@economic/taco 2.21.3 → 2.22.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSettings.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableSettings.ts"],"sourcesContent":["import React from 'react';\nimport { useLocalStorage } from '../../../../hooks/useLocalStorage';\nimport { useTacoSettings } from '../../../../hooks/useTacoSettings';\nimport { TableSettings, TableSettingsHandler } from '../../types';\n\nexport function useUniqueTableId(tableId: string) {\n    const tacoSettings = useTacoSettings();\n\n    return `taco.${tacoSettings.uniqueUserIdentifier}.table.${tableId}.settings`;\n}\n\nexport function useTableSettings(\n    isEnabled = false,\n    id: string,\n    defaultSettings: TableSettings | undefined = {},\n    onChangeSettings: TableSettingsHandler | undefined\n): [TableSettings, TableSettingsHandler] {\n    const uniqueId = useUniqueTableId(id);\n    const [persistedSettings, _setPersistedSettings] = useLocalStorage<TableSettings>(\n        isEnabled ? uniqueId : undefined,\n        defaultSettings\n    );\n\n    const setPersistedSettings = React.useCallback(\n        (value: TableSettings) => {\n            if (!isEnabled) {\n                return;\n            }\n\n            _setPersistedSettings(value);\n\n            if (typeof onChangeSettings === 'function') {\n                onChangeSettings(value);\n            }\n        },\n        [isEnabled, onChangeSettings]\n    );\n\n    if (!isEnabled) {\n        return [defaultSettings, () => undefined];\n    }\n\n    return [persistedSettings, setPersistedSettings];\n}\n"],"names":["useUniqueTableId","tableId","tacoSettings","useTacoSettings","uniqueUserIdentifier","useTableSettings","isEnabled","id","defaultSettings","onChangeSettings","uniqueId","persistedSettings","_setPersistedSettings","useLocalStorage","undefined","setPersistedSettings","React","useCallback","value"],"mappings":";;;;SAKgBA,gBAAgBA,CAACC,OAAe;EAC5C,MAAMC,YAAY,GAAGC,eAAe,EAAE;EAEtC,eAAeD,YAAY,CAACE,8BAA8BH,kBAAkB;AAChF;SAEgBI,gBAAgBA,CAC5BC,SAAS,GAAG,KAAK,EACjBC,EAAU,EACVC,kBAA6C,EAAE,EAC/CC,gBAAkD;EAElD,MAAMC,QAAQ,GAAGV,gBAAgB,CAACO,EAAE,CAAC;EACrC,MAAM,CAACI,iBAAiB,EAAEC,qBAAqB,CAAC,GAAGC,eAAe,CAC9DP,SAAS,GAAGI,QAAQ,GAAGI,SAAS,EAChCN,eAAe,CAClB;EAED,MAAMO,oBAAoB,GAAGC,cAAK,CAACC,WAAW,CACzCC,KAAoB;IACjB,IAAI,CAACZ,SAAS,EAAE;MACZ;;IAGJM,qBAAqB,CAACM,KAAK,CAAC;IAE5B,IAAI,OAAOT,gBAAgB,KAAK,UAAU,EAAE;MACxCA,gBAAgB,CAACS,KAAK,CAAC;;GAE9B,EACD,CAACZ,SAAS,EAAEG,gBAAgB,CAAC,CAChC;EAED,IAAI,CAACH,SAAS,EAAE;IACZ,OAAO,CAACE,eAAe,EAAE,MAAMM,SAAS,CAAC;;EAG7C,OAAO,CAACH,iBAAiB,EAAEI,oBAAoB,CAAC;AACpD;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/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/useTable/listeners/useTableRowHeightListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRowHeightListener.js","sources":["../../../../../../../../../src/primitives/Table/useTable/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/useTable/listeners/useTableSearchListener.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { resetHighlightedColumnIndexes } from '../util/search.js';
+
+function useTableSearchListener(table) {
+  const meta = table.options.meta;
+  // recalculates highlighted indexes whenever something important changes
+  React__default.useEffect(() => {
+    if (meta.search.isEnabled) {
+      resetHighlightedColumnIndexes(table.getState().globalFilter, table);
+    }
+  }, [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)]);
+}
+
+export { useTableSearchListener };
+//# sourceMappingURL=useTableSearchListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSearchListener.js","sources":["../../../../../../../../../src/primitives/Table/useTable/listeners/useTableSearchListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { resetHighlightedColumnIndexes } from '../util/search';\n\nexport function useTableSearchListener<TType = unknown>(table: ReactTable<TType>) {\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            resetHighlightedColumnIndexes(table.getState().globalFilter, table);\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    ]);\n}\n"],"names":["useTableSearchListener","table","meta","options","React","useEffect","search","isEnabled","resetHighlightedColumnIndexes","getState","globalFilter","server","loadAllStatus","enableGlobalFilter","getRowModel","rows","length","JSON","stringify","sorting","columnVisibility"],"mappings":";;;SAIgBA,sBAAsBA,CAAkBC,KAAwB;EAC5E,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAA6B;;EAGxDE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,MAAM,CAACC,SAAS,EAAE;MACvBC,6BAA6B,CAACP,KAAK,CAACQ,QAAQ,EAAE,CAACC,YAAY,EAAET,KAAK,CAAC;;GAE1E,EAAE,CACCC,IAAI,CAACS,MAAM,CAACC,aAAa,EACzBV,IAAI,CAACI,MAAM,CAACC,SAAS,EACrBL,IAAI,CAACI,MAAM,CAACO,kBAAkB,EAC9BZ,KAAK,CAACa,WAAW,EAAE,CAACC,IAAI,CAACC,MAAM,EAC/Bf,KAAK,CAACQ,QAAQ,EAAE,CAACC,YAAY,EAC7BO,IAAI,CAACC,SAAS,CAACjB,KAAK,CAACQ,QAAQ,EAAE,CAACU,OAAO,CAAC,EACxCF,IAAI,CAACC,SAAS,CAACjB,KAAK,CAACQ,QAAQ,EAAE,CAACW,gBAAgB,CAAC,CACpD,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/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,
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  meta.search.excludeUnmatchedResults, meta.fontSize.size, state.grouping, meta.rowHeight.height, meta.printing.isWarningVisibleForLargeDatasets,
+  //state.globalFilter,
+  state.sorting]);
+}
+
+export { useTableSettingsListener };
+//# sourceMappingURL=useTableSettingsListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSettingsListener.js","sources":["../../../../../../../../../src/primitives/Table/useTable/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        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        meta.search.excludeUnmatchedResults,\n        meta.fontSize.size,\n        state.grouping,\n        meta.rowHeight.height,\n        meta.printing.isWarningVisibleForLargeDatasets,\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","search","excludeUnmatchedResults","fontSize","size","grouping","rowHeight","height","printing","isWarningVisibleForLargeDatasets","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;;EAEtBb,IAAI,CAACc,MAAM,CAACC,uBAAuB,EACnCf,IAAI,CAACgB,QAAQ,CAACC,IAAI,EAClBf,KAAK,CAACgB,QAAQ,EACdlB,IAAI,CAACmB,SAAS,CAACC,MAAM,EACrBpB,IAAI,CAACqB,QAAQ,CAACC,gCAAgC;;EAE9CpB,KAAK,CAACqB,OAAO,CAChB,CAAC;AACN;;;;"}

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

