@economic/taco 2.47.0-server.8 → 2.47.0

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

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

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

@@ -1 +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","_extends","allowEditing","editingRowUniqueId","resetPage","gotoPage","id","useInstance","instance","dispatch","React","useCallback","Object","assign","prepareRow","uniqueId","row","_ref","original","isEditing","_createKey","canEdit","useRowEditing","plugin","hooks","stateReducers","push"],"mappings":"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"}
+{"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

@@ -1,96 +1,90 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 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;
+// 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
-var useRowSelect = function useRowSelect(onSelectedRows) {
-  var plugin = function plugin(hooks) {
+const useRowSelect = onSelectedRows => {
+  const 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);
+      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
-      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 /*#__PURE__*/React__default.createElement(Checkbox, Object.assign({}, props, {
-              onChange: onChange
-            }));
-          },
-          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);
+      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);
               }
-              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: function onChange() {
-                return false;
-              }
-            }));
-          },
-          flex: '0 0 36px',
-          className: 'flex-col justify-start !py-0'
-        }].concat(columns);
-      });
+            } 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';

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

@@ -1 +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","_extends","prepareRow","row","id","isSelected","push","lastSelectedSortedIndex","React","useRef","visibleColumns","columns","Header","_ref","getToggleAllRowsSelectedProps","rows","_getToggleAllRowsSele","props","_objectWithoutPropertiesLoose","_excluded","onChange","Object","assign","Array","length","fill","Checkbox","Cell","_ref2","_row$getToggleRowSele","getToggleRowSelectedProps","_excluded2","sortedIndex","findIndex","r","index","onClick","event","shiftKey","_toggleBetween","current","i","className","flex","concat","pluginName"],"mappings":"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"}
+{"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

@@ -1,5 +1,4 @@
 import React__default from 'react';
-import { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { v4 } from 'uuid';
 import get from 'lodash-es/get';
 import set from 'lodash-es/set';
@@ -8,23 +7,15 @@ import unset from 'lodash-es/unset';
 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;
+const insertChildTableRow = (data, rowIndexPath = undefined, values = {}) => {
+  const nexTRow = JSON.parse(JSON.stringify(data));
+  let 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';
+    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
@@ -36,44 +27,34 @@ var insertChildTableRow = function insertChildTableRow(data, rowIndexPath, value
   }
   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());
+const removeChildTableRow = (data, rowIndexPath) => {
+  const nexTRow = JSON.parse(JSON.stringify(data));
+  const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+  const rootIndex = Number(rowIndexes.shift());
   if (rowIndexes.length) {
     // unset
-    var unsetPath = rowIndexes.map(function (index) {
-      return "subRows[" + index + "]";
-    }).join('.');
+    const unsetPath = rowIndexes.map(index => `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';
+    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;
 };
-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 () {
+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
-      var currentRow = getByRowIndexPath(internalData, activeRowIndexPath);
+      const currentRow = getByRowIndexPath(internalData, activeRowIndexPath);
       // get the active creation rows parent
-      var parentId = getParentRowIndexPath(activeRowIndexPath);
+      const 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];
+      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);
@@ -84,19 +65,12 @@ var useTableRowCreation = function useTableRowCreation(data, tableRef) {
       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];
+  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) {
@@ -104,15 +78,15 @@ var useTableRowCreation = function useTableRowCreation(data, tableRef) {
     }
     return newRowIndexPath;
   };
-  var remove = function remove(rowIndexPath) {
-    var nexTRow = removeChildTableRow(internalData, rowIndexPath);
+  const remove = rowIndexPath => {
+    const nexTRow = removeChildTableRow(internalData, rowIndexPath);
     setInternalData(nexTRow);
     setActiveRowIndexPath(undefined);
   };
   return {
     data: internalData,
-    create: create,
-    remove: remove,
+    create,
+    remove,
     isCreating: activeRowIndexPath !== undefined
   };
 };

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

@@ -1 +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, LegacyTableRef } from '../types';\n\nexport const insertChildTableRow = <TRow extends {}>(\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 extends {}>(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 extends {}> = {\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 extends {}>(\n    data: Row<TRow>[],\n    tableRef: React.RefObject<LegacyTableRef>\n): 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","_currentRow$subRows","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","React","useState","internalData","setInternalData","_React$useState2","activeRowIndexPath","setActiveRowIndexPath","useEffect","parentId","getParentRowIndexPath","_insertChildTableRow","newRowIndexPath","current","instance","toggleRowEditing","_createKey","create","uuid","_insertChildTableRow2","_extends","remove","isCreating"],"mappings":"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"}
+{"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, LegacyTableRef } from '../types';\n\nexport const insertChildTableRow = <TRow extends {}>(\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 extends {}>(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 extends {}> = {\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 extends {}>(\n    data: Row<TRow>[],\n    tableRef: React.RefObject<LegacyTableRef>\n): 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","_currentRow$subRows","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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"}