@economic/taco 2.40.0 → 2.40.1

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/features/useTableSettings.js

@@ -0,0 +1,69 @@
+import React__default from 'react';
+import { useTacoSettings } from '../../../../hooks/useTacoSettings.js';
+import { useLocalStorage } from '../../../../hooks/useLocalStorage.js';
+
+const DEFAULT_ENABLED_OPTIONS = {
+  columnOrder: true,
+  columnPinning: true,
+  columnSizing: true,
+  columnVisibility: true,
+  excludeUnmatchedRecordsInSearch: true,
+  fontSize: true,
+  grouping: true,
+  rowHeight: true,
+  sorting: true
+};
+function useUniqueTableId(tableId) {
+  const tacoSettings = useTacoSettings();
+  return `taco.${tacoSettings.uniqueUserIdentifier}.table.${tableId}.settings`;
+}
+function useEnabledSettings(isEnabled) {
+  return React__default.useMemo(() => {
+    if (isEnabled === false) {
+      return [Object.keys(DEFAULT_ENABLED_OPTIONS).reduce((o, key) => ({
+        ...o,
+        [key]: false
+      }), {}), false];
+    } else if (isEnabled === true) {
+      return [DEFAULT_ENABLED_OPTIONS, true];
+    }
+    const options = {
+      ...DEFAULT_ENABLED_OPTIONS,
+      ...isEnabled
+    };
+    return [options, Object.values(options).some(o => o === true)];
+  }, [isEnabled]);
+}
+function useTableSettings(isEnabled = false, id, defaultSettings = {}, onChangeSettings) {
+  const uniqueId = useUniqueTableId(id);
+  const [enabledSettings, hasSomeEnabledSettings] = useEnabledSettings(isEnabled);
+  const [persistedSettings, _setPersistedSettings] = useLocalStorage(hasSomeEnabledSettings ? uniqueId : undefined, removeDisabledSettings(defaultSettings, enabledSettings));
+  const setPersistedSettings = React__default.useCallback(value => {
+    if (!hasSomeEnabledSettings) {
+      return;
+    }
+    const sanitizedSettings = removeDisabledSettings(value, enabledSettings);
+    _setPersistedSettings(sanitizedSettings);
+    if (typeof onChangeSettings === 'function') {
+      onChangeSettings(sanitizedSettings);
+    }
+  }, [hasSomeEnabledSettings, onChangeSettings, JSON.stringify(enabledSettings)]);
+  if (!hasSomeEnabledSettings) {
+    return [defaultSettings, () => undefined];
+  }
+  return [persistedSettings, setPersistedSettings];
+}
+function removeDisabledSettings(settings, enabledSettings) {
+  const sanitizedSettings = {
+    ...settings
+  };
+  Object.keys(enabledSettings).forEach(setting => {
+    if (!enabledSettings[setting]) {
+      delete sanitizedSettings[setting];
+    }
+  });
+  return sanitizedSettings;
+}
+
+export { useTableSettings, useUniqueTableId };
+//# sourceMappingURL=useTableSettings.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/features/useTableSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSettings.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/features/useTableSettings.ts"],"sourcesContent":["import React from 'react';\nimport { useLocalStorage } from '../../../../hooks/useLocalStorage';\nimport { useTacoSettings } from '../../../../hooks/useTacoSettings';\nimport { TableEnableSettingsOptions, TableSettings, TableSettingsHandler } from '../../types';\n\nconst DEFAULT_ENABLED_OPTIONS = {\n    columnOrder: true,\n    columnPinning: true,\n    columnSizing: true,\n    columnVisibility: true,\n    excludeUnmatchedRecordsInSearch: true,\n    fontSize: true,\n    grouping: true,\n    rowHeight: true,\n    sorting: true,\n};\n\nexport function useUniqueTableId(tableId: string) {\n    const tacoSettings = useTacoSettings();\n    return `taco.${tacoSettings.uniqueUserIdentifier}.table.${tableId}.settings`;\n}\n\nfunction useEnabledSettings(isEnabled: boolean | Partial<TableEnableSettingsOptions>): [TableEnableSettingsOptions, boolean] {\n    return React.useMemo(() => {\n        if (isEnabled === false) {\n            return [\n                Object.keys(DEFAULT_ENABLED_OPTIONS).reduce(\n                    (o, key) => ({ ...o, [key]: false }),\n                    {}\n                ) as TableEnableSettingsOptions,\n                false,\n            ];\n        } else if (isEnabled === true) {\n            return [DEFAULT_ENABLED_OPTIONS, true];\n        }\n\n        const options = { ...DEFAULT_ENABLED_OPTIONS, ...isEnabled };\n        return [options, Object.values(options).some(o => o === true)];\n    }, [isEnabled]);\n}\n\nexport function useTableSettings(\n    isEnabled: boolean | Partial<TableEnableSettingsOptions> = false,\n    id: string,\n    defaultSettings: TableSettings | undefined = {},\n    onChangeSettings: TableSettingsHandler | undefined\n): [TableSettings, TableSettingsHandler] {\n    const uniqueId = useUniqueTableId(id);\n    const [enabledSettings, hasSomeEnabledSettings] = useEnabledSettings(isEnabled);\n\n    const [persistedSettings, _setPersistedSettings] = useLocalStorage<TableSettings>(\n        hasSomeEnabledSettings ? uniqueId : undefined,\n        removeDisabledSettings(defaultSettings, enabledSettings)\n    );\n\n    const setPersistedSettings = React.useCallback(\n        (value: TableSettings) => {\n            if (!hasSomeEnabledSettings) {\n                return;\n            }\n\n            const sanitizedSettings = removeDisabledSettings(value, enabledSettings);\n            _setPersistedSettings(sanitizedSettings);\n\n            if (typeof onChangeSettings === 'function') {\n                onChangeSettings(sanitizedSettings);\n            }\n        },\n        [hasSomeEnabledSettings, onChangeSettings, JSON.stringify(enabledSettings)]\n    );\n\n    if (!hasSomeEnabledSettings) {\n        return [defaultSettings, () => undefined];\n    }\n\n    return [persistedSettings, setPersistedSettings];\n}\n\nfunction removeDisabledSettings(settings: TableSettings, enabledSettings: TableEnableSettingsOptions) {\n    const sanitizedSettings: TableSettings = { ...settings };\n\n    Object.keys(enabledSettings).forEach(setting => {\n        if (!enabledSettings[setting]) {\n            delete sanitizedSettings[setting];\n        }\n    });\n\n    return sanitizedSettings;\n}\n"],"names":["DEFAULT_ENABLED_OPTIONS","columnOrder","columnPinning","columnSizing","columnVisibility","excludeUnmatchedRecordsInSearch","fontSize","grouping","rowHeight","sorting","useUniqueTableId","tableId","tacoSettings","useTacoSettings","uniqueUserIdentifier","useEnabledSettings","isEnabled","React","useMemo","Object","keys","reduce","o","key","options","values","some","useTableSettings","id","defaultSettings","onChangeSettings","uniqueId","enabledSettings","hasSomeEnabledSettings","persistedSettings","_setPersistedSettings","useLocalStorage","undefined","removeDisabledSettings","setPersistedSettings","useCallback","value","sanitizedSettings","JSON","stringify","settings","forEach","setting"],"mappings":";;;;AAKA,MAAMA,uBAAuB,GAAG;EAC5BC,WAAW,EAAE,IAAI;EACjBC,aAAa,EAAE,IAAI;EACnBC,YAAY,EAAE,IAAI;EAClBC,gBAAgB,EAAE,IAAI;EACtBC,+BAA+B,EAAE,IAAI;EACrCC,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,OAAO,EAAE;CACZ;SAEeC,gBAAgBA,CAACC,OAAe;EAC5C,MAAMC,YAAY,GAAGC,eAAe,EAAE;EACtC,OAAO,QAAQD,YAAY,CAACE,oBAAoB,UAAUH,OAAO,WAAW;AAChF;AAEA,SAASI,kBAAkBA,CAACC,SAAwD;EAChF,OAAOC,cAAK,CAACC,OAAO,CAAC;IACjB,IAAIF,SAAS,KAAK,KAAK,EAAE;MACrB,OAAO,CACHG,MAAM,CAACC,IAAI,CAACpB,uBAAuB,CAAC,CAACqB,MAAM,CACvC,CAACC,CAAC,EAAEC,GAAG,MAAM;QAAE,GAAGD,CAAC;QAAE,CAACC,GAAG,GAAG;OAAO,CAAC,EACpC,EAAE,CACyB,EAC/B,KAAK,CACR;KACJ,MAAM,IAAIP,SAAS,KAAK,IAAI,EAAE;MAC3B,OAAO,CAAChB,uBAAuB,EAAE,IAAI,CAAC;;IAG1C,MAAMwB,OAAO,GAAG;MAAE,GAAGxB,uBAAuB;MAAE,GAAGgB;KAAW;IAC5D,OAAO,CAACQ,OAAO,EAAEL,MAAM,CAACM,MAAM,CAACD,OAAO,CAAC,CAACE,IAAI,CAACJ,CAAC,IAAIA,CAAC,KAAK,IAAI,CAAC,CAAC;GACjE,EAAE,CAACN,SAAS,CAAC,CAAC;AACnB;SAEgBW,gBAAgBA,CAC5BX,YAA2D,KAAK,EAChEY,EAAU,EACVC,kBAA6C,EAAE,EAC/CC,gBAAkD;EAElD,MAAMC,QAAQ,GAAGrB,gBAAgB,CAACkB,EAAE,CAAC;EACrC,MAAM,CAACI,eAAe,EAAEC,sBAAsB,CAAC,GAAGlB,kBAAkB,CAACC,SAAS,CAAC;EAE/E,MAAM,CAACkB,iBAAiB,EAAEC,qBAAqB,CAAC,GAAGC,eAAe,CAC9DH,sBAAsB,GAAGF,QAAQ,GAAGM,SAAS,EAC7CC,sBAAsB,CAACT,eAAe,EAAEG,eAAe,CAAC,CAC3D;EAED,MAAMO,oBAAoB,GAAGtB,cAAK,CAACuB,WAAW,CACzCC,KAAoB;IACjB,IAAI,CAACR,sBAAsB,EAAE;MACzB;;IAGJ,MAAMS,iBAAiB,GAAGJ,sBAAsB,CAACG,KAAK,EAAET,eAAe,CAAC;IACxEG,qBAAqB,CAACO,iBAAiB,CAAC;IAExC,IAAI,OAAOZ,gBAAgB,KAAK,UAAU,EAAE;MACxCA,gBAAgB,CAACY,iBAAiB,CAAC;;GAE1C,EACD,CAACT,sBAAsB,EAAEH,gBAAgB,EAAEa,IAAI,CAACC,SAAS,CAACZ,eAAe,CAAC,CAAC,CAC9E;EAED,IAAI,CAACC,sBAAsB,EAAE;IACzB,OAAO,CAACJ,eAAe,EAAE,MAAMQ,SAAS,CAAC;;EAG7C,OAAO,CAACH,iBAAiB,EAAEK,oBAAoB,CAAC;AACpD;AAEA,SAASD,sBAAsBA,CAACO,QAAuB,EAAEb,eAA2C;EAChG,MAAMU,iBAAiB,GAAkB;IAAE,GAAGG;GAAU;EAExD1B,MAAM,CAACC,IAAI,CAACY,eAAe,CAAC,CAACc,OAAO,CAACC,OAAO;IACxC,IAAI,CAACf,eAAe,CAACe,OAAO,CAAC,EAAE;MAC3B,OAAOL,iBAAiB,CAACK,OAAO,CAAC;;GAExC,CAAC;EAEF,OAAOL,iBAAiB;AAC5B;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableDataListener.js

