@economic/taco 0.0.33-alpha.6 → 1.0.0-alpha.0

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';\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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"}
+{"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":";;;;;;AAMA,IAAMA,UAAU,GAAG,iBAAnB;AAEAC,OAAO,CAACC,gBAAR,GAA2B,kBAA3B;AACAD,OAAO,CAACE,iBAAR,GAA4B,mBAA5B;;AAEA,SAASC,OAAT,CAAiBC,KAAjB,EAA6BC,MAA7B;AACI,MAAIA,MAAM,CAACC,IAAP,KAAgBN,OAAO,CAACO,IAA5B,EAAkC;AAC9B;AACIC,MAAAA,oBAAoB,EAAE;AAD1B,OAEOJ,KAFP;AAIH;;AAED,MAAIC,MAAM,CAACC,IAAP,KAAgBN,OAAO,CAACC,gBAA5B,EAA8C;AAC1C,wBACOG,KADP;AAEII,MAAAA,oBAAoB,EAAE;AAF1B;AAIH;;AAED,MAAIH,MAAM,CAACC,IAAP,KAAgBN,OAAO,CAACE,iBAA5B,EAA+C;AAC3C,QAAQO,SAAR,GAAsBJ,MAAtB,CAAQI,SAAR;AACA,wBACOL,KADP;AAEII,MAAAA,oBAAoB,EAAEC;AAF1B;AAIH;;AAED,SAAOL,KAAP;AACH;;AAED,IAAMM,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD;MAAaC,gBAAAA;;AAC5BD,EAAAA,GAAG,CAACT,iBAAJ,GAAwB;AACpB,QAAIU,QAAQ,CAACR,KAAT,CAAeI,oBAAf,KAAwCG,GAAG,CAACE,EAAhD,EAAoD;AAChDD,MAAAA,QAAQ,CAACE,QAAT,CAAkB;AAAER,QAAAA,IAAI,EAAEN,OAAO,CAACC;AAAhB,OAAlB;AACH,KAFD,MAEO;AACHW,MAAAA,QAAQ,CAACE,QAAT,CAAkB;AAAER,QAAAA,IAAI,EAAEN,OAAO,CAACE,iBAAhB;AAAmCO,QAAAA,SAAS,EAAEE,GAAG,CAACE;AAAlD,OAAlB;AACH;AACJ,GAND;;AAQA,MAAID,QAAQ,CAACR,KAAT,CAAeI,oBAAnB,EAAyC;AAAA;;AACrCG,IAAAA,GAAG,CAACI,UAAJ,GAAiBH,QAAQ,CAACR,KAAT,CAAeI,oBAAf,KAAwCG,GAAG,CAACE,EAA5C,IAAkD,CAAC,2BAACD,QAAQ,CAACR,KAAT,CAAeY,cAAhB,kDAAC,sBAAgCL,GAAG,CAACE,EAApC,CAAD,CAApE;AACH,GAFD,MAEO;AACHF,IAAAA,GAAG,CAACI,UAAJ,GAAiB,KAAjB;AACH;AACJ,CAdD;;AAgBA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACC,OAAD;AACnB,UACI;AACIL,IAAAA,EAAE,EAAE,WADR;AAEIM,IAAAA,SAAS,EAAE,yCAFf;AAGIC,IAAAA,IAAI,EAAE;AAAA,aAAMC,4BAAA,CAACC,IAAD;AAAMC,QAAAA,IAAI,EAAC;AAAOJ,QAAAA,SAAS,EAAC;OAA5B,CAAN;AAAA,KAHV;AAIIK,IAAAA,IAAI,EAAE;AAJV,GADJ,SAOON,OAPP;AASH,CAVD;;AAYA,IAAMO,WAAW,GACb,SADEA,WACF,CAACC,SAAD;AAAA,SACA,UAACC,KAAD;QAAef,iBAAAA;QAAUD,YAAAA;;AACrB,QAAMiB,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAChBA,MAAAA,KAAK,CAACC,OAAN;AACAnB,MAAAA,GAAG,CAACT,iBAAJ;AAEA,UAAM6B,UAAU,IAAIpB,GAAG,CAACE,EAAR,SAAemB,MAAM,CAACC,IAAP,CAAYrB,QAAQ,CAACR,KAAT,CAAeY,cAA3B,CAAf,CAAhB;AACA,UAAMkB,IAAI,GAAGtB,QAAQ,CAACuB,IAAT,CAAcC,MAAd,CAAqB,UAACC,CAAD;AAAA,eAAYN,UAAU,CAACO,QAAX,CAAoBD,CAAC,CAACxB,EAAtB,CAAZ;AAAA,OAArB,EAA4D0B,GAA5D,CAAgEC,gBAAhE,CAAb;;AAEA,UAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,WAAD;AACpB,YAAMC,OAAO,GAAGC,MAAM,CAACC,QAAP,CAAgBC,aAAhB,CAA8B,KAA9B,CAAhB;AACAH,QAAAA,OAAO,CAAC9B,EAAR,GAAa,6BAAb;AACA8B,QAAAA,OAAO,CAACI,SAAR,GAAoBL,WAApB;AACAE,QAAAA,MAAM,CAACC,QAAP,CAAgBG,IAAhB,CAAqBC,WAArB,CAAiCN,OAAjC;;AAEA,YAAI,OAAOO,YAAY,CAACC,SAAb,CAAuBC,YAA9B,KAA+C,UAAnD,EAA+D;AAC3DvB,UAAAA,KAAK,CAACwB,YAAN,CAAmBD,YAAnB,CAAgCT,OAAhC,EAAyC,CAAzC,EAA4C,EAA5C;AACH;AACJ,OATD;;AAWAjB,MAAAA,SAAS,CAACQ,IAAD,EAAOO,eAAP,EAAwBZ,KAAxB,CAAT;AACH,KAnBD;;AAqBA,QAAMyB,SAAS,GAAG,SAAZA,SAAY;AACd,UAAMX,OAAO,GAAuBE,QAAQ,CAACU,cAAT,CAAwB,6BAAxB,CAApC;;AAEA,UAAIZ,OAAO,IAAIA,OAAO,CAACa,UAAvB,EAAmC;AAC/Bb,QAAAA,OAAO,CAACa,UAAR,CAAmBC,WAAnB,CAA+Bd,OAA/B;AACH;;AAEDhC,MAAAA,GAAG,CAACT,iBAAJ;AACH,KARD;;AAUA,WAAO,CACHyB,KADG,EAEH;AACI+B,MAAAA,SAAS,EAAE,IADf;AAEI9B,MAAAA,WAAW,EAAXA,WAFJ;AAGI0B,MAAAA,SAAS,EAATA;AAHJ,KAFG,CAAP;AAQH,GAzCD;AAAA,CADJ;;IA4CaK,eAAe,GAAG,SAAlBA,eAAkB,CAACjC,SAAD;AAC3B,MAAMkC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AACX,QAAInC,SAAJ,EAAe;AACXmC,MAAAA,KAAK,CAACC,aAAN,CAAoBC,IAApB,CAAyB5D,OAAzB;AACA0D,MAAAA,KAAK,CAACnD,UAAN,CAAiBqD,IAAjB,CAAsBrD,UAAtB;AACAmD,MAAAA,KAAK,CAAC5C,cAAN,CAAqB8C,IAArB,CAA0B9C,cAA1B;AACA4C,MAAAA,KAAK,CAACpC,WAAN,CAAkBsC,IAAlB,CAAuBtC,WAAW,CAACC,SAAD,CAAlC;AACH;AACJ,GAPD;;AAQAkC,EAAAA,MAAM,CAAC7D,UAAP,GAAoBA,UAApB;AAEA,SAAO6D,MAAP;AACH;;;;"}

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

