@economic/taco 1.1.13-alpha.0 → 1.3.0

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":";;;;;;;;;;IAWaA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAC/BC,IAD+B,EAE/BC,YAF+B,EAG/BC,MAH+B;MAE/BD;IAAAA,eAA6BE;;;MAC7BD;IAAAA,SAAc;;;EAEd,IAAME,OAAO,GAAgBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeP,IAAf,CAAX,CAA7B;EAEA,IAAIQ,iBAAJ;;EAEA,IAAIP,YAAJ,EAAkB;IAAA;;IACd,IAAMQ,UAAU,GAAGC,gCAAgC,CAACT,YAAD,CAAnD;IACA,IAAMU,UAAU,GAAGC,iBAAiB,CAACR,OAAD,EAAUK,UAAU,CAACI,IAAX,CAAgB,GAAhB,CAAV,CAApC;IACA,IAAMC,WAAW,0BAAGH,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEI,OAAf,qEAA0B,EAA3C;IAEA,IAAMC,IAAI,GAAGP,UAAU,CAACQ,GAAX,CAAe,UAAAC,CAAC;MAAA,aAAQA,CAAR;KAAhB,EAA8BL,IAA9B,CAAmC,UAAnC,IAAiD,UAA9D;IACAC,WAAW,CAACK,OAAZ,CAAoBjB,MAApB;IACAkB,GAAG,CAAChB,OAAD,EAAUY,IAAV,EAAgBF,WAAhB,CAAH,CAPc;;IAUdL,UAAU,CAACY,IAAX,CAAgB,CAAhB;IACAb,iBAAiB,GAAGC,UAAU,CAACI,IAAX,CAAgB,GAAhB,CAApB;GAXJ,MAYO;IACHT,OAAO,CAACe,OAAR,CAAgBjB,MAAhB;IACAM,iBAAiB,GAAG,GAApB;;;EAGJ,OAAO,CAACJ,OAAD,EAAUI,iBAAV,CAAP;AACH;IAEYc,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAQtB,IAAR,EAA2BC,YAA3B;EAC/B,IAAMG,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeP,IAAf,CAAX,CAAhB;EAEA,IAAMS,UAAU,GAAGC,gCAAgC,CAACT,YAAD,CAAnD;EACA,IAAMsB,SAAS,GAAGC,MAAM,CAACf,UAAU,CAACgB,KAAX,EAAD,CAAxB;;EAEA,IAAIhB,UAAU,CAACiB,MAAf,EAAuB;;IAEnB,IAAMC,SAAS,GAAGlB,UAAU,CAACQ,GAAX,CAAe,UAAAW,KAAK;MAAA,oBAAeA,KAAf;KAApB,EAA6Cf,IAA7C,CAAkD,GAAlD,CAAlB;IACAgB,KAAK,CAACzB,OAAO,CAACmB,SAAD,CAAR,EAAqBI,SAArB,CAAL,CAHmB;;IAMnBlB,UAAU,CAACqB,GAAX;IACA,IAAMC,OAAO,GAAGtB,UAAU,CAACiB,MAAX,GAAoBjB,UAAU,CAACQ,GAAX,CAAe,UAAAW,KAAK;MAAA,oBAAeA,KAAf;KAApB,EAA6Cf,IAA7C,CAAkD,GAAlD,IAAyD,UAA7E,GAA0F,SAA1G;IACAO,GAAG,CAAChB,OAAO,CAACmB,SAAD,CAAR,EAAqBQ,OAArB,EAA8BC,OAAO,CAACC,GAAG,CAAC7B,OAAO,CAACmB,SAAD,CAAR,EAAqBQ,OAArB,CAAJ,CAArC,CAAH;GARJ,MASO;IACHG,MAAM,CAAC9B,OAAD,EAAUmB,SAAV,CAAN;;;EAGJ,OAAOnB,OAAP;AACH;IASY+B,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAQnC,IAAR,EAA2BoC,QAA3B;EAC/B,sBAAwCC,cAAK,CAACC,QAAN,CAAejC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeP,IAAf,CAAX,CAAf,CAAxC;MAAOuC,YAAP;MAAqBC,eAArB;;EACA,uBAAoDH,cAAK,CAACC,QAAN,CAAmCnC,SAAnC,CAApD;MAAOsC,kBAAP;MAA2BC,qBAA3B;;EAEAL,cAAK,CAACM,SAAN,CAAgB;IACZ,IAAIF,kBAAkB,KAAKtC,SAA3B,EAAsC;;MAElC,IAAMQ,UAAU,GAAQC,iBAAiB,CAAC2B,YAAD,EAAeE,kBAAf,CAAzC,CAFkC;;MAKlC,IAAMG,QAAQ,GAAGC,qBAAqB,CAACJ,kBAAD,CAAtC,CALkC;;MAQlC,2BAAmC1C,mBAAmB,CAACM,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeP,IAAf,CAAX,CAAD,EAAmC4C,QAAnC,EAA6CjC,UAA7C,CAAtD;UAAOP,OAAP;UAAgB0C,eAAhB,2BARkC;;;MAWlCJ,qBAAqB,CAACI,eAAD,CAArB;MACAN,eAAe,CAACpC,OAAD,CAAf;;MAEA,IAAIgC,QAAJ,aAAIA,QAAJ,eAAIA,QAAQ,CAAEW,OAAd,EAAuB;QACnBX,QAAQ,CAACW,OAAT,CAAiBC,QAAjB,CAA0BC,gBAA1B,CAA2CtC,UAA3C,aAA2CA,UAA3C,uBAA2CA,UAAU,CAAEuC,UAAvD;;KAfR,MAiBO;MACHV,eAAe,CAACxC,IAAD,CAAf;;GAnBR,EAqBG,CAACK,IAAI,CAACE,SAAL,CAAeP,IAAf,CAAD,CArBH;;EAuBA,IAAMmD,MAAM,GAAG,SAATA,MAAS,CAAClD,YAAD,EAAyCC,MAAzC;QAACD;MAAAA,eAA6BE;;;QAAWD;MAAAA,SAA6B;;;IACjF,IAAMgD,UAAU,GAAGE,EAAI,EAAvB;;IACA,4BAAmCrD,mBAAmB,CAACwC,YAAD,EAAetC,YAAf,eAAkCC,MAAlC;MAA0CgD,UAAU,EAAVA;OAAhG;QAAO9C,OAAP;QAAgB0C,eAAhB;;IACAJ,qBAAqB,CAACI,eAAD,CAArB;IACAN,eAAe,CAACpC,OAAD,CAAf;;IAEA,IAAIgC,QAAJ,aAAIA,QAAJ,eAAIA,QAAQ,CAAEW,OAAd,EAAuB;MACnBX,QAAQ,CAACW,OAAT,CAAiBC,QAAjB,CAA0BC,gBAA1B,CAA2CC,UAA3C;;;IAGJ,OAAOJ,eAAP;GAVJ;;EAaA,IAAMO,MAAM,GAAG,SAATA,MAAS,CAACpD,YAAD;IACX,IAAMG,OAAO,GAAGkB,mBAAmB,CAACiB,YAAD,EAAetC,YAAf,CAAnC;IACAuC,eAAe,CAACpC,OAAD,CAAf;IACAsC,qBAAqB,CAACvC,SAAD,CAArB;GAHJ;;EAMA,OAAO;IACHH,IAAI,EAAEuC,YADH;IAEHY,MAAM,EAANA,MAFG;IAGHE,MAAM,EAANA,MAHG;IAIHC,UAAU,EAAEb,kBAAkB,KAAKtC;GAJvC;AAMH;;;;"}
+{"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","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,75 @@ 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: _,
+    onRowClick,
+    onRowDrag,
+    onSelectedRows,
+    rowClassName,
+    rowExpansionRenderer,
+    rowHeight,
+    selectedRows,
+    // sorting
+    disableSorting,
+    manualSorting,
+    onSort,
+    sortRules,
+    //index
+    activeIndex: _1,
+    defaultActiveIndex: _2,
+    onChangeActiveIndex: _3,
+    // 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 +148,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 +157,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 +212,7 @@ var useTable = function useTable(props, ref) {
       setPageSize: setPageSize
     } : null,
     rows: visibleRows,