@@ -0,0 +1,15 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+function useTableDataListener(table) {
+  const meta = table.options.meta;
+  const rows = table.getRowModel().rows;
+  useLazyEffect(() => {
+    const rowActiveIndex = meta.rowActive.rowActiveIndex;
+    if (rowActiveIndex !== undefined && rowActiveIndex > rows.length) {
+      meta.rowActive.setRowActiveIndex(0);
+    }
+  }, [rows.length]);
+}
+
+export { useTableDataListener };
+//# sourceMappingURL=useTableDataListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableDataListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableDataListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableDataListener.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\n\nexport function useTableDataListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    useLazyEffect(() => {\n        const rowActiveIndex = meta.rowActive.rowActiveIndex;\n\n        if (rowActiveIndex !== undefined && rowActiveIndex > rows.length) {\n            meta.rowActive.setRowActiveIndex(0);\n        }\n    }, [rows.length]);\n}\n"],"names":["useTableDataListener","table","meta","options","rows","getRowModel","useLazyEffect","rowActiveIndex","rowActive","undefined","length","setRowActiveIndex"],"mappings":";;SAGgBA,oBAAoBA,CAAkBC,KAAwB;EAC1E,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAA6B;EACxD,MAAME,IAAI,GAAGH,KAAK,CAACI,WAAW,EAAE,CAACD,IAAI;EAErCE,aAAa,CAAC;IACV,MAAMC,cAAc,GAAGL,IAAI,CAACM,SAAS,CAACD,cAAc;IAEpD,IAAIA,cAAc,KAAKE,SAAS,IAAIF,cAAc,GAAGH,IAAI,CAACM,MAAM,EAAE;MAC9DR,IAAI,CAACM,SAAS,CAACG,iBAAiB,CAAC,CAAC,CAAC;;GAE1C,EAAE,CAACP,IAAI,CAACM,MAAM,CAAC,CAAC;AACrB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableFilterListener.js

@@ -0,0 +1,19 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+// we use a listener, and not the internal "controlled" change handlers because we don't actually want consumers
+// to control the state outside the table. this listener is really here to let the consumer make a server request
+// and provide the server with the filtering state, so that it can filter server side
+function useTableFilterListener(table, onFilter) {
+  const columnFilters = table.getState().columnFilters;
+  useLazyEffect(() => {
+    if (table.options.enableColumnFilters && typeof onFilter === 'function') {
+      onFilter(columnFilters);
+      if (table.options.enableRowSelection) {
+        table.resetRowSelection();
+      }
+    }
+  }, [table.options.enableColumnFilters, columnFilters]);
+}
+
+export { useTableFilterListener };
+//# sourceMappingURL=useTableFilterListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableFilterListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableFilterListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableFilterListener.ts"],"sourcesContent":["import { Table as ReactTable } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { TableFilterHandler } from '../../types';\n\n// we use a listener, and not the internal \"controlled\" change handlers because we don't actually want consumers\n// to control the state outside the table. this listener is really here to let the consumer make a server request\n// and provide the server with the filtering state, so that it can filter server side\nexport function useTableFilterListener<TType = unknown>(table: ReactTable<TType>, onFilter?: TableFilterHandler) {\n    const columnFilters = table.getState().columnFilters;\n\n    useLazyEffect(() => {\n        if (table.options.enableColumnFilters && typeof onFilter === 'function') {\n            onFilter(columnFilters);\n\n            if (table.options.enableRowSelection) {\n                table.resetRowSelection();\n            }\n        }\n    }, [table.options.enableColumnFilters, columnFilters]);\n}\n"],"names":["useTableFilterListener","table","onFilter","columnFilters","getState","useLazyEffect","options","enableColumnFilters","enableRowSelection","resetRowSelection"],"mappings":";;AAIA;AACA;AACA;SACgBA,sBAAsBA,CAAkBC,KAAwB,EAAEC,QAA6B;EAC3G,MAAMC,aAAa,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,aAAa;EAEpDE,aAAa,CAAC;IACV,IAAIJ,KAAK,CAACK,OAAO,CAACC,mBAAmB,IAAI,OAAOL,QAAQ,KAAK,UAAU,EAAE;MACrEA,QAAQ,CAACC,aAAa,CAAC;MAEvB,IAAIF,KAAK,CAACK,OAAO,CAACE,kBAAkB,EAAE;QAClCP,KAAK,CAACQ,iBAAiB,EAAE;;;GAGpC,EAAE,CAACR,KAAK,CAACK,OAAO,CAACC,mBAAmB,EAAEJ,aAAa,CAAC,CAAC;AAC1D;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableFontSizeListener.js