@@ -0,0 +1,117 @@
+import { useReactTable } from '@tanstack/react-table';
+import { mapTableChildrenToColumns, useReactTableInitialState, configureReactTableOptions } from './util/setup.js';
+import { useTableFeaturePreset } 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 { useTableRef } from './features/useTableRef.js';
+
+function useTable(props, ref, meta, internalColumns) {
+  var _props$length, _instance$options$met;
+  // configure table options, merging props with presets
+  const options = useTableFeaturePreset(props);
+  // load any persisted table settings and merge them with any defaults
+  const [settings, setSettings] = useTableSettings(options.enableSettings, props.id, 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, settings.showWarningWhenPrintingLargeDataset);
+  const rowActive = useTableRowActive(options.enableRowActive, props.defaultRowActiveIndex);
+  const rowActions = useTableRowActions(options.enableRowActions, props.rowActions, props.rowActionsLength);
+  const rowClick = useTableRowClick(options.enableRowClick, props.onRowClick);
+  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);
+  // create a react-table instance
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  const instance = useReactTable({
+    data: props.data,
+    columns,
+    // configure initial table state
+    initialState,
+    // 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,
+      //getSettings
+      printing,
+      rowActions,
+      rowActive,
+      rowClick: rowClick,
+      rowExpansion,
+      rowGoto,
+      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);
+  useTableServerLoadingListener(instance, server.loadPage);
+  useTableSettingsListener(instance, setSettings);
+  useTableShortcutsListener(instance, props.shortcuts);
+  useTableSortingListener(instance, props.onChangeSort);
+  // configure ref with reset functions
+  useTableRef(instance, ref);
+  return {
+    instance,
+    length: (_props$length = props.length) !== null && _props$length !== void 0 ? _props$length : props.data.length,
+    meta: (_instance$options$met = instance.options.meta) !== null && _instance$options$met !== void 0 ? _instance$options$met : {},
+    state: instance.getState()
+  };
+}
+
+export { useTable };
+//# sourceMappingURL=useTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/primitives/Table/useTable/useTable.ts"],"sourcesContent":["import { useReactTable, TableMeta as ReactTableMeta, RowData } from '@tanstack/react-table';\nimport {\n    TableColumnAlignment,\n    TableColumnClassNameHandler,\n    TableColumnDataType,\n    TableColumnMenu,\n    TableColumnRendererControl,\n    TableFilterComparator,\n    TableRef,\n    useTableInternalColumns,\n    useTableProps,\n} from '../types';\nimport { useReactTableInitialState, configureReactTableOptions, mapTableChildrenToColumns } from './util/setup';\nimport { useTableFeaturePreset } 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 { useTableRef } from './features/useTableRef';\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        printing: ReturnType<typeof useTablePrinting>;\n        rowActions: ReturnType<typeof useTableRowActions>;\n        rowActive: ReturnType<typeof useTableRowActive>;\n        rowClick: ReturnType<typeof useTableRowClick>;\n        rowExpansion: ReturnType<typeof useTableRowExpansion>;\n        rowGoto: ReturnType<typeof useTableRowGoto>;\n        rowGroups: ReturnType<typeof useTableRowGroups>;\n        rowHeight: ReturnType<typeof useTableRowHeight>;\n        rowSelection: ReturnType<typeof useTableRowSelection>;\n        search: ReturnType<typeof useTableSearch>;\n        server: ReturnType<typeof useTableServerLoading>;\n        //shortcutsState: ReturnType<typeof usePauseShortcuts>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TData>;\n        control?: TableColumnRendererControl<TData>;\n        dataType?: TableColumnDataType;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        header: string;\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        tooltip?: string;\n    }\n}\n\nexport function useTable<TType = unknown, TMeta = {}>(\n    props: useTableProps<TType>,\n    ref: React.RefObject<TableRef>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta,\n    internalColumns?: useTableInternalColumns<TType>\n) {\n    // configure table options, merging props with presets\n    const options = useTableFeaturePreset(props);\n\n    // load any persisted table settings and merge them with any defaults\n    const [settings, setSettings] = useTableSettings(\n        options.enableSettings,\n        props.id,\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, settings.showWarningWhenPrintingLargeDataset);\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 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    // create a react-table instance\n    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n    const instance = useReactTable<TType>({\n        data: props.data,\n        columns,\n        // configure initial table state\n        initialState,\n        // configure react-table built-in features\n        ...configureReactTableOptions(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            //getSettings\n            printing,\n            rowActions,\n            rowActive,\n            rowClick: rowClick as any,\n            rowExpansion,\n            rowGoto,\n            rowGroups,\n            rowHeight,\n            rowSelection,\n            search,\n            server,\n        },\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);\n    useTableServerLoadingListener(instance, server.loadPage);\n    useTableSettingsListener(instance, setSettings);\n    useTableShortcutsListener(instance, props.shortcuts);\n    useTableSortingListener(instance, props.onChangeSort);\n\n    // configure ref with reset functions\n    useTableRef(instance, ref);\n\n    return {\n        instance,\n        length: props.length ?? props.data.length,\n        meta: (instance.options.meta ?? {}) as ReactTableMeta<TType> & TMeta,\n        state: instance.getState(),\n    };\n}\n"],"names":["useTable","props","ref","meta","internalColumns","options","useTableFeaturePreset","settings","setSettings","useTableSettings","enableSettings","id","defaultSettings","onChangeSettings","columnFreezing","useTableColumnFreezing","enableColumnFreezing","columnOrdering","useTableColumnOrdering","enableColumnOrdering","fontSize","useTableFontSize","enableFontSize","footer","useTableFooter","enableFooter","printing","useTablePrinting","enablePrinting","showWarningWhenPrintingLargeDataset","rowActive","useTableRowActive","enableRowActive","defaultRowActiveIndex","rowActions","useTableRowActions","enableRowActions","rowActionsLength","rowClick","useTableRowClick","enableRowClick","onRowClick","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","instance","useReactTable","data","configureReactTableOptions","enableGlobalFilter","useTableDataListener","useTableFilterListener","onChangeFilter","useTableFontSizeListener","useTableRowHeightListener","useTableRowSelectionListener","onRowSelect","useTableSearchListener","useTableServerLoadingListener","useTableSettingsListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onChangeSort","useTableRef","length","_props$length","_instance$options$met","state","getState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuFgBA,QAAQA,CACpBC,KAA2B,EAC3BC,GAA8B,EAC9BC,IAA6C,EAC7CC,eAAgD;;;EAGhD,MAAMC,OAAO,GAAGC,qBAAqB,CAACL,KAAK,CAAC;;EAG5C,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAGC,gBAAgB,CAC5CJ,OAAO,CAACK,cAAc,EACtBT,KAAK,CAACU,EAAE,EACRV,KAAK,CAACW,eAAe,EACrBX,KAAK,CAACY,gBAAgB,CACzB;;EAGD,MAAMC,cAAc,GAAGC,sBAAsB,CAACV,OAAO,CAACW,oBAAoB,CAAC;EAC3E,MAAMC,cAAc,GAAGC,sBAAsB,CAACb,OAAO,CAACc,oBAAoB,CAAC;EAC3E,MAAMC,QAAQ,GAAGC,gBAAgB,CAAChB,OAAO,CAACiB,cAAc,EAAEf,QAAQ,CAACa,QAAQ,CAAC;EAC5E,MAAMG,MAAM,GAAGC,cAAc,CAACnB,OAAO,CAACoB,YAAY,CAAC;EACnD,MAAMC,QAAQ,GAAGC,gBAAgB,CAACtB,OAAO,CAACuB,cAAc,EAAErB,QAAQ,CAACsB,mCAAmC,CAAC;EACvG,MAAMC,SAAS,GAAGC,iBAAiB,CAAC1B,OAAO,CAAC2B,eAAe,EAAE/B,KAAK,CAACgC,qBAAqB,CAAC;EACzF,MAAMC,UAAU,GAAGC,kBAAkB,CAAQ9B,OAAO,CAAC+B,gBAAgB,EAAEnC,KAAK,CAACiC,UAAU,EAAEjC,KAAK,CAACoC,gBAAgB,CAAC;EAChH,MAAMC,QAAQ,GAAGC,gBAAgB,CAAQlC,OAAO,CAACmC,cAAc,EAAEvC,KAAK,CAACwC,UAAU,CAAC;EAClF,MAAMC,YAAY,GAAGC,oBAAoB,CAAQtC,OAAO,CAACuC,kBAAkB,EAAE3C,KAAK,CAAC4C,oBAAoB,CAAC;EACxG,MAAMC,OAAO,GAAGC,eAAe,CAAC1C,OAAO,CAAC2C,aAAa,EAAE/C,KAAK,CAACgD,SAAS,CAAC;EACvE,MAAMC,SAAS,GAAGC,iBAAiB,CAAClD,KAAK,CAACmD,kBAAkB,CAAC;EAC7D,MAAMC,SAAS,GAAGC,iBAAiB,CAACjD,OAAO,CAACkD,eAAe,EAAEhD,QAAQ,CAAC8C,SAAS,CAAC;EAChF,MAAMG,YAAY,GAAGC,oBAAoB,CAACpD,OAAO,CAACqD,kBAAkB,CAAC;EACrE,MAAMC,MAAM,GAAGC,cAAc,CAACvD,OAAO,CAACwD,YAAY,EAAEtD,QAAQ,CAACuD,+BAA+B,CAAC;EAC7F,MAAMC,MAAM,GAAGC,qBAAqB,CAAC/D,KAAK,CAACgE,QAAQ,EAAEhE,KAAK,CAACiE,OAAO,EAAEjE,KAAK,CAACkE,QAAQ,CAAC;;;EAInF,MAAM;IAAEC,OAAO;IAAE,GAAGC;GAAc,GAAGC,yBAAyB,CAAQrE,KAAK,EAAEM,QAAQ,EAAEF,OAAO,EAAED,eAAe,CAAC;;EAGhH,MAAMmE,YAAY,GAAGC,yBAAyB,CAAQvE,KAAK,EAAEmE,OAAO,EAAE7D,QAAQ,EAAE8D,YAAY,CAAC;;;EAI7F,MAAMI,QAAQ,GAAGC,aAAa,CAAQ;IAClCC,IAAI,EAAE1E,KAAK,CAAC0E,IAAI;IAChBP,OAAO;;IAEPG,YAAY;;IAEZ,GAAGK,0BAA0B,CAACvE,OAAO,EAAEJ,KAAK,CAAC;;IAE7C4E,kBAAkB,EAAElB,MAAM,CAACkB,kBAAkB;;IAE7C1E,IAAI,EAAE;;MAEF,GAAGA,IAAI;MACPW,cAAc;MACdG,cAAc;MACdG,QAAQ;MACRG,MAAM;;MAENG,QAAQ;MACRQ,UAAU;MACVJ,SAAS;MACTQ,QAAQ,EAAEA,QAAe;MACzBI,YAAY;MACZI,OAAO;MACPI,SAAS;MACTG,SAAS;MACTG,YAAY;MACZG,MAAM;MACNI;;GAEP,CAAC;;EAGFe,oBAAoB,CAACL,QAAQ,CAAC;EAC9BM,sBAAsB,CAACN,QAAQ,EAAExE,KAAK,CAAC+E,cAAc,CAAC;EACtDC,wBAAwB,CAACR,QAAQ,CAAC;EAClCS,yBAAyB,CAACT,QAAQ,CAAC;EACnCU,4BAA4B,CAACV,QAAQ,EAAExE,KAAK,CAACmF,WAAW,CAAC;EACzDC,sBAAsB,CAACZ,QAAQ,CAAC;EAChCa,6BAA6B,CAACb,QAAQ,EAAEV,MAAM,CAACE,QAAQ,CAAC;EACxDsB,wBAAwB,CAACd,QAAQ,EAAEjE,WAAW,CAAC;EAC/CgF,yBAAyB,CAACf,QAAQ,EAAExE,KAAK,CAACwF,SAAS,CAAC;EACpDC,uBAAuB,CAACjB,QAAQ,EAAExE,KAAK,CAAC0F,YAAY,CAAC;;EAGrDC,WAAW,CAACnB,QAAQ,EAAEvE,GAAG,CAAC;EAE1B,OAAO;IACHuE,QAAQ;IACRoB,MAAM,GAAAC,aAAA,GAAE7F,KAAK,CAAC4F,MAAM,cAAAC,aAAA,cAAAA,aAAA,GAAI7F,KAAK,CAAC0E,IAAI,CAACkB,MAAM;IACzC1F,IAAI,GAAA4F,qBAAA,GAAGtB,QAAQ,CAACpE,OAAO,CAACF,IAAI,cAAA4F,qBAAA,cAAAA,qBAAA,GAAI,EAAoC;IACpEC,KAAK,EAAEvB,QAAQ,CAACwB,QAAQ;GAC3B;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/util/columns.js