@@ -1,90 +1,87 @@
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { actions } from 'react-table';
 
-const pluginName = 'useRowEditing';
+var pluginName = 'useRowEditing';
 actions.resetRowEditing = 'resetRowEditing';
 actions.toggleRowEditing = 'toggleRowEditing';
 actions.toggleEditing = 'toggleEditing';
 
 function reducer(state, action) {
   if (action.type === actions.init) {
-    return {
+    return _extends({
       allowEditing: true,
-      editingRowUniqueId: null,
-      ...state
-    };
+      editingRowUniqueId: null
+    }, state);
   }
 
   if (action.type === actions.resetRowEditing || action.type === actions.resetPage || action.type === actions.gotoPage) {
-    return { ...state,
+    return _extends({}, state, {
       editingRowUniqueId: null
-    };
+    });
   }
 
   if (action.type === actions.toggleRowEditing) {
-    const {
-      id
-    } = action;
-    return { ...state,
+    var id = action.id;
+    return _extends({}, state, {
       editingRowUniqueId: id
-    };
+    });
   }
 
   if (action.type === actions.toggleEditing) {
-    return { ...state,
+    return _extends({}, state, {
       allowEditing: !state.allowEditing
-    };
+    });
   }
 
   return state;
 }
 
 function useInstance(instance) {
-  const {
-    dispatch
-  } = instance;
-  const resetRowEditing = React__default.useCallback(() => {
+  var dispatch = instance.dispatch;
+  var resetRowEditing = React__default.useCallback(function () {
     dispatch({
       type: actions.resetRowEditing
     });
   }, [dispatch]);
-  const toggleRowEditing = React__default.useCallback(id => {
+  var toggleRowEditing = React__default.useCallback(function (id) {
     dispatch({
       type: actions.toggleRowEditing,
-      id
+      id: id
     });
   }, [dispatch]);
-  const toggleEditing = React__default.useCallback(() => {
+  var toggleEditing = React__default.useCallback(function () {
     dispatch({
       type: actions.toggleEditing
     });
   }, [dispatch]);
   Object.assign(instance, {
-    resetRowEditing,
-    toggleRowEditing,
-    toggleEditing
+    resetRowEditing: resetRowEditing,
+    toggleRowEditing: toggleRowEditing,
+    toggleEditing: toggleEditing
   });
 }
 
-const prepareRow = uniqueId => (row, {
-  instance
-}) => {
-  const id = row.original[uniqueId];
+var prepareRow = function prepareRow(uniqueId) {
+  return function (row, _ref) {
+    var instance = _ref.instance;
+    var id = row.original[uniqueId];
 
-  row.toggleRowEditing = () => {
-    if (instance.state.editingRowUniqueId === id) {
-      instance.resetRowEditing();
-    } else {
-      instance.toggleRowEditing(id);
-    }
-  };
+    row.toggleRowEditing = function () {
+      if (instance.state.editingRowUniqueId === id) {
+        instance.resetRowEditing();
+      } else {
+        instance.toggleRowEditing(id);
+      }
+    };
 
-  row.isEditing = row.original._createKey ? instance.state.editingRowUniqueId === row.original._createKey : instance.state.editingRowUniqueId === id;
-  row.canEdit = instance.state.allowEditing && (row.isEditing || !instance.state.editingRowUniqueId);
+    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 => {
+var useRowEditing = function useRowEditing(uniqueId) {
+  var plugin = function 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';\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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"}
+{"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,103 +1,113 @@
+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';
 
-// this wraps react-table's internal useRowSelect hook
+var _excluded = ["onChange"],
+    _excluded2 = ["onChange"];
 
-const toggleBetween = (fromRowIndex, toRowIndex) => {
-  const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;
-  const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;
+var toggleBetween = function toggleBetween(fromRowIndex, toRowIndex) {
+  var fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;
+  var toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;
   return [fromIndex, toIndex];
 }; // react-table calls "index paths" row ids. we named them indexPaths to reduce confusion with natural ids
 // the selection hook usess react-table's row selection, so this hok references row.id - it is the index path
 
 
-const useRowSelect = onSelectedRows => {
-  const plugin = hooks => {
+var useRowSelect = function useRowSelect(onSelectedRows) {
+  var plugin = function 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;
-      });
+      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;
+        });
+      };
 
-      const prepareRow = row => {
-        row.toggleRowSelected = () => toggleRowSelected(row.id, !row.isSelected);
+      var prepareRow = function prepareRow(row) {
+        row.toggleRowSelected = function () {
+          return toggleRowSelected(row.id, !row.isSelected);
+        };
       };
 
       hooks.prepareRow.push(prepareRow); // eslint-disable-next-line react-hooks/rules-of-hooks
 
-      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,
-            className: "mt-px"
-          }));
-        },
-        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);
+      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({});
               }
-            } else {
-              toggleRowSelected(row.id, !props.checked);
-            }
-
-            lastSelectedSortedIndex.current = sortedIndex;
-          };
-
-          return React__default.createElement(Checkbox, Object.assign({}, props, {
-            className: "mt-px",
-            onClick: onClick,
-            // this is necessary to remove console spam from eslint
-            onChange: () => false
-          }));
-        },
-        flex: '0 0 36px',
-        className: 'flex-col justify-start !pb-0'
-      }, ...columns]);
+            };
+
+            return React__default.createElement(Checkbox, Object.assign({}, props, {
+              onChange: onChange,
+              className: "mt-px"
+            }));
+          },
+          Cell: function Cell(_ref2) {
+            var row = _ref2.row,
+                rows = _ref2.rows;
+
+            var _row$getToggleRowSele = row.getToggleRowSelectedProps(),
+                props = _objectWithoutPropertiesLoose(_row$getToggleRowSele, _excluded2); // row.index refers to the index in the original data, not the current index
+
+
+            var sortedIndex = rows.findIndex(function (r) {
+              return r.index === row.index;
+            });
+
+            var onClick = function onClick(event) {
+              if (event.shiftKey) {
+                var _toggleBetween = toggleBetween(lastSelectedSortedIndex.current || 0, sortedIndex),
+                    fromIndex = _toggleBetween[0],
+                    toIndex = _toggleBetween[1];
+
+                for (var i = fromIndex; i <= toIndex; i++) {
+                  toggleRowSelected(rows[i].id, true);
+                }
+              } else {
+                toggleRowSelected(row.id, !props.checked);
+              }
+
+              lastSelectedSortedIndex.current = sortedIndex;
+            };
+
+            return React__default.createElement(Checkbox, Object.assign({}, props, {
+              className: "mt-px",
+              onClick: onClick,
+              // this is necessary to remove console spam from eslint
+              onChange: function onChange() {
+                return false;
+              }
+            }));
+          },
+          flex: '0 0 36px',
+          className: 'flex-col justify-start !pb-0'
+        }].concat(columns);
+      });
     }
   };
 

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\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} className=\"mt-px\" />;\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-px\"\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 !pb-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","className","Cell","getToggleRowSelectedProps","sortedIndex","findIndex","r","index","onClick","event","shiftKey","current","i","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} className=\"mt-px\" />;\n                    },\n                    Cell: ({ row, rows }: any) => {\n                        const { onChange: _, ...props } = row.getToggleRowSelectedProps();\n                        // row.index refers to the index in the original data, not the current index\n                        const sortedIndex = rows.findIndex((r: Row) => r.index === row.index);\n\n                        const onClick = (event: React.MouseEvent): void => {\n                            if (event.shiftKey) {\n                                const [fromIndex, toIndex] = toggleBetween(lastSelectedSortedIndex.current || 0, sortedIndex);\n\n                                for (let i = fromIndex; i <= toIndex; i++) {\n                                    toggleRowSelected(rows[i].id, true);\n                                }\n                            } else {\n                                toggleRowSelected(row.id, !props.checked);\n                            }\n\n                            lastSelectedSortedIndex.current = sortedIndex;\n                        };\n\n                        return (\n                            <Checkbox\n                                {...props}\n                                className=\"mt-px\"\n                                onClick={onClick}\n                                // this is necessary to remove console spam from eslint\n                                onChange={() => false}\n                            />\n                        );\n                    },\n                    flex: '0 0 36px',\n                    className: 'flex-col justify-start !pb-0',\n                },\n                ...columns,\n            ]);\n        }\n    };\n    plugin.pluginName = 'useRowSelect';\n    return plugin;\n};\n"],"names":["toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","useRowSelect","onSelectedRows","plugin","hooks","useBaseRowSelect","toggleRowSelected","indexPath","checked","state","nextState","prepareRow","row","id","isSelected","push","lastSelectedSortedIndex","React","useRef","visibleColumns","columns","Header","getToggleAllRowsSelectedProps","rows","props","onChange","Object","assign","Array","length","fill","Checkbox","className","Cell","getToggleRowSelectedProps","sortedIndex","findIndex","r","index","onClick","event","shiftKey","current","i","flex","pluginName"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { v4 } from 'uuid';
 import set from 'lodash-es/set';
@@ -7,17 +8,27 @@ 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;
+var insertChildTableRow = function insertChildTableRow(data, rowIndexPath, values) {
+  if (rowIndexPath === void 0) {
+    rowIndexPath = undefined;
+  }
+
+  if (values === void 0) {
+    values = {};
+  }
+
+  var nexTRow = JSON.parse(JSON.stringify(data));
+  var childRowIndexPath;
 
   if (rowIndexPath) {
     var _currentRow$subRows;
 
-    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';
+    var rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+    var currentRow = getByRowIndexPath(nexTRow, rowIndexes.join('.'));
+    var nextSubRows = (_currentRow$subRows = currentRow === null || currentRow === void 0 ? void 0 : currentRow.subRows) !== null && _currentRow$subRows !== void 0 ? _currentRow$subRows : [];
+    var path = rowIndexes.map(function (i) {
+      return "[" + i + "]";
+    }).join('.subRows') + '.subRows';
     nextSubRows.unshift(values);
     set(nexTRow, path, nextSubRows); // rebuild the new id
 
@@ -30,18 +41,22 @@ const insertChildTableRow = (data, rowIndexPath = undefined, values = {}) => {
 
   return [nexTRow, childRowIndexPath];
 };
-const removeChildTableRow = (data, rowIndexPath) => {
-  const nexTRow = JSON.parse(JSON.stringify(data));
-  const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
-  const rootIndex = Number(rowIndexes.shift());
+var removeChildTableRow = function removeChildTableRow(data, rowIndexPath) {
+  var nexTRow = JSON.parse(JSON.stringify(data));
+  var rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+  var rootIndex = Number(rowIndexes.shift());
 
   if (rowIndexes.length) {
     // unset
-    const unsetPath = rowIndexes.map(index => `subRows[${index}]`).join('.');
+    var unsetPath = rowIndexes.map(function (index) {
+      return "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';
+    var setPath = rowIndexes.length ? rowIndexes.map(function (index) {
+      return "subRows[" + index + "]";
+    }).join('.') + '.subRows' : 'subRows';
     set(nexTRow[rootIndex], setPath, compact(get(nexTRow[rootIndex], setPath)));
   } else {
     pullAt(nexTRow, rootIndex);
@@ -49,17 +64,26 @@ const removeChildTableRow = (data, rowIndexPath) => {
 
   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(() => {
+var useTableRowCreation = function useTableRowCreation(data, tableRef) {
+  var _React$useState = React__default.useState(JSON.parse(JSON.stringify(data))),
+      internalData = _React$useState[0],
+      setInternalData = _React$useState[1];
+
+  var _React$useState2 = React__default.useState(undefined),
+      activeRowIndexPath = _React$useState2[0],
+      setActiveRowIndexPath = _React$useState2[1];
+
+  React__default.useEffect(function () {
     if (activeRowIndexPath !== undefined) {
       // keep the same edit key, so that we don't remount the row/form
-      const currentRow = getByRowIndexPath(internalData, activeRowIndexPath); // get the active creation rows parent
+      var 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)
+      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 [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);
@@ -72,12 +96,23 @@ const useTableRowCreation = (data, tableRef) => {
     }
   }, [JSON.stringify(data)]);
 
-  const create = (rowIndexPath = undefined, values = {}) => {
-    const _createKey = v4();
+  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 [nexTRow, newRowIndexPath] = insertChildTableRow(internalData, rowIndexPath, { ...values,
-      _createKey
-    });
     setActiveRowIndexPath(newRowIndexPath);
     setInternalData(nexTRow);
 
@@ -88,16 +123,16 @@ const useTableRowCreation = (data, tableRef) => {
     return newRowIndexPath;
   };
 
-  const remove = rowIndexPath => {
-    const nexTRow = removeChildTableRow(internalData, rowIndexPath);
+  var remove = function remove(rowIndexPath) {
+    var nexTRow = removeChildTableRow(internalData, rowIndexPath);
     setInternalData(nexTRow);
     setActiveRowIndexPath(undefined);
   };
 
   return {
     data: internalData,
-    create,
-    remove,
+    create: create,
+    remove: remove,
     isCreating: activeRowIndexPath !== undefined
   };
 };