@economic/taco 2.53.2 → 2.55.0-settings.0

package/dist/utils/dom.d.ts

@@ -2,8 +2,8 @@ export declare const hasFocusableElement: (element: HTMLElement | null) => boole
 export declare const isOverflowing: (element: HTMLElement | null) => boolean;
 export declare const getIndexOfFirstChildOverflowingParent: (element: HTMLElement, overscan?: number) => number | null;
 export declare const getNextFocussableElement: (currentElement: HTMLElement | null) => HTMLElement | null;
-export declare function isElementTriggeredFromContainer(element: Element | null, container: Element | null): any;
-export declare function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null): any;
+export declare function isElementTriggeredFromContainer(element: Element | null, container: Element | null): boolean;
+export declare function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null): boolean;
 export declare function isElementInsideOverlay(element: Element | null): boolean;
 export declare function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null): boolean;
 export declare function isElementInteractive(element: Element | null): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "2.53.2",
+    "version": "2.55.0-settings.0",
     "description": "E-conomic's Design System",
     "author": "Matt Daly <matthew.daly@visma.com>",
     "homepage": "https://github.com/e-conomic/taco#readme",
@@ -42,54 +42,54 @@
     "dependencies": {
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^7.0.1",
-        "@radix-ui/react-accordion": "^1.0.1",
-        "@radix-ui/react-alert-dialog": "^1.0.2",
-        "@radix-ui/react-checkbox": "^1.0.1",
-        "@radix-ui/react-collapsible": "^1.0.3",
-        "@radix-ui/react-dialog": "^1.0.2",
-        "@radix-ui/react-dropdown-menu": "^2.0.1",
-        "@radix-ui/react-hover-card": "^1.0.2",
-        "@radix-ui/react-popover": "^1.0.2",
-        "@radix-ui/react-radio-group": "^1.1.0",
-        "@radix-ui/react-scroll-area": "^1.0.1",
-        "@radix-ui/react-switch": "^1.0.1",
-        "@radix-ui/react-tabs": "^1.0.1",
-        "@radix-ui/react-tooltip": "^1.0.2",
-        "@radix-ui/react-use-controllable-state": "^1.0.0",
-        "@react-aria/focus": "^3.9.0",
+        "@radix-ui/react-accordion": "1.0.1",
+        "@radix-ui/react-alert-dialog": "1.0.2",
+        "@radix-ui/react-collapsible": "1.0.3",
+        "@radix-ui/react-dialog": "1.0.2",
+        "@radix-ui/react-dropdown-menu": "2.0.1",
+        "@radix-ui/react-hover-card": "1.0.2",
+        "@radix-ui/react-popover": "1.0.2",
+        "@radix-ui/react-radio-group": "1.1.0",
+        "@radix-ui/react-scroll-area": "1.0.1",
+        "@radix-ui/react-switch": "1.0.1",
+        "@radix-ui/react-tabs": "1.0.1",
+        "@radix-ui/react-tooltip": "1.0.2",
+        "@radix-ui/react-use-controllable-state": "1.0.0",
+        "@react-aria/focus": "^3.19.0",
         "@react-aria/interactions": "^3.12.0",
         "@tanstack/react-table": "^8.20.5",
-        "@tanstack/react-virtual": "^3.0.1",
+        "@tanstack/react-virtual": "3.0.1",
         "clsx": "^2.1.0",
         "date-fns": "^2.29.3",
         "framer-motion": "^6.5.1",
         "lodash-es": "4.17.21",
+        "react-aria-components": "^1.6.0",
         "react-day-picker": "^8.10.0",
         "react-intersection-observer": "^9.4.0",
         "react-joyride": "^2.5.3",
         "react-table": "^7.8.0",
         "react-window": "^1.8.8",
         "react-window-infinite-loader": "^1.0.8",
-        "recharts": "^2.12.7",
+        "recharts": "^2.13.3",
         "typeface-open-sans": "^1.1.13",
         "uuid": "^9.0.0"
     },
     "peerDependencies": {
-        "react": ">=17",
-        "react-dom": ">=17",
+        "react": "^18.0",
+        "react-dom": "^18.0",
         "tailwindcss": ">=3.3"
     },
     "devDependencies": {
         "@babel/preset-react": "^7.18.6",
         "@babel/preset-typescript": "^7.18.6",
         "@svgr/cli": "^5.5.0",
-        "@testing-library/jest-dom": "^5.16.5",
-        "@testing-library/react": "^11.1.0",
-        "@testing-library/user-event": "^12.1.10",
-        "@types/jest": "^29.5.2",
+        "@testing-library/jest-dom": "^6.4.2",
+        "@testing-library/react": "^15.0.4",
+        "@testing-library/user-event": "13.0.0",
+        "@types/jest": "^29.5.12",
         "@types/lodash": "^4.14.187",
-        "@types/react": "^17.0.35",
-        "@types/react-dom": "^17.0.11",
+        "@types/react": "18.3.18",
+        "@types/react-dom": "18.3.5",
         "@types/react-table": "^7.7.12",
         "@types/react-window": "^1.8.5",
         "@types/react-window-infinite-loader": "^1.0.6",
@@ -103,7 +103,6 @@
         "mutationobserver-shim": "^0.3.7",
         "postcss": "^8.4.18",
         "postcss-nested": "^4.2.3",
-        "react-dom": "^17.0.2",
         "resize-observer-polyfill": "^1.5.1",
         "rimraf": "^3.0.2",
         "rollup-plugin-commonjs": "^10.1.0",
@@ -130,5 +129,5 @@
             "not ie < 11"
         ]
     },
