Add table parameter to custom filter (#78)

Author: manni497

CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- `table` as `customFilter` parameter.
+- export for `getModelFromColumnFilter` and `getColumnFilterFromModel` utility functions.
+
 ## [5.9.1] - 2024-12-19
 
 ### Fixed

src/index.ts

@@ -1,7 +1,9 @@
-export * from "./lib/translations/translations";
-export * from "./lib/useReactDataTableState/useReactDataTableState";
-export * from "./lib/useReactDataTable/useReactDataTable";
-export * from "./lib/ReactDataTable/ReactDataTable";
-export * from "./lib/utils/getStronglyTypedColumnFilter";
-export * from "./lib/useFullyControlledReactDataTable/useFullyControlledReactDataTable";
-export * from "./lib/utils/createReactDataTableColumnHelper";
+export * from "./lib/translations/translations";
+export * from "./lib/useReactDataTableState/useReactDataTableState";
+export * from "./lib/useReactDataTable/useReactDataTable";
+export * from "./lib/ReactDataTable/ReactDataTable";
+export * from "./lib/utils/getStronglyTypedColumnFilter";
+export * from "./lib/useFullyControlledReactDataTable/useFullyControlledReactDataTable";
+export * from "./lib/utils/createReactDataTableColumnHelper";
+export * from "./lib/utils/getColumnFilterFromModel";
+export * from "./lib/utils/getModelFromColumnFilter";

src/lib/ReactDataTable/ReactDataTable.tsx

@@ -215,8 +215,10 @@ const ReactDataTable = <TData, TFilter extends FilterModel = Record<string, neve
                             {header.column.getCanFilter() && (
                               <>
                                 {meta?.customFilter ? (
-                                  meta?.customFilter(getFilterValue(header.column, table), (value) =>
-                                    setFilterValue(header.column, table, value),
+                                  meta?.customFilter(
+                                    getFilterValue(header.column, table),
+                                    (value) => setFilterValue(header.column, table, value),
+                                    table,
                                   )
                                 ) : meta?.dropdownFilter ? (
                                   <Input

src/react-table.d.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import "@tanstack/react-table";
-import { RowData } from "@tanstack/react-table";
+import { RowData, Table } from "@tanstack/react-table";
 import { CSSProperties } from "react";
 
 interface DropdownColumnFilterOption {
@@ -54,9 +54,10 @@ declare module "@tanstack/table-core" {
      * Define a custom filter
      * @param filterValue The current value of the filter
      * @param setFilterValue The callback to update the filter state
+     * @param table The table object
      * @returns The custom filter component
      */
-    customFilter?: <T>(filterValue: T, setFilterValue: (filterValue: T) => void) => JSX.Element;
+    customFilter?: <T>(filterValue: T, setFilterValue: (filterValue: T) => void, table: Table<TData>) => JSX.Element;
 
     /**
      * Prevents the column from being drawn