feat: Add manual filters

[mikemurray]

Resolves #145
Impact: minor
Type: feature

Issue

Filters can only be applied to columns, and are thereby limited in the number of filters you can set on a table based on the number of columns.

Solution

Add manual filters options to the useDataTable hook. Any number of filters may be set, which then triggers onFetchData. As the name suggests, the manual filters are manual. No automatic filtering will happen, it's up to your onFetchData function to handle the filtering.

You can access them from the return value like so.

const { setManualFilters, setAllManualFilters, state: { manualFilters } = useDataTable(...)

Breaking changes

none

Testing

1. Test the DataTable in the docs and see that manual filters work. There's a button named Set manual filters at the bottom of the table

[netlify]

Deploy preview for heuristic-perlman-0ef024 ready!

Built with commit a41d6ea

https://deploy-preview-146--heuristic-perlman-0ef024.netlify.com

[willopez]

LGTM

[rc-publisher]

🎉 This PR is included in version 1.18.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