@@ -0,0 +1,47 @@
+import React__default from 'react';
+import { FontSizes } from '../../../../types.js';
+import { isInternalColumn, getCellMinWidth } from '../util/columns.js';
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+function useTableFontSizeListener(table) {
+  const meta = table.options.meta;
+  const previousFontSizeRef = React__default.useRef(meta.fontSize.size);
+  useLazyEffect(() => {
+    const cellWidthDifference = getCellWidthDifference(`${previousFontSizeRef.current}-${meta.fontSize.size}`);
+    const globalMinSize = getCellMinWidth(meta.fontSize.size);
+    table.setColumnSizing(sizes => {
+      return Object.fromEntries(Object.entries(sizes).map(([columnName, prevColumnSize]) => {
+        var _column$columnDef$min;
+        const column = table.getColumn(columnName);
+        if (isInternalColumn(columnName)) {
+          var _column$getSize;
+          return [columnName, (_column$getSize = column === null || column === void 0 ? void 0 : column.getSize()) !== null && _column$getSize !== void 0 ? _column$getSize : prevColumnSize];
+        }
+        // Prevents width value in the setting to go below the minColumnSize
+        const minColumnSize = (_column$columnDef$min = column === null || column === void 0 ? void 0 : column.columnDef.minSize) !== null && _column$columnDef$min !== void 0 ? _column$columnDef$min : globalMinSize;
+        const newSize = Math.max(minColumnSize, prevColumnSize + cellWidthDifference);
+        return [columnName, newSize];
+      }));
+    });
+    previousFontSizeRef.current = meta.fontSize.size;
+  }, [meta.fontSize.size]);
+}
+function getCellWidthDifference(fontSizeKey) {
+  switch (fontSizeKey) {
+    case `${FontSizes.small}-${FontSizes.medium}`:
+    case `${FontSizes.medium}-${FontSizes.large}`:
+      return 8;
+    case `${FontSizes.medium}-${FontSizes.small}`:
+    case `${FontSizes.large}-${FontSizes.medium}`:
+      return -8;
+    case `${FontSizes.small}-${FontSizes.large}`:
+      return 16;
+    case `${FontSizes.large}-${FontSizes.small}`:
+      return -16;
+    default:
+      return 0;
+  }
+}
+
+export { useTableFontSizeListener };
+//# sourceMappingURL=useTableFontSizeListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableFontSizeListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableFontSizeListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableFontSizeListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { FontSizes } from '../../../../types';\nimport { getCellMinWidth, isInternalColumn } from '../util/columns';\n\nexport function useTableFontSizeListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const previousFontSizeRef = React.useRef(meta.fontSize.size);\n\n    useLazyEffect(() => {\n        const cellWidthDifference = getCellWidthDifference(`${previousFontSizeRef.current}-${meta.fontSize.size}`);\n        const globalMinSize = getCellMinWidth(meta.fontSize.size);\n\n        table.setColumnSizing(sizes => {\n            return Object.fromEntries(\n                Object.entries(sizes).map(([columnName, prevColumnSize]) => {\n                    const column = table.getColumn(columnName);\n\n                    if (isInternalColumn(columnName)) {\n                        return [columnName, column?.getSize() ?? prevColumnSize];\n                    }\n\n                    // Prevents width value in the setting to go below the minColumnSize\n                    const minColumnSize = column?.columnDef.minSize ?? globalMinSize;\n                    const newSize = Math.max(minColumnSize, prevColumnSize + cellWidthDifference);\n                    return [columnName, newSize];\n                })\n            );\n        });\n        previousFontSizeRef.current = meta.fontSize.size;\n    }, [meta.fontSize.size]);\n}\n\nfunction getCellWidthDifference(fontSizeKey: string) {\n    switch (fontSizeKey) {\n        case `${FontSizes.small}-${FontSizes.medium}`:\n        case `${FontSizes.medium}-${FontSizes.large}`:\n            return 8;\n\n        case `${FontSizes.medium}-${FontSizes.small}`:\n        case `${FontSizes.large}-${FontSizes.medium}`:\n            return -8;\n\n        case `${FontSizes.small}-${FontSizes.large}`:\n            return 16;\n\n        case `${FontSizes.large}-${FontSizes.small}`:\n            return -16;\n\n        default:\n            return 0;\n    }\n}\n"],"names":["useTableFontSizeListener","table","meta","options","previousFontSizeRef","React","useRef","fontSize","size","useLazyEffect","cellWidthDifference","getCellWidthDifference","current","globalMinSize","getCellMinWidth","setColumnSizing","sizes","Object","fromEntries","entries","map","columnName","prevColumnSize","column","getColumn","isInternalColumn","_column$getSize","getSize","minColumnSize","_column$columnDef$min","columnDef","minSize","newSize","Math","max","fontSizeKey","FontSizes","small","medium","large"],"mappings":";;;;;SAMgBA,wBAAwBA,CAAkBC,KAAwB;EAC9E,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAA6B;EACxD,MAAME,mBAAmB,GAAGC,cAAK,CAACC,MAAM,CAACJ,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC;EAE5DC,aAAa,CAAC;IACV,MAAMC,mBAAmB,GAAGC,sBAAsB,CAAC,GAAGP,mBAAmB,CAACQ,OAAO,IAAIV,IAAI,CAACK,QAAQ,CAACC,IAAI,EAAE,CAAC;IAC1G,MAAMK,aAAa,GAAGC,eAAe,CAACZ,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC;IAEzDP,KAAK,CAACc,eAAe,CAACC,KAAK;MACvB,OAAOC,MAAM,CAACC,WAAW,CACrBD,MAAM,CAACE,OAAO,CAACH,KAAK,CAAC,CAACI,GAAG,CAAC,CAAC,CAACC,UAAU,EAAEC,cAAc,CAAC;;QACnD,MAAMC,MAAM,GAAGtB,KAAK,CAACuB,SAAS,CAACH,UAAU,CAAC;QAE1C,IAAII,gBAAgB,CAACJ,UAAU,CAAC,EAAE;UAAA,IAAAK,eAAA;UAC9B,OAAO,CAACL,UAAU,GAAAK,eAAA,GAAEH,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEI,OAAO,EAAE,cAAAD,eAAA,cAAAA,eAAA,GAAIJ,cAAc,CAAC;;;QAI5D,MAAMM,aAAa,IAAAC,qBAAA,GAAGN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEO,SAAS,CAACC,OAAO,cAAAF,qBAAA,cAAAA,qBAAA,GAAIhB,aAAa;QAChE,MAAMmB,OAAO,GAAGC,IAAI,CAACC,GAAG,CAACN,aAAa,EAAEN,cAAc,GAAGZ,mBAAmB,CAAC;QAC7E,OAAO,CAACW,UAAU,EAAEW,OAAO,CAAC;OAC/B,CAAC,CACL;KACJ,CAAC;IACF5B,mBAAmB,CAACQ,OAAO,GAAGV,IAAI,CAACK,QAAQ,CAACC,IAAI;GACnD,EAAE,CAACN,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC,CAAC;AAC5B;AAEA,SAASG,sBAAsBA,CAACwB,WAAmB;EAC/C,QAAQA,WAAW;IACf,KAAK,GAAGC,SAAS,CAACC,KAAK,IAAID,SAAS,CAACE,MAAM,EAAE;IAC7C,KAAK,GAAGF,SAAS,CAACE,MAAM,IAAIF,SAAS,CAACG,KAAK,EAAE;MACzC,OAAO,CAAC;IAEZ,KAAK,GAAGH,SAAS,CAACE,MAAM,IAAIF,SAAS,CAACC,KAAK,EAAE;IAC7C,KAAK,GAAGD,SAAS,CAACG,KAAK,IAAIH,SAAS,CAACE,MAAM,EAAE;MACzC,OAAO,CAAC,CAAC;IAEb,KAAK,GAAGF,SAAS,CAACC,KAAK,IAAID,SAAS,CAACG,KAAK,EAAE;MACxC,OAAO,EAAE;IAEb,KAAK,GAAGH,SAAS,CAACG,KAAK,IAAIH,SAAS,CAACC,KAAK,EAAE;MACxC,OAAO,CAAC,EAAE;IAEd;MACI,OAAO,CAAC;;AAEpB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableRowHeightListener.js

