@economic/taco 2.25.1-alpha.13 → 2.25.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCssVars.js","sources":["../../../../../../../../src/components/Table3/hooks/useCssVars.ts"],"sourcesContent":["import { Table3RowHeight } from '../types';\nimport { FontSize, FontSizes } from '../../../types';\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\nconst getCellHeightPadding = (height: Table3RowHeight, fontSize: FontSize) => {\n    // TODO: can we get the rem values from tailwind\n    switch (height) {\n        case 'short': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '8px';\n\n                default:\n                    return '6px'; // py-1.5\n            }\n        }\n\n        case 'tall': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '16px';\n\n                case FontSizes.large:\n                    return '12px';\n\n                default:\n                    return '14px';\n            }\n        }\n\n        case 'extra-tall': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '22px';\n\n                case FontSizes.large:\n                    return '18px';\n\n                default:\n                    return '20px';\n            }\n        }\n\n        default: {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '12px';\n\n                case FontSizes.large:\n                    return '8px';\n\n                default:\n                    return '10px';\n            }\n        }\n    }\n};\n\nconst getCellWidthPadding = (fontSize: FontSize) => {\n    switch (fontSize) {\n        case FontSizes.small:\n            return '8px';\n\n        case FontSizes.medium:\n            return '12px';\n\n        default:\n            return '16px'; // py-1.5\n    }\n};\n\nexport const useCssVars = (height: Table3RowHeight, fontSize: FontSize) => {\n    const style = {\n        '--table3-cell-padding-x': getCellWidthPadding(fontSize),\n        '--table3-cell-padding-y': getCellHeightPadding(height, fontSize),\n    };\n\n    return { style };\n};\n"],"names":["getCellHeightPadding","height","fontSize","FontSizes","small","large","getCellWidthPadding","medium","useCssVars","style"],"mappings":";;AAGA;AACA,MAAMA,oBAAoB,GAAGA,CAACC,MAAuB,EAAEC,QAAkB;;EAErE,QAAQD,MAAM;IACV,KAAK,OAAO;MAAE;QACV,QAAQC,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,KAAK;UAEhB;YACI,OAAO,KAAK;;;;IAIxB,KAAK,MAAM;MAAE;QACT,QAAQF,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB,KAAK,YAAY;MAAE;QACf,QAAQH,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB;MAAS;QACL,QAAQH,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,KAAK;UAEhB;YACI,OAAO,MAAM;;;;AAIjC,CAAC;AAED,MAAMC,mBAAmB,GAAIJ,QAAkB;EAC3C,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,KAAK;IAEhB,KAAKD,SAAS,CAACI,MAAM;MACjB,OAAO,MAAM;IAEjB;MACI,OAAO,MAAM;;;AAEzB,CAAC;MAEYC,UAAU,GAAGA,CAACP,MAAuB,EAAEC,QAAkB;EAClE,MAAMO,KAAK,GAAG;IACV,yBAAyB,EAAEH,mBAAmB,CAACJ,QAAQ,CAAC;IACxD,yBAAyB,EAAEF,oBAAoB,CAACC,MAAM,EAAEC,QAAQ;GACnE;EAED,OAAO;IAAEO;GAAO;AACpB;;;;"}

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

@@ -0,0 +1,234 @@
+import React__default from 'react';
+import { useReactTable, getCoreRowModel, getFilteredRowModel, getSortedRowModel } from '@tanstack/react-table';
+import { ensureOrdering } from '../../../primitives/Table/useTableManager/util/columns.js';
+import { useTableColumnOrdering } from '../../../primitives/Table/useTableManager/features/useTableColumnOrdering.js';
+import { useTableFontSize } from '../../../primitives/Table/useTableManager/features/useTableFontSize.js';
+import { useTableRowActive } from '../../../primitives/Table/useTableManager/features/useTableRowActive.js';
+import { useTableRowClick } from '../../../primitives/Table/useTableManager/features/useTableRowClick.js';
+import { useTableRowGoto } from '../../../primitives/Table/useTableManager/features/useTableRowGoto.js';
+import { useTableRowHeight } from '../../../primitives/Table/useTableManager/features/useTableRowHeight.js';
+import { useTableRowSelection } from '../../../primitives/Table/useTableManager/features/useTableRowSelection.js';
+import { useTableServerLoading } from '../../../primitives/Table/useTableManager/features/useTableServerLoading.js';
+import { useTableDataListener } from '../../../primitives/Table/useTableManager/listeners/useTableDataListener.js';
+import { useTableFilterListener } from '../../../primitives/Table/useTableManager/listeners/useTableFilterListener.js';
+import { useTableFontSizeListener } from '../../../primitives/Table/useTableManager/listeners/useTableFontSizeListener.js';
+import { useTableRowSelectionListener } from '../../../primitives/Table/useTableManager/listeners/useTableRowSelectionListener.js';
+import { useTableShortcutsListener } from '../../../primitives/Table/useTableManager/listeners/useTableShortcutsListener.js';
+import { useTableSortingListener } from '../../../primitives/Table/useTableManager/listeners/useTableSortingListener.js';
+import { useTableServerLoadingListener } from '../../../primitives/Table/useTableManager/listeners/useTableServerLoadingListener.js';
+import { COLUMN_ID } from '../components/columns/internal/Actions.js';
+import { getCellValueAsString } from '../util/columns.js';
+import { useTablePreset } from './useTablePreset.js';
+import { useRowDrag } from './features/useRowDrag.js';
+import { useSettingsStateListener } from './listeners/useSettingsStateListener.js';
+import { columnFilterFn, globalFilterFn } from '../util/filtering.js';
+import { useColumnFreezing } from './features/useColumnFreezing.js';
+import { useRowDrop } from './features/useRowDrop.js';
+import { useEditing } from './features/useEditing.js';
+import { COLUMN_ID as COLUMN_ID$1 } from '../components/columns/internal/EditingActions.js';
+import { useConvertChildrenToColumns } from './useConvertChildrenToColumns.js';
+import { usePrinting } from './features/usePrinting.js';
+import { useEditingStateListener } from './listeners/useEditingStateListener.js';
+import { useSearch } from './features/useSearch.js';
+import { useRowActions } from './features/useRowActions.js';
+import { useSettings } from './features/useSettings.js';
+import { useValidation } from './features/useValidation.js';
+import { usePauseShortcuts } from './features/usePauseShortcuts.js';
+
+function useTable(props, ref) {
+  var _settings$columnFreez, _props$data, _ref, _props$length, _props$data2;
+  // load any persisted table settings and merge them with any defaults
+  const [settings, setSettings] = useSettings(props.id, props.defaultSettings, props.onChangeSettings);
+  // configure table3 options
+  const options = useTablePreset(props);
+  // configure react-table built-in features
+  const tableOptions = configureReactTableOptions(props, options);
+  // configure custom features
+  const columnFreezing = useColumnFreezing((_settings$columnFreez = settings.columnFreezingIndex) !== null && _settings$columnFreez !== void 0 ? _settings$columnFreez : props.defaultColumnFreezingIndex, options);
+  // can't change due to rename to "active row"
+  const validation = useValidation(props.onCellValidate, props.onRowValidate);
+  // not relevant to common table
+  const editing = useEditing(options.enableEditing, ref, validation, props.onSave);
+  // we changed how printing works, so this shouldn't be migrated
+  const printing = usePrinting(options.enablePrinting, settings.showWarningWhenPrintingLargeDataset, props.id);
+  // needs to be moved
+  const rowActions = useRowActions(props.actionsForRow, props.actionsForRowLength);
+  // not relevant to common table
+  const rowDrag = useRowDrag(options.enableRowDrag);
+  // not relevant to common table
+  const rowDrop = useRowDrop(options.enableRowDrop, props.onRowDrop);
+  // haven't migrated load all/server loading yet
+  const search = useSearch(options.enableSearch, settings.excludeUnmatchedRecordsInSearch);
+  const shortcutsState = usePauseShortcuts();
+  React__default.useEffect(() => {
+    // Needed for DataDog
+    if (!Array.isArray(props.data)) {
+      console.error('Table3 data value is not an array');
+    }
+  }, []);
+  // custom features - shared/migrated
+  const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);
+  const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);
+  const rowActive = useTableRowActive(true, props.defaultCurrentRowIndex);
+  const rowClick = useTableRowClick(true, props.onRowClick);
+  const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);
+  const rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);
+  const rowSelection = useTableRowSelection(options.enableRowSelection);
+  const server = useTableServerLoading(props.loadPage, props.loadAll);
+  // columns
+  const {
+    columns,
+    defaultColumnSizing,
+    defaultColumnVisibility,
+    defaultSorting
+  } = useConvertChildrenToColumns(props, options, editing);
+  // built-in features
+  const initialState = React__default.useMemo(() => {
+    var _settings$columnSizin, _settings$columnVisib, _props$defaultSetting, _props$defaultSetting3;
+    const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);
+    const state = {
+      columnOrder: ensureOrdering(columns, settings.columnOrder, [COLUMN_ID, COLUMN_ID$1]),
+      columnSizing: (_settings$columnSizin = settings.columnSizing) !== null && _settings$columnSizin !== void 0 ? _settings$columnSizin : defaultColumnSizing,
+      columnVisibility: (_settings$columnVisib = settings.columnVisibility) !== null && _settings$columnVisib !== void 0 ? _settings$columnVisib : defaultColumnVisibility,
+      sorting: settings.sorting ? settings.sorting.filter(sanitizeSortedColumns) : defaultSorting
+    };
+    // we don't save these outside the table, but they need to be here for print to inherit them - see PrintButton.tsx
+    if ((_props$defaultSetting = props.defaultSettings) !== null && _props$defaultSetting !== void 0 && _props$defaultSetting.columnFilters) {
+      var _props$defaultSetting2;
+      state.columnFilters = (_props$defaultSetting2 = props.defaultSettings) === null || _props$defaultSetting2 === void 0 ? void 0 : _props$defaultSetting2.columnFilters;
+    }
+    if ((_props$defaultSetting3 = props.defaultSettings) !== null && _props$defaultSetting3 !== void 0 && _props$defaultSetting3.globalFilter) {
+      var _props$defaultSetting4;
+      state.globalFilter = (_props$defaultSetting4 = props.defaultSettings) === null || _props$defaultSetting4 === void 0 ? void 0 : _props$defaultSetting4.globalFilter;
+    }
+    return state;
+  }, []);
+  const getSettings = () => {
+    const state = table.getState();
+    return {
+      columnFreezingIndex: columnFreezing.frozenColumnIndex,
+      columnOrder: columnOrdering.isEnabled ? state.columnOrder : undefined,
+      columnSizing: table.options.enableColumnResizing ? state.columnSizing : undefined,
+      columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,
+      excludeUnmatchedRecordsInSearch: search.excludeUnmatchedResults,
+      fontSize: fontSize.isEnabled ? fontSize.size : undefined,
+      rowHeight: rowHeight.isEnabled ? rowHeight.height : undefined,
+      showWarningWhenPrintingLargeDataset: printing.isWarningVisibleForLargeDatasets,
+      sorting: state.sorting
+    };
+  };
+  const table = useReactTable({
+    // We need to fallback to an empty array, to avoid table crash in the client
+    data: (_props$data = props.data) !== null && _props$data !== void 0 ? _props$data : [],
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    initialState,
+    ...tableOptions,
+    //debugAll: true,
+    meta: {
+      columnFreezing,
+      columnOrdering,
+      editing,
+      enableFooter: options.enableFooter,
+      fontSize,
+      getSettings,
+      isPrinting: props.id.endsWith('_print'),
+      isUsingServer: !!props.loadPage,
+      printing,
+      rowActions: rowActions,
+      rowActive,
+      rowClick: rowClick,
+      rowDrag,
+      rowDrop,
+      rowGoto,
+      rowHeight,
+      rowSelection,
+      search,
+      server,
+      shortcutsState,
+      tableRef: ref,
+      validation
+    }
+  });
+  // listeners
+  useEditingStateListener(table);
+  useSettingsStateListener(table, setSettings);
+  // listeners - shared/migrated
+  useTableDataListener(table);
+  useTableFilterListener(table, props.onFilter);
+  useTableFontSizeListener(table);
+  useTableRowSelectionListener(table, props.onRowSelect);
+  useTableServerLoadingListener(table, props.loadPage);
+  useTableShortcutsListener(table, props.shortcuts);
+  useTableSortingListener(table, props.onSort);
+  return {
+    table,
+    length: (_ref = (_props$length = props.length) !== null && _props$length !== void 0 ? _props$length : (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.length) !== null && _ref !== void 0 ? _ref : 0
+  };
+}
+function configureReactTableOptions(props, options) {
+  const tableOptions = {
+    enableColumnFilters: options.enableFiltering,
+    enableColumnResizing: options.enableColumnResizing,
+    enableExpanding: options.enableRowExpansion,
+    enableGlobalFilter: options.enableSearch,
+    enableHiding: options.enableColumnHiding,
+    enableRowSelection: options.enableRowSelection,
+    enableMultiRowSelection: !options.enableRowSelectionSingle,
+    enableSorting: options.enableSorting
+  };
+  // resizing
+  if (tableOptions.enableColumnResizing) {
+    tableOptions.columnResizeMode = 'onChange';
+  }
+  // filtering
+  if (tableOptions.enableColumnFilters) {
+    if (!props.onFilter) {
+      tableOptions.filterFns = {
+        tacoFilter: (row, columnId, filter) => columnFilterFn(row.getValue(columnId), filter)
+      };
+      tableOptions.getFilteredRowModel = getFilteredRowModel();
+    }
+    // we don't tableOptions.manualFiltering = true; because it breaks global filtering, server filtering still works :shrug:
+  }
+  // search
+  if (tableOptions.enableGlobalFilter) {
+    // search is always client side, since we call loadAll when searching
+    tableOptions.globalFilterFn = (row, columnId, searchQuery) => {
+      try {
+        if (row.original) {
+          const cell = row.getAllCells().find(cell => cell.column.id === columnId);
+          const columnMeta = cell === null || cell === void 0 ? void 0 : cell.column.columnDef.meta;
+          if (cell && cell.column.getIsVisible() && columnMeta !== null && columnMeta !== void 0 && columnMeta.enableSearch) {
+            const cellValue = getCellValueAsString(row.original[columnId], columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.dataType);
+            if (cellValue !== undefined) {
+              return globalFilterFn(cellValue, searchQuery);
+            }
+          }
+          return false;
+        }
+      } catch {
+        //
+      }
+      return false;
+    };
+    tableOptions.getFilteredRowModel = getFilteredRowModel();
+    tableOptions.getColumnCanGlobalFilter = column => {
+      var _column$columnDef$met;
+      return (_column$columnDef$met = column.columnDef.meta.enableSearch) !== null && _column$columnDef$met !== void 0 ? _column$columnDef$met : true;
+    };
+  }
+  // sorting
+  if (options.enableSorting) {
+    if (props.onSort) {
+      tableOptions.manualSorting = true;
+      // onSort is called as a listener to let the consumer update their data, so we don't use onSortingChange
+    } else {
+      tableOptions.getSortedRowModel = getSortedRowModel();
+    }
+  }
+  return tableOptions;
+}
+
+export { useTable };
+//# sourceMappingURL=useTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table3/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    Row as RTRow,\n    RowData,\n    Column as RTColumn,\n    TableOptions as RTableOptions,\n    TableState,\n    getSortedRowModel,\n    getFilteredRowModel,\n    ColumnMeta,\n} from '@tanstack/react-table';\nimport {\n    Table3ColumnAlignment,\n    Table3ColumnRenderer,\n    Table3Props,\n    Table3ColumnHeaderMenu,\n    Table3ColumnControlRenderer,\n    Table3ColumnDataType,\n    Table3ColumnClassNameHandler,\n    Table3ColumnFooterRenderer,\n    TableStrategy,\n    Table3FilterComparator,\n    Table3Settings,\n    Table3Options,\n    Table3Ref,\n} from '../types';\nimport { useTableRowActive } from '../../../primitives/Table/useTableManager/features/useTableRowActive';\nimport { useTablePreset } from './useTablePreset';\nimport { useTableRowHeight } from '../../../primitives/Table/useTableManager/features/useTableRowHeight';\nimport { useTableFontSize } from '../../../primitives/Table/useTableManager/features/useTableFontSize';\nimport { useTableRowSelectionListener } from '../../../primitives/Table/useTableManager/listeners/useTableRowSelectionListener';\nimport { useRowDrag } from './features/useRowDrag';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../util/filtering';\nimport { useTableSortingListener } from '../../../primitives/Table/useTableManager/listeners/useTableSortingListener';\nimport { useTableFilterListener } from '../../../primitives/Table/useTableManager/listeners/useTableFilterListener';\nimport { useTableDataListener } from '../../../primitives/Table/useTableManager/listeners/useTableDataListener';\nimport { useColumnFreezing } from './features/useColumnFreezing';\nimport { useTableRowSelection } from '../../../primitives/Table/useTableManager/features/useTableRowSelection';\nimport { useTableServerLoading } from '../../../primitives/Table/useTableManager/features/useTableServerLoading';\nimport { useTableRowClick } from '../../../primitives/Table/useTableManager/features/useTableRowClick';\nimport { useTableColumnOrdering } from '../../../primitives/Table/useTableManager/features/useTableColumnOrdering';\nimport { useRowDrop } from './features/useRowDrop';\nimport { useConvertChildrenToColumns } from './useConvertChildrenToColumns';\nimport { useEditing } from './features/useEditing';\nimport { usePrinting } from './features/usePrinting';\nimport { useTableShortcutsListener } from '../../../primitives/Table/useTableManager/listeners/useTableShortcutsListener';\nimport { useTableRowGoto } from '../../../primitives/Table/useTableManager/features/useTableRowGoto';\nimport { useTableServerLoadingListener } from '../../../primitives/Table/useTableManager/listeners/useTableServerLoadingListener';\nimport { useEditingStateListener } from './listeners/useEditingStateListener';\nimport { useSearch } from './features/useSearch';\nimport { useRowActions } from './features/useRowActions';\nimport { useSettings } from './features/useSettings';\nimport { getCellValueAsString } from '../util/columns';\nimport { Table3Validation, useValidation } from './features/useValidation';\nimport { usePauseShortcuts } from './features/usePauseShortcuts';\nimport { useTableFontSizeListener } from '../../../primitives/Table/useTableManager/listeners/useTableFontSizeListener';\nimport { ensureOrdering } from '../../../primitives/Table/useTableManager/util/columns';\nimport { COLUMN_ID as ACTIONS_COLUMN_ID } from '../components/columns/internal/Actions';\nimport { COLUMN_ID as EDITING_ACTIONS_COLUMN_ID } from '../components/columns/internal/EditingActions';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        columnFreezing: ReturnType<typeof useColumnFreezing>;\n        columnOrdering: ReturnType<typeof useTableColumnOrdering>;\n        editing: ReturnType<typeof useEditing>;\n        enableFooter: boolean;\n        fontSize: ReturnType<typeof useTableFontSize>;\n        getSettings: () => Table3Settings;\n        isPrinting: boolean;\n        isUsingServer: boolean;\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        printing: ReturnType<typeof usePrinting>;\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        rowActions: ReturnType<typeof useRowActions>;\n        rowActive: ReturnType<typeof useTableRowActive>;\n        rowClick: ReturnType<typeof useTableRowClick>;\n        rowDrag: ReturnType<typeof useRowDrag>;\n        rowDrop: ReturnType<typeof useRowDrop>;\n        rowGoto: ReturnType<typeof useTableRowGoto>;\n        rowHeight: ReturnType<typeof useTableRowHeight>;\n        rowSelection: ReturnType<typeof useTableRowSelection>;\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        search: ReturnType<typeof useSearch>;\n        server: ReturnType<typeof useTableServerLoading>;\n        shortcutsState: ReturnType<typeof usePauseShortcuts>;\n        tableRef: React.RefObject<Table3Ref>;\n        validation: Table3Validation<TData>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TData>;\n        control?: Table3ColumnControlRenderer<TData>;\n        dataType?: Table3ColumnDataType;\n        defaultWidth?: number;\n        enableOrdering?: boolean;\n        enableSearch: boolean;\n        enableTruncate?: boolean;\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        renderer?: Table3ColumnRenderer<TValue, TData>;\n        tooltip?: string;\n    }\n\n    interface CellContext<TData extends RowData, TValue> {\n        index: number;\n        tableRef: React.RefObject<HTMLDivElement>;\n    }\n\n    interface HeaderContext<TData extends RowData, TValue> {\n        scrollToIndex: TableStrategy['scrollToIndex'];\n    }\n}\n\nexport function useTable<TType = unknown>(props: Table3Props<TType>, ref: React.RefObject<Table3Ref>) {\n    // load any persisted table settings and merge them with any defaults\n    const [settings, setSettings] = useSettings(props.id, props.defaultSettings, props.onChangeSettings);\n\n    // configure table3 options\n    const options = useTablePreset(props);\n\n    // configure react-table built-in features\n    const tableOptions = configureReactTableOptions(props, options);\n\n    // configure custom features\n    const columnFreezing = useColumnFreezing(settings.columnFreezingIndex ?? props.defaultColumnFreezingIndex, options);\n    // can't change due to rename to \"active row\"\n    const validation = useValidation<TType>(props.onCellValidate, props.onRowValidate);\n    // not relevant to common table\n    const editing = useEditing<TType>(options.enableEditing, ref, validation, props.onSave);\n    // we changed how printing works, so this shouldn't be migrated\n    const printing = usePrinting(options.enablePrinting, settings.showWarningWhenPrintingLargeDataset, props.id);\n    // needs to be moved\n    const rowActions = useRowActions<TType>(props.actionsForRow, props.actionsForRowLength);\n    // not relevant to common table\n    const rowDrag = useRowDrag(options.enableRowDrag);\n    // not relevant to common table\n    const rowDrop = useRowDrop(options.enableRowDrop, props.onRowDrop);\n    // haven't migrated load all/server loading yet\n    const search = useSearch(options.enableSearch, settings.excludeUnmatchedRecordsInSearch);\n    const shortcutsState = usePauseShortcuts();\n\n    React.useEffect(() => {\n        // Needed for DataDog\n        if (!Array.isArray(props.data)) {\n            console.error('Table3 data value is not an array');\n        }\n    }, []);\n\n    // custom features - shared/migrated\n    const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);\n    const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);\n    const rowActive = useTableRowActive(true, props.defaultCurrentRowIndex);\n    const rowClick = useTableRowClick<TType>(true, props.onRowClick);\n    const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);\n    const rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);\n    const rowSelection = useTableRowSelection(options.enableRowSelection);\n    const server = useTableServerLoading(props.loadPage, props.loadAll);\n\n    // columns\n    const { columns, defaultColumnSizing, defaultColumnVisibility, defaultSorting } = useConvertChildrenToColumns<TType>(\n        props,\n        options,\n        editing\n    );\n\n    // built-in features\n    const initialState: Partial<TableState> = React.useMemo(() => {\n        const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);\n\n        const state: Partial<TableState> = {\n            columnOrder: ensureOrdering<TType>(columns, settings.columnOrder, [ACTIONS_COLUMN_ID, EDITING_ACTIONS_COLUMN_ID]),\n            columnSizing: settings.columnSizing ?? defaultColumnSizing,\n            columnVisibility: settings.columnVisibility ?? defaultColumnVisibility,\n            sorting: settings.sorting ? settings.sorting.filter(sanitizeSortedColumns) : defaultSorting,\n        };\n\n        // we don't save these outside the table, but they need to be here for print to inherit them - see PrintButton.tsx\n        if ((props.defaultSettings as any)?.columnFilters) {\n            state.columnFilters = (props.defaultSettings as any)?.columnFilters;\n        }\n\n        if ((props.defaultSettings as any)?.globalFilter) {\n            state.globalFilter = (props.defaultSettings as any)?.globalFilter;\n        }\n\n        return state;\n    }, []);\n\n    const getSettings = () => {\n        const state = table.getState();\n        return {\n            columnFreezingIndex: columnFreezing.frozenColumnIndex,\n            columnOrder: columnOrdering.isEnabled ? state.columnOrder : undefined,\n            columnSizing: table.options.enableColumnResizing ? state.columnSizing : undefined,\n            columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,\n            excludeUnmatchedRecordsInSearch: search.excludeUnmatchedResults,\n            fontSize: fontSize.isEnabled ? fontSize.size : undefined,\n            rowHeight: rowHeight.isEnabled ? rowHeight.height : undefined,\n            showWarningWhenPrintingLargeDataset: printing.isWarningVisibleForLargeDatasets,\n            sorting: state.sorting,\n        };\n    };\n\n    const table = useReactTable<TType>({\n        // We need to fallback to an empty array, to avoid table crash in the client\n        data: props.data ?? [],\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...tableOptions,\n        //debugAll: true,\n        meta: {\n            columnFreezing,\n            columnOrdering,\n            editing,\n            enableFooter: options.enableFooter,\n            fontSize,\n            getSettings,\n            isPrinting: props.id.endsWith('_print'),\n            isUsingServer: !!props.loadPage,\n            printing,\n            rowActions: rowActions as any,\n            rowActive,\n            rowClick: rowClick as any,\n            rowDrag,\n            rowDrop,\n            rowGoto,\n            rowHeight,\n            rowSelection,\n            search,\n            server,\n            shortcutsState,\n            tableRef: ref,\n            validation,\n        },\n    });\n\n    // listeners\n    useEditingStateListener(table);\n    useSettingsStateListener(table, setSettings);\n    // listeners - shared/migrated\n    useTableDataListener(table);\n    useTableFilterListener(table, props.onFilter);\n    useTableFontSizeListener(table);\n    useTableRowSelectionListener(table, props.onRowSelect);\n    useTableServerLoadingListener(table, props.loadPage);\n    useTableShortcutsListener(table, props.shortcuts);\n    useTableSortingListener(table, props.onSort);\n\n    return { table, length: props.length ?? props.data?.length ?? 0 };\n}\n\nfunction configureReactTableOptions<TType = unknown>(props: Table3Props<TType>, options: Table3Options) {\n    const tableOptions: Partial<RTableOptions<TType>> = {\n        enableColumnFilters: options.enableFiltering,\n        enableColumnResizing: options.enableColumnResizing,\n        enableExpanding: options.enableRowExpansion,\n        enableGlobalFilter: options.enableSearch,\n        enableHiding: options.enableColumnHiding,\n        enableRowSelection: options.enableRowSelection,\n        enableMultiRowSelection: !options.enableRowSelectionSingle,\n        enableSorting: options.enableSorting,\n    };\n\n    // resizing\n    if (tableOptions.enableColumnResizing) {\n        tableOptions.columnResizeMode = 'onChange';\n    }\n\n    // filtering\n    if (tableOptions.enableColumnFilters) {\n        if (!props.onFilter) {\n            tableOptions.filterFns = {\n                tacoFilter: (row: RTRow<TType>, columnId: string, filter: any) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            tableOptions.getFilteredRowModel = getFilteredRowModel();\n        }\n\n        // we don't tableOptions.manualFiltering = true; because it breaks global filtering, server filtering still works :shrug:\n    }\n\n    // search\n    if (tableOptions.enableGlobalFilter) {\n        // search is always client side, since we call loadAll when searching\n        tableOptions.globalFilterFn = (row: RTRow<TType>, columnId: string, searchQuery: string) => {\n            try {\n                if (row.original) {\n                    const cell = row.getAllCells().find(cell => cell.column.id === columnId);\n                    const columnMeta = cell?.column.columnDef.meta;\n\n                    if (cell && cell.column.getIsVisible() && columnMeta?.enableSearch) {\n                        const cellValue = getCellValueAsString(row.original[columnId], columnMeta?.dataType);\n\n                        if (cellValue !== undefined) {\n                            return globalFilterFn(cellValue, searchQuery);\n                        }\n                    }\n                    return false;\n                }\n            } catch {\n                //\n            }\n\n            return false;\n        };\n        tableOptions.getFilteredRowModel = getFilteredRowModel();\n        tableOptions.getColumnCanGlobalFilter = (column: RTColumn<TType>) =>\n            (column.columnDef.meta as ColumnMeta<TType, unknown>).enableSearch ?? true;\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        if (props.onSort) {\n            tableOptions.manualSorting = true;\n            // onSort is called as a listener to let the consumer update their data, so we don't use onSortingChange\n        } else {\n            tableOptions.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    return tableOptions;\n}\n"],"names":["useTable","props","ref","settings","setSettings","useSettings","id","defaultSettings","onChangeSettings","options","useTablePreset","tableOptions","configureReactTableOptions","columnFreezing","useColumnFreezing","_settings$columnFreez","columnFreezingIndex","defaultColumnFreezingIndex","validation","useValidation","onCellValidate","onRowValidate","editing","useEditing","enableEditing","onSave","printing","usePrinting","enablePrinting","showWarningWhenPrintingLargeDataset","rowActions","useRowActions","actionsForRow","actionsForRowLength","rowDrag","useRowDrag","enableRowDrag","rowDrop","useRowDrop","enableRowDrop","onRowDrop","search","useSearch","enableSearch","excludeUnmatchedRecordsInSearch","shortcutsState","usePauseShortcuts","React","useEffect","Array","isArray","data","console","error","columnOrdering","useTableColumnOrdering","enableColumnOrdering","fontSize","useTableFontSize","enableFontSize","rowActive","useTableRowActive","defaultCurrentRowIndex","rowClick","useTableRowClick","onRowClick","rowGoto","useTableRowGoto","enableRowGoto","onRowGoto","rowHeight","useTableRowHeight","enableRowHeight","rowSelection","useTableRowSelection","enableRowSelection","server","useTableServerLoading","loadPage","loadAll","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","useConvertChildrenToColumns","initialState","useMemo","sanitizeSortedColumns","column","find","definedColumn","state","columnOrder","ensureOrdering","ACTIONS_COLUMN_ID","EDITING_ACTIONS_COLUMN_ID","columnSizing","_settings$columnSizin","columnVisibility","_settings$columnVisib","sorting","filter","_props$defaultSetting","columnFilters","_props$defaultSetting2","_props$defaultSetting3","globalFilter","_props$defaultSetting4","getSettings","table","getState","frozenColumnIndex","isEnabled","undefined","enableColumnResizing","enableHiding","excludeUnmatchedResults","size","height","isWarningVisibleForLargeDatasets","useReactTable","_props$data","getCoreRowModel","meta","enableFooter","isPrinting","endsWith","isUsingServer","tableRef","useEditingStateListener","useSettingsStateListener","useTableDataListener","useTableFilterListener","onFilter","useTableFontSizeListener","useTableRowSelectionListener","onRowSelect","useTableServerLoadingListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onSort","length","_ref","_props$length","_props$data2","enableColumnFilters","enableFiltering","enableExpanding","enableRowExpansion","enableGlobalFilter","enableColumnHiding","enableMultiRowSelection","enableRowSelectionSingle","enableSorting","columnResizeMode","filterFns","tacoFilter","row","columnId","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","searchQuery","original","cell","getAllCells","columnMeta","columnDef","getIsVisible","cellValue","getCellValueAsString","dataType","getColumnCanGlobalFilter","_column$columnDef$met","manualSorting","getSortedRowModel"],"mappings":"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"}

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

