@prt-ts/fluent-react-table-v2 9.40.0-build.6.0 → 9.40.0-build.8.0

package/index.js

@@ -289,7 +289,7 @@ const useGridContainer = (props, ref) => {
         columns: columns,
         data,
         filterFns: {
-            arrIncludesSome: arrIncludesSome,
+            includeArray: arrIncludesSome,
             dateRange,
             date
         },
@@ -678,9 +678,13 @@ const FilterDateRange = (props) => {
     const min = (_b = (_a = column.getFacetedMinMaxValues()) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : undefined;
     const max = (_d = (_c = column.getFacetedMinMaxValues()) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : undefined;
     const handleMinChange = (date) => {
+        if (!date)
+            return;
         column.setFilterValue((old) => [date, old === null || old === void 0 ? void 0 : old[1]]);
     };
     const handleMaxChange = (date) => {
+        if (!date)
+            return;
         column.setFilterValue((old) => [old === null || old === void 0 ? void 0 : old[0], date]);
     };
     const styles = useNumberRangeFilterStyles$1();
@@ -709,11 +713,13 @@ const FilterDate = (props) => {
     const columnFilterValue = column.getFilterValue();
     const min = (_b = (_a = column.getFacetedMinMaxValues()) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : undefined;
     const max = (_d = (_c = column.getFacetedMinMaxValues()) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : undefined;
-    const handleMinChange = (date) => {
+    const onDateSelect = (date) => {
+        if (!date)
+            return;
         column.setFilterValue(date);
     };
     const styles = useNumberRangeFilterStyles();
-    return (jsx("div", Object.assign({ className: styles.searchContainer }, { children: jsx(DatePicker, { value: columnFilterValue || null, min: min, max: max, onSelectDate: handleMinChange, className: styles.searchInput, placeholder: `Select a date`, size: 'small', allowTextInput: true }) })));
+    return (jsx("div", Object.assign({ className: styles.searchContainer }, { children: jsx(DatePicker, { value: columnFilterValue || null, min: min, max: max, onSelectDate: onDateSelect, className: styles.searchInput, placeholder: `Select a date`, size: 'small', allowTextInput: true }) })));
 };
 
 const useFilterStyles = makeStyles({
@@ -736,7 +742,7 @@ const Filter = ({ column, table, }) => {
     const filterFunctionName = column.columnDef.filterFn;
     const styles = useFilterStyles();
     switch (filterFunctionName) {
-        case 'arrIncludesSome':
+        case 'includeArray':
             return jsx(FilterMultiSelectCheckbox, { column: column, table: table });
         case 'arrIncludesAll':
         case 'arrIncludes':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prt-ts/fluent-react-table-v2",
-  "version": "9.40.0-build.6.0",
+  "version": "9.40.0-build.8.0",
   "main": "./index.js",
   "types": "./src\\index.d.ts",
   "peerDependencies": {

package/src/lib/index.d.ts

@@ -1,3 +1,11 @@
+import { FilterFn } from "@tanstack/react-table";
+declare module '@tanstack/table-core' {
+    interface FilterFns {
+        includeArray: FilterFn<unknown>;
+        date: FilterFn<unknown>;
+        dateRange: FilterFn<unknown>;
+    }
+}
 export { Table } from "./components";
 export type { TableProps, TableRef, TableView } from "./types";
 export type { ColumnDef, TableState } from "@tanstack/react-table";