@economic/taco 1.1.4 → 1.1.5-alpha.102

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

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

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

@@ -1,87 +1,90 @@
-import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 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);
-      }
-    };
+const prepareRow = uniqueId => (row, {
+  instance
+}) => {
+  const id = row.original[uniqueId];
 
-    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);
+  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/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","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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"}
+{"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

@@ -1,112 +1,102 @@
-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"];
+// this wraps react-table's internal useRowSelect hook
 
-var toggleBetween = function toggleBetween(fromRowIndex, toRowIndex) {
-  var fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;
-  var toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;
+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
         };
-      };
 
-      hooks.prepareRow.push(prepareRow); // eslint-disable-next-line react-hooks/rules-of-hooks
+        if (checked) {
+          nextState[indexPath] = true;
+        } else {
+          delete nextState[indexPath];
+        }
 
-      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
-            }));
-          },
-          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);
-              }
+        return nextState;
+      });
 
-              lastSelectedSortedIndex.current = sortedIndex;
-            };
+      const prepareRow = row => {
+        row.toggleRowSelected = () => toggleRowSelected(row.id, !row.isSelected);
+      };
 
-            return 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;
+      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);
               }
-            }));
-          },
-          flex: '0 0 36px',
-          className: 'flex-col justify-start !py-0'
-        }].concat(columns);
-      });
+            } 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]);
     }
   };
 

package/dist/esm/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","prepareRow","row","id","isSelected","push","lastSelectedSortedIndex","React","useRef","visibleColumns","columns","Header","getToggleAllRowsSelectedProps","rows","props","onChange","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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"}
+{"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/components/Table/hooks/useRowCreation.js

@@ -1,4 +1,3 @@
-import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { v4 } from 'uuid';
 import set from 'lodash-es/set';
@@ -8,27 +7,17 @@ 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;
+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
 
@@ -41,22 +30,18 @@ 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);
@@ -64,26 +49,17 @@ var removeChildTableRow = function removeChildTableRow(data, rowIndexPath) {
 
   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); // get the active creation rows parent
+      const 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
+      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);
@@ -96,23 +72,12 @@ var useTableRowCreation = function useTableRowCreation(data, tableRef) {
     }
   }, [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);
 
@@ -123,16 +88,16 @@ 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
   };
 };