@economic/taco 0.0.29-alpha.0 → 0.0.31-alpha.1

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

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

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

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

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

@@ -1,4 +1,3 @@
-import { extends as _extends, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { useLocalization } from '../../Provider/Provider.js';
 import { useTable as useTable$1, useRowState, useSortBy, useExpanded, usePagination } from 'react-table';
@@ -10,36 +9,31 @@ import { useRowSelect } from './plugins/useRowSelect.js';
 import { useTableKeyboardNavigation } from './useTableKeyboardNavigation.js';
 import { useRowDraggable } from './plugins/useRowDraggable.js';
 
-var _excluded = ["children", "data", "dangerouslyHijackGlobalKeyboardNavigation", "onRowClick", "onRowDrag", "onSelectedRows", "rowClassName", "rowExpansionRenderer", "rowHeight", "selectedRows", "disableSorting", "manualSorting", "onSort", "sortRules", "disablePagination", "length", "onPaginate", "pageSize", "pageIndex", "inlineEditingUniqueId", "onRowCreate", "actions", "onRowEdit", "onRowCopy", "onRowDelete", "onRowActive", "windowed"],
-    _excluded2 = ["headerGroups", "rows", "sortedRows", "prepareRow", "state", "page", "gotoPage", "setPageSize"];
-
-var useTableRowActive = function useTableRowActive(activeIndex, rows, rowExpansionRenderer, handleonRowActive) {
-  React__default.useEffect(function () {
+const useTableRowActive = (activeIndex, rows, rowExpansionRenderer, handleonRowActive) => {
+  React__default.useEffect(() => {
     if (activeIndex !== undefined && rows.length && handleonRowActive) {
-      var focusedRow = rows[activeIndex];
+      const focusedRow = rows[activeIndex];
 
       if (focusedRow) {
-        var sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);
+        const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);
         handleonRowActive(sanitizedFocusedRow);
       }
     }
   }, [activeIndex, rows]);
 };
 
-var useTableInstance = function useTableInstance(instance, ref) {
-  var sanitizedInstance = React__default.useMemo(function () {
-    return {
-      toggleAllRowsExpanded: instance.toggleAllRowsExpanded,
-      toggleHideAllColumns: instance.toggleHideAllColumns,
-      toggleHideColumn: instance.toggleHideColumn,
-      toggleEditing: instance.toggleEditing,
-      toggleRowEditing: instance.toggleRowEditing,
-      resetRowEditing: instance.resetRowEditing,
-      toggleRowExpanded: instance.toggleRowExpanded,
-      toggleSortBy: instance.toggleSortBy
-    };
-  }, []);
-  React__default.useEffect(function () {
+const useTableInstance = (instance, ref) => {
+  const sanitizedInstance = React__default.useMemo(() => ({
+    toggleAllRowsExpanded: instance.toggleAllRowsExpanded,
+    toggleHideAllColumns: instance.toggleHideAllColumns,
+    toggleHideColumn: instance.toggleHideColumn,
+    toggleEditing: instance.toggleEditing,
+    toggleRowEditing: instance.toggleRowEditing,
+    resetRowEditing: instance.resetRowEditing,
+    toggleRowExpanded: instance.toggleRowExpanded,
+    toggleSortBy: instance.toggleSortBy
+  }), []);
+  React__default.useEffect(() => {
     if (ref !== null && ref !== void 0 && ref.current) {
       ref.current.instance = sanitizedInstance;
     }
@@ -47,33 +41,29 @@ var useTableInstance = function useTableInstance(instance, ref) {
   return sanitizedInstance;
 };
 
-var useTablePaginationListener = function useTablePaginationListener(disablePagination, onPaginate, state) {
-  React__default.useEffect(function () {
+const useTablePaginationListener = (disablePagination, onPaginate, state) => {
+  React__default.useEffect(() => {
     if (!disablePagination && onPaginate) {
       onPaginate(state.pageIndex, state.pageSize);
     }
   }, [state.pageIndex, state.pageSize]);
 };
 
-var useTableSortingListener = function useTableSortingListener(data, sortedRows, onSort, manualSorting, state) {
-  React__default.useEffect(function () {
+const useTableSortingListener = (data, sortedRows, onSort, manualSorting, state) => {
+  React__default.useEffect(() => {
     if (onSort) {
-      var sortRules = state.sortBy.map(function (rule) {
-        return {
-          accessor: rule.id,
-          desc: rule.desc
-        };
-      });
+      const sortRules = state.sortBy.map(rule => ({
+        accessor: rule.id,
+        desc: rule.desc
+      }));
 
       if (manualSorting) {
         onSort(sortRules);
       } else {
-        var sortedData;
+        let sortedData;
 
         if (sortRules.length && sortedRows !== null && sortedRows !== void 0 && sortedRows.length) {
-          sortedData = sortedRows.map(function (row) {
-            return row.original;
-          });
+          sortedData = sortedRows.map(row => row.original);
         }
 
         onSort(sortRules, sortedData || data);
@@ -82,61 +72,71 @@ var useTableSortingListener = function useTableSortingListener(data, sortedRows,
   }, [onSort && JSON.stringify(state.sortBy), manualSorting]);
 };
 
-var DEFAULT_PAGE_SIZE = 10;
-var useTable = function useTable(props, ref) {
+const DEFAULT_PAGE_SIZE = 10;
+const useTable = (props, ref) => {
   var _otherProps$tabIndex;
 
-  var children = props.children,
-      data = props.data,
-      onRowClick = props.onRowClick,
-      onRowDrag = props.onRowDrag,
-      onSelectedRows = props.onSelectedRows,
-      rowClassName = props.rowClassName,
-      rowExpansionRenderer = props.rowExpansionRenderer,
-      rowHeight = props.rowHeight,
-      selectedRows = props.selectedRows,
-      disableSorting = props.disableSorting,
-      manualSorting = props.manualSorting,
-      onSort = props.onSort,
-      sortRules = props.sortRules,
-      _props$disablePaginat = props.disablePagination,
-      disablePagination = _props$disablePaginat === void 0 ? true : _props$disablePaginat,
-      length = props.length,
-      onPaginate = props.onPaginate,
-      _props$pageSize = props.pageSize,
-      pageSize = _props$pageSize === void 0 ? DEFAULT_PAGE_SIZE : _props$pageSize,
-      _props$pageIndex = props.pageIndex,
-      pageIndex = _props$pageIndex === void 0 ? 0 : _props$pageIndex,
-      _props$inlineEditingU = props.inlineEditingUniqueId,
-      inlineEditingUniqueId = _props$inlineEditingU === void 0 ? undefined : _props$inlineEditingU,
-      onRowCreate = props.onRowCreate,
-      actions = props.actions,
-      onRowEdit = props.onRowEdit,
-      onRowCopy = props.onRowCopy,
-      onRowDelete = props.onRowDelete,
-      onRowActive = props.onRowActive,
-      _props$windowed = props.windowed,
-      windowed = _props$windowed === void 0 ? false : _props$windowed,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  const {
+    children,
+    data,
+    dangerouslyHijackGlobalKeyboardNavigation: _1,
+    onRowClick,
+    onRowDrag,
+    onSelectedRows,
+    rowClassName,
+    rowExpansionRenderer,
+    rowHeight,
+    selectedRows,
+    // sorting
+    disableSorting,
+    manualSorting,
+    onSort,
+    sortRules,
+    // pagination
+    disablePagination = true,
+    length,
+    onPaginate,
+    pageSize = DEFAULT_PAGE_SIZE,
+    pageIndex = 0,
+    // row editing
+    inlineEditingUniqueId = undefined,
+    onRowCreate,
+    // actions
+    actions,
+    onRowEdit,
+    onRowCopy,
+    onRowDelete,
+    onRowActive,
+    windowed = false,
+    ...otherProps
+  } = props;
 
   if (onSelectedRows && !selectedRows || !onSelectedRows && selectedRows) {
     throw new Error('Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection');
   }
 
-  var _useLocalization = useLocalization(),
-      texts = _useLocalization.texts;
-
-  var _React$useMemo = React__default.useMemo(function () {
-    return getColumnsFromChildren(children, rowExpansionRenderer);
-  }, [children, rowExpansionRenderer]),
-      columns = _React$useMemo.columns,
-      defaultSortRules = _React$useMemo.sortRules;
-
-  var manualPagination = !disablePagination && !!onPaginate && !!length;
-
-  var _useReactTable = useTable$1({
-    columns: columns,
-    data: data,
+  const {
+    texts
+  } = useLocalization();
+  const {
+    columns,
+    sortRules: defaultSortRules
+  } = React__default.useMemo(() => getColumnsFromChildren(children, rowExpansionRenderer), [children, rowExpansionRenderer]);
+  const manualPagination = !disablePagination && !!onPaginate && !!length;
+  const {
+    headerGroups,
+    rows,
+    sortedRows,
+    prepareRow: prepareBaseRow,
+    state,
+    // pagination
+    page,
+    gotoPage,
+    setPageSize,
+    ...instance
+  } = useTable$1({
+    columns,
+    data,
     initialState: {
       // eslint-disable-next-line
       // @ts-ignore: not sure how to type this correctly right now
@@ -144,7 +144,7 @@ var useTable = function useTable(props, ref) {
       pageSize: !disablePagination ? pageSize : undefined,
       pageIndex: !disablePagination ? pageIndex : undefined
     },
-    manualPagination: manualPagination,
+    manualPagination,
     pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,
     manualSortBy: manualSorting,
     disableSortBy: disableSorting,
@@ -153,75 +153,53 @@ var useTable = function useTable(props, ref) {
     autoResetSelectedRows: false,
     autoResetSortBy: false,
     autoResetPage: false,
-    sortTypes: React__default.useMemo(function () {
-      return sortTypes;
-    }, []),
-    useControlledState: function useControlledState(currentState) {
-      return React__default.useMemo(function () {
-        return _extends({}, currentState, {
-          selectedRowIds: selectedRows || []
-        });
-      }, [currentState, selectedRows]);
+    sortTypes: React__default.useMemo(() => sortTypes, []),
+    useControlledState: currentState => {
+      return React__default.useMemo(() => ({ ...currentState,
+        selectedRowIds: selectedRows || []
+      }), [currentState, selectedRows]);
     }
   }, useRowState, useSortBy, useExpanded, usePagination, useRowSelect(onSelectedRows), useRowDraggable(onRowDrag), useRowEditing(inlineEditingUniqueId), useRowActions(inlineEditingUniqueId, {
-    onRowCreate: onRowCreate,
-    onRowEdit: onRowEdit,
-    onRowCopy: onRowCopy,
-    onRowDelete: onRowDelete
-  }, actions, rowExpansionRenderer, texts, windowed)),
-      headerGroups = _useReactTable.headerGroups,
-      rows = _useReactTable.rows,
-      sortedRows = _useReactTable.sortedRows,
-      prepareBaseRow = _useReactTable.prepareRow,
-      state = _useReactTable.state,
-      page = _useReactTable.page,
-      gotoPage = _useReactTable.gotoPage,
-      setPageSize = _useReactTable.setPageSize,
-      instance = _objectWithoutPropertiesLoose(_useReactTable, _excluded2);
-
+    onRowCreate,
+    onRowEdit,
+    onRowCopy,
+    onRowDelete
+  }, actions, rowExpansionRenderer, texts, windowed));
   useTablePaginationListener(disablePagination, onPaginate, state);
   useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);
-  var sanitizedInstance = useTableInstance(instance, ref);
-  var visibleRows = !disablePagination && !manualPagination ? page : rows;
-
-  var _useTableKeyboardNavi = useTableKeyboardNavigation(props, visibleRows, {
-    onRowClick: onRowClick,
-    onRowCreate: onRowCreate,
-    onRowEdit: onRowEdit,
-    onRowCopy: onRowCopy,
-    onRowDelete: onRowDelete,
-    rowExpansionRenderer: rowExpansionRenderer
-  }, ref),
-      activeIndex = _useTableKeyboardNavi[0],
-      setActiveIndex = _useTableKeyboardNavi[1],
-      handleKeyDown = _useTableKeyboardNavi[2],
-      handleFocus = _useTableKeyboardNavi[3];
-
+  const sanitizedInstance = useTableInstance(instance, ref);
+  const visibleRows = !disablePagination && !manualPagination ? page : rows;
+  const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation(props, visibleRows, {
+    onRowClick,
+    onRowCreate,
+    onRowEdit,
+    onRowCopy,
+    onRowDelete,
+    rowExpansionRenderer
+  }, ref);
   useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);
-  var prepareRow = React__default.useCallback(function (row, index) {
+  const prepareRow = React__default.useCallback((row, index) => {
     prepareBaseRow(row);
 
-    row.setActive = function () {
-      return setActiveIndex(index);
-    };
+    row.setActive = () => setActiveIndex(index);
   }, [prepareBaseRow, setActiveIndex]);
   return {
     rowProps: {
-      activeIndex: activeIndex,
-      setActiveIndex: setActiveIndex,
-      onRowClick: onRowClick,
-      rowClassName: rowClassName,
-      rowExpansionRenderer: rowExpansionRenderer,
-      rowHeight: rowHeight,
-      inlineEditingUniqueId: inlineEditingUniqueId
+      activeIndex,
+      setActiveIndex,
+      onRowClick,
+      rowClassName,
+      rowExpansionRenderer,
+      rowHeight,
+      inlineEditingUniqueId
     },
-    tableProps: _extends({}, otherProps, {
-      headerGroups: headerGroups,
+    tableProps: { ...otherProps,
+      headerGroups,
       onFocus: handleFocus,
       onKeyDown: handleKeyDown,
       tabIndex: (_otherProps$tabIndex = otherProps.tabIndex) !== null && _otherProps$tabIndex !== void 0 ? _otherProps$tabIndex : 0
-    }),
-    state: state,
+    },
+    state,
     pagination: !disablePagination ? {
       length: manualPagination && length ? length : data.length,
       pageIndex: state.pageIndex,
@@ -230,7 +208,7 @@ var useTable = function useTable(props, ref) {
       setPageSize: setPageSize
     } : null,
     rows: visibleRows,
-    prepareRow: prepareRow,
+    prepareRow,
     instance: sanitizedInstance
   };
 };