@@ -0,0 +1,14 @@
+import { FontSizes } from '../../../../types.js';
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+function useTableRowHeightListener(table) {
+  const meta = table.options.meta;
+  useLazyEffect(() => {
+    if (meta.rowHeight.height === 'short' && meta.fontSize.size === FontSizes.large) {
+      meta.fontSize.setSize(FontSizes.medium);
+    }
+  }, [meta.rowHeight.height]);
+}
+
+export { useTableRowHeightListener };
+//# sourceMappingURL=useTableRowHeightListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableRowHeightListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRowHeightListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableRowHeightListener.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { FontSizes } from '../../../../types';\n\nexport function useTableRowHeightListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n\n    useLazyEffect(() => {\n        if (meta.rowHeight.height === 'short' && meta.fontSize.size === FontSizes.large) {\n            meta.fontSize.setSize(FontSizes.medium);\n        }\n    }, [meta.rowHeight.height]);\n}\n"],"names":["useTableRowHeightListener","table","meta","options","useLazyEffect","rowHeight","height","fontSize","size","FontSizes","large","setSize","medium"],"mappings":";;;SAIgBA,yBAAyBA,CAAkBC,KAAwB;EAC/E,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAA6B;EAExDE,aAAa,CAAC;IACV,IAAIF,IAAI,CAACG,SAAS,CAACC,MAAM,KAAK,OAAO,IAAIJ,IAAI,CAACK,QAAQ,CAACC,IAAI,KAAKC,SAAS,CAACC,KAAK,EAAE;MAC7ER,IAAI,CAACK,QAAQ,CAACI,OAAO,CAACF,SAAS,CAACG,MAAM,CAAC;;GAE9C,EAAE,CAACV,IAAI,CAACG,SAAS,CAACC,MAAM,CAAC,CAAC;AAC/B;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.js

