@economic/taco 2.0.0-alpha.173 → 2.0.0-alpha.6

package/dist/esm/packages/taco/src/components/Table2/hooks/useEditMode.js

@@ -0,0 +1,112 @@
+import React__default from 'react';
+
+var MOVE_DIR;
+(function (MOVE_DIR) {
+  MOVE_DIR[MOVE_DIR["FIRST"] = 0] = "FIRST";
+  MOVE_DIR[MOVE_DIR["LAST"] = 1] = "LAST";
+  MOVE_DIR[MOVE_DIR["PREV"] = 2] = "PREV";
+  MOVE_DIR[MOVE_DIR["NEXT"] = 3] = "NEXT";
+})(MOVE_DIR || (MOVE_DIR = {}));
+const useEditMode = handleSave => {
+  const enableEditMode = !!handleSave;
+  const [editMode, setEditMode] = React__default.useState({
+    enableEditMode,
+    isEditing: false,
+    columnIndex: 0
+  });
+  React__default.useEffect(() => {
+    setEditMode(editMode => ({
+      ...editMode,
+      enableEditMode
+    }));
+  }, [enableEditMode]);
+  const _moveActiveColumn = (moveDirection, focussableColumnIndexes, moveRow) => {
+    var _focussableColumnInde, _focussableColumnInde2;
+    const firstDataColumnIndex = (_focussableColumnInde = focussableColumnIndexes.at(0)) !== null && _focussableColumnInde !== void 0 ? _focussableColumnInde : 0;
+    const lastDataColumnIndex = (_focussableColumnInde2 = focussableColumnIndexes.at(-1)) !== null && _focussableColumnInde2 !== void 0 ? _focussableColumnInde2 : 0;
+    if (!editMode.enableEditMode) {
+      return;
+    }
+    setEditMode(({
+      columnIndex: currentColumnIndex,
+      ...currentEditMode
+    }) => {
+      let nextCellIndex;
+      switch (moveDirection) {
+        case MOVE_DIR.FIRST:
+          nextCellIndex = firstDataColumnIndex;
+          break;
+        case MOVE_DIR.LAST:
+          nextCellIndex = lastDataColumnIndex;
+          break;
+        case MOVE_DIR.PREV:
+          // moves to the last data column of the previous row, if the current column is the first column
+          if (currentColumnIndex === firstDataColumnIndex) {
+            moveRow === null || moveRow === void 0 ? void 0 : moveRow(MOVE_DIR.PREV);
+            nextCellIndex = lastDataColumnIndex;
+          } else {
+            nextCellIndex = focussableColumnIndexes[getNextIndex(-1, currentColumnIndex, focussableColumnIndexes)];
+          }
+          break;
+        case MOVE_DIR.NEXT:
+          // moves to the first data column of the next row, if the current column is the last column
+          if (currentColumnIndex === lastDataColumnIndex) {
+            moveRow === null || moveRow === void 0 ? void 0 : moveRow(MOVE_DIR.NEXT);
+            nextCellIndex = firstDataColumnIndex;
+          } else {
+            nextCellIndex = focussableColumnIndexes[getNextIndex(1, currentColumnIndex, focussableColumnIndexes)];
+          }
+          break;
+      }
+      return {
+        ...currentEditMode,
+        columnIndex: nextCellIndex
+      };
+    });
+  };
+  // output
+  const toggleEditing = (isEditing, columnIndex = 0) => {
+    if (!editMode.enableEditMode) {
+      return;
+    }
+    setEditMode(editMode => ({
+      ...editMode,
+      isEditing: isEditing !== null && isEditing !== void 0 ? isEditing : !editMode.isEditing,
+      columnIndex
+    }));
+  };
+  const moveToPreviousColumn = (focussableColumnIndexes, moveRow) => _moveActiveColumn(MOVE_DIR.PREV, focussableColumnIndexes, moveRow);
+  const moveToNextColumn = (focussableColumnIndexes, moveRow) => _moveActiveColumn(MOVE_DIR.NEXT, focussableColumnIndexes, moveRow);
+  const moveToFirstColumn = focussableColumnIndexes => _moveActiveColumn(MOVE_DIR.FIRST, focussableColumnIndexes);
+  const moveToLastColumn = focussableColumnIndexes => _moveActiveColumn(MOVE_DIR.LAST, focussableColumnIndexes);
+  const setColumn = columnIndex => {
+    if (!editMode.enableEditMode) {
+      return;
+    }
+    setEditMode(currentEditMode => ({
+      ...currentEditMode,
+      columnIndex
+    }));
+  };
+  return {
+    ...editMode,
+    onSave: handleSave,
+    toggleEditing,
+    moveToPreviousColumn,
+    moveToNextColumn,
+    moveToFirstColumn,
+    moveToLastColumn,
+    setColumn
+  };
+};
+const getNextIndex = (direction, currentIndex, focussableColumnIndexes) => {
+  const currentIndexPosition = focussableColumnIndexes.indexOf(currentIndex);
+  const length = focussableColumnIndexes.length;
+  if (direction === -1) {
+    return currentIndexPosition - 1 > 0 ? currentIndexPosition - 1 : 0;
+  }
+  return currentIndexPosition + 1 < length ? currentIndexPosition + 1 : currentIndexPosition;
+};
+
+export { MOVE_DIR, useEditMode };
+//# sourceMappingURL=useEditMode.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/useEditMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditMode.js","sources":["../../../../../../../../src/components/Table2/hooks/useEditMode.ts"],"sourcesContent":["import React from 'react';\nimport { SaveHandler } from '../types';\n\nexport type EditModeHandler = (isEditing?: boolean) => void;\nexport type EditModeColumnMoveHandler = (columns: number[], moveRow?: (moveDirection: MOVE_DIR) => void) => void;\nexport type EditModeColumnHandler = (columnIndex: number) => void;\n\nexport type useEditMode = {\n    enableEditMode: boolean;\n    isEditing: boolean;\n    toggleEditing: EditModeHandler;\n    onSave?: SaveHandler;\n    // columns\n    columnIndex: number;\n    moveToPreviousColumn: EditModeColumnMoveHandler;\n    moveToNextColumn: EditModeColumnMoveHandler;\n    moveToFirstColumn: EditModeColumnMoveHandler;\n    moveToLastColumn: EditModeColumnMoveHandler;\n    setColumn: EditModeColumnHandler;\n};\n\nexport type EditMode = {\n    enableEditMode: boolean;\n    isEditing: boolean;\n    columnIndex: number;\n};\n\nexport enum MOVE_DIR {\n    FIRST,\n    LAST,\n    PREV,\n    NEXT,\n}\n\nexport const useEditMode = (handleSave?: SaveHandler): useEditMode => {\n    const enableEditMode = !!handleSave;\n    const [editMode, setEditMode] = React.useState<EditMode>({\n        enableEditMode,\n        isEditing: false,\n        columnIndex: 0,\n    });\n\n    React.useEffect(() => {\n        setEditMode(editMode => ({ ...editMode, enableEditMode }));\n    }, [enableEditMode]);\n\n    const _moveActiveColumn = (\n        moveDirection: MOVE_DIR,\n        focussableColumnIndexes: number[],\n        moveRow?: (moveDirection: MOVE_DIR) => void\n    ) => {\n        const firstDataColumnIndex = focussableColumnIndexes.at(0) ?? 0;\n        const lastDataColumnIndex = focussableColumnIndexes.at(-1) ?? 0;\n\n        if (!editMode.enableEditMode) {\n            return;\n        }\n\n        setEditMode(({ columnIndex: currentColumnIndex, ...currentEditMode }) => {\n            let nextCellIndex: number;\n\n            switch (moveDirection) {\n                case MOVE_DIR.FIRST:\n                    nextCellIndex = firstDataColumnIndex;\n                    break;\n                case MOVE_DIR.LAST:\n                    nextCellIndex = lastDataColumnIndex;\n                    break;\n                case MOVE_DIR.PREV:\n                    // moves to the last data column of the previous row, if the current column is the first column\n                    if (currentColumnIndex === firstDataColumnIndex) {\n                        moveRow?.(MOVE_DIR.PREV);\n                        nextCellIndex = lastDataColumnIndex;\n                    } else {\n                        nextCellIndex = focussableColumnIndexes[getNextIndex(-1, currentColumnIndex, focussableColumnIndexes)];\n                    }\n                    break;\n                case MOVE_DIR.NEXT:\n                    // moves to the first data column of the next row, if the current column is the last column\n                    if (currentColumnIndex === lastDataColumnIndex) {\n                        moveRow?.(MOVE_DIR.NEXT);\n                        nextCellIndex = firstDataColumnIndex;\n                    } else {\n                        nextCellIndex = focussableColumnIndexes[getNextIndex(1, currentColumnIndex, focussableColumnIndexes)];\n                    }\n                    break;\n            }\n\n            return { ...currentEditMode, columnIndex: nextCellIndex };\n        });\n    };\n\n    // output\n    const toggleEditing = (isEditing?: boolean, columnIndex = 0) => {\n        if (!editMode.enableEditMode) {\n            return;\n        }\n\n        setEditMode(editMode => ({ ...editMode, isEditing: isEditing ?? !editMode.isEditing, columnIndex }));\n    };\n    const moveToPreviousColumn = (focussableColumnIndexes: number[], moveRow?: (moveDirecttion: MOVE_DIR) => void) =>\n        _moveActiveColumn(MOVE_DIR.PREV, focussableColumnIndexes, moveRow);\n    const moveToNextColumn = (focussableColumnIndexes: number[], moveRow?: (moveDirecttion: MOVE_DIR) => void) =>\n        _moveActiveColumn(MOVE_DIR.NEXT, focussableColumnIndexes, moveRow);\n    const moveToFirstColumn = (focussableColumnIndexes: number[]) => _moveActiveColumn(MOVE_DIR.FIRST, focussableColumnIndexes);\n    const moveToLastColumn = (focussableColumnIndexes: number[]) => _moveActiveColumn(MOVE_DIR.LAST, focussableColumnIndexes);\n    const setColumn = (columnIndex: number) => {\n        if (!editMode.enableEditMode) {\n            return;\n        }\n\n        setEditMode(currentEditMode => ({ ...currentEditMode, columnIndex }));\n    };\n\n    return {\n        ...editMode,\n        onSave: handleSave,\n        toggleEditing,\n        moveToPreviousColumn,\n        moveToNextColumn,\n        moveToFirstColumn,\n        moveToLastColumn,\n        setColumn,\n    };\n};\n\nconst getNextIndex = (direction: -1 | 1, currentIndex: number, focussableColumnIndexes: number[]) => {\n    const currentIndexPosition = focussableColumnIndexes.indexOf(currentIndex);\n    const length = focussableColumnIndexes.length;\n\n    if (direction === -1) {\n        return currentIndexPosition - 1 > 0 ? currentIndexPosition - 1 : 0;\n    }\n\n    return currentIndexPosition + 1 < length ? currentIndexPosition + 1 : currentIndexPosition;\n};\n"],"names":["MOVE_DIR","useEditMode","handleSave","enableEditMode","editMode","setEditMode","React","useState","isEditing","columnIndex","useEffect","_moveActiveColumn","moveDirection","focussableColumnIndexes","moveRow","firstDataColumnIndex","at","lastDataColumnIndex","currentColumnIndex","currentEditMode","nextCellIndex","FIRST","LAST","PREV","getNextIndex","NEXT","toggleEditing","moveToPreviousColumn","moveToNextColumn","moveToFirstColumn","moveToLastColumn","setColumn","onSave","direction","currentIndex","currentIndexPosition","indexOf","length"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useGridTemplate.js

