@economic/taco 2.3.0 → 2.4.1

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowClick.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowClick.ts"],"sourcesContent":["import React from 'react';\nimport { Table3RowClickHandler } from '../../types';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useRowClick<TType = unknown>(onRowClick?: Table3RowClickHandler<TType>) {\n    const onKeyDown = React.useCallback(\n        (event: React.KeyboardEvent, table: RTable<TType>) => {\n            if (typeof onRowClick !== 'function' || event.isDefaultPrevented() || event.isPropagationStopped()) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as TableMeta<TType>;\n\n            if (event.key === 'Enter') {\n                event.preventDefault();\n\n                if (onRowClick) {\n                    onRowClick(rows[tableMeta.currentRow.currentRowIndex].original as TType);\n                }\n\n                return;\n            }\n        },\n        [onRowClick]\n    ) as <TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => void;\n\n    return {\n        handleKeyDown: onKeyDown,\n        handleClick: onRowClick,\n    };\n}\n"],"names":["useRowClick","onRowClick","onKeyDown","React","useCallback","event","table","isDefaultPrevented","isPropagationStopped","rows","getRowModel","tableMeta","options","meta","key","preventDefault","currentRow","currentRowIndex","original","handleKeyDown","handleClick"],"mappings":";;SAIgBA,WAAW,CAAkBC,UAAyC;EAClF,MAAMC,SAAS,GAAGC,cAAK,CAACC,WAAW,CAC/B,CAACC,KAA0B,EAAEC,KAAoB;IAC7C,IAAI,OAAOL,UAAU,KAAK,UAAU,IAAII,KAAK,CAACE,kBAAkB,EAAE,IAAIF,KAAK,CAACG,oBAAoB,EAAE,EAAE;MAChG;;IAGJ,MAAMC,IAAI,GAAGH,KAAK,CAACI,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGL,KAAK,CAACM,OAAO,CAACC,IAAwB;IAExD,IAAIR,KAAK,CAACS,GAAG,KAAK,OAAO,EAAE;MACvBT,KAAK,CAACU,cAAc,EAAE;MAEtB,IAAId,UAAU,EAAE;QACZA,UAAU,CAACQ,IAAI,CAACE,SAAS,CAACK,UAAU,CAACC,eAAe,CAAC,CAACC,QAAiB,CAAC;;MAG5E;;GAEP,EACD,CAACjB,UAAU,CAAC,CACgE;EAEhF,OAAO;IACHkB,aAAa,EAAEjB,SAAS;IACxBkB,WAAW,EAAEnB;GAChB;AACL;;;;"}
+{"version":3,"file":"useRowClick.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowClick.ts"],"sourcesContent":["import React from 'react';\nimport { Table3RowClickHandler } from '../../types';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useRowClick<TType = unknown>(onRowClick?: Table3RowClickHandler<TType>) {\n    const onKeyDown = React.useCallback(\n        (event: KeyboardEvent, table: RTable<TType>) => {\n            if (typeof onRowClick !== 'function' || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as TableMeta<TType>;\n\n            if (event.key === 'Enter') {\n                event.preventDefault();\n\n                if (onRowClick) {\n                    onRowClick(rows[tableMeta.currentRow.currentRowIndex].original as TType);\n                }\n\n                return;\n            }\n        },\n        [onRowClick]\n    ) as <TType = unknown>(event: KeyboardEvent, table: RTable<TType>) => void;\n\n    return {\n        handleKeyDown: onKeyDown,\n        handleClick: onRowClick,\n    };\n}\n"],"names":["useRowClick","onRowClick","onKeyDown","React","useCallback","event","table","defaultPrevented","rows","getRowModel","tableMeta","options","meta","key","preventDefault","currentRow","currentRowIndex","original","handleKeyDown","handleClick"],"mappings":";;SAIgBA,WAAW,CAAkBC,UAAyC;EAClF,MAAMC,SAAS,GAAGC,cAAK,CAACC,WAAW,CAC/B,CAACC,KAAoB,EAAEC,KAAoB;IACvC,IAAI,OAAOL,UAAU,KAAK,UAAU,IAAII,KAAK,CAACE,gBAAgB,EAAE;MAC5D;;IAGJ,MAAMC,IAAI,GAAGF,KAAK,CAACG,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;IAExD,IAAIP,KAAK,CAACQ,GAAG,KAAK,OAAO,EAAE;MACvBR,KAAK,CAACS,cAAc,EAAE;MAEtB,IAAIb,UAAU,EAAE;QACZA,UAAU,CAACO,IAAI,CAACE,SAAS,CAACK,UAAU,CAACC,eAAe,CAAC,CAACC,QAAiB,CAAC;;MAG5E;;GAEP,EACD,CAAChB,UAAU,CAAC,CAC0D;EAE1E,OAAO;IACHiB,aAAa,EAAEhB,SAAS;IACxBiB,WAAW,EAAElB;GAChB;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowSelection.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 function useRowSelection() {
   const lastSelectedRowIndex = React__default.useRef();
   const onKeyDown = React__default.useCallback((event, table) => {
-    if (!table.options.enableRowSelection || event.isDefaultPrevented() || event.isPropagationStopped()) {
+    if (!table.options.enableRowSelection || event.defaultPrevented) {
       return;
     }
     const rows = table.getRowModel().rows;

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowSelection.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowSelection.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useRowSelection() {\n    const lastSelectedRowIndex = React.useRef<number>();\n\n    const onKeyDown = React.useCallback(<TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => {\n        if (!table.options.enableRowSelection || event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        const rows = table.getRowModel().rows;\n        const tableMeta = table.options.meta as TableMeta<TType>;\n\n        if (event.key === ' ') {\n            event.preventDefault();\n            rows[tableMeta.currentRow.currentRowIndex]?.toggleSelected();\n            return;\n        } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {\n            event.preventDefault();\n            table.toggleAllRowsSelected();\n            return;\n        }\n    }, []) as <TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => void;\n\n    return {\n        handleKeyDown: onKeyDown,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["useRowSelection","lastSelectedRowIndex","React","useRef","onKeyDown","useCallback","event","table","options","enableRowSelection","isDefaultPrevented","isPropagationStopped","rows","getRowModel","tableMeta","meta","key","preventDefault","currentRow","currentRowIndex","toggleSelected","ctrlKey","metaKey","toggleAllRowsSelected","handleKeyDown"],"mappings":";;SAGgBA,eAAe;EAC3B,MAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,EAAU;EAEnD,MAAMC,SAAS,GAAGF,cAAK,CAACG,WAAW,CAAC,CAAkBC,KAA0B,EAAEC,KAAoB;IAClG,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,kBAAkB,IAAIH,KAAK,CAACI,kBAAkB,EAAE,IAAIJ,KAAK,CAACK,oBAAoB,EAAE,EAAE;MACjG;;IAGJ,MAAMC,IAAI,GAAGL,KAAK,CAACM,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGP,KAAK,CAACC,OAAO,CAACO,IAAwB;IAExD,IAAIT,KAAK,CAACU,GAAG,KAAK,GAAG,EAAE;MAAA;MACnBV,KAAK,CAACW,cAAc,EAAE;MACtB,yBAAAL,IAAI,CAACE,SAAS,CAACI,UAAU,CAACC,eAAe,CAAC,0DAA1C,sBAA4CC,cAAc,EAAE;MAC5D;KACH,MAAM,IAAI,CAACd,KAAK,CAACe,OAAO,IAAIf,KAAK,CAACgB,OAAO,KAAKhB,KAAK,CAACU,GAAG,KAAK,GAAG,EAAE;MAC9DV,KAAK,CAACW,cAAc,EAAE;MACtBV,KAAK,CAACgB,qBAAqB,EAAE;MAC7B;;GAEP,EAAE,EAAE,CAAgF;EAErF,OAAO;IACHC,aAAa,EAAEpB,SAAS;IACxBH;GACH;AACL;;;;"}
+{"version":3,"file":"useRowSelection.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowSelection.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useRowSelection() {\n    const lastSelectedRowIndex = React.useRef<number>();\n\n    const onKeyDown = React.useCallback(<TType = unknown>(event: KeyboardEvent, table: RTable<TType>) => {\n        if (!table.options.enableRowSelection || event.defaultPrevented) {\n            return;\n        }\n\n        const rows = table.getRowModel().rows;\n        const tableMeta = table.options.meta as TableMeta<TType>;\n\n        if (event.key === ' ') {\n            event.preventDefault();\n            rows[tableMeta.currentRow.currentRowIndex]?.toggleSelected();\n            return;\n        } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {\n            event.preventDefault();\n            table.toggleAllRowsSelected();\n            return;\n        }\n    }, []) as <TType = unknown>(event: KeyboardEvent, table: RTable<TType>) => void;\n\n    return {\n        handleKeyDown: onKeyDown,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["useRowSelection","lastSelectedRowIndex","React","useRef","onKeyDown","useCallback","event","table","options","enableRowSelection","defaultPrevented","rows","getRowModel","tableMeta","meta","key","preventDefault","currentRow","currentRowIndex","toggleSelected","ctrlKey","metaKey","toggleAllRowsSelected","handleKeyDown"],"mappings":";;SAGgBA,eAAe;EAC3B,MAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,EAAU;EAEnD,MAAMC,SAAS,GAAGF,cAAK,CAACG,WAAW,CAAC,CAAkBC,KAAoB,EAAEC,KAAoB;IAC5F,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,kBAAkB,IAAIH,KAAK,CAACI,gBAAgB,EAAE;MAC7D;;IAGJ,MAAMC,IAAI,GAAGJ,KAAK,CAACK,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGN,KAAK,CAACC,OAAO,CAACM,IAAwB;IAExD,IAAIR,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MAAA;MACnBT,KAAK,CAACU,cAAc,EAAE;MACtB,yBAAAL,IAAI,CAACE,SAAS,CAACI,UAAU,CAACC,eAAe,CAAC,0DAA1C,sBAA4CC,cAAc,EAAE;MAC5D;KACH,MAAM,IAAI,CAACb,KAAK,CAACc,OAAO,IAAId,KAAK,CAACe,OAAO,KAAKf,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MAC9DT,KAAK,CAACU,cAAc,EAAE;MACtBT,KAAK,CAACe,qBAAqB,EAAE;MAC7B;;GAEP,EAAE,EAAE,CAA0E;EAE/E,OAAO;IACHC,aAAa,EAAEnB,SAAS;IACxBH;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useSettings.js

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { useLocalStorage } from '../../../../hooks/useLocalStorage.js';
+import { useTacoSettings } from '../../../../hooks/useTacoSettings.js';
+
+function useSettings(id, defaultSettings = {}, onChangeSettings) {
+  const tacoSettings = useTacoSettings();
+  const uniqueId = `taco.${tacoSettings.uniqueUserIdentifier}.table3.${id}.settings`;
+  const [persistedSettings, setPersistedSettings] = useLocalStorage(uniqueId, defaultSettings);
+  return React__default.useMemo(() => {
+    if (onChangeSettings) {
+      return [defaultSettings, onChangeSettings];
+    }
+    return [persistedSettings, setPersistedSettings];
+  }, []);
+}
+
+export { useSettings };
+//# sourceMappingURL=useSettings.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettings.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useSettings.ts"],"sourcesContent":["import React from 'react';\nimport { useLocalStorage } from '../../../../hooks/useLocalStorage';\nimport { useTacoSettings } from '../../../../hooks/useTacoSettings';\nimport { Table3Settings, Table3SettingsHandler } from '../../types';\n\nexport function useSettings(\n    id: string,\n    defaultSettings: Table3Settings | undefined = {},\n    onChangeSettings: Table3SettingsHandler | undefined\n): [Table3Settings, Table3SettingsHandler] {\n    const tacoSettings = useTacoSettings();\n    const uniqueId = `taco.${tacoSettings.uniqueUserIdentifier}.table3.${id}.settings`;\n    const [persistedSettings, setPersistedSettings] = useLocalStorage<Table3Settings>(uniqueId, defaultSettings);\n\n    return React.useMemo(() => {\n        if (onChangeSettings) {\n            return [defaultSettings, onChangeSettings];\n        }\n\n        return [persistedSettings, setPersistedSettings];\n    }, []);\n}\n"],"names":["useSettings","id","defaultSettings","onChangeSettings","tacoSettings","useTacoSettings","uniqueId","uniqueUserIdentifier","persistedSettings","setPersistedSettings","useLocalStorage","React","useMemo"],"mappings":";;;;SAKgBA,WAAW,CACvBC,EAAU,EACVC,kBAA8C,EAAE,EAChDC,gBAAmD;EAEnD,MAAMC,YAAY,GAAGC,eAAe,EAAE;EACtC,MAAMC,QAAQ,WAAWF,YAAY,CAACG,+BAA+BN,aAAa;EAClF,MAAM,CAACO,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,eAAe,CAAiBJ,QAAQ,EAAEJ,eAAe,CAAC;EAE5G,OAAOS,cAAK,CAACC,OAAO,CAAC;IACjB,IAAIT,gBAAgB,EAAE;MAClB,OAAO,CAACD,eAAe,EAAEC,gBAAgB,CAAC;;IAG9C,OAAO,CAACK,iBAAiB,EAAEC,oBAAoB,CAAC;GACnD,EAAE,EAAE,CAAC;AACV;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useSettingsStateListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSettingsStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useSettingsStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { Table3SettingsAdapter } from '../../types';\n\nexport function useSettingsStateListener<TType = unknown>(\n    table: RTable<TType>,\n    onChangeSettings: Table3SettingsAdapter | undefined\n) {\n    const meta = table.options.meta as TableMeta<TType>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(\n                () =>\n                    onChangeSettings({\n                        columnFreezingIndex: meta.columnFreezing.frozenColumnIndex,\n                        columnOrder: state.columnOrder,\n                        columnPinning: state.columnPinning,\n                        columnSizing: state.columnSizing,\n                        columnVisibility: state.columnVisibility,\n                        excludeUnmatchedRecordsInSearch: meta.search.excludeUnmatchedResults,\n                        fontSize: meta.fontSize.size,\n                        showWarningWhenPrintingLargeDataset: meta.printing.printWarningDialogVisibility,\n                        rowHeight: meta.rowHeight.height,\n                        sorting: state.sorting,\n                    }),\n                250\n            );\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        meta.columnFreezing.frozenColumnIndex,\n        state.columnOrder,\n        state.columnPinning,\n        state.columnSizing,\n        state.columnVisibility,\n        meta.search.excludeUnmatchedResults,\n        meta.fontSize.size,\n        meta.rowHeight.height,\n        meta.printing.printWarningDialogVisibility,\n        state.sorting,\n    ]);\n}\n"],"names":["useSettingsStateListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","columnFreezingIndex","columnFreezing","frozenColumnIndex","columnOrder","columnPinning","columnSizing","columnVisibility","excludeUnmatchedRecordsInSearch","search","excludeUnmatchedResults","fontSize","size","showWarningWhenPrintingLargeDataset","printing","printWarningDialogVisibility","rowHeight","height","sorting","clearTimeout"],"mappings":";;SAIgBA,wBAAwB,CACpCC,KAAoB,EACpBC,gBAAmD;EAEnD,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAwB;EACnD,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAE9BC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAI,OAAOP,gBAAgB,KAAK,UAAU,EAAE;MACxCO,OAAO,GAAGC,UAAU,CAChB,MACIR,gBAAgB,CAAC;QACbS,mBAAmB,EAAER,IAAI,CAACS,cAAc,CAACC,iBAAiB;QAC1DC,WAAW,EAAET,KAAK,CAACS,WAAW;QAC9BC,aAAa,EAAEV,KAAK,CAACU,aAAa;QAClCC,YAAY,EAAEX,KAAK,CAACW,YAAY;QAChCC,gBAAgB,EAAEZ,KAAK,CAACY,gBAAgB;QACxCC,+BAA+B,EAAEf,IAAI,CAACgB,MAAM,CAACC,uBAAuB;QACpEC,QAAQ,EAAElB,IAAI,CAACkB,QAAQ,CAACC,IAAI;QAC5BC,mCAAmC,EAAEpB,IAAI,CAACqB,QAAQ,CAACC,4BAA4B;QAC/EC,SAAS,EAAEvB,IAAI,CAACuB,SAAS,CAACC,MAAM;QAChCC,OAAO,EAAEvB,KAAK,CAACuB;OAClB,CAAC,EACN,GAAG,CACN;;IAGL,OAAO,MAAMC,YAAY,CAACpB,OAAO,CAAC;GACrC,EAAE,CACCN,IAAI,CAACS,cAAc,CAACC,iBAAiB,EACrCR,KAAK,CAACS,WAAW,EACjBT,KAAK,CAACU,aAAa,EACnBV,KAAK,CAACW,YAAY,EAClBX,KAAK,CAACY,gBAAgB,EACtBd,IAAI,CAACgB,MAAM,CAACC,uBAAuB,EACnCjB,IAAI,CAACkB,QAAQ,CAACC,IAAI,EAClBnB,IAAI,CAACuB,SAAS,CAACC,MAAM,EACrBxB,IAAI,CAACqB,QAAQ,CAACC,4BAA4B,EAC1CpB,KAAK,CAACuB,OAAO,CAChB,CAAC;AACN;;;;"}
+{"version":3,"file":"useSettingsStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useSettingsStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { Table3SettingsHandler } from '../../types';\n\nexport function useSettingsStateListener<TType = unknown>(\n    table: RTable<TType>,\n    onChangeSettings: Table3SettingsHandler | undefined\n) {\n    const meta = table.options.meta as TableMeta<TType>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(\n                () =>\n                    onChangeSettings({\n                        columnFreezingIndex: meta.columnFreezing.frozenColumnIndex,\n                        columnOrder: state.columnOrder,\n                        columnPinning: state.columnPinning,\n                        columnSizing: state.columnSizing,\n                        columnVisibility: state.columnVisibility,\n                        excludeUnmatchedRecordsInSearch: meta.search.excludeUnmatchedResults,\n                        fontSize: meta.fontSize.size,\n                        showWarningWhenPrintingLargeDataset: meta.printing.printWarningDialogVisibility,\n                        rowHeight: meta.rowHeight.height,\n                        sorting: state.sorting,\n                    }),\n                250\n            );\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        meta.columnFreezing.frozenColumnIndex,\n        state.columnOrder,\n        state.columnPinning,\n        state.columnSizing,\n        state.columnVisibility,\n        meta.search.excludeUnmatchedResults,\n        meta.fontSize.size,\n        meta.rowHeight.height,\n        meta.printing.printWarningDialogVisibility,\n        state.sorting,\n    ]);\n}\n"],"names":["useSettingsStateListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","columnFreezingIndex","columnFreezing","frozenColumnIndex","columnOrder","columnPinning","columnSizing","columnVisibility","excludeUnmatchedRecordsInSearch","search","excludeUnmatchedResults","fontSize","size","showWarningWhenPrintingLargeDataset","printing","printWarningDialogVisibility","rowHeight","height","sorting","clearTimeout"],"mappings":";;SAIgBA,wBAAwB,CACpCC,KAAoB,EACpBC,gBAAmD;EAEnD,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAwB;EACnD,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAE9BC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAI,OAAOP,gBAAgB,KAAK,UAAU,EAAE;MACxCO,OAAO,GAAGC,UAAU,CAChB,MACIR,gBAAgB,CAAC;QACbS,mBAAmB,EAAER,IAAI,CAACS,cAAc,CAACC,iBAAiB;QAC1DC,WAAW,EAAET,KAAK,CAACS,WAAW;QAC9BC,aAAa,EAAEV,KAAK,CAACU,aAAa;QAClCC,YAAY,EAAEX,KAAK,CAACW,YAAY;QAChCC,gBAAgB,EAAEZ,KAAK,CAACY,gBAAgB;QACxCC,+BAA+B,EAAEf,IAAI,CAACgB,MAAM,CAACC,uBAAuB;QACpEC,QAAQ,EAAElB,IAAI,CAACkB,QAAQ,CAACC,IAAI;QAC5BC,mCAAmC,EAAEpB,IAAI,CAACqB,QAAQ,CAACC,4BAA4B;QAC/EC,SAAS,EAAEvB,IAAI,CAACuB,SAAS,CAACC,MAAM;QAChCC,OAAO,EAAEvB,KAAK,CAACuB;OAClB,CAAC,EACN,GAAG,CACN;;IAGL,OAAO,MAAMC,YAAY,CAACpB,OAAO,CAAC;GACrC,EAAE,CACCN,IAAI,CAACS,cAAc,CAACC,iBAAiB,EACrCR,KAAK,CAACS,WAAW,EACjBT,KAAK,CAACU,aAAa,EACnBV,KAAK,CAACW,YAAY,EAClBX,KAAK,CAACY,gBAAgB,EACtBd,IAAI,CAACgB,MAAM,CAACC,uBAAuB,EACnCjB,IAAI,CAACkB,QAAQ,CAACC,IAAI,EAClBnB,IAAI,CAACuB,SAAS,CAACC,MAAM,EACrBxB,IAAI,CAACqB,QAAQ,CAACC,4BAA4B,EAC1CpB,KAAK,CAACuB,OAAO,CAChB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/useConvertChildrenToColumns.js

@@ -1,9 +1,9 @@
 import React__default from 'react';
 import { createColumnHelper } from '@tanstack/react-table';
-import { MIN_COLUMN_SIZE } from '../components/columns/styles.js';
 import { Header } from '../components/columns/header/Header.js';
 import { Footer } from '../components/columns/footer/Footer.js';
 import { createRowActionsColumn } from '../components/columns/internal/Actions.js';
+import { MIN_COLUMN_SIZE } from '../components/columns/styles.js';
 import { createRowEditingActionsColumn } from '../components/columns/internal/EditingActions.js';
 import { Cell } from '../components/columns/cell/Cell.js';
 import { createRowSelectionColumn } from '../components/columns/internal/Selection.js';
@@ -19,7 +19,7 @@ function getSortingFn(dataType, customFnOrBuiltIn) {
     return customFnOrBuiltIn;
   }
   // some times we alias based on the type
-  if (dataType && dataType !== 'boolean') {
+  if (dataType && dataType !== 'boolean' && dataType !== 'number') {
     return dataType;
   }
   // otherwise fall back to auto
@@ -74,11 +74,9 @@ function useConvertChildrenToColumns(props, options, editing) {
           control: child.props.control,
           dataType: child.props.dataType,
           enableOrdering: (_child$props$enableOr = child.props.enableOrdering) !== null && _child$props$enableOr !== void 0 ? _child$props$enableOr : true,
-          // react-table global filtering only samples from row 0 in a dataset for filtering and this
-          // leads to some columns being disabled if, e.g., a column in row 0 has an undefined value
-          // so we do not use the native enableGlobalFilter property and instead use our own enableSearch
           enableSearch: (_child$props$enableSe = child.props.enableSearch) !== null && _child$props$enableSe !== void 0 ? _child$props$enableSe : true,
           enableTruncate: (_child$props$enableTr = child.props.enableTruncate) !== null && _child$props$enableTr !== void 0 ? _child$props$enableTr : false,
+          filters: child.props.filters,
           footer: child.props.footer,
           header: child.props.header,
           headerClassName: child.props.headerClassName,
@@ -93,7 +91,7 @@ function useConvertChildrenToColumns(props, options, editing) {
     columns.unshift(columnHelper.display(createRowExpansionColumn(props.expandedRowRenderer)));
   }
   if (options.enableRowSelection) {
-    columns.unshift(columnHelper.display(createRowSelectionColumn(options.enableRowDrag ? props.onRowDrag : undefined)));
+    columns.unshift(columnHelper.display(createRowSelectionColumn(!!(options.enableRowDrag && props.onRowDrag), !!props.expandedRowRenderer)));
   }
   if (options.enableRowDrag && props.onRowDrag) {
     columns.unshift(columnHelper.display(createRowDragColumn(props.onRowDrag)));

package/dist/esm/packages/taco/src/components/Table3/hooks/useConvertChildrenToColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConvertChildrenToColumns.js","sources":["../../../../../../../../src/components/Table3/hooks/useConvertChildrenToColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { ColumnDef, ColumnSizingState, createColumnHelper, ColumnSort, VisibilityState } from '@tanstack/react-table';\nimport { Table3ColumnProps, Table3Props, Table3Options, Table3ColumnDataType, Table3SortFn } from '../types';\nimport { Header } from '../components/columns/header/Header';\nimport { Footer } from '../components/columns/footer/Footer';\nimport { Cell } from '../components/columns/cell/Cell';\nimport { createRowSelectionColumn } from '../components/columns/internal/Selection';\nimport { MIN_COLUMN_SIZE } from '../components/columns/styles';\nimport { createRowActionsColumn } from '../components/columns/internal/Actions';\nimport { createRowExpansionColumn } from '../components/columns/internal/Expansion';\nimport { createRowDragColumn } from '../components/columns/internal/Drag';\nimport { createRowEditingActionsColumn } from '../components/columns/internal/EditingActions';\nimport { useEditing } from './features/useEditing';\n\nfunction getSortingFn<TType = unknown>(dataType?: Table3ColumnDataType, customFnOrBuiltIn?: Table3SortFn<TType>) {\n    if (typeof customFnOrBuiltIn === 'function') {\n        return (rowA, rowB, columnId) => customFnOrBuiltIn(rowA.original, rowB.original, columnId);\n    }\n\n    // if a built in is being used, just return that\n    if (customFnOrBuiltIn) {\n        return customFnOrBuiltIn;\n    }\n\n    // some times we alias based on the type\n    if (dataType && dataType !== 'boolean') {\n        return dataType;\n    }\n\n    // otherwise fall back to auto\n    return 'auto';\n}\n\nexport function useConvertChildrenToColumns<TType = unknown>(\n    props: Table3Props<TType>,\n    options: Table3Options,\n    editing: ReturnType<typeof useEditing>\n) {\n    const columnHelper = createColumnHelper<TType>();\n\n    const columns: ColumnDef<TType>[] = [];\n    const defaultColumnSizing: ColumnSizingState = {};\n    const defaultColumnVisibility: VisibilityState = {};\n    const defaultSorting: ColumnSort[] = [];\n\n    (React.Children.toArray(props.children) as React.ReactElement<Table3ColumnProps<TType>>[])\n        .filter(child => !!child) // remove falsey children\n        .forEach(child => {\n            if (React.isValidElement<Table3ColumnProps<TType>>(child) && child.props.accessor) {\n                if (child.props.defaultWidth) {\n                    defaultColumnSizing[child.props.accessor as string] =\n                        child.props.defaultWidth === 'grow' ? '1fr' : (child.props.defaultWidth as any);\n                }\n\n                if (child.props.defaultHidden && options.enableColumnHiding) {\n                    defaultColumnVisibility[child.props.accessor as string] = false;\n                }\n\n                if (child.props.sort !== undefined) {\n                    defaultSorting.push({\n                        id: child.props.accessor as string,\n                        desc: child.props.sort === 'desc',\n                    });\n                }\n\n                columns.push({\n                    accessorKey: child.props.accessor,\n                    id: child.props.accessor as string,\n                    header: Header,\n                    cell: Cell,\n                    footer: Footer,\n                    // sizing\n                    minSize: MIN_COLUMN_SIZE,\n                    enableResizing: child.props.enableResizing ?? true,\n                    // filtering\n                    enableColumnFilter: child.props.enableFiltering ?? true,\n                    filterFn: options.enableFiltering ? ('tacoFilter' as any) : undefined,\n                    // sorting\n                    enableSorting: child.props.enableSorting ?? true,\n                    sortingFn: getSortingFn<TType>(child.props.dataType, child.props.sortFn),\n                    sortDescFirst: false,\n                    sortUndefined: 1,\n                    // visibility\n                    enableHiding: child.props.enableHiding ?? true,\n                    // custom options\n                    meta: {\n                        align: child.props.align,\n                        className: child.props.className,\n                        control: child.props.control,\n                        dataType: child.props.dataType,\n                        enableOrdering: child.props.enableOrdering ?? true,\n                        // react-table global filtering only samples from row 0 in a dataset for filtering and this\n                        // leads to some columns being disabled if, e.g., a column in row 0 has an undefined value\n                        // so we do not use the native enableGlobalFilter property and instead use our own enableSearch\n                        enableSearch: child.props.enableSearch ?? true,\n                        enableTruncate: child.props.enableTruncate ?? false,\n                        footer: child.props.footer,\n                        header: child.props.header,\n                        headerClassName: child.props.headerClassName,\n                        menu: child.props.menu,\n                        renderer: child.props.renderer,\n                        tooltip: child.props.tooltip,\n                    },\n                });\n            }\n        });\n\n    if (options.enableRowExpansion && props.expandedRowRenderer) {\n        columns.unshift(columnHelper.display(createRowExpansionColumn(props.expandedRowRenderer)));\n    }\n\n    if (options.enableRowSelection) {\n        columns.unshift(\n            columnHelper.display(createRowSelectionColumn<TType>(options.enableRowDrag ? props.onRowDrag : undefined))\n        );\n    }\n\n    if (options.enableRowDrag && props.onRowDrag) {\n        columns.unshift(columnHelper.display(createRowDragColumn(props.onRowDrag)));\n    }\n\n    if (props.actionsForRow?.length) {\n        columns.push(columnHelper.display(createRowActionsColumn<TType>()));\n    }\n\n    if (editing.isEnabled && editing.isEditing) {\n        columns.push(columnHelper.display(createRowEditingActionsColumn<TType>()));\n    }\n\n    return { columns, defaultColumnSizing, defaultColumnVisibility, defaultSorting };\n}\n"],"names":["getSortingFn","dataType","customFnOrBuiltIn","rowA","rowB","columnId","original","useConvertChildrenToColumns","props","options","editing","columnHelper","createColumnHelper","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","React","Children","toArray","children","filter","child","forEach","isValidElement","accessor","defaultWidth","defaultHidden","enableColumnHiding","sort","undefined","push","id","desc","accessorKey","header","Header","cell","Cell","footer","Footer","minSize","MIN_COLUMN_SIZE","enableResizing","enableColumnFilter","enableFiltering","filterFn","enableSorting","sortingFn","sortFn","sortDescFirst","sortUndefined","enableHiding","meta","align","className","control","enableOrdering","enableSearch","enableTruncate","headerClassName","menu","renderer","tooltip","enableRowExpansion","expandedRowRenderer","unshift","display","createRowExpansionColumn","enableRowSelection","createRowSelectionColumn","enableRowDrag","onRowDrag","createRowDragColumn","actionsForRow","length","createRowActionsColumn","isEnabled","isEditing","createRowEditingActionsColumn"],"mappings":"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"}
+{"version":3,"file":"useConvertChildrenToColumns.js","sources":["../../../../../../../../src/components/Table3/hooks/useConvertChildrenToColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { ColumnDef, ColumnSizingState, createColumnHelper, ColumnSort, VisibilityState } from '@tanstack/react-table';\nimport { Table3ColumnProps, Table3Props, Table3Options, Table3ColumnDataType, Table3SortFn } from '../types';\nimport { Header } from '../components/columns/header/Header';\nimport { Footer } from '../components/columns/footer/Footer';\nimport { Cell } from '../components/columns/cell/Cell';\nimport { createRowSelectionColumn } from '../components/columns/internal/Selection';\nimport { MIN_COLUMN_SIZE } from '../components/columns/styles';\nimport { createRowActionsColumn } from '../components/columns/internal/Actions';\nimport { createRowExpansionColumn } from '../components/columns/internal/Expansion';\nimport { createRowDragColumn } from '../components/columns/internal/Drag';\nimport { createRowEditingActionsColumn } from '../components/columns/internal/EditingActions';\nimport { useEditing } from './features/useEditing';\n\nfunction getSortingFn<TType = unknown>(dataType?: Table3ColumnDataType, customFnOrBuiltIn?: Table3SortFn<TType>) {\n    if (typeof customFnOrBuiltIn === 'function') {\n        return (rowA, rowB, columnId) => customFnOrBuiltIn(rowA.original, rowB.original, columnId);\n    }\n\n    // if a built in is being used, just return that\n    if (customFnOrBuiltIn) {\n        return customFnOrBuiltIn;\n    }\n\n    // some times we alias based on the type\n    if (dataType && dataType !== 'boolean' && dataType !== 'number') {\n        return dataType;\n    }\n\n    // otherwise fall back to auto\n    return 'auto';\n}\n\nexport function useConvertChildrenToColumns<TType = unknown>(\n    props: Table3Props<TType>,\n    options: Table3Options,\n    editing: ReturnType<typeof useEditing>\n) {\n    const columnHelper = createColumnHelper<TType>();\n\n    const columns: ColumnDef<TType>[] = [];\n    const defaultColumnSizing: ColumnSizingState = {};\n    const defaultColumnVisibility: VisibilityState = {};\n    const defaultSorting: ColumnSort[] = [];\n\n    (React.Children.toArray(props.children) as React.ReactElement<Table3ColumnProps<TType>>[])\n        .filter(child => !!child) // remove falsey children\n        .forEach(child => {\n            if (React.isValidElement<Table3ColumnProps<TType>>(child) && child.props.accessor) {\n                if (child.props.defaultWidth) {\n                    defaultColumnSizing[child.props.accessor as string] =\n                        child.props.defaultWidth === 'grow' ? '1fr' : (child.props.defaultWidth as any);\n                }\n\n                if (child.props.defaultHidden && options.enableColumnHiding) {\n                    defaultColumnVisibility[child.props.accessor as string] = false;\n                }\n\n                if (child.props.sort !== undefined) {\n                    defaultSorting.push({\n                        id: child.props.accessor as string,\n                        desc: child.props.sort === 'desc',\n                    });\n                }\n\n                columns.push({\n                    accessorKey: child.props.accessor,\n                    id: child.props.accessor as string,\n                    header: Header,\n                    cell: Cell,\n                    footer: Footer,\n                    // sizing\n                    minSize: MIN_COLUMN_SIZE,\n                    enableResizing: child.props.enableResizing ?? true,\n                    // filtering\n                    enableColumnFilter: child.props.enableFiltering ?? true,\n                    filterFn: options.enableFiltering ? ('tacoFilter' as any) : undefined,\n                    // sorting\n                    enableSorting: child.props.enableSorting ?? true,\n                    sortingFn: getSortingFn<TType>(child.props.dataType, child.props.sortFn),\n                    sortDescFirst: false,\n                    sortUndefined: 1,\n                    // visibility\n                    enableHiding: child.props.enableHiding ?? true,\n                    // custom options\n                    meta: {\n                        align: child.props.align,\n                        className: child.props.className,\n                        control: child.props.control,\n                        dataType: child.props.dataType,\n                        enableOrdering: child.props.enableOrdering ?? true,\n                        enableSearch: child.props.enableSearch ?? true,\n                        enableTruncate: child.props.enableTruncate ?? false,\n                        filters: child.props.filters,\n                        footer: child.props.footer,\n                        header: child.props.header,\n                        headerClassName: child.props.headerClassName,\n                        menu: child.props.menu,\n                        renderer: child.props.renderer,\n                        tooltip: child.props.tooltip,\n                    },\n                });\n            }\n        });\n\n    if (options.enableRowExpansion && props.expandedRowRenderer) {\n        columns.unshift(columnHelper.display(createRowExpansionColumn(props.expandedRowRenderer)));\n    }\n\n    if (options.enableRowSelection) {\n        columns.unshift(\n            columnHelper.display(\n                createRowSelectionColumn<TType>(!!(options.enableRowDrag && props.onRowDrag), !!props.expandedRowRenderer)\n            )\n        );\n    }\n\n    if (options.enableRowDrag && props.onRowDrag) {\n        columns.unshift(columnHelper.display(createRowDragColumn(props.onRowDrag)));\n    }\n\n    if (props.actionsForRow?.length) {\n        columns.push(columnHelper.display(createRowActionsColumn<TType>()));\n    }\n\n    if (editing.isEnabled && editing.isEditing) {\n        columns.push(columnHelper.display(createRowEditingActionsColumn<TType>()));\n    }\n\n    return { columns, defaultColumnSizing, defaultColumnVisibility, defaultSorting };\n}\n"],"names":["getSortingFn","dataType","customFnOrBuiltIn","rowA","rowB","columnId","original","useConvertChildrenToColumns","props","options","editing","columnHelper","createColumnHelper","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","React","Children","toArray","children","filter","child","forEach","isValidElement","accessor","defaultWidth","defaultHidden","enableColumnHiding","sort","undefined","push","id","desc","accessorKey","header","Header","cell","Cell","footer","Footer","minSize","MIN_COLUMN_SIZE","enableResizing","enableColumnFilter","enableFiltering","filterFn","enableSorting","sortingFn","sortFn","sortDescFirst","sortUndefined","enableHiding","meta","align","className","control","enableOrdering","enableSearch","enableTruncate","filters","headerClassName","menu","renderer","tooltip","enableRowExpansion","expandedRowRenderer","unshift","display","createRowExpansionColumn","enableRowSelection","createRowSelectionColumn","enableRowDrag","onRowDrag","createRowDragColumn","actionsForRow","length","createRowActionsColumn","isEnabled","isEditing","createRowEditingActionsColumn"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/hooks/useCssGrid.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
+import { COLUMN_ID } from '../components/columns/internal/Actions.js';
 import { isInternalColumn } from '../util/columns.js';
 import { MIN_COLUMN_SIZE } from '../components/columns/styles.js';
-import { COLUMN_ID } from '../components/columns/internal/Actions.js';
 
 const useCssGrid = table => {
   const allVisibleColumns = table.getVisibleLeafColumns();

package/dist/esm/packages/taco/src/components/Table3/hooks/useTable.js

@@ -26,9 +26,10 @@ import { useServerLoadingListener } from './listeners/useServerLoadingListener.j
 import { useEditingStateListener } from './listeners/useEditingStateListener.js';
 import { useSearch } from './features/useSearch.js';
 import { useRowActions } from './features/useRowActions.js';
+import { useSettings } from './features/useSettings.js';
 
 function useTable(props) {
-  var _ref, _props$defaultSetting, _props$defaultSetting2, _props$defaultSetting3, _props$defaultSetting4, _props$defaultSetting5, _props$defaultSetting6, _props$defaultSetting7, _props$defaultSetting8, _props$defaultSetting9, _props$length;
+  var _ref, _defaultSettings$colu, _defaultSettings$rowH, _props$length;
   // options
   const options = useTablePreset(props);
   const tableOptions = {
@@ -66,6 +67,10 @@ function useTable(props) {
       return false;
     };
     tableOptions.getFilteredRowModel = getFilteredRowModel();
+    tableOptions.getColumnCanGlobalFilter = column => {
+      var _column$columnDef$met;
+      return (_column$columnDef$met = column.columnDef.meta.enableSearch) !== null && _column$columnDef$met !== void 0 ? _column$columnDef$met : true;
+    };
   }
   // sorting
   if (options.enableSorting) {
@@ -76,24 +81,25 @@ function useTable(props) {
       tableOptions.getSortedRowModel = getSortedRowModel();
     }
   }
+  const [defaultSettings, setSettings] = useSettings(props.id, props.defaultSettings, props.onChangeSettings);
   // custom features
   const columnFreezing = useColumnFreezing( // temporarily see if deprecated frozenColumnCount is there
-  (_ref = (_props$defaultSetting = (_props$defaultSetting2 = props.defaultSettings) === null || _props$defaultSetting2 === void 0 ? void 0 : _props$defaultSetting2.columnFreezingIndex) !== null && _props$defaultSetting !== void 0 ? _props$defaultSetting : (_props$defaultSetting3 = props.defaultSettings) === null || _props$defaultSetting3 === void 0 ? void 0 : _props$defaultSetting3.frozenColumnCount) !== null && _ref !== void 0 ? _ref : props.defaultColumnFreezingIndex, options);
+  (_ref = (_defaultSettings$colu = defaultSettings.columnFreezingIndex) !== null && _defaultSettings$colu !== void 0 ? _defaultSettings$colu : defaultSettings === null || defaultSettings === void 0 ? void 0 : defaultSettings.frozenColumnCount) !== null && _ref !== void 0 ? _ref : props.defaultColumnFreezingIndex, options);
   const columnOrdering = useColumnOrdering(options);
   const currentRow = useCurrentRow(props.defaultCurrentRowIndex);
   const editing = useEditing(options.enableEditing, props.onSave);
-  const fontSize = useFontSize(options.enableFontSize, (_props$defaultSetting4 = props.defaultSettings) === null || _props$defaultSetting4 === void 0 ? void 0 : _props$defaultSetting4.fontSize);
+  const fontSize = useFontSize(options.enableFontSize, defaultSettings.fontSize);
   const hoverState = usePauseHoverState();
-  const printing = usePrinting(options.enablePrinting, props.loadAll, (_props$defaultSetting5 = props.defaultSettings) === null || _props$defaultSetting5 === void 0 ? void 0 : _props$defaultSetting5.showWarningWhenPrintingLargeDataset);
+  const printing = usePrinting(options.enablePrinting, props.loadAll, defaultSettings.showWarningWhenPrintingLargeDataset);
   const rowActions = useRowActions(props.actionsForRow, props.actionsForRowLength);
   const rowClick = useRowClick(props.onRowClick);
   const rowDrag = useRowDrag(options.enableRowDrag);
   const rowDrop = useRowDrop(options.enableRowDrop, props.onRowDrop);
   const rowGoto = useRowGoto(options.enableRowGoto, props.onRowGoto);
   const rowHeight = useRowHeight(options.enableRowHeight, // temporarily see if deprecated rowDensity is there
-  (_props$defaultSetting6 = (_props$defaultSetting7 = props.defaultSettings) === null || _props$defaultSetting7 === void 0 ? void 0 : _props$defaultSetting7.rowHeight) !== null && _props$defaultSetting6 !== void 0 ? _props$defaultSetting6 : (_props$defaultSetting8 = props.defaultSettings) === null || _props$defaultSetting8 === void 0 ? void 0 : _props$defaultSetting8.rowDensity);
+  (_defaultSettings$rowH = defaultSettings.rowHeight) !== null && _defaultSettings$rowH !== void 0 ? _defaultSettings$rowH : defaultSettings === null || defaultSettings === void 0 ? void 0 : defaultSettings.rowDensity);
   const rowSelection = useRowSelection();
-  const search = useSearch(options.enableSearch, (_props$defaultSetting9 = props.defaultSettings) === null || _props$defaultSetting9 === void 0 ? void 0 : _props$defaultSetting9.excludeUnmatchedRecordsInSearch, props.loadAll);
+  const search = useSearch(options.enableSearch, defaultSettings.excludeUnmatchedRecordsInSearch, props.loadAll);
   // columns
   const {
     columns,
@@ -103,13 +109,13 @@ function useTable(props) {
   } = useConvertChildrenToColumns(props, options, editing);
   // built-in features
   const initialState = React__default.useMemo(() => {
-    var _props$defaultSetting10, _props$defaultSetting11, _props$defaultSetting12, _props$defaultSetting13, _props$defaultSetting14, _props$defaultSetting15, _props$defaultSetting16;
+    var _defaultSettings$colu2, _defaultSettings$colu3;
     const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);
     return {
-      columnOrder: ensureOrdering(columns, (_props$defaultSetting10 = props.defaultSettings) === null || _props$defaultSetting10 === void 0 ? void 0 : _props$defaultSetting10.columnOrder),
-      columnSizing: (_props$defaultSetting11 = (_props$defaultSetting12 = props.defaultSettings) === null || _props$defaultSetting12 === void 0 ? void 0 : _props$defaultSetting12.columnSizing) !== null && _props$defaultSetting11 !== void 0 ? _props$defaultSetting11 : defaultColumnSizing,
-      columnVisibility: (_props$defaultSetting13 = (_props$defaultSetting14 = props.defaultSettings) === null || _props$defaultSetting14 === void 0 ? void 0 : _props$defaultSetting14.columnVisibility) !== null && _props$defaultSetting13 !== void 0 ? _props$defaultSetting13 : defaultColumnVisibility,
-      sorting: (_props$defaultSetting15 = props.defaultSettings) !== null && _props$defaultSetting15 !== void 0 && _props$defaultSetting15.sorting ? (_props$defaultSetting16 = props.defaultSettings) === null || _props$defaultSetting16 === void 0 ? void 0 : _props$defaultSetting16.sorting.filter(sanitizeSortedColumns) : defaultSorting
+      columnOrder: ensureOrdering(columns, defaultSettings.columnOrder),
+      columnSizing: (_defaultSettings$colu2 = defaultSettings.columnSizing) !== null && _defaultSettings$colu2 !== void 0 ? _defaultSettings$colu2 : defaultColumnSizing,
+      columnVisibility: (_defaultSettings$colu3 = defaultSettings.columnVisibility) !== null && _defaultSettings$colu3 !== void 0 ? _defaultSettings$colu3 : defaultColumnVisibility,
+      sorting: defaultSettings.sorting ? defaultSettings.sorting.filter(sanitizeSortedColumns) : defaultSorting
     };
   }, []);
   const table = useReactTable({
@@ -143,7 +149,7 @@ function useTable(props) {
   useEditingStateListener(table);
   useFilteringStateListener(table, props.onFilter);
   useRowSelectionListener(table, props.onRowSelect);
-  useSettingsStateListener(table, props.onChangeSettings);
+  useSettingsStateListener(table, setSettings);
   useShortcutsListener(table, props.shortcuts);
   useServerLoadingListener(table, props.loadPage);
   useSortingStateListener(table, props.onSort);

package/dist/esm/packages/taco/src/components/Table3/hooks/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table3/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    Row as RTRow,\n    RowData,\n    TableOptions as RTableOptions,\n    TableState,\n    getSortedRowModel,\n    getFilteredRowModel,\n} from '@tanstack/react-table';\nimport {\n    Table3ColumnAlignment,\n    Table3ColumnRenderer,\n    Table3Props,\n    Table3ColumnHeaderMenu,\n    Table3ColumnControlRenderer,\n    Table3ColumnDataType,\n    Table3ColumnClassNameHandler,\n    Table3ColumnFooterRenderer,\n    TableStrategy,\n} from '../types';\nimport { useCurrentRow } from './features/useCurrentRow';\nimport { usePauseHoverState } from './features/usePauseHoverState';\nimport { useTablePreset } from './useTablePreset';\nimport { useRowHeight } from './features/useRowHeight';\nimport { useFontSize } from './features/useFontSize';\nimport { useRowSelectionListener } from './listeners/useRowSelectionListener';\nimport { useRowDrag } from './features/useRowDrag';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../util/filtering';\nimport { useSortingStateListener } from './listeners/useSortingStateListener';\nimport { useFilteringStateListener } from './listeners/useFilteringStateListener';\nimport { useCurrentRowListener } from './listeners/useCurrentRowListener';\nimport { useColumnFreezing } from './features/useColumnFreezing';\nimport { useRowSelection } from './features/useRowSelection';\nimport { useRowClick } from './features/useRowClick';\nimport { ensureOrdering, useColumnOrdering } from './features/useColumnOrdering';\nimport { useRowDrop } from './features/useRowDrop';\nimport { useConvertChildrenToColumns } from './useConvertChildrenToColumns';\nimport { useEditing } from './features/useEditing';\nimport { usePrinting } from './features/usePrinting';\nimport { useShortcutsListener } from './listeners/useShortcutsListener';\nimport { useRowGoto } from './features/useRowGoto';\nimport { useServerLoadingListener } from './listeners/useServerLoadingListener';\nimport { useEditingStateListener } from './listeners/useEditingStateListener';\nimport { useSearch } from './features/useSearch';\nimport { useRowActions } from './features/useRowActions';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        columnFreezing: ReturnType<typeof useColumnFreezing>;\n        columnOrdering: ReturnType<typeof useColumnOrdering>;\n        currentRow: ReturnType<typeof useCurrentRow>;\n        editing: ReturnType<typeof useEditing>;\n        fontSize: ReturnType<typeof useFontSize>;\n        hoverState: ReturnType<typeof usePauseHoverState>;\n        isUsingServer: boolean;\n        printing: ReturnType<typeof usePrinting>;\n        rowActions: ReturnType<typeof useRowActions>;\n        rowClick: ReturnType<typeof useRowClick>;\n        rowDrag: ReturnType<typeof useRowDrag>;\n        rowDrop: ReturnType<typeof useRowDrop>;\n        rowGoto: ReturnType<typeof useRowGoto>;\n        rowHeight: ReturnType<typeof useRowHeight>;\n        rowSelection: ReturnType<typeof useRowSelection>;\n        search: ReturnType<typeof useSearch>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: Table3ColumnAlignment;\n        // @ts-expect-error -- we ignore it because it conflicts with Table2 also overridding ColumnMeta\n        className?: Table3ColumnClassNameHandler<TData>;\n        // @ts-expect-error -- we ignore it because it conflicts with Table2 also overridding ColumnMeta\n        control?: Table3ColumnControlRenderer<TData>;\n        dataType?: Table3ColumnDataType;\n        // @ts-expect-error -- we ignore it because it conflicts with Table2 also overridding ColumnMeta\n        defaultWidth?: number;\n        enableOrdering: boolean;\n        enableSearch: boolean;\n        enableTruncate: boolean;\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        renderer?: Table3ColumnRenderer<TValue, TData>;\n        tooltip?: string;\n    }\n\n    interface CellContext<TData extends RowData, TValue> {\n        index: number;\n        tableRef: React.RefObject<HTMLDivElement>;\n    }\n\n    interface HeaderContext<TData extends RowData, TValue> {\n        scrollToIndex: TableStrategy['scrollToIndex'];\n    }\n}\n\nexport function useTable<TType = unknown>(props: Table3Props<TType>) {\n    // options\n    const options = useTablePreset(props);\n\n    const tableOptions: Partial<RTableOptions<TType>> = {\n        enableColumnFilters: options.enableFiltering,\n        enableColumnResizing: options.enableColumnResizing,\n        enableExpanding: options.enableRowExpansion,\n        enableGlobalFilter: options.enableSearch,\n        enableHiding: options.enableColumnHiding,\n        enableRowSelection: options.enableRowSelection,\n        enableMultiRowSelection: !options.enableRowSelectionSingle,\n        enableSorting: options.enableSorting,\n    };\n\n    // resizing\n    if (tableOptions.enableColumnResizing) {\n        tableOptions.columnResizeMode = 'onChange';\n    }\n\n    // filtering\n    if (tableOptions.enableColumnFilters) {\n        if (props.onFilter) {\n            tableOptions.manualFiltering = true;\n            // onFilter is called as a listener to let the consumer update their data, so we don't use onColumnFiltersChange\n        } else {\n            tableOptions.filterFns = {\n                tacoFilter: (row: RTRow<TType>, columnId: string, filter: any) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            tableOptions.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    // search\n    if (tableOptions.enableGlobalFilter) {\n        tableOptions.globalFilterFn = (row: RTRow<TType>, columnId: string, searchQuery: string) => {\n            if (row.original) {\n                return globalFilterFn(row.getValue(columnId), searchQuery);\n            }\n\n            return false;\n        };\n        tableOptions.getFilteredRowModel = getFilteredRowModel();\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        if (props.onSort) {\n            tableOptions.manualSorting = true;\n            // onSort is called as a listener to let the consumer update their data, so we don't use onSortingChange\n        } else {\n            tableOptions.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    // custom features\n    const columnFreezing = useColumnFreezing(\n        // temporarily see if deprecated frozenColumnCount is there\n        props.defaultSettings?.columnFreezingIndex ??\n            (props.defaultSettings as any)?.frozenColumnCount ??\n            props.defaultColumnFreezingIndex,\n        options\n    );\n    const columnOrdering = useColumnOrdering(options);\n    const currentRow = useCurrentRow(props.defaultCurrentRowIndex);\n    const editing = useEditing(options.enableEditing, props.onSave);\n    const fontSize = useFontSize(options.enableFontSize, props.defaultSettings?.fontSize);\n    const hoverState = usePauseHoverState();\n    const printing = usePrinting(\n        options.enablePrinting,\n        props.loadAll,\n        props.defaultSettings?.showWarningWhenPrintingLargeDataset\n    );\n    const rowActions = useRowActions<TType>(props.actionsForRow, props.actionsForRowLength);\n    const rowClick = useRowClick<TType>(props.onRowClick);\n    const rowDrag = useRowDrag(options.enableRowDrag);\n    const rowDrop = useRowDrop(options.enableRowDrop, props.onRowDrop);\n    const rowGoto = useRowGoto(options.enableRowGoto, props.onRowGoto);\n    const rowHeight = useRowHeight(\n        options.enableRowHeight,\n        // temporarily see if deprecated rowDensity is there\n        props.defaultSettings?.rowHeight ?? (props.defaultSettings as any)?.rowDensity\n    );\n    const rowSelection = useRowSelection();\n    const search = useSearch(options.enableSearch, props.defaultSettings?.excludeUnmatchedRecordsInSearch, props.loadAll);\n\n    // columns\n    const { columns, defaultColumnSizing, defaultColumnVisibility, defaultSorting } = useConvertChildrenToColumns<TType>(\n        props,\n        options,\n        editing\n    );\n\n    // built-in features\n    const initialState: Partial<TableState> = React.useMemo(() => {\n        const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);\n\n        return {\n            columnOrder: ensureOrdering<TType>(columns, props.defaultSettings?.columnOrder),\n            columnSizing: props.defaultSettings?.columnSizing ?? defaultColumnSizing,\n            columnVisibility: props.defaultSettings?.columnVisibility ?? defaultColumnVisibility,\n            sorting: props.defaultSettings?.sorting\n                ? props.defaultSettings?.sorting.filter(sanitizeSortedColumns)\n                : defaultSorting,\n        };\n    }, []);\n\n    const table = useReactTable<TType>({\n        data: props.data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...tableOptions,\n        //debugAll: true,\n        meta: {\n            columnFreezing,\n            columnOrdering,\n            currentRow,\n            editing,\n            fontSize,\n            hoverState,\n            isUsingServer: !!props.loadPage,\n            printing,\n            rowActions: rowActions as any,\n            rowClick: rowClick as any,\n            rowDrag,\n            rowDrop,\n            rowGoto,\n            rowHeight,\n            rowSelection,\n            search,\n        },\n    });\n\n    // listeners\n    useCurrentRowListener(table);\n    useEditingStateListener(table);\n    useFilteringStateListener(table, props.onFilter);\n    useRowSelectionListener(table, props.onRowSelect);\n    useSettingsStateListener(table, props.onChangeSettings);\n    useShortcutsListener(table, props.shortcuts);\n    useServerLoadingListener(table, props.loadPage);\n    useSortingStateListener(table, props.onSort);\n\n    return { table, length: props.length ?? props.data.length };\n}\n"],"names":["useTable","props","options","useTablePreset","tableOptions","enableColumnFilters","enableFiltering","enableColumnResizing","enableExpanding","enableRowExpansion","enableGlobalFilter","enableSearch","enableHiding","enableColumnHiding","enableRowSelection","enableMultiRowSelection","enableRowSelectionSingle","enableSorting","columnResizeMode","onFilter","manualFiltering","filterFns","tacoFilter","row","columnId","filter","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","searchQuery","original","onSort","manualSorting","getSortedRowModel","columnFreezing","useColumnFreezing","defaultSettings","columnFreezingIndex","frozenColumnCount","defaultColumnFreezingIndex","columnOrdering","useColumnOrdering","currentRow","useCurrentRow","defaultCurrentRowIndex","editing","useEditing","enableEditing","onSave","fontSize","useFontSize","enableFontSize","hoverState","usePauseHoverState","printing","usePrinting","enablePrinting","loadAll","showWarningWhenPrintingLargeDataset","rowActions","useRowActions","actionsForRow","actionsForRowLength","rowClick","useRowClick","onRowClick","rowDrag","useRowDrag","enableRowDrag","rowDrop","useRowDrop","enableRowDrop","onRowDrop","rowGoto","useRowGoto","enableRowGoto","onRowGoto","rowHeight","useRowHeight","enableRowHeight","rowDensity","rowSelection","useRowSelection","search","useSearch","excludeUnmatchedRecordsInSearch","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","useConvertChildrenToColumns","initialState","React","useMemo","sanitizeSortedColumns","column","find","definedColumn","id","columnOrder","ensureOrdering","columnSizing","columnVisibility","sorting","table","useReactTable","data","getCoreRowModel","meta","isUsingServer","loadPage","useCurrentRowListener","useEditingStateListener","useFilteringStateListener","useRowSelectionListener","onRowSelect","useSettingsStateListener","onChangeSettings","useShortcutsListener","shortcuts","useServerLoadingListener","useSortingStateListener","length"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table3/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    Row as RTRow,\n    RowData,\n    Column as RTColumn,\n    TableOptions as RTableOptions,\n    TableState,\n    getSortedRowModel,\n    getFilteredRowModel,\n    ColumnMeta,\n} from '@tanstack/react-table';\nimport {\n    Table3ColumnAlignment,\n    Table3ColumnRenderer,\n    Table3Props,\n    Table3ColumnHeaderMenu,\n    Table3ColumnControlRenderer,\n    Table3ColumnDataType,\n    Table3ColumnClassNameHandler,\n    Table3ColumnFooterRenderer,\n    TableStrategy,\n    Table3FilterComparator,\n} from '../types';\nimport { useCurrentRow } from './features/useCurrentRow';\nimport { usePauseHoverState } from './features/usePauseHoverState';\nimport { useTablePreset } from './useTablePreset';\nimport { useRowHeight } from './features/useRowHeight';\nimport { useFontSize } from './features/useFontSize';\nimport { useRowSelectionListener } from './listeners/useRowSelectionListener';\nimport { useRowDrag } from './features/useRowDrag';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../util/filtering';\nimport { useSortingStateListener } from './listeners/useSortingStateListener';\nimport { useFilteringStateListener } from './listeners/useFilteringStateListener';\nimport { useCurrentRowListener } from './listeners/useCurrentRowListener';\nimport { useColumnFreezing } from './features/useColumnFreezing';\nimport { useRowSelection } from './features/useRowSelection';\nimport { useRowClick } from './features/useRowClick';\nimport { ensureOrdering, useColumnOrdering } from './features/useColumnOrdering';\nimport { useRowDrop } from './features/useRowDrop';\nimport { useConvertChildrenToColumns } from './useConvertChildrenToColumns';\nimport { useEditing } from './features/useEditing';\nimport { usePrinting } from './features/usePrinting';\nimport { useShortcutsListener } from './listeners/useShortcutsListener';\nimport { useRowGoto } from './features/useRowGoto';\nimport { useServerLoadingListener } from './listeners/useServerLoadingListener';\nimport { useEditingStateListener } from './listeners/useEditingStateListener';\nimport { useSearch } from './features/useSearch';\nimport { useRowActions } from './features/useRowActions';\nimport { useSettings } from './features/useSettings';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        columnFreezing: ReturnType<typeof useColumnFreezing>;\n        columnOrdering: ReturnType<typeof useColumnOrdering>;\n        currentRow: ReturnType<typeof useCurrentRow>;\n        editing: ReturnType<typeof useEditing>;\n        fontSize: ReturnType<typeof useFontSize>;\n        hoverState: ReturnType<typeof usePauseHoverState>;\n        isUsingServer: boolean;\n        printing: ReturnType<typeof usePrinting>;\n        rowActions: ReturnType<typeof useRowActions>;\n        rowClick: ReturnType<typeof useRowClick>;\n        rowDrag: ReturnType<typeof useRowDrag>;\n        rowDrop: ReturnType<typeof useRowDrop>;\n        rowGoto: ReturnType<typeof useRowGoto>;\n        rowHeight: ReturnType<typeof useRowHeight>;\n        rowSelection: ReturnType<typeof useRowSelection>;\n        search: ReturnType<typeof useSearch>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: Table3ColumnAlignment;\n        // @ts-expect-error -- we ignore it because it conflicts with Table2 also overridding ColumnMeta\n        className?: Table3ColumnClassNameHandler<TData>;\n        // @ts-expect-error -- we ignore it because it conflicts with Table2 also overridding ColumnMeta\n        control?: Table3ColumnControlRenderer<TData>;\n        // @ts-expect-error -- we ignore it because it conflicts with Table2 also overridding ColumnMeta\n        dataType?: Table3ColumnDataType;\n        // @ts-expect-error -- we ignore it because it conflicts with Table2 also overridding ColumnMeta\n        defaultWidth?: number;\n        enableOrdering: boolean;\n        enableSearch: boolean;\n        enableTruncate: boolean;\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        renderer?: Table3ColumnRenderer<TValue, TData>;\n        tooltip?: string;\n    }\n\n    interface CellContext<TData extends RowData, TValue> {\n        index: number;\n        tableRef: React.RefObject<HTMLDivElement>;\n    }\n\n    interface HeaderContext<TData extends RowData, TValue> {\n        scrollToIndex: TableStrategy['scrollToIndex'];\n    }\n}\n\nexport function useTable<TType = unknown>(props: Table3Props<TType>) {\n    // options\n    const options = useTablePreset(props);\n\n    const tableOptions: Partial<RTableOptions<TType>> = {\n        enableColumnFilters: options.enableFiltering,\n        enableColumnResizing: options.enableColumnResizing,\n        enableExpanding: options.enableRowExpansion,\n        enableGlobalFilter: options.enableSearch,\n        enableHiding: options.enableColumnHiding,\n        enableRowSelection: options.enableRowSelection,\n        enableMultiRowSelection: !options.enableRowSelectionSingle,\n        enableSorting: options.enableSorting,\n    };\n\n    // resizing\n    if (tableOptions.enableColumnResizing) {\n        tableOptions.columnResizeMode = 'onChange';\n    }\n\n    // filtering\n    if (tableOptions.enableColumnFilters) {\n        if (props.onFilter) {\n            tableOptions.manualFiltering = true;\n            // onFilter is called as a listener to let the consumer update their data, so we don't use onColumnFiltersChange\n        } else {\n            tableOptions.filterFns = {\n                tacoFilter: (row: RTRow<TType>, columnId: string, filter: any) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            tableOptions.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    // search\n    if (tableOptions.enableGlobalFilter) {\n        tableOptions.globalFilterFn = (row: RTRow<TType>, columnId: string, searchQuery: string) => {\n            if (row.original) {\n                return globalFilterFn(row.getValue(columnId), searchQuery);\n            }\n\n            return false;\n        };\n        tableOptions.getFilteredRowModel = getFilteredRowModel();\n        tableOptions.getColumnCanGlobalFilter = (column: RTColumn<TType>) =>\n            (column.columnDef.meta as ColumnMeta<TType, unknown>).enableSearch ?? true;\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        if (props.onSort) {\n            tableOptions.manualSorting = true;\n            // onSort is called as a listener to let the consumer update their data, so we don't use onSortingChange\n        } else {\n            tableOptions.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    const [defaultSettings, setSettings] = useSettings(props.id, props.defaultSettings, props.onChangeSettings);\n\n    // custom features\n    const columnFreezing = useColumnFreezing(\n        // temporarily see if deprecated frozenColumnCount is there\n        defaultSettings.columnFreezingIndex ?? (defaultSettings as any)?.frozenColumnCount ?? props.defaultColumnFreezingIndex,\n        options\n    );\n    const columnOrdering = useColumnOrdering(options);\n    const currentRow = useCurrentRow(props.defaultCurrentRowIndex);\n    const editing = useEditing(options.enableEditing, props.onSave);\n    const fontSize = useFontSize(options.enableFontSize, defaultSettings.fontSize);\n    const hoverState = usePauseHoverState();\n    const printing = usePrinting(options.enablePrinting, props.loadAll, defaultSettings.showWarningWhenPrintingLargeDataset);\n    const rowActions = useRowActions<TType>(props.actionsForRow, props.actionsForRowLength);\n    const rowClick = useRowClick<TType>(props.onRowClick);\n    const rowDrag = useRowDrag(options.enableRowDrag);\n    const rowDrop = useRowDrop(options.enableRowDrop, props.onRowDrop);\n    const rowGoto = useRowGoto(options.enableRowGoto, props.onRowGoto);\n    const rowHeight = useRowHeight(\n        options.enableRowHeight,\n        // temporarily see if deprecated rowDensity is there\n        defaultSettings.rowHeight ?? (defaultSettings as any)?.rowDensity\n    );\n    const rowSelection = useRowSelection();\n    const search = useSearch(options.enableSearch, defaultSettings.excludeUnmatchedRecordsInSearch, props.loadAll);\n\n    // columns\n    const { columns, defaultColumnSizing, defaultColumnVisibility, defaultSorting } = useConvertChildrenToColumns<TType>(\n        props,\n        options,\n        editing\n    );\n\n    // built-in features\n    const initialState: Partial<TableState> = React.useMemo(() => {\n        const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);\n\n        return {\n            columnOrder: ensureOrdering<TType>(columns, defaultSettings.columnOrder),\n            columnSizing: defaultSettings.columnSizing ?? defaultColumnSizing,\n            columnVisibility: defaultSettings.columnVisibility ?? defaultColumnVisibility,\n            sorting: defaultSettings.sorting ? defaultSettings.sorting.filter(sanitizeSortedColumns) : defaultSorting,\n        };\n    }, []);\n\n    const table = useReactTable<TType>({\n        data: props.data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...tableOptions,\n        //debugAll: true,\n        meta: {\n            columnFreezing,\n            columnOrdering,\n            currentRow,\n            editing,\n            fontSize,\n            hoverState,\n            isUsingServer: !!props.loadPage,\n            printing,\n            rowActions: rowActions as any,\n            rowClick: rowClick as any,\n            rowDrag,\n            rowDrop,\n            rowGoto,\n            rowHeight,\n            rowSelection,\n            search,\n        },\n    });\n\n    // listeners\n    useCurrentRowListener(table);\n    useEditingStateListener(table);\n    useFilteringStateListener(table, props.onFilter);\n    useRowSelectionListener(table, props.onRowSelect);\n    useSettingsStateListener(table, setSettings);\n    useShortcutsListener(table, props.shortcuts);\n    useServerLoadingListener(table, props.loadPage);\n    useSortingStateListener(table, props.onSort);\n\n    return { table, length: props.length ?? props.data.length };\n}\n"],"names":["useTable","props","options","useTablePreset","tableOptions","enableColumnFilters","enableFiltering","enableColumnResizing","enableExpanding","enableRowExpansion","enableGlobalFilter","enableSearch","enableHiding","enableColumnHiding","enableRowSelection","enableMultiRowSelection","enableRowSelectionSingle","enableSorting","columnResizeMode","onFilter","manualFiltering","filterFns","tacoFilter","row","columnId","filter","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","searchQuery","original","getColumnCanGlobalFilter","column","columnDef","meta","onSort","manualSorting","getSortedRowModel","defaultSettings","setSettings","useSettings","id","onChangeSettings","columnFreezing","useColumnFreezing","columnFreezingIndex","frozenColumnCount","defaultColumnFreezingIndex","columnOrdering","useColumnOrdering","currentRow","useCurrentRow","defaultCurrentRowIndex","editing","useEditing","enableEditing","onSave","fontSize","useFontSize","enableFontSize","hoverState","usePauseHoverState","printing","usePrinting","enablePrinting","loadAll","showWarningWhenPrintingLargeDataset","rowActions","useRowActions","actionsForRow","actionsForRowLength","rowClick","useRowClick","onRowClick","rowDrag","useRowDrag","enableRowDrag","rowDrop","useRowDrop","enableRowDrop","onRowDrop","rowGoto","useRowGoto","enableRowGoto","onRowGoto","rowHeight","useRowHeight","enableRowHeight","rowDensity","rowSelection","useRowSelection","search","useSearch","excludeUnmatchedRecordsInSearch","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","useConvertChildrenToColumns","initialState","React","useMemo","sanitizeSortedColumns","find","definedColumn","columnOrder","ensureOrdering","columnSizing","columnVisibility","sorting","table","useReactTable","data","getCoreRowModel","isUsingServer","loadPage","useCurrentRowListener","useEditingStateListener","useFilteringStateListener","useRowSelectionListener","onRowSelect","useSettingsStateListener","useShortcutsListener","shortcuts","useServerLoadingListener","useSortingStateListener","length"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/types.js

@@ -7,11 +7,13 @@ var Table3FilterComparator;
   Table3FilterComparator[Table3FilterComparator["IsGreaterThan"] = 4] = "IsGreaterThan";
   Table3FilterComparator[Table3FilterComparator["IsLessThan"] = 5] = "IsLessThan";
   Table3FilterComparator[Table3FilterComparator["IsBetween"] = 6] = "IsBetween";
-  Table3FilterComparator[Table3FilterComparator["IsOneOf"] = 7] = "IsOneOf";
-  Table3FilterComparator[Table3FilterComparator["IsNoneOf"] = 8] = "IsNoneOf";
-  Table3FilterComparator[Table3FilterComparator["IsAllOf"] = 9] = "IsAllOf";
-  Table3FilterComparator[Table3FilterComparator["IsEmpty"] = 10] = "IsEmpty";
-  Table3FilterComparator[Table3FilterComparator["IsNotEmpty"] = 11] = "IsNotEmpty";
+  Table3FilterComparator[Table3FilterComparator["IsEmpty"] = 7] = "IsEmpty";
+  Table3FilterComparator[Table3FilterComparator["IsNotEmpty"] = 8] = "IsNotEmpty";
+  Table3FilterComparator[Table3FilterComparator["IsLessThanOrEqualTo"] = 9] = "IsLessThanOrEqualTo";
+  Table3FilterComparator[Table3FilterComparator["IsGreaterThanOrEqualTo"] = 10] = "IsGreaterThanOrEqualTo";
+  Table3FilterComparator[Table3FilterComparator["HasAnyOf"] = 11] = "HasAnyOf";
+  Table3FilterComparator[Table3FilterComparator["HasAllOf"] = 12] = "HasAllOf";
+  Table3FilterComparator[Table3FilterComparator["HasNoneOf"] = 13] = "HasNoneOf";
 })(Table3FilterComparator || (Table3FilterComparator = {}));
 
 export { Table3FilterComparator };

package/dist/esm/packages/taco/src/components/Table3/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table3/types.ts"],"sourcesContent":["import {\n    ColumnFilter as RTColumnFilter,\n    ColumnOrderState,\n    ColumnPinningState,\n    ColumnSizingState,\n    ColumnSort as RTTableColumnSort,\n    SortingState,\n    VisibilityState,\n    BuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { MenuProps } from '../Menu/Menu';\n\nexport type Table3SortDirection = 'asc' | 'desc';\nexport type Table3SortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | BuiltInSortingFn\n    | 'auto';\n\n// columns\nexport type Table3ColumnRenderer<TValue = unknown, TType = unknown> = (\n    value: TValue,\n    row: TType\n) => JSX.Element | string | number | null;\nexport type Table3ColumnFooterRenderer<TValue = unknown> = (values: TValue[]) => JSX.Element | string | number | null;\nexport type Table3ColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type Table3ColumnAlignment = 'left' | 'center' | 'right';\nexport type Table3ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\nexport type Table3ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\n\nexport type Table3ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type Table3ColumnControlRenderer<TType = unknown> =\n    | ((props: Table3ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch';\n\ntype ValueOf<T> = T[keyof T];\n\nexport type Table3ColumnProps<TType = unknown> = ValueOf<{\n    [K in keyof TType]: {\n        accessor: K;\n    } & {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TType>;\n        control?: Table3ColumnControlRenderer<TType>;\n        dataType?: Table3ColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: number | 'grow';\n        enableFiltering?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        minWidth?: number;\n        renderer?: Table3ColumnRenderer<TType[K], TType>;\n        sort?: Table3SortDirection;\n        sortFn?: Table3SortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\n// rows\nexport type DeprecatedRowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type Table3RowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type Table3FontSize = 'small' | 'medium' | 'large';\nexport type Table3RowClickHandler<TType = unknown> = (row: TType) => void;\nexport type Table3RowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type Table3RowDropHandler<TType = any> = (event: React.DragEvent, row: TType) => void;\nexport type Table3RowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type Table3RowSelectionHandler<TType = unknown> = (rows: TType[]) => void;\nexport type Table3RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\n// table\nexport type Table3Preset = 'display' | 'editable';\nexport type Table3Settings = {\n    columnFreezingIndex?: number;\n    columnOrder?: ColumnOrderState;\n    columnPinning?: ColumnPinningState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    showWarningWhenPrintingLargeDataset?: boolean;\n    fontSize?: Table3FontSize;\n    rowHeight?: Table3RowHeight;\n    sorting?: SortingState;\n};\nexport type Table3SettingsAdapter = (settings: Table3Settings) => void;\n\nexport enum Table3FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsOneOf,\n    IsNoneOf,\n    IsAllOf,\n    IsEmpty,\n    IsNotEmpty,\n}\n\nexport type Table3FilterValue = {\n    comparator: Table3FilterComparator;\n    value: any;\n};\n\nexport type Table3Filter = { id: string; value: Table3FilterValue };\n\nexport type ColumnFilter = RTColumnFilter;\nexport type Table3FilterHandler = (filters: ColumnFilter[]) => void;\nexport type Table3LoadPageHandler = (\n    pageIndex: number,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type Table3LoadAllHandler = (\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type Table3RowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type Table3ColumnSort = RTTableColumnSort;\nexport type Table3SortHandler = (sorting: Table3ColumnSort[]) => void;\nexport type TableStrategy = {\n    renderBody: () => JSX.Element | JSX.Element[] | null;\n    scrollToIndex: (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\n};\nexport type Table3ShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type Table3ShortcutHandlerObject<TType = unknown> = {\n    handler: Table3ShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\nexport type Table3Shortcuts<TType = unknown> = Record<\n    string,\n    Table3ShortcutHandlerFn<TType> | Table3ShortcutHandlerObject<TType>\n>;\nexport type Table3SaveHandler<TType = unknown> = (data: TType) => Promise<void>;\n\nexport type Table3Options = {\n    enableColumnFreezing: boolean;\n    enableColumnHiding: boolean;\n    enableColumnOrdering: boolean;\n    enableColumnResizing: boolean;\n    enableFontSize: boolean;\n    enablePrinting: boolean;\n    enableRowDrag: boolean;\n    enableRowDrop: boolean;\n    enableRowExpansion: boolean;\n    enableRowGoto: boolean;\n    enableRowHeight: boolean;\n    enableRowSelection: boolean;\n    enableRowSelectionSingle: boolean;\n    enableEditing: boolean;\n    enableFiltering: boolean;\n    enableSearch: boolean;\n    enableSorting: boolean;\n};\n\nexport type Table3CommonProps<TType = unknown> = Partial<Table3Options> & {\n    actionsForRow?: Table3RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    autoFocus?: boolean;\n    children: (JSX.Element | boolean | null | undefined)[];\n    data: TType[];\n    defaultColumnFreezingIndex?: number;\n    defaultCurrentRowIndex?: number;\n    defaultSettings?: Table3Settings;\n    emptyState?: () => JSX.Element | null;\n    expandedRowRenderer?: Table3RowExpansionRenderer<TType>;\n    id: string;\n    onChangeSettings?: Table3SettingsAdapter;\n    onRowClick?: Table3RowClickHandler<TType>;\n    onRowDrag?: Table3RowDragHandler<TType>;\n    onRowDrop?: Table3RowDropHandler<TType>;\n    onRowGoto?: Table3RowGotoHandler;\n    onRowSelect?: Table3RowSelectionHandler<TType>;\n    onFilter?: Table3FilterHandler;\n    onSave?: Table3SaveHandler<TType>;\n    onSort?: Table3SortHandler;\n    preset?: Table3Preset;\n    shortcuts?: Table3Shortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n};\n\ninterface Table3ClientProps<TType = unknown> extends Table3CommonProps<TType> {\n    length?: never;\n    loadPage?: never;\n    loadAll?: never;\n    pageSize?: never;\n}\n\ninterface Table3ServerProps<TType = unknown> extends Table3CommonProps<TType> {\n    length: number | undefined;\n    loadPage: Table3LoadPageHandler;\n    loadAll: Table3LoadAllHandler;\n    pageSize?: number;\n}\n\nexport type Table3Props<TType = unknown> = Table3ClientProps<TType> | Table3ServerProps<TType>;\n\nexport type Table3Ref = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n        toggleEditing: (enabled: boolean | undefined) => void;\n    };\n};\n\nexport type Table3Texts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    editing: {\n        actions: {\n            tooltip: string;\n            save: string;\n            clear: string;\n            exit: string;\n        };\n        buttons: {\n            edit: {\n                text: string;\n                tooltip: string;\n            };\n        };\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n        saving: {\n            progress: string;\n            complete: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isAllOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n};\n"],"names":["Table3FilterComparator"],"mappings":"IA4GYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,2EAAQ;EACRA,yEAAO;EACPA,0EAAO;EACPA,gFAAU;AACd,CAAC,EAbWA,sBAAsB,KAAtBA,sBAAsB;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table3/types.ts"],"sourcesContent":["import {\n    ColumnFilter as RTColumnFilter,\n    ColumnOrderState,\n    ColumnPinningState,\n    ColumnSizingState,\n    ColumnSort as RTTableColumnSort,\n    SortingState,\n    VisibilityState,\n    BuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { MenuProps } from '../Menu/Menu';\n\nexport type Table3SortDirection = 'asc' | 'desc';\nexport type Table3SortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | BuiltInSortingFn\n    | 'auto';\n\n// columns\nexport type Table3ColumnRenderer<TValue = unknown, TType = unknown> = (\n    value: TValue,\n    row: TType\n) => JSX.Element | string | number | null;\nexport type Table3ColumnFooterRenderer<TValue = unknown> = (values: TValue[]) => JSX.Element | string | number | null;\nexport type Table3ColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type Table3ColumnAlignment = 'left' | 'center' | 'right';\nexport type Table3ColumnDataType = 'auto' | 'number' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\nexport type Table3ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\n\nexport type Table3ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type Table3ColumnControlRenderer<TType = unknown> =\n    | ((props: Table3ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'numberInput'\n    | 'switch'\n    | 'textarea';\n\ntype ValueOf<T> = T[keyof T];\n\nexport type Table3ColumnProps<TType = unknown> = ValueOf<{\n    [K in keyof TType]: {\n        accessor: K;\n    } & {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TType>;\n        control?: Table3ColumnControlRenderer<TType>;\n        dataType?: Table3ColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: number | 'grow';\n        enableFiltering?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        minWidth?: number;\n        renderer?: Table3ColumnRenderer<TType[K], TType>;\n        sort?: Table3SortDirection;\n        sortFn?: Table3SortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\n// rows\nexport type DeprecatedRowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type Table3RowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type Table3FontSize = 'small' | 'medium' | 'large';\nexport type Table3RowClickHandler<TType = unknown> = (row: TType) => void;\nexport type Table3RowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type Table3RowDropHandler<TType = any> = (event: React.DragEvent, row: TType) => void;\nexport type Table3RowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type Table3RowSelectionHandler<TType = unknown> = (rows: TType[]) => void;\nexport type Table3RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\n// table\nexport type Table3Preset = 'display' | 'editable';\nexport type Table3Settings = {\n    columnFreezingIndex?: number;\n    columnOrder?: ColumnOrderState;\n    columnPinning?: ColumnPinningState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    showWarningWhenPrintingLargeDataset?: boolean;\n    fontSize?: Table3FontSize;\n    rowHeight?: Table3RowHeight;\n    sorting?: SortingState;\n};\nexport type Table3SettingsHandler = (settings: Table3Settings) => void | Promise<void>;\n\nexport enum Table3FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsEmpty,\n    IsNotEmpty,\n    IsLessThanOrEqualTo,\n    IsGreaterThanOrEqualTo,\n    HasAnyOf,\n    HasAllOf,\n    HasNoneOf,\n}\n\nexport type Table3FilterValue = {\n    comparator: Table3FilterComparator;\n    value: any;\n};\n\nexport type Table3Filter = { id: string; value: Table3FilterValue };\n\nexport type ColumnFilter = RTColumnFilter;\nexport type Table3FilterHandler = (filters: ColumnFilter[]) => void;\nexport type Table3LoadPageHandler = (\n    pageIndex: number,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type Table3LoadAllHandler = (\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type Table3RowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type Table3ColumnSort = RTTableColumnSort;\nexport type Table3SortHandler = (sorting: Table3ColumnSort[]) => void;\nexport type TableStrategy = {\n    renderBody: () => JSX.Element | JSX.Element[] | null;\n    scrollToIndex: (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\n};\nexport type Table3ShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type Table3ShortcutHandlerObject<TType = unknown> = {\n    handler: Table3ShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\nexport type Table3Shortcuts<TType = unknown> = Record<\n    string,\n    Table3ShortcutHandlerFn<TType> | Table3ShortcutHandlerObject<TType>\n>;\nexport type Table3SaveHandler<TType = unknown> = (data: TType) => Promise<void>;\n\nexport type Table3Options = {\n    enableColumnFreezing: boolean;\n    enableColumnHiding: boolean;\n    enableColumnOrdering: boolean;\n    enableColumnResizing: boolean;\n    enableFontSize: boolean;\n    enablePrinting: boolean;\n    enableRowDrag: boolean;\n    enableRowDrop: boolean;\n    enableRowExpansion: boolean;\n    enableRowGoto: boolean;\n    enableRowHeight: boolean;\n    enableRowSelection: boolean;\n    enableRowSelectionSingle: boolean;\n    enableEditing: boolean;\n    enableFiltering: boolean;\n    enableSearch: boolean;\n    enableSorting: boolean;\n};\n\nexport type Table3CommonProps<TType = unknown> = Partial<Table3Options> & {\n    actionsForRow?: Table3RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    autoFocus?: boolean;\n    children: (JSX.Element | boolean | null | undefined)[];\n    data: TType[];\n    defaultColumnFreezingIndex?: number;\n    defaultCurrentRowIndex?: number;\n    defaultSettings?: Table3Settings;\n    emptyState?: () => JSX.Element | null;\n    expandedRowRenderer?: Table3RowExpansionRenderer<TType>;\n    id: string;\n    onChangeSettings?: Table3SettingsHandler;\n    onRowClick?: Table3RowClickHandler<TType>;\n    onRowDrag?: Table3RowDragHandler<TType>;\n    onRowDrop?: Table3RowDropHandler<TType>;\n    onRowGoto?: Table3RowGotoHandler;\n    onRowSelect?: Table3RowSelectionHandler<TType>;\n    onFilter?: Table3FilterHandler;\n    onSave?: Table3SaveHandler<TType>;\n    onSort?: Table3SortHandler;\n    preset?: Table3Preset;\n    shortcuts?: Table3Shortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n};\n\ninterface Table3ClientProps<TType = unknown> extends Table3CommonProps<TType> {\n    length?: never;\n    loadPage?: never;\n    loadAll?: never;\n    pageSize?: never;\n}\n\ninterface Table3ServerProps<TType = unknown> extends Table3CommonProps<TType> {\n    length: number | undefined;\n    loadPage: Table3LoadPageHandler;\n    loadAll: Table3LoadAllHandler;\n    pageSize?: number;\n}\n\nexport type Table3Props<TType = unknown> = Table3ClientProps<TType> | Table3ServerProps<TType>;\n\nexport type Table3Ref = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n        toggleEditing: (enabled: boolean | undefined) => void;\n    };\n};\n\nexport type Table3Texts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    editing: {\n        actions: {\n            tooltip: string;\n            save: string;\n            clear: string;\n            exit: string;\n        };\n        buttons: {\n            edit: {\n                text: string;\n                tooltip: string;\n            };\n        };\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n        saving: {\n            progress: string;\n            complete: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["Table3FilterComparator"],"mappings":"IA+GYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,+EAAU;EACVA,iGAAmB;EACnBA,wGAAsB;EACtBA,4EAAQ;EACRA,4EAAQ;EACRA,8EAAS;AACb,CAAC,EAfWA,sBAAsB,KAAtBA,sBAAsB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/util/columns.js

@@ -1,12 +1,18 @@
 import { isDate } from 'date-fns';
+import { format, parseFromISOString } from '../../../utils/date.js';
+import { COLUMN_ID } from '../components/columns/internal/Actions.js';
 
 const isInternalColumn = id => id.startsWith('__');
-const isFrozenColumn = (index, table) => {
+const isFrozenColumn = (header, table) => {
+  var _tableMeta$columnFree;
   const tableMeta = table.options.meta;
+  if (header.column.id !== COLUMN_ID && isInternalColumn(header.column.id)) {
+    return true;
+  }
   if (!tableMeta.columnFreezing.isEnabled || tableMeta.columnFreezing.frozenColumnIndex === undefined) {
     return false;
   }
-  return tableMeta.columnFreezing.frozenColumnIndex >= index;
+  return tableMeta.columnFreezing.frozenColumnIndex + ((_tableMeta$columnFree = tableMeta.columnFreezing.frozenInternalColumnCount) !== null && _tableMeta$columnFree !== void 0 ? _tableMeta$columnFree : 0) >= header.index;
 };
 const getCurrentRowCellElement = (index, table) => {
   const cellSelector = `[data-current="true"] [data-column-index="${index}"`;
@@ -29,11 +35,24 @@ function scrollColumnIntoView(columnIndex, frozenColumnIndex, column, table) {
     });
   }
 }
-function isCellHighlighted(query, value, children) {
-  // if we just stringify date, we get the full object with "Greenwich Meantime" etc in
-  const highlightValue = isDate(value) ? children : value;
-  return String(highlightValue).toLocaleLowerCase().includes(query.toLocaleLowerCase());
+function isCellHighlighted(query, value, dataType) {
+  if (value === undefined || value === null) {
+    return false;
+  }
+  return String(getCellValueAsString(value, dataType)).toLocaleLowerCase().includes(query.toLocaleLowerCase());
+}
+function getCellValueAsString(value, dataType) {
+  if (value === undefined || value === null) {
+    return '';
+  } else if (isDate(value)) {
+    var _format;
+    return (_format = format(value)) !== null && _format !== void 0 ? _format : '';
+  } else if (dataType === 'datetime' && typeof value === 'string') {
+    var _format2;
+    return (_format2 = format(parseFromISOString(value))) !== null && _format2 !== void 0 ? _format2 : '';
+  }
+  return String(value);
 }
 
-export { getCurrentRowCellElement, isCellHighlighted, isFrozenColumn, isInternalColumn, scrollColumnIntoView };
+export { getCellValueAsString, getCurrentRowCellElement, isCellHighlighted, isFrozenColumn, isInternalColumn, scrollColumnIntoView };
 //# sourceMappingURL=columns.js.map

package/dist/esm/packages/taco/src/components/Table3/util/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../../../../../../../src/components/Table3/util/columns.ts"],"sourcesContent":["import { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { isDate } from 'date-fns';\n\nexport const isInternalColumn = (id: string) => id.startsWith('__');\n\nexport const isFrozenColumn = <TType = unknown>(index: number, table: RTable<TType>) => {\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    if (!tableMeta.columnFreezing.isEnabled || tableMeta.columnFreezing.frozenColumnIndex === undefined) {\n        return false;\n    }\n\n    return tableMeta.columnFreezing.frozenColumnIndex >= index;\n};\n\nexport const getCurrentRowCellElement = (index: number, table: HTMLElement) => {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return table.querySelector(cellSelector);\n};\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, table: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, table);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            table?.scrollTo(highlightRef.left - pinnedColumnsWidth, table.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n\nexport function isCellHighlighted(query: string, value: unknown, children: JSX.Element | string | null) {\n    // if we just stringify date, we get the full object with \"Greenwich Meantime\" etc in\n    const highlightValue = isDate(value) ? children : value;\n    return String(highlightValue).toLocaleLowerCase().includes(query.toLocaleLowerCase());\n}\n"],"names":["isInternalColumn","id","startsWith","isFrozenColumn","index","table","tableMeta","options","meta","columnFreezing","isEnabled","frozenColumnIndex","undefined","getCurrentRowCellElement","cellSelector","querySelector","scrollColumnIntoView","columnIndex","column","lastFrozenColumnElement","highlightRef","getBoundingClientRect","lastFrozenRect","left","width","pinnedColumnsWidth","scrollTo","scrollTop","scrollIntoView","block","inline","isCellHighlighted","query","value","children","highlightValue","isDate","String","toLocaleLowerCase","includes"],"mappings":";;MAGaA,gBAAgB,GAAIC,EAAU,IAAKA,EAAE,CAACC,UAAU,CAAC,IAAI;MAErDC,cAAc,GAAG,CAAkBC,KAAa,EAAEC,KAAoB;EAC/E,MAAMC,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAAwB;EAExD,IAAI,CAACF,SAAS,CAACG,cAAc,CAACC,SAAS,IAAIJ,SAAS,CAACG,cAAc,CAACE,iBAAiB,KAAKC,SAAS,EAAE;IACjG,OAAO,KAAK;;EAGhB,OAAON,SAAS,CAACG,cAAc,CAACE,iBAAiB,IAAIP,KAAK;AAC9D;MAEaS,wBAAwB,GAAG,CAACT,KAAa,EAAEC,KAAkB;EACtE,MAAMS,YAAY,gDAAgDV,QAAQ;EAC1E,OAAOC,KAAK,CAACU,aAAa,CAACD,YAAY,CAAC;AAC5C;SAEgBE,oBAAoB,CAACC,WAAmB,EAAEN,iBAAyB,EAAEO,MAAmB,EAAEb,KAAkB;EACxH,IAAIM,iBAAiB,KAAKC,SAAS,IAAIK,WAAW,GAAGN,iBAAiB,EAAE;IACpE,MAAMQ,uBAAuB,GAAGN,wBAAwB,CAACF,iBAAiB,EAAEN,KAAK,CAAC;IAClF,MAAMe,YAAY,GAAGF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEG,qBAAqB,EAAE;IACpD,MAAMC,cAAc,GAAGH,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEE,qBAAqB,EAAE;;IAGvE,IAAID,YAAY,IAAIE,cAAc,IAAIF,YAAY,CAACG,IAAI,GAAGD,cAAc,CAACC,IAAI,GAAGD,cAAc,CAACE,KAAK,EAAE;MAClG,MAAMC,kBAAkB,GAAGH,cAAc,CAACC,IAAI,GAAGD,cAAc,CAACE,KAAK;MACrEnB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEqB,QAAQ,CAACN,YAAY,CAACG,IAAI,GAAGE,kBAAkB,EAAEpB,KAAK,CAACsB,SAAS,CAAC;;GAE/E,MAAM;IACHT,MAAM,CAACU,cAAc,CAAC;MAAEC,KAAK,EAAE,SAAS;MAAEC,MAAM,EAAE;KAAW,CAAC;;AAEtE;SAEgBC,iBAAiB,CAACC,KAAa,EAAEC,KAAc,EAAEC,QAAqC;;EAElG,MAAMC,cAAc,GAAGC,MAAM,CAACH,KAAK,CAAC,GAAGC,QAAQ,GAAGD,KAAK;EACvD,OAAOI,MAAM,CAACF,cAAc,CAAC,CAACG,iBAAiB,EAAE,CAACC,QAAQ,CAACP,KAAK,CAACM,iBAAiB,EAAE,CAAC;AACzF;;;;"}
+{"version":3,"file":"columns.js","sources":["../../../../../../../../src/components/Table3/util/columns.ts"],"sourcesContent":["import { Header as RTHeader, Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { isDate } from 'date-fns';\nimport { format, parseFromISOString } from '../../../utils/date';\nimport { COLUMN_ID } from '../components/columns/internal/Actions';\nimport { Table3ColumnDataType } from '../types';\n\nexport const isInternalColumn = (id: string) => id.startsWith('__');\n\nexport const isFrozenColumn = <TType = unknown>(header: RTHeader<TType, unknown>, table: RTable<TType>) => {\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    if (header.column.id !== COLUMN_ID && isInternalColumn(header.column.id)) {\n        return true;\n    }\n\n    if (!tableMeta.columnFreezing.isEnabled || tableMeta.columnFreezing.frozenColumnIndex === undefined) {\n        return false;\n    }\n\n    return tableMeta.columnFreezing.frozenColumnIndex + (tableMeta.columnFreezing.frozenInternalColumnCount ?? 0) >= header.index;\n};\n\nexport const getCurrentRowCellElement = (index: number, table: HTMLElement) => {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return table.querySelector(cellSelector);\n};\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, table: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, table);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            table?.scrollTo(highlightRef.left - pinnedColumnsWidth, table.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n\nexport function isCellHighlighted(query: string, value: unknown, dataType?: Table3ColumnDataType) {\n    if (value === undefined || value === null) {\n        return false;\n    }\n\n    return String(getCellValueAsString(value, dataType)).toLocaleLowerCase().includes(query.toLocaleLowerCase());\n}\n\nexport function getCellValueAsString(value: unknown, dataType?: Table3ColumnDataType): string {\n    if (value === undefined || value === null) {\n        return '';\n    } else if (isDate(value)) {\n        return format(value as Date) ?? '';\n    } else if (dataType === 'datetime' && typeof value === 'string') {\n        return format(parseFromISOString(value as string)) ?? '';\n    }\n\n    return String(value);\n}\n"],"names":["isInternalColumn","id","startsWith","isFrozenColumn","header","table","tableMeta","options","meta","column","COLUMN_ID","columnFreezing","isEnabled","frozenColumnIndex","undefined","frozenInternalColumnCount","index","getCurrentRowCellElement","cellSelector","querySelector","scrollColumnIntoView","columnIndex","lastFrozenColumnElement","highlightRef","getBoundingClientRect","lastFrozenRect","left","width","pinnedColumnsWidth","scrollTo","scrollTop","scrollIntoView","block","inline","isCellHighlighted","query","value","dataType","String","getCellValueAsString","toLocaleLowerCase","includes","isDate","format","parseFromISOString"],"mappings":";;;;MAMaA,gBAAgB,GAAIC,EAAU,IAAKA,EAAE,CAACC,UAAU,CAAC,IAAI;MAErDC,cAAc,GAAG,CAAkBC,MAAgC,EAAEC,KAAoB;;EAClG,MAAMC,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAAwB;EAExD,IAAIJ,MAAM,CAACK,MAAM,CAACR,EAAE,KAAKS,SAAS,IAAIV,gBAAgB,CAACI,MAAM,CAACK,MAAM,CAACR,EAAE,CAAC,EAAE;IACtE,OAAO,IAAI;;EAGf,IAAI,CAACK,SAAS,CAACK,cAAc,CAACC,SAAS,IAAIN,SAAS,CAACK,cAAc,CAACE,iBAAiB,KAAKC,SAAS,EAAE;IACjG,OAAO,KAAK;;EAGhB,OAAOR,SAAS,CAACK,cAAc,CAACE,iBAAiB,6BAAIP,SAAS,CAACK,cAAc,CAACI,yBAAyB,yEAAI,CAAC,CAAC,IAAIX,MAAM,CAACY,KAAK;AACjI;MAEaC,wBAAwB,GAAG,CAACD,KAAa,EAAEX,KAAkB;EACtE,MAAMa,YAAY,gDAAgDF,QAAQ;EAC1E,OAAOX,KAAK,CAACc,aAAa,CAACD,YAAY,CAAC;AAC5C;SAEgBE,oBAAoB,CAACC,WAAmB,EAAER,iBAAyB,EAAEJ,MAAmB,EAAEJ,KAAkB;EACxH,IAAIQ,iBAAiB,KAAKC,SAAS,IAAIO,WAAW,GAAGR,iBAAiB,EAAE;IACpE,MAAMS,uBAAuB,GAAGL,wBAAwB,CAACJ,iBAAiB,EAAER,KAAK,CAAC;IAClF,MAAMkB,YAAY,GAAGd,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEe,qBAAqB,EAAE;IACpD,MAAMC,cAAc,GAAGH,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEE,qBAAqB,EAAE;;IAGvE,IAAID,YAAY,IAAIE,cAAc,IAAIF,YAAY,CAACG,IAAI,GAAGD,cAAc,CAACC,IAAI,GAAGD,cAAc,CAACE,KAAK,EAAE;MAClG,MAAMC,kBAAkB,GAAGH,cAAc,CAACC,IAAI,GAAGD,cAAc,CAACE,KAAK;MACrEtB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEwB,QAAQ,CAACN,YAAY,CAACG,IAAI,GAAGE,kBAAkB,EAAEvB,KAAK,CAACyB,SAAS,CAAC;;GAE/E,MAAM;IACHrB,MAAM,CAACsB,cAAc,CAAC;MAAEC,KAAK,EAAE,SAAS;MAAEC,MAAM,EAAE;KAAW,CAAC;;AAEtE;SAEgBC,iBAAiB,CAACC,KAAa,EAAEC,KAAc,EAAEC,QAA+B;EAC5F,IAAID,KAAK,KAAKtB,SAAS,IAAIsB,KAAK,KAAK,IAAI,EAAE;IACvC,OAAO,KAAK;;EAGhB,OAAOE,MAAM,CAACC,oBAAoB,CAACH,KAAK,EAAEC,QAAQ,CAAC,CAAC,CAACG,iBAAiB,EAAE,CAACC,QAAQ,CAACN,KAAK,CAACK,iBAAiB,EAAE,CAAC;AAChH;SAEgBD,oBAAoB,CAACH,KAAc,EAAEC,QAA+B;EAChF,IAAID,KAAK,KAAKtB,SAAS,IAAIsB,KAAK,KAAK,IAAI,EAAE;IACvC,OAAO,EAAE;GACZ,MAAM,IAAIM,MAAM,CAACN,KAAK,CAAC,EAAE;IAAA;IACtB,kBAAOO,MAAM,CAACP,KAAa,CAAC,6CAAI,EAAE;GACrC,MAAM,IAAIC,QAAQ,KAAK,UAAU,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;IAAA;IAC7D,mBAAOO,MAAM,CAACC,kBAAkB,CAACR,KAAe,CAAC,CAAC,+CAAI,EAAE;;EAG5D,OAAOE,MAAM,CAACF,KAAK,CAAC;AACxB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/util/filtering.js

@@ -1,4 +1,4 @@
-import { isDate, isBefore, isAfter } from 'date-fns';
+import { isDate, isBefore, isAfter, isEqual } from 'date-fns';
 import { isWeakEqual as isWeakEqual$1 } from '../../../utils/date.js';
 import { Table3FilterComparator } from '../types.js';
 
@@ -61,6 +61,24 @@ function columnFilterFn(value, filter) {
             return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber < filter.value;
           }
         }
+      case Table3FilterComparator.IsLessThanOrEqualTo:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && (isBefore(value, filter.value) || isEqual(value, filter.value));
+          } else {
+            const valueAsNumber = parseInt(value);
+            return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber <= filter.value;
+          }
+        }
+      case Table3FilterComparator.IsGreaterThanOrEqualTo:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && (isAfter(value, filter.value) || isEqual(value, filter.value));
+          } else {
+            const valueAsNumber = parseInt(value);
+            return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber >= filter.value;
+          }
+        }
       case Table3FilterComparator.IsBetween:
         {
           const [fromValue, toValue] = filter.value;
@@ -84,11 +102,11 @@ function columnFilterFn(value, filter) {
             return true;
           }
         }
-      case Table3FilterComparator.IsOneOf:
-        return Array.isArray(filter.value) ? filter.value.includes(value) : false;
-      case Table3FilterComparator.IsNoneOf:
-        return Array.isArray(filter.value) ? filter.value.includes(value) === false : false;
-      case Table3FilterComparator.IsAllOf:
+      case Table3FilterComparator.HasAnyOf:
+        return Array.isArray(filter.value) && Array.isArray(value) ? filter.value.some(item => value.includes(item)) : false;
+      case Table3FilterComparator.HasNoneOf:
+        return Array.isArray(filter.value) && Array.isArray(value) ? filter.value.every(item => value.includes(item) === false) : false;
+      case Table3FilterComparator.HasAllOf:
         return Array.isArray(filter.value) && Array.isArray(value) ? filter.value.filter(v => value.includes(v)).length === filter.value.length : false;
     }
     return false;