@@ -1,5 +1,5 @@
-import 'date-fns';
-import '../../../../utils/date.js';
+import { isDate } from 'date-fns';
+import { format, parseFromISOString } from '../../../../utils/date.js';
 import { FontSizes } from '../../../../types.js';
 
 function isInternalColumn(id) {
@@ -17,6 +17,25 @@ const getCellMinWidth = (fontSize = 'medium') => {
       return 72;
   }
 };
+// highlighting
+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);
+}
 // ordering
 function ensureOrdering(columns, settingsOrder, internalColumnsPinnedToTheRight = ['__actions']) {
   // internal columns come with a defined order
@@ -51,6 +70,14 @@ function ensureOrdering(columns, settingsOrder, internalColumnsPinnedToTheRight
   });
   return order;
 }
+// freezing - we use the react-table pinning state, but that requires some mapping between them
+function unfreezeAllExternalColumns(leftPinnedState) {
+  var _leftPinnedState$filt;
+  return (_leftPinnedState$filt = leftPinnedState === null || leftPinnedState === void 0 ? void 0 : leftPinnedState.filter(id => isInternalColumn(id) && id !== '__actions')) !== null && _leftPinnedState$filt !== void 0 ? _leftPinnedState$filt : [];
+}
+function freezeUptoExternalColumn(index, columns) {
+  return columns.slice(0, index + 1);
+}
 