@@ -0,0 +1,34 @@
+import { COLUMN_ID_FOR_ACTIONS, isInternalColumn } from '../utilities/columns.js';
+
+const useGridTemplate = table => {
+  const allVisibleColumns = table.getVisibleLeafColumns();
+  return allVisibleColumns.reduce((accum, column, index) => {
+    let size;
+    const isLastColumn = index === allVisibleColumns.length - 1;
+    const width = table.getState().columnSizing[column.id];
+    if (column.id === COLUMN_ID_FOR_ACTIONS) {
+      size = `minmax(max-content, auto)`;
+    } else if (isInternalColumn(column.id)) {
+      size = `${column.getSize()}px`;
+    } else if (width) {
+      if (width === '1fr') {
+        size = 'minmax(max-content, 1fr)';
+      } else if (isLastColumn) {
+        size = `minmax(${width}px, auto)`;
+      } else if (column.columnDef.minSize && width < column.columnDef.minSize) {
+        // react-table is supposed to handle minSize itself but it is really buggy
+        size = `${column.columnDef.minSize}px`;
+      } else {
+        size = `${width}px`;
+      }
+    } else if (column.getCanResize()) {
+      size = 'minmax(max-content, auto)';
+    } else {
+      size = 'max-content';
+    }
+    return `${accum} ${size}`;
+  }, '');
+};
+
+export { useGridTemplate };
+//# sourceMappingURL=useGridTemplate.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/useGridTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridTemplate.js","sources":["../../../../../../../../src/components/Table2/hooks/useGridTemplate.ts"],"sourcesContent":["import { Table } from '@tanstack/react-table';\nimport { COLUMN_ID_FOR_ACTIONS, isInternalColumn } from '../utilities/columns';\n\nexport const useGridTemplate = (table: Table<any>) => {\n    const allVisibleColumns = table.getVisibleLeafColumns();\n\n    return allVisibleColumns.reduce((accum, column, index) => {\n        let size;\n        const isLastColumn = index === allVisibleColumns.length - 1;\n        const width = table.getState().columnSizing[column.id] as number | '1fr';\n\n        if (column.id === COLUMN_ID_FOR_ACTIONS) {\n            size = `minmax(max-content, auto)`;\n        } else if (isInternalColumn(column.id)) {\n            size = `${column.getSize()}px`;\n        } else if (width) {\n            if (width === '1fr') {\n                size = 'minmax(max-content, 1fr)';\n            } else if (isLastColumn) {\n                size = `minmax(${width}px, auto)`;\n            } else if (column.columnDef.minSize && width < column.columnDef.minSize) {\n                // react-table is supposed to handle minSize itself but it is really buggy\n                size = `${column.columnDef.minSize}px`;\n            } else {\n                size = `${width}px`;\n            }\n        } else if (column.getCanResize()) {\n            size = 'minmax(max-content, auto)';\n        } else {\n            size = 'max-content';\n        }\n\n        return `${accum} ${size}`;\n    }, '');\n};\n"],"names":["useGridTemplate","table","allVisibleColumns","getVisibleLeafColumns","reduce","accum","column","index","size","isLastColumn","length","width","getState","columnSizing","id","COLUMN_ID_FOR_ACTIONS","isInternalColumn","getSize","columnDef","minSize","getCanResize"],"mappings":";;MAGaA,eAAe,GAAIC,KAAiB;EAC7C,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,qBAAqB,EAAE;EAEvD,OAAOD,iBAAiB,CAACE,MAAM,CAAC,CAACC,KAAK,EAAEC,MAAM,EAAEC,KAAK;IACjD,IAAIC,IAAI;IACR,MAAMC,YAAY,GAAGF,KAAK,KAAKL,iBAAiB,CAACQ,MAAM,GAAG,CAAC;IAC3D,MAAMC,KAAK,GAAGV,KAAK,CAACW,QAAQ,EAAE,CAACC,YAAY,CAACP,MAAM,CAACQ,EAAE,CAAmB;IAExE,IAAIR,MAAM,CAACQ,EAAE,KAAKC,qBAAqB,EAAE;MACrCP,IAAI,8BAA8B;KACrC,MAAM,IAAIQ,gBAAgB,CAACV,MAAM,CAACQ,EAAE,CAAC,EAAE;MACpCN,IAAI,MAAMF,MAAM,CAACW,OAAO,MAAM;KACjC,MAAM,IAAIN,KAAK,EAAE;MACd,IAAIA,KAAK,KAAK,KAAK,EAAE;QACjBH,IAAI,GAAG,0BAA0B;OACpC,MAAM,IAAIC,YAAY,EAAE;QACrBD,IAAI,aAAaG,gBAAgB;OACpC,MAAM,IAAIL,MAAM,CAACY,SAAS,CAACC,OAAO,IAAIR,KAAK,GAAGL,MAAM,CAACY,SAAS,CAACC,OAAO,EAAE;;QAErEX,IAAI,MAAMF,MAAM,CAACY,SAAS,CAACC,WAAW;OACzC,MAAM;QACHX,IAAI,MAAMG,SAAS;;KAE1B,MAAM,IAAIL,MAAM,CAACc,YAAY,EAAE,EAAE;MAC9BZ,IAAI,GAAG,2BAA2B;KACrC,MAAM;MACHA,IAAI,GAAG,aAAa;;IAGxB,UAAUH,SAASG,MAAM;GAC5B,EAAE,EAAE,CAAC;AACV;;;;"}

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