@@ -0,0 +1,130 @@
+import React__default from 'react';
+import { _finallyRethrows, _catch } from '../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+
+function useTable3DataLoader(fetch, fetchAll, options = {
+  pageSize: 100
+}) {
+  const {
+    pageSize
+  } = options;
+  // track the data length, we don't know it until the first request
+  const length = React__default.useRef(undefined);
+  // data will be filled after the first request, then we'll update values in place
+  const [data, setData] = React__default.useState([]);
+  // track which pages have been loaded to dedupe requests
+  const _pendingPageRequests = React__default.useRef({});
+  const _lastUsedSorting = React__default.useRef([]);
+  const _lastUsedFilters = React__default.useRef([]);
+  const _lastUsedSearch = React__default.useRef();
+  const _forceReset = React__default.useRef(false);
+  const loadPage = function (pageIndex, sorting, filters, search) {
+    try {
+      let reset = false;
+      // sorting or filters changed, reset everything
+      if (_forceReset.current || search !== _lastUsedSearch.current || JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) || JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)) {
+        _pendingPageRequests.current = {};
+        // nuke the dataset so that we "start again" after sorting
+        reset = true;
+      }
+      if (_pendingPageRequests.current[pageIndex]) {
+        // if page is already loaded/loading, abort, otherwise mark it as loading
+        return Promise.resolve();
+      } else {
+        _pendingPageRequests.current[pageIndex] = true;
+      }
+      _forceReset.current = false;
+      // set the sorting so we can track if it changed between loads
+      _lastUsedSorting.current = sorting;
+      // set the filters so we can track if it changed between loads
+      _lastUsedFilters.current = filters;
+      // set the search so we can track if it changed between loads
+      _lastUsedSearch.current = search;
+      const _temp = _finallyRethrows(function () {
+        return _catch(function () {
+          return Promise.resolve(fetch(pageIndex, pageSize, sorting, filters, search)).then(function (response) {
+            // update state, here we do some "magic" to support "load in place"
+            setData(currentData => {
+              let nextData;
+              // reset table state if:
+              // - the length isn't set at all (first load)
+              // - the client length and server length are different (the data changed)
+              if (reset || length.current !== response.length) {
+                length.current = response.length;
+                nextData = Array(length.current).fill(undefined);
+              } else {
+                nextData = [...currentData];
+              }
+              const startIndex = pageIndex * pageSize;
+              nextData.splice(startIndex, pageSize, ...response.data);
+              return nextData;
+            });
+          });
+        }, function () {});
+      }, function (_wasThrown, _result) {
+        _pendingPageRequests.current[pageIndex] = false;
+        if (_wasThrown) throw _result;
+        return _result;
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const loadAll = function (sorting, filters, search) {
+    try {
+      const _temp2 = _catch(function () {
+        return Promise.resolve(fetchAll(sorting, filters, search)).then(function (response) {
+          length.current = response.length;
+          setData(() => {
+            let nextData;
+            if (response.data.length !== response.length) {
+              nextData = Array(response.length).fill(undefined);
+              nextData.splice(0, response.data.length, ...response.data);
+            } else {
+              nextData = [...response.data];
+            }
+            return nextData;
+          });
+        });
+      }, function () {});
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const invalidate = function () {
+    try {
+      _forceReset.current = true;
+      return loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current, _lastUsedSearch.current);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  // we reset the page to 0 whenever sorting, filtering or search changes
+  const handleSort = function (sorting) {
+    try {
+      return loadPage(0, sorting, _lastUsedFilters.current, _lastUsedSearch.current);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleFilter = function (filters) {
+    try {
+      return loadPage(0, _lastUsedSorting.current, filters, _lastUsedSearch.current);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return [{
+    data,
+    length: length.current,
+    loadAll,
+    loadPage,
+    onFilter: handleFilter,
+    onSort: handleSort,
+    pageSize
+  }, invalidate];
+}
+
+export { useTable3DataLoader };
+//# sourceMappingURL=useTableDataLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableDataLoader.js","sources":["../../../../../../../../src/components/Table3/hooks/useTableDataLoader.ts"],"sourcesContent":["import React from 'react';\nimport {\n    ColumnFilter,\n    Table3ColumnSort,\n    Table3FilterHandler,\n    Table3LoadAllHandler,\n    Table3LoadPageHandler,\n    Table3SortHandler,\n} from '../types';\n\nexport type useTable3DataFetcher<TType = unknown> = (\n    pageIndex: number,\n    pageSize: number,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTable3AllDataFetcher<TType = unknown> = (\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTable3DataOptions = { pageSize: number };\n\nexport type useTable3DataFetcherValues<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: Table3LoadAllHandler;\n    loadPage: Table3LoadPageHandler;\n    onFilter: Table3FilterHandler;\n    onSort: Table3SortHandler;\n    pageSize: number;\n};\n\nexport function useTable3DataLoader<TType = unknown>(\n    fetch: useTable3DataFetcher<TType>,\n    fetchAll: useTable3AllDataFetcher<TType>,\n    options: useTable3DataOptions = { pageSize: 100 }\n): [useTable3DataFetcherValues<TType>, () => void] {\n    const { pageSize } = options;\n\n    // track the data length, we don't know it until the first request\n    const length = React.useRef<number | undefined>(undefined);\n    // data will be filled after the first request, then we'll update values in place\n    const [data, setData] = React.useState<any[]>([]);\n    // track which pages have been loaded to dedupe requests\n    const _pendingPageRequests = React.useRef({});\n    const _lastUsedSorting = React.useRef<Table3ColumnSort[]>([]);\n    const _lastUsedFilters = React.useRef<ColumnFilter[]>([]);\n    const _lastUsedSearch = React.useRef<string>();\n    const _forceReset = React.useRef(false);\n\n    const loadPage = async (\n        pageIndex: number,\n        sorting: Table3ColumnSort[],\n        filters: ColumnFilter[],\n        search: string | undefined\n    ) => {\n        let reset = false;\n\n        // sorting or filters changed, reset everything\n        if (\n            _forceReset.current ||\n            search !== _lastUsedSearch.current ||\n            JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)\n        ) {\n            _pendingPageRequests.current = {};\n            // nuke the dataset so that we \"start again\" after sorting\n            reset = true;\n        }\n\n        if (_pendingPageRequests.current[pageIndex]) {\n            // if page is already loaded/loading, abort, otherwise mark it as loading\n            return;\n        } else {\n            _pendingPageRequests.current[pageIndex] = true;\n        }\n\n        _forceReset.current = false;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        // set the search so we can track if it changed between loads\n        _lastUsedSearch.current = search;\n\n        try {\n            const response = await fetch(pageIndex, pageSize, sorting, filters, search);\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData(currentData => {\n                let nextData;\n\n                // reset table state if:\n                // - the length isn't set at all (first load)\n                // - the client length and server length are different (the data changed)\n                if (reset || length.current !== response.length) {\n                    length.current = response.length;\n                    nextData = Array(length.current).fill(undefined);\n                } else {\n                    nextData = [...currentData];\n                }\n\n                const startIndex = pageIndex * pageSize;\n                nextData.splice(startIndex, pageSize, ...response.data);\n                return nextData;\n            });\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current[pageIndex] = false;\n        }\n    };\n\n    const loadAll = async (sorting: Table3ColumnSort[], filters: ColumnFilter[], search: string | undefined) => {\n        try {\n            const response = await fetchAll(sorting, filters, search);\n            length.current = response.length;\n\n            setData(() => {\n                let nextData;\n\n                if (response.data.length !== response.length) {\n                    nextData = Array(response.length).fill(undefined);\n                    nextData.splice(0, response.data.length, ...response.data);\n                } else {\n                    nextData = [...response.data];\n                }\n\n                return nextData;\n            });\n        } catch {\n            //\n        }\n    };\n\n    const invalidate = async () => {\n        _forceReset.current = true;\n        return loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current, _lastUsedSearch.current);\n    };\n\n    // we reset the page to 0 whenever sorting, filtering or search changes\n    const handleSort = async (sorting: Table3ColumnSort[]) =>\n        loadPage(0, sorting, _lastUsedFilters.current, _lastUsedSearch.current);\n    const handleFilter = async (filters: ColumnFilter[]) =>\n        loadPage(0, _lastUsedSorting.current, filters, _lastUsedSearch.current);\n\n    return [\n        {\n            data,\n            length: length.current,\n            loadAll,\n            loadPage,\n            onFilter: handleFilter,\n            onSort: handleSort,\n            pageSize,\n        },\n        invalidate,\n    ];\n}\n"],"names":["useTable3DataLoader","fetch","fetchAll","options","pageSize","length","React","useRef","undefined","data","setData","useState","_pendingPageRequests","_lastUsedSorting","_lastUsedFilters","_lastUsedSearch","_forceReset","loadPage","pageIndex","sorting","filters","search","reset","current","JSON","stringify","Promise","resolve","_temp","_finallyRethrows","_catch","then","response","currentData","nextData","Array","fill","startIndex","splice","_wasThrown","_result","e","reject","loadAll","_temp2","invalidate","handleSort","handleFilter","onFilter","onSort"],"mappings":"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"}

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

@@ -0,0 +1,122 @@
+import React__default from 'react';
+
+const DEFAULT_ALL_DISABLED = {
+  enableColumnFreezing: false,
+  enableColumnHiding: false,
+  enableColumnOrdering: false,
+  enableColumnResizing: false,
+  enableFontSize: false,
+  enableFooter: false,
+  enablePrinting: false,
+  enableRowDrag: false,
+  enableRowDrop: false,
+  enableRowExpansion: false,
+  enableRowGoto: false,
+  enableRowHeight: false,
+  enableRowSelection: false,
+  enableRowSelectionSingle: false,
+  enableEditing: false,
+  enableFiltering: false,
+  enableSearch: false,
+  enableSorting: false
+};
+const presets = {
+  display: {
+    enableColumnFreezing: true,
+    enableColumnHiding: true,
+    enableColumnOrdering: true,
+    enableColumnResizing: true,
+    enableFontSize: true,
+    enableFooter: true,
+    enablePrinting: false,
+    enableRowDrag: true,
+    enableRowDrop: true,
+    enableRowExpansion: true,
+    enableRowGoto: true,
+    enableRowHeight: true,
+    enableRowSelection: true,
+    enableRowSelectionSingle: false,
+    enableEditing: false,
+    enableFiltering: true,
+    enableSearch: true,
+    enableSorting: true
+  },
+  editable: {
+    enableColumnFreezing: true,
+    enableColumnHiding: true,
+    enableColumnOrdering: true,
+    enableColumnResizing: true,
+    enableFontSize: true,
+    enableFooter: true,
+    enablePrinting: false,
+    enableRowDrag: true,
+    enableRowDrop: true,
+    enableRowExpansion: true,
+    enableRowGoto: true,
+    enableRowHeight: true,
+    enableRowSelection: true,
+    enableRowSelectionSingle: false,
+    enableEditing: true,
+    enableFiltering: true,
+    enableSearch: true,
+    enableSorting: true
+  },
+  card: {
+    enableColumnFreezing: false,
+    enableColumnHiding: false,
+    enableColumnOrdering: false,
+    enableColumnResizing: false,
+    enableFontSize: false,
+    enableFooter: false,
+    enablePrinting: false,
+    enableRowDrag: false,
+    enableRowDrop: false,
+    enableRowExpansion: false,
+    enableRowGoto: false,
+    enableRowHeight: false,
+    enableRowSelection: false,
+    enableRowSelectionSingle: false,
+    enableEditing: false,
+    enableFiltering: false,
+    enableSearch: false,
+    enableSorting: true
+  }
+};
+function useTablePreset(props) {
+  var _props$enableRowExpan, _props$enableRowSelec, _props$enableColumnFr, _props$enableColumnHi, _props$enableColumnOr, _props$enableColumnRe, _props$enableFontSize, _props$enableFooter, _props$enablePrinting, _props$enableRowDrag, _props$enableRowDrop, _props$enableRowGoto, _props$enableRowHeigh, _props$enableRowSelec2, _props$enableEditing, _props$enableFilterin, _props$enableSearch, _props$enableSorting;
+  const presetOptions = props.preset ? presets[props.preset] : DEFAULT_ALL_DISABLED;
+  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;
+  // guard options that might be unintentionally broken
+  React__default.useEffect(() => {
+    if (enableRowExpansion && !props.expandedRowRenderer) {
+      console.warn(`Table3 (id: ${props.id}) - Row expansion is enabled but no \`expandedRowRenderer\` has been provided. Provide one to enable row expansion or set \`enableRowExpansion\` to \`false\`.`);
+    }
+    if (enableRowSelection && !props.onRowSelect) {
+      console.warn(`Table3 (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\`.`);
+    }
+  }, []);
+  return {
+    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,
+    enableColumnOrdering: (_props$enableColumnOr = props.enableColumnOrdering) !== null && _props$enableColumnOr !== void 0 ? _props$enableColumnOr : presetOptions.enableColumnOrdering,
+    enableColumnResizing: (_props$enableColumnRe = props.enableColumnResizing) !== null && _props$enableColumnRe !== void 0 ? _props$enableColumnRe : presetOptions.enableColumnResizing,
+    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,
+    enableRowDrag: ((_props$enableRowDrag = props.enableRowDrag) !== null && _props$enableRowDrag !== void 0 ? _props$enableRowDrag : presetOptions.enableRowDrag) && !!props.onRowDrag,
+    enableRowDrop: ((_props$enableRowDrop = props.enableRowDrop) !== null && _props$enableRowDrop !== void 0 ? _props$enableRowDrop : presetOptions.enableRowDrop) && !!props.onRowDrop,
+    enableRowExpansion: enableRowExpansion && !!props.expandedRowRenderer,
+    enableRowGoto: ((_props$enableRowGoto = props.enableRowGoto) !== null && _props$enableRowGoto !== void 0 ? _props$enableRowGoto : presetOptions.enableRowGoto) && !!props.onRowGoto,
+    enableRowHeight: (_props$enableRowHeigh = props.enableRowHeight) !== null && _props$enableRowHeigh !== void 0 ? _props$enableRowHeigh : presetOptions.enableRowHeight,
+    enableRowSelection: enableRowSelection && !!props.onRowSelect,
+    enableRowSelectionSingle: ((_props$enableRowSelec2 = props.enableRowSelectionSingle) !== null && _props$enableRowSelec2 !== void 0 ? _props$enableRowSelec2 : presetOptions.enableRowSelectionSingle) && enableRowSelection && !!props.onRowSelect,
+    enableEditing: (_props$enableEditing = props.enableEditing) !== null && _props$enableEditing !== void 0 ? _props$enableEditing : presetOptions.enableEditing,
+    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
+  };
+}
+
+export { useTablePreset };
+//# sourceMappingURL=useTablePreset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTablePreset.js","sources":["../../../../../../../../src/components/Table3/hooks/useTablePreset.ts"],"sourcesContent":["import React from 'react';\nimport { Table3Options, Table3Preset, Table3Props } from '../types';\n\nconst DEFAULT_ALL_DISABLED: Table3Options = {\n    enableColumnFreezing: false,\n    enableColumnHiding: false,\n    enableColumnOrdering: false,\n    enableColumnResizing: false,\n    enableFontSize: false,\n    enableFooter: false,\n    enablePrinting: false,\n    enableRowDrag: false,\n    enableRowDrop: false,\n    enableRowExpansion: false,\n    enableRowGoto: false,\n    enableRowHeight: false,\n    enableRowSelection: false,\n    enableRowSelectionSingle: false,\n    enableEditing: false,\n    enableFiltering: false,\n    enableSearch: false,\n    enableSorting: false,\n};\n\nconst presets: Record<Table3Preset, Table3Options> = {\n    display: {\n        enableColumnFreezing: true,\n        enableColumnHiding: true,\n        enableColumnOrdering: true,\n        enableColumnResizing: true,\n        enableFontSize: true,\n        enableFooter: true,\n        enablePrinting: false,\n        enableRowDrag: true,\n        enableRowDrop: true,\n        enableRowExpansion: true,\n        enableRowGoto: true,\n        enableRowHeight: true,\n        enableRowSelection: true,\n        enableRowSelectionSingle: false,\n        enableEditing: false,\n        enableFiltering: true,\n        enableSearch: true,\n        enableSorting: true,\n    },\n    editable: {\n        enableColumnFreezing: true,\n        enableColumnHiding: true,\n        enableColumnOrdering: true,\n        enableColumnResizing: true,\n        enableFontSize: true,\n        enableFooter: true,\n        enablePrinting: false,\n        enableRowDrag: true,\n        enableRowDrop: true,\n        enableRowExpansion: true,\n        enableRowGoto: true,\n        enableRowHeight: true,\n        enableRowSelection: true,\n        enableRowSelectionSingle: false,\n        enableEditing: true,\n        enableFiltering: true,\n        enableSearch: true,\n        enableSorting: true,\n    },\n    card: {\n        enableColumnFreezing: false,\n        enableColumnHiding: false,\n        enableColumnOrdering: false,\n        enableColumnResizing: false,\n        enableFontSize: false,\n        enableFooter: false,\n        enablePrinting: false,\n        enableRowDrag: false,\n        enableRowDrop: false,\n        enableRowExpansion: false,\n        enableRowGoto: false,\n        enableRowHeight: false,\n        enableRowSelection: false,\n        enableRowSelectionSingle: false,\n        enableEditing: false,\n        enableFiltering: false,\n        enableSearch: false,\n        enableSorting: true,\n    },\n};\n\nexport function useTablePreset<TType = unknown>(props: Table3Props<TType>): Table3Options {\n    const presetOptions = props.preset ? presets[props.preset] : DEFAULT_ALL_DISABLED;\n\n    const enableRowExpansion = props.enableRowExpansion ?? presetOptions.enableRowExpansion;\n    const enableRowSelection = props.enableRowSelection ?? presetOptions.enableRowSelection;\n\n    // guard options that might be unintentionally broken\n    React.useEffect(() => {\n        if (enableRowExpansion && !props.expandedRowRenderer) {\n            console.warn(\n                `Table3 (id: ${props.id}) - Row expansion is enabled but no \\`expandedRowRenderer\\` has been provided. Provide one to enable row expansion or set \\`enableRowExpansion\\` to \\`false\\`.`\n            );\n        }\n\n        if (enableRowSelection && !props.onRowSelect) {\n            console.warn(\n                `Table3 (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\\`.`\n            );\n        }\n    }, []);\n\n    return {\n        enableColumnFreezing: props.enableColumnFreezing ?? presetOptions.enableColumnFreezing,\n        enableColumnHiding: props.enableColumnHiding ?? presetOptions.enableColumnHiding,\n        enableColumnOrdering: props.enableColumnOrdering ?? presetOptions.enableColumnOrdering,\n        enableColumnResizing: props.enableColumnResizing ?? presetOptions.enableColumnResizing,\n        enableFontSize: props.enableFontSize ?? presetOptions.enableFontSize,\n        enableFooter: props.enableFooter ?? presetOptions.enableFooter,\n        enablePrinting: props.enablePrinting ?? presetOptions.enablePrinting,\n        enableRowDrag: (props.enableRowDrag ?? presetOptions.enableRowDrag) && !!props.onRowDrag,\n        enableRowDrop: (props.enableRowDrop ?? presetOptions.enableRowDrop) && !!props.onRowDrop,\n        enableRowExpansion: enableRowExpansion && !!props.expandedRowRenderer,\n        enableRowGoto: (props.enableRowGoto ?? presetOptions.enableRowGoto) && !!props.onRowGoto,\n        enableRowHeight: props.enableRowHeight ?? presetOptions.enableRowHeight,\n        enableRowSelection: enableRowSelection && !!props.onRowSelect,\n        enableRowSelectionSingle:\n            (props.enableRowSelectionSingle ?? presetOptions.enableRowSelectionSingle) &&\n            enableRowSelection &&\n            !!props.onRowSelect,\n        enableEditing: props.enableEditing ?? presetOptions.enableEditing,\n        enableFiltering: props.enableFiltering ?? presetOptions.enableFiltering,\n        enableSearch: props.enableSearch ?? presetOptions.enableSearch,\n        enableSorting: props.enableSorting ?? presetOptions.enableSorting,\n    };\n}\n"],"names":["DEFAULT_ALL_DISABLED","enableColumnFreezing","enableColumnHiding","enableColumnOrdering","enableColumnResizing","enableFontSize","enableFooter","enablePrinting","enableRowDrag","enableRowDrop","enableRowExpansion","enableRowGoto","enableRowHeight","enableRowSelection","enableRowSelectionSingle","enableEditing","enableFiltering","enableSearch","enableSorting","presets","display","editable","card","useTablePreset","props","presetOptions","preset","_props$enableRowExpan","_props$enableRowSelec","React","useEffect","expandedRowRenderer","console","warn","id","onRowSelect","_props$enableColumnFr","_props$enableColumnHi","_props$enableColumnOr","_props$enableColumnRe","_props$enableFontSize","_props$enableFooter","_props$enablePrinting","_props$enableRowDrag","onRowDrag","_props$enableRowDrop","onRowDrop","_props$enableRowGoto","onRowGoto","_props$enableRowHeigh","_props$enableRowSelec2","_props$enableEditing","_props$enableFilterin","_props$enableSearch","_props$enableSorting"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import React__default from 'react';
+
+function useTableRefInstanceSetup(table, ref) {
+  React__default.useEffect(() => {
+    if (ref.current) {
+      const tableMeta = table.options.meta;
+      ref.current.instance = {
+        resetFiltering: () => table.resetColumnFilters(),
+        resetRowExpansion: () => table.resetExpanded(),
+        resetRowSelection: () => table.resetRowSelection(),
+        resetSorting: () => table.resetSorting(),
+        toggleEditing: enabled => tableMeta.editing.toggleEditing(enabled !== null && enabled !== void 0 ? enabled : editing => !editing)
+      };
+    }
+  }, [table, ref.current]);
+}
+
+export { useTableRefInstanceSetup };
+//# sourceMappingURL=useTableRefInstanceSetup.js.map