@@ -0,0 +1,23 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+function useTableRowSelectionListener(table, onRowSelect) {
+  const rowSelection = table.getState().rowSelection;
+  useLazyEffect(() => {
+    const selectedRows = table.getSelectedRowModel().rows;
+    if (table.options.enableRowSelection && typeof onRowSelect === 'function') {
+      if (table.options.enableMultiRowSelection) {
+        onRowSelect(selectedRows.map(row => row.original));
+      } else {
+        var _ref, _selectedRows$;
+        onRowSelect((_ref = [(_selectedRows$ = selectedRows[0]) === null || _selectedRows$ === void 0 ? void 0 : _selectedRows$.original]) !== null && _ref !== void 0 ? _ref : []);
+      }
+    }
+    // It is important to stringify either rowSelection state or selectedRows, because we don't
+    // know if the array or object that is returned by react-table has the same reference or not.
+    // rowSelection state is used here because it will be more expensive to strigify selectedRows
+    // than rowSelection state.
+  }, [table.options.enableRowSelection, table.options.enableMultiRowSelection, JSON.stringify(rowSelection)]);
+}
+
+export { useTableRowSelectionListener };
+//# sourceMappingURL=useTableRowSelectionListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRowSelectionListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableRowSelectionListener.ts"],"sourcesContent":["import { Table as ReactTable } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { TableRowSelectHandler } from '../../types';\n\nexport function useTableRowSelectionListener<TType = unknown>(\n    table: ReactTable<TType>,\n    onRowSelect?: TableRowSelectHandler<TType>\n) {\n    const rowSelection = table.getState().rowSelection;\n\n    useLazyEffect(() => {\n        const selectedRows = table.getSelectedRowModel().rows;\n\n        if (table.options.enableRowSelection && typeof onRowSelect === 'function') {\n            if (table.options.enableMultiRowSelection) {\n                onRowSelect(selectedRows.map(row => row.original));\n            } else {\n                onRowSelect([selectedRows[0]?.original] ?? []);\n            }\n        }\n        // It is important to stringify either rowSelection state or selectedRows, because we don't\n        // know if the array or object that is returned by react-table has the same reference or not.\n        // rowSelection state is used here because it will be more expensive to strigify selectedRows\n        // than rowSelection state.\n    }, [table.options.enableRowSelection, table.options.enableMultiRowSelection, JSON.stringify(rowSelection)]);\n}\n"],"names":["useTableRowSelectionListener","table","onRowSelect","rowSelection","getState","useLazyEffect","selectedRows","getSelectedRowModel","rows","options","enableRowSelection","enableMultiRowSelection","map","row","original","_ref","_selectedRows$","JSON","stringify"],"mappings":";;SAIgBA,4BAA4BA,CACxCC,KAAwB,EACxBC,WAA0C;EAE1C,MAAMC,YAAY,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,YAAY;EAElDE,aAAa,CAAC;IACV,MAAMC,YAAY,GAAGL,KAAK,CAACM,mBAAmB,EAAE,CAACC,IAAI;IAErD,IAAIP,KAAK,CAACQ,OAAO,CAACC,kBAAkB,IAAI,OAAOR,WAAW,KAAK,UAAU,EAAE;MACvE,IAAID,KAAK,CAACQ,OAAO,CAACE,uBAAuB,EAAE;QACvCT,WAAW,CAACI,YAAY,CAACM,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAC,CAAC;OACrD,MAAM;QAAA,IAAAC,IAAA,EAAAC,cAAA;QACHd,WAAW,EAAAa,IAAA,GAAC,EAAAC,cAAA,GAACV,YAAY,CAAC,CAAC,CAAC,cAAAU,cAAA,uBAAfA,cAAA,CAAiBF,QAAQ,CAAC,cAAAC,IAAA,cAAAA,IAAA,GAAI,EAAE,CAAC;;;;;;;GAOzD,EAAE,CAACd,KAAK,CAACQ,OAAO,CAACC,kBAAkB,EAAET,KAAK,CAACQ,OAAO,CAACE,uBAAuB,EAAEM,IAAI,CAACC,SAAS,CAACf,YAAY,CAAC,CAAC,CAAC;AAC/G;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableSearchListener.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { resetHighlightedColumnIndexes } from '../util/search.js';
+
+function useTableSearchListener(table, onChangeSearch) {
+  const meta = table.options.meta;
+  // recalculates highlighted indexes whenever something important changes
+  React__default.useEffect(() => {
+    if (meta.search.isEnabled) {
+      const query = table.getState().globalFilter;
+      resetHighlightedColumnIndexes(query, table);
+      if (typeof onChangeSearch === 'function') {
+        onChangeSearch(query);
+      }
+    }
+  }, [meta.server.loadAllStatus, meta.search.isEnabled, meta.search.enableGlobalFilter, table.getRowModel().rows.length, table.getState().globalFilter, JSON.stringify(table.getState().sorting), JSON.stringify(table.getState().columnVisibility), onChangeSearch]);
+}
+
+export { useTableSearchListener };
+//# sourceMappingURL=useTableSearchListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableSearchListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSearchListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableSearchListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { resetHighlightedColumnIndexes } from '../util/search';\nimport { TableSearchHandler } from '../../types';\n\nexport function useTableSearchListener<TType = unknown>(table: ReactTable<TType>, onChangeSearch?: TableSearchHandler) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n\n    // recalculates highlighted indexes whenever something important changes\n    React.useEffect(() => {\n        if (meta.search.isEnabled) {\n            const query = table.getState().globalFilter;\n            resetHighlightedColumnIndexes(query, table);\n\n            if (typeof onChangeSearch === 'function') {\n                onChangeSearch(query);\n            }\n        }\n    }, [\n        meta.server.loadAllStatus,\n        meta.search.isEnabled,\n        meta.search.enableGlobalFilter,\n        table.getRowModel().rows.length,\n        table.getState().globalFilter,\n        JSON.stringify(table.getState().sorting),\n        JSON.stringify(table.getState().columnVisibility),\n        onChangeSearch,\n    ]);\n}\n"],"names":["useTableSearchListener","table","onChangeSearch","meta","options","React","useEffect","search","isEnabled","query","getState","globalFilter","resetHighlightedColumnIndexes","server","loadAllStatus","enableGlobalFilter","getRowModel","rows","length","JSON","stringify","sorting","columnVisibility"],"mappings":";;;SAKgBA,sBAAsBA,CAAkBC,KAAwB,EAAEC,cAAmC;EACjH,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAA6B;;EAGxDE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,MAAM,CAACC,SAAS,EAAE;MACvB,MAAMC,KAAK,GAAGR,KAAK,CAACS,QAAQ,EAAE,CAACC,YAAY;MAC3CC,6BAA6B,CAACH,KAAK,EAAER,KAAK,CAAC;MAE3C,IAAI,OAAOC,cAAc,KAAK,UAAU,EAAE;QACtCA,cAAc,CAACO,KAAK,CAAC;;;GAGhC,EAAE,CACCN,IAAI,CAACU,MAAM,CAACC,aAAa,EACzBX,IAAI,CAACI,MAAM,CAACC,SAAS,EACrBL,IAAI,CAACI,MAAM,CAACQ,kBAAkB,EAC9Bd,KAAK,CAACe,WAAW,EAAE,CAACC,IAAI,CAACC,MAAM,EAC/BjB,KAAK,CAACS,QAAQ,EAAE,CAACC,YAAY,EAC7BQ,IAAI,CAACC,SAAS,CAACnB,KAAK,CAACS,QAAQ,EAAE,CAACW,OAAO,CAAC,EACxCF,IAAI,CAACC,SAAS,CAACnB,KAAK,CAACS,QAAQ,EAAE,CAACY,gBAAgB,CAAC,EACjDpB,cAAc,CACjB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableServerLoadingListener.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+function useTableServerLoadingListener(table, loadPage) {
+  const sorting = table.getState().sorting;
+  const columnFilters = table.getState().columnFilters;
+  // trigger load of the first page on mount
+  React__default.useEffect(() => {
+    if (loadPage) {
+      loadPage(0, sorting, columnFilters);
+    }
+  }, []);
+}
+
+export { useTableServerLoadingListener };
+//# sourceMappingURL=useTableServerLoadingListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableServerLoadingListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableServerLoadingListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableServerLoadingListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { TableServerLoadPageHandler } from '../../types';\n\nexport function useTableServerLoadingListener<TType = unknown>(table: ReactTable<TType>, loadPage?: TableServerLoadPageHandler) {\n    const sorting = table.getState().sorting;\n    const columnFilters = table.getState().columnFilters;\n\n    // trigger load of the first page on mount\n    React.useEffect(() => {\n        if (loadPage) {\n            loadPage(0, sorting, columnFilters);\n        }\n    }, []);\n}\n"],"names":["useTableServerLoadingListener","table","loadPage","sorting","getState","columnFilters","React","useEffect"],"mappings":";;SAIgBA,6BAA6BA,CAAkBC,KAAwB,EAAEC,QAAqC;EAC1H,MAAMC,OAAO,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,OAAO;EACxC,MAAME,aAAa,GAAGJ,KAAK,CAACG,QAAQ,EAAE,CAACC,aAAa;;EAGpDC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIL,QAAQ,EAAE;MACVA,QAAQ,CAAC,CAAC,EAAEC,OAAO,EAAEE,aAAa,CAAC;;GAE1C,EAAE,EAAE,CAAC;AACV;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableSettingsListener.js

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { getSettings } from '../util/settings.js';
+
+function useTableSettingsListener(table, onChangeSettings) {
+  const meta = table.options.meta;
+  const state = table.getState();
+  React__default.useEffect(() => {
+    let handler;
+    if (typeof onChangeSettings === 'function') {
+      handler = setTimeout(() => {
+        // some settings shouldn't be persisted, but we comment them out here to highlight the intention
+        onChangeSettings(getSettings(table));
+      }, 250);
+    }
+    return () => clearTimeout(handler);
+  }, [
+  //state.columnFilters,
+  state.columnOrder, state.columnPinning, state.columnSizing, state.columnVisibility, table.options.enableGlobalFilter, meta.fontSize.size,
+  //state.grouping,
+  meta.rowHeight.height,
+  //state.globalFilter,
+  state.sorting]);
+}
+
+export { useTableSettingsListener };
+//# sourceMappingURL=useTableSettingsListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableSettingsListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSettingsListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableSettingsListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableSettingsHandler } from '../../types';\nimport { getSettings } from '../util/settings';\n\nexport function useTableSettingsListener<TType = unknown>(\n    table: ReactTable<TType>,\n    onChangeSettings: TableSettingsHandler | undefined\n) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(() => {\n                // some settings shouldn't be persisted, but we comment them out here to highlight the intention\n                onChangeSettings(getSettings(table));\n            }, 250);\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        //state.columnFilters,\n        state.columnOrder,\n        state.columnPinning,\n        state.columnSizing,\n        state.columnVisibility,\n        table.options.enableGlobalFilter,\n        meta.fontSize.size,\n        //state.grouping,\n        meta.rowHeight.height,\n        //state.globalFilter,\n        state.sorting,\n    ]);\n}\n"],"names":["useTableSettingsListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","getSettings","clearTimeout","columnOrder","columnPinning","columnSizing","columnVisibility","enableGlobalFilter","fontSize","size","rowHeight","height","sorting"],"mappings":";;;SAKgBA,wBAAwBA,CACpCC,KAAwB,EACxBC,gBAAkD;EAElD,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAA6B;EACxD,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,CAAC;;QAEjBR,gBAAgB,CAACS,WAAW,CAACV,KAAK,CAAC,CAAC;OACvC,EAAE,GAAG,CAAC;;IAGX,OAAO,MAAMW,YAAY,CAACH,OAAO,CAAC;GACrC,EAAE;;EAECJ,KAAK,CAACQ,WAAW,EACjBR,KAAK,CAACS,aAAa,EACnBT,KAAK,CAACU,YAAY,EAClBV,KAAK,CAACW,gBAAgB,EACtBf,KAAK,CAACG,OAAO,CAACa,kBAAkB,EAChCd,IAAI,CAACe,QAAQ,CAACC,IAAI;;EAElBhB,IAAI,CAACiB,SAAS,CAACC,MAAM;;EAErBhB,KAAK,CAACiB,OAAO,CAChB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableShortcutsListener.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import { createShortcutKeyDownHandler } from '../../../../utils/keyboard.js';
+
+function useTableShortcutsListener(table, shortcuts) {
+  const meta = table.options.meta;
+  const rows = table.getRowModel().rows;
+  React__default.useEffect(() => {
+    const shortcutKeys = Object.keys(shortcuts !== null && shortcuts !== void 0 ? shortcuts : {});
+    const globalHandlers = [];
+    // convert the shortcut into the correct format to register it
+    if (shortcuts && shortcutKeys.length && meta.rowActive.rowActiveIndex !== undefined) {
+      const rowActive = rows[meta.rowActive.rowActiveIndex];
+      shortcutKeys.forEach(key => {
+        const handler = shortcuts[key];
+        let keyDownHandler;
+        let keyDownHandlerOptions;
+        if (typeof handler === 'function') {
+          keyDownHandler = handler;
+          keyDownHandlerOptions = {
+            key
+          };
+        } else {
+          const handlerObject = handler;
+          keyDownHandler = handlerObject.handler;
+          keyDownHandlerOptions = {
+            key,
+            meta: handlerObject.meta,
+            shift: handlerObject.shift
+          };
+        }
+        globalHandlers.push(createShortcutKeyDownHandler(keyDownHandlerOptions, event => {
+          event.preventDefault();
+          keyDownHandler(rowActive === null || rowActive === void 0 ? void 0 : rowActive.original);
+        }));
+      });
+    }
+    globalHandlers.forEach(handler => {
+      document.addEventListener('keydown', handler);
+    });
+    return () => {
+      globalHandlers.forEach(handler => {
+        document.removeEventListener('keydown', handler);
+      });
+    };
+  }, [shortcuts, meta.rowActive.rowActiveIndex, rows.length]);
+}
+
+export { useTableShortcutsListener };
+//# sourceMappingURL=useTableShortcutsListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableShortcutsListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableShortcutsListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableShortcutsListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { KeyDownHandlerOptions, createShortcutKeyDownHandler } from '../../../../utils/keyboard';\nimport { TableShortcutHandlerObject, TableShortcuts } from '../../types';\n\nexport function useTableShortcutsListener<TType = unknown>(\n    table: ReactTable<TType>,\n    shortcuts: TableShortcuts<TType> | undefined\n) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(() => {\n        const shortcutKeys = Object.keys(shortcuts ?? {});\n        const globalHandlers: Array<(event: KeyboardEvent) => void> = [];\n\n        // convert the shortcut into the correct format to register it\n        if (shortcuts && shortcutKeys.length && meta.rowActive.rowActiveIndex !== undefined) {\n            const rowActive = rows[meta.rowActive.rowActiveIndex];\n\n            shortcutKeys.forEach(key => {\n                const handler = shortcuts[key];\n\n                let keyDownHandler;\n                let keyDownHandlerOptions: KeyDownHandlerOptions;\n\n                if (typeof handler === 'function') {\n                    keyDownHandler = handler;\n                    keyDownHandlerOptions = {\n                        key,\n                    };\n                } else {\n                    const handlerObject = handler as TableShortcutHandlerObject<TType>;\n                    keyDownHandler = handlerObject.handler;\n                    keyDownHandlerOptions = {\n                        key,\n                        meta: handlerObject.meta,\n                        shift: handlerObject.shift,\n                    };\n                }\n\n                globalHandlers.push(\n                    createShortcutKeyDownHandler(keyDownHandlerOptions, event => {\n                        event.preventDefault();\n                        keyDownHandler(rowActive?.original);\n                    })\n                );\n            });\n        }\n\n        globalHandlers.forEach(handler => {\n            document.addEventListener('keydown', handler);\n        });\n\n        return () => {\n            globalHandlers.forEach(handler => {\n                document.removeEventListener('keydown', handler);\n            });\n        };\n    }, [shortcuts, meta.rowActive.rowActiveIndex, rows.length]);\n}\n"],"names":["useTableShortcutsListener","table","shortcuts","meta","options","rows","getRowModel","React","useEffect","shortcutKeys","Object","keys","globalHandlers","length","rowActive","rowActiveIndex","undefined","forEach","key","handler","keyDownHandler","keyDownHandlerOptions","handlerObject","shift","push","createShortcutKeyDownHandler","event","preventDefault","original","document","addEventListener","removeEventListener"],"mappings":";;;SAKgBA,yBAAyBA,CACrCC,KAAwB,EACxBC,SAA4C;EAE5C,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAA6B;EACxD,MAAME,IAAI,GAAGJ,KAAK,CAACK,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,YAAY,GAAGC,MAAM,CAACC,IAAI,CAACT,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,CAAC;IACjD,MAAMU,cAAc,GAA0C,EAAE;;IAGhE,IAAIV,SAAS,IAAIO,YAAY,CAACI,MAAM,IAAIV,IAAI,CAACW,SAAS,CAACC,cAAc,KAAKC,SAAS,EAAE;MACjF,MAAMF,SAAS,GAAGT,IAAI,CAACF,IAAI,CAACW,SAAS,CAACC,cAAc,CAAC;MAErDN,YAAY,CAACQ,OAAO,CAACC,GAAG;QACpB,MAAMC,OAAO,GAAGjB,SAAS,CAACgB,GAAG,CAAC;QAE9B,IAAIE,cAAc;QAClB,IAAIC,qBAA4C;QAEhD,IAAI,OAAOF,OAAO,KAAK,UAAU,EAAE;UAC/BC,cAAc,GAAGD,OAAO;UACxBE,qBAAqB,GAAG;YACpBH;WACH;SACJ,MAAM;UACH,MAAMI,aAAa,GAAGH,OAA4C;UAClEC,cAAc,GAAGE,aAAa,CAACH,OAAO;UACtCE,qBAAqB,GAAG;YACpBH,GAAG;YACHf,IAAI,EAAEmB,aAAa,CAACnB,IAAI;YACxBoB,KAAK,EAAED,aAAa,CAACC;WACxB;;QAGLX,cAAc,CAACY,IAAI,CACfC,4BAA4B,CAACJ,qBAAqB,EAAEK,KAAK;UACrDA,KAAK,CAACC,cAAc,EAAE;UACtBP,cAAc,CAACN,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEc,QAAQ,CAAC;SACtC,CAAC,CACL;OACJ,CAAC;;IAGNhB,cAAc,CAACK,OAAO,CAACE,OAAO;MAC1BU,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEX,OAAO,CAAC;KAChD,CAAC;IAEF,OAAO;MACHP,cAAc,CAACK,OAAO,CAACE,OAAO;QAC1BU,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEZ,OAAO,CAAC;OACnD,CAAC;KACL;GACJ,EAAE,CAACjB,SAAS,EAAEC,IAAI,CAACW,SAAS,CAACC,cAAc,EAAEV,IAAI,CAACQ,MAAM,CAAC,CAAC;AAC/D;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableSortingListener.js