@@ -0,0 +1,222 @@
+import React__default from 'react';
+import { useIsHoverStatePaused } from '../../../hooks/useIsHoverStatePaused.js';
+import { getSortedRowModel, getFilteredRowModel, useReactTable, getCoreRowModel } from '@tanstack/react-table';
+import { ensureOrdering } from '../utilities/columns.js';
+import { columnFilterFn, globalFilterFn } from '../utilities/filterFn.js';
+import { useEditMode } from './useEditMode.js';
+import { useColumnDefinitions } from './useColumnDefinitions.js';
+import { useColumnOffsetStateListener } from './listeners/useColumnOffsetStateListener.js';
+import { useRowSelectionListener } from './listeners/useRowSelectionListener.js';
+import { useSettingsStateListener } from './listeners/useSettingsStateListener.js';
+import { useActiveRow } from './useActiveRow.js';
+import { useActiveRowStateListener } from './listeners/useActiveRowStateListener.js';
+import { useFilterStateListener } from './listeners/useFilterStateListener.js';
+import { useTableShortcuts } from './useTableShortcuts.js';
+
+const ACTIONS_ON_ROW_LENGTH = 4;
+function useTable(children, props, ref) {
+  var _settings$frozenColum, _settings$columnSizin, _settings$columnVisib, _settings$rowDensity, _tableRows$activeRow$;
+  const {
+    actionsForRow = [],
+    actionsForRowLength = ACTIONS_ON_ROW_LENGTH,
+    data,
+    defaultActiveRowIndex,
+    disableColumnFiltering = false,
+    disableColumnHiding = false,
+    disableColumnFreezing = false,
+    disableColumnReordering = false,
+    disableColumnResizing = false,
+    disableRowDensity = false,
+    disableRowExpansion = false,
+    disableRowSelection = false,
+    disableMultipleRowSelection = false,
+    disableSearch = false,
+    disableSorting = false,
+    expandedRowRenderer,
+    manualColumnFiltering = false,
+    manualSearch = false,
+    manualSorting = false,
+    onChangeSettings,
+    onRowClick,
+    onRowDrag,
+    onRowSelect,
+    onSave,
+    settings = {},
+    shortcuts,
+    // experimental
+    _experimentalActionsForTable
+  } = props;
+  const enableRowExpansion = !disableRowExpansion && !!expandedRowRenderer;
+  const enableRowSelection = !disableRowSelection && (!!onRowSelect || !!(_experimentalActionsForTable !== null && _experimentalActionsForTable !== void 0 && _experimentalActionsForTable.length));
+  const enableMultipleRowSelection = !disableMultipleRowSelection && enableRowSelection;
+  const {
+    columns,
+    internalFrozenColumnCount,
+    defaultColumnSizing,
+    defaultSorting,
+    defaultColumnVisibility,
+    footers
+  } = useColumnDefinitions(children, {
+    actionsForRow,
+    actionsForRowLength,
+    enableColumnFiltering: !disableColumnFiltering,
+    enableColumnHiding: !disableColumnHiding,
+    enableColumnFreezing: !disableColumnFreezing,
+    enableRowExpansion,
+    enableRowSelection,
+    enableMultipleRowSelection,
+    expandedRowRenderer,
+    onRowDrag
+  }, ref);
+  const lastSortedOrFilteredRows = React__default.useRef(null);
+  const totalFrozenColumns = internalFrozenColumnCount + ((_settings$frozenColum = settings === null || settings === void 0 ? void 0 : settings.frozenColumnCount) !== null && _settings$frozenColum !== void 0 ? _settings$frozenColum : 0);
+  const frozenColumns = columns.slice(0, totalFrozenColumns).map(column => column.id);
+  // defaults
+  const initialState = {
+    columnOrder: ensureOrdering(columns, settings === null || settings === void 0 ? void 0 : settings.columnOrder),
+    columnPinning: {
+      left: frozenColumns,
+      right: []
+    },
+    columnSizing: (_settings$columnSizin = settings === null || settings === void 0 ? void 0 : settings.columnSizing) !== null && _settings$columnSizin !== void 0 ? _settings$columnSizin : defaultColumnSizing,
+    columnVisibility: (_settings$columnVisib = settings === null || settings === void 0 ? void 0 : settings.columnVisibility) !== null && _settings$columnVisib !== void 0 ? _settings$columnVisib : defaultColumnVisibility
+  };
+  // Data column index - these are needed to make sure left and right arrow key shortcuts focuses only the data columns
+  const dataColumnStartOffset = [!!onRowDrag, !!enableRowExpansion, !!enableRowSelection].reduce((t, e) => t + (e ? 1 : 0), 0);
+  const dataColumnEndOffset = actionsForRow.length ? 1 : 0;
+  // custom
+  const activeRow = useActiveRow(defaultActiveRowIndex);
+  const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();
+  const editMode = useEditMode(onSave);
+  const [columnOffsets, setColumnOffsets] = React__default.useState({});
+  const [rowDensity, setRowDensity] = React__default.useState((_settings$rowDensity = settings === null || settings === void 0 ? void 0 : settings.rowDensity) !== null && _settings$rowDensity !== void 0 ? _settings$rowDensity : 'normal');
+  const [dragging, setDragging] = React__default.useState({});
+  const [shouldPauseSortingAndFiltering, setShouldPauseSortingAndFiltering] = React__default.useState(false);
+  const [shouldDisableTableActions, setShouldDisableTableActions] = React__default.useState(false);
+  // Frozen column count is the count of external columns that are frozen
+  const [frozenColumnsCount, setFrozenColumnsCount] = React__default.useState(totalFrozenColumns - internalFrozenColumnCount);
+  // For some reason, using state instead of ref didn't work as expected, that's why ref is used
+  const focussableColumnIndexes = React__default.useRef([]);
+  // some options get set even if they are undefined, so we have to do it conditionally
+  const options = {
+    enableExpanding: enableRowExpansion,
+    enableColumnFilters: !disableColumnFiltering,
+    enableColumnResizing: !disableColumnResizing,
+    enableGlobalFilter: !disableSearch,
+    enableHiding: !disableColumnHiding,
+    enablePinning: !disableColumnFreezing,
+    enableRowSelection: enableRowSelection,
+    enableMultiRowSelection: enableMultipleRowSelection,
+    enableSorting: !disableSorting
+  };
+  // resizing
+  if (options.enableColumnResizing) {
+    options.columnResizeMode = 'onChange';
+  }
+  // sorting
+  if (options.enableSorting) {
+    const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);
+    initialState.sorting = settings !== null && settings !== void 0 && settings.sorting ? settings === null || settings === void 0 ? void 0 : settings.sorting.filter(sanitizeSortedColumns) : defaultSorting;
+    if (manualSorting) {
+      options.manualSorting = true;
+    } else {
+      options.getSortedRowModel = getSortedRowModel();
+    }
+  }
+  // filtering
+  if (options.enableColumnFilters) {
+    var _settings$columnFilte;
+    initialState.columnFilters = (_settings$columnFilte = settings === null || settings === void 0 ? void 0 : settings.columnFilters) !== null && _settings$columnFilte !== void 0 ? _settings$columnFilte : [];
+    if (manualColumnFiltering) {
+      options.manualFiltering = true;
+    } else {
+      options.filterFns = {
+        tacoFilter: (row, columnId, filter) => columnFilterFn(row.getValue(columnId), filter)
+      };
+      options.getFilteredRowModel = getFilteredRowModel();
+    }
+  }
+  // search
+  if (options.enableGlobalFilter) {
+    if (manualSearch) {
+      options.manualFiltering = true;
+    } else {
+      options.globalFilterFn = (row, columnId, query) => globalFilterFn(row.getValue(columnId), query);
+      options.getFilteredRowModel = getFilteredRowModel();
+    }
+  }
+  const table = useReactTable({
+    data,
+    columns: columns,
+    getCoreRowModel: getCoreRowModel(),
+    initialState,
+    ...options,
+    meta: {
+      ...activeRow,
+      editMode,
+      // offsets
+      columnOffsets,
+      // density
+      enableRowDensity: !disableRowDensity,
+      rowDensity,
+      setRowDensity,
+      // dragging
+      enableRowDragging: !!onRowDrag,
+      dragging,
+      setDragging,
+      // computed
+      enableColumnFreezing: !disableColumnFreezing,
+      enableColumnReordering: !disableColumnReordering,
+      enableColumnHiding: !disableColumnHiding,
+      shouldPauseHoverState,
+      setShouldPauseHoverState,
+      frozenColumnsCount,
+      setFrozenColumnsCount,
+      // resorting
+      shouldPauseSortingAndFiltering,
+      setShouldPauseSortingAndFiltering,
+      // other
+      onRowClick,
+      // data column positions
+      dataColumnStartOffset,
+      dataColumnEndOffset,
+      // disable table actions
+      shouldDisableTableActions,
+      setShouldDisableTableActions,
+      // active row column indexes
+      focussableColumnIndexes: focussableColumnIndexes.current,
+      addFocussableColumnIndex: index => {
+        if (!focussableColumnIndexes.current.includes(index)) {
+          focussableColumnIndexes.current = [...focussableColumnIndexes.current, index].sort((a, b) => a - b);
+        }
+      },
+      resetFocussableColumnIndexes: () => {
+        focussableColumnIndexes.current = [];
+      },
+      // table ref
+      tableRef: ref,
+      // last sorted or filtered rows
+      lastSortedOrFilteredRows
+    }
+  });
+  const tableRows = table.getRowModel().rows;
+  if (!shouldPauseSortingAndFiltering) {
+    lastSortedOrFilteredRows.current = tableRows;
+  }
+  const rows = shouldPauseSortingAndFiltering ? lastSortedOrFilteredRows.current : tableRows;
+  // state listeners
+  useActiveRowStateListener(table, rows, activeRow);
+  useColumnOffsetStateListener(table, setColumnOffsets);
+  useFilterStateListener(table, onRowSelect);
+  useRowSelectionListener(table, onRowSelect);
+  useSettingsStateListener(table, onChangeSettings);
+  useTableShortcuts(shortcuts, (_tableRows$activeRow$ = tableRows[activeRow.activeRowIndex]) === null || _tableRows$activeRow$ === void 0 ? void 0 : _tableRows$activeRow$.original);
+  return {
+    rows,
+    table,
+    footers
+  };
+}
+
+export { useTable };
+//# sourceMappingURL=useTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table2/hooks/useTable.ts"],"sourcesContent":["import React from 'react';\nimport {\n    useReactTable,\n    getCoreRowModel,\n    OnChangeFn,\n    getSortedRowModel,\n    getFilteredRowModel,\n    RowData,\n    TableState,\n    TableOptions,\n} from '@tanstack/react-table';\nimport { RowClickHandler, RowDensity, Table2Children, Table2Props } from '../types';\nimport { useColumnDefinitions } from './useColumnDefinitions';\nimport { useColumnOffsetStateListener } from './listeners/useColumnOffsetStateListener';\nimport { ColumnOffsetState } from '../types';\nimport { useRowSelectionListener } from './listeners/useRowSelectionListener';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../utilities/filterFn';\nimport { ActiveRowHandler, ActiveRowMoveHandler, useActiveRow } from './useActiveRow';\nimport { useActiveRowStateListener } from './listeners/useActiveRowStateListener';\nimport { useEditMode } from './useEditMode';\nimport { useIsHoverStatePaused } from '../../../hooks/useIsHoverStatePaused';\nimport { useFilterStateListener } from './listeners/useFilterStateListener';\nimport { ensureOrdering } from '../utilities/columns';\nimport { useTableShortcuts } from './useTableShortcuts';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        // active row\n        activeRowIndex: number;\n        setActiveRowIndex: ActiveRowHandler;\n        moveToPreviousRow: ActiveRowMoveHandler<TData>;\n        moveToNextRow: ActiveRowMoveHandler<TData>;\n        // offsets\n        columnOffsets: ColumnOffsetState;\n        // density\n        enableRowDensity: boolean;\n        rowDensity: RowDensity;\n        setRowDensity: OnChangeFn<RowDensity>;\n        // dragging\n        enableRowDragging: boolean;\n        dragging: Record<string, boolean>;\n        setDragging: OnChangeFn<Record<string, boolean>>;\n        // computed\n        enableColumnFreezing: boolean;\n        enableColumnReordering: boolean;\n        enableColumnHiding: boolean;\n        shouldPauseSortingAndFiltering: boolean;\n        setShouldPauseSortingAndFiltering: OnChangeFn<boolean>;\n        shouldPauseHoverState: boolean;\n        setShouldPauseHoverState: OnChangeFn<boolean>;\n        frozenColumnsCount: number;\n        setFrozenColumnsCount: OnChangeFn<number>;\n        // other\n        onRowClick?: RowClickHandler<TData>;\n        // editing\n        editMode: useEditMode;\n        // used to determine first and last data column position\n        dataColumnStartOffset: number;\n        dataColumnEndOffset: number;\n        // disable table actions\n        shouldDisableTableActions: boolean;\n        setShouldDisableTableActions: OnChangeFn<boolean>;\n        // active row column indexes\n        focussableColumnIndexes: number[];\n        addFocussableColumnIndex: (index: number) => void;\n        resetFocussableColumnIndexes: () => void;\n        // table ref\n        tableRef: React.RefObject<HTMLDivElement>;\n        // last sorted or filtered rows\n        lastSortedOrFilteredRows: React.MutableRefObject<Array<any>>;\n    }\n}\n\nconst ACTIONS_ON_ROW_LENGTH = 4;\n\nexport function useTable<TType = any>(children: Table2Children, props: Table2Props<TType>, ref: React.RefObject<HTMLDivElement>) {\n    const {\n        actionsForRow = [],\n        actionsForRowLength = ACTIONS_ON_ROW_LENGTH,\n        data,\n        defaultActiveRowIndex,\n        disableColumnFiltering = false,\n        disableColumnHiding = false,\n        disableColumnFreezing = false,\n        disableColumnReordering = false,\n        disableColumnResizing = false,\n        disableRowDensity = false,\n        disableRowExpansion = false,\n        disableRowSelection = false,\n        disableMultipleRowSelection = false,\n        disableSearch = false,\n        disableSorting = false,\n        expandedRowRenderer,\n        manualColumnFiltering = false,\n        manualSearch = false,\n        manualSorting = false,\n        onChangeSettings,\n        onRowClick,\n        onRowDrag,\n        onRowSelect,\n        onSave,\n        settings = {},\n        shortcuts,\n        // experimental\n        _experimentalActionsForTable,\n    } = props;\n\n    const enableRowExpansion = !disableRowExpansion && !!expandedRowRenderer;\n    const enableRowSelection = !disableRowSelection && (!!onRowSelect || !!_experimentalActionsForTable?.length);\n    const enableMultipleRowSelection = !disableMultipleRowSelection && enableRowSelection;\n\n    const { columns, internalFrozenColumnCount, defaultColumnSizing, defaultSorting, defaultColumnVisibility, footers } =\n        useColumnDefinitions<TType>(\n            children,\n            {\n                actionsForRow,\n                actionsForRowLength,\n                enableColumnFiltering: !disableColumnFiltering,\n                enableColumnHiding: !disableColumnHiding,\n                enableColumnFreezing: !disableColumnFreezing,\n                enableRowExpansion,\n                enableRowSelection,\n                enableMultipleRowSelection,\n                expandedRowRenderer,\n                onRowDrag,\n            },\n            ref\n        );\n\n    const lastSortedOrFilteredRows = React.useRef<any>(null);\n    const totalFrozenColumns = internalFrozenColumnCount + (settings?.frozenColumnCount ?? 0);\n    const frozenColumns = columns.slice(0, totalFrozenColumns).map(column => column.id);\n\n    // defaults\n    const initialState: Partial<TableState> = {\n        columnOrder: ensureOrdering<TType>(columns, settings?.columnOrder),\n        columnPinning: {\n            left: frozenColumns,\n            right: [],\n        },\n        columnSizing: settings?.columnSizing ?? defaultColumnSizing,\n        columnVisibility: settings?.columnVisibility ?? defaultColumnVisibility,\n    };\n\n    // Data column index - these are needed to make sure left and right arrow key shortcuts focuses only the data columns\n    const dataColumnStartOffset = [!!onRowDrag, !!enableRowExpansion, !!enableRowSelection].reduce((t, e) => t + (e ? 1 : 0), 0);\n    const dataColumnEndOffset = actionsForRow.length ? 1 : 0;\n\n    // custom\n    const activeRow = useActiveRow<TType>(defaultActiveRowIndex);\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n    const editMode = useEditMode(onSave);\n    const [columnOffsets, setColumnOffsets] = React.useState({});\n    const [rowDensity, setRowDensity] = React.useState<RowDensity>(settings?.rowDensity ?? 'normal');\n    const [dragging, setDragging] = React.useState<Record<string, boolean>>({});\n    const [shouldPauseSortingAndFiltering, setShouldPauseSortingAndFiltering] = React.useState<boolean>(false);\n    const [shouldDisableTableActions, setShouldDisableTableActions] = React.useState<boolean>(false);\n    // Frozen column count is the count of external columns that are frozen\n    const [frozenColumnsCount, setFrozenColumnsCount] = React.useState(totalFrozenColumns - internalFrozenColumnCount);\n    // For some reason, using state instead of ref didn't work as expected, that's why ref is used\n    const focussableColumnIndexes = React.useRef<number[]>([]);\n\n    // some options get set even if they are undefined, so we have to do it conditionally\n    const options: Partial<TableOptions<any>> = {\n        enableExpanding: enableRowExpansion,\n        enableColumnFilters: !disableColumnFiltering,\n        enableColumnResizing: !disableColumnResizing,\n        enableGlobalFilter: !disableSearch,\n        enableHiding: !disableColumnHiding,\n        enablePinning: !disableColumnFreezing,\n        enableRowSelection: enableRowSelection,\n        enableMultiRowSelection: enableMultipleRowSelection,\n        enableSorting: !disableSorting,\n    };\n\n    // resizing\n    if (options.enableColumnResizing) {\n        options.columnResizeMode = 'onChange';\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);\n        initialState.sorting = settings?.sorting ? settings?.sorting.filter(sanitizeSortedColumns) : defaultSorting;\n\n        if (manualSorting) {\n            options.manualSorting = true;\n        } else {\n            options.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    // filtering\n    if (options.enableColumnFilters) {\n        initialState.columnFilters = settings?.columnFilters ?? [];\n\n        if (manualColumnFiltering) {\n            options.manualFiltering = true;\n        } else {\n            options.filterFns = {\n                tacoFilter: (row, columnId, filter) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    // search\n    if (options.enableGlobalFilter) {\n        if (manualSearch) {\n            options.manualFiltering = true;\n        } else {\n            options.globalFilterFn = (row, columnId, query) => globalFilterFn(row.getValue(columnId), query);\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    const table = useReactTable({\n        data,\n        columns: columns as any,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...options,\n        meta: {\n            ...activeRow,\n            editMode,\n            // offsets\n            columnOffsets,\n            // density\n            enableRowDensity: !disableRowDensity,\n            rowDensity,\n            setRowDensity,\n            // dragging\n            enableRowDragging: !!onRowDrag,\n            dragging,\n            setDragging,\n            // computed\n            enableColumnFreezing: !disableColumnFreezing,\n            enableColumnReordering: !disableColumnReordering,\n            enableColumnHiding: !disableColumnHiding,\n            shouldPauseHoverState,\n            setShouldPauseHoverState,\n            frozenColumnsCount,\n            setFrozenColumnsCount,\n            // resorting\n            shouldPauseSortingAndFiltering,\n            setShouldPauseSortingAndFiltering,\n            // other\n            onRowClick,\n            // data column positions\n            dataColumnStartOffset,\n            dataColumnEndOffset,\n            // disable table actions\n            shouldDisableTableActions,\n            setShouldDisableTableActions,\n            // active row column indexes\n            focussableColumnIndexes: focussableColumnIndexes.current,\n            addFocussableColumnIndex: (index: number) => {\n                if (!focussableColumnIndexes.current.includes(index)) {\n                    focussableColumnIndexes.current = [...focussableColumnIndexes.current, index].sort((a, b) => a - b);\n                }\n            },\n            resetFocussableColumnIndexes: () => {\n                focussableColumnIndexes.current = [];\n            },\n            // table ref\n            tableRef: ref,\n            // last sorted or filtered rows\n            lastSortedOrFilteredRows,\n        },\n    });\n\n    const tableRows = table.getRowModel().rows;\n\n    if (!shouldPauseSortingAndFiltering) {\n        lastSortedOrFilteredRows.current = tableRows;\n    }\n\n    const rows = shouldPauseSortingAndFiltering ? lastSortedOrFilteredRows.current : tableRows;\n\n    // state listeners\n    useActiveRowStateListener<TType>(table, rows, activeRow);\n    useColumnOffsetStateListener(table, setColumnOffsets);\n    useFilterStateListener<TType>(table, onRowSelect);\n    useRowSelectionListener<TType>(table, onRowSelect);\n    useSettingsStateListener(table, onChangeSettings);\n\n    useTableShortcuts(shortcuts, tableRows[activeRow.activeRowIndex]?.original);\n\n    return { rows, table, footers };\n}\n"],"names":["ACTIONS_ON_ROW_LENGTH","useTable","children","props","ref","actionsForRow","actionsForRowLength","data","defaultActiveRowIndex","disableColumnFiltering","disableColumnHiding","disableColumnFreezing","disableColumnReordering","disableColumnResizing","disableRowDensity","disableRowExpansion","disableRowSelection","disableMultipleRowSelection","disableSearch","disableSorting","expandedRowRenderer","manualColumnFiltering","manualSearch","manualSorting","onChangeSettings","onRowClick","onRowDrag","onRowSelect","onSave","settings","shortcuts","_experimentalActionsForTable","enableRowExpansion","enableRowSelection","length","enableMultipleRowSelection","columns","internalFrozenColumnCount","defaultColumnSizing","defaultSorting","defaultColumnVisibility","footers","useColumnDefinitions","enableColumnFiltering","enableColumnHiding","enableColumnFreezing","lastSortedOrFilteredRows","React","useRef","totalFrozenColumns","frozenColumnCount","frozenColumns","slice","map","column","id","initialState","columnOrder","ensureOrdering","columnPinning","left","right","columnSizing","columnVisibility","dataColumnStartOffset","reduce","t","e","dataColumnEndOffset","activeRow","useActiveRow","shouldPauseHoverState","setShouldPauseHoverState","useIsHoverStatePaused","editMode","useEditMode","columnOffsets","setColumnOffsets","useState","rowDensity","setRowDensity","dragging","setDragging","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","shouldDisableTableActions","setShouldDisableTableActions","frozenColumnsCount","setFrozenColumnsCount","focussableColumnIndexes","options","enableExpanding","enableColumnFilters","enableColumnResizing","enableGlobalFilter","enableHiding","enablePinning","enableMultiRowSelection","enableSorting","columnResizeMode","sanitizeSortedColumns","find","definedColumn","sorting","filter","getSortedRowModel","columnFilters","manualFiltering","filterFns","tacoFilter","row","columnId","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","query","table","useReactTable","getCoreRowModel","meta","enableRowDensity","enableRowDragging","enableColumnReordering","current","addFocussableColumnIndex","index","includes","sort","a","b","resetFocussableColumnIndexes","tableRef","tableRows","getRowModel","rows","useActiveRowStateListener","useColumnOffsetStateListener","useFilterStateListener","useRowSelectionListener","useSettingsStateListener","useTableShortcuts","activeRowIndex","original"],"mappings":";;;;;;;;;;;;;;;AA0EA,MAAMA,qBAAqB,GAAG,CAAC;SAEfC,QAAQ,CAAcC,QAAwB,EAAEC,KAAyB,EAAEC,GAAoC;;EAC3H,MAAM;IACFC,aAAa,GAAG,EAAE;IAClBC,mBAAmB,GAAGN,qBAAqB;IAC3CO,IAAI;IACJC,qBAAqB;IACrBC,sBAAsB,GAAG,KAAK;IAC9BC,mBAAmB,GAAG,KAAK;IAC3BC,qBAAqB,GAAG,KAAK;IAC7BC,uBAAuB,GAAG,KAAK;IAC/BC,qBAAqB,GAAG,KAAK;IAC7BC,iBAAiB,GAAG,KAAK;IACzBC,mBAAmB,GAAG,KAAK;IAC3BC,mBAAmB,GAAG,KAAK;IAC3BC,2BAA2B,GAAG,KAAK;IACnCC,aAAa,GAAG,KAAK;IACrBC,cAAc,GAAG,KAAK;IACtBC,mBAAmB;IACnBC,qBAAqB,GAAG,KAAK;IAC7BC,YAAY,GAAG,KAAK;IACpBC,aAAa,GAAG,KAAK;IACrBC,gBAAgB;IAChBC,UAAU;IACVC,SAAS;IACTC,WAAW;IACXC,MAAM;IACNC,QAAQ,GAAG,EAAE;IACbC,SAAS;;IAETC;GACH,GAAG5B,KAAK;EAET,MAAM6B,kBAAkB,GAAG,CAACjB,mBAAmB,IAAI,CAAC,CAACK,mBAAmB;EACxE,MAAMa,kBAAkB,GAAG,CAACjB,mBAAmB,KAAK,CAAC,CAACW,WAAW,IAAI,CAAC,EAACI,4BAA4B,aAA5BA,4BAA4B,eAA5BA,4BAA4B,CAAEG,MAAM,EAAC;EAC5G,MAAMC,0BAA0B,GAAG,CAAClB,2BAA2B,IAAIgB,kBAAkB;EAErF,MAAM;IAAEG,OAAO;IAAEC,yBAAyB;IAAEC,mBAAmB;IAAEC,cAAc;IAAEC,uBAAuB;IAAEC;GAAS,GAC/GC,oBAAoB,CAChBxC,QAAQ,EACR;IACIG,aAAa;IACbC,mBAAmB;IACnBqC,qBAAqB,EAAE,CAAClC,sBAAsB;IAC9CmC,kBAAkB,EAAE,CAAClC,mBAAmB;IACxCmC,oBAAoB,EAAE,CAAClC,qBAAqB;IAC5CqB,kBAAkB;IAClBC,kBAAkB;IAClBE,0BAA0B;IAC1Bf,mBAAmB;IACnBM;GACH,EACDtB,GAAG,CACN;EAEL,MAAM0C,wBAAwB,GAAGC,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EACxD,MAAMC,kBAAkB,GAAGZ,yBAAyB,6BAAIR,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEqB,iBAAiB,yEAAI,CAAC,CAAC;EACzF,MAAMC,aAAa,GAAGf,OAAO,CAACgB,KAAK,CAAC,CAAC,EAAEH,kBAAkB,CAAC,CAACI,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAE,CAAC;;EAGnF,MAAMC,YAAY,GAAwB;IACtCC,WAAW,EAAEC,cAAc,CAAQtB,OAAO,EAAEP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE4B,WAAW,CAAC;IAClEE,aAAa,EAAE;MACXC,IAAI,EAAET,aAAa;MACnBU,KAAK,EAAE;KACV;IACDC,YAAY,2BAAEjC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEiC,YAAY,yEAAIxB,mBAAmB;IAC3DyB,gBAAgB,2BAAElC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEkC,gBAAgB,yEAAIvB;GACnD;;EAGD,MAAMwB,qBAAqB,GAAG,CAAC,CAAC,CAACtC,SAAS,EAAE,CAAC,CAACM,kBAAkB,EAAE,CAAC,CAACC,kBAAkB,CAAC,CAACgC,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,IAAIC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;EAC5H,MAAMC,mBAAmB,GAAG/D,aAAa,CAAC6B,MAAM,GAAG,CAAC,GAAG,CAAC;;EAGxD,MAAMmC,SAAS,GAAGC,YAAY,CAAQ9D,qBAAqB,CAAC;EAC5D,MAAM,CAAC+D,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGC,qBAAqB,EAAE;EACjF,MAAMC,QAAQ,GAAGC,WAAW,CAAC/C,MAAM,CAAC;EACpC,MAAM,CAACgD,aAAa,EAAEC,gBAAgB,CAAC,GAAG9B,cAAK,CAAC+B,QAAQ,CAAC,EAAE,CAAC;EAC5D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGjC,cAAK,CAAC+B,QAAQ,yBAAajD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEkD,UAAU,uEAAI,QAAQ,CAAC;EAChG,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGnC,cAAK,CAAC+B,QAAQ,CAA0B,EAAE,CAAC;EAC3E,MAAM,CAACK,8BAA8B,EAAEC,iCAAiC,CAAC,GAAGrC,cAAK,CAAC+B,QAAQ,CAAU,KAAK,CAAC;EAC1G,MAAM,CAACO,yBAAyB,EAAEC,4BAA4B,CAAC,GAAGvC,cAAK,CAAC+B,QAAQ,CAAU,KAAK,CAAC;;EAEhG,MAAM,CAACS,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGzC,cAAK,CAAC+B,QAAQ,CAAC7B,kBAAkB,GAAGZ,yBAAyB,CAAC;;EAElH,MAAMoD,uBAAuB,GAAG1C,cAAK,CAACC,MAAM,CAAW,EAAE,CAAC;;EAG1D,MAAM0C,OAAO,GAA+B;IACxCC,eAAe,EAAE3D,kBAAkB;IACnC4D,mBAAmB,EAAE,CAACnF,sBAAsB;IAC5CoF,oBAAoB,EAAE,CAAChF,qBAAqB;IAC5CiF,kBAAkB,EAAE,CAAC5E,aAAa;IAClC6E,YAAY,EAAE,CAACrF,mBAAmB;IAClCsF,aAAa,EAAE,CAACrF,qBAAqB;IACrCsB,kBAAkB,EAAEA,kBAAkB;IACtCgE,uBAAuB,EAAE9D,0BAA0B;IACnD+D,aAAa,EAAE,CAAC/E;GACnB;;EAGD,IAAIuE,OAAO,CAACG,oBAAoB,EAAE;IAC9BH,OAAO,CAACS,gBAAgB,GAAG,UAAU;;;EAIzC,IAAIT,OAAO,CAACQ,aAAa,EAAE;IACvB,MAAME,qBAAqB,GAAG9C,MAAM,IAAIlB,OAAO,CAACiE,IAAI,CAACC,aAAa,IAAIA,aAAa,CAAC/C,EAAE,KAAKD,MAAM,CAACC,EAAE,CAAC;IACrGC,YAAY,CAAC+C,OAAO,GAAG1E,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAE0E,OAAO,GAAG1E,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE0E,OAAO,CAACC,MAAM,CAACJ,qBAAqB,CAAC,GAAG7D,cAAc;IAE3G,IAAIhB,aAAa,EAAE;MACfmE,OAAO,CAACnE,aAAa,GAAG,IAAI;KAC/B,MAAM;MACHmE,OAAO,CAACe,iBAAiB,GAAGA,iBAAiB,EAAE;;;;EAKvD,IAAIf,OAAO,CAACE,mBAAmB,EAAE;IAAA;IAC7BpC,YAAY,CAACkD,aAAa,4BAAG7E,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE6E,aAAa,yEAAI,EAAE;IAE1D,IAAIrF,qBAAqB,EAAE;MACvBqE,OAAO,CAACiB,eAAe,GAAG,IAAI;KACjC,MAAM;MACHjB,OAAO,CAACkB,SAAS,GAAG;QAChBC,UAAU,EAAE,CAACC,GAAG,EAAEC,QAAQ,EAAEP,MAAM,KAAKQ,cAAc,CAACF,GAAG,CAACG,QAAQ,CAACF,QAAQ,CAAC,EAAEP,MAAM;OACvF;MACDd,OAAO,CAACwB,mBAAmB,GAAGA,mBAAmB,EAAE;;;;EAK3D,IAAIxB,OAAO,CAACI,kBAAkB,EAAE;IAC5B,IAAIxE,YAAY,EAAE;MACdoE,OAAO,CAACiB,eAAe,GAAG,IAAI;KACjC,MAAM;MACHjB,OAAO,CAACyB,cAAc,GAAG,CAACL,GAAG,EAAEC,QAAQ,EAAEK,KAAK,KAAKD,cAAc,CAACL,GAAG,CAACG,QAAQ,CAACF,QAAQ,CAAC,EAAEK,KAAK,CAAC;MAChG1B,OAAO,CAACwB,mBAAmB,GAAGA,mBAAmB,EAAE;;;EAI3D,MAAMG,KAAK,GAAGC,aAAa,CAAC;IACxB/G,IAAI;IACJ6B,OAAO,EAAEA,OAAc;IACvBmF,eAAe,EAAEA,eAAe,EAAE;IAClC/D,YAAY;IACZ,GAAGkC,OAAO;IACV8B,IAAI,EAAE;MACF,GAAGnD,SAAS;MACZK,QAAQ;;MAERE,aAAa;;MAEb6C,gBAAgB,EAAE,CAAC3G,iBAAiB;MACpCiE,UAAU;MACVC,aAAa;;MAEb0C,iBAAiB,EAAE,CAAC,CAAChG,SAAS;MAC9BuD,QAAQ;MACRC,WAAW;;MAEXrC,oBAAoB,EAAE,CAAClC,qBAAqB;MAC5CgH,sBAAsB,EAAE,CAAC/G,uBAAuB;MAChDgC,kBAAkB,EAAE,CAAClC,mBAAmB;MACxC6D,qBAAqB;MACrBC,wBAAwB;MACxBe,kBAAkB;MAClBC,qBAAqB;;MAErBL,8BAA8B;MAC9BC,iCAAiC;;MAEjC3D,UAAU;;MAEVuC,qBAAqB;MACrBI,mBAAmB;;MAEnBiB,yBAAyB;MACzBC,4BAA4B;;MAE5BG,uBAAuB,EAAEA,uBAAuB,CAACmC,OAAO;MACxDC,wBAAwB,EAAGC,KAAa;QACpC,IAAI,CAACrC,uBAAuB,CAACmC,OAAO,CAACG,QAAQ,CAACD,KAAK,CAAC,EAAE;UAClDrC,uBAAuB,CAACmC,OAAO,GAAG,CAAC,GAAGnC,uBAAuB,CAACmC,OAAO,EAAEE,KAAK,CAAC,CAACE,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC,CAAC;;OAE1G;MACDC,4BAA4B,EAAE;QAC1B1C,uBAAuB,CAACmC,OAAO,GAAG,EAAE;OACvC;;MAEDQ,QAAQ,EAAEhI,GAAG;;MAEb0C;;GAEP,CAAC;EAEF,MAAMuF,SAAS,GAAGhB,KAAK,CAACiB,WAAW,EAAE,CAACC,IAAI;EAE1C,IAAI,CAACpD,8BAA8B,EAAE;IACjCrC,wBAAwB,CAAC8E,OAAO,GAAGS,SAAS;;EAGhD,MAAME,IAAI,GAAGpD,8BAA8B,GAAGrC,wBAAwB,CAAC8E,OAAO,GAAGS,SAAS;;EAG1FG,yBAAyB,CAAQnB,KAAK,EAAEkB,IAAI,EAAElE,SAAS,CAAC;EACxDoE,4BAA4B,CAACpB,KAAK,EAAExC,gBAAgB,CAAC;EACrD6D,sBAAsB,CAAQrB,KAAK,EAAE1F,WAAW,CAAC;EACjDgH,uBAAuB,CAAQtB,KAAK,EAAE1F,WAAW,CAAC;EAClDiH,wBAAwB,CAACvB,KAAK,EAAE7F,gBAAgB,CAAC;EAEjDqH,iBAAiB,CAAC/G,SAAS,2BAAEuG,SAAS,CAAChE,SAAS,CAACyE,cAAc,CAAC,0DAAnC,sBAAqCC,QAAQ,CAAC;EAE3E,OAAO;IAAER,IAAI;IAAElB,KAAK;IAAE5E;GAAS;AACnC;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useTableShortcuts.js

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

