@economic/taco 2.40.0 → 2.40.1

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

@@ -0,0 +1,113 @@
+import React__default from 'react';
+import { Icon } from '../../../Icon/Icon.js';
+import { actions } from 'react-table';
+import { sanitizeRowProps } from '../../util.js';
+
+const pluginName = 'useRowDraggable';
+actions.resetRowDragging = 'resetRowDragging';
+actions.toggleRowDragging = 'toggleRowDragging';
+function reducer(state, action) {
+  if (action.type === actions.init) {
+    return {
+      draggingRowIndexPath: null,
+      ...state
+    };
+  }
+  if (action.type === actions.resetRowDragging) {
+    return {
+      ...state,
+      draggingRowIndexPath: null
+    };
+  }
+  if (action.type === actions.toggleRowDragging) {
+    const {
+      indexPath
+    } = action;
+    return {
+      ...state,
+      draggingRowIndexPath: indexPath
+    };
+  }
+  return state;
+}
+const prepareRow = (row, {
+  instance
+}) => {
+  row.toggleRowDragging = () => {
+    if (instance.state.draggingRowIndexPath === row.id) {
+      instance.dispatch({
+        type: actions.resetRowDragging
+      });
+    } else {
+      instance.dispatch({
+        type: actions.toggleRowDragging,
+        indexPath: row.id
+      });
+    }
+  };
+  if (instance.state.draggingRowIndexPath) {
+    var _instance$state$selec;
+    row.isDragging = instance.state.draggingRowIndexPath === row.id || !!((_instance$state$selec = instance.state.selectedRowIds) !== null && _instance$state$selec !== void 0 && _instance$state$selec[row.id]);
+  } else {
+    row.isDragging = false;
+  }
+};
+const visibleColumns = columns => {
+  return [{
+    id: 'draggable',
+    className: 'yt-table__cell--draggable flex-col px-0',
+    Cell: () => /*#__PURE__*/React__default.createElement(Icon, {
+      name: "drag",
+      className: "text-grey-700 invisible w-[20px] cursor-grab"
+    }),
+    flex: '0 0 20px'
+  }, ...columns];
+};
+const getRowProps = onRowDrag => (props, {
+  instance,
+  row
+}) => {
+  const onDragStart = event => {
+    event.persist();
+    row.toggleRowDragging();
+    const indexPaths = [row.id, ...Object.keys(instance.state.selectedRowIds)];
+    const data = instance.rows.filter(r => indexPaths.includes(r.id)).map(sanitizeRowProps);
+    const showPlaceholder = placeholder => {
+      const element = window.document.createElement('div');
+      element.id = 'yt-table__drag__placeholder';
+      element.innerText = placeholder;
+      window.document.body.appendChild(element);
+      if (typeof DataTransfer.prototype.setDragImage === 'function') {
+        event.dataTransfer.setDragImage(element, 0, 20);
+      }
+    };
+    onRowDrag(data, showPlaceholder, event);
+  };
+  const onDragEnd = () => {
+    const element = document.getElementById('yt-table__drag__placeholder');
+    if (element && element.parentNode) {
+      element.parentNode.removeChild(element);
+    }
+    row.toggleRowDragging();
+  };
+  return [props, {
+    draggable: true,
+    onDragStart,
+    onDragEnd
+  }];
+};
+const useRowDraggable = onRowDrag => {
+  const plugin = hooks => {
+    if (onRowDrag) {
+      hooks.stateReducers.push(reducer);
+      hooks.prepareRow.push(prepareRow);
+      hooks.visibleColumns.push(visibleColumns);
+      hooks.getRowProps.push(getRowProps(onRowDrag));
+    }
+  };
+  plugin.pluginName = pluginName;
+  return plugin;
+};
+
+export { useRowDraggable };
+//# sourceMappingURL=useRowDraggable.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowCreation.js","sources":["../../../../../../../../src/components/Table/hooks/useRowCreation.tsx"],"sourcesContent":["import React from 'react';\nimport { v4 as uuid } from 'uuid';\nimport set from 'lodash/set';\nimport unset from 'lodash/unset';\nimport get from 'lodash/get';\nimport compact from 'lodash/compact';\nimport pullAt from 'lodash/pullAt';\n\nimport { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath } from '../util/rowIndexPath';\nimport { Row, RowIndexPath, 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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"}