@economic/taco 0.0.1-alpha.8 → 0.0.5-alpha.0

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

@@ -0,0 +1,97 @@
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { actions } from 'react-table';
+
+var pluginName = 'useRowEditing';
+actions.resetRowEditing = 'resetRowEditing';
+actions.toggleRowEditing = 'toggleRowEditing';
+actions.toggleEditing = 'toggleEditing';
+
+function reducer(state, action) {
+  if (action.type === actions.init) {
+    return _extends({
+      allowEditing: true,
+      editingRowUniqueId: null
+    }, state);
+  }
+
+  if (action.type === actions.resetRowEditing || action.type === actions.resetPage || action.type === actions.gotoPage) {
+    return _extends({}, state, {
+      editingRowUniqueId: null
+    });
+  }
+
+  if (action.type === actions.toggleRowEditing) {
+    var id = action.id;
+    return _extends({}, state, {
+      editingRowUniqueId: id
+    });
+  }
+
+  if (action.type === actions.toggleEditing) {
+    return _extends({}, state, {
+      allowEditing: !state.allowEditing
+    });
+  }
+
+  return state;
+}
+
+function useInstance(instance) {
+  var dispatch = instance.dispatch;
+  var resetRowEditing = React__default.useCallback(function () {
+    dispatch({
+      type: actions.resetRowEditing
+    });
+  }, [dispatch]);
+  var toggleRowEditing = React__default.useCallback(function (id) {
+    dispatch({
+      type: actions.toggleRowEditing,
+      id: id
+    });
+  }, [dispatch]);
+  var toggleEditing = React__default.useCallback(function () {
+    dispatch({
+      type: actions.toggleEditing
+    });
+  }, [dispatch]);
+  Object.assign(instance, {
+    resetRowEditing: resetRowEditing,
+    toggleRowEditing: toggleRowEditing,
+    toggleEditing: toggleEditing
+  });
+}
+
+var prepareRow = function prepareRow(uniqueId) {
+  return function (row, _ref) {
+    var instance = _ref.instance;
+    var id = row.original[uniqueId];
+
+    row.toggleRowEditing = function () {
+      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);
+  };
+};
+
+var useRowEditing = function useRowEditing(uniqueId) {
+  var plugin = function 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';\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/components/Table/hooks/plugins/useRowSelect.js

@@ -0,0 +1,119 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { Checkbox } from '../../../Checkbox/Checkbox.js';
+import { useRowSelect as useRowSelect$1 } from 'react-table';
+
+var _excluded = ["onChange"],
+    _excluded2 = ["onChange"];
+
+var toggleBetween = function toggleBetween(fromRowIndex, toRowIndex) {
+  var fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;
+  var 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
+
+
+var useRowSelect = function useRowSelect(onSelectedRows) {
+  var plugin = function plugin(hooks) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useRowSelect$1(hooks);
+
+    if (onSelectedRows) {
+      var toggleRowSelected = function toggleRowSelected(indexPath, checked) {
+        return onSelectedRows(function (state) {
+          var nextState = _extends({}, state);
+
+          if (checked) {
+            nextState[indexPath] = true;
+          } else {
+            delete nextState[indexPath];
+          }
+
+          return nextState;
+        });
+      };
+
+      var prepareRow = function prepareRow(row) {
+        row.toggleRowSelected = function () {
+          return toggleRowSelected(row.id, !row.isSelected);
+        };
+      };
+
+      hooks.prepareRow.push(prepareRow); // eslint-disable-next-line react-hooks/rules-of-hooks
+
+      var lastSelectedSortedIndex = React__default.useRef();
+      hooks.visibleColumns.push(function (columns) {
+        return [{
+          id: 'selection',
+          Header: function Header(_ref) {
+            var getToggleAllRowsSelectedProps = _ref.getToggleAllRowsSelectedProps,
+                rows = _ref.rows;
+
+            var _getToggleAllRowsSele = getToggleAllRowsSelectedProps(),
+                props = _objectWithoutPropertiesLoose(_getToggleAllRowsSele, _excluded);
+
+            var onChange = function 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,
+              className: "mt-px"
+            }));
+          },
+          Cell: function Cell(_ref2) {
+            var row = _ref2.row,
+                rows = _ref2.rows;
+
+            var _row$getToggleRowSele = row.getToggleRowSelectedProps(),
+                props = _objectWithoutPropertiesLoose(_row$getToggleRowSele, _excluded2); // row.index refers to the index in the original data, not the current index
+
+
+            var sortedIndex = rows.findIndex(function (r) {
+              return r.index === row.index;
+            });
+
+            var onClick = function onClick(event) {
+              if (event.shiftKey) {
+                var _toggleBetween = toggleBetween(lastSelectedSortedIndex.current || 0, sortedIndex),
+                    fromIndex = _toggleBetween[0],
+                    toIndex = _toggleBetween[1];
+
+                for (var 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-px",
+              onClick: onClick,
+              // this is necessary to remove console spam from eslint
+              onChange: function onChange() {
+                return false;
+              }
+            }));
+          },
+          flex: '0 0 36px',
+          className: 'flex-col justify-start !pb-0'
+        }].concat(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\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} className=\"mt-px\" />;\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-px\"\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 !pb-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","props","onChange","Object","assign","Array","length","fill","Checkbox","className","Cell","getToggleRowSelectedProps","sortedIndex","findIndex","r","index","onClick","event","shiftKey","current","i","flex","pluginName"],"mappings":"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"}

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

@@ -0,0 +1,141 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+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';
+
+var insertChildTableRow = function insertChildTableRow(data, rowIndexPath, values) {
+  if (rowIndexPath === void 0) {
+    rowIndexPath = undefined;
+  }
+
+  if (values === void 0) {
+    values = {};
+  }
+
+  var nexTRow = JSON.parse(JSON.stringify(data));
+  var childRowIndexPath;
+
+  if (rowIndexPath) {
+    var _currentRow$subRows;
+
+    var rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+    var currentRow = getByRowIndexPath(nexTRow, rowIndexes.join('.'));
+    var nextSubRows = (_currentRow$subRows = currentRow === null || currentRow === void 0 ? void 0 : currentRow.subRows) !== null && _currentRow$subRows !== void 0 ? _currentRow$subRows : [];
+    var path = rowIndexes.map(function (i) {
+      return "[" + 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];
+};
+var removeChildTableRow = function removeChildTableRow(data, rowIndexPath) {
+  var nexTRow = JSON.parse(JSON.stringify(data));
+  var rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+  var rootIndex = Number(rowIndexes.shift());
+
+  if (rowIndexes.length) {
+    // unset
+    var unsetPath = rowIndexes.map(function (index) {
+      return "subRows[" + index + "]";
+    }).join('.');
+    unset(nexTRow[rootIndex], unsetPath); // remove empty value from subRows
+
+    rowIndexes.pop();
+    var setPath = rowIndexes.length ? rowIndexes.map(function (index) {
+      return "subRows[" + index + "]";
+    }).join('.') + '.subRows' : 'subRows';
+    set(nexTRow[rootIndex], setPath, compact(get(nexTRow[rootIndex], setPath)));
+  } else {
+    pullAt(nexTRow, rootIndex);
+  }
+
+  return nexTRow;
+};
+var useTableRowCreation = function useTableRowCreation(data, tableRef) {
+  var _React$useState = React__default.useState(JSON.parse(JSON.stringify(data))),
+      internalData = _React$useState[0],
+      setInternalData = _React$useState[1];
+
+  var _React$useState2 = React__default.useState(undefined),
+      activeRowIndexPath = _React$useState2[0],
+      setActiveRowIndexPath = _React$useState2[1];
+
+  React__default.useEffect(function () {
+    if (activeRowIndexPath !== undefined) {
+      // keep the same edit key, so that we don't remount the row/form
+      var currentRow = getByRowIndexPath(internalData, activeRowIndexPath); // get the active creation rows parent
+
+      var parentId = getParentRowIndexPath(activeRowIndexPath); // insert a new empty row in the external data (with the same key)
+
+      var _insertChildTableRow = insertChildTableRow(JSON.parse(JSON.stringify(data)), parentId, currentRow),
+          nexTRow = _insertChildTableRow[0],
+          newRowIndexPath = _insertChildTableRow[1]; // 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)]);
+
+  var create = function create(rowIndexPath, values) {
+    if (rowIndexPath === void 0) {
+      rowIndexPath = undefined;
+    }
+
+    if (values === void 0) {
+      values = {};
+    }
+
+    var _createKey = v4();
+
+    var _insertChildTableRow2 = insertChildTableRow(internalData, rowIndexPath, _extends({}, values, {
+      _createKey: _createKey
+    })),
+        nexTRow = _insertChildTableRow2[0],
+        newRowIndexPath = _insertChildTableRow2[1];
+
+    setActiveRowIndexPath(newRowIndexPath);
+    setInternalData(nexTRow);
+
+    if (tableRef !== null && tableRef !== void 0 && tableRef.current) {
+      tableRef.current.instance.toggleRowEditing(_createKey);
+    }
+
+    return newRowIndexPath;
+  };
+
+  var remove = function remove(rowIndexPath) {
+    var nexTRow = removeChildTableRow(internalData, rowIndexPath);
+    setInternalData(nexTRow);
+    setActiveRowIndexPath(undefined);
+  };
+
+  return {
+    data: internalData,
+    create: create,
+    remove: 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';\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","values","undefined","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","React","useState","internalData","setInternalData","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,236 @@
+import { extends as _extends, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+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';
+
+var _excluded = ["children", "data", "dangerouslyHijackGlobalKeyboardNavigation", "onRowClick", "onRowDrag", "onSelectedRows", "rowClassName", "rowExpansionRenderer", "rowHeight", "selectedRows", "disableSorting", "manualSorting", "onSort", "sortRules", "disablePagination", "length", "onPaginate", "pageSize", "pageIndex", "inlineEditingUniqueId", "onRowCreate", "actions", "onRowEdit", "onRowCopy", "onRowDelete", "onRowActive", "windowed"],
+    _excluded2 = ["headerGroups", "rows", "sortedRows", "prepareRow", "state", "page", "gotoPage", "setPageSize"];
+
+var useTableRowActive = function useTableRowActive(activeIndex, rows, rowExpansionRenderer, handleonRowActive) {
+  React__default.useEffect(function () {
+    if (activeIndex !== undefined && rows.length && handleonRowActive) {
+      var focusedRow = rows[activeIndex];
+
+      if (focusedRow) {
+        var sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);
+        handleonRowActive(sanitizedFocusedRow);
+      }
+    }
+  }, [activeIndex, rows]);
+};
+
+var useTableInstance = function useTableInstance(instance, ref) {
+  var sanitizedInstance = React__default.useMemo(function () {
+    return {
+      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(function () {
+    if (ref !== null && ref !== void 0 && ref.current) {
+      ref.current.instance = sanitizedInstance;
+    }
+  }, [ref]);
+  return sanitizedInstance;
+};
+
+var useTablePaginationListener = function useTablePaginationListener(disablePagination, onPaginate, state) {
+  React__default.useEffect(function () {
+    if (!disablePagination && onPaginate) {
+      onPaginate(state.pageIndex, state.pageSize);
+    }
+  }, [state.pageIndex, state.pageSize]);
+};
+
+var useTableSortingListener = function useTableSortingListener(data, sortedRows, onSort, manualSorting, state) {
+  React__default.useEffect(function () {
+    if (onSort) {
+      var sortRules = state.sortBy.map(function (rule) {
+        return {
+          accessor: rule.id,
+          desc: rule.desc
+        };
+      });
+
+      if (manualSorting) {
+        onSort(sortRules);
+      } else {
+        var sortedData;
+
+        if (sortRules.length && sortedRows !== null && sortedRows !== void 0 && sortedRows.length) {
+          sortedData = sortedRows.map(function (row) {
+            return row.original;
+          });
+        }
+
+        onSort(sortRules, sortedData || data);
+      }
+    }
+  }, [onSort && JSON.stringify(state.sortBy), manualSorting]);
+};
+
+var DEFAULT_PAGE_SIZE = 10;
+var useTable = function useTable(props, ref) {
+  var children = props.children,
+      data = props.data,
+      onRowClick = props.onRowClick,
+      onRowDrag = props.onRowDrag,
+      onSelectedRows = props.onSelectedRows,
+      rowClassName = props.rowClassName,
+      rowExpansionRenderer = props.rowExpansionRenderer,
+      rowHeight = props.rowHeight,
+      selectedRows = props.selectedRows,
+      disableSorting = props.disableSorting,
+      manualSorting = props.manualSorting,
+      onSort = props.onSort,
+      sortRules = props.sortRules,
+      _props$disablePaginat = props.disablePagination,
+      disablePagination = _props$disablePaginat === void 0 ? true : _props$disablePaginat,
+      length = props.length,
+      onPaginate = props.onPaginate,
+      _props$pageSize = props.pageSize,
+      pageSize = _props$pageSize === void 0 ? DEFAULT_PAGE_SIZE : _props$pageSize,
+      _props$pageIndex = props.pageIndex,
+      pageIndex = _props$pageIndex === void 0 ? 0 : _props$pageIndex,
+      _props$inlineEditingU = props.inlineEditingUniqueId,
+      inlineEditingUniqueId = _props$inlineEditingU === void 0 ? undefined : _props$inlineEditingU,
+      onRowCreate = props.onRowCreate,
+      actions = props.actions,
+      onRowEdit = props.onRowEdit,
+      onRowCopy = props.onRowCopy,
+      onRowDelete = props.onRowDelete,
+      onRowActive = props.onRowActive,
+      _props$windowed = props.windowed,
+      windowed = _props$windowed === void 0 ? false : _props$windowed,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  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');
+  }
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var _React$useMemo = React__default.useMemo(function () {
+    return getColumnsFromChildren(children, rowExpansionRenderer);
+  }, [children, rowExpansionRenderer]),
+      columns = _React$useMemo.columns,
+      defaultSortRules = _React$useMemo.sortRules;
+
+  var manualPagination = !disablePagination && !!onPaginate && !!length;
+
+  var _useReactTable = useTable$1({
+    columns: columns,
+    data: 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: 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(function () {
+      return sortTypes;
+    }, []),
+    useControlledState: function useControlledState(currentState) {
+      return React__default.useMemo(function () {
+        return _extends({}, currentState, {
+          selectedRowIds: selectedRows || []
+        });
+      }, [currentState, selectedRows]);
+    }
+  }, useRowState, useSortBy, useExpanded, usePagination, useRowSelect(onSelectedRows), useRowDraggable(onRowDrag), useRowEditing(inlineEditingUniqueId), useRowActions(inlineEditingUniqueId, {
+    onRowCreate: onRowCreate,
+    onRowEdit: onRowEdit,
+    onRowCopy: onRowCopy,
+    onRowDelete: onRowDelete
+  }, actions, rowExpansionRenderer, texts, windowed)),
+      headerGroups = _useReactTable.headerGroups,
+      rows = _useReactTable.rows,
+      sortedRows = _useReactTable.sortedRows,
+      prepareBaseRow = _useReactTable.prepareRow,
+      state = _useReactTable.state,
+      page = _useReactTable.page,
+      gotoPage = _useReactTable.gotoPage,
+      setPageSize = _useReactTable.setPageSize,
+      instance = _objectWithoutPropertiesLoose(_useReactTable, _excluded2);
+
+  useTablePaginationListener(disablePagination, onPaginate, state);
+  useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);
+  var sanitizedInstance = useTableInstance(instance, ref);
+  var visibleRows = !disablePagination && !manualPagination ? page : rows;
+
+  var _useTableKeyboardNavi = useTableKeyboardNavigation(props, visibleRows, {
+    onRowClick: onRowClick,
+    onRowCreate: onRowCreate,
+    onRowEdit: onRowEdit,
+    onRowCopy: onRowCopy,
+    onRowDelete: onRowDelete,
+    rowExpansionRenderer: rowExpansionRenderer
+  }, ref),
+      activeIndex = _useTableKeyboardNavi[0],
+      setActiveIndex = _useTableKeyboardNavi[1],
+      handleKeyDown = _useTableKeyboardNavi[2],
+      handleFocus = _useTableKeyboardNavi[3];
+
+  useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);
+  var prepareRow = React__default.useCallback(function (row, index) {
+    prepareBaseRow(row);
+
+    row.setActive = function () {
+      return setActiveIndex(index);
+    };
+  }, [prepareBaseRow, setActiveIndex]);
+  return {
+    rowProps: {
+      activeIndex: activeIndex,
+      setActiveIndex: setActiveIndex,
+      onRowClick: onRowClick,
+      rowClassName: rowClassName,
+      rowExpansionRenderer: rowExpansionRenderer,
+      rowHeight: rowHeight,
+      inlineEditingUniqueId: inlineEditingUniqueId
+    },
+    tableProps: _extends({}, otherProps, {
+      headerGroups: headerGroups,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown
+    }),
+    state: state,
+    pagination: !disablePagination ? {
+      length: manualPagination && length ? length : data.length,
+      pageIndex: state.pageIndex,
+      pageSize: state.pageSize,
+      setPageIndex: gotoPage,
+      setPageSize: setPageSize
+    } : null,
+    rows: visibleRows,
+    prepareRow: prepareRow,
+    instance: sanitizedInstance
+  };
+};
+
+export { useTable };
+//# sourceMappingURL=useTable.js.map