@economic/taco 1.41.0 → 2.0.0-alpha.5

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

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

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

@@ -0,0 +1,128 @@
+import React__default from 'react';
+import { _finallyRethrows, _catch } from '../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+
+function useTableData(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 loadPage = function (pageIndex, sorting, filters, search) {
+    try {
+      let reset = false;
+      // sorting or filters changed, reset everything
+      if (JSON.stringify(sorting) !== JSON.stringify(lastUsedSorting.current) || JSON.stringify(filters) !== JSON.stringify(lastUsedFilters.current) || search !== lastUsedSearch.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;
+      }
+      // 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);
+    }
+  };
+  // 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);
+    }
+  };
+  const handleSearch = function (query) {
+    try {
+      return loadAll(lastUsedSorting.current, lastUsedFilters.current, query);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return {
+    data,
+    length: length.current,
+    loadAll,
+    loadPage,
+    onFilter: handleFilter,
+    onSearch: handleSearch,
+    onSort: handleSort,
+    pageSize
+  };
+}
+
+export { useTableData };
+//# sourceMappingURL=useTableData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableData.js","sources":["../../../../../../../../src/components/Table3/hooks/useTableData.ts"],"sourcesContent":["import React from 'react';\nimport {\n    ColumnFilter,\n    Table3ColumnSort,\n    Table3FilterHandler,\n    Table3LoadAllHandler,\n    Table3LoadPageHandler,\n    Table3SearchHandler,\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 useTableDataValues<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: Table3LoadAllHandler;\n    loadPage: Table3LoadPageHandler;\n    onFilter: Table3FilterHandler;\n    onSearch: Table3SearchHandler;\n    onSort: Table3SortHandler;\n    pageSize: number;\n};\n\nexport function useTableData<TType = unknown>(\n    fetch: useTable3DataFetcher<TType>,\n    fetchAll: useTable3AllDataFetcher<TType>,\n    options: useTable3DataOptions = { pageSize: 100 }\n): useTableDataValues<TType> {\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\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            JSON.stringify(sorting) !== JSON.stringify(lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(lastUsedFilters.current) ||\n            search !== lastUsedSearch.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        // 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    // 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[]) => loadPage(0, lastUsedSorting.current, filters, lastUsedSearch.current);\n    const handleSearch = async (query: string) => loadAll(lastUsedSorting.current, lastUsedFilters.current, query);\n\n    return {\n        data,\n        length: length.current,\n        loadAll,\n        loadPage,\n        onFilter: handleFilter,\n        onSearch: handleSearch as any,\n        onSort: handleSort,\n        pageSize,\n    };\n}\n"],"names":["useTableData","fetch","fetchAll","options","pageSize","length","React","useRef","undefined","data","setData","useState","_pendingPageRequests","lastUsedSorting","lastUsedFilters","lastUsedSearch","loadPage","pageIndex","sorting","filters","search","reset","JSON","stringify","current","response","currentData","nextData","Array","fill","startIndex","splice","loadAll","handleSort","handleFilter","handleSearch","query","onFilter","onSearch","onSort"],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+import React__default from 'react';
+
+const DEFAULT_ALL_DISABLED = {
+  enableColumnFreezing: false,
+  enableColumnHiding: false,
+  enableColumnOrdering: false,
+  enableColumnResizing: false,
+  enableFontSize: 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,
+    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,
+    enablePrinting: false,
+    enableRowDrag: true,
+    enableRowDrop: true,
+    enableRowExpansion: true,
+    enableRowGoto: true,
+    enableRowHeight: true,
+    enableRowSelection: true,
+    enableRowSelectionSingle: false,
+    enableEditing: true,
+    enableFiltering: true,
+    enableSearch: true,
+    enableSorting: true
+  }
+};
+function useTablePreset(props) {
+  var _props$enableRowExpan, _props$enableRowSelec, _props$enableColumnFr, _props$enableColumnHi, _props$enableColumnOr, _props$enableColumnRe, _props$enableFontSize, _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,
+    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    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        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        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};\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        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","enablePrinting","enableRowDrag","enableRowDrop","enableRowExpansion","enableRowGoto","enableRowHeight","enableRowSelection","enableRowSelectionSingle","enableEditing","enableFiltering","enableSearch","enableSorting","presets","display","editable","useTablePreset","props","presetOptions","preset","React","useEffect","expandedRowRenderer","console","warn","id","onRowSelect","onRowDrag","onRowDrop","onRowGoto"],"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRefInstanceSetup.js","sources":["../../../../../../../../src/components/Table3/hooks/useTableRefInstanceSetup.ts"],"sourcesContent":["import React from 'react';\nimport { Table3Ref } from '../types';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useTableRefInstanceSetup<TType = unknown>(table: RTable<TType>, ref: React.RefObject<Table3Ref>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            const tableMeta = table.options.meta as TableMeta<TType>;\n\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n                toggleEditing: (enabled: boolean | undefined) =>\n                    tableMeta.editing.toggleEditing(enabled ?? (editing => !editing)),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":["useTableRefInstanceSetup","table","ref","React","useEffect","current","tableMeta","options","meta","instance","resetFiltering","resetColumnFilters","resetRowExpansion","resetExpanded","resetRowSelection","resetSorting","toggleEditing","enabled","editing"],"mappings":";;SAIgBA,wBAAwB,CAAkBC,KAAoB,EAAEC,GAA+B;EAC3GC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,GAAG,CAACG,OAAO,EAAE;MACb,MAAMC,SAAS,GAAGL,KAAK,CAACM,OAAO,CAACC,IAAwB;MAExDN,GAAG,CAACG,OAAO,CAACI,QAAQ,GAAG;QACnBC,cAAc,EAAE,MAAMT,KAAK,CAACU,kBAAkB,EAAE;QAChDC,iBAAiB,EAAE,MAAMX,KAAK,CAACY,aAAa,EAAE;QAC9CC,iBAAiB,EAAE,MAAMb,KAAK,CAACa,iBAAiB,EAAE;QAClDC,YAAY,EAAE,MAAMd,KAAK,CAACc,YAAY,EAAE;QACxCC,aAAa,EAAGC,OAA4B,IACxCX,SAAS,CAACY,OAAO,CAACF,aAAa,CAACC,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAKC,OAAO,IAAI,CAACA,OAAO;OACtE;;GAER,EAAE,CAACjB,KAAK,EAAEC,GAAG,CAACG,OAAO,CAAC,CAAC;AAC5B;;;;"}

package/dist/esm/packages/taco/src/components/Table3/strategies/index.js

@@ -0,0 +1,8 @@
+import { useTableRenderStrategy as useTableRenderStrategy$1 } from './virtualised.js';
+
+function useTableRenderStrategy(props, table, ref) {
+  return useTableRenderStrategy$1(props, table, ref);
+}
+
+export { useTableRenderStrategy };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Table3/strategies/index.ts"],"sourcesContent":["import { Table as RTable } from '@tanstack/react-table';\nimport { Table3Props, TableStrategy } from '../types';\nimport * as virtualRenderer from './virtualised';\n\nexport function useTableRenderStrategy<TType = unknown>(\n    props: Table3Props<TType>,\n    table: RTable<TType>,\n    ref: React.RefObject<HTMLDivElement>\n): TableStrategy {\n    return virtualRenderer.useTableRenderStrategy<TType>(props, table, ref);\n}\n"],"names":["useTableRenderStrategy","props","table","ref","virtualRenderer"],"mappings":";;SAIgBA,sBAAsB,CAClCC,KAAyB,EACzBC,KAAoB,EACpBC,GAAoC;EAEpC,OAAOC,wBAAsC,CAAQH,KAAK,EAAEC,KAAK,EAAEC,GAAG,CAAC;AAC3E;;;;"}

package/dist/esm/packages/taco/src/components/Table3/strategies/virtualised.js

@@ -0,0 +1,113 @@
+import React__default from 'react';
+import { flexRender } from '@tanstack/react-table';
+import { useVirtual } from 'react-virtual';
+import { Row } from '../components/rows/Row.js';
+import { ExpandedRow } from '../components/rows/ExpandedRow.js';
+import { rowHeightSizeEstimates } from '../components/rows/styles.js';
+import { SkeletonRow } from '../components/rows/SkeletonRow.js';
+
+function createBodyRenderer(props, rows, table, tableRef, virtualiser, setExpandedRowSizes) {
+  return () => {
+    if (rows.length) {
+      var _virtualiser$virtualI, _virtualiser$virtualI2, _virtualiser$virtualI3, _virtualiser$virtualI4;
+      const paddingTop = virtualiser.virtualItems.length > 0 ? (_virtualiser$virtualI = (_virtualiser$virtualI2 = virtualiser.virtualItems[0]) === null || _virtualiser$virtualI2 === void 0 ? void 0 : _virtualiser$virtualI2.start) !== null && _virtualiser$virtualI !== void 0 ? _virtualiser$virtualI : 0 : 0;
+      const paddingBottom = virtualiser.virtualItems.length > 0 ? virtualiser.totalSize - ((_virtualiser$virtualI3 = (_virtualiser$virtualI4 = virtualiser.virtualItems[virtualiser.virtualItems.length - 1]) === null || _virtualiser$virtualI4 === void 0 ? void 0 : _virtualiser$virtualI4.end) !== null && _virtualiser$virtualI3 !== void 0 ? _virtualiser$virtualI3 : 0) : 0;
+      const createSetSizeHandler = index => size => {
+        setExpandedRowSizes(sizes => {
+          if (size !== sizes[index]) {
+            return {
+              ...sizes,
+              [index]: size
+            };
+          }
+          return sizes;
+        });
+      };
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, paddingTop ? /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          height: paddingTop
+        },
+        className: "col-span-full"
+      }) : null, virtualiser.virtualItems.map(virtualRow => {
+        const row = rows[virtualRow.index];
+        if (row.original === undefined && props.pageSize) {
+          const pageIndex = Math.floor(virtualRow.index / props.pageSize) * props.pageSize / props.pageSize;
+          return /*#__PURE__*/React__default.createElement(SkeletonRow, {
+            key: row.id,
+            columns: table.getVisibleLeafColumns(),
+            loadPage: props.loadPage,
+            pageIndex: pageIndex,
+            table: table
+          });
+        }
+        return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+          key: row.id
+        }, /*#__PURE__*/React__default.createElement(Row, {
+          index: virtualRow.index,
+          isLastRow: virtualRow.index === rows.length - 1,
+          row: row,
+          table: table,
+          tableRef: tableRef
+        }, row.getVisibleCells().map((cell, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+          key: cell.id
+        }, flexRender(cell.column.columnDef.cell, {
+          ...cell.getContext(),
+          index,
+          tableRef
+        })))), row.getIsExpanded() ? /*#__PURE__*/React__default.createElement(ExpandedRow, {
+          data: row.original,
+          renderer: props.expandedRowRenderer,
+          registerSize: createSetSizeHandler(virtualRow.index)
+        }) : null);
+      }), paddingBottom ? /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          height: paddingBottom
+        },
+        className: "col-span-full"
+      }) : null);
+    }
+    return null;
+  };
+}
+function useTableRenderStrategy(props, table, tableRef) {
+  const meta = table.options.meta;
+  const rows = table.getRowModel().rows;
+  const expandedState = table.getState().expanded;
+  const [expandedRowSizes, setExpandedRowSizes] = React__default.useState({});
+  const firstAvailableExpandedRowHeight = React__default.useMemo(() => {
+    const values = Object.values(expandedRowSizes);
+    return values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0;
+  }, [expandedRowSizes]);
+  const estimateSize = React__default.useCallback(index => {
+    const rowHeight = meta.rowHeight.height ? rowHeightSizeEstimates[meta.rowHeight.height] : rowHeightSizeEstimates.medium;
+    if (expandedState === true || expandedState !== null && expandedState !== void 0 && expandedState[index]) {
+      var _ref, _expandedRowSizes$ind;
+      return rowHeight + ((_ref = (_expandedRowSizes$ind = expandedRowSizes[index]) !== null && _expandedRowSizes$ind !== void 0 ? _expandedRowSizes$ind : firstAvailableExpandedRowHeight) !== null && _ref !== void 0 ? _ref : 0);
+    }
+    return rowHeight;
+  }, [meta.rowHeight.height, expandedRowSizes, expandedState]);
+  const virtualiser = useVirtual({
+    parentRef: tableRef,
+    size: rows.length,
+    estimateSize
+  });
+  const scrollToIndex = React__default.useCallback((index, options) => {
+    if (tableRef.current) {
+      if (index <= 0) {
+        tableRef.current.scrollTo(tableRef.current.scrollLeft, 0);
+      } else if (index >= rows.length - 1) {
+        var _tableRef$current;
+        (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.scrollTo(0, tableRef.current.scrollHeight);
+      } else {
+        virtualiser.scrollToIndex(index, options);
+      }
+    }
+  }, [rows.length, tableRef.current]);
+  return {
+    renderBody: createBodyRenderer(props, rows, table, tableRef, virtualiser, setExpandedRowSizes),
+    scrollToIndex
+  };
+}
+
+export { useTableRenderStrategy };
+//# sourceMappingURL=virtualised.js.map