@economic/taco 1.1.5-alpha.0 → 1.1.7

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

@@ -1,129 +0,0 @@
-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: () => React__default.createElement(Icon, {
-      name: "drag",
-      className: "text-grey-darkest 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/components/Table/hooks/plugins/useRowDraggable.js.map

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

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

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

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

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

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

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

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

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

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

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