refactor(react-table): allow conditional filters on useTable

[aliemir]

useTable hook was ignoring the conditional filters with "and" and "or" operators, causing custom filtering logic inside the table to not work as expected and omitting the filters from the query. This PR enables working with conditional filters and fixes the disappearing filters issue.

To customize the key value of the conditional filter, you can use the filterKey property in the column's meta property. This property will be used as the key for the filter when setting the filter value to the table from @refinedev/core's filter state and when setting the filter value to the filter state from the table.

// An example of how to use the `filterKey` property in the column's `meta` property
const columns: ColumnDef<IPost> = [
  {
    id: "title",
    header: "Title",
    accessorKey: "title",
    meta: {
      // This is optional, if not defined column id will be used as the key
      filterKey: "titleFilter",
      // If operator is not `'eq'` or `'in'`, make sure to set the `filterOperator` property
      filterOperator: "and",
    },
  },
];

Resolves #5856

[changeset-bot]

🦋 Changeset detected

Latest commit: 13d465a

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 13d465a. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 33 targets

• lerna run cypress:run --scope with-remix-material-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-remix-material-ui
• lerna run cypress:run --scope with-remix-headless -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-remix-headless
• lerna run cypress:run --scope with-nextjs-next-auth -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group with-nextjs-next-auth
• lerna run cypress:run --scope form-mantine-use-steps-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-use-steps-form
• lerna run cypress:run --scope form-chakra-ui-mutation-mode -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-chakra-ui-mutation-mode
• lerna run cypress:run --scope table-react-table-basic -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-react-table-basic
• lerna run cypress:run --scope form-mantine-use-drawer-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-use-drawer-form
• lerna run cypress:run --scope form-mantine-use-modal-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-use-modal-form
• lerna run cypress:run --scope table-react-table-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-react-table-advanced
• lerna run cypress:run --scope table-material-ui-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-material-ui-advanced
• lerna run cypress:run --scope base-mantine -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group base-mantine
• lerna run cypress:run --scope inferencer-graphql-hasura -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-graphql-hasura
• lerna run cypress:run --scope inferencer-material-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-material-ui
• lerna run cypress:run --scope table-mantine-basic -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-mantine-basic
• lerna run cypress:run --scope inferencer-chakra-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-chakra-ui
• lerna run cypress:run --scope auth-mantine -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-mantine
• lerna run cypress:run --scope table-mantine-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-mantine-advanced
• lerna run cypress:run --scope base-chakra-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group base-chakra-ui
• lerna run cypress:run --scope form-mantine-mutation-mode -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-mutation-mode
• lerna run cypress:run --scope form-mantine-use-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-mantine-use-form
• lerna run cypress:run --scope auth-headless -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-headless
• lerna run cypress:run --scope table-chakra-ui-basic -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-chakra-ui-basic
• lerna run cypress:run --scope form-chakra-use-modal-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-chakra-use-modal-form
• lerna run cypress:run --scope inferencer-mantine -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-mantine
• lerna run cypress:run --scope auth-chakra-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group auth-chakra-ui
• lerna run cypress:run --scope inferencer-antd -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-antd
• lerna run cypress:run --scope table-chakra-ui-advanced -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group table-chakra-ui-advanced
• lerna run cypress:run --scope form-chakra-ui-use-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-chakra-ui-use-form
• lerna run cypress:run --scope server-side-form-validation-mantine -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group server-side-form-validation-mantine
• lerna run cypress:run --scope form-core-use-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-core-use-form
• lerna run cypress:run --scope form-chakra-ui-use-drawer-form -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group form-chakra-ui-use-drawer-form
• lerna run cypress:run --scope server-side-form-validation-chakra-ui -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group server-side-form-validation-chakra-ui
• lerna run cypress:run --scope inferencer-headless -- --record --key 6c99cf93-adbe-41aa-8d91-f50a76b8bbc8 --group inferencer-headless

---

Sent with 💌 from NxCloud.

[cypress]

Passing run #10961 ↗︎

0

178

11

0

0

Details:

Merge b041ee6 into b449b80...
Project: refine	Commit: 8e7b26fbcb ℹ️
Status: Passed	Duration: 17:51 💡
Started: Apr 18, 2024 7:14 AM	Ended: Apr 18, 2024 7:31 AM

Review all test suite changes for PR #5862 ↗︎