-export { ensureOrdering, getCellMinWidth, isInternalColumn };
+export { ensureOrdering, freezeUptoExternalColumn, getCellMinWidth, getCellValueAsString, isCellHighlighted, isInternalColumn, unfreezeAllExternalColumns };
 //# sourceMappingURL=columns.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTable/util/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../../../../../../../../src/primitives/Table/useTable/util/columns.ts"],"sourcesContent":["import { ColumnDef as ReactTableColumnDef } from '@tanstack/react-table';\nimport { isDate } from 'date-fns';\nimport { FontSize, FontSizes } from '../../../../types';\nimport { format, parseFromISOString } from '../../../../utils/date';\nimport { TableColumnDataType } from '../../types';\n\nexport function isInternalColumn(id: string | undefined) {\n    return id?.startsWith('__');\n}\n\n// column widths\nexport const getCellMinWidth = (fontSize: FontSize = 'medium') => {\n    switch (fontSize) {\n        case FontSizes.small:\n            return 57;\n\n        case FontSizes.large:\n            return 83;\n\n        default:\n        case FontSizes.medium:\n            return 72;\n    }\n};\n\n// highlighting\nexport function isCellHighlighted(query: string, value: unknown, dataType?: TableColumnDataType) {\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?: TableColumnDataType): 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\n// ordering\nexport function ensureOrdering<TType = unknown>(\n    columns: ReactTableColumnDef<TType>[],\n    settingsOrder: string[] | undefined,\n    internalColumnsPinnedToTheRight: string[] = ['__actions']\n): string[] {\n    // internal columns come with a defined order\n    const internalColumns = columns\n        .filter(column => isInternalColumn(column.id) && !internalColumnsPinnedToTheRight.includes(String(column.id)))\n        .map(column => column.id) as string[];\n\n    // columns with ordering disabled should be moved to the front\n    const orderingDisabled: string[] = [];\n    const orderingEnabled: string[] = [];\n\n    let orderedColumns = columns;\n\n    // if settings is defined, make sure the columns that are actual children are sorted by it\n    if (Array.isArray(settingsOrder)) {\n        orderedColumns = columns.slice().sort(\n            // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end\n            (a, b) => (settingsOrder.indexOf(a.id as string) >>> 0) - (settingsOrder.indexOf(b.id as string) >>> 0)\n        );\n    }\n\n    orderedColumns.forEach(column => {\n        if (isInternalColumn(column.id)) {\n            return;\n        }\n\n        if (column.meta?.enableOrdering) {\n            orderingEnabled.push(column.id as string);\n        } else {\n            orderingDisabled.push(column.id as string);\n        }\n    });\n\n    const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];\n\n    // actions should always be last, enforce that\n    internalColumnsPinnedToTheRight.forEach(id => {\n        if (columns.findIndex(column => column.id === id) > -1) {\n            order.push(id);\n        }\n    });\n\n    return order;\n}\n\n// freezing - we use the react-table pinning state, but that requires some mapping between them\nexport function unfreezeAllExternalColumns(leftPinnedState?: string[]): string[] {\n    return leftPinnedState?.filter(id => isInternalColumn(id) && id !== '__actions') ?? [];\n}\n\nexport function freezeUptoExternalColumn(index: number, columns: string[]): string[] {\n    return columns.slice(0, index + 1);\n}\n"],"names":["isInternalColumn","id","startsWith","getCellMinWidth","fontSize","FontSizes","small","large","medium","ensureOrdering","columns","settingsOrder","internalColumnsPinnedToTheRight","internalColumns","filter","column","includes","String","map","orderingDisabled","orderingEnabled","orderedColumns","Array","isArray","slice","sort","a","b","indexOf","forEach","_column$meta","meta","enableOrdering","push","order","findIndex"],"mappings":";;;;SAMgBA,gBAAgBA,CAACC,EAAsB;EACnD,OAAOA,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEC,UAAU,CAAC,IAAI,CAAC;AAC/B;AAEA;MACaC,eAAe,GAAGA,CAACC,WAAqB,QAAQ;EACzD,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,EAAE;IAEb,KAAKD,SAAS,CAACE,KAAK;MAChB,OAAO,EAAE;IAEb;IACA,KAAKF,SAAS,CAACG,MAAM;MACjB,OAAO,EAAE;;AAErB;AAuBA;SACgBC,cAAcA,CAC1BC,OAAqC,EACrCC,aAAmC,EACnCC,kCAA4C,CAAC,WAAW,CAAC;;EAGzD,MAAMC,eAAe,GAAGH,OAAO,CAC1BI,MAAM,CAACC,MAAM,IAAIf,gBAAgB,CAACe,MAAM,CAACd,EAAE,CAAC,IAAI,CAACW,+BAA+B,CAACI,QAAQ,CAACC,MAAM,CAACF,MAAM,CAACd,EAAE,CAAC,CAAC,CAAC,CAC7GiB,GAAG,CAACH,MAAM,IAAIA,MAAM,CAACd,EAAE,CAAa;;EAGzC,MAAMkB,gBAAgB,GAAa,EAAE;EACrC,MAAMC,eAAe,GAAa,EAAE;EAEpC,IAAIC,cAAc,GAAGX,OAAO;;EAG5B,IAAIY,KAAK,CAACC,OAAO,CAACZ,aAAa,CAAC,EAAE;IAC9BU,cAAc,GAAGX,OAAO,CAACc,KAAK,EAAE,CAACC,IAAI;;IAEjC,CAACC,CAAC,EAAEC,CAAC,KAAK,CAAChB,aAAa,CAACiB,OAAO,CAACF,CAAC,CAACzB,EAAY,CAAC,KAAK,CAAC,KAAKU,aAAa,CAACiB,OAAO,CAACD,CAAC,CAAC1B,EAAY,CAAC,KAAK,CAAC,CAAC,CAC1G;;EAGLoB,cAAc,CAACQ,OAAO,CAACd,MAAM;;IACzB,IAAIf,gBAAgB,CAACe,MAAM,CAACd,EAAE,CAAC,EAAE;MAC7B;;IAGJ,KAAA6B,YAAA,GAAIf,MAAM,CAACgB,IAAI,cAAAD,YAAA,eAAXA,YAAA,CAAaE,cAAc,EAAE;MAC7BZ,eAAe,CAACa,IAAI,CAAClB,MAAM,CAACd,EAAY,CAAC;KAC5C,MAAM;MACHkB,gBAAgB,CAACc,IAAI,CAAClB,MAAM,CAACd,EAAY,CAAC;;GAEjD,CAAC;EAEF,MAAMiC,KAAK,GAAG,CAAC,GAAGrB,eAAe,EAAE,GAAGM,gBAAgB,EAAE,GAAGC,eAAe,CAAC;;EAG3ER,+BAA+B,CAACiB,OAAO,CAAC5B,EAAE;IACtC,IAAIS,OAAO,CAACyB,SAAS,CAACpB,MAAM,IAAIA,MAAM,CAACd,EAAE,KAAKA,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE;MACpDiC,KAAK,CAACD,IAAI,CAAChC,EAAE,CAAC;;GAErB,CAAC;EAEF,OAAOiC,KAAK;AAChB;;;;"}
