@economic/taco 1.19.1 → 1.20.0

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

@@ -0,0 +1,33 @@
+import React__default from 'react';
+
+const useActiveRow = (defaultActiveRowIndex = 0) => {
+  const [activeRowIndex, _setActiveRow] = React__default.useState(defaultActiveRowIndex);
+  const moveActiveRow = (direction, rows, callback) => {
+    _setActiveRow(rowIndex => {
+      const nextRowIndex = getNextIndex(direction, rowIndex, rows.length);
+      if (callback) {
+        callback(nextRowIndex);
+      }
+      return nextRowIndex;
+    });
+  };
+  // output
+  const moveToPreviousRow = (rows, callback) => moveActiveRow(-1, rows, callback);
+  const moveToNextRow = (rows, callback) => moveActiveRow(1, rows, callback);
+  const setActiveRowIndex = rowIndex => _setActiveRow(rowIndex);
+  return {
+    activeRowIndex,
+    setActiveRowIndex,
+    moveToPreviousRow,
+    moveToNextRow
+  };
+};
+const getNextIndex = (direction, currentIndex, length) => {
+  if (direction === -1) {
+    return currentIndex - 1 > 0 ? currentIndex - 1 : 0;
+  }
+  return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;
+};
+
+export { useActiveRow };
+//# sourceMappingURL=useActiveRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveRow.js","sources":["../../../../../../../../src/components/Table2/hooks/useActiveRow.ts"],"sourcesContent":["import React from 'react';\nimport { Row as TRow } from '@tanstack/react-table';\n\n/*\n    Note: We have to use row id as the identifier for the row, index isn't good enough\n\n    If new rows are added (e.g. by polling of data) and we use index, then the active row\n    could change to a different row, this is really bad if the user is editing a row.\n    \n    Using row id allows us to always stay on the same row. We have to store index though to make\n    arrow key navigation performant (otherwise we have to findIndex the entire row array each time).\n*/\n\nexport type ActiveRowHandler = (rowIndex: number) => void;\nexport type ActiveRowMoveHandler<TType = any> = (rows: TRow<TType>[], callback?: (index: number) => void) => void;\n\nexport type useActiveRow<TType = any> = {\n    activeRowIndex: number;\n    setActiveRowIndex: ActiveRowHandler;\n    moveToPreviousRow: ActiveRowMoveHandler<TType>;\n    moveToNextRow: ActiveRowMoveHandler<TType>;\n};\n\nexport const useActiveRow = <TType = any>(defaultActiveRowIndex = 0): useActiveRow<TType> => {\n    const [activeRowIndex, _setActiveRow] = React.useState<number>(defaultActiveRowIndex);\n\n    const moveActiveRow = (direction: -1 | 1, rows: TRow<TType>[], callback?: (index: number) => void) => {\n        _setActiveRow(rowIndex => {\n            const nextRowIndex = getNextIndex(direction, rowIndex, rows.length);\n            if (callback) {\n                callback(nextRowIndex);\n            }\n            return nextRowIndex;\n        });\n    };\n\n    // output\n    const moveToPreviousRow = (rows: TRow<TType>[], callback?: (index: number) => void) => moveActiveRow(-1, rows, callback);\n    const moveToNextRow = (rows: TRow<TType>[], callback?: (index: number) => void) => moveActiveRow(1, rows, callback);\n    const setActiveRowIndex = (rowIndex: number) => _setActiveRow(rowIndex);\n\n    return {\n        activeRowIndex,\n        setActiveRowIndex,\n        moveToPreviousRow,\n        moveToNextRow,\n    };\n};\n\nconst getNextIndex = (direction: -1 | 1, currentIndex: number, length: number) => {\n    if (direction === -1) {\n        return currentIndex - 1 > 0 ? currentIndex - 1 : 0;\n    }\n\n    return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;\n};\n"],"names":["useActiveRow","defaultActiveRowIndex","activeRowIndex","_setActiveRow","React","useState","moveActiveRow","direction","rows","callback","rowIndex","nextRowIndex","getNextIndex","length","moveToPreviousRow","moveToNextRow","setActiveRowIndex","currentIndex"],"mappings":";;MAuBaA,YAAY,GAAG,CAAcC,qBAAqB,GAAG,CAAC;EAC/D,MAAM,CAACC,cAAc,EAAEC,aAAa,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAASJ,qBAAqB,CAAC;EAErF,MAAMK,aAAa,GAAG,CAACC,SAAiB,EAAEC,IAAmB,EAAEC,QAAkC;IAC7FN,aAAa,CAACO,QAAQ;MAClB,MAAMC,YAAY,GAAGC,YAAY,CAACL,SAAS,EAAEG,QAAQ,EAAEF,IAAI,CAACK,MAAM,CAAC;MACnE,IAAIJ,QAAQ,EAAE;QACVA,QAAQ,CAACE,YAAY,CAAC;;MAE1B,OAAOA,YAAY;KACtB,CAAC;GACL;;EAGD,MAAMG,iBAAiB,GAAG,CAACN,IAAmB,EAAEC,QAAkC,KAAKH,aAAa,CAAC,CAAC,CAAC,EAAEE,IAAI,EAAEC,QAAQ,CAAC;EACxH,MAAMM,aAAa,GAAG,CAACP,IAAmB,EAAEC,QAAkC,KAAKH,aAAa,CAAC,CAAC,EAAEE,IAAI,EAAEC,QAAQ,CAAC;EACnH,MAAMO,iBAAiB,GAAIN,QAAgB,IAAKP,aAAa,CAACO,QAAQ,CAAC;EAEvE,OAAO;IACHR,cAAc;IACdc,iBAAiB;IACjBF,iBAAiB;IACjBC;GACH;AACL;AAEA,MAAMH,YAAY,GAAG,CAACL,SAAiB,EAAEU,YAAoB,EAAEJ,MAAc;EACzE,IAAIN,SAAS,KAAK,CAAC,CAAC,EAAE;IAClB,OAAOU,YAAY,GAAG,CAAC,GAAG,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAG,CAAC;;EAGtD,OAAOA,YAAY,GAAG,CAAC,GAAGJ,MAAM,GAAGI,YAAY,GAAG,CAAC,GAAGA,YAAY;AACtE,CAAC;;;;"}

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