-    "gitHead": "6ea563a48da5ae48ed8424572f0a80f36bd2c77b"
+    "gitHead": "56a6c751ea7399bef690ae2a7c40a9e8aa0446f9"
 }

package/dist/esm/packages/taco/src/hooks/useLocalStorage.js

@@ -1,44 +0,0 @@
-import React__default from 'react';
-
-const useLocalStorage = (key, initialValue) => {
-  const [state, setState] = React__default.useState(() => {
-    if (!key) {
-      return initialValue;
-    }
-    try {
-      const localStorageValue = localStorage.getItem(key);
-      if (typeof localStorageValue !== 'string') {
-        localStorage.setItem(key, JSON.stringify(initialValue));
-        return initialValue;
-      } else {
-        return JSON.parse(localStorageValue || 'null');
-      }
-    } catch {
-      // If user is in private mode or has storage restriction
-      // localStorage can throw. JSON.parse and JSON.stringify
-      // can throw, too.
-      return initialValue;
-    }
-  });
-  React__default.useEffect(() => {
-    if (!key) {
-      return;
-    }
-    try {
-      const serializedState = JSON.stringify(state);
-      localStorage.setItem(key, serializedState);
-    } catch {
-      // If user is in private mode or has storage restriction
-      // localStorage can throw. Also JSON.stringify can throw.
-    }
-  }, [key, state]);
-  const clear = () => {
-    if (key) {
-      localStorage.removeItem(key);
-    }
-  };
-  return [state, setState, clear];
-};
-
-export { useLocalStorage };
-//# sourceMappingURL=useLocalStorage.js.map