+{"version":3,"file":"columns.js","sources":["../../../../../../../../../src/primitives/Table/useTable/util/columns.ts"],"sourcesContent":["import { ColumnDef as ReactTableColumnDef } from '@tanstack/react-table';\nimport { isDate } from 'date-fns';\nimport { FontSize, FontSizes } from '../../../../types';\nimport { format, parseFromISOString } from '../../../../utils/date';\nimport { TableColumnDataType } from '../../types';\n\nexport function isInternalColumn(id: string | undefined) {\n    return id?.startsWith('__');\n}\n\n// column widths\nexport const getCellMinWidth = (fontSize: FontSize = 'medium') => {\n    switch (fontSize) {\n        case FontSizes.small:\n            return 57;\n\n        case FontSizes.large:\n            return 83;\n\n        default:\n        case FontSizes.medium:\n            return 72;\n    }\n};\n\n// highlighting\nexport function isCellHighlighted(query: string, value: unknown, dataType?: TableColumnDataType) {\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?: TableColumnDataType): 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\n// ordering\nexport function ensureOrdering<TType = unknown>(\n    columns: ReactTableColumnDef<TType>[],\n    settingsOrder: string[] | undefined,\n    internalColumnsPinnedToTheRight: string[] = ['__actions']\n): string[] {\n    // internal columns come with a defined order\n    const internalColumns = columns\n        .filter(column => isInternalColumn(column.id) && !internalColumnsPinnedToTheRight.includes(String(column.id)))\n        .map(column => column.id) as string[];\n\n    // columns with ordering disabled should be moved to the front\n    const orderingDisabled: string[] = [];\n    const orderingEnabled: string[] = [];\n\n    let orderedColumns = columns;\n\n    // if settings is defined, make sure the columns that are actual children are sorted by it\n    if (Array.isArray(settingsOrder)) {\n        orderedColumns = columns.slice().sort(\n            // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end\n            (a, b) => (settingsOrder.indexOf(a.id as string) >>> 0) - (settingsOrder.indexOf(b.id as string) >>> 0)\n        );\n    }\n\n    orderedColumns.forEach(column => {\n        if (isInternalColumn(column.id)) {\n            return;\n        }\n\n        if (column.meta?.enableOrdering) {\n            orderingEnabled.push(column.id as string);\n        } else {\n            orderingDisabled.push(column.id as string);\n        }\n    });\n\n    const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];\n\n    // actions should always be last, enforce that\n    internalColumnsPinnedToTheRight.forEach(id => {\n        if (columns.findIndex(column => column.id === id) > -1) {\n            order.push(id);\n        }\n    });\n\n    return order;\n}\n\n// freezing - we use the react-table pinning state, but that requires some mapping between them\nexport function unfreezeAllExternalColumns(leftPinnedState?: string[]): string[] {\n    return leftPinnedState?.filter(id => isInternalColumn(id) && id !== '__actions') ?? [];\n}\n\nexport function freezeUptoExternalColumn(index: number, columns: string[]): string[] {\n    return columns.slice(0, index + 1);\n}\n"],"names":["isInternalColumn","id","startsWith","getCellMinWidth","fontSize","FontSizes","small","large","medium","isCellHighlighted","query","value","dataType","undefined","String","getCellValueAsString","toLocaleLowerCase","includes","isDate","_format","format","_format2","parseFromISOString","ensureOrdering","columns","settingsOrder","internalColumnsPinnedToTheRight","internalColumns","filter","column","map","orderingDisabled","orderingEnabled","orderedColumns","Array","isArray","slice","sort","a","b","indexOf","forEach","_column$meta","meta","enableOrdering","push","order","findIndex","unfreezeAllExternalColumns","leftPinnedState","_leftPinnedState$filt","freezeUptoExternalColumn","index"],"mappings":";;;;SAMgBA,gBAAgBA,CAACC,EAAsB;EACnD,OAAOA,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEC,UAAU,CAAC,IAAI,CAAC;AAC/B;AAEA;MACaC,eAAe,GAAGA,CAACC,WAAqB,QAAQ;EACzD,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,EAAE;IAEb,KAAKD,SAAS,CAACE,KAAK;MAChB,OAAO,EAAE;IAEb;IACA,KAAKF,SAAS,CAACG,MAAM;MACjB,OAAO,EAAE;;AAErB;AAEA;SACgBC,iBAAiBA,CAACC,KAAa,EAAEC,KAAc,EAAEC,QAA8B;EAC3F,IAAID,KAAK,KAAKE,SAAS,IAAIF,KAAK,KAAK,IAAI,EAAE;IACvC,OAAO,KAAK;;EAGhB,OAAOG,MAAM,CAACC,oBAAoB,CAACJ,KAAK,EAAEC,QAAQ,CAAC,CAAC,CAACI,iBAAiB,EAAE,CAACC,QAAQ,CAACP,KAAK,CAACM,iBAAiB,EAAE,CAAC;AAChH;SAEgBD,oBAAoBA,CAACJ,KAAc,EAAEC,QAA8B;EAC/E,IAAID,KAAK,KAAKE,SAAS,IAAIF,KAAK,KAAK,IAAI,EAAE;IACvC,OAAO,EAAE;GACZ,MAAM,IAAIO,MAAM,CAACP,KAAK,CAAC,EAAE;IAAA,IAAAQ,OAAA;IACtB,QAAAA,OAAA,GAAOC,MAAM,CAACT,KAAa,CAAC,cAAAQ,OAAA,cAAAA,OAAA,GAAI,EAAE;GACrC,MAAM,IAAIP,QAAQ,KAAK,UAAU,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;IAAA,IAAAU,QAAA;IAC7D,QAAAA,QAAA,GAAOD,MAAM,CAACE,kBAAkB,CAACX,KAAe,CAAC,CAAC,cAAAU,QAAA,cAAAA,QAAA,GAAI,EAAE;;EAG5D,OAAOP,MAAM,CAACH,KAAK,CAAC;AACxB;AAEA;SACgBY,cAAcA,CAC1BC,OAAqC,EACrCC,aAAmC,EACnCC,kCAA4C,CAAC,WAAW,CAAC;;EAGzD,MAAMC,eAAe,GAAGH,OAAO,CAC1BI,MAAM,CAACC,MAAM,IAAI7B,gBAAgB,CAAC6B,MAAM,CAAC5B,EAAE,CAAC,IAAI,CAACyB,+BAA+B,CAACT,QAAQ,CAACH,MAAM,CAACe,MAAM,CAAC5B,EAAE,CAAC,CAAC,CAAC,CAC7G6B,GAAG,CAACD,MAAM,IAAIA,MAAM,CAAC5B,EAAE,CAAa;;EAGzC,MAAM8B,gBAAgB,GAAa,EAAE;EACrC,MAAMC,eAAe,GAAa,EAAE;EAEpC,IAAIC,cAAc,GAAGT,OAAO;;EAG5B,IAAIU,KAAK,CAACC,OAAO,CAACV,aAAa,CAAC,EAAE;IAC9BQ,cAAc,GAAGT,OAAO,CAACY,KAAK,EAAE,CAACC,IAAI;;IAEjC,CAACC,CAAC,EAAEC,CAAC,KAAK,CAACd,aAAa,CAACe,OAAO,CAACF,CAAC,CAACrC,EAAY,CAAC,KAAK,CAAC,KAAKwB,aAAa,CAACe,OAAO,CAACD,CAAC,CAACtC,EAAY,CAAC,KAAK,CAAC,CAAC,CAC1G;;EAGLgC,cAAc,CAACQ,OAAO,CAACZ,MAAM;;IACzB,IAAI7B,gBAAgB,CAAC6B,MAAM,CAAC5B,EAAE,CAAC,EAAE;MAC7B;;IAGJ,KAAAyC,YAAA,GAAIb,MAAM,CAACc,IAAI,cAAAD,YAAA,eAAXA,YAAA,CAAaE,cAAc,EAAE;MAC7BZ,eAAe,CAACa,IAAI,CAAChB,MAAM,CAAC5B,EAAY,CAAC;KAC5C,MAAM;MACH8B,gBAAgB,CAACc,IAAI,CAAChB,MAAM,CAAC5B,EAAY,CAAC;;GAEjD,CAAC;EAEF,MAAM6C,KAAK,GAAG,CAAC,GAAGnB,eAAe,EAAE,GAAGI,gBAAgB,EAAE,GAAGC,eAAe,CAAC;;EAG3EN,+BAA+B,CAACe,OAAO,CAACxC,EAAE;IACtC,IAAIuB,OAAO,CAACuB,SAAS,CAAClB,MAAM,IAAIA,MAAM,CAAC5B,EAAE,KAAKA,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE;MACpD6C,KAAK,CAACD,IAAI,CAAC5C,EAAE,CAAC;;GAErB,CAAC;EAEF,OAAO6C,KAAK;AAChB;AAEA;SACgBE,0BAA0BA,CAACC,eAA0B;;EACjE,QAAAC,qBAAA,GAAOD,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAErB,MAAM,CAAC3B,EAAE,IAAID,gBAAgB,CAACC,EAAE,CAAC,IAAIA,EAAE,KAAK,WAAW,CAAC,cAAAiD,qBAAA,cAAAA,qBAAA,GAAI,EAAE;AAC1F;SAEgBC,wBAAwBA,CAACC,KAAa,EAAE5B,OAAiB;EACrE,OAAOA,OAAO,CAACY,KAAK,CAAC,CAAC,EAAEgB,KAAK,GAAG,CAAC,CAAC;AACtC;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/util/filtering.js

@@ -0,0 +1,131 @@
+import { isDate, isBefore, isAfter, isEqual } from 'date-fns';
+import { isWeakEqual as isWeakEqual$1 } from '../../../../utils/date.js';
+import { getCellValueAsString } from './columns.js';
+import { TableFilterComparator } from '../../types.js';
+
+const toLowerCase = value => String(value !== null && value !== void 0 ? value : '').toLocaleLowerCase();
+const isWeakContains = (left, right) => toLowerCase(left).includes(toLowerCase(right));
+const isWeakEqual = (left, right) => toLowerCase(left) === toLowerCase(right);
+// the filter type is only settable on the column definition, which would re-render all columns.
+// so instead we store it in the filter value, but that means we also have to destructure that
+// before we filter - that's why this custom filter function exists
+function columnFilterFn(value, filter) {
+  try {
+    if (filter.comparator === TableFilterComparator.IsEmpty || filter.comparator === TableFilterComparator.IsNotEmpty) {
+      const isEmpty = value === undefined || value === null || value === '';
+      return filter.comparator === TableFilterComparator.IsEmpty ? isEmpty : !isEmpty;
+    }
+    if (filter.value === undefined || filter.value === null || filter.value === '') {
+      return true;
+    }
+    switch (filter.comparator) {
+      case TableFilterComparator.Contains:
+        return isWeakContains(value, filter.value);
+      case TableFilterComparator.DoesNotContain:
+        return !isWeakContains(value, filter.value);
+      case TableFilterComparator.IsEqualTo:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && isWeakEqual$1(value, filter.value);
+          } else if (typeof filter.value === 'boolean') {
+            return value === filter.value;
+          }
+          return isWeakEqual(value, filter.value);
+        }
+      case TableFilterComparator.IsNotEqualTo:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && isWeakEqual$1(value, filter.value) === false;
+          } else if (typeof filter.value === 'boolean') {
+            return value !== filter.value;
+          }
+          return !isWeakEqual(value, filter.value);
+        }
+      case TableFilterComparator.IsGreaterThan:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && isAfter(value, filter.value);
+          } else {
+            const valueAsNumber = parseInt(value);
+            return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber > filter.value;
+          }
+        }
+      case TableFilterComparator.IsLessThan:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && isBefore(value, filter.value);
+          } else {
+            const valueAsNumber = parseInt(value);
+            return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber < filter.value;
+          }
+        }
+      case TableFilterComparator.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 TableFilterComparator.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 TableFilterComparator.IsBetween:
+        {
+          const [fromValue, toValue] = filter.value;
+          if (isDate(value)) {
+            if (isDate(fromValue) && isBefore(value, fromValue)) {
+              return false;
+            } else if (isDate(toValue) && isAfter(value, toValue)) {
+              return false;
+            }
+            return true;
+          } else {
+            const valueAsNumber = parseInt(value);
+            if (isNaN(valueAsNumber)) {
+              return false;
+            }
+            if (fromValue !== undefined && valueAsNumber < fromValue) {
+              return false;
+            } else if (toValue !== undefined && valueAsNumber > toValue) {
+              return false;
+            }
+            return true;
+          }
+        }
+      case TableFilterComparator.HasAnyOf:
+        return Array.isArray(filter.value) && Array.isArray(value) ? filter.value.some(item => value.includes(item)) : false;
+      case TableFilterComparator.HasNoneOf:
+        return Array.isArray(filter.value) && Array.isArray(value) ? filter.value.every(item => value.includes(item) === false) : false;
+      case TableFilterComparator.HasAllOf:
+        return Array.isArray(filter.value) && Array.isArray(value) ? filter.value.filter(v => value.includes(v)).length === filter.value.length : false;
+    }
+    return false;
+  } catch (e) {
+    console.error(e);
+    return true;
+  }
+}
+function globalFilterFn(row, columnId, searchQuery) {
+  try {
+    if (row.original) {
+      var _row$_getAllCellsByCo, _row$_getAllCellsByCo2;
+      const dataType = (_row$_getAllCellsByCo = row._getAllCellsByColumnId()[columnId]) === null || _row$_getAllCellsByCo === void 0 ? void 0 : (_row$_getAllCellsByCo2 = _row$_getAllCellsByCo.column.columnDef.meta) === null || _row$_getAllCellsByCo2 === void 0 ? void 0 : _row$_getAllCellsByCo2.dataType;
+      const cellValue = getCellValueAsString(row.original[columnId], dataType);
+      return isWeakContains(cellValue, searchQuery);
+    }
+  } catch {
+    // we don't care, just fail silently and return no results
+  }
+  return false;
+}
+
+export { columnFilterFn, globalFilterFn, isWeakContains, isWeakEqual, toLowerCase };
+//# sourceMappingURL=filtering.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTable/util/filtering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filtering.js","sources":["../../../../../../../../../src/primitives/Table/useTable/util/filtering.ts"],"sourcesContent":["import { Row as ReactTableRow } from '@tanstack/react-table';\nimport { isDate, isAfter as isAfterDate, isBefore as isBeforeDate, isEqual as isEqualDate } from 'date-fns';\nimport { isWeakEqual as isWeakEqualDate } from '../../../../utils/date';\nimport { TableFilterValue, TableFilterComparator } from '../../types';\nimport { getCellValueAsString } from './columns';\n\nexport const toLowerCase = (value: string | number) => String(value ?? '').toLocaleLowerCase();\nexport const isWeakContains = (left: string | number, right: string | number) => toLowerCase(left).includes(toLowerCase(right));\nexport const isWeakEqual = (left: string | number, right: string | number) => toLowerCase(left) === toLowerCase(right);\n\n// the filter type is only settable on the column definition, which would re-render all columns.\n// so instead we store it in the filter value, but that means we also have to destructure that\n// before we filter - that's why this custom filter function exists\nexport function columnFilterFn(value: any, filter: TableFilterValue) {\n    try {\n        if (filter.comparator === TableFilterComparator.IsEmpty || filter.comparator === TableFilterComparator.IsNotEmpty) {\n            const isEmpty = value === undefined || value === null || value === '';\n            return filter.comparator === TableFilterComparator.IsEmpty ? isEmpty : !isEmpty;\n        }\n\n        if (filter.value === undefined || filter.value === null || filter.value === '') {\n            return true;\n        }\n\n        switch (filter.comparator) {\n            case TableFilterComparator.Contains:\n                return isWeakContains(value, filter.value);\n\n            case TableFilterComparator.DoesNotContain:\n                return !isWeakContains(value, filter.value);\n\n            case TableFilterComparator.IsEqualTo: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isWeakEqualDate(value, filter.value);\n                } else if (typeof filter.value === 'boolean') {\n                    return value === filter.value;\n                }\n\n                return isWeakEqual(value, filter.value);\n            }\n\n            case TableFilterComparator.IsNotEqualTo: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isWeakEqualDate(value, filter.value) === false;\n                } else if (typeof filter.value === 'boolean') {\n                    return value !== filter.value;\n                }\n\n                return !isWeakEqual(value, filter.value);\n            }\n\n            case TableFilterComparator.IsGreaterThan: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isAfterDate(value, filter.value);\n                } else {\n                    const valueAsNumber = parseInt(value);\n                    return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber > filter.value;\n                }\n            }\n\n            case TableFilterComparator.IsLessThan: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isBeforeDate(value, filter.value);\n                } else {\n                    const valueAsNumber = parseInt(value);\n                    return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber < filter.value;\n                }\n            }\n\n            case TableFilterComparator.IsLessThanOrEqualTo: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && (isBeforeDate(value, filter.value) || isEqualDate(value, filter.value));\n                } else {\n                    const valueAsNumber = parseInt(value);\n                    return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber <= filter.value;\n                }\n            }\n\n            case TableFilterComparator.IsGreaterThanOrEqualTo: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && (isAfterDate(value, filter.value) || isEqualDate(value, filter.value));\n                } else {\n                    const valueAsNumber = parseInt(value);\n                    return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber >= filter.value;\n                }\n            }\n\n            case TableFilterComparator.IsBetween: {\n                const [fromValue, toValue] = filter.value;\n\n                if (isDate(value)) {\n                    if (isDate(fromValue) && isBeforeDate(value, fromValue)) {\n                        return false;\n                    } else if (isDate(toValue) && isAfterDate(value, toValue)) {\n                        return false;\n                    }\n\n                    return true;\n                } else {\n                    const valueAsNumber = parseInt(value);\n\n                    if (isNaN(valueAsNumber)) {\n                        return false;\n                    }\n\n                    if (fromValue !== undefined && valueAsNumber < fromValue) {\n                        return false;\n                    } else if (toValue !== undefined && valueAsNumber > toValue) {\n                        return false;\n                    }\n\n                    return true;\n                }\n            }\n\n            case TableFilterComparator.HasAnyOf:\n                return Array.isArray(filter.value) && Array.isArray(value)\n                    ? filter.value.some(item => value.includes(item))\n                    : false;\n\n            case TableFilterComparator.HasNoneOf:\n                return Array.isArray(filter.value) && Array.isArray(value)\n                    ? filter.value.every(item => value.includes(item) === false)\n                    : false;\n\n            case TableFilterComparator.HasAllOf:\n                return Array.isArray(filter.value) && Array.isArray(value)\n                    ? filter.value.filter(v => value.includes(v)).length === filter.value.length\n                    : false;\n        }\n\n        return false;\n    } catch (e) {\n        console.error(e);\n        return true;\n    }\n}\n\nexport function globalFilterFn<TType = unknown>(row: ReactTableRow<TType>, columnId: string, searchQuery: string) {\n    try {\n        if (row.original) {\n            const dataType = row._getAllCellsByColumnId()[columnId]?.column.columnDef.meta?.dataType;\n            const cellValue = getCellValueAsString(row.original[columnId], dataType);\n            return isWeakContains(cellValue, searchQuery);\n        }\n    } catch {\n        // we don't care, just fail silently and return no results\n    }\n\n    return false;\n}\n"],"names":["toLowerCase","value","String","toLocaleLowerCase","isWeakContains","left","right","includes","isWeakEqual","columnFilterFn","filter","comparator","TableFilterComparator","IsEmpty","IsNotEmpty","isEmpty","undefined","Contains","DoesNotContain","IsEqualTo","isDate","isWeakEqualDate","IsNotEqualTo","IsGreaterThan","isAfterDate","valueAsNumber","parseInt","isNaN","IsLessThan","isBeforeDate","IsLessThanOrEqualTo","isEqualDate","IsGreaterThanOrEqualTo","IsBetween","fromValue","toValue","HasAnyOf","Array","isArray","some","item","HasNoneOf","every","HasAllOf","v","length","e","console","error","globalFilterFn","row","columnId","searchQuery","original","_row$_getAllCellsByCo","_row$_getAllCellsByCo2","dataType","_getAllCellsByColumnId","column","columnDef","meta","cellValue","getCellValueAsString"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/util/presets.js

