@prt-ts/fluent-react-table-v2 9.40.0-build.1.0 → 9.40.0-build.2.0

package/index.js

@@ -236,10 +236,10 @@ const useGridContainer = (props, ref) => {
         columns: columns,
         data,
         filterFns: {
-            arrIncludesSome,
+            arrIncludesSome: arrIncludesSome,
         },
         initialState: {
-            expanded: true
+            expanded: true,
         },
         state: {
             pagination,
@@ -253,9 +253,9 @@ const useGridContainer = (props, ref) => {
             columnVisibility,
             columnPinning,
         },
-        columnResizeMode: "onChange",
+        columnResizeMode: 'onChange',
         enableRowSelection: rowSelectionMode !== undefined,
-        enableMultiRowSelection: rowSelectionMode === "multiple",
+        enableMultiRowSelection: rowSelectionMode === 'multiple',
         enableFilters: true,
         enableGlobalFilter: true,
         enableColumnFilters: true,
@@ -500,22 +500,22 @@ const FilterMultiSelectRadio = ({ column, table }) => {
 };
 
 const useFilterStyles = makeStyles({
-    root: Object.assign(Object.assign({}, shorthands.padding("10px")), { width: "100%" }),
-    defaultInput: Object.assign(Object.assign({}, shorthands.padding("10px")), { width: "100%" })
+    root: Object.assign(Object.assign({}, shorthands.padding('10px')), { width: '100%' }),
+    defaultInput: Object.assign(Object.assign({}, shorthands.padding('10px')), { width: '100%' }),
 });
-const Filter = ({ column, table }) => {
-    var _a;
-    const sortFunctionName = ((_a = column.getFilterFn()) === null || _a === void 0 ? void 0 : _a.name) || "arrIncludesSome";
+const Filter = ({ column, table, }) => {
+    const filterFunctionName = column.columnDef.filterFn;
+    console.log('filterFunctionName', filterFunctionName);
     const styles = useFilterStyles();
-    switch (sortFunctionName) {
-        case "arrIncludesSome":
-            return (jsx(FilterMultiSelectCheckbox, { column: column, table: table }));
-        case "arrIncludesAll":
-            return (jsx(FilterMultiSelectRadio, { column: column, table: table }));
-        case "arrIncludes":
-            return (jsx(FilterMultiSelectRadio, { column: column, table: table }));
+    switch (filterFunctionName) {
+        case 'arrIncludesSome':
+            return jsx(FilterMultiSelectCheckbox, { column: column, table: table });
+        case 'arrIncludesAll':
+            return jsx(FilterMultiSelectRadio, { column: column, table: table });
+        case 'arrIncludes':
+            return jsx(FilterMultiSelectRadio, { column: column, table: table });
     }
-    return (jsx("div", Object.assign({ className: styles.root }, { children: jsx(Input, { type: "search", value: (column.getFilterValue() || ""), onChange: (_, data) => {
+    return (jsx("div", Object.assign({ className: styles.root }, { children: jsx(Input, { type: "search", value: (column.getFilterValue() || ''), onChange: (_, data) => {
                 column.setFilterValue(data.value);
             }, placeholder: "Search...", size: "small", className: styles.defaultInput }) })));
 };

package/package.json

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

package/src/lib/components/filters/Filter.d.ts

@@ -1,5 +1,5 @@
-import { Column, Table } from "@tanstack/react-table";
-export declare const Filter: <TItem extends object>({ column, table }: {
+import { Column, Table } from '@tanstack/react-table';
+export declare const Filter: <TItem extends object>({ column, table, }: {
     column: Column<TItem, unknown>;
     table: Table<TItem>;
 }) => import("react/jsx-runtime").JSX.Element;