@@ -0,0 +1,106 @@
+import React__default from 'react';
+import { createColumnHelper } from '@tanstack/react-table';
+import { createRowExpansionColumn, createRowSelectionColumn, createRowDraggableColumn, createRowActionsColumn, MIN_COLUMN_SIZE, COLUMN_ID_FOR_EXPANSION, COLUMN_ID_FOR_SELECTION, COLUMN_ID_FOR_DRAGGABLE } from '../utilities/columns.js';
+
+function useColumnDefinitions(children, options, tableRef) {
+  const lastSelectedRowIndex = React__default.useRef();
+  const columnHelper = createColumnHelper();
+  return React__default.useMemo(() => {
+    var _options$actionsForRo;
+    // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved
+    const columns = [];
+    const defaultColumnPinning = [];
+    const defaultColumnSizing = {};
+    const defaultColumnVisibility = {};
+    const defaultSorting = [];
+    const footers = {};
+    React__default.Children.toArray(children).forEach(child => {
+      if ( /*#__PURE__*/React__default.isValidElement(child)) {
+        var _child$props$minWidth;
+        if (child.props.defaultPinned && options.enableColumnPinning) {
+          defaultColumnPinning.push(child.props.accessor);
+        }
+        if (child.props.defaultWidth) {
+          defaultColumnSizing[child.props.accessor] = child.props.defaultWidth;
+        }
+        if (child.props.defaultHidden && options.enableColumnHiding) {
+          defaultColumnVisibility[child.props.accessor] = false;
+        }
+        if (child.props.sort !== undefined) {
+          defaultSorting.push({
+            id: child.props.accessor,
+            desc: child.props.sort === 'desc'
+          });
+        }
+        if (child.props.footer) {
+          footers[child.props.accessor] = child.props.footer;
+        }
+        columns.push({
+          accessorKey: child.props.accessor,
+          id: child.props.accessor,
+          cell: props => {
+            if (typeof child.props.renderer === 'function') {
+              return child.props.renderer(props.getValue(), props.row.original);
+            }
+            return props.getValue();
+          },
+          header: child.props.header,
+          meta: {
+            align: child.props.align,
+            className: child.props.className,
+            control: child.props.control,
+            dataType: child.props.dataType,
+            defaultWidth: child.props.defaultWidth,
+            disableReordering: child.props.disableReordering,
+            disableTruncation: child.props.disableTruncation,
+            menu: child.props.menu,
+            tooltip: child.props.tooltip
+          },
+          enableHiding: !child.props.disableHiding,
+          // filtering
+          enableColumnFilter: !child.props.disableFiltering,
+          filterFn: options.enableColumnFiltering && !child.props.disableFiltering ? 'tacoFilter' : undefined,
+          // sizing
+          enableResizing: !child.props.disableResizing,
+          minSize: (_child$props$minWidth = child.props.minWidth) !== null && _child$props$minWidth !== void 0 ? _child$props$minWidth : MIN_COLUMN_SIZE,
+          size: child.props.defaultWidth,
+          // sorting
+          enableSorting: !child.props.disableSorting,
+          sortingFn: getSortingFn(child.props.dataType)
+        });
+      }
+    });
+    if (options.enableRowExpansion) {
+      columns.unshift(columnHelper.display(createRowExpansionColumn()));
+      defaultColumnPinning.unshift(COLUMN_ID_FOR_EXPANSION);
+    }
+    if (options.enableRowSelection) {
+      columns.unshift(columnHelper.display(createRowSelectionColumn(options.enableMultipleRowSelection, lastSelectedRowIndex, options.onRowDrag, tableRef)));
+      defaultColumnPinning.unshift(COLUMN_ID_FOR_SELECTION);
+    }
+    if (options.onRowDrag) {
+      columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag)));
+      defaultColumnPinning.unshift(COLUMN_ID_FOR_DRAGGABLE);
+    }
+    if ((_options$actionsForRo = options.actionsForRow) !== null && _options$actionsForRo !== void 0 && _options$actionsForRo.length) {
+      columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow)));
+    }
+    return {
+      columns,
+      defaultColumnPinning,
+      defaultColumnSizing,
+      defaultColumnVisibility,
+      defaultSorting,
+      footers
+    };
+  }, [children]);
+}
+const getSortingFn = dataType => {
+  if (dataType && dataType !== 'boolean') {
+    return dataType;
+  }
+  return 'auto';
+};
+
+export { useColumnDefinitions };
+//# sourceMappingURL=useColumnDefinitions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnDefinitions.js","sources":["../../../../../../../../src/components/Table2/hooks/useColumnDefinitions.ts"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    ColumnSort,\n    ColumnSizingState,\n    Row,\n    RowData,\n    VisibilityState,\n    SortingFnOption,\n} from '@tanstack/react-table';\nimport {\n    CellAlignment,\n    ColumnDataType,\n    RowDragHandler,\n    Table2ColumnControlRenderer,\n    Table2ColumnFooterRenderer,\n    Table2ColumnHeaderMenu,\n    Table2ColumnProps,\n    Table2RowActionProps,\n} from '../types';\nimport {\n    COLUMN_ID_FOR_DRAGGABLE,\n    COLUMN_ID_FOR_EXPANSION,\n    COLUMN_ID_FOR_SELECTION,\n    createRowActionsColumn,\n    createRowDraggableColumn,\n    createRowExpansionColumn,\n    createRowSelectionColumn,\n    MIN_COLUMN_SIZE,\n} from '../utilities/columns';\n\ndeclare module '@tanstack/table-core' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: CellAlignment;\n        className?: string | ((row: Row<TData>) => string);\n        control?: Table2ColumnControlRenderer;\n        dataType?: ColumnDataType;\n        disableReordering?: boolean;\n        disableTruncation?: boolean;\n        defaultWidth?: number;\n        headerClassName?: string;\n        menu?: Table2ColumnHeaderMenu;\n        tooltip?: string;\n    }\n}\n\ntype useColumnDefinitionsOptions<TType> = {\n    actionsForRow: Table2RowActionProps<TType>[];\n    enableColumnFiltering: boolean;\n    enableColumnHiding: boolean;\n    enableColumnPinning: boolean;\n    enableRowExpansion: boolean;\n    enableRowSelection: boolean;\n    enableMultipleRowSelection: boolean;\n    onRowDrag?: RowDragHandler<TType>;\n};\n\nexport function useColumnDefinitions<TType = any>(\n    children: React.ReactElement<Table2ColumnProps<TType>>[],\n    options: useColumnDefinitionsOptions<TType>,\n    tableRef: React.RefObject<HTMLDivElement>\n) {\n    const lastSelectedRowIndex = React.useRef<number>();\n    const columnHelper = createColumnHelper<TType>();\n\n    return React.useMemo(() => {\n        // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved\n        const columns: any[] = [];\n        const defaultColumnPinning: string[] = [];\n        const defaultColumnSizing: ColumnSizingState = {};\n        const defaultColumnVisibility: VisibilityState = {};\n        const defaultSorting: ColumnSort[] = [];\n        const footers: Record<string, Table2ColumnFooterRenderer> = {};\n\n        (React.Children.toArray(children) as React.ReactElement<Table2ColumnProps<TType>>[]).forEach(child => {\n            if (React.isValidElement(child)) {\n                if (child.props.defaultPinned && options.enableColumnPinning) {\n                    defaultColumnPinning.push(child.props.accessor);\n                }\n\n                if (child.props.defaultWidth) {\n                    defaultColumnSizing[child.props.accessor] = child.props.defaultWidth;\n                }\n\n                if (child.props.defaultHidden && options.enableColumnHiding) {\n                    defaultColumnVisibility[child.props.accessor] = false;\n                }\n\n                if (child.props.sort !== undefined) {\n                    defaultSorting.push({\n                        id: child.props.accessor,\n                        desc: child.props.sort === 'desc',\n                    });\n                }\n\n                if (child.props.footer) {\n                    footers[child.props.accessor] = child.props.footer;\n                }\n\n                columns.push({\n                    accessorKey: child.props.accessor,\n                    id: child.props.accessor,\n                    cell: props => {\n                        if (typeof child.props.renderer === 'function') {\n                            return child.props.renderer(props.getValue(), props.row.original);\n                        }\n\n                        return props.getValue();\n                    },\n                    header: child.props.header,\n                    meta: {\n                        align: child.props.align,\n                        className: child.props.className,\n                        control: child.props.control,\n                        dataType: child.props.dataType,\n                        defaultWidth: child.props.defaultWidth,\n                        disableReordering: child.props.disableReordering,\n                        disableTruncation: child.props.disableTruncation,\n                        menu: child.props.menu,\n                        tooltip: child.props.tooltip,\n                    },\n                    enableHiding: !child.props.disableHiding,\n                    // filtering\n                    enableColumnFilter: !child.props.disableFiltering,\n                    filterFn: options.enableColumnFiltering && !child.props.disableFiltering ? ('tacoFilter' as any) : undefined,\n                    // sizing\n                    enableResizing: !child.props.disableResizing,\n                    minSize: child.props.minWidth ?? MIN_COLUMN_SIZE,\n                    size: child.props.defaultWidth,\n                    // sorting\n                    enableSorting: !child.props.disableSorting,\n                    sortingFn: getSortingFn(child.props.dataType),\n                });\n            }\n        });\n\n        if (options.enableRowExpansion) {\n            columns.unshift(columnHelper.display(createRowExpansionColumn()));\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_EXPANSION);\n        }\n\n        if (options.enableRowSelection) {\n            columns.unshift(\n                columnHelper.display(\n                    createRowSelectionColumn(\n                        options.enableMultipleRowSelection,\n                        lastSelectedRowIndex,\n                        options.onRowDrag,\n                        tableRef\n                    )\n                )\n            );\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_SELECTION);\n        }\n\n        if (options.onRowDrag) {\n            columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag)));\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_DRAGGABLE);\n        }\n\n        if (options.actionsForRow?.length) {\n            columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow)));\n        }\n\n        return { columns, defaultColumnPinning, defaultColumnSizing, defaultColumnVisibility, defaultSorting, footers };\n    }, [children]);\n}\n\nconst getSortingFn = (dataType?: ColumnDataType): SortingFnOption<any> => {\n    if (dataType && dataType !== 'boolean') {\n        return dataType;\n    }\n\n    return 'auto';\n};\n"],"names":["useColumnDefinitions","children","options","tableRef","lastSelectedRowIndex","React","useRef","columnHelper","createColumnHelper","useMemo","columns","defaultColumnPinning","defaultColumnSizing","defaultColumnVisibility","defaultSorting","footers","Children","toArray","forEach","child","isValidElement","props","defaultPinned","enableColumnPinning","push","accessor","defaultWidth","defaultHidden","enableColumnHiding","sort","undefined","id","desc","footer","accessorKey","cell","renderer","getValue","row","original","header","meta","align","className","control","dataType","disableReordering","disableTruncation","menu","tooltip","enableHiding","disableHiding","enableColumnFilter","disableFiltering","filterFn","enableColumnFiltering","enableResizing","disableResizing","minSize","minWidth","MIN_COLUMN_SIZE","size","enableSorting","disableSorting","sortingFn","getSortingFn","enableRowExpansion","unshift","display","createRowExpansionColumn","COLUMN_ID_FOR_EXPANSION","enableRowSelection","createRowSelectionColumn","enableMultipleRowSelection","onRowDrag","COLUMN_ID_FOR_SELECTION","createRowDraggableColumn","COLUMN_ID_FOR_DRAGGABLE","actionsForRow","length","createRowActionsColumn"],"mappings":"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"}

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,32 @@
+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 (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];\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 (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,CAAC;IAEtD,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,IAAIF,YAAY,EAAE;QACdD,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/useSeparatedChildren.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+
+const useSeparatedChildren = initialChildren => {
+  return React__default.useMemo(() => {
+    const columns = [];
+    let toolbar;
+    React__default.Children.toArray(initialChildren).forEach(child => {
+      var _child$type, _child$type2;
+      if (((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'Table2Column') {
+        columns.push(child);
+      } else if (((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === 'Table2Toolbar') {
+        toolbar = child;
+      }
+    });
+    return [columns, toolbar];
+  }, [initialChildren]);
+};
+
+export { useSeparatedChildren };
+//# sourceMappingURL=useSeparatedChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSeparatedChildren.js","sources":["../../../../../../../../src/components/Table2/hooks/useSeparatedChildren.ts"],"sourcesContent":["import React from 'react';\n\nexport const useSeparatedChildren = initialChildren => {\n    return React.useMemo(() => {\n        const columns: any[] = [];\n        let toolbar;\n\n        React.Children.toArray(initialChildren).forEach((child: any) => {\n            if (child.type?.displayName === 'Table2Column') {\n                columns.push(child);\n            } else if (child.type?.displayName === 'Table2Toolbar') {\n                toolbar = child;\n            }\n        });\n\n        return [columns, toolbar];\n    }, [initialChildren]);\n};\n"],"names":["useSeparatedChildren","initialChildren","React","useMemo","columns","toolbar","Children","toArray","forEach","child","type","displayName","push"],"mappings":";;MAEaA,oBAAoB,GAAGC,eAAe;EAC/C,OAAOC,cAAK,CAACC,OAAO,CAAC;IACjB,MAAMC,OAAO,GAAU,EAAE;IACzB,IAAIC,OAAO;IAEXH,cAAK,CAACI,QAAQ,CAACC,OAAO,CAACN,eAAe,CAAC,CAACO,OAAO,CAAEC,KAAU;;MACvD,IAAI,gBAAAA,KAAK,CAACC,IAAI,gDAAV,YAAYC,WAAW,MAAK,cAAc,EAAE;QAC5CP,OAAO,CAACQ,IAAI,CAACH,KAAK,CAAC;OACtB,MAAM,IAAI,iBAAAA,KAAK,CAACC,IAAI,iDAAV,aAAYC,WAAW,MAAK,eAAe,EAAE;QACpDN,OAAO,GAAGI,KAAK;;KAEtB,CAAC;IAEF,OAAO,CAACL,OAAO,EAAEC,OAAO,CAAC;GAC5B,EAAE,CAACJ,eAAe,CAAC,CAAC;AACzB;;;;"}

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

@@ -0,0 +1,200 @@
+import React__default from 'react';
+import { getSortedRowModel, getFilteredRowModel, useReactTable, getCoreRowModel } from '@tanstack/react-table';
+import { columnFilterFn, globalFilterFn } from '../utilities/filterFn.js';
+import { useEditMode } from './useEditMode.js';
+import { useColumnDefinitions } from './useColumnDefinitions.js';
+import { getOffsetsFromSize, 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';
+
+function useTable(children, props, ref) {
+  var _settings$columnOrder, _ref, _settings$columnPinni, _settings$columnPinni2, _settings$columnSizin, _settings$columnVisib, _settings$rowDensity;
+  const {
+    actionsForRow = [],
+    data,
+    defaultActiveRowIndex,
+    disableColumnFiltering = false,
+    disableColumnHiding = false,
+    disableColumnPinning = 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 = {},
+    // experimental
+    _experimentalActionsForTable
+  } = props;
+  const enableRowExpansion = !disableRowExpansion && !!expandedRowRenderer;
+  const enableRowSelection = !disableRowSelection && (!!onRowSelect || !!(_experimentalActionsForTable !== null && _experimentalActionsForTable !== void 0 && _experimentalActionsForTable.length));
+  const enableMultipleRowSelection = !disableMultipleRowSelection && enableRowSelection;
+  const {
+    columns,
+    defaultColumnPinning,
+    defaultColumnSizing,
+    defaultSorting,
+    defaultColumnVisibility,
+    footers
+  } = useColumnDefinitions(children, {
+    actionsForRow,
+    enableColumnFiltering: !disableColumnFiltering,
+    enableColumnHiding: !disableColumnHiding,
+    enableColumnPinning: !disableColumnPinning,
+    enableRowExpansion,
+    enableRowSelection,
+    enableMultipleRowSelection,
+    onRowDrag
+  }, ref);
+  // defaults
+  const initialState = {
+    columnOrder: (_settings$columnOrder = settings === null || settings === void 0 ? void 0 : settings.columnOrder) !== null && _settings$columnOrder !== void 0 ? _settings$columnOrder : columns.map(column => column.id),
+    columnPinning: {
+      left: (_ref = (_settings$columnPinni = settings === null || settings === void 0 ? void 0 : (_settings$columnPinni2 = settings.columnPinning) === null || _settings$columnPinni2 === void 0 ? void 0 : _settings$columnPinni2.left) !== null && _settings$columnPinni !== void 0 ? _settings$columnPinni : defaultColumnPinning) !== null && _ref !== void 0 ? _ref : [],
+      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 [hoveredRowIndex, setHoveredRowIndex] = React__default.useState(undefined);
+  const editMode = useEditMode(onSave);
+  const [columnOffsets, setColumnOffsets] = React__default.useState(getOffsetsFromSize(initialState.columnPinning, initialState.columnVisibility, initialState.columnSizing));
+  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);
+  // 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: !disableColumnPinning,
+    enableRowSelection: enableRowSelection,
+    enableMultiRowSelection: enableMultipleRowSelection,
+    enableSorting: !disableSorting
+  };
+  // resizing
+  if (options.enableColumnResizing) {
+    options.columnResizeMode = 'onChange';
+  }
+  // sorting
+  if (options.enableSorting) {
+    var _settings$sorting;
+    initialState.sorting = (_settings$sorting = settings === null || settings === void 0 ? void 0 : settings.sorting) !== null && _settings$sorting !== void 0 ? _settings$sorting : 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
+      dragging,
+      setDragging,
+      // computed
+      enableColumnReordering: !disableColumnReordering,
+      // resorting
+      shouldPauseSortingAndFiltering,
+      setShouldPauseSortingAndFiltering,
+      // other
+      onRowClick,
+      hoveredRowIndex,
+      setHoveredRowIndex,
+      // 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
+    }
+  });
+  const tableRows = table.getRowModel().rows;
+  const lastSortedOrFilteredRows = React__default.useRef(tableRows);
+  if (!shouldPauseSortingAndFiltering) {
+    lastSortedOrFilteredRows.current = tableRows;
+  }
+  const rows = shouldPauseSortingAndFiltering ? lastSortedOrFilteredRows.current : tableRows;
+  // state listeners
+  useActiveRowStateListener(table, rows, activeRow);
+  useColumnOffsetStateListener(table, setColumnOffsets);
+  useRowSelectionListener(table, onRowSelect);
+  useSettingsStateListener(table, onChangeSettings);
+  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    ColumnPinningState,\n    VisibilityState,\n    ColumnSizingState,\n    TableOptions,\n} from '@tanstack/react-table';\nimport { RowClickHandler, RowDensity, Table2ColumnProps, Table2Props } from '../types';\nimport { useColumnDefinitions } from './useColumnDefinitions';\nimport { getOffsetsFromSize, 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';\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        dragging: Record<string, boolean>;\n        setDragging: OnChangeFn<Record<string, boolean>>;\n        // computed\n        enableColumnReordering: boolean;\n        shouldPauseSortingAndFiltering: boolean;\n        setShouldPauseSortingAndFiltering: OnChangeFn<boolean>;\n        // other\n        onRowClick?: RowClickHandler<TData>;\n        hoveredRowIndex: number | undefined;\n        setHoveredRowIndex: OnChangeFn<number | undefined>;\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    }\n}\n\nexport function useTable<TType = any>(\n    children: React.ReactElement<Table2ColumnProps<TType>>[],\n    props: Table2Props<TType>,\n    ref: React.RefObject<HTMLDivElement>\n) {\n    const {\n        actionsForRow = [],\n        data,\n        defaultActiveRowIndex,\n        disableColumnFiltering = false,\n        disableColumnHiding = false,\n        disableColumnPinning = 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        // experimental\n        _experimentalActionsForTable,\n    } = props;\n    const enableRowExpansion = !disableRowExpansion && !!expandedRowRenderer;\n    const enableRowSelection = !disableRowSelection && (!!onRowSelect || !!_experimentalActionsForTable?.length);\n    const enableMultipleRowSelection = !disableMultipleRowSelection && enableRowSelection;\n\n    const { columns, defaultColumnPinning, defaultColumnSizing, defaultSorting, defaultColumnVisibility, footers } =\n        useColumnDefinitions<TType>(\n            children,\n            {\n                actionsForRow,\n                enableColumnFiltering: !disableColumnFiltering,\n                enableColumnHiding: !disableColumnHiding,\n                enableColumnPinning: !disableColumnPinning,\n                enableRowExpansion,\n                enableRowSelection,\n                enableMultipleRowSelection,\n                onRowDrag,\n            },\n            ref\n        );\n\n    // defaults\n    const initialState: Partial<TableState> = {\n        columnOrder: settings?.columnOrder ?? columns.map(column => column.id as string),\n        columnPinning: {\n            left: settings?.columnPinning?.left ?? defaultColumnPinning ?? [],\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 [hoveredRowIndex, setHoveredRowIndex] = React.useState<number | undefined>(undefined);\n    const editMode = useEditMode(onSave);\n    const [columnOffsets, setColumnOffsets] = React.useState(\n        getOffsetsFromSize(\n            initialState.columnPinning as ColumnPinningState,\n            initialState.columnVisibility as VisibilityState,\n            initialState.columnSizing as ColumnSizingState\n        )\n    );\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    // 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: !disableColumnPinning,\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        initialState.sorting = settings?.sorting ?? 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            dragging,\n            setDragging,\n            // computed\n            enableColumnReordering: !disableColumnReordering,\n            // resorting\n            shouldPauseSortingAndFiltering,\n            setShouldPauseSortingAndFiltering,\n            // other\n            onRowClick,\n            hoveredRowIndex,\n            setHoveredRowIndex,\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        },\n    });\n\n    const tableRows = table.getRowModel().rows;\n    const lastSortedOrFilteredRows = React.useRef(tableRows);\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    useRowSelectionListener<TType>(table, onRowSelect);\n    useSettingsStateListener(table, onChangeSettings);\n\n    return { rows, table, footers };\n}\n"],"names":["useTable","children","props","ref","actionsForRow","data","defaultActiveRowIndex","disableColumnFiltering","disableColumnHiding","disableColumnPinning","disableColumnReordering","disableColumnResizing","disableRowDensity","disableRowExpansion","disableRowSelection","disableMultipleRowSelection","disableSearch","disableSorting","expandedRowRenderer","manualColumnFiltering","manualSearch","manualSorting","onChangeSettings","onRowClick","onRowDrag","onRowSelect","onSave","settings","_experimentalActionsForTable","enableRowExpansion","enableRowSelection","length","enableMultipleRowSelection","columns","defaultColumnPinning","defaultColumnSizing","defaultSorting","defaultColumnVisibility","footers","useColumnDefinitions","enableColumnFiltering","enableColumnHiding","enableColumnPinning","initialState","columnOrder","map","column","id","columnPinning","left","right","columnSizing","columnVisibility","dataColumnStartOffset","reduce","t","e","dataColumnEndOffset","activeRow","useActiveRow","hoveredRowIndex","setHoveredRowIndex","React","useState","undefined","editMode","useEditMode","columnOffsets","setColumnOffsets","getOffsetsFromSize","rowDensity","setRowDensity","dragging","setDragging","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","shouldDisableTableActions","setShouldDisableTableActions","focussableColumnIndexes","useRef","options","enableExpanding","enableColumnFilters","enableColumnResizing","enableGlobalFilter","enableHiding","enablePinning","enableMultiRowSelection","enableSorting","columnResizeMode","sorting","getSortedRowModel","columnFilters","manualFiltering","filterFns","tacoFilter","row","columnId","filter","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","query","table","useReactTable","getCoreRowModel","meta","enableRowDensity","enableColumnReordering","current","addFocussableColumnIndex","index","includes","sort","a","b","resetFocussableColumnIndexes","tableRef","tableRows","getRowModel","rows","lastSortedOrFilteredRows","useActiveRowStateListener","useColumnOffsetStateListener","useRowSelectionListener","useSettingsStateListener"],"mappings":";;;;;;;;;;;SAkEgBA,QAAQ,CACpBC,QAAwD,EACxDC,KAAyB,EACzBC,GAAoC;;EAEpC,MAAM;IACFC,aAAa,GAAG,EAAE;IAClBC,IAAI;IACJC,qBAAqB;IACrBC,sBAAsB,GAAG,KAAK;IAC9BC,mBAAmB,GAAG,KAAK;IAC3BC,oBAAoB,GAAG,KAAK;IAC5BC,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;;IAEbC;GACH,GAAG1B,KAAK;EACT,MAAM2B,kBAAkB,GAAG,CAAChB,mBAAmB,IAAI,CAAC,CAACK,mBAAmB;EACxE,MAAMY,kBAAkB,GAAG,CAAChB,mBAAmB,KAAK,CAAC,CAACW,WAAW,IAAI,CAAC,EAACG,4BAA4B,aAA5BA,4BAA4B,eAA5BA,4BAA4B,CAAEG,MAAM,EAAC;EAC5G,MAAMC,0BAA0B,GAAG,CAACjB,2BAA2B,IAAIe,kBAAkB;EAErF,MAAM;IAAEG,OAAO;IAAEC,oBAAoB;IAAEC,mBAAmB;IAAEC,cAAc;IAAEC,uBAAuB;IAAEC;GAAS,GAC1GC,oBAAoB,CAChBtC,QAAQ,EACR;IACIG,aAAa;IACboC,qBAAqB,EAAE,CAACjC,sBAAsB;IAC9CkC,kBAAkB,EAAE,CAACjC,mBAAmB;IACxCkC,mBAAmB,EAAE,CAACjC,oBAAoB;IAC1CoB,kBAAkB;IAClBC,kBAAkB;IAClBE,0BAA0B;IAC1BR;GACH,EACDrB,GAAG,CACN;;EAGL,MAAMwC,YAAY,GAAwB;IACtCC,WAAW,2BAAEjB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEiB,WAAW,yEAAIX,OAAO,CAACY,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAY,CAAC;IAChFC,aAAa,EAAE;MACXC,IAAI,mCAAEtB,QAAQ,aAARA,QAAQ,iDAARA,QAAQ,CAAEqB,aAAa,2DAAvB,uBAAyBC,IAAI,yEAAIf,oBAAoB,uCAAI,EAAE;MACjEgB,KAAK,EAAE;KACV;IACDC,YAAY,2BAAExB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEwB,YAAY,yEAAIhB,mBAAmB;IAC3DiB,gBAAgB,2BAAEzB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEyB,gBAAgB,yEAAIf;GACnD;;EAGD,MAAMgB,qBAAqB,GAAG,CAAC,CAAC,CAAC7B,SAAS,EAAE,CAAC,CAACK,kBAAkB,EAAE,CAAC,CAACC,kBAAkB,CAAC,CAACwB,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,IAAIC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;EAC5H,MAAMC,mBAAmB,GAAGrD,aAAa,CAAC2B,MAAM,GAAG,CAAC,GAAG,CAAC;;EAGxD,MAAM2B,SAAS,GAAGC,YAAY,CAAQrD,qBAAqB,CAAC;EAC5D,MAAM,CAACsD,eAAe,EAAEC,kBAAkB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC;EAC3F,MAAMC,QAAQ,GAAGC,WAAW,CAACxC,MAAM,CAAC;EACpC,MAAM,CAACyC,aAAa,EAAEC,gBAAgB,CAAC,GAAGN,cAAK,CAACC,QAAQ,CACpDM,kBAAkB,CACd1B,YAAY,CAACK,aAAmC,EAChDL,YAAY,CAACS,gBAAmC,EAChDT,YAAY,CAACQ,YAAiC,CACjD,CACJ;EACD,MAAM,CAACmB,UAAU,EAAEC,aAAa,CAAC,GAAGT,cAAK,CAACC,QAAQ,yBAAapC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE2C,UAAU,uEAAI,QAAQ,CAAC;EAChG,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGX,cAAK,CAACC,QAAQ,CAA0B,EAAE,CAAC;EAC3E,MAAM,CAACW,8BAA8B,EAAEC,iCAAiC,CAAC,GAAGb,cAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;EAC1G,MAAM,CAACa,yBAAyB,EAAEC,4BAA4B,CAAC,GAAGf,cAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;;EAEhG,MAAMe,uBAAuB,GAAGhB,cAAK,CAACiB,MAAM,CAAW,EAAE,CAAC;;EAG1D,MAAMC,OAAO,GAA+B;IACxCC,eAAe,EAAEpD,kBAAkB;IACnCqD,mBAAmB,EAAE,CAAC3E,sBAAsB;IAC5C4E,oBAAoB,EAAE,CAACxE,qBAAqB;IAC5CyE,kBAAkB,EAAE,CAACpE,aAAa;IAClCqE,YAAY,EAAE,CAAC7E,mBAAmB;IAClC8E,aAAa,EAAE,CAAC7E,oBAAoB;IACpCqB,kBAAkB,EAAEA,kBAAkB;IACtCyD,uBAAuB,EAAEvD,0BAA0B;IACnDwD,aAAa,EAAE,CAACvE;GACnB;;EAGD,IAAI+D,OAAO,CAACG,oBAAoB,EAAE;IAC9BH,OAAO,CAACS,gBAAgB,GAAG,UAAU;;;EAIzC,IAAIT,OAAO,CAACQ,aAAa,EAAE;IAAA;IACvB7C,YAAY,CAAC+C,OAAO,wBAAG/D,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE+D,OAAO,iEAAItD,cAAc;IAE1D,IAAIf,aAAa,EAAE;MACf2D,OAAO,CAAC3D,aAAa,GAAG,IAAI;KAC/B,MAAM;MACH2D,OAAO,CAACW,iBAAiB,GAAGA,iBAAiB,EAAE;;;;EAKvD,IAAIX,OAAO,CAACE,mBAAmB,EAAE;IAAA;IAC7BvC,YAAY,CAACiD,aAAa,4BAAGjE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEiE,aAAa,yEAAI,EAAE;IAE1D,IAAIzE,qBAAqB,EAAE;MACvB6D,OAAO,CAACa,eAAe,GAAG,IAAI;KACjC,MAAM;MACHb,OAAO,CAACc,SAAS,GAAG;QAChBC,UAAU,EAAE,CAACC,GAAG,EAAEC,QAAQ,EAAEC,MAAM,KAAKC,cAAc,CAACH,GAAG,CAACI,QAAQ,CAACH,QAAQ,CAAC,EAAEC,MAAM;OACvF;MACDlB,OAAO,CAACqB,mBAAmB,GAAGA,mBAAmB,EAAE;;;;EAK3D,IAAIrB,OAAO,CAACI,kBAAkB,EAAE;IAC5B,IAAIhE,YAAY,EAAE;MACd4D,OAAO,CAACa,eAAe,GAAG,IAAI;KACjC,MAAM;MACHb,OAAO,CAACsB,cAAc,GAAG,CAACN,GAAG,EAAEC,QAAQ,EAAEM,KAAK,KAAKD,cAAc,CAACN,GAAG,CAACI,QAAQ,CAACH,QAAQ,CAAC,EAAEM,KAAK,CAAC;MAChGvB,OAAO,CAACqB,mBAAmB,GAAGA,mBAAmB,EAAE;;;EAI3D,MAAMG,KAAK,GAAGC,aAAa,CAAC;IACxBpG,IAAI;IACJ4B,OAAO,EAAEA,OAAc;IACvByE,eAAe,EAAEA,eAAe,EAAE;IAClC/D,YAAY;IACZ,GAAGqC,OAAO;IACV2B,IAAI,EAAE;MACF,GAAGjD,SAAS;MACZO,QAAQ;;MAERE,aAAa;;MAEbyC,gBAAgB,EAAE,CAAChG,iBAAiB;MACpC0D,UAAU;MACVC,aAAa;;MAEbC,QAAQ;MACRC,WAAW;;MAEXoC,sBAAsB,EAAE,CAACnG,uBAAuB;;MAEhDgE,8BAA8B;MAC9BC,iCAAiC;;MAEjCpD,UAAU;MACVqC,eAAe;MACfC,kBAAkB;;MAElBR,qBAAqB;MACrBI,mBAAmB;;MAEnBmB,yBAAyB;MACzBC,4BAA4B;;MAE5BC,uBAAuB,EAAEA,uBAAuB,CAACgC,OAAO;MACxDC,wBAAwB,EAAGC,KAAa;QACpC,IAAI,CAAClC,uBAAuB,CAACgC,OAAO,CAACG,QAAQ,CAACD,KAAK,CAAC,EAAE;UAClDlC,uBAAuB,CAACgC,OAAO,GAAG,CAAC,GAAGhC,uBAAuB,CAACgC,OAAO,EAAEE,KAAK,CAAC,CAACE,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC,CAAC;;OAE1G;MACDC,4BAA4B,EAAE;QAC1BvC,uBAAuB,CAACgC,OAAO,GAAG,EAAE;OACvC;;MAEDQ,QAAQ,EAAEnH;;GAEjB,CAAC;EAEF,MAAMoH,SAAS,GAAGf,KAAK,CAACgB,WAAW,EAAE,CAACC,IAAI;EAC1C,MAAMC,wBAAwB,GAAG5D,cAAK,CAACiB,MAAM,CAACwC,SAAS,CAAC;EAExD,IAAI,CAAC7C,8BAA8B,EAAE;IACjCgD,wBAAwB,CAACZ,OAAO,GAAGS,SAAS;;EAGhD,MAAME,IAAI,GAAG/C,8BAA8B,GAAGgD,wBAAwB,CAACZ,OAAO,GAAGS,SAAS;;EAG1FI,yBAAyB,CAAQnB,KAAK,EAAEiB,IAAI,EAAE/D,SAAS,CAAC;EACxDkE,4BAA4B,CAACpB,KAAK,EAAEpC,gBAAgB,CAAC;EACrDyD,uBAAuB,CAAQrB,KAAK,EAAE/E,WAAW,CAAC;EAClDqG,wBAAwB,CAACtB,KAAK,EAAElF,gBAAgB,CAAC;EAEjD,OAAO;IAAEmG,IAAI;IAAEjB,KAAK;IAAElE;GAAS;AACnC;;;;"}