@economic/taco 1.1.7 → 1.1.9-alpha.1

package/dist/esm/components/Table/hooks/plugins/useRowEditing.js

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

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

@@ -0,0 +1,106 @@
+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/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';\r\nimport { v4 as uuid } from 'uuid';\r\nimport set from 'lodash/set';\r\nimport unset from 'lodash/unset';\r\nimport get from 'lodash/get';\r\nimport compact from 'lodash/compact';\r\nimport pullAt from 'lodash/pullAt';\r\n\r\nimport { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath } from '../util/rowIndexPath';\r\nimport { Row, RowIndexPath, TableRef } from '../types';\r\n\r\nexport const insertChildTableRow = <TRow,>(\r\n    data: Row<TRow>[],\r\n    rowIndexPath: RowIndexPath = undefined,\r\n    values: any = {}\r\n): [Row<TRow>[], RowIndexPath] => {\r\n    const nexTRow: Row<TRow>[] = JSON.parse(JSON.stringify(data));\r\n\r\n    let childRowIndexPath;\r\n\r\n    if (rowIndexPath) {\r\n        const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\r\n        const currentRow = getByRowIndexPath(nexTRow, rowIndexes.join('.'));\r\n        const nextSubRows = currentRow?.subRows ?? [];\r\n\r\n        const path = rowIndexes.map(i => `[${i}]`).join('.subRows') + '.subRows';\r\n        nextSubRows.unshift(values);\r\n        set(nexTRow, path, nextSubRows);\r\n\r\n        // rebuild the new id\r\n        rowIndexes.push(0);\r\n        childRowIndexPath = rowIndexes.join('.');\r\n    } else {\r\n        nexTRow.unshift(values);\r\n        childRowIndexPath = '0';\r\n    }\r\n\r\n    return [nexTRow, childRowIndexPath];\r\n};\r\n\r\nexport const removeChildTableRow = <TRow,>(data: Row<TRow>[], rowIndexPath: RowIndexPath): Row<TRow>[] => {\r\n    const nexTRow = JSON.parse(JSON.stringify(data));\r\n\r\n    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\r\n    const rootIndex = Number(rowIndexes.shift());\r\n\r\n    if (rowIndexes.length) {\r\n        // unset\r\n        const unsetPath = rowIndexes.map(index => `subRows[${index}]`).join('.');\r\n        unset(nexTRow[rootIndex], unsetPath);\r\n\r\n        // remove empty value from subRows\r\n        rowIndexes.pop();\r\n        const setPath = rowIndexes.length ? rowIndexes.map(index => `subRows[${index}]`).join('.') + '.subRows' : 'subRows';\r\n        set(nexTRow[rootIndex], setPath, compact(get(nexTRow[rootIndex], setPath)));\r\n    } else {\r\n        pullAt(nexTRow, rootIndex);\r\n    }\r\n\r\n    return nexTRow;\r\n};\r\n\r\nexport type useTableRowCreation<TRow> = {\r\n    data: Row<TRow>[];\r\n    create: (rowIndexPath: RowIndexPath, values?: object | undefined) => RowIndexPath;\r\n    remove: (rowIndexPath: RowIndexPath) => void;\r\n    isCreating: boolean;\r\n};\r\n\r\nexport const useTableRowCreation = <TRow,>(data: Row<TRow>[], tableRef: React.RefObject<TableRef>): useTableRowCreation<TRow> => {\r\n    const [internalData, setInternalData] = React.useState(JSON.parse(JSON.stringify(data)));\r\n    const [activeRowIndexPath, setActiveRowIndexPath] = React.useState<string | undefined>(undefined);\r\n\r\n    React.useEffect(() => {\r\n        if (activeRowIndexPath !== undefined) {\r\n            // keep the same edit key, so that we don't remount the row/form\r\n            const currentRow: any = getByRowIndexPath(internalData, activeRowIndexPath);\r\n\r\n            // get the active creation rows parent\r\n            const parentId = getParentRowIndexPath(activeRowIndexPath);\r\n\r\n            // insert a new empty row in the external data (with the same key)\r\n            const [nexTRow, newRowIndexPath] = insertChildTableRow(JSON.parse(JSON.stringify(data)), parentId, currentRow);\r\n\r\n            // update and set that row as active, we basically just changed it's position in our internal data\r\n            setActiveRowIndexPath(newRowIndexPath);\r\n            setInternalData(nexTRow);\r\n\r\n            if (tableRef?.current) {\r\n                tableRef.current.instance.toggleRowEditing(currentRow?._createKey);\r\n            }\r\n        } else {\r\n            setInternalData(data);\r\n        }\r\n    }, [JSON.stringify(data)]);\r\n\r\n    const create = (rowIndexPath: RowIndexPath = undefined, values: object | undefined = {}): RowIndexPath => {\r\n        const _createKey = uuid();\r\n        const [nexTRow, newRowIndexPath] = insertChildTableRow(internalData, rowIndexPath, { ...values, _createKey });\r\n        setActiveRowIndexPath(newRowIndexPath);\r\n        setInternalData(nexTRow);\r\n\r\n        if (tableRef?.current) {\r\n            tableRef.current.instance.toggleRowEditing(_createKey);\r\n        }\r\n\r\n        return newRowIndexPath;\r\n    };\r\n\r\n    const remove = (rowIndexPath: any): void => {\r\n        const nexTRow = removeChildTableRow(internalData, rowIndexPath);\r\n        setInternalData(nexTRow);\r\n        setActiveRowIndexPath(undefined);\r\n    };\r\n\r\n    return {\r\n        data: internalData,\r\n        create,\r\n        remove,\r\n        isCreating: activeRowIndexPath !== undefined,\r\n    };\r\n};\r\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":"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"}

package/dist/esm/components/Table/hooks/useTable.js

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