@@ -0,0 +1,131 @@
+import React__default from 'react';
+
+const DEFAULT_PRESET = {
+  // react-table built-in
+  enableFiltering: false,
+  enableSearch: false,
+  enableSorting: false,
+  enableColumnFreezing: false,
+  enableColumnHiding: false,
+  enableColumnResizing: false,
+  enableRowExpansion: false,
+  enableRowSelection: false,
+  enableRowSelectionSingle: false,
+  // custom -- common between all table types
+  enableColumnOrdering: false,
+  enableFontSize: false,
+  enableFooter: false,
+  enablePrinting: false,
+  enableRowActive: true,
+  enableRowActions: false,
+  enableRowClick: false,
+  enableRowGoto: false,
+  enableRowHeight: false,
+  enableSettings: false
+};
+const presets = {
+  lite: {
+    // react-table built-in
+    enableFiltering: true,
+    enableSearch: true,
+    enableSorting: true,
+    enableColumnFreezing: true,
+    enableColumnHiding: false,
+    enableColumnResizing: true,
+    enableRowExpansion: true,
+    enableRowSelection: true,
+    enableRowSelectionSingle: false,
+    // custom -- common between all table types
+    enableColumnOrdering: false,
+    enableFontSize: false,
+    enableFooter: true,
+    enablePrinting: false,
+    enableRowActive: true,
+    enableRowActions: true,
+    enableRowClick: true,
+    enableRowGoto: true,
+    enableRowHeight: false,
+    enableSettings: true
+  },
+  complex: {
+    // react-table built-in
+    enableFiltering: true,
+    enableSearch: true,
+    enableSorting: true,
+    enableColumnFreezing: true,
+    enableColumnHiding: true,
+    enableColumnResizing: true,
+    enableRowExpansion: true,
+    enableRowSelection: true,
+    enableRowSelectionSingle: false,
+    // custom -- common between all table types
+    enableColumnOrdering: true,
+    enableFontSize: true,
+    enableFooter: true,
+    enablePrinting: true,
+    enableRowActive: true,
+    enableRowActions: true,
+    enableRowClick: true,
+    enableRowGoto: true,
+    enableRowHeight: true,
+    enableSettings: true
+  }
+};
+function useTableFeaturePreset(props) {
+  var _props$enableRowActio, _props$enableRowClick, _props$enableRowGoto, _props$enableRowExpan, _props$enableRowSelec, _props$enableRowSelec2, _props$enableFilterin, _props$enableSearch, _props$enableSorting, _props$enableColumnFr, _props$enableColumnHi, _props$enableColumnRe, _props$enableColumnOr, _props$enableFontSize, _props$enableFooter, _props$enablePrinting, _props$enableRowActiv, _props$rowActions2, _props$enableRowHeigh, _props$enableSettings;
+  const presetOptions = props.preset ? presets[props.preset] : DEFAULT_PRESET;
+  const enableRowActions = (_props$enableRowActio = props.enableRowActions) !== null && _props$enableRowActio !== void 0 ? _props$enableRowActio : presetOptions.enableRowActions;
+  const enableRowClick = (_props$enableRowClick = props.enableRowClick) !== null && _props$enableRowClick !== void 0 ? _props$enableRowClick : presetOptions.enableRowClick;
+  const enableRowGoto = (_props$enableRowGoto = props.enableRowGoto) !== null && _props$enableRowGoto !== void 0 ? _props$enableRowGoto : presetOptions.enableRowGoto;
+  const enableRowExpansion = (_props$enableRowExpan = props.enableRowExpansion) !== null && _props$enableRowExpan !== void 0 ? _props$enableRowExpan : presetOptions.enableRowExpansion;
+  const enableRowSelection = (_props$enableRowSelec = props.enableRowSelection) !== null && _props$enableRowSelec !== void 0 ? _props$enableRowSelec : presetOptions.enableRowSelection;
+  const enableRowSelectionSingle = (_props$enableRowSelec2 = props.enableRowSelectionSingle) !== null && _props$enableRowSelec2 !== void 0 ? _props$enableRowSelec2 : presetOptions.enableRowSelectionSingle;
+  // guard options that might be unintentionally broken
+  React__default.useEffect(() => {
+    var _props$rowActions;
+    if (enableRowActions && !((_props$rowActions = props.rowActions) !== null && _props$rowActions !== void 0 && _props$rowActions.length)) {
+      console.warn(`Table (id: ${props.id}) - Row actions is enabled but no \`rowActions\` has been provided. Provide one to enable row actions or set \`enableRowActions\` to \`false\`.`);
+    }
+    if (enableRowClick && !props.onRowClick) {
+      console.warn(`Table (id: ${props.id}) - Row click is enabled but no \`onRowClick\` handler has been provided. Provide one to enable row click or set \`enableRowClick\` to \`false\`.`);
+    }
+    if (enableRowGoto && !props.onRowGoto) {
+      console.warn(`Table (id: ${props.id}) - Row click is enabled but no \`onRowGoto\` handler has been provided. Provide one to enable row goto or set \`enableRowGoto\` to \`false\`.`);
+    }
+    if (enableRowExpansion && !props.rowExpansionRenderer) {
+      console.warn(`Table (id: ${props.id}) - Row expansion is enabled but no \`rowExpansionRenderer\` has been provided. Provide one to enable row expansion or set \`enableRowExpansion\` to \`false\`.`);
+    }
+    if (enableRowSelection && !props.onRowSelect) {
+      console.warn(`Table (id: ${props.id}) - Row selection is enabled but no \`onRowSelect\` handler has been provided. Provide one to enable row selection or set \`enableRowSelection\` to \`false\`.`);
+    }
+    if (enableRowSelectionSingle && !props.onRowSelect) {
+      console.warn(`Table (id: ${props.id}) - Row selection (single) is enabled but no \`onRowSelect\` handler has been provided. Provide one to enable row selection or set \`enableRowSelectionSingle\` to \`false\`.`);
+    }
+  }, []);
+  return {
+    // react-table built-in
+    enableFiltering: (_props$enableFilterin = props.enableFiltering) !== null && _props$enableFilterin !== void 0 ? _props$enableFilterin : presetOptions.enableFiltering,
+    enableSearch: (_props$enableSearch = props.enableSearch) !== null && _props$enableSearch !== void 0 ? _props$enableSearch : presetOptions.enableSearch,
+    enableSorting: (_props$enableSorting = props.enableSorting) !== null && _props$enableSorting !== void 0 ? _props$enableSorting : presetOptions.enableSorting,
+    enableColumnFreezing: (_props$enableColumnFr = props.enableColumnFreezing) !== null && _props$enableColumnFr !== void 0 ? _props$enableColumnFr : presetOptions.enableColumnFreezing,
+    enableColumnHiding: (_props$enableColumnHi = props.enableColumnHiding) !== null && _props$enableColumnHi !== void 0 ? _props$enableColumnHi : presetOptions.enableColumnHiding,
+    enableColumnResizing: (_props$enableColumnRe = props.enableColumnResizing) !== null && _props$enableColumnRe !== void 0 ? _props$enableColumnRe : presetOptions.enableColumnResizing,
+    enableRowExpansion: enableRowExpansion && !!props.rowExpansionRenderer,
+    enableRowSelection: enableRowSelection && !!props.onRowSelect,
+    enableRowSelectionSingle: enableRowSelectionSingle && !!props.onRowSelect,
+    // custom -- common between all table types
+    enableColumnOrdering: (_props$enableColumnOr = props.enableColumnOrdering) !== null && _props$enableColumnOr !== void 0 ? _props$enableColumnOr : presetOptions.enableColumnOrdering,
+    enableFontSize: (_props$enableFontSize = props.enableFontSize) !== null && _props$enableFontSize !== void 0 ? _props$enableFontSize : presetOptions.enableFontSize,
+    enableFooter: (_props$enableFooter = props.enableFooter) !== null && _props$enableFooter !== void 0 ? _props$enableFooter : presetOptions.enableFooter,
+    enablePrinting: (_props$enablePrinting = props.enablePrinting) !== null && _props$enablePrinting !== void 0 ? _props$enablePrinting : presetOptions.enablePrinting,
+    enableRowActive: (_props$enableRowActiv = props.enableRowActive) !== null && _props$enableRowActiv !== void 0 ? _props$enableRowActiv : presetOptions.enableRowActive,
+    enableRowActions: enableRowActions && !!((_props$rowActions2 = props.rowActions) !== null && _props$rowActions2 !== void 0 && _props$rowActions2.length),
+    enableRowClick: enableRowClick && !!props.onRowClick,
+    enableRowGoto: enableRowGoto && !!props.onRowGoto,
+    enableRowHeight: (_props$enableRowHeigh = props.enableRowHeight) !== null && _props$enableRowHeigh !== void 0 ? _props$enableRowHeigh : presetOptions.enableRowHeight,
+    enableSettings: (_props$enableSettings = props.enableSettings) !== null && _props$enableSettings !== void 0 ? _props$enableSettings : presetOptions.enableSettings
+  };
+}
+
+export { useTableFeaturePreset };
+//# sourceMappingURL=presets.js.map