package/dist/esm/packages/taco/src/components/Table2/hooks/useTableShortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableShortcuts.js","sources":["../../../../../../../../src/components/Table2/hooks/useTableShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table2ShortcutHandlerObject, Table2Shortcuts } from '../types';\nimport { KeyDownHandlerOptions, createShortcutKeyDownHandler } from '../../../utils/keyboard';\n\nexport function useTableShortcuts<TType = any>(shortcuts: Table2Shortcuts<TType> | undefined, activeRow: TType) {\n    React.useEffect(() => {\n        const shortcutKeys = Object.keys(shortcuts ?? {});\n\n        const globalHandlers: Array<(event: KeyboardEvent) => void> = [];\n\n        // convert the shortcut into the correct format to register it\n        if (shortcuts && shortcutKeys.length) {\n            shortcutKeys.forEach(key => {\n                const handler = shortcuts[key];\n\n                let keyDownHandler;\n                let keyDownHandlerOptions: KeyDownHandlerOptions;\n\n                if (typeof handler === 'function') {\n                    keyDownHandler = handler;\n                    keyDownHandlerOptions = {\n                        key,\n                    };\n                } else {\n                    const handlerObject = handler as Table2ShortcutHandlerObject<TType>;\n                    keyDownHandler = handlerObject.handler;\n                    keyDownHandlerOptions = {\n                        key,\n                        meta: handlerObject.meta,\n                        shift: handlerObject.shift,\n                    };\n                }\n\n                globalHandlers.push(\n                    createShortcutKeyDownHandler(keyDownHandlerOptions, event => {\n                        event.preventDefault();\n                        keyDownHandler(activeRow);\n                    })\n                );\n            });\n        }\n\n        globalHandlers.forEach(handler => {\n            document.addEventListener('keydown', handler);\n        });\n\n        return () => {\n            globalHandlers.forEach(handler => {\n                document.removeEventListener('keydown', handler);\n            });\n        };\n    }, [shortcuts, activeRow]);\n}\n"],"names":["useTableShortcuts","shortcuts","activeRow","React","useEffect","shortcutKeys","Object","keys","globalHandlers","length","forEach","key","handler","keyDownHandler","keyDownHandlerOptions","handlerObject","meta","shift","push","createShortcutKeyDownHandler","event","preventDefault","document","addEventListener","removeEventListener"],"mappings":";;;SAIgBA,iBAAiB,CAAcC,SAA6C,EAAEC,SAAgB;EAC1GC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,YAAY,GAAGC,MAAM,CAACC,IAAI,CAACN,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,CAAC;IAEjD,MAAMO,cAAc,GAA0C,EAAE;;IAGhE,IAAIP,SAAS,IAAII,YAAY,CAACI,MAAM,EAAE;MAClCJ,YAAY,CAACK,OAAO,CAACC,GAAG;QACpB,MAAMC,OAAO,GAAGX,SAAS,CAACU,GAAG,CAAC;QAE9B,IAAIE,cAAc;QAClB,IAAIC,qBAA4C;QAEhD,IAAI,OAAOF,OAAO,KAAK,UAAU,EAAE;UAC/BC,cAAc,GAAGD,OAAO;UACxBE,qBAAqB,GAAG;YACpBH;WACH;SACJ,MAAM;UACH,MAAMI,aAAa,GAAGH,OAA6C;UACnEC,cAAc,GAAGE,aAAa,CAACH,OAAO;UACtCE,qBAAqB,GAAG;YACpBH,GAAG;YACHK,IAAI,EAAED,aAAa,CAACC,IAAI;YACxBC,KAAK,EAAEF,aAAa,CAACE;WACxB;;QAGLT,cAAc,CAACU,IAAI,CACfC,4BAA4B,CAACL,qBAAqB,EAAEM,KAAK;UACrDA,KAAK,CAACC,cAAc,EAAE;UACtBR,cAAc,CAACX,SAAS,CAAC;SAC5B,CAAC,CACL;OACJ,CAAC;;IAGNM,cAAc,CAACE,OAAO,CAACE,OAAO;MAC1BU,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEX,OAAO,CAAC;KAChD,CAAC;IAEF,OAAO;MACHJ,cAAc,CAACE,OAAO,CAACE,OAAO;QAC1BU,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEZ,OAAO,CAAC;OACnD,CAAC;KACL;GACJ,EAAE,CAACX,SAAS,EAAEC,SAAS,CAAC,CAAC;AAC9B;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useVirtualiser.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { useVirtual } from 'react-virtual';
+
+const densitySizeEstimates = {
+  compact: 33,
+  normal: 41,
+  comfortable: 49,
+  spacious: 57
+};
+const useVirtualiser = ({
+  rows,
+  table
+}, tableRef) => {
+  var _virtualiser$virtualI, _virtualiser$virtualI2, _virtualiser$virtualI3, _virtualiser$virtualI4;
+  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 meta = table.options.meta;
+  const estimateSize = React__default.useCallback(index => {
+    var _table$getState$expan;
+    const rowHeight = meta.rowDensity ? densitySizeEstimates[meta.rowDensity] : densitySizeEstimates.normal;
+    if (table.getState().expanded === true || (_table$getState$expan = table.getState().expanded) !== null && _table$getState$expan !== void 0 && _table$getState$expan[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.rowDensity, expandedRowSizes, table.getState().expanded]);
+  const virtualiser = useVirtual({
+    parentRef: tableRef,
+    size: rows.length,
+    estimateSize
+  });
+  const paddingTop = virtualiser.virtualItems.length > 0 ? ((_virtualiser$virtualI = virtualiser.virtualItems) === null || _virtualiser$virtualI === void 0 ? void 0 : (_virtualiser$virtualI2 = _virtualiser$virtualI[0]) === null || _virtualiser$virtualI2 === void 0 ? void 0 : _virtualiser$virtualI2.start) || 0 : 0;
+  const paddingBottom = virtualiser.virtualItems.length > 0 ? virtualiser.totalSize - (((_virtualiser$virtualI3 = virtualiser.virtualItems) === null || _virtualiser$virtualI3 === void 0 ? void 0 : (_virtualiser$virtualI4 = _virtualiser$virtualI3[virtualiser.virtualItems.length - 1]) === null || _virtualiser$virtualI4 === void 0 ? void 0 : _virtualiser$virtualI4.end) || 0) : 0;
+  return {
+    virtualiser,
+    virtualiserOffsets: {
+      top: paddingTop,
+      bottom: paddingBottom
+    },
+    setExpandedRowSizes
+  };
+};
+
+export { useVirtualiser };
+//# sourceMappingURL=useVirtualiser.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/useVirtualiser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualiser.js","sources":["../../../../../../../../src/components/Table2/hooks/useVirtualiser.ts"],"sourcesContent":["import React from 'react';\nimport { OnChangeFn, TableMeta } from '@tanstack/react-table';\nimport { useVirtual, VirtualItem } from 'react-virtual';\n\ntype ExpandedRowSizeState = Record<string, number>;\ntype useVirtualiser = {\n    virtualiser: {\n        virtualItems: VirtualItem[];\n        totalSize: number;\n        scrollToOffset: (index: number, options?: any) => void;\n        scrollToIndex: (index: number, options?: any) => void;\n        measure: () => void;\n    };\n    virtualiserOffsets: {\n        top: number;\n        bottom: number;\n    };\n    setExpandedRowSizes: OnChangeFn<ExpandedRowSizeState>;\n};\n\nconst densitySizeEstimates = {\n    compact: 33,\n    normal: 41,\n    comfortable: 49,\n    spacious: 57,\n};\n\nexport const useVirtualiser = ({ rows, table }, tableRef: React.RefObject<HTMLElement>): useVirtualiser => {\n    const [expandedRowSizes, setExpandedRowSizes] = React.useState({});\n    const firstAvailableExpandedRowHeight = React.useMemo(() => {\n        const values: number[] = Object.values(expandedRowSizes);\n        return values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0;\n    }, [expandedRowSizes]);\n    const meta = table.options.meta as TableMeta<any>;\n\n    const estimateSize = React.useCallback(\n        index => {\n            const rowHeight = meta.rowDensity ? densitySizeEstimates[meta.rowDensity] : densitySizeEstimates.normal;\n\n            if (table.getState().expanded === true || table.getState().expanded?.[index]) {\n                return rowHeight + (expandedRowSizes[index] ?? firstAvailableExpandedRowHeight ?? 0);\n            }\n\n            return rowHeight;\n        },\n\n        [meta.rowDensity, expandedRowSizes, table.getState().expanded]\n    );\n\n    const virtualiser = useVirtual({\n        parentRef: tableRef,\n        size: rows.length,\n        estimateSize,\n    });\n\n    const paddingTop = virtualiser.virtualItems.length > 0 ? virtualiser.virtualItems?.[0]?.start || 0 : 0;\n    const paddingBottom =\n        virtualiser.virtualItems.length > 0\n            ? virtualiser.totalSize - (virtualiser.virtualItems?.[virtualiser.virtualItems.length - 1]?.end || 0)\n            : 0;\n\n    return { virtualiser, virtualiserOffsets: { top: paddingTop, bottom: paddingBottom }, setExpandedRowSizes };\n};\n"],"names":["densitySizeEstimates","compact","normal","comfortable","spacious","useVirtualiser","rows","table","tableRef","expandedRowSizes","setExpandedRowSizes","React","useState","firstAvailableExpandedRowHeight","useMemo","values","Object","length","reduce","a","b","meta","options","estimateSize","useCallback","index","rowHeight","rowDensity","getState","expanded","virtualiser","useVirtual","parentRef","size","paddingTop","virtualItems","start","paddingBottom","totalSize","end","virtualiserOffsets","top","bottom"],"mappings":";;;AAoBA,MAAMA,oBAAoB,GAAG;EACzBC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE,EAAE;EACVC,WAAW,EAAE,EAAE;EACfC,QAAQ,EAAE;CACb;MAEYC,cAAc,GAAG,CAAC;EAAEC,IAAI;EAAEC;CAAO,EAAEC,QAAsC;;EAClF,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;EAClE,MAAMC,+BAA+B,GAAGF,cAAK,CAACG,OAAO,CAAC;IAClD,MAAMC,MAAM,GAAaC,MAAM,CAACD,MAAM,CAACN,gBAAgB,CAAC;IACxD,OAAOM,MAAM,CAACE,MAAM,GAAGF,MAAM,CAACG,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC,EAAE,CAAC,CAAC,GAAGL,MAAM,CAACE,MAAM,GAAG,CAAC;GAC/E,EAAE,CAACR,gBAAgB,CAAC,CAAC;EACtB,MAAMY,IAAI,GAAGd,KAAK,CAACe,OAAO,CAACD,IAAsB;EAEjD,MAAME,YAAY,GAAGZ,cAAK,CAACa,WAAW,CAClCC,KAAK;;IACD,MAAMC,SAAS,GAAGL,IAAI,CAACM,UAAU,GAAG3B,oBAAoB,CAACqB,IAAI,CAACM,UAAU,CAAC,GAAG3B,oBAAoB,CAACE,MAAM;IAEvG,IAAIK,KAAK,CAACqB,QAAQ,EAAE,CAACC,QAAQ,KAAK,IAAI,6BAAItB,KAAK,CAACqB,QAAQ,EAAE,CAACC,QAAQ,kDAAzB,sBAA4BJ,KAAK,CAAC,EAAE;MAAA;MAC1E,OAAOC,SAAS,qCAAIjB,gBAAgB,CAACgB,KAAK,CAAC,yEAAIZ,+BAA+B,uCAAI,CAAC,CAAC;;IAGxF,OAAOa,SAAS;GACnB,EAED,CAACL,IAAI,CAACM,UAAU,EAAElB,gBAAgB,EAAEF,KAAK,CAACqB,QAAQ,EAAE,CAACC,QAAQ,CAAC,CACjE;EAED,MAAMC,WAAW,GAAGC,UAAU,CAAC;IAC3BC,SAAS,EAAExB,QAAQ;IACnByB,IAAI,EAAE3B,IAAI,CAACW,MAAM;IACjBM;GACH,CAAC;EAEF,MAAMW,UAAU,GAAGJ,WAAW,CAACK,YAAY,CAAClB,MAAM,GAAG,CAAC,GAAG,0BAAAa,WAAW,CAACK,YAAY,oFAAxB,sBAA2B,CAAC,CAAC,2DAA7B,uBAA+BC,KAAK,KAAI,CAAC,GAAG,CAAC;EACtG,MAAMC,aAAa,GACfP,WAAW,CAACK,YAAY,CAAClB,MAAM,GAAG,CAAC,GAC7Ba,WAAW,CAACQ,SAAS,IAAI,2BAAAR,WAAW,CAACK,YAAY,qFAAxB,uBAA2BL,WAAW,CAACK,YAAY,CAAClB,MAAM,GAAG,CAAC,CAAC,2DAA/D,uBAAiEsB,GAAG,KAAI,CAAC,CAAC,GACnG,CAAC;EAEX,OAAO;IAAET,WAAW;IAAEU,kBAAkB,EAAE;MAAEC,GAAG,EAAEP,UAAU;MAAEQ,MAAM,EAAEL;KAAe;IAAE3B;GAAqB;AAC/G;;;;"}

package/dist/esm/packages/taco/src/components/Table2/types.js

@@ -0,0 +1,18 @@
+var Table2FilterComparator;
+(function (Table2FilterComparator) {
+  Table2FilterComparator[Table2FilterComparator["Contains"] = 0] = "Contains";
+  Table2FilterComparator[Table2FilterComparator["DoesNotContain"] = 1] = "DoesNotContain";
+  Table2FilterComparator[Table2FilterComparator["IsEqualTo"] = 2] = "IsEqualTo";
+  Table2FilterComparator[Table2FilterComparator["IsNotEqualTo"] = 3] = "IsNotEqualTo";
+  Table2FilterComparator[Table2FilterComparator["IsGreaterThan"] = 4] = "IsGreaterThan";
+  Table2FilterComparator[Table2FilterComparator["IsLessThan"] = 5] = "IsLessThan";
+  Table2FilterComparator[Table2FilterComparator["IsBetween"] = 6] = "IsBetween";
+  Table2FilterComparator[Table2FilterComparator["IsOneOf"] = 7] = "IsOneOf";
+  Table2FilterComparator[Table2FilterComparator["IsNoneOf"] = 8] = "IsNoneOf";
+  Table2FilterComparator[Table2FilterComparator["IsAllOf"] = 9] = "IsAllOf";
+  Table2FilterComparator[Table2FilterComparator["IsEmpty"] = 10] = "IsEmpty";
+  Table2FilterComparator[Table2FilterComparator["IsNotEmpty"] = 11] = "IsNotEmpty";
+})(Table2FilterComparator || (Table2FilterComparator = {}));
+
+export { Table2FilterComparator };
+//# sourceMappingURL=types.js.map

package/dist/esm/packages/taco/src/components/Table2/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table2/types.ts"],"sourcesContent":["import React from 'react';\nimport {\n    BuiltInSortingFn,\n    ColumnFiltersState,\n    ColumnOrderState,\n    ColumnSizingState,\n    OnChangeFn,\n    Row,\n    SortingState,\n    VisibilityState,\n} from '@tanstack/react-table';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { IconName } from '../Icon/Icon';\nimport { MenuProps } from '../Menu/Menu';\n\nexport enum Table2FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsOneOf,\n    IsNoneOf,\n    IsAllOf,\n    IsEmpty,\n    IsNotEmpty,\n}\n\nexport type Table2Filter<TType = any> = {\n    comparator?: Table2FilterComparator;\n    value: TType | TType[];\n};\n\nexport type ColumnOffsetState = Record<string, number | undefined>;\nexport type RowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type CellAlignment = 'left' | 'center' | 'right';\n\nexport type SortDirection = 'asc' | 'desc';\nexport type ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\n\nexport type Table2ColumnHeaderRenderer<TType = any> = (value: any, row: TType) => JSX.Element | string | null;\nexport type Table2ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\nexport type Table2ColumnFooterRenderer = (values: any[]) => JSX.Element | string | null;\n\nexport type Table2ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur: (newValue?: any) => Promise<void>;\n    onFocus: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n    // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n    // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n    // data attribute we make sure the event is coming from a control component, and then we can make sure\n    // keyboard shortcut works as expected.\n    'data-inline-editing-component'?: 'true';\n};\nexport type Table2ColumnControlRenderer<TType = any> =\n    | ((props: Table2ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch';\n\nexport type SortFn<TType = unknown> = ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | BuiltInSortingFn | 'auto';\n\nexport type Table2ColumnProps<TType = any> = {\n    accessor: string;\n    align?: CellAlignment;\n    className?: string | ((row: Row<TType>) => string);\n    control?: Table2ColumnControlRenderer<TType>;\n    dataType?: ColumnDataType;\n    defaultActiveColumnIndex?: number;\n    defaultActiveRowIndex?: number;\n    defaultHidden?: boolean;\n    disableFiltering?: boolean;\n    disableHiding?: boolean;\n    disableReordering?: boolean;\n    disableResizing?: boolean;\n    disableSorting?: boolean;\n    defaultWidth?: number | 'grow';\n    header: string;\n    headerClassName?: string;\n    footer?: Table2ColumnFooterRenderer;\n    renderer?: Table2ColumnHeaderRenderer<TType>;\n    menu?: Table2ColumnHeaderMenu;\n    minWidth?: number;\n    sort?: SortDirection;\n    sortFn?: SortFn<TType>;\n    tooltip?: string;\n};\n\nexport type Table2ActionProps<TType> = {\n    dialog?: (rows: TType[], resetSelectedRows: () => void) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((rows: TType[]) => boolean);\n    icon: IconName | ((rows: TType[]) => IconName);\n    onClick?: (rows: TType[], resetSelectedRows: () => void) => void;\n    text: string | ((rows: TType[]) => string);\n    visible?: boolean | ((rows: TType[]) => boolean);\n};\n\nexport type Table2RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\nexport type Table2Settings = {\n    columnFilters?: ColumnFiltersState;\n    columnOrder?: ColumnOrderState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    frozenColumnCount?: number;\n    globalFilter?: string;\n    rowDensity?: RowDensity;\n    sorting?: SortingState;\n};\n\nexport type RowClickHandler<TType = any> = (row: TType) => void;\nexport type RowDragHandler<TType = any> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type RowDropHandler<TType = any> = (event: React.DragEvent, row: TType) => void;\nexport type RowSelectionHandler<TType = any> = (rows: TType[], allSelected: boolean) => void;\nexport type RowExpansionRenderer<TType = any> = (row: TType) => (() => JSX.Element) | null;\nexport type SortHandler = OnChangeFn<SortingState>;\nexport type SettingsHandler = OnChangeFn<Table2Settings>;\nexport type SaveHandlerErrorResponse = Record<string, string | undefined | null> | null;\nexport type SaveHandler<TType = any> = (row: TType, accessor: string) => Promise<SaveHandlerErrorResponse | void>;\n\nexport type DataColumnIndexes = {\n    dataColumnStartOffset: number;\n    dataColumnEndOffset: number;\n};\n\nexport type Table2Children<TType = any> = (React.ReactElement<Table2ColumnProps<TType>> | boolean | null | undefined)[];\n\nexport type Table2ShortcutHandlerFn<TType = any> = (row: TType) => void;\nexport type Table2ShortcutHandlerObject<TType = any> = {\n    handler: Table2ShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\nexport type Table2Shortcuts<TType = any> = Record<string, Table2ShortcutHandlerFn<TType> | Table2ShortcutHandlerObject<TType>>;\n\nexport type Table2Props<TType = any> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    actionsForRow?: Table2RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    children: Table2Children;\n    className?: string;\n    data: TType[];\n    defaultActiveRowIndex?: number;\n    disableColumnFiltering?: boolean;\n    disableColumnHiding?: boolean;\n    disableColumnFreezing?: boolean;\n    disableColumnReordering?: boolean;\n    disableColumnResizing?: boolean;\n    disableRowDensity?: boolean;\n    disableRowExpansion?: boolean;\n    disableRowSelection?: boolean;\n    disableMultipleRowSelection?: boolean;\n    disableSearch?: boolean;\n    disableSorting?: boolean;\n    emptyState?: () => JSX.Element;\n    expandedRowRenderer?: RowExpansionRenderer<TType>;\n    length?: number;\n    loadMore?: () => Promise<void>;\n    manualColumnFiltering?: boolean;\n    manualSearch?: boolean;\n    manualSorting?: boolean;\n    onChangeSettings?: SettingsHandler;\n    onRowClick?: RowClickHandler<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n    onRowDrop?: RowDropHandler<TType>;\n    onRowSelect?: RowSelectionHandler<TType>;\n    onSave?: SaveHandler<TType>;\n    shortcuts?: Table2Shortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    settings?: Table2Settings;\n    _experimentalActionsForTable?: Table2ActionProps<TType>[];\n    _experimentalActionsForTableSummary?: (rows: TType[]) => JSX.Element | string;\n};\n"],"names":["Table2FilterComparator"],"mappings":"IAeYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,2EAAQ;EACRA,yEAAO;EACPA,0EAAO;EACPA,gFAAU;AACd,CAAC,EAbWA,sBAAsB,KAAtBA,sBAAsB;;;;"}