package/dist/esm/packages/taco/src/hooks/useLocalStorage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.js","sources":["../../../../../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import React from 'react';\n\nexport const useLocalStorage = <TType>(\n    key?: string,\n    initialValue?: TType\n): [TType, React.Dispatch<React.SetStateAction<TType>>, () => void] => {\n    const [state, setState] = React.useState<TType>(() => {\n        if (!key) {\n            return initialValue;\n        }\n\n        try {\n            const localStorageValue = localStorage.getItem(key);\n\n            if (typeof localStorageValue !== 'string') {\n                localStorage.setItem(key, JSON.stringify(initialValue));\n                return initialValue;\n            } else {\n                return JSON.parse(localStorageValue || 'null');\n            }\n        } catch {\n            // If user is in private mode or has storage restriction\n            // localStorage can throw. JSON.parse and JSON.stringify\n            // can throw, too.\n            return initialValue;\n        }\n    });\n\n    React.useEffect(() => {\n        if (!key) {\n            return;\n        }\n\n        try {\n            const serializedState = JSON.stringify(state);\n            localStorage.setItem(key, serializedState);\n        } catch {\n            // If user is in private mode or has storage restriction\n            // localStorage can throw. Also JSON.stringify can throw.\n        }\n    }, [key, state]);\n\n    const clear = () => {\n        if (key) {\n            localStorage.removeItem(key);\n        }\n    };\n\n    return [state, setState, clear];\n};\n"],"names":["useLocalStorage","key","initialValue","state","setState","React","useState","localStorageValue","localStorage","getItem","setItem","JSON","stringify","parse","useEffect","serializedState","clear","removeItem"],"mappings":";;MAEaA,eAAe,GAAGA,CAC3BC,GAAY,EACZC,YAAoB;EAEpB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAQ;IAC5C,IAAI,CAACL,GAAG,EAAE;MACN,OAAOC,YAAY;;IAGvB,IAAI;MACA,MAAMK,iBAAiB,GAAGC,YAAY,CAACC,OAAO,CAACR,GAAG,CAAC;MAEnD,IAAI,OAAOM,iBAAiB,KAAK,QAAQ,EAAE;QACvCC,YAAY,CAACE,OAAO,CAACT,GAAG,EAAEU,IAAI,CAACC,SAAS,CAACV,YAAY,CAAC,CAAC;QACvD,OAAOA,YAAY;OACtB,MAAM;QACH,OAAOS,IAAI,CAACE,KAAK,CAACN,iBAAiB,IAAI,MAAM,CAAC;;KAErD,CAAC,MAAM;;;;MAIJ,OAAOL,YAAY;;GAE1B,CAAC;EAEFG,cAAK,CAACS,SAAS,CAAC;IACZ,IAAI,CAACb,GAAG,EAAE;MACN;;IAGJ,IAAI;MACA,MAAMc,eAAe,GAAGJ,IAAI,CAACC,SAAS,CAACT,KAAK,CAAC;MAC7CK,YAAY,CAACE,OAAO,CAACT,GAAG,EAAEc,eAAe,CAAC;KAC7C,CAAC,MAAM;;;;GAIX,EAAE,CAACd,GAAG,EAAEE,KAAK,CAAC,CAAC;EAEhB,MAAMa,KAAK,GAAGA;IACV,IAAIf,GAAG,EAAE;MACLO,YAAY,CAACS,UAAU,CAAChB,GAAG,CAAC;;GAEnC;EAED,OAAO,CAACE,KAAK,EAAEC,QAAQ,EAAEY,KAAK,CAAC;AACnC;;;;"}

package/dist/esm/packages/taco/src/hooks/useTacoSettings.js

@@ -1,9 +0,0 @@
-import React__default from 'react';
-import { TacoContext } from '../components/Provider/Provider.js';
-
-function useTacoSettings() {
-  return React__default.useContext(TacoContext);
-}
-
-export { useTacoSettings };
-//# sourceMappingURL=useTacoSettings.js.map

package/dist/esm/packages/taco/src/hooks/useTacoSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTacoSettings.js","sources":["../../../../../../src/hooks/useTacoSettings.ts"],"sourcesContent":["import React from 'react';\nimport { TacoContext } from '../components/Provider/Provider';\n\nexport function useTacoSettings() {\n    return React.useContext(TacoContext);\n}\n"],"names":["useTacoSettings","React","useContext","TacoContext"],"mappings":";;;SAGgBA,eAAeA;EAC3B,OAAOC,cAAK,CAACC,UAAU,CAACC,WAAW,CAAC;AACxC;;;;"}

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

@@ -1,69 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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 as keyof TableEnableSettingsOptions]) {\n            delete sanitizedSettings[setting as keyof TableSettings];\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,OAA2C,CAAC,EAAE;MAC/D,OAAOL,iBAAiB,CAACK,OAA8B,CAAC;;GAE/D,CAAC;EAEF,OAAOL,iBAAiB;AAC5B;;;;"}

package/dist/hooks/useLocalStorage.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const useLocalStorage: <TType>(key?: string | undefined, initialValue?: TType | undefined) => [TType, React.Dispatch<React.SetStateAction<TType>>, () => void];

package/dist/hooks/useTacoSettings.d.ts

@@ -1 +0,0 @@
-export declare function useTacoSettings(): import("../components/Provider/Provider").TacoSettings;

package/dist/primitives/Table/useTableManager/features/useTableSettings.d.ts

@@ -1,3 +0,0 @@
-import { TableEnableSettingsOptions, TableSettings, TableSettingsHandler } from '../../types';
-export declare function useUniqueTableId(tableId: string): string;
-export declare function useTableSettings(isEnabled: boolean | Partial<TableEnableSettingsOptions> | undefined, id: string, defaultSettings: TableSettings | undefined, onChangeSettings: TableSettingsHandler | undefined): [TableSettings, TableSettingsHandler];