-    prepareRow: prepareRow,
+    prepareRow,
     instance: sanitizedInstance
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useTable as useReactTable, useExpanded, useSortBy, usePagination, useRowState } from 'react-table';\nimport { getColumnsFromChildren, getInternalSortRules } from '../util';\nimport { sortTypes } from '../util/sortTypes';\nimport { useRowEditing } from './plugins/useRowEditing';\nimport { useRowActions } from './plugins/useRowActions';\nimport { useRowSelect } from './plugins/useRowSelect';\nimport {\n    InternalTable,\n    InternalTableRow,\n    PaginationHandler,\n    RowActiveHandler,\n    SortHandler,\n    TableProps,\n    TableRef,\n} from '../types';\nimport { useTableKeyboardNavigation } from './useTableKeyboardNavigation';\nimport { useLocalization } from '../../Provider/Provider';\nimport { useRowDraggable } from './plugins/useRowDraggable';\nimport { sanitizeRowProps } from '../util';\n\nconst useTableRowActive = (\n    activeIndex: number | undefined,\n    rows: InternalTableRow[],\n    rowExpansionRenderer: TableProps<any>['rowExpansionRenderer'],\n    handleonRowActive: RowActiveHandler<any> | undefined\n) => {\n    React.useEffect(() => {\n        if (activeIndex !== undefined && rows.length && handleonRowActive) {\n            const focusedRow = rows[activeIndex];\n            if (focusedRow) {\n                const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);\n                handleonRowActive(sanitizedFocusedRow);\n            }\n        }\n    }, [activeIndex, rows]);\n};\n\nconst useTableInstance = (instance: any, ref: React.RefObject<TableRef>): object => {\n    const sanitizedInstance = React.useMemo(\n        () => ({\n            toggleAllRowsExpanded: instance.toggleAllRowsExpanded,\n            toggleHideAllColumns: instance.toggleHideAllColumns,\n            toggleHideColumn: instance.toggleHideColumn,\n            toggleEditing: instance.toggleEditing,\n            toggleRowEditing: instance.toggleRowEditing,\n            resetRowEditing: instance.resetRowEditing,\n            toggleRowExpanded: instance.toggleRowExpanded,\n            toggleSortBy: instance.toggleSortBy,\n        }),\n        []\n    );\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            ref.current.instance = sanitizedInstance;\n        }\n    }, [ref]);\n\n    return sanitizedInstance;\n};\n\nconst useTablePaginationListener = (disablePagination: boolean, onPaginate: PaginationHandler | undefined, state: any): void => {\n    React.useEffect(() => {\n        if (!disablePagination && onPaginate) {\n            onPaginate(state.pageIndex, state.pageSize);\n        }\n    }, [state.pageIndex, state.pageSize]);\n};\n\nconst useTableSortingListener = (\n    data: any[],\n    sortedRows: any[],\n    onSort: SortHandler<any> | undefined,\n    manualSorting: boolean,\n    state: any\n): void => {\n    React.useEffect(() => {\n        if (onSort) {\n            const sortRules = state.sortBy.map((rule: any) => ({ accessor: rule.id, desc: rule.desc }));\n\n            if (manualSorting) {\n                onSort(sortRules);\n            } else {\n                let sortedData;\n\n                if (sortRules.length && sortedRows?.length) {\n                    sortedData = sortedRows.map((row: any) => row.original);\n                }\n\n                onSort(sortRules, sortedData || data);\n            }\n        }\n    }, [onSort && JSON.stringify(state.sortBy), manualSorting]);\n};\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nexport const useTable = <T extends {}>(\n    props: TableProps<T> & { windowed?: boolean },\n    ref: React.RefObject<TableRef>\n): InternalTable => {\n    const {\n        children,\n        data,\n        dangerouslyHijackGlobalKeyboardNavigation: _1,\n        onRowClick,\n        onRowDrag,\n        onSelectedRows,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        selectedRows,\n\n        // sorting\n        disableSorting,\n        manualSorting,\n        onSort,\n        sortRules,\n\n        // pagination\n        disablePagination = true,\n        length,\n        onPaginate,\n        pageSize = DEFAULT_PAGE_SIZE,\n        pageIndex = 0,\n\n        // row editing\n        inlineEditingUniqueId = undefined,\n        onRowCreate,\n\n        // actions\n        actions,\n        onRowEdit,\n        onRowCopy,\n        onRowDelete,\n        onRowActive,\n\n        windowed = false,\n\n        ...otherProps\n    } = props;\n\n    if ((onSelectedRows && !selectedRows) || (!onSelectedRows && selectedRows)) {\n        throw new Error(\n            'Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection'\n        );\n    }\n\n    const { texts } = useLocalization();\n    const { columns, sortRules: defaultSortRules } = React.useMemo(\n        () => getColumnsFromChildren(children, rowExpansionRenderer),\n        [children, rowExpansionRenderer]\n    );\n\n    const manualPagination = !disablePagination && !!onPaginate && !!length;\n\n    const {\n        headerGroups,\n        rows,\n        sortedRows,\n        prepareRow: prepareBaseRow,\n        state,\n        // pagination\n        page,\n        gotoPage,\n        setPageSize,\n        ...instance\n    }: any = useReactTable(\n        {\n            columns,\n            data,\n            initialState: {\n                // eslint-disable-next-line\n                // @ts-ignore: not sure how to type this correctly right now\n                sortBy: getInternalSortRules(sortRules) || defaultSortRules,\n                pageSize: !disablePagination ? pageSize : undefined,\n                pageIndex: !disablePagination ? pageIndex : undefined,\n            },\n            manualPagination,\n            pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,\n            manualSortBy: manualSorting,\n            disableSortBy: disableSorting,\n            // most of these resets preventions are needed for editing mode\n            autoResetExpanded: false,\n            autoResetSelectedRows: false,\n            autoResetSortBy: false,\n            autoResetPage: false,\n            sortTypes: React.useMemo(() => sortTypes, []),\n            useControlledState: currentState => {\n                return React.useMemo(\n                    () => ({\n                        ...currentState,\n                        selectedRowIds: selectedRows || [],\n                    }),\n                    [currentState, selectedRows]\n                );\n            },\n        },\n        useRowState,\n        useSortBy,\n        useExpanded,\n        usePagination,\n        useRowSelect(onSelectedRows),\n        useRowDraggable(onRowDrag),\n        useRowEditing(inlineEditingUniqueId),\n        useRowActions(\n            inlineEditingUniqueId,\n            { onRowCreate, onRowEdit, onRowCopy, onRowDelete },\n            actions,\n            rowExpansionRenderer,\n            texts,\n            windowed\n        )\n    );\n\n    useTablePaginationListener(disablePagination, onPaginate, state);\n    useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);\n\n    const sanitizedInstance = useTableInstance(instance, ref);\n\n    const visibleRows = !disablePagination && !manualPagination ? page : rows;\n\n    const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation<T>(\n        props,\n        visibleRows,\n        { onRowClick, onRowCreate, onRowEdit, onRowCopy, onRowDelete, rowExpansionRenderer },\n        ref\n    );\n\n    useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);\n\n    const prepareRow = React.useCallback(\n        (row: any, index: number) => {\n            prepareBaseRow(row);\n            row.setActive = () => setActiveIndex(index);\n        },\n        [prepareBaseRow, setActiveIndex]\n    );\n\n    return {\n        rowProps: {\n            activeIndex,\n            setActiveIndex,\n            onRowClick,\n            rowClassName,\n            rowExpansionRenderer,\n            rowHeight,\n            inlineEditingUniqueId,\n        },\n        tableProps: {\n            ...otherProps,\n            headerGroups,\n            onFocus: handleFocus,\n            onKeyDown: handleKeyDown,\n            tabIndex: otherProps.tabIndex ?? 0,\n        },\n        state,\n        pagination: !disablePagination\n            ? {\n                  length: manualPagination && length ? length : data.length,\n                  pageIndex: state.pageIndex,\n                  pageSize: state.pageSize,\n                  setPageIndex: gotoPage,\n                  setPageSize: setPageSize,\n              }\n            : null,\n        rows: visibleRows,\n        prepareRow,\n        instance: sanitizedInstance,\n    };\n};\n"],"names":["useTableRowActive","activeIndex","rows","rowExpansionRenderer","handleonRowActive","React","useEffect","undefined","length","focusedRow","sanitizedFocusedRow","sanitizeRowProps","useTableInstance","instance","ref","sanitizedInstance","useMemo","toggleAllRowsExpanded","toggleHideAllColumns","toggleHideColumn","toggleEditing","toggleRowEditing","resetRowEditing","toggleRowExpanded","toggleSortBy","current","useTablePaginationListener","disablePagination","onPaginate","state","pageIndex","pageSize","useTableSortingListener","data","sortedRows","onSort","manualSorting","sortRules","sortBy","map","rule","accessor","id","desc","sortedData","row","original","JSON","stringify","DEFAULT_PAGE_SIZE","useTable","props","children","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","useLocalization","texts","getColumnsFromChildren","columns","defaultSortRules","manualPagination","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","headerGroups","prepareBaseRow","prepareRow","page","gotoPage","setPageSize","visibleRows","useTableKeyboardNavigation","setActiveIndex","handleKeyDown","handleFocus","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","tabIndex","pagination","setPageIndex"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useTable as useReactTable, useExpanded, useSortBy, usePagination, useRowState } from 'react-table';\nimport { getColumnsFromChildren, getInternalSortRules } from '../util';\nimport { sortTypes } from '../util/sortTypes';\nimport { useRowEditing } from './plugins/useRowEditing';\nimport { useRowActions } from './plugins/useRowActions';\nimport { useRowSelect } from './plugins/useRowSelect';\nimport {\n    InternalTable,\n    InternalTableRow,\n    PaginationHandler,\n    RowActiveHandler,\n    SortHandler,\n    TableProps,\n    TableRef,\n} from '../types';\nimport { useTableKeyboardNavigation } from './useTableKeyboardNavigation';\nimport { useLocalization } from '../../Provider/Provider';\nimport { useRowDraggable } from './plugins/useRowDraggable';\nimport { sanitizeRowProps } from '../util';\n\nconst useTableRowActive = (\n    activeIndex: number | undefined,\n    rows: InternalTableRow[],\n    rowExpansionRenderer: TableProps<any>['rowExpansionRenderer'],\n    handleonRowActive: RowActiveHandler<any> | undefined\n) => {\n    React.useEffect(() => {\n        if (activeIndex !== undefined && rows.length && handleonRowActive) {\n            const focusedRow = rows[activeIndex];\n            if (focusedRow) {\n                const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);\n                handleonRowActive(sanitizedFocusedRow);\n            }\n        }\n    }, [activeIndex, rows]);\n};\n\nconst useTableInstance = (instance: any, ref: React.RefObject<TableRef>): object => {\n    const sanitizedInstance = React.useMemo(\n        () => ({\n            toggleAllRowsExpanded: instance.toggleAllRowsExpanded,\n            toggleHideAllColumns: instance.toggleHideAllColumns,\n            toggleHideColumn: instance.toggleHideColumn,\n            toggleEditing: instance.toggleEditing,\n            toggleRowEditing: instance.toggleRowEditing,\n            resetRowEditing: instance.resetRowEditing,\n            toggleRowExpanded: instance.toggleRowExpanded,\n            toggleSortBy: instance.toggleSortBy,\n        }),\n        []\n    );\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            ref.current.instance = sanitizedInstance;\n        }\n    }, [ref]);\n\n    return sanitizedInstance;\n};\n\nconst useTablePaginationListener = (disablePagination: boolean, onPaginate: PaginationHandler | undefined, state: any): void => {\n    React.useEffect(() => {\n        if (!disablePagination && onPaginate) {\n            onPaginate(state.pageIndex, state.pageSize);\n        }\n    }, [state.pageIndex, state.pageSize]);\n};\n\nconst useTableSortingListener = (\n    data: any[],\n    sortedRows: any[],\n    onSort: SortHandler<any> | undefined,\n    manualSorting: boolean,\n    state: any\n): void => {\n    React.useEffect(() => {\n        if (onSort) {\n            const sortRules = state.sortBy.map((rule: any) => ({ accessor: rule.id, desc: rule.desc }));\n\n            if (manualSorting) {\n                onSort(sortRules);\n            } else {\n                let sortedData;\n\n                if (sortRules.length && sortedRows?.length) {\n                    sortedData = sortedRows.map((row: any) => row.original);\n                }\n\n                onSort(sortRules, sortedData || data);\n            }\n        }\n    }, [onSort && JSON.stringify(state.sortBy), manualSorting]);\n};\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nexport const useTable = <T extends {}>(\n    props: TableProps<T> & { windowed?: boolean },\n    ref: React.RefObject<TableRef>\n): InternalTable => {\n    const {\n        children,\n        data,\n        dangerouslyHijackGlobalKeyboardNavigation: _,\n        onRowClick,\n        onRowDrag,\n        onSelectedRows,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        selectedRows,\n\n        // sorting\n        disableSorting,\n        manualSorting,\n        onSort,\n        sortRules,\n\n        //index\n        activeIndex: _1,\n        defaultActiveIndex: _2,\n        onChangeActiveIndex: _3,\n\n        // pagination\n        disablePagination = true,\n        length,\n        onPaginate,\n        pageSize = DEFAULT_PAGE_SIZE,\n        pageIndex = 0,\n\n        // row editing\n        inlineEditingUniqueId = undefined,\n        onRowCreate,\n\n        // actions\n        actions,\n        onRowEdit,\n        onRowCopy,\n        onRowDelete,\n        onRowActive,\n\n        windowed = false,\n\n        ...otherProps\n    } = props;\n\n    if ((onSelectedRows && !selectedRows) || (!onSelectedRows && selectedRows)) {\n        throw new Error(\n            'Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection'\n        );\n    }\n\n    const { texts } = useLocalization();\n    const { columns, sortRules: defaultSortRules } = React.useMemo(\n        () => getColumnsFromChildren(children, rowExpansionRenderer),\n        [children, rowExpansionRenderer]\n    );\n\n    const manualPagination = !disablePagination && !!onPaginate && !!length;\n\n    const {\n        headerGroups,\n        rows,\n        sortedRows,\n        prepareRow: prepareBaseRow,\n        state,\n        // pagination\n        page,\n        gotoPage,\n        setPageSize,\n        ...instance\n    }: any = useReactTable(\n        {\n            columns,\n            data,\n            initialState: {\n                // eslint-disable-next-line\n                // @ts-ignore: not sure how to type this correctly right now\n                sortBy: getInternalSortRules(sortRules) || defaultSortRules,\n                pageSize: !disablePagination ? pageSize : undefined,\n                pageIndex: !disablePagination ? pageIndex : undefined,\n            },\n            manualPagination,\n            pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,\n            manualSortBy: manualSorting,\n            disableSortBy: disableSorting,\n            // most of these resets preventions are needed for editing mode\n            autoResetExpanded: false,\n            autoResetSelectedRows: false,\n            autoResetSortBy: false,\n            autoResetPage: false,\n            sortTypes: React.useMemo(() => sortTypes, []),\n            useControlledState: currentState => {\n                return React.useMemo(\n                    () => ({\n                        ...currentState,\n                        selectedRowIds: selectedRows || [],\n                    }),\n                    [currentState, selectedRows]\n                );\n            },\n        },\n        useRowState,\n        useSortBy,\n        useExpanded,\n        usePagination,\n        useRowSelect(onSelectedRows),\n        useRowDraggable(onRowDrag),\n        useRowEditing(inlineEditingUniqueId),\n        useRowActions(\n            inlineEditingUniqueId,\n            { onRowCreate, onRowEdit, onRowCopy, onRowDelete },\n            actions,\n            rowExpansionRenderer,\n            texts,\n            windowed\n        )\n    );\n\n    useTablePaginationListener(disablePagination, onPaginate, state);\n    useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);\n\n    const sanitizedInstance = useTableInstance(instance, ref);\n\n    const visibleRows = !disablePagination && !manualPagination ? page : rows;\n\n    const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation<T>(\n        props,\n        visibleRows,\n        { onRowClick, onRowCreate, onRowEdit, onRowCopy, onRowDelete, rowExpansionRenderer },\n        ref\n    );\n\n    useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);\n\n    const prepareRow = React.useCallback(\n        (row: any, index: number) => {\n            prepareBaseRow(row);\n            row.setActive = () => setActiveIndex(index);\n        },\n        [prepareBaseRow, setActiveIndex]\n    );\n\n    return {\n        rowProps: {\n            activeIndex,\n            setActiveIndex,\n            onRowClick,\n            rowClassName,\n            rowExpansionRenderer,\n            rowHeight,\n            inlineEditingUniqueId,\n        },\n        tableProps: {\n            ...otherProps,\n            headerGroups,\n            onFocus: handleFocus,\n            onKeyDown: handleKeyDown,\n            tabIndex: otherProps.tabIndex ?? 0,\n        },\n        state,\n        pagination: !disablePagination\n            ? {\n                  length: manualPagination && length ? length : data.length,\n                  pageIndex: state.pageIndex,\n                  pageSize: state.pageSize,\n                  setPageIndex: gotoPage,\n                  setPageSize: setPageSize,\n              }\n            : null,\n        rows: visibleRows,\n        prepareRow,\n        instance: sanitizedInstance,\n    };\n};\n"],"names":["useTableRowActive","activeIndex","rows","rowExpansionRenderer","handleonRowActive","React","useEffect","undefined","length","focusedRow","sanitizedFocusedRow","sanitizeRowProps","useTableInstance","instance","ref","sanitizedInstance","useMemo","toggleAllRowsExpanded","toggleHideAllColumns","toggleHideColumn","toggleEditing","toggleRowEditing","resetRowEditing","toggleRowExpanded","toggleSortBy","current","useTablePaginationListener","disablePagination","onPaginate","state","pageIndex","pageSize","useTableSortingListener","data","sortedRows","onSort","manualSorting","sortRules","sortBy","map","rule","accessor","id","desc","sortedData","row","original","JSON","stringify","DEFAULT_PAGE_SIZE","useTable","props","children","dangerouslyHijackGlobalKeyboardNavigation","_","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","_1","defaultActiveIndex","_2","onChangeActiveIndex","_3","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","texts","useLocalization","columns","defaultSortRules","getColumnsFromChildren","manualPagination","headerGroups","prepareRow","prepareBaseRow","page","gotoPage","setPageSize","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","visibleRows","setActiveIndex","handleKeyDown","handleFocus","useTableKeyboardNavigation","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","tabIndex","pagination","setPageIndex"],"mappings":"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"}

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

@@ -1,24 +1,20 @@
 import React__default from 'react';
-import keycode from 'keycode';
-import { getNextIndexFromKeycode } from '../../../utils/hooks/useListKeyboardNavigation.js';
+import { getNextIndexFromKey } from '../../../utils/hooks/useListKeyboardNavigation.js';
 import { sanitizeRowProps } from '../util.js';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 
-var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows, rowProps, ref) {
-  var useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;
-
-  var _useControllableState = useControllableState({
+const useTableKeyboardNavigation = (props, rows, rowProps, ref) => {
+  const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;
+  const [activeIndex, setActiveIndex] = useControllableState({
     prop: props.activeIndex,
     defaultProp: props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,
     onChange: props.onChangeActiveIndex
-  }),
-      activeIndex = _useControllableState[0],
-      setActiveIndex = _useControllableState[1];
+  });
 
-  var onKeyDown = function onKeyDown(event) {
+  const onKeyDown = event => {
     var _document$activeEleme;
 
-    var isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;
+    const isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;
 
     if (useGlobalKeyboardNavigation && document.activeElement !== ref.current && ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('type')) !== 'search' && document.activeElement !== document.body) {
       return;
@@ -30,29 +26,29 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows
     }
 
     if (activeIndex !== undefined) {
-      var currentRow = rows[activeIndex];
+      const currentRow = rows[activeIndex];
 
       if (currentRow) {
-        var sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);
+        const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);
 
-        if (rowProps.onRowClick && event.keyCode === keycode('enter')) {
+        if (rowProps.onRowClick && event.key === 'Enter') {
           event.preventDefault();
           rowProps.onRowClick(sanitizedRow);
           return;
         }
 
-        if (currentRow.toggleRowSelected && event.keyCode === keycode('space')) {
+        if (currentRow.toggleRowSelected && event.key === ' ') {
           event.preventDefault();
           currentRow.toggleRowSelected();
           return;
         }
 
         if (currentRow.toggleRowExpanded) {
-          if (currentRow.isExpanded && event.keyCode === keycode('left')) {
+          if (currentRow.isExpanded && event.key === 'ArrowLeft') {
             event.preventDefault();
             currentRow.toggleRowExpanded();
             return;
-          } else if (!currentRow.isExpanded && event.keyCode === keycode('right')) {
+          } else if (!currentRow.isExpanded && event.key === 'ArrowRight') {
             event.preventDefault();
             currentRow.toggleRowExpanded();
             return;
@@ -62,7 +58,7 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows
 
         if (currentRow.toggleRowEditing) {
           if (currentRow.canEdit && !currentRow.isEditing) {
-            if (rowProps.onRowCreate && event.shiftKey && event.keyCode === keycode('n')) {
+            if (rowProps.onRowCreate && event.shiftKey && event.key === 'n') {
               event.preventDefault();
 
               if (!currentRow.isExpanded) {
@@ -73,7 +69,7 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows
               return;
             }
 
-            if (event.keyCode === keycode('e')) {
+            if (event.key === 'e') {
               event.preventDefault();
               currentRow.toggleRowEditing();
               return;
@@ -81,19 +77,19 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows
           }
         }
 
-        if (rowProps.onRowEdit && event.keyCode === keycode('e') && !isModifierKeyPressed) {
+        if (rowProps.onRowEdit && event.key === 'e' && !isModifierKeyPressed) {
           event.preventDefault();
           rowProps.onRowEdit(sanitizedRow, event);
           return;
         }
 
-        if (rowProps.onRowCopy && event.keyCode === keycode('c') && !isModifierKeyPressed) {
+        if (rowProps.onRowCopy && event.key === 'c' && !isModifierKeyPressed) {
           event.preventDefault();
           rowProps.onRowCopy(sanitizedRow, event);
           return;
         }
 
-        if (rowProps.onRowDelete && event.keyCode === keycode('delete') && !isModifierKeyPressed) {
+        if (rowProps.onRowDelete && event.key === 'Delete' && !isModifierKeyPressed) {
           event.preventDefault();
           rowProps.onRowDelete(sanitizedRow, event);
           return;
@@ -101,7 +97,7 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows
       }
     }
 
-    var nextIndex = getNextIndexFromKeycode(event.keyCode, rows.length, activeIndex);
+    const nextIndex = getNextIndexFromKey(event.key, rows.length, activeIndex);
 
     if (nextIndex !== undefined) {
       event.preventDefault();
@@ -109,25 +105,25 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows
     }
   };
 
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (!useGlobalKeyboardNavigation) {
       onKeyDown(event.nativeEvent);
     }
   };
 
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     if (useGlobalKeyboardNavigation) {
       window.addEventListener('keydown', onKeyDown);
     }
 
-    return function () {
+    return () => {
       if (useGlobalKeyboardNavigation) {
         window.removeEventListener('keydown', onKeyDown);
       }
     };
   }, [onKeyDown]);
 
-  var handleFocus = function handleFocus() {
+  const handleFocus = () => {
     if (activeIndex === undefined && rows.length) {
       setActiveIndex(0);
     }