@economic/taco 1.12.3 → 1.13.1

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowDraggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowDraggable.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowDraggable.tsx"],"sourcesContent":["import React from 'react';\nimport { actions, PluginHook } from 'react-table';\nimport { Icon } from '../../../Icon/Icon';\nimport { RowDragHandler } from '../../types';\nimport { sanitizeRowProps } from '../../util';\n\nconst pluginName = 'useRowDraggable';\n\nactions.resetRowDragging = 'resetRowDragging';\nactions.toggleRowDragging = 'toggleRowDragging';\n\nfunction reducer(state: any, action: any): object {\n    if (action.type === actions.init) {\n        return {\n            draggingRowIndexPath: null,\n            ...state,\n        };\n    }\n\n    if (action.type === actions.resetRowDragging) {\n        return {\n            ...state,\n            draggingRowIndexPath: null,\n        };\n    }\n\n    if (action.type === actions.toggleRowDragging) {\n        const { indexPath } = action;\n        return {\n            ...state,\n            draggingRowIndexPath: indexPath,\n        };\n    }\n\n    return state;\n}\n\nconst prepareRow = (row: any, { instance }: any): void => {\n    row.toggleRowDragging = () => {\n        if (instance.state.draggingRowIndexPath === row.id) {\n            instance.dispatch({ type: actions.resetRowDragging });\n        } else {\n            instance.dispatch({ type: actions.toggleRowDragging, indexPath: row.id });\n        }\n    };\n\n    if (instance.state.draggingRowIndexPath) {\n        row.isDragging = instance.state.draggingRowIndexPath === row.id || !!instance.state.selectedRowIds?.[row.id];\n    } else {\n        row.isDragging = false;\n    }\n};\n\nconst visibleColumns = (columns: any) => {\n    return [\n        {\n            id: 'draggable',\n            className: 'yt-table__cell--draggable flex-col px-0',\n            Cell: () => <Icon name=\"drag\" className=\"text-grey-darkest invisible w-[20px] cursor-grab\" />,\n            flex: '0 0 20px',\n        },\n        ...columns,\n    ];\n};\n\nconst getRowProps =\n    (onRowDrag: RowDragHandler<any>) =>\n    (props: any, { instance, row }: any) => {\n        const onDragStart = (event: React.DragEvent): void => {\n            event.persist();\n            row.toggleRowDragging();\n\n            const indexPaths = [row.id, ...Object.keys(instance.state.selectedRowIds)];\n            const data = instance.rows.filter((r: any) => indexPaths.includes(r.id)).map(sanitizeRowProps);\n\n            const showPlaceholder = (placeholder: string) => {\n                const element = window.document.createElement('div');\n                element.id = 'yt-table__drag__placeholder';\n                element.innerText = placeholder;\n                window.document.body.appendChild(element);\n\n                if (typeof DataTransfer.prototype.setDragImage === 'function') {\n                    event.dataTransfer.setDragImage(element, 0, 20);\n                }\n            };\n\n            onRowDrag(data, showPlaceholder, event);\n        };\n\n        const onDragEnd = (): void => {\n            const element: HTMLElement | null = document.getElementById('yt-table__drag__placeholder');\n\n            if (element && element.parentNode) {\n                element.parentNode.removeChild(element);\n            }\n\n            row.toggleRowDragging();\n        };\n\n        return [\n            props,\n            {\n                draggable: true,\n                onDragStart,\n                onDragEnd,\n            },\n        ];\n    };\n\nexport const useRowDraggable = (onRowDrag: RowDragHandler<any> | undefined): PluginHook<{}> => {\n    const plugin = (hooks: any): void => {\n        if (onRowDrag) {\n            hooks.stateReducers.push(reducer);\n            hooks.prepareRow.push(prepareRow);\n            hooks.visibleColumns.push(visibleColumns);\n            hooks.getRowProps.push(getRowProps(onRowDrag));\n        }\n    };\n    plugin.pluginName = pluginName;\n\n    return plugin;\n};\n"],"names":["pluginName","actions","resetRowDragging","toggleRowDragging","reducer","state","action","type","init","draggingRowIndexPath","indexPath","prepareRow","row","instance","id","dispatch","isDragging","selectedRowIds","visibleColumns","columns","className","Cell","React","Icon","name","flex","getRowProps","onRowDrag","props","onDragStart","event","persist","indexPaths","Object","keys","data","rows","filter","r","includes","map","sanitizeRowProps","showPlaceholder","placeholder","element","window","document","createElement","innerText","body","appendChild","DataTransfer","prototype","setDragImage","dataTransfer","onDragEnd","getElementById","parentNode","removeChild","draggable","useRowDraggable","plugin","hooks","stateReducers","push"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowEditing.js

@@ -0,0 +1,92 @@
+import React__default from 'react';
+import { actions } from 'react-table';
+
+const pluginName = 'useRowEditing';
+actions.resetRowEditing = 'resetRowEditing';
+actions.toggleRowEditing = 'toggleRowEditing';
+actions.toggleEditing = 'toggleEditing';
+function reducer(state, action) {
+  if (action.type === actions.init) {
+    return {
+      allowEditing: true,
+      editingRowUniqueId: null,
+      ...state
+    };
+  }
+  if (action.type === actions.resetRowEditing || action.type === actions.resetPage || action.type === actions.gotoPage) {
+    return {
+      ...state,
+      editingRowUniqueId: null
+    };
+  }
+  if (action.type === actions.toggleRowEditing) {
+    const {
+      id
+    } = action;
+    return {
+      ...state,
+      editingRowUniqueId: id
+    };
+  }
+  if (action.type === actions.toggleEditing) {
+    return {
+      ...state,
+      allowEditing: !state.allowEditing
+    };
+  }
+  return state;
+}
+function useInstance(instance) {
+  const {
+    dispatch
+  } = instance;
+  const resetRowEditing = React__default.useCallback(() => {
+    dispatch({
+      type: actions.resetRowEditing
+    });
+  }, [dispatch]);
+  const toggleRowEditing = React__default.useCallback(id => {
+    dispatch({
+      type: actions.toggleRowEditing,
+      id
+    });
+  }, [dispatch]);
+  const toggleEditing = React__default.useCallback(() => {
+    dispatch({
+      type: actions.toggleEditing
+    });
+  }, [dispatch]);
+  Object.assign(instance, {
+    resetRowEditing,
+    toggleRowEditing,
+    toggleEditing
+  });
+}
+const prepareRow = uniqueId => (row, {
+  instance
+}) => {
+  const id = row.original[uniqueId];
+  row.toggleRowEditing = () => {
+    if (instance.state.editingRowUniqueId === id) {
+      instance.resetRowEditing();
+    } else {
+      instance.toggleRowEditing(id);
+    }
+  };
+  row.isEditing = row.original._createKey ? instance.state.editingRowUniqueId === row.original._createKey : instance.state.editingRowUniqueId === id;
+  row.canEdit = instance.state.allowEditing && (row.isEditing || !instance.state.editingRowUniqueId);
+};
+const useRowEditing = uniqueId => {
+  const plugin = hooks => {
+    if (uniqueId) {
+      hooks.stateReducers.push(reducer);
+      hooks.useInstance.push(useInstance);
+      hooks.prepareRow.push(prepareRow(uniqueId));
+    }
+  };
+  plugin.pluginName = pluginName;
+  return plugin;
+};
+
+export { useRowEditing };
+//# sourceMappingURL=useRowEditing.js.map

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowEditing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowEditing.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowEditing.tsx"],"sourcesContent":["import React from 'react';\nimport { actions, PluginHook } from 'react-table';\n\nconst pluginName = 'useRowEditing';\n\nactions.resetRowEditing = 'resetRowEditing';\nactions.toggleRowEditing = 'toggleRowEditing';\nactions.toggleEditing = 'toggleEditing';\n\nfunction reducer(state: any, action: any): object {\n    if (action.type === actions.init) {\n        return {\n            allowEditing: true,\n            editingRowUniqueId: null,\n            ...state,\n        };\n    }\n\n    if (action.type === actions.resetRowEditing || action.type === actions.resetPage || action.type === actions.gotoPage) {\n        return {\n            ...state,\n            editingRowUniqueId: null,\n        };\n    }\n\n    if (action.type === actions.toggleRowEditing) {\n        const { id } = action;\n        return {\n            ...state,\n            editingRowUniqueId: id,\n        };\n    }\n\n    if (action.type === actions.toggleEditing) {\n        return {\n            ...state,\n            allowEditing: !state.allowEditing,\n        };\n    }\n\n    return state;\n}\n\nfunction useInstance(instance: any): void {\n    const { dispatch } = instance;\n\n    const resetRowEditing = React.useCallback(() => {\n        dispatch({ type: actions.resetRowEditing });\n    }, [dispatch]);\n\n    const toggleRowEditing = React.useCallback(\n        id => {\n            dispatch({ type: actions.toggleRowEditing, id });\n        },\n        [dispatch]\n    );\n\n    const toggleEditing = React.useCallback(() => {\n        dispatch({ type: actions.toggleEditing });\n    }, [dispatch]);\n\n    Object.assign(instance, {\n        resetRowEditing,\n        toggleRowEditing,\n        toggleEditing,\n    });\n}\n\nconst prepareRow =\n    <T extends {}>(uniqueId: keyof T) =>\n    (row: any, { instance }: any): void => {\n        const id = row.original[uniqueId];\n\n        row.toggleRowEditing = () => {\n            if (instance.state.editingRowUniqueId === id) {\n                instance.resetRowEditing();\n            } else {\n                instance.toggleRowEditing(id);\n            }\n        };\n\n        row.isEditing = row.original._createKey\n            ? instance.state.editingRowUniqueId === row.original._createKey\n            : instance.state.editingRowUniqueId === id;\n        row.canEdit = instance.state.allowEditing && (row.isEditing || !instance.state.editingRowUniqueId);\n    };\n\nexport const useRowEditing = <T extends {}>(uniqueId: keyof T | undefined): PluginHook<{}> => {\n    const plugin = (hooks: any): void => {\n        if (uniqueId) {\n            hooks.stateReducers.push(reducer);\n            hooks.useInstance.push(useInstance);\n            hooks.prepareRow.push(prepareRow<T>(uniqueId));\n        }\n    };\n    plugin.pluginName = pluginName;\n\n    return plugin;\n};\n"],"names":["pluginName","actions","resetRowEditing","toggleRowEditing","toggleEditing","reducer","state","action","type","init","allowEditing","editingRowUniqueId","resetPage","gotoPage","id","useInstance","instance","dispatch","React","useCallback","Object","assign","prepareRow","uniqueId","row","original","isEditing","_createKey","canEdit","useRowEditing","plugin","hooks","stateReducers","push"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowSelect.js

@@ -0,0 +1,95 @@
+import React__default from 'react';
+import { Checkbox } from '../../../Checkbox/Checkbox.js';
+import { useRowSelect as useRowSelect$1 } from 'react-table';
+
+// this wraps react-table's internal useRowSelect hook
+const toggleBetween = (fromRowIndex, toRowIndex) => {
+  const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;
+  const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;
+  return [fromIndex, toIndex];
+};
+// react-table calls "index paths" row ids. we named them indexPaths to reduce confusion with natural ids
+// the selection hook usess react-table's row selection, so this hok references row.id - it is the index path
+const useRowSelect = onSelectedRows => {
+  const plugin = hooks => {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useRowSelect$1(hooks);
+    if (onSelectedRows) {
+      const toggleRowSelected = (indexPath, checked) => onSelectedRows(state => {
+        const nextState = {
+          ...state
+        };
+        if (checked) {
+          nextState[indexPath] = true;
+        } else {
+          delete nextState[indexPath];
+        }
+        return nextState;
+      });
+      const prepareRow = row => {
+        row.toggleRowSelected = () => toggleRowSelected(row.id, !row.isSelected);
+      };
+      hooks.prepareRow.push(prepareRow);
+      // eslint-disable-next-line react-hooks/rules-of-hooks
+      const lastSelectedSortedIndex = React__default.useRef();
+      hooks.visibleColumns.push(columns => [{
+        id: 'selection',
+        Header: ({
+          getToggleAllRowsSelectedProps,
+          rows
+        }) => {
+          const {
+            onChange: _,
+            ...props
+          } = getToggleAllRowsSelectedProps();
+          const onChange = checked => {
+            if (checked) {
+              // this intentionally only selects top level rows - sub rows add too much complexity
+              onSelectedRows(Object.assign({}, Array(rows.length).fill(true)));
+            } else {
+              onSelectedRows({});
+            }
+          };
+          return /*#__PURE__*/React__default.createElement(Checkbox, Object.assign({}, props, {
+            onChange: onChange
+          }));
+        },
+        Cell: ({
+          row,
+          rows
+        }) => {
+          const {
+            onChange: _,
+            ...props
+          } = row.getToggleRowSelectedProps();
+          // row.index refers to the index in the original data, not the current index
+          const sortedIndex = rows.findIndex(r => r.index === row.index);
+          const onClick = event => {
+            if (event.shiftKey) {
+              const [fromIndex, toIndex] = toggleBetween(lastSelectedSortedIndex.current || 0, sortedIndex);
+              for (let i = fromIndex; i <= toIndex; i++) {
+                toggleRowSelected(rows[i].id, true);
+              }
+            } else {
+              toggleRowSelected(row.id, !props.checked);
+            }
+            lastSelectedSortedIndex.current = sortedIndex;
+          };
+          return /*#__PURE__*/React__default.createElement(Checkbox, Object.assign({}, props, {
+            className: "mt-2.5",
+            onClick: onClick,
+            // this is necessary to remove console spam from eslint
+            onChange: () => false
+          }));
+        },
+        flex: '0 0 36px',
+        className: 'flex-col justify-start !py-0'
+      }, ...columns]);
+    }
+  };
+  plugin.pluginName = 'useRowSelect';
+  return plugin;
+};
+
+export { useRowSelect };
+//# sourceMappingURL=useRowSelect.js.map

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelect.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowSelect.tsx"],"sourcesContent":["// this wraps react-table's internal useRowSelect hook\nimport React from 'react';\nimport { useRowSelect as useBaseRowSelect, Row, PluginHook } from 'react-table';\nimport { Checkbox } from '../../../Checkbox/Checkbox';\nimport { SelectedRowsHandler } from '../../types';\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n    const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n    const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n    return [fromIndex, toIndex];\n};\n\n// react-table calls \"index paths\" row ids. we named them indexPaths to reduce confusion with natural ids\n// the selection hook usess react-table's row selection, so this hok references row.id - it is the index path\n\nexport const useRowSelect = (onSelectedRows: SelectedRowsHandler | undefined): PluginHook<{}> => {\n    const plugin = (hooks: any): void => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        useBaseRowSelect(hooks);\n\n        if (onSelectedRows) {\n            const toggleRowSelected = (indexPath: string, checked: boolean): void =>\n                onSelectedRows(state => {\n                    const nextState = { ...state };\n\n                    if (checked) {\n                        nextState[indexPath] = true;\n                    } else {\n                        delete nextState[indexPath];\n                    }\n\n                    return nextState;\n                });\n\n            const prepareRow = (row: any) => {\n                row.toggleRowSelected = () => toggleRowSelected(row.id, !row.isSelected);\n            };\n\n            hooks.prepareRow.push(prepareRow);\n\n            // eslint-disable-next-line react-hooks/rules-of-hooks\n            const lastSelectedSortedIndex = React.useRef();\n\n            hooks.visibleColumns.push((columns: any) => [\n                {\n                    id: 'selection',\n                    Header: ({ getToggleAllRowsSelectedProps, rows }: any) => {\n                        const { onChange: _, ...props } = getToggleAllRowsSelectedProps();\n\n                        const onChange = (checked): void => {\n                            if (checked) {\n                                // this intentionally only selects top level rows - sub rows add too much complexity\n                                onSelectedRows(Object.assign({}, Array(rows.length).fill(true)));\n                            } else {\n                                onSelectedRows({});\n                            }\n                        };\n\n                        return <Checkbox {...props} onChange={onChange} />;\n                    },\n                    Cell: ({ row, rows }: any) => {\n                        const { onChange: _, ...props } = row.getToggleRowSelectedProps();\n                        // row.index refers to the index in the original data, not the current index\n                        const sortedIndex = rows.findIndex((r: Row) => r.index === row.index);\n\n                        const onClick = (event: React.MouseEvent): void => {\n                            if (event.shiftKey) {\n                                const [fromIndex, toIndex] = toggleBetween(lastSelectedSortedIndex.current || 0, sortedIndex);\n\n                                for (let i = fromIndex; i <= toIndex; i++) {\n                                    toggleRowSelected(rows[i].id, true);\n                                }\n                            } else {\n                                toggleRowSelected(row.id, !props.checked);\n                            }\n\n                            lastSelectedSortedIndex.current = sortedIndex;\n                        };\n\n                        return (\n                            <Checkbox\n                                {...props}\n                                className=\"mt-2.5\"\n                                onClick={onClick}\n                                // this is necessary to remove console spam from eslint\n                                onChange={() => false}\n                            />\n                        );\n                    },\n                    flex: '0 0 36px',\n                    className: 'flex-col justify-start !py-0',\n                },\n                ...columns,\n            ]);\n        }\n    };\n    plugin.pluginName = 'useRowSelect';\n    return plugin;\n};\n"],"names":["toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","useRowSelect","onSelectedRows","plugin","hooks","useBaseRowSelect","toggleRowSelected","indexPath","checked","state","nextState","prepareRow","row","id","isSelected","push","lastSelectedSortedIndex","React","useRef","visibleColumns","columns","Header","getToggleAllRowsSelectedProps","rows","onChange","_","props","Object","assign","Array","length","fill","Checkbox","Cell","getToggleRowSelectedProps","sortedIndex","findIndex","r","index","onClick","event","shiftKey","current","i","className","flex","pluginName"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/hooks/useRowCreation.js

@@ -0,0 +1,95 @@
+import React__default from 'react';
+import { v4 } from 'uuid';
+import set from 'lodash-es/set';
+import { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath } from '../util/rowIndexPath.js';
+import unset from 'lodash-es/unset';
+import get from 'lodash-es/get';
+import compact from 'lodash-es/compact';
+import pullAt from 'lodash-es/pullAt';
+
+const insertChildTableRow = (data, rowIndexPath = undefined, values = {}) => {
+  const nexTRow = JSON.parse(JSON.stringify(data));
+  let childRowIndexPath;
+  if (rowIndexPath) {
+    var _currentRow$subRows;
+    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+    const currentRow = getByRowIndexPath(nexTRow, rowIndexes.join('.'));
+    const nextSubRows = (_currentRow$subRows = currentRow === null || currentRow === void 0 ? void 0 : currentRow.subRows) !== null && _currentRow$subRows !== void 0 ? _currentRow$subRows : [];
+    const path = rowIndexes.map(i => `[${i}]`).join('.subRows') + '.subRows';
+    nextSubRows.unshift(values);
+    set(nexTRow, path, nextSubRows);
+    // rebuild the new id
+    rowIndexes.push(0);
+    childRowIndexPath = rowIndexes.join('.');
+  } else {
+    nexTRow.unshift(values);
+    childRowIndexPath = '0';
+  }
+  return [nexTRow, childRowIndexPath];
+};
+const removeChildTableRow = (data, rowIndexPath) => {
+  const nexTRow = JSON.parse(JSON.stringify(data));
+  const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+  const rootIndex = Number(rowIndexes.shift());
+  if (rowIndexes.length) {
+    // unset
+    const unsetPath = rowIndexes.map(index => `subRows[${index}]`).join('.');
+    unset(nexTRow[rootIndex], unsetPath);
+    // remove empty value from subRows
+    rowIndexes.pop();
+    const setPath = rowIndexes.length ? rowIndexes.map(index => `subRows[${index}]`).join('.') + '.subRows' : 'subRows';
+    set(nexTRow[rootIndex], setPath, compact(get(nexTRow[rootIndex], setPath)));
+  } else {
+    pullAt(nexTRow, rootIndex);
+  }
+  return nexTRow;
+};
+const useTableRowCreation = (data, tableRef) => {
+  const [internalData, setInternalData] = React__default.useState(JSON.parse(JSON.stringify(data)));
+  const [activeRowIndexPath, setActiveRowIndexPath] = React__default.useState(undefined);
+  React__default.useEffect(() => {
+    if (activeRowIndexPath !== undefined) {
+      // keep the same edit key, so that we don't remount the row/form
+      const currentRow = getByRowIndexPath(internalData, activeRowIndexPath);
+      // get the active creation rows parent
+      const parentId = getParentRowIndexPath(activeRowIndexPath);
+      // insert a new empty row in the external data (with the same key)
+      const [nexTRow, newRowIndexPath] = insertChildTableRow(JSON.parse(JSON.stringify(data)), parentId, currentRow);
+      // update and set that row as active, we basically just changed it's position in our internal data
+      setActiveRowIndexPath(newRowIndexPath);
+      setInternalData(nexTRow);
+      if (tableRef !== null && tableRef !== void 0 && tableRef.current) {
+        tableRef.current.instance.toggleRowEditing(currentRow === null || currentRow === void 0 ? void 0 : currentRow._createKey);
+      }
+    } else {
+      setInternalData(data);
+    }
+  }, [JSON.stringify(data)]);
+  const create = (rowIndexPath = undefined, values = {}) => {
+    const _createKey = v4();
+    const [nexTRow, newRowIndexPath] = insertChildTableRow(internalData, rowIndexPath, {
+      ...values,
+      _createKey
+    });
+    setActiveRowIndexPath(newRowIndexPath);
+    setInternalData(nexTRow);
+    if (tableRef !== null && tableRef !== void 0 && tableRef.current) {
+      tableRef.current.instance.toggleRowEditing(_createKey);
+    }
+    return newRowIndexPath;
+  };
+  const remove = rowIndexPath => {
+    const nexTRow = removeChildTableRow(internalData, rowIndexPath);
+    setInternalData(nexTRow);
+    setActiveRowIndexPath(undefined);
+  };
+  return {
+    data: internalData,
+    create,
+    remove,
+    isCreating: activeRowIndexPath !== undefined
+  };
+};
+
+export { insertChildTableRow, removeChildTableRow, useTableRowCreation };
+//# sourceMappingURL=useRowCreation.js.map

package/dist/esm/packages/taco/src/components/Table/hooks/useRowCreation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowCreation.js","sources":["../../../../../../../../src/components/Table/hooks/useRowCreation.tsx"],"sourcesContent":["import React from 'react';\nimport { v4 as uuid } from 'uuid';\nimport set from 'lodash/set';\nimport unset from 'lodash/unset';\nimport get from 'lodash/get';\nimport compact from 'lodash/compact';\nimport pullAt from 'lodash/pullAt';\n\nimport { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath } from '../util/rowIndexPath';\nimport { Row, RowIndexPath, TableRef } from '../types';\n\nexport const insertChildTableRow = <TRow,>(\n    data: Row<TRow>[],\n    rowIndexPath: RowIndexPath = undefined,\n    values: any = {}\n): [Row<TRow>[], RowIndexPath] => {\n    const nexTRow: Row<TRow>[] = JSON.parse(JSON.stringify(data));\n\n    let childRowIndexPath;\n\n    if (rowIndexPath) {\n        const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\n        const currentRow = getByRowIndexPath(nexTRow, rowIndexes.join('.'));\n        const nextSubRows = currentRow?.subRows ?? [];\n\n        const path = rowIndexes.map(i => `[${i}]`).join('.subRows') + '.subRows';\n        nextSubRows.unshift(values);\n        set(nexTRow, path, nextSubRows);\n\n        // rebuild the new id\n        rowIndexes.push(0);\n        childRowIndexPath = rowIndexes.join('.');\n    } else {\n        nexTRow.unshift(values);\n        childRowIndexPath = '0';\n    }\n\n    return [nexTRow, childRowIndexPath];\n};\n\nexport const removeChildTableRow = <TRow,>(data: Row<TRow>[], rowIndexPath: RowIndexPath): Row<TRow>[] => {\n    const nexTRow = JSON.parse(JSON.stringify(data));\n\n    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\n    const rootIndex = Number(rowIndexes.shift());\n\n    if (rowIndexes.length) {\n        // unset\n        const unsetPath = rowIndexes.map(index => `subRows[${index}]`).join('.');\n        unset(nexTRow[rootIndex], unsetPath);\n\n        // remove empty value from subRows\n        rowIndexes.pop();\n        const setPath = rowIndexes.length ? rowIndexes.map(index => `subRows[${index}]`).join('.') + '.subRows' : 'subRows';\n        set(nexTRow[rootIndex], setPath, compact(get(nexTRow[rootIndex], setPath)));\n    } else {\n        pullAt(nexTRow, rootIndex);\n    }\n\n    return nexTRow;\n};\n\nexport type useTableRowCreation<TRow> = {\n    data: Row<TRow>[];\n    create: (rowIndexPath: RowIndexPath, values?: object | undefined) => RowIndexPath;\n    remove: (rowIndexPath: RowIndexPath) => void;\n    isCreating: boolean;\n};\n\nexport const useTableRowCreation = <TRow,>(data: Row<TRow>[], tableRef: React.RefObject<TableRef>): useTableRowCreation<TRow> => {\n    const [internalData, setInternalData] = React.useState(JSON.parse(JSON.stringify(data)));\n    const [activeRowIndexPath, setActiveRowIndexPath] = React.useState<string | undefined>(undefined);\n\n    React.useEffect(() => {\n        if (activeRowIndexPath !== undefined) {\n            // keep the same edit key, so that we don't remount the row/form\n            const currentRow: any = getByRowIndexPath(internalData, activeRowIndexPath);\n\n            // get the active creation rows parent\n            const parentId = getParentRowIndexPath(activeRowIndexPath);\n\n            // insert a new empty row in the external data (with the same key)\n            const [nexTRow, newRowIndexPath] = insertChildTableRow(JSON.parse(JSON.stringify(data)), parentId, currentRow);\n\n            // update and set that row as active, we basically just changed it's position in our internal data\n            setActiveRowIndexPath(newRowIndexPath);\n            setInternalData(nexTRow);\n\n            if (tableRef?.current) {\n                tableRef.current.instance.toggleRowEditing(currentRow?._createKey);\n            }\n        } else {\n            setInternalData(data);\n        }\n    }, [JSON.stringify(data)]);\n\n    const create = (rowIndexPath: RowIndexPath = undefined, values: object | undefined = {}): RowIndexPath => {\n        const _createKey = uuid();\n        const [nexTRow, newRowIndexPath] = insertChildTableRow(internalData, rowIndexPath, { ...values, _createKey });\n        setActiveRowIndexPath(newRowIndexPath);\n        setInternalData(nexTRow);\n\n        if (tableRef?.current) {\n            tableRef.current.instance.toggleRowEditing(_createKey);\n        }\n\n        return newRowIndexPath;\n    };\n\n    const remove = (rowIndexPath: any): void => {\n        const nexTRow = removeChildTableRow(internalData, rowIndexPath);\n        setInternalData(nexTRow);\n        setActiveRowIndexPath(undefined);\n    };\n\n    return {\n        data: internalData,\n        create,\n        remove,\n        isCreating: activeRowIndexPath !== undefined,\n    };\n};\n"],"names":["insertChildTableRow","data","rowIndexPath","undefined","values","nexTRow","JSON","parse","stringify","childRowIndexPath","rowIndexes","convertRowIndexPathToNumberArray","currentRow","getByRowIndexPath","join","nextSubRows","subRows","path","map","i","unshift","set","push","removeChildTableRow","rootIndex","Number","shift","length","unsetPath","index","unset","pop","setPath","compact","get","pullAt","useTableRowCreation","tableRef","internalData","setInternalData","React","useState","activeRowIndexPath","setActiveRowIndexPath","useEffect","parentId","getParentRowIndexPath","newRowIndexPath","current","instance","toggleRowEditing","_createKey","create","uuid","remove","isCreating"],"mappings":";;;;;;;;;MAWaA,mBAAmB,GAAG,CAC/BC,IAAiB,EACjBC,eAA6BC,SAAS,EACtCC,SAAc,EAAE;EAEhB,MAAMC,OAAO,GAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACP,IAAI,CAAC,CAAC;EAE7D,IAAIQ,iBAAiB;EAErB,IAAIP,YAAY,EAAE;IAAA;IACd,MAAMQ,UAAU,GAAGC,gCAAgC,CAACT,YAAY,CAAC;IACjE,MAAMU,UAAU,GAAGC,iBAAiB,CAACR,OAAO,EAAEK,UAAU,CAACI,IAAI,CAAC,GAAG,CAAC,CAAC;IACnE,MAAMC,WAAW,0BAAGH,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEI,OAAO,qEAAI,EAAE;IAE7C,MAAMC,IAAI,GAAGP,UAAU,CAACQ,GAAG,CAACC,CAAC,QAAQA,IAAI,CAAC,CAACL,IAAI,CAAC,UAAU,CAAC,GAAG,UAAU;IACxEC,WAAW,CAACK,OAAO,CAAChB,MAAM,CAAC;IAC3BiB,GAAG,CAAChB,OAAO,EAAEY,IAAI,EAAEF,WAAW,CAAC;;IAG/BL,UAAU,CAACY,IAAI,CAAC,CAAC,CAAC;IAClBb,iBAAiB,GAAGC,UAAU,CAACI,IAAI,CAAC,GAAG,CAAC;GAC3C,MAAM;IACHT,OAAO,CAACe,OAAO,CAAChB,MAAM,CAAC;IACvBK,iBAAiB,GAAG,GAAG;;EAG3B,OAAO,CAACJ,OAAO,EAAEI,iBAAiB,CAAC;AACvC;MAEac,mBAAmB,GAAG,CAAQtB,IAAiB,EAAEC,YAA0B;EACpF,MAAMG,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACP,IAAI,CAAC,CAAC;EAEhD,MAAMS,UAAU,GAAGC,gCAAgC,CAACT,YAAY,CAAC;EACjE,MAAMsB,SAAS,GAAGC,MAAM,CAACf,UAAU,CAACgB,KAAK,EAAE,CAAC;EAE5C,IAAIhB,UAAU,CAACiB,MAAM,EAAE;;IAEnB,MAAMC,SAAS,GAAGlB,UAAU,CAACQ,GAAG,CAACW,KAAK,eAAeA,QAAQ,CAAC,CAACf,IAAI,CAAC,GAAG,CAAC;IACxEgB,KAAK,CAACzB,OAAO,CAACmB,SAAS,CAAC,EAAEI,SAAS,CAAC;;IAGpClB,UAAU,CAACqB,GAAG,EAAE;IAChB,MAAMC,OAAO,GAAGtB,UAAU,CAACiB,MAAM,GAAGjB,UAAU,CAACQ,GAAG,CAACW,KAAK,eAAeA,QAAQ,CAAC,CAACf,IAAI,CAAC,GAAG,CAAC,GAAG,UAAU,GAAG,SAAS;IACnHO,GAAG,CAAChB,OAAO,CAACmB,SAAS,CAAC,EAAEQ,OAAO,EAAEC,OAAO,CAACC,GAAG,CAAC7B,OAAO,CAACmB,SAAS,CAAC,EAAEQ,OAAO,CAAC,CAAC,CAAC;GAC9E,MAAM;IACHG,MAAM,CAAC9B,OAAO,EAAEmB,SAAS,CAAC;;EAG9B,OAAOnB,OAAO;AAClB;MASa+B,mBAAmB,GAAG,CAAQnC,IAAiB,EAAEoC,QAAmC;EAC7F,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAACnC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACP,IAAI,CAAC,CAAC,CAAC;EACxF,MAAM,CAACyC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAAqBtC,SAAS,CAAC;EAEjGqC,cAAK,CAACI,SAAS,CAAC;IACZ,IAAIF,kBAAkB,KAAKvC,SAAS,EAAE;;MAElC,MAAMS,UAAU,GAAQC,iBAAiB,CAACyB,YAAY,EAAEI,kBAAkB,CAAC;;MAG3E,MAAMG,QAAQ,GAAGC,qBAAqB,CAACJ,kBAAkB,CAAC;;MAG1D,MAAM,CAACrC,OAAO,EAAE0C,eAAe,CAAC,GAAG/C,mBAAmB,CAACM,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACP,IAAI,CAAC,CAAC,EAAE4C,QAAQ,EAAEjC,UAAU,CAAC;;MAG9G+B,qBAAqB,CAACI,eAAe,CAAC;MACtCR,eAAe,CAAClC,OAAO,CAAC;MAExB,IAAIgC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEW,OAAO,EAAE;QACnBX,QAAQ,CAACW,OAAO,CAACC,QAAQ,CAACC,gBAAgB,CAACtC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEuC,UAAU,CAAC;;KAEzE,MAAM;MACHZ,eAAe,CAACtC,IAAI,CAAC;;GAE5B,EAAE,CAACK,IAAI,CAACE,SAAS,CAACP,IAAI,CAAC,CAAC,CAAC;EAE1B,MAAMmD,MAAM,GAAG,CAAClD,eAA6BC,SAAS,EAAEC,SAA6B,EAAE;IACnF,MAAM+C,UAAU,GAAGE,EAAI,EAAE;IACzB,MAAM,CAAChD,OAAO,EAAE0C,eAAe,CAAC,GAAG/C,mBAAmB,CAACsC,YAAY,EAAEpC,YAAY,EAAE;MAAE,GAAGE,MAAM;MAAE+C;KAAY,CAAC;IAC7GR,qBAAqB,CAACI,eAAe,CAAC;IACtCR,eAAe,CAAClC,OAAO,CAAC;IAExB,IAAIgC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEW,OAAO,EAAE;MACnBX,QAAQ,CAACW,OAAO,CAACC,QAAQ,CAACC,gBAAgB,CAACC,UAAU,CAAC;;IAG1D,OAAOJ,eAAe;GACzB;EAED,MAAMO,MAAM,GAAIpD,YAAiB;IAC7B,MAAMG,OAAO,GAAGkB,mBAAmB,CAACe,YAAY,EAAEpC,YAAY,CAAC;IAC/DqC,eAAe,CAAClC,OAAO,CAAC;IACxBsC,qBAAqB,CAACxC,SAAS,CAAC;GACnC;EAED,OAAO;IACHF,IAAI,EAAEqC,YAAY;IAClBc,MAAM;IACNE,MAAM;IACNC,UAAU,EAAEb,kBAAkB,KAAKvC;GACtC;AACL;;;;"}

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

@@ -0,0 +1,212 @@
+import React__default from 'react';
+import { useLocalization } from '../../Provider/Provider.js';
+import { useTable as useTable$1, useRowState, useSortBy, useExpanded, usePagination } from 'react-table';
+import { getColumnsFromChildren, getInternalSortRules, sanitizeRowProps } from '../util.js';
+import { sortTypes } from '../util/sortTypes.js';
+import { useRowEditing } from './plugins/useRowEditing.js';
+import { useRowActions } from './plugins/useRowActions.js';
+import { useRowSelect } from './plugins/useRowSelect.js';
+import { useTableKeyboardNavigation } from './useTableKeyboardNavigation.js';
+import { useRowDraggable } from './plugins/useRowDraggable.js';
+
+const useTableRowActive = (activeIndex, rows, rowExpansionRenderer, handleonRowActive) => {
+  React__default.useEffect(() => {
+    if (activeIndex !== undefined && rows.length && handleonRowActive) {
+      const focusedRow = rows[activeIndex];
+      if (focusedRow) {
+        const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);
+        handleonRowActive(sanitizedFocusedRow);
+      }
+    }
+  }, [activeIndex, rows]);
+};
+const useTableInstance = (instance, ref) => {
+  const sanitizedInstance = React__default.useMemo(() => ({
+    toggleAllRowsExpanded: instance.toggleAllRowsExpanded,
+    toggleHideAllColumns: instance.toggleHideAllColumns,
+    toggleHideColumn: instance.toggleHideColumn,
+    toggleEditing: instance.toggleEditing,
+    toggleRowEditing: instance.toggleRowEditing,
+    resetRowEditing: instance.resetRowEditing,
+    toggleRowExpanded: instance.toggleRowExpanded,
+    toggleSortBy: instance.toggleSortBy
+  }), []);
+  React__default.useEffect(() => {
+    if (ref !== null && ref !== void 0 && ref.current) {
+      ref.current.instance = sanitizedInstance;
+    }
+  }, [ref]);
+  return sanitizedInstance;
+};
+const useTablePaginationListener = (disablePagination, onPaginate, state) => {
+  React__default.useEffect(() => {
+    if (!disablePagination && onPaginate) {
+      onPaginate(state.pageIndex, state.pageSize);
+    }
+  }, [state.pageIndex, state.pageSize]);
+};
+const useTableSortingListener = (data, sortedRows, onSort, manualSorting, state) => {
+  React__default.useEffect(() => {
+    if (onSort) {
+      const sortRules = state.sortBy.map(rule => ({
+        accessor: rule.id,
+        desc: rule.desc
+      }));
+      if (manualSorting) {
+        onSort(sortRules);
+      } else {
+        let sortedData;
+        if (sortRules.length && sortedRows !== null && sortedRows !== void 0 && sortedRows.length) {
+          sortedData = sortedRows.map(row => row.original);
+        }
+        onSort(sortRules, sortedData || data);
+      }
+    }
+  }, [onSort && JSON.stringify(state.sortBy), manualSorting]);
+};
+const DEFAULT_PAGE_SIZE = 10;
+const useTable = (props, ref) => {
+  var _otherProps$tabIndex;
+  const {
+    children,
+    data,
+    dangerouslyHijackGlobalKeyboardNavigation: _,
+    onRowClick,
+    onRowDrag,
+    onSelectedRows,
+    rowClassName,
+    rowExpansionRenderer,
+    rowHeight,
+    selectedRows,
+    // sorting
+    disableSorting,
+    manualSorting,
+    onSort,
+    sortRules,
+    //index
+    activeIndex: _1,
+    defaultActiveIndex: _2,
+    onChangeActiveIndex: _3,
+    // pagination
+    disablePagination = true,
+    length,
+    onPaginate,
+    pageSize = DEFAULT_PAGE_SIZE,
+    pageIndex = 0,
+    // row editing
+    inlineEditingUniqueId = undefined,
+    onRowCreate,
+    // actions
+    actions,
+    onRowEdit,
+    onRowCopy,
+    onRowDelete,
+    onRowActive,
+    windowed = false,
+    ...otherProps
+  } = props;
+  if (onSelectedRows && !selectedRows || !onSelectedRows && selectedRows) {
+    throw new Error('Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection');
+  }
+  const {
+    texts,
+    locale
+  } = useLocalization();
+  const {
+    columns,
+    sortRules: defaultSortRules
+  } = React__default.useMemo(() => getColumnsFromChildren(children, rowExpansionRenderer), [children, rowExpansionRenderer]);
+  const manualPagination = !disablePagination && !!onPaginate && !!length;
+  const {
+    headerGroups,
+    rows,
+    sortedRows,
+    prepareRow: prepareBaseRow,
+    state,
+    // pagination
+    page,
+    gotoPage,
+    setPageSize,
+    ...instance
+  } = useTable$1({
+    columns,
+    data,
+    initialState: {
+      // eslint-disable-next-line
+      // @ts-ignore: not sure how to type this correctly right now
+      sortBy: getInternalSortRules(sortRules) || defaultSortRules,
+      pageSize: !disablePagination ? pageSize : undefined,
+      pageIndex: !disablePagination ? pageIndex : undefined
+    },
+    manualPagination,
+    pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,
+    manualSortBy: manualSorting,
+    disableSortBy: disableSorting,
+    // most of these resets preventions are needed for editing mode
+    autoResetExpanded: false,
+    autoResetSelectedRows: false,
+    autoResetSortBy: false,
+    autoResetPage: false,
+    sortTypes: React__default.useMemo(() => sortTypes(locale), []),
+    useControlledState: currentState => {
+      return React__default.useMemo(() => ({
+        ...currentState,
+        selectedRowIds: selectedRows || []
+      }), [currentState, selectedRows]);
+    }
+  }, useRowState, useSortBy, useExpanded, usePagination, useRowSelect(onSelectedRows), useRowDraggable(onRowDrag), useRowEditing(inlineEditingUniqueId), useRowActions(inlineEditingUniqueId, {
+    onRowCreate,
+    onRowEdit,
+    onRowCopy,
+    onRowDelete
+  }, actions, rowExpansionRenderer, texts, windowed));
+  useTablePaginationListener(disablePagination, onPaginate, state);
+  useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);
+  const sanitizedInstance = useTableInstance(instance, ref);
+  const visibleRows = !disablePagination && !manualPagination ? page : rows;
+  const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation(props, visibleRows, {
+    onRowClick,
+    onRowCreate,
+    onRowEdit,
+    onRowCopy,
+    onRowDelete,
+    rowExpansionRenderer
+  }, ref);
+  useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);
+  const prepareRow = React__default.useCallback((row, index) => {
+    prepareBaseRow(row);
+    row.setActive = () => setActiveIndex(index);
+  }, [prepareBaseRow, setActiveIndex]);
+  return {
+    rowProps: {
+      activeIndex,
+      setActiveIndex,
+      onRowClick,
+      rowClassName,
+      rowExpansionRenderer,
+      rowHeight,
+      inlineEditingUniqueId
+    },
+    tableProps: {
+      ...otherProps,
+      headerGroups,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      tabIndex: (_otherProps$tabIndex = otherProps.tabIndex) !== null && _otherProps$tabIndex !== void 0 ? _otherProps$tabIndex : 0
+    },
+    state,
+    pagination: !disablePagination ? {
+      length: manualPagination && length ? length : data.length,
+      pageIndex: state.pageIndex,
+      pageSize: state.pageSize,
+      setPageIndex: gotoPage,
+      setPageSize: setPageSize
+    } : null,
+    rows: visibleRows,
+    prepareRow,
+    instance: sanitizedInstance
+  };
+};
+
+export { useTable };
+//# sourceMappingURL=useTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useTable as useReactTable, useExpanded, useSortBy, usePagination, useRowState } from 'react-table';\nimport { getColumnsFromChildren, getInternalSortRules } from '../util';\nimport { sortTypes } from '../util/sortTypes';\nimport { useRowEditing } from './plugins/useRowEditing';\nimport { useRowActions } from './plugins/useRowActions';\nimport { useRowSelect } from './plugins/useRowSelect';\nimport {\n    InternalTable,\n    InternalTableRow,\n    PaginationHandler,\n    RowActiveHandler,\n    SortHandler,\n    TableProps,\n    TableRef,\n} from '../types';\nimport { useTableKeyboardNavigation } from './useTableKeyboardNavigation';\nimport { useLocalization } from '../../Provider/Provider';\nimport { useRowDraggable } from './plugins/useRowDraggable';\nimport { sanitizeRowProps } from '../util';\n\nconst useTableRowActive = (\n    activeIndex: number | undefined,\n    rows: InternalTableRow[],\n    rowExpansionRenderer: TableProps<any>['rowExpansionRenderer'],\n    handleonRowActive: RowActiveHandler<any> | undefined\n) => {\n    React.useEffect(() => {\n        if (activeIndex !== undefined && rows.length && handleonRowActive) {\n            const focusedRow = rows[activeIndex];\n            if (focusedRow) {\n                const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);\n                handleonRowActive(sanitizedFocusedRow);\n            }\n        }\n    }, [activeIndex, rows]);\n};\n\nconst useTableInstance = (instance: any, ref: React.RefObject<TableRef>): object => {\n    const sanitizedInstance = React.useMemo(\n        () => ({\n            toggleAllRowsExpanded: instance.toggleAllRowsExpanded,\n            toggleHideAllColumns: instance.toggleHideAllColumns,\n            toggleHideColumn: instance.toggleHideColumn,\n            toggleEditing: instance.toggleEditing,\n            toggleRowEditing: instance.toggleRowEditing,\n            resetRowEditing: instance.resetRowEditing,\n            toggleRowExpanded: instance.toggleRowExpanded,\n            toggleSortBy: instance.toggleSortBy,\n        }),\n        []\n    );\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            ref.current.instance = sanitizedInstance;\n        }\n    }, [ref]);\n\n    return sanitizedInstance;\n};\n\nconst useTablePaginationListener = (disablePagination: boolean, onPaginate: PaginationHandler | undefined, state: any): void => {\n    React.useEffect(() => {\n        if (!disablePagination && onPaginate) {\n            onPaginate(state.pageIndex, state.pageSize);\n        }\n    }, [state.pageIndex, state.pageSize]);\n};\n\nconst useTableSortingListener = (\n    data: any[],\n    sortedRows: any[],\n    onSort: SortHandler<any> | undefined,\n    manualSorting: boolean,\n    state: any\n): void => {\n    React.useEffect(() => {\n        if (onSort) {\n            const sortRules = state.sortBy.map((rule: any) => ({ accessor: rule.id, desc: rule.desc }));\n\n            if (manualSorting) {\n                onSort(sortRules);\n            } else {\n                let sortedData;\n\n                if (sortRules.length && sortedRows?.length) {\n                    sortedData = sortedRows.map((row: any) => row.original);\n                }\n\n                onSort(sortRules, sortedData || data);\n            }\n        }\n    }, [onSort && JSON.stringify(state.sortBy), manualSorting]);\n};\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nexport const useTable = <T extends {}>(\n    props: TableProps<T> & { windowed?: boolean },\n    ref: React.RefObject<TableRef>\n): InternalTable => {\n    const {\n        children,\n        data,\n        dangerouslyHijackGlobalKeyboardNavigation: _,\n        onRowClick,\n        onRowDrag,\n        onSelectedRows,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        selectedRows,\n\n        // sorting\n        disableSorting,\n        manualSorting,\n        onSort,\n        sortRules,\n\n        //index\n        activeIndex: _1,\n        defaultActiveIndex: _2,\n        onChangeActiveIndex: _3,\n\n        // pagination\n        disablePagination = true,\n        length,\n        onPaginate,\n        pageSize = DEFAULT_PAGE_SIZE,\n        pageIndex = 0,\n\n        // row editing\n        inlineEditingUniqueId = undefined,\n        onRowCreate,\n\n        // actions\n        actions,\n        onRowEdit,\n        onRowCopy,\n        onRowDelete,\n        onRowActive,\n\n        windowed = false,\n\n        ...otherProps\n    } = props;\n\n    if ((onSelectedRows && !selectedRows) || (!onSelectedRows && selectedRows)) {\n        throw new Error(\n            'Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection'\n        );\n    }\n\n    const { texts, locale } = useLocalization();\n    const { columns, sortRules: defaultSortRules } = React.useMemo(\n        () => getColumnsFromChildren(children, rowExpansionRenderer),\n        [children, rowExpansionRenderer]\n    );\n\n    const manualPagination = !disablePagination && !!onPaginate && !!length;\n\n    const {\n        headerGroups,\n        rows,\n        sortedRows,\n        prepareRow: prepareBaseRow,\n        state,\n        // pagination\n        page,\n        gotoPage,\n        setPageSize,\n        ...instance\n    }: any = useReactTable(\n        {\n            columns,\n            data,\n            initialState: {\n                // eslint-disable-next-line\n                // @ts-ignore: not sure how to type this correctly right now\n                sortBy: getInternalSortRules(sortRules) || defaultSortRules,\n                pageSize: !disablePagination ? pageSize : undefined,\n                pageIndex: !disablePagination ? pageIndex : undefined,\n            },\n            manualPagination,\n            pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,\n            manualSortBy: manualSorting,\n            disableSortBy: disableSorting,\n            // most of these resets preventions are needed for editing mode\n            autoResetExpanded: false,\n            autoResetSelectedRows: false,\n            autoResetSortBy: false,\n            autoResetPage: false,\n            sortTypes: React.useMemo(() => sortTypes(locale), []),\n            useControlledState: currentState => {\n                return React.useMemo(\n                    () => ({\n                        ...currentState,\n                        selectedRowIds: selectedRows || [],\n                    }),\n                    [currentState, selectedRows]\n                );\n            },\n        },\n        useRowState,\n        useSortBy,\n        useExpanded,\n        usePagination,\n        useRowSelect(onSelectedRows),\n        useRowDraggable(onRowDrag),\n        useRowEditing(inlineEditingUniqueId),\n        useRowActions(\n            inlineEditingUniqueId,\n            { onRowCreate, onRowEdit, onRowCopy, onRowDelete },\n            actions,\n            rowExpansionRenderer,\n            texts,\n            windowed\n        )\n    );\n\n    useTablePaginationListener(disablePagination, onPaginate, state);\n    useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);\n\n    const sanitizedInstance = useTableInstance(instance, ref);\n\n    const visibleRows = !disablePagination && !manualPagination ? page : rows;\n\n    const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation<T>(\n        props,\n        visibleRows,\n        { onRowClick, onRowCreate, onRowEdit, onRowCopy, onRowDelete, rowExpansionRenderer },\n        ref\n    );\n\n    useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);\n\n    const prepareRow = React.useCallback(\n        (row: any, index: number) => {\n            prepareBaseRow(row);\n            row.setActive = () => setActiveIndex(index);\n        },\n        [prepareBaseRow, setActiveIndex]\n    );\n\n    return {\n        rowProps: {\n            activeIndex,\n            setActiveIndex,\n            onRowClick,\n            rowClassName,\n            rowExpansionRenderer,\n            rowHeight,\n            inlineEditingUniqueId,\n        },\n        tableProps: {\n            ...otherProps,\n            headerGroups,\n            onFocus: handleFocus,\n            onKeyDown: handleKeyDown,\n            tabIndex: otherProps.tabIndex ?? 0,\n        },\n        state,\n        pagination: !disablePagination\n            ? {\n                  length: manualPagination && length ? length : data.length,\n                  pageIndex: state.pageIndex,\n                  pageSize: state.pageSize,\n                  setPageIndex: gotoPage,\n                  setPageSize: setPageSize,\n              }\n            : null,\n        rows: visibleRows,\n        prepareRow,\n        instance: sanitizedInstance,\n    };\n};\n"],"names":["useTableRowActive","activeIndex","rows","rowExpansionRenderer","handleonRowActive","React","useEffect","undefined","length","focusedRow","sanitizedFocusedRow","sanitizeRowProps","useTableInstance","instance","ref","sanitizedInstance","useMemo","toggleAllRowsExpanded","toggleHideAllColumns","toggleHideColumn","toggleEditing","toggleRowEditing","resetRowEditing","toggleRowExpanded","toggleSortBy","current","useTablePaginationListener","disablePagination","onPaginate","state","pageIndex","pageSize","useTableSortingListener","data","sortedRows","onSort","manualSorting","sortRules","sortBy","map","rule","accessor","id","desc","sortedData","row","original","JSON","stringify","DEFAULT_PAGE_SIZE","useTable","props","children","dangerouslyHijackGlobalKeyboardNavigation","_","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","_1","defaultActiveIndex","_2","onChangeActiveIndex","_3","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","texts","locale","useLocalization","columns","defaultSortRules","getColumnsFromChildren","manualPagination","headerGroups","prepareRow","prepareBaseRow","page","gotoPage","setPageSize","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","visibleRows","setActiveIndex","handleKeyDown","handleFocus","useTableKeyboardNavigation","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","tabIndex","pagination","setPageIndex"],"mappings":"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"}