@@ -0,0 +1,19 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+// we use a listener, and not the internal "controlled" change handlers because we don't actually want consumers
+// to control the state outside the table. this listener is really here to let the consumer make a server request
+// and provide the server with the sorting state, so that it can sort server side
+function useTableSortingListener(table, onSort) {
+  const sorting = table.getState().sorting;
+  useLazyEffect(() => {
+    if (table.options.enableSorting && typeof onSort === 'function') {
+      onSort(sorting);
+      if (table.options.enableRowSelection) {
+        table.resetRowSelection();
+      }
+    }
+  }, [table.options.enableSorting, sorting]);
+}
+
+export { useTableSortingListener };
+//# sourceMappingURL=useTableSortingListener.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/listeners/useTableSortingListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSortingListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableSortingListener.ts"],"sourcesContent":["import { Table as ReactTable } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { TableSortHandler } from '../../types';\n\n// we use a listener, and not the internal \"controlled\" change handlers because we don't actually want consumers\n// to control the state outside the table. this listener is really here to let the consumer make a server request\n// and provide the server with the sorting state, so that it can sort server side\nexport function useTableSortingListener<TType = unknown>(table: ReactTable<TType>, onSort?: TableSortHandler) {\n    const sorting = table.getState().sorting;\n\n    useLazyEffect(() => {\n        if (table.options.enableSorting && typeof onSort === 'function') {\n            onSort(sorting);\n\n            if (table.options.enableRowSelection) {\n                table.resetRowSelection();\n            }\n        }\n    }, [table.options.enableSorting, sorting]);\n}\n"],"names":["useTableSortingListener","table","onSort","sorting","getState","useLazyEffect","options","enableSorting","enableRowSelection","resetRowSelection"],"mappings":";;AAIA;AACA;AACA;SACgBA,uBAAuBA,CAAkBC,KAAwB,EAAEC,MAAyB;EACxG,MAAMC,OAAO,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,OAAO;EAExCE,aAAa,CAAC;IACV,IAAIJ,KAAK,CAACK,OAAO,CAACC,aAAa,IAAI,OAAOL,MAAM,KAAK,UAAU,EAAE;MAC7DA,MAAM,CAACC,OAAO,CAAC;MAEf,IAAIF,KAAK,CAACK,OAAO,CAACE,kBAAkB,EAAE;QAClCP,KAAK,CAACQ,iBAAiB,EAAE;;;GAGpC,EAAE,CAACR,KAAK,CAACK,OAAO,CAACC,aAAa,EAAEJ,OAAO,CAAC,CAAC;AAC9C;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/useTableManager.js

@@ -0,0 +1,126 @@
+import { useReactTable, getCoreRowModel } from '@tanstack/react-table';
+import { mapTableChildrenToColumns, useReactTableInitialState, configureReactTableOptions } from './util/setup.js';
+import { getTableFeaturePreset } from './util/presets.js';
+import { useTableColumnFreezing } from './features/useTableColumnFreezing.js';
+import { useTableColumnOrdering } from './features/useTableColumnOrdering.js';
+import { useTableFooter } from './features/useTableFooter.js';
+import { useTableFontSize } from './features/useTableFontSize.js';
+import { useTablePrinting } from './features/useTablePrinting.js';
+import { useTableRowActions } from './features/useTableRowActions.js';
+import { useTableRowActive } from './features/useTableRowActive.js';
+import { useTableRowClick } from './features/useTableRowClick.js';
+import { useTableRowExpansion } from './features/useTableRowExpansion.js';
+import { useTableRowGoto } from './features/useTableRowGoto.js';
+import { useTableRowGroups } from './features/useTableRowGroups.js';
+import { useTableRowHeight } from './features/useTableRowHeight.js';
+import { useTableRowSelection } from './features/useTableRowSelection.js';
+import { useTableSearch } from './features/useTableSearch.js';
+import { useTableServerLoading } from './features/useTableServerLoading.js';
+import { useTableSettings } from './features/useTableSettings.js';
+import { useTableDataListener } from './listeners/useTableDataListener.js';
+import { useTableFilterListener } from './listeners/useTableFilterListener.js';
+import { useTableFontSizeListener } from './listeners/useTableFontSizeListener.js';
+import { useTableRowHeightListener } from './listeners/useTableRowHeightListener.js';
+import { useTableRowSelectionListener } from './listeners/useTableRowSelectionListener.js';
+import { useTableSearchListener } from './listeners/useTableSearchListener.js';
+import { useTableSettingsListener } from './listeners/useTableSettingsListener.js';
+import { useTableShortcutsListener } from './listeners/useTableShortcutsListener.js';
+import { useTableSortingListener } from './listeners/useTableSortingListener.js';
+import { useTableServerLoadingListener } from './listeners/useTableServerLoadingListener.js';
+import { useTableRowDrag } from './features/useTableRowDrag.js';
+import { useTableRowDrop } from './features/useTableRowDrop.js';
+
+function useTableManager(props, meta, internalColumns) {
+  var _props$data, _props$length, _instance$options$met;
+  // CSS.escape would be best here, but it doesn't seem to work very well
+  const safeId = props.id.replace('.', '_');
+  // configure table options, merging props with presets
+  const options = getTableFeaturePreset(props);
+  // load any persisted table settings and merge them with any defaults
+  const [settings, setSettings] = useTableSettings(options.enableSaveSettings, safeId, props.defaultSettings, props.onChangeSettings);
+  // configure common custom features
+  const columnFreezing = useTableColumnFreezing(options.enableColumnFreezing);
+  const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);
+  const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);
+  const footer = useTableFooter(options.enableFooter);
+  const printing = useTablePrinting(options.enablePrinting, safeId);
+  const rowActive = useTableRowActive(options.enableRowActive, props.defaultRowActiveIndex);
+  const rowActions = useTableRowActions(options.enableRowActions, props.rowActions, props.rowActionsLength);
+  const rowClick = useTableRowClick(options.enableRowClick, props.onRowClick);
+  const rowDrag = useTableRowDrag(options.enableRowDrag, props.onRowDrag);
+  const rowDrop = useTableRowDrop(options.enableRowDrop, props.onRowDrop);
+  const rowExpansion = useTableRowExpansion(options.enableRowExpansion, props.rowExpansionRenderer);
+  const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);
+  const rowGroups = useTableRowGroups(props.rowActionsForGroup);
+  const rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);
+  const rowSelection = useTableRowSelection(options.enableRowSelection);
+  const search = useTableSearch(options.enableSearch, settings.excludeUnmatchedRecordsInSearch);
+  const server = useTableServerLoading(props.loadPage, props.loadAll, props.pageSize);
+  // TODO: memoise
+  // convert jsx column components into valid table columns
+  const {
+    columns,
+    ...defaultState
+  } = mapTableChildrenToColumns(props, settings, options, internalColumns);
+  // configure initial table state
+  const initialState = useReactTableInitialState(props, columns, settings, defaultState);
+  // ensure data is always valid
+  const data = (_props$data = props.data) !== null && _props$data !== void 0 ? _props$data : [];
+  const length = (_props$length = props.length) !== null && _props$length !== void 0 ? _props$length : data.length;
+  // create a react-table instance
+  const instance = useReactTable({
+    data,
+    columns,
+    // configure initial table state
+    initialState,
+    getCoreRowModel: getCoreRowModel(),
+    // configure react-table built-in features
+    ...configureReactTableOptions(options, props),
+    // settings that can be toggled by the user, and therefore require our own state
+    enableGlobalFilter: search.enableGlobalFilter,
+    // custom context
+    meta: {
+      // spread features from specific implementations
+      ...meta,
+      columnFreezing,
+      columnOrdering,
+      fontSize,
+      footer,
+      length,
+      printing,
+      rowActions: rowActions,
+      rowActive,
+      rowClick: rowClick,
+      rowDrag,
+      rowDrop: rowDrop,
+      rowExpansion: rowExpansion,
+      rowIdentityColumnId: props.rowIdentityColumnId,
+      rowGoto,
+      rowGroups: rowGroups,
+      rowHeight,
+      rowSelection,
+      search,
+      server
+    }
+  });
+  // state listeners - we have these so that we don't have to control state outside the table
+  useTableDataListener(instance);
+  useTableFilterListener(instance, props.onChangeFilter);
+  useTableFontSizeListener(instance);
+  useTableRowHeightListener(instance);
+  useTableRowSelectionListener(instance, props.onRowSelect);
+  useTableSearchListener(instance, props.onChangeSearch);
+  useTableServerLoadingListener(instance, server.loadPage);
+  useTableSettingsListener(instance, setSettings);
+  useTableShortcutsListener(instance, props.shortcuts);
+  useTableSortingListener(instance, props.onChangeSort);
+  return {
+    id: safeId,
+    instance,
+    meta: (_instance$options$met = instance.options.meta) !== null && _instance$options$met !== void 0 ? _instance$options$met : {},
+    state: instance.getState()
+  };
+}
+
+export { useTableManager };
+//# sourceMappingURL=useTableManager.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/useTableManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableManager.js","sources":["../../../../../../../../src/primitives/Table/useTableManager/useTableManager.ts"],"sourcesContent":["import { useReactTable, TableMeta as ReactTableMeta, RowData, getCoreRowModel } from '@tanstack/react-table';\nimport {\n    TableColumnAlignment,\n    TableColumnClassNameHandler,\n    TableColumnDataType,\n    TableColumnMenu,\n    TableColumnRenderer,\n    TableColumnRendererControl,\n    TableFilterComparator,\n    TableProps,\n} from '../types';\nimport { useReactTableInitialState, configureReactTableOptions, mapTableChildrenToColumns } from './util/setup';\nimport { getTableFeaturePreset } from './util/presets';\nimport { useTableColumnFreezing } from './features/useTableColumnFreezing';\nimport { useTableColumnOrdering } from './features/useTableColumnOrdering';\nimport { useTableFooter } from './features/useTableFooter';\nimport { useTableFontSize } from './features/useTableFontSize';\nimport { useTablePrinting } from './features/useTablePrinting';\nimport { useTableRowActions } from './features/useTableRowActions';\nimport { useTableRowActive } from './features/useTableRowActive';\nimport { useTableRowClick } from './features/useTableRowClick';\nimport { useTableRowExpansion } from './features/useTableRowExpansion';\nimport { useTableRowGoto } from './features/useTableRowGoto';\nimport { useTableRowGroups } from './features/useTableRowGroups';\nimport { useTableRowHeight } from './features/useTableRowHeight';\nimport { useTableRowSelection } from './features/useTableRowSelection';\nimport { useTableSearch } from './features/useTableSearch';\nimport { useTableServerLoading } from './features/useTableServerLoading';\nimport { useTableSettings } from './features/useTableSettings';\nimport { useTableDataListener } from './listeners/useTableDataListener';\nimport { useTableFilterListener } from './listeners/useTableFilterListener';\nimport { useTableFontSizeListener } from './listeners/useTableFontSizeListener';\nimport { useTableRowHeightListener } from './listeners/useTableRowHeightListener';\nimport { useTableRowSelectionListener } from './listeners/useTableRowSelectionListener';\nimport { useTableSearchListener } from './listeners/useTableSearchListener';\nimport { useTableSettingsListener } from './listeners/useTableSettingsListener';\nimport { useTableShortcutsListener } from './listeners/useTableShortcutsListener';\nimport { useTableSortingListener } from './listeners/useTableSortingListener';\nimport { useTableServerLoadingListener } from './listeners/useTableServerLoadingListener';\nimport { useTableManagerInternalColumns } from './types';\nimport { useTableRowDrag } from './features/useTableRowDrag';\nimport { useTableRowDrop } from './features/useTableRowDrop';\n\n/*\n    EDITING THIS FILE? READ ME FIRST!\n\n    This is a shared, common hook for multiple tables. It's feature set is specifically chosen to support features\n    common across those tables. If you are adding a new feature or changing an existing one, before writing any code\n    in this file ask yourself the question - is this specific to a given table, or is it common to all of them.\n    If you are unsure, ask your team first.\n*/\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        columnFreezing: ReturnType<typeof useTableColumnFreezing>;\n        columnOrdering: ReturnType<typeof useTableColumnOrdering>;\n        fontSize: ReturnType<typeof useTableFontSize>;\n        footer: ReturnType<typeof useTableFooter>;\n        length: number;\n        printing: ReturnType<typeof useTablePrinting>;\n        rowActions: ReturnType<typeof useTableRowActions>;\n        rowActive: ReturnType<typeof useTableRowActive>;\n        rowClick: ReturnType<typeof useTableRowClick>;\n        rowDrag: ReturnType<typeof useTableRowDrag>;\n        rowDrop: ReturnType<typeof useTableRowDrop>;\n        rowExpansion: ReturnType<typeof useTableRowExpansion>;\n        rowGoto: ReturnType<typeof useTableRowGoto>;\n        rowGroups: ReturnType<typeof useTableRowGroups>;\n        rowHeight: ReturnType<typeof useTableRowHeight>;\n        rowIdentityColumnId?: string;\n        rowSelection: ReturnType<typeof useTableRowSelection>;\n        search: ReturnType<typeof useTableSearch>;\n        server: ReturnType<typeof useTableServerLoading>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TData>;\n        control?: TableColumnRendererControl<TData>;\n        dataType?: TableColumnDataType;\n        defaultWidth?: number;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableSearch?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        header: string;\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        renderer?: TableColumnRenderer<TValue, TData>;\n        tooltip?: string;\n    }\n}\n\nexport function useTableManager<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta,\n    internalColumns?: useTableManagerInternalColumns<TType>\n) {\n    // CSS.escape would be best here, but it doesn't seem to work very well\n    const safeId = props.id.replace('.', '_');\n    // configure table options, merging props with presets\n    const options = getTableFeaturePreset(props);\n\n    // load any persisted table settings and merge them with any defaults\n    const [settings, setSettings] = useTableSettings(\n        options.enableSaveSettings,\n        safeId,\n        props.defaultSettings,\n        props.onChangeSettings\n    );\n\n    // configure common custom features\n    const columnFreezing = useTableColumnFreezing(options.enableColumnFreezing);\n    const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);\n    const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);\n    const footer = useTableFooter(options.enableFooter);\n    const printing = useTablePrinting(options.enablePrinting, safeId);\n    const rowActive = useTableRowActive(options.enableRowActive, props.defaultRowActiveIndex);\n    const rowActions = useTableRowActions<TType>(options.enableRowActions, props.rowActions, props.rowActionsLength);\n    const rowClick = useTableRowClick<TType>(options.enableRowClick, props.onRowClick);\n    const rowDrag = useTableRowDrag<TType>(options.enableRowDrag, props.onRowDrag);\n    const rowDrop = useTableRowDrop<TType>(options.enableRowDrop, props.onRowDrop);\n    const rowExpansion = useTableRowExpansion<TType>(options.enableRowExpansion, props.rowExpansionRenderer);\n    const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);\n    const rowGroups = useTableRowGroups(props.rowActionsForGroup);\n    const rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);\n    const rowSelection = useTableRowSelection(options.enableRowSelection);\n    const search = useTableSearch(options.enableSearch, settings.excludeUnmatchedRecordsInSearch);\n    const server = useTableServerLoading(props.loadPage, props.loadAll, props.pageSize);\n\n    // TODO: memoise\n    // convert jsx column components into valid table columns\n    const { columns, ...defaultState } = mapTableChildrenToColumns<TType>(props, settings, options, internalColumns);\n\n    // configure initial table state\n    const initialState = useReactTableInitialState<TType>(props, columns, settings, defaultState);\n\n    // ensure data is always valid\n    const data = props.data ?? [];\n    const length = props.length ?? data.length;\n\n    // create a react-table instance\n    const instance = useReactTable<TType>({\n        data,\n        columns,\n        // configure initial table state\n        initialState,\n        getCoreRowModel: getCoreRowModel<TType>(),\n        // configure react-table built-in features\n        ...configureReactTableOptions<TType>(options, props),\n        // settings that can be toggled by the user, and therefore require our own state\n        enableGlobalFilter: search.enableGlobalFilter,\n        // custom context\n        meta: {\n            // spread features from specific implementations\n            ...meta,\n            columnFreezing,\n            columnOrdering,\n            fontSize,\n            footer,\n            length,\n            printing,\n            rowActions: rowActions as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowActive,\n            rowClick: rowClick as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowDrag,\n            rowDrop: rowDrop as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowExpansion: rowExpansion as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowIdentityColumnId: props.rowIdentityColumnId,\n            rowGoto,\n            rowGroups: rowGroups as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowHeight,\n            rowSelection,\n            search,\n            server,\n        } as ReactTableMeta<TType> & TMeta,\n    });\n\n    // state listeners - we have these so that we don't have to control state outside the table\n    useTableDataListener(instance);\n    useTableFilterListener(instance, props.onChangeFilter);\n    useTableFontSizeListener(instance);\n    useTableRowHeightListener(instance);\n    useTableRowSelectionListener(instance, props.onRowSelect);\n    useTableSearchListener(instance, props.onChangeSearch);\n    useTableServerLoadingListener(instance, server.loadPage);\n    useTableSettingsListener(instance, setSettings);\n    useTableShortcutsListener(instance, props.shortcuts);\n    useTableSortingListener(instance, props.onChangeSort);\n\n    return {\n        id: safeId,\n        instance,\n        meta: (instance.options.meta ?? {}) as ReactTableMeta<TType> & TMeta,\n        state: instance.getState(),\n    };\n}\n"],"names":["useTableManager","props","meta","internalColumns","safeId","id","replace","options","getTableFeaturePreset","settings","setSettings","useTableSettings","enableSaveSettings","defaultSettings","onChangeSettings","columnFreezing","useTableColumnFreezing","enableColumnFreezing","columnOrdering","useTableColumnOrdering","enableColumnOrdering","fontSize","useTableFontSize","enableFontSize","footer","useTableFooter","enableFooter","printing","useTablePrinting","enablePrinting","rowActive","useTableRowActive","enableRowActive","defaultRowActiveIndex","rowActions","useTableRowActions","enableRowActions","rowActionsLength","rowClick","useTableRowClick","enableRowClick","onRowClick","rowDrag","useTableRowDrag","enableRowDrag","onRowDrag","rowDrop","useTableRowDrop","enableRowDrop","onRowDrop","rowExpansion","useTableRowExpansion","enableRowExpansion","rowExpansionRenderer","rowGoto","useTableRowGoto","enableRowGoto","onRowGoto","rowGroups","useTableRowGroups","rowActionsForGroup","rowHeight","useTableRowHeight","enableRowHeight","rowSelection","useTableRowSelection","enableRowSelection","search","useTableSearch","enableSearch","excludeUnmatchedRecordsInSearch","server","useTableServerLoading","loadPage","loadAll","pageSize","columns","defaultState","mapTableChildrenToColumns","initialState","useReactTableInitialState","data","_props$data","length","_props$length","instance","useReactTable","getCoreRowModel","configureReactTableOptions","enableGlobalFilter","rowIdentityColumnId","useTableDataListener","useTableFilterListener","onChangeFilter","useTableFontSizeListener","useTableRowHeightListener","useTableRowSelectionListener","onRowSelect","useTableSearchListener","onChangeSearch","useTableServerLoadingListener","useTableSettingsListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onChangeSort","_instance$options$met","state","getState"],"mappings":"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"}