@economic/taco 1.1.13-alpha.0 → 1.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"useTableKeyboardNavigation.js","sources":["../../../../../src/components/Table/hooks/useTableKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\nimport keycode from 'keycode';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { getNextIndexFromKeycode } from '../../../utils/hooks/useListKeyboardNavigation';\nimport { sanitizeRowProps } from '../util';\nimport { TableProps } from '../types';\n\nexport const useTableKeyboardNavigation = <T extends {}>(\n    props: TableProps<T>,\n    rows: any[],\n    rowProps: any,\n    ref: React.RefObject<HTMLDivElement>\n): [\n    number | undefined,\n    (index: number) => void,\n    (event: React.KeyboardEvent<HTMLElement>) => void,\n    (event: React.FocusEvent<HTMLElement>) => void\n] => {\n    const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;\n\n    const [activeIndex, setActiveIndex] = useControllableState<number | undefined>({\n        prop: props.activeIndex,\n        defaultProp:\n            props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,\n        onChange: props.onChangeActiveIndex,\n    });\n\n    const onKeyDown = (event: KeyboardEvent): void => {\n        const isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;\n\n        if (\n            useGlobalKeyboardNavigation &&\n            document.activeElement !== ref.current &&\n            document.activeElement?.getAttribute('type') !== 'search' &&\n            document.activeElement !== document.body\n        ) {\n            return;\n        }\n        // abort key handling if other elements inside table are focused and we don't use global keyboard navigation\n        if (!useGlobalKeyboardNavigation && document.activeElement !== ref.current) {\n            return;\n        }\n\n        if (activeIndex !== undefined) {\n            const currentRow = rows[activeIndex];\n\n            if (currentRow) {\n                const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);\n\n                if (rowProps.onRowClick && event.keyCode === keycode('enter')) {\n                    event.preventDefault();\n                    rowProps.onRowClick(sanitizedRow);\n                    return;\n                }\n\n                if (currentRow.toggleRowSelected && event.keyCode === keycode('space')) {\n                    event.preventDefault();\n                    currentRow.toggleRowSelected();\n                    return;\n                }\n\n                if (currentRow.toggleRowExpanded) {\n                    if (currentRow.isExpanded && event.keyCode === keycode('left')) {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    } else if (!currentRow.isExpanded && event.keyCode === keycode('right')) {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    }\n                }\n\n                // inline editing\n                if (currentRow.toggleRowEditing) {\n                    if (currentRow.canEdit && !currentRow.isEditing) {\n                        if (rowProps.onRowCreate && event.shiftKey && event.keyCode === keycode('n')) {\n                            event.preventDefault();\n\n                            if (!currentRow.isExpanded) {\n                                currentRow.toggleRowExpanded();\n                            }\n\n                            rowProps.onRowCreate(sanitizedRow, event);\n                            return;\n                        }\n\n                        if (event.keyCode === keycode('e')) {\n                            event.preventDefault();\n                            currentRow.toggleRowEditing();\n                            return;\n                        }\n                    }\n                }\n\n                if (rowProps.onRowEdit && event.keyCode === keycode('e') && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowEdit(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowCopy && event.keyCode === keycode('c') && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowCopy(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowDelete && event.keyCode === keycode('delete') && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowDelete(sanitizedRow, event);\n                    return;\n                }\n            }\n        }\n\n        const nextIndex = getNextIndexFromKeycode(event.keyCode, rows.length, activeIndex);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n            setActiveIndex(nextIndex);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        if (!useGlobalKeyboardNavigation) {\n            onKeyDown(event.nativeEvent);\n        }\n    };\n\n    React.useEffect(() => {\n        if (useGlobalKeyboardNavigation) {\n            window.addEventListener('keydown', onKeyDown);\n        }\n\n        return () => {\n            if (useGlobalKeyboardNavigation) {\n                window.removeEventListener('keydown', onKeyDown);\n            }\n        };\n    }, [onKeyDown]);\n\n    const handleFocus = (): void => {\n        if (activeIndex === undefined && rows.length) {\n            setActiveIndex(0);\n        }\n    };\n\n    return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];\n};\n"],"names":["useTableKeyboardNavigation","props","rows","rowProps","ref","useGlobalKeyboardNavigation","dangerouslyHijackGlobalKeyboardNavigation","useControllableState","prop","activeIndex","defaultProp","defaultActiveIndex","undefined","onChange","onChangeActiveIndex","setActiveIndex","onKeyDown","event","isModifierKeyPressed","metaKey","ctrlKey","altKey","shiftKey","document","activeElement","current","getAttribute","body","currentRow","sanitizedRow","sanitizeRowProps","rowExpansionRenderer","onRowClick","keyCode","keycode","preventDefault","toggleRowSelected","toggleRowExpanded","isExpanded","toggleRowEditing","canEdit","isEditing","onRowCreate","onRowEdit","onRowCopy","onRowDelete","nextIndex","getNextIndexFromKeycode","length","handleKeyDown","nativeEvent","React","useEffect","window","addEventListener","removeEventListener","handleFocus"],"mappings":"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"}
+{"version":3,"file":"useTableKeyboardNavigation.js","sources":["../../../../../src/components/Table/hooks/useTableKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { getNextIndexFromKey } from '../../../utils/hooks/useListKeyboardNavigation';\nimport { sanitizeRowProps } from '../util';\nimport { TableProps } from '../types';\n\nexport const useTableKeyboardNavigation = <T extends {}>(\n    props: TableProps<T>,\n    rows: any[],\n    rowProps: any,\n    ref: React.RefObject<HTMLDivElement>\n): [\n    number | undefined,\n    (index: number) => void,\n    (event: React.KeyboardEvent<HTMLElement>) => void,\n    (event: React.FocusEvent<HTMLElement>) => void\n] => {\n    const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;\n\n    const [activeIndex, setActiveIndex] = useControllableState<number | undefined>({\n        prop: props.activeIndex,\n        defaultProp:\n            props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,\n        onChange: props.onChangeActiveIndex,\n    });\n\n    const onKeyDown = (event: KeyboardEvent): void => {\n        const isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;\n\n        if (\n            useGlobalKeyboardNavigation &&\n            document.activeElement !== ref.current &&\n            document.activeElement?.getAttribute('type') !== 'search' &&\n            document.activeElement !== document.body\n        ) {\n            return;\n        }\n        // abort key handling if other elements inside table are focused and we don't use global keyboard navigation\n        if (!useGlobalKeyboardNavigation && document.activeElement !== ref.current) {\n            return;\n        }\n\n        if (activeIndex !== undefined) {\n            const currentRow = rows[activeIndex];\n\n            if (currentRow) {\n                const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);\n\n                if (rowProps.onRowClick && event.key === 'Enter') {\n                    event.preventDefault();\n                    rowProps.onRowClick(sanitizedRow);\n                    return;\n                }\n\n                if (currentRow.toggleRowSelected && event.key === ' ') {\n                    event.preventDefault();\n                    currentRow.toggleRowSelected();\n                    return;\n                }\n\n                if (currentRow.toggleRowExpanded) {\n                    if (currentRow.isExpanded && event.key === 'ArrowLeft') {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    } else if (!currentRow.isExpanded && event.key === 'ArrowRight') {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    }\n                }\n\n                // inline editing\n                if (currentRow.toggleRowEditing) {\n                    if (currentRow.canEdit && !currentRow.isEditing) {\n                        if (rowProps.onRowCreate && event.shiftKey && event.key === 'n') {\n                            event.preventDefault();\n\n                            if (!currentRow.isExpanded) {\n                                currentRow.toggleRowExpanded();\n                            }\n\n                            rowProps.onRowCreate(sanitizedRow, event);\n                            return;\n                        }\n\n                        if (event.key === 'e') {\n                            event.preventDefault();\n                            currentRow.toggleRowEditing();\n                            return;\n                        }\n                    }\n                }\n\n                if (rowProps.onRowEdit && event.key === 'e' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowEdit(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowCopy && event.key === 'c' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowCopy(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowDelete && event.key === 'Delete' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowDelete(sanitizedRow, event);\n                    return;\n                }\n            }\n        }\n\n        const nextIndex = getNextIndexFromKey(event.key, rows.length, activeIndex);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n            setActiveIndex(nextIndex);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        if (!useGlobalKeyboardNavigation) {\n            onKeyDown(event.nativeEvent);\n        }\n    };\n\n    React.useEffect(() => {\n        if (useGlobalKeyboardNavigation) {\n            window.addEventListener('keydown', onKeyDown);\n        }\n\n        return () => {\n            if (useGlobalKeyboardNavigation) {\n                window.removeEventListener('keydown', onKeyDown);\n            }\n        };\n    }, [onKeyDown]);\n\n    const handleFocus = (): void => {\n        if (activeIndex === undefined && rows.length) {\n            setActiveIndex(0);\n        }\n    };\n\n    return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];\n};\n"],"names":["useTableKeyboardNavigation","props","rows","rowProps","ref","useGlobalKeyboardNavigation","dangerouslyHijackGlobalKeyboardNavigation","activeIndex","setActiveIndex","useControllableState","prop","defaultProp","defaultActiveIndex","undefined","onChange","onChangeActiveIndex","onKeyDown","event","isModifierKeyPressed","metaKey","ctrlKey","altKey","shiftKey","document","activeElement","current","getAttribute","body","currentRow","sanitizedRow","sanitizeRowProps","rowExpansionRenderer","onRowClick","key","preventDefault","toggleRowSelected","toggleRowExpanded","isExpanded","toggleRowEditing","canEdit","isEditing","onRowCreate","onRowEdit","onRowCopy","onRowDelete","nextIndex","getNextIndexFromKey","length","handleKeyDown","nativeEvent","React","useEffect","window","addEventListener","removeEventListener","handleFocus"],"mappings":"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"}

package/dist/esm/components/Table/util/renderColumn.js

@@ -1,14 +1,14 @@
-import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 import { Icon } from '../../Icon/Icon.js';
 
-var Column = function Column(_ref) {
-  var cell = _ref.cell;
-
-  var props = _extends({}, cell.getHeaderProps(), cell.getSortByToggleProps && cell.getSortByToggleProps({
-    title: undefined
-  }), {
+const Column = ({
+  cell
+}) => {
+  const props = { ...cell.getHeaderProps(),
+    ...(cell.getSortByToggleProps && cell.getSortByToggleProps({
+      title: undefined
+    })),
     className: cn('yt-table__cell flex flex-1 truncate p-2 align-middle text-grey-darkest hover:text-black', cell.className, {
       'yt-table__cell__group': !!cell.columns,
       'cursor-pointer': !cell.disableSorting,
@@ -16,10 +16,10 @@ var Column = function Column(_ref) {
       'justify-end text-right': cell.align === 'right',
       'justify-center text-center': cell.align === 'center' || !cell.align
     }),
-    style: _extends({}, cell.style, {
+    style: { ...cell.style,
       flex: cell.flex
-    })
-  });
+    }
+  };
 
   if (cell.isSorted) {
     props['aria-sort'] = cell.isSortedDesc ? 'descending' : 'ascending';

package/dist/esm/components/Table/util/renderColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderColumn.js","sources":["../../../../../src/components/Table/util/renderColumn.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon } from '../../Icon/Icon';\n\nexport const Column = ({ cell }: any): any => {\n    const props = {\n        ...cell.getHeaderProps(),\n        ...(cell.getSortByToggleProps && cell.getSortByToggleProps({ title: undefined })),\n        className: cn('yt-table__cell flex flex-1 truncate p-2 align-middle text-grey-darkest hover:text-black', cell.className, {\n            'yt-table__cell__group': !!cell.columns,\n            'cursor-pointer': !cell.disableSorting,\n            'justify-start text-left': cell.align === 'left',\n            'justify-end text-right': cell.align === 'right',\n            'justify-center text-center': cell.align === 'center' || !cell.align,\n        }),\n        style: { ...cell.style, flex: cell.flex },\n    };\n\n    if (cell.isSorted) {\n        props['aria-sort'] = cell.isSortedDesc ? 'descending' : 'ascending';\n    }\n\n    return (\n        <div {...props} key={cell.id} data-taco=\"table-column\">\n            <span className=\"truncate\">{cell.render('Header')}</span>\n            {cell.isSorted ? (\n                <Icon name={cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid'} className=\"-mt-0.5\" />\n            ) : null}\n        </div>\n    );\n};\n"],"names":["Column","cell","props","getHeaderProps","getSortByToggleProps","title","undefined","className","cn","columns","disableSorting","align","style","flex","isSorted","isSortedDesc","React","key","id","render","Icon","name"],"mappings":";;;;;IAIaA,MAAM,GAAG,SAATA,MAAS;MAAGC,YAAAA;;EACrB,IAAMC,KAAK,gBACJD,IAAI,CAACE,cAAL,EADI,EAEHF,IAAI,CAACG,oBAAL,IAA6BH,IAAI,CAACG,oBAAL,CAA0B;IAAEC,KAAK,EAAEC;GAAnC,CAF1B;IAGPC,SAAS,EAAEC,EAAE,CAAC,yFAAD,EAA4FP,IAAI,CAACM,SAAjG,EAA4G;MACrH,yBAAyB,CAAC,CAACN,IAAI,CAACQ,OADqF;MAErH,kBAAkB,CAACR,IAAI,CAACS,cAF6F;MAGrH,2BAA2BT,IAAI,CAACU,KAAL,KAAe,MAH2E;MAIrH,0BAA0BV,IAAI,CAACU,KAAL,KAAe,OAJ4E;MAKrH,8BAA8BV,IAAI,CAACU,KAAL,KAAe,QAAf,IAA2B,CAACV,IAAI,CAACU;KALtD,CAHN;IAUPC,KAAK,eAAOX,IAAI,CAACW,KAAZ;MAAmBC,IAAI,EAAEZ,IAAI,CAACY;;IAVvC;;EAaA,IAAIZ,IAAI,CAACa,QAAT,EAAmB;IACfZ,KAAK,CAAC,WAAD,CAAL,GAAqBD,IAAI,CAACc,YAAL,GAAoB,YAApB,GAAmC,WAAxD;;;EAGJ,OACIC,4BAAA,MAAA,oBAASd;IAAOe,GAAG,EAAEhB,IAAI,CAACiB;iBAAc;IAAxC,EACIF,4BAAA,OAAA;IAAMT,SAAS,EAAC;GAAhB,EAA4BN,IAAI,CAACkB,MAAL,CAAY,QAAZ,CAA5B,CADJ,EAEKlB,IAAI,CAACa,QAAL,GACGE,4BAAA,CAACI,IAAD;IAAMC,IAAI,EAAEpB,IAAI,CAACc,YAAL,GAAoB,oBAApB,GAA2C;IAAoBR,SAAS,EAAC;GAArF,CADH,GAEG,IAJR,CADJ;AAQH;;;;"}
+{"version":3,"file":"renderColumn.js","sources":["../../../../../src/components/Table/util/renderColumn.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon } from '../../Icon/Icon';\n\nexport const Column = ({ cell }: any): any => {\n    const props = {\n        ...cell.getHeaderProps(),\n        ...(cell.getSortByToggleProps && cell.getSortByToggleProps({ title: undefined })),\n        className: cn('yt-table__cell flex flex-1 truncate p-2 align-middle text-grey-darkest hover:text-black', cell.className, {\n            'yt-table__cell__group': !!cell.columns,\n            'cursor-pointer': !cell.disableSorting,\n            'justify-start text-left': cell.align === 'left',\n            'justify-end text-right': cell.align === 'right',\n            'justify-center text-center': cell.align === 'center' || !cell.align,\n        }),\n        style: { ...cell.style, flex: cell.flex },\n    };\n\n    if (cell.isSorted) {\n        props['aria-sort'] = cell.isSortedDesc ? 'descending' : 'ascending';\n    }\n\n    return (\n        <div {...props} key={cell.id} data-taco=\"table-column\">\n            <span className=\"truncate\">{cell.render('Header')}</span>\n            {cell.isSorted ? (\n                <Icon name={cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid'} className=\"-mt-0.5\" />\n            ) : null}\n        </div>\n    );\n};\n"],"names":["Column","cell","props","getHeaderProps","getSortByToggleProps","title","undefined","className","cn","columns","disableSorting","align","style","flex","isSorted","isSortedDesc","React","key","id","render","Icon","name"],"mappings":";;;;MAIaA,MAAM,GAAG,CAAC;EAAEC;AAAF,CAAD;EAClB,MAAMC,KAAK,GAAG,EACV,GAAGD,IAAI,CAACE,cAAL,EADO;IAEV,IAAIF,IAAI,CAACG,oBAAL,IAA6BH,IAAI,CAACG,oBAAL,CAA0B;MAAEC,KAAK,EAAEC;KAAnC,CAAjC,CAFU;IAGVC,SAAS,EAAEC,EAAE,CAAC,yFAAD,EAA4FP,IAAI,CAACM,SAAjG,EAA4G;MACrH,yBAAyB,CAAC,CAACN,IAAI,CAACQ,OADqF;MAErH,kBAAkB,CAACR,IAAI,CAACS,cAF6F;MAGrH,2BAA2BT,IAAI,CAACU,KAAL,KAAe,MAH2E;MAIrH,0BAA0BV,IAAI,CAACU,KAAL,KAAe,OAJ4E;MAKrH,8BAA8BV,IAAI,CAACU,KAAL,KAAe,QAAf,IAA2B,CAACV,IAAI,CAACU;KALtD,CAHH;IAUVC,KAAK,EAAE,EAAE,GAAGX,IAAI,CAACW,KAAV;MAAiBC,IAAI,EAAEZ,IAAI,CAACY;;GAVvC;;EAaA,IAAIZ,IAAI,CAACa,QAAT,EAAmB;IACfZ,KAAK,CAAC,WAAD,CAAL,GAAqBD,IAAI,CAACc,YAAL,GAAoB,YAApB,GAAmC,WAAxD;;;EAGJ,OACIC,4BAAA,MAAA,oBAASd;IAAOe,GAAG,EAAEhB,IAAI,CAACiB;iBAAc;IAAxC,EACIF,4BAAA,OAAA;IAAMT,SAAS,EAAC;GAAhB,EAA4BN,IAAI,CAACkB,MAAL,CAAY,QAAZ,CAA5B,CADJ,EAEKlB,IAAI,CAACa,QAAL,GACGE,4BAAA,CAACI,IAAD;IAAMC,IAAI,EAAEpB,IAAI,CAACc,YAAL,GAAoB,oBAApB,GAA2C;IAAoBR,SAAS,EAAC;GAArF,CADH,GAEG,IAJR,CADJ;AAQH;;;;"}

package/dist/esm/components/Table/util/renderRow.js

@@ -1,78 +1,73 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 import { sanitizeRowProps } from '../util.js';
 import { FocusScope } from '@react-aria/focus';
 
-var _excluded = ["row", "index", "instance", "headerGroups"];
-
-var renderCell = function renderCell(cell, row) {
-  var props = _extends({}, cell.getCellProps(), {
+const renderCell = (cell, row) => {
+  const props = { ...cell.getCellProps(),
     className: cn('yt-table__cell flex-1 truncate p-2 align-middle', cell.column.className, {
       'justify-start text-left': cell.column.align === 'left',
       'justify-end text-right': cell.column.align === 'right',
       'text-center': !cell.column.align
     }),
-    style: _extends({}, cell.column.style, {
+    style: { ...cell.column.style,
       flex: typeof cell.column.flex === 'function' ? cell.column.flex(row) : cell.column.flex
-    })
-  });
-
+    }
+  };
   return React__default.createElement("div", Object.assign({}, props, {
     role: "gridcell",
     "data-taco": "table-cell"
   }), cell.render('Cell') || null);
 };
 
-var Row = /*#__PURE__*/React__default.forwardRef(function TableRow(_ref, ref) {
-  var row = _ref.row,
-      index = _ref.index,
-      instance = _ref.instance,
-      rowProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var activeIndex = rowProps.activeIndex,
-      onRowClick = rowProps.onRowClick,
-      rowClassName = rowProps.rowClassName,
-      rowExpansionRenderer = rowProps.rowExpansionRenderer,
-      rowHeight = rowProps.rowHeight,
-      setActiveIndex = rowProps.setActiveIndex,
-      style = rowProps.style,
-      inlineEditingUniqueId = rowProps.inlineEditingUniqueId;
-  var sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
-
-  var props = _extends({}, row.getRowProps(), {
-    style: _extends({}, style, {
-      minHeight: rowHeight ? rowHeight + "px" : undefined,
-      paddingLeft: row.depth ? row.depth * 2 + "rem" : undefined
-    }),
+const Row = /*#__PURE__*/React__default.forwardRef(function TableRow({
+  row,
+  index,
+  instance,
+  headerGroups,
+  ...rowProps
+}, ref) {
+  const {
+    activeIndex,
+    onRowClick,
+    rowClassName,
+    rowExpansionRenderer,
+    rowHeight,
+    setActiveIndex,
+    style,
+    inlineEditingUniqueId
+  } = rowProps;
+  const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
+  const props = { ...row.getRowProps(),
+    style: { ...style,
+      minHeight: rowHeight ? `${rowHeight}px` : undefined,
+      paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined
+    },
     className: cn('yt-table__row border-grey-light flex border-b min-h-[2.5rem] hover:bg-grey-light', {
       'yt-table__row--active bg-grey-light hover:bg-grey-light': activeIndex === index,
       'yt-table__row--clickable': !!onRowClick,
       'yt-table__row--dragging': !!row.isDragging,
       'yt-table__row--editing': !!row.isEditing
     }, typeof rowClassName === 'function' ? rowClassName(sanitizedRow) : rowClassName),
-    onClick: onRowClick ? function (event) {
+    onClick: onRowClick ? event => {
       if (event.target === event.currentTarget || event.target.classList.contains('yt-table__cell')) {
         event.preventDefault();
         event.persist();
         setActiveIndex(index);
         onRowClick(sanitizedRow);
       }
-    } : function () {
+    } : () => {
       setActiveIndex(index);
     }
-  });
-
-  var cells = row.cells;
+  };
+  let cells = row.cells;
 
   if (row.depth > 0) {
-    cells = row.cells.filter(function (cell) {
-      return !cell.column.hiddenOnSubRows;
-    });
+    cells = row.cells.filter(cell => !cell.column.hiddenOnSubRows);
   }
 
-  var expandedRow = rowExpansionRenderer && row.isExpanded && React__default.createElement("div", null, rowExpansionRenderer(sanitizedRow, instance));
-  var rowContent = React__default.useMemo(function () {
+  const expandedRow = rowExpansionRenderer && row.isExpanded && React__default.createElement("div", null, rowExpansionRenderer(sanitizedRow, instance));
+  const rowContent = React__default.useMemo(() => {
     return React__default.createElement(React__default.Fragment, null, React__default.createElement(FocusScope, {
       key: row.original._createKey,
       contain: true,
@@ -89,9 +84,7 @@ var Row = /*#__PURE__*/React__default.forwardRef(function TableRow(_ref, ref) {
       type: "hidden",
       name: "_inlineEditingUniqueId",
       value: row.original[inlineEditingUniqueId]
-    }), cells.map(function (cell) {
-      return renderCell(cell, sanitizedRow);
-    }))), expandedRow);
+    }), cells.map(cell => renderCell(cell, sanitizedRow)))), expandedRow);
   }, [row.original._createKey]);
 
   if (row.isEditing) {
@@ -101,9 +94,7 @@ var Row = /*#__PURE__*/React__default.forwardRef(function TableRow(_ref, ref) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", Object.assign({}, props, {
     role: "row",
     ref: ref
-  }), cells.map(function (cell) {
-    return renderCell(cell, sanitizedRow);
-  })), expandedRow);
+  }), cells.map(cell => renderCell(cell, sanitizedRow))), expandedRow);
 });
 
 export { Row };

package/dist/esm/components/Table/util/renderRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderRow.js","sources":["../../../../../src/components/Table/util/renderRow.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { FocusScope } from '@react-aria/focus';\nimport { InternalTableCell, TableRow } from '../types';\nimport { sanitizeRowProps } from '../util';\n\nconst renderCell = (cell: InternalTableCell, row: TableRow<any>): JSX.Element => {\n    const props = {\n        ...cell.getCellProps(),\n        className: cn('yt-table__cell flex-1 truncate p-2 align-middle', cell.column.className, {\n            'justify-start text-left': cell.column.align === 'left',\n            'justify-end text-right': cell.column.align === 'right',\n            'text-center': !cell.column.align,\n        }),\n        style: {\n            ...cell.column.style,\n            flex: typeof cell.column.flex === 'function' ? cell.column.flex(row) : cell.column.flex,\n        },\n    };\n    return (\n        <div {...props} role=\"gridcell\" data-taco=\"table-cell\">\n            {cell.render('Cell') || null}\n        </div>\n    );\n};\n\nexport const Row = React.forwardRef(function TableRow({ row, index, instance, headerGroups, ...rowProps }: any, ref: any) {\n    const {\n        activeIndex,\n        onRowClick,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        setActiveIndex,\n        style,\n        inlineEditingUniqueId,\n    } = rowProps;\n    const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n\n    const props = {\n        ...row.getRowProps(),\n        style: {\n            ...style,\n            minHeight: rowHeight ? `${rowHeight}px` : undefined,\n            paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined,\n        },\n        className: cn(\n            'yt-table__row border-grey-light flex border-b min-h-[2.5rem] hover:bg-grey-light',\n            {\n                'yt-table__row--active bg-grey-light hover:bg-grey-light': activeIndex === index,\n                'yt-table__row--clickable': !!onRowClick,\n                'yt-table__row--dragging': !!row.isDragging,\n                'yt-table__row--editing': !!row.isEditing,\n            },\n            typeof rowClassName === 'function' ? rowClassName(sanitizedRow) : rowClassName\n        ),\n        onClick: onRowClick\n            ? (event: React.MouseEvent<HTMLElement>) => {\n                  if (\n                      event.target === event.currentTarget ||\n                      (event.target as HTMLElement).classList.contains('yt-table__cell')\n                  ) {\n                      event.preventDefault();\n                      event.persist();\n                      setActiveIndex(index);\n                      onRowClick(sanitizedRow);\n                  }\n              }\n            : () => {\n                  setActiveIndex(index);\n              },\n    };\n\n    let cells = row.cells;\n\n    if (row.depth > 0) {\n        cells = row.cells.filter((cell: any) => !cell.column.hiddenOnSubRows);\n    }\n\n    const expandedRow = rowExpansionRenderer && row.isExpanded && <div>{rowExpansionRenderer(sanitizedRow, instance)}</div>;\n    const rowContent = React.useMemo(() => {\n        return (\n            <>\n                <FocusScope key={row.original._createKey} contain restoreFocus autoFocus>\n                    <div {...props} role=\"row\" ref={ref}>\n                        <input type=\"hidden\" name=\"_rowIndexPath\" value={row.id} />\n                        <input type=\"hidden\" name=\"_inlineEditingUniqueId\" value={row.original[inlineEditingUniqueId]} />\n                        {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n                    </div>\n                </FocusScope>\n                {expandedRow}\n            </>\n        );\n    }, [row.original._createKey]);\n\n    if (row.isEditing) {\n        return rowContent;\n    }\n\n    return (\n        <>\n            <div {...props} role=\"row\" ref={ref}>\n                {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n            </div>\n            {expandedRow}\n        </>\n    );\n});\n"],"names":["renderCell","cell","row","props","getCellProps","className","cn","column","align","style","flex","React","role","render","Row","forwardRef","TableRow","ref","index","instance","rowProps","activeIndex","onRowClick","rowClassName","rowExpansionRenderer","rowHeight","setActiveIndex","inlineEditingUniqueId","sanitizedRow","sanitizeRowProps","getRowProps","minHeight","undefined","paddingLeft","depth","isDragging","isEditing","onClick","event","target","currentTarget","classList","contains","preventDefault","persist","cells","filter","hiddenOnSubRows","expandedRow","isExpanded","rowContent","useMemo","FocusScope","key","original","_createKey","contain","restoreFocus","autoFocus","type","name","value","id","map"],"mappings":"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"}
+{"version":3,"file":"renderRow.js","sources":["../../../../../src/components/Table/util/renderRow.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { FocusScope } from '@react-aria/focus';\nimport { InternalTableCell, TableRow } from '../types';\nimport { sanitizeRowProps } from '../util';\n\nconst renderCell = (cell: InternalTableCell, row: TableRow<any>): JSX.Element => {\n    const props = {\n        ...cell.getCellProps(),\n        className: cn('yt-table__cell flex-1 truncate p-2 align-middle', cell.column.className, {\n            'justify-start text-left': cell.column.align === 'left',\n            'justify-end text-right': cell.column.align === 'right',\n            'text-center': !cell.column.align,\n        }),\n        style: {\n            ...cell.column.style,\n            flex: typeof cell.column.flex === 'function' ? cell.column.flex(row) : cell.column.flex,\n        },\n    };\n    return (\n        <div {...props} role=\"gridcell\" data-taco=\"table-cell\">\n            {cell.render('Cell') || null}\n        </div>\n    );\n};\n\nexport const Row = React.forwardRef(function TableRow({ row, index, instance, headerGroups, ...rowProps }: any, ref: any) {\n    const {\n        activeIndex,\n        onRowClick,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        setActiveIndex,\n        style,\n        inlineEditingUniqueId,\n    } = rowProps;\n    const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n\n    const props = {\n        ...row.getRowProps(),\n        style: {\n            ...style,\n            minHeight: rowHeight ? `${rowHeight}px` : undefined,\n            paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined,\n        },\n        className: cn(\n            'yt-table__row border-grey-light flex border-b min-h-[2.5rem] hover:bg-grey-light',\n            {\n                'yt-table__row--active bg-grey-light hover:bg-grey-light': activeIndex === index,\n                'yt-table__row--clickable': !!onRowClick,\n                'yt-table__row--dragging': !!row.isDragging,\n                'yt-table__row--editing': !!row.isEditing,\n            },\n            typeof rowClassName === 'function' ? rowClassName(sanitizedRow) : rowClassName\n        ),\n        onClick: onRowClick\n            ? (event: React.MouseEvent<HTMLElement>) => {\n                  if (\n                      event.target === event.currentTarget ||\n                      (event.target as HTMLElement).classList.contains('yt-table__cell')\n                  ) {\n                      event.preventDefault();\n                      event.persist();\n                      setActiveIndex(index);\n                      onRowClick(sanitizedRow);\n                  }\n              }\n            : () => {\n                  setActiveIndex(index);\n              },\n    };\n\n    let cells = row.cells;\n\n    if (row.depth > 0) {\n        cells = row.cells.filter((cell: any) => !cell.column.hiddenOnSubRows);\n    }\n\n    const expandedRow = rowExpansionRenderer && row.isExpanded && <div>{rowExpansionRenderer(sanitizedRow, instance)}</div>;\n    const rowContent = React.useMemo(() => {\n        return (\n            <>\n                <FocusScope key={row.original._createKey} contain restoreFocus autoFocus>\n                    <div {...props} role=\"row\" ref={ref}>\n                        <input type=\"hidden\" name=\"_rowIndexPath\" value={row.id} />\n                        <input type=\"hidden\" name=\"_inlineEditingUniqueId\" value={row.original[inlineEditingUniqueId]} />\n                        {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n                    </div>\n                </FocusScope>\n                {expandedRow}\n            </>\n        );\n    }, [row.original._createKey]);\n\n    if (row.isEditing) {\n        return rowContent;\n    }\n\n    return (\n        <>\n            <div {...props} role=\"row\" ref={ref}>\n                {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n            </div>\n            {expandedRow}\n        </>\n    );\n});\n"],"names":["renderCell","cell","row","props","getCellProps","className","cn","column","align","style","flex","React","role","render","Row","forwardRef","TableRow","index","instance","headerGroups","rowProps","ref","activeIndex","onRowClick","rowClassName","rowExpansionRenderer","rowHeight","setActiveIndex","inlineEditingUniqueId","sanitizedRow","sanitizeRowProps","getRowProps","minHeight","undefined","paddingLeft","depth","isDragging","isEditing","onClick","event","target","currentTarget","classList","contains","preventDefault","persist","cells","filter","hiddenOnSubRows","expandedRow","isExpanded","rowContent","useMemo","FocusScope","key","original","_createKey","contain","restoreFocus","autoFocus","type","name","value","id","map"],"mappings":"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"}

package/dist/esm/components/Table/util/rowIndexPath.js

@@ -1,21 +1,21 @@
 import set from 'lodash-es/set';
 
-var convertRowIndexPathToNumberArray = function convertRowIndexPathToNumberArray(rowIndexPath) {
+const convertRowIndexPathToNumberArray = rowIndexPath => {
   var _rowIndexPath$split$m;
 
   return (_rowIndexPath$split$m = rowIndexPath === null || rowIndexPath === void 0 ? void 0 : rowIndexPath.split('.').map(Number)) !== null && _rowIndexPath$split$m !== void 0 ? _rowIndexPath$split$m : [];
 };
-var getByRowIndexPath = function getByRowIndexPath(data, rowIndexPath) {
+const getByRowIndexPath = (data, rowIndexPath) => {
   if (!rowIndexPath) {
     return undefined;
   }
 
-  var currenTRow = [].concat(data);
-  var indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));
+  const currenTRow = [...data];
+  const indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));
 
   if (indexes.length) {
-    var startIndex = indexes.shift();
-    return indexes.reduce(function (value, index) {
+    const startIndex = indexes.shift();
+    return indexes.reduce((value, index) => {
       var _value$subRows;
 
       return value === null || value === void 0 ? void 0 : (_value$subRows = value.subRows) === null || _value$subRows === void 0 ? void 0 : _value$subRows[index];
@@ -24,15 +24,13 @@ var getByRowIndexPath = function getByRowIndexPath(data, rowIndexPath) {
 
   return undefined;
 };
-var setByRowIndexPath = function setByRowIndexPath(data, rowIndexPath, values) {
-  var nexTRow = [].concat(data);
-  var rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
-  var rootIndex = rowIndexes.shift();
+const setByRowIndexPath = (data, rowIndexPath, values) => {
+  const nexTRow = [...data];
+  const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+  const rootIndex = rowIndexes.shift();
 
   if (rowIndexes.length) {
-    var path = rowIndexes.map(function (index) {
-      return "subRows[" + index + "]";
-    }).join('.');
+    const path = rowIndexes.map(index => `subRows[${index}]`).join('.');
     set(nexTRow[rootIndex], path, values);
   } else {
     nexTRow[rootIndex] = values;
@@ -40,11 +38,11 @@ var setByRowIndexPath = function setByRowIndexPath(data, rowIndexPath, values) {
 
   return nexTRow;
 };
-var getParentRowIndexPath = function getParentRowIndexPath(rowIndexPath) {
-  var parentIndexPath;
+const getParentRowIndexPath = rowIndexPath => {
+  let parentIndexPath;
 
   if (rowIndexPath) {
-    var rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
     rowIndexes.pop();
 
     if (rowIndexes.length) {

package/dist/esm/components/Table/util/rowIndexPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"rowIndexPath.js","sources":["../../../../../src/components/Table/util/rowIndexPath.ts"],"sourcesContent":["import set from 'lodash/set';\nimport { Row, RowIndexPath } from '../types';\n\nexport const convertRowIndexPathToNumberArray = (rowIndexPath: RowIndexPath): number[] =>\n    rowIndexPath?.split('.').map(Number) ?? [];\n\nexport const getByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath): Row<TRow> | undefined => {\n    if (!rowIndexPath) {\n        return undefined;\n    }\n\n    const currenTRow = [...data];\n    const indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));\n\n    if (indexes.length) {\n        const startIndex = indexes.shift() as number;\n        return indexes.reduce((value, index) => value?.subRows?.[index], currenTRow[startIndex]);\n    }\n\n    return undefined;\n};\n\nexport const setByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath, values: any): Row<TRow>[] => {\n    const nexTRow = [...data];\n\n    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\n    const rootIndex = rowIndexes.shift() as number;\n\n    if (rowIndexes.length) {\n        const path = rowIndexes.map(index => `subRows[${index}]`).join('.');\n        set(nexTRow[rootIndex], path, values);\n    } else {\n        nexTRow[rootIndex] = values;\n    }\n\n    return nexTRow;\n};\n\nexport const getParentRowIndexPath = (rowIndexPath: RowIndexPath): RowIndexPath => {\n    let parentIndexPath;\n\n    if (rowIndexPath) {\n        const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\n        rowIndexes.pop();\n\n        if (rowIndexes.length) {\n            parentIndexPath = rowIndexes.join('.');\n        }\n    }\n\n    return parentIndexPath;\n};\n"],"names":["convertRowIndexPathToNumberArray","rowIndexPath","split","map","Number","getByRowIndexPath","data","undefined","currenTRow","indexes","String","length","startIndex","shift","reduce","value","index","subRows","setByRowIndexPath","values","nexTRow","rowIndexes","rootIndex","path","join","set","getParentRowIndexPath","parentIndexPath","pop"],"mappings":";;IAGaA,gCAAgC,GAAG,SAAnCA,gCAAmC,CAACC,YAAD;EAAA;;EAAA,gCAC5CA,YAD4C,aAC5CA,YAD4C,uBAC5CA,YAAY,CAAEC,KAAd,CAAoB,GAApB,EAAyBC,GAAzB,CAA6BC,MAA7B,CAD4C,yEACJ,EADI;AAAA;IAGnCC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAOC,IAAP,EAA0BL,YAA1B;EAC7B,IAAI,CAACA,YAAL,EAAmB;IACf,OAAOM,SAAP;;;EAGJ,IAAMC,UAAU,aAAOF,IAAP,CAAhB;EACA,IAAMG,OAAO,GAAGT,gCAAgC,CAACU,MAAM,CAACT,YAAD,CAAP,CAAhD;;EAEA,IAAIQ,OAAO,CAACE,MAAZ,EAAoB;IAChB,IAAMC,UAAU,GAAGH,OAAO,CAACI,KAAR,EAAnB;IACA,OAAOJ,OAAO,CAACK,MAAR,CAAe,UAACC,KAAD,EAAQC,KAAR;MAAA;;MAAA,OAAkBD,KAAlB,aAAkBA,KAAlB,yCAAkBA,KAAK,CAAEE,OAAzB,mDAAkB,eAAiBD,KAAjB,CAAlB;KAAf,EAA0DR,UAAU,CAACI,UAAD,CAApE,CAAP;;;EAGJ,OAAOL,SAAP;AACH;IAEYW,iBAAiB,GAAG,SAApBA,iBAAoB,CAAOZ,IAAP,EAA0BL,YAA1B,EAAsDkB,MAAtD;EAC7B,IAAMC,OAAO,aAAOd,IAAP,CAAb;EAEA,IAAMe,UAAU,GAAGrB,gCAAgC,CAACC,YAAD,CAAnD;EACA,IAAMqB,SAAS,GAAGD,UAAU,CAACR,KAAX,EAAlB;;EAEA,IAAIQ,UAAU,CAACV,MAAf,EAAuB;IACnB,IAAMY,IAAI,GAAGF,UAAU,CAAClB,GAAX,CAAe,UAAAa,KAAK;MAAA,oBAAeA,KAAf;KAApB,EAA6CQ,IAA7C,CAAkD,GAAlD,CAAb;IACAC,GAAG,CAACL,OAAO,CAACE,SAAD,CAAR,EAAqBC,IAArB,EAA2BJ,MAA3B,CAAH;GAFJ,MAGO;IACHC,OAAO,CAACE,SAAD,CAAP,GAAqBH,MAArB;;;EAGJ,OAAOC,OAAP;AACH;IAEYM,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACzB,YAAD;EACjC,IAAI0B,eAAJ;;EAEA,IAAI1B,YAAJ,EAAkB;IACd,IAAMoB,UAAU,GAAGrB,gCAAgC,CAACC,YAAD,CAAnD;IACAoB,UAAU,CAACO,GAAX;;IAEA,IAAIP,UAAU,CAACV,MAAf,EAAuB;MACnBgB,eAAe,GAAGN,UAAU,CAACG,IAAX,CAAgB,GAAhB,CAAlB;;;;EAIR,OAAOG,eAAP;AACH;;;;"}
+{"version":3,"file":"rowIndexPath.js","sources":["../../../../../src/components/Table/util/rowIndexPath.ts"],"sourcesContent":["import set from 'lodash/set';\nimport { Row, RowIndexPath } from '../types';\n\nexport const convertRowIndexPathToNumberArray = (rowIndexPath: RowIndexPath): number[] =>\n    rowIndexPath?.split('.').map(Number) ?? [];\n\nexport const getByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath): Row<TRow> | undefined => {\n    if (!rowIndexPath) {\n        return undefined;\n    }\n\n    const currenTRow = [...data];\n    const indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));\n\n    if (indexes.length) {\n        const startIndex = indexes.shift() as number;\n        return indexes.reduce((value, index) => value?.subRows?.[index], currenTRow[startIndex]);\n    }\n\n    return undefined;\n};\n\nexport const setByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath, values: any): Row<TRow>[] => {\n    const nexTRow = [...data];\n\n    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\n    const rootIndex = rowIndexes.shift() as number;\n\n    if (rowIndexes.length) {\n        const path = rowIndexes.map(index => `subRows[${index}]`).join('.');\n        set(nexTRow[rootIndex], path, values);\n    } else {\n        nexTRow[rootIndex] = values;\n    }\n\n    return nexTRow;\n};\n\nexport const getParentRowIndexPath = (rowIndexPath: RowIndexPath): RowIndexPath => {\n    let parentIndexPath;\n\n    if (rowIndexPath) {\n        const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\n        rowIndexes.pop();\n\n        if (rowIndexes.length) {\n            parentIndexPath = rowIndexes.join('.');\n        }\n    }\n\n    return parentIndexPath;\n};\n"],"names":["convertRowIndexPathToNumberArray","rowIndexPath","split","map","Number","getByRowIndexPath","data","undefined","currenTRow","indexes","String","length","startIndex","shift","reduce","value","index","subRows","setByRowIndexPath","values","nexTRow","rowIndexes","rootIndex","path","join","set","getParentRowIndexPath","parentIndexPath","pop"],"mappings":";;MAGaA,gCAAgC,GAAIC,YAAD;EAAA;;EAAA,gCAC5CA,YAD4C,aAC5CA,YAD4C,uBAC5CA,YAAY,CAAEC,KAAd,CAAoB,GAApB,EAAyBC,GAAzB,CAA6BC,MAA7B,CAD4C,yEACJ,EADI;AAAA;MAGnCC,iBAAiB,GAAG,CAAOC,IAAP,EAA0BL,YAA1B;EAC7B,IAAI,CAACA,YAAL,EAAmB;IACf,OAAOM,SAAP;;;EAGJ,MAAMC,UAAU,GAAG,CAAC,GAAGF,IAAJ,CAAnB;EACA,MAAMG,OAAO,GAAGT,gCAAgC,CAACU,MAAM,CAACT,YAAD,CAAP,CAAhD;;EAEA,IAAIQ,OAAO,CAACE,MAAZ,EAAoB;IAChB,MAAMC,UAAU,GAAGH,OAAO,CAACI,KAAR,EAAnB;IACA,OAAOJ,OAAO,CAACK,MAAR,CAAe,CAACC,KAAD,EAAQC,KAAR;MAAA;;MAAA,OAAkBD,KAAlB,aAAkBA,KAAlB,yCAAkBA,KAAK,CAAEE,OAAzB,mDAAkB,eAAiBD,KAAjB,CAAlB;KAAf,EAA0DR,UAAU,CAACI,UAAD,CAApE,CAAP;;;EAGJ,OAAOL,SAAP;AACH;MAEYW,iBAAiB,GAAG,CAAOZ,IAAP,EAA0BL,YAA1B,EAAsDkB,MAAtD;EAC7B,MAAMC,OAAO,GAAG,CAAC,GAAGd,IAAJ,CAAhB;EAEA,MAAMe,UAAU,GAAGrB,gCAAgC,CAACC,YAAD,CAAnD;EACA,MAAMqB,SAAS,GAAGD,UAAU,CAACR,KAAX,EAAlB;;EAEA,IAAIQ,UAAU,CAACV,MAAf,EAAuB;IACnB,MAAMY,IAAI,GAAGF,UAAU,CAAClB,GAAX,CAAea,KAAK,eAAeA,QAAnC,EAA6CQ,IAA7C,CAAkD,GAAlD,CAAb;IACAC,GAAG,CAACL,OAAO,CAACE,SAAD,CAAR,EAAqBC,IAArB,EAA2BJ,MAA3B,CAAH;GAFJ,MAGO;IACHC,OAAO,CAACE,SAAD,CAAP,GAAqBH,MAArB;;;EAGJ,OAAOC,OAAP;AACH;MAEYM,qBAAqB,GAAIzB,YAAD;EACjC,IAAI0B,eAAJ;;EAEA,IAAI1B,YAAJ,EAAkB;IACd,MAAMoB,UAAU,GAAGrB,gCAAgC,CAACC,YAAD,CAAnD;IACAoB,UAAU,CAACO,GAAX;;IAEA,IAAIP,UAAU,CAACV,MAAf,EAAuB;MACnBgB,eAAe,GAAGN,UAAU,CAACG,IAAX,CAAgB,GAAhB,CAAlB;;;;EAIR,OAAOG,eAAP;AACH;;;;"}

package/dist/esm/components/Table/util/sortTypes.js

@@ -1,17 +1,9 @@
-var getTime = function getTime(value) {
-  var parsedValue = typeof value === 'string' ? new Date(value) : value;
+const getTime = value => {
+  const parsedValue = typeof value === 'string' ? new Date(value) : value;
   return parsedValue !== null && parsedValue !== void 0 && parsedValue.getTime ? parsedValue.getTime() : undefined;
 };
 
-var getNumber = function getNumber(amount, decimalSeparator) {
-  if (amount === void 0) {
-    amount = '';
-  }
-
-  if (decimalSeparator === void 0) {
-    decimalSeparator = ',';
-  }
-
+const getNumber = (amount = '', decimalSeparator = ',') => {
   if (typeof amount === 'number') {
     return amount;
   }
@@ -20,7 +12,7 @@ var getNumber = function getNumber(amount, decimalSeparator) {
     return undefined;
   }
 
-  var value;
+  let value;
 
   if (decimalSeparator === ',') {
     // replace digit seperator then replace decimal separator
@@ -33,7 +25,7 @@ var getNumber = function getNumber(amount, decimalSeparator) {
   return Number.isNaN(value) ? undefined : value;
 };
 
-var getString = function getString(value) {
+const getString = value => {
   if (value) {
     return String(value).toLowerCase();
   }
@@ -41,7 +33,7 @@ var getString = function getString(value) {
   return undefined;
 };
 
-var guess = function guess(value) {
+const guess = value => {
   if (typeof value === 'boolean') {
     return !!value;
   }
@@ -49,7 +41,7 @@ var guess = function guess(value) {
   return isNaN(value) ? getString(value) : Number(value);
 };
 
-var compareBasic = function compareBasic(a, b) {
+const compareBasic = (a, b) => {
   // places undefined values first in ascending order instead of descending
   if (a !== undefined && b === undefined) {
     return 1;
@@ -58,30 +50,30 @@ var compareBasic = function compareBasic(a, b) {
   return a === b ? 0 : a > b ? 1 : -1;
 };
 
-var sortTypes = {
-  datetime: function datetime(rowA, rowB, columnId) {
-    var a = getTime(rowA.values[columnId]);
-    var b = getTime(rowB.values[columnId]);
+const sortTypes = {
+  datetime: (rowA, rowB, columnId) => {
+    const a = getTime(rowA.values[columnId]);
+    const b = getTime(rowB.values[columnId]);
     return compareBasic(a, b);
   },
-  string: function string(rowA, rowB, columnId) {
-    var a = getString(rowA.values[columnId]);
-    var b = getString(rowB.values[columnId]);
+  string: (rowA, rowB, columnId) => {
+    const a = getString(rowA.values[columnId]);
+    const b = getString(rowB.values[columnId]);
     return compareBasic(a, b);
   },
-  number: function number(rowA, rowB, columnId) {
-    var a = getNumber(rowA.values[columnId]);
-    var b = getNumber(rowB.values[columnId]);
+  number: (rowA, rowB, columnId) => {
+    const a = getNumber(rowA.values[columnId]);
+    const b = getNumber(rowB.values[columnId]);
     return compareBasic(a, b);
   },
-  "boolean": function boolean(rowA, rowB, columnId) {
-    var a = !!rowA.values[columnId];
-    var b = !!rowB.values[columnId];
+  boolean: (rowA, rowB, columnId) => {
+    const a = !!rowA.values[columnId];
+    const b = !!rowB.values[columnId];
     return compareBasic(a, b);
   },
-  auto: function auto(rowA, rowB, columnId) {
-    var a = guess(rowA.values[columnId]);
-    var b = guess(rowB.values[columnId]);
+  auto: (rowA, rowB, columnId) => {
+    const a = guess(rowA.values[columnId]);
+    const b = guess(rowB.values[columnId]);
     return compareBasic(a, b);
   }
 };

package/dist/esm/components/Table/util/sortTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortTypes.js","sources":["../../../../../src/components/Table/util/sortTypes.ts"],"sourcesContent":["import { SortTypes, TableRow } from '../types';\n\nconst getTime = (value: any): number | undefined => {\n    const parsedValue: Date = typeof value === 'string' ? new Date(value) : value;\n    return parsedValue?.getTime ? parsedValue.getTime() : undefined;\n};\n\nconst getNumber = (amount = '', decimalSeparator = ','): number | undefined => {\n    if (typeof amount === 'number') {\n        return amount;\n    }\n\n    if (amount === null || !amount.length) {\n        return undefined;\n    }\n\n    let value;\n\n    if (decimalSeparator === ',') {\n        // replace digit seperator then replace decimal separator\n        value = Number(amount.replace(/\\./g, '').replace(',', '.'));\n    } else {\n        // replace digit seperator\n        value = Number(amount.replace(/,/g, ''));\n    }\n\n    return Number.isNaN(value) ? undefined : value;\n};\n\nconst getString = (value: any): string | undefined => {\n    if (value) {\n        return String(value).toLowerCase();\n    }\n\n    return undefined;\n};\n\nconst guess = (value: any): any => {\n    if (typeof value === 'boolean') {\n        return !!value;\n    }\n\n    return isNaN(value) ? getString(value) : Number(value);\n};\n\nconst compareBasic = (a: any, b: any) => {\n    // places undefined values first in ascending order instead of descending\n    if (a !== undefined && b === undefined) {\n        return 1;\n    }\n\n    return a === b ? 0 : a > b ? 1 : -1;\n};\n\ntype SortHandler<T> = (rowA: TableRow<T>, rowB: TableRow<T>, columnId: string) => 0 | 1 | -1;\n\nexport const sortTypes: Record<SortTypes, SortHandler<any>> = {\n    datetime: (rowA, rowB, columnId) => {\n        const a = getTime(rowA.values[columnId]);\n        const b = getTime(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    string: (rowA, rowB, columnId) => {\n        const a = getString(rowA.values[columnId]);\n        const b = getString(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    number: (rowA, rowB, columnId) => {\n        const a = getNumber(rowA.values[columnId]);\n        const b = getNumber(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    boolean: (rowA, rowB, columnId) => {\n        const a = !!rowA.values[columnId];\n        const b = !!rowB.values[columnId];\n        return compareBasic(a, b);\n    },\n    auto: (rowA, rowB, columnId) => {\n        const a = guess(rowA.values[columnId]);\n        const b = guess(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n};\n"],"names":["getTime","value","parsedValue","Date","undefined","getNumber","amount","decimalSeparator","length","Number","replace","isNaN","getString","String","toLowerCase","guess","compareBasic","a","b","sortTypes","datetime","rowA","rowB","columnId","values","string","number","auto"],"mappings":"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"}
+{"version":3,"file":"sortTypes.js","sources":["../../../../../src/components/Table/util/sortTypes.ts"],"sourcesContent":["import { SortTypes, TableRow } from '../types';\n\nconst getTime = (value: any): number | undefined => {\n    const parsedValue: Date = typeof value === 'string' ? new Date(value) : value;\n    return parsedValue?.getTime ? parsedValue.getTime() : undefined;\n};\n\nconst getNumber = (amount = '', decimalSeparator = ','): number | undefined => {\n    if (typeof amount === 'number') {\n        return amount;\n    }\n\n    if (amount === null || !amount.length) {\n        return undefined;\n    }\n\n    let value;\n\n    if (decimalSeparator === ',') {\n        // replace digit seperator then replace decimal separator\n        value = Number(amount.replace(/\\./g, '').replace(',', '.'));\n    } else {\n        // replace digit seperator\n        value = Number(amount.replace(/,/g, ''));\n    }\n\n    return Number.isNaN(value) ? undefined : value;\n};\n\nconst getString = (value: any): string | undefined => {\n    if (value) {\n        return String(value).toLowerCase();\n    }\n\n    return undefined;\n};\n\nconst guess = (value: any): any => {\n    if (typeof value === 'boolean') {\n        return !!value;\n    }\n\n    return isNaN(value) ? getString(value) : Number(value);\n};\n\nconst compareBasic = (a: any, b: any) => {\n    // places undefined values first in ascending order instead of descending\n    if (a !== undefined && b === undefined) {\n        return 1;\n    }\n\n    return a === b ? 0 : a > b ? 1 : -1;\n};\n\ntype SortHandler<T> = (rowA: TableRow<T>, rowB: TableRow<T>, columnId: string) => 0 | 1 | -1;\n\nexport const sortTypes: Record<SortTypes, SortHandler<any>> = {\n    datetime: (rowA, rowB, columnId) => {\n        const a = getTime(rowA.values[columnId]);\n        const b = getTime(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    string: (rowA, rowB, columnId) => {\n        const a = getString(rowA.values[columnId]);\n        const b = getString(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    number: (rowA, rowB, columnId) => {\n        const a = getNumber(rowA.values[columnId]);\n        const b = getNumber(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n    boolean: (rowA, rowB, columnId) => {\n        const a = !!rowA.values[columnId];\n        const b = !!rowB.values[columnId];\n        return compareBasic(a, b);\n    },\n    auto: (rowA, rowB, columnId) => {\n        const a = guess(rowA.values[columnId]);\n        const b = guess(rowB.values[columnId]);\n        return compareBasic(a, b);\n    },\n};\n"],"names":["getTime","value","parsedValue","Date","undefined","getNumber","amount","decimalSeparator","length","Number","replace","isNaN","getString","String","toLowerCase","guess","compareBasic","a","b","sortTypes","datetime","rowA","rowB","columnId","values","string","number","boolean","auto"],"mappings":"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"}

package/dist/esm/components/Table/util.js

@@ -1,11 +1,9 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 
-var _excluded = ["children"];
-var sanitizeRowProps = function sanitizeRowProps(row, rowExpansionRenderer) {
+const sanitizeRowProps = (row, rowExpansionRenderer) => {
   var _row$subRows;
 
-  var props = {
+  const props = {
     index: row.index,
     indexPath: row.id,
     values: row.original
@@ -15,15 +13,11 @@ var sanitizeRowProps = function sanitizeRowProps(row, rowExpansionRenderer) {
     props.isExpanded = !!row.isExpanded;
     props.depth = row.depth;
 
-    props.toggleRowExpanded = function () {
-      return row.toggleRowExpanded(!props.isExpanded);
-    };
+    props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);
   } else if (rowExpansionRenderer) {
     props.isExpanded = !!row.isExpanded;
 
-    props.toggleRowExpanded = function () {
-      return row.toggleRowExpanded(!props.isExpanded);
-    };
+    props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);
   }
 
   if (row.toggleRowEditing) {
@@ -33,40 +27,36 @@ var sanitizeRowProps = function sanitizeRowProps(row, rowExpansionRenderer) {
 
   return props;
 };
-var getColumnsFromChildren = function getColumnsFromChildren(children, rowExpansionRenderer) {
-  var sortRules = [];
-  var columns = React__default.Children.toArray(children).filter(function (child) {
-    return !!child && !child.props.hidden;
-  }) // skip falsey or hidden columns
-  .map(function (_ref) {
-    var _ref$props = _ref.props,
-        groupChildren = _ref$props.children,
-        props = _objectWithoutPropertiesLoose(_ref$props, _excluded);
-
-    var column = _extends({}, props);
-
+const getColumnsFromChildren = (children, rowExpansionRenderer) => {
+  const sortRules = [];
+  const columns = React__default.Children.toArray(children).filter(child => !!child && !child.props.hidden) // skip falsey or hidden columns
+  .map(({
+    props: {
+      children: groupChildren,
+      ...props
+    }
+  }) => {
+    const column = { ...props
+    };
     column.sortType = column.sortType || 'auto';
     column.disableSortBy = column.disableSorting; // this is a Table.Group - TODO: Find a better way to determine the child type
 
     if (props.title && groupChildren) {
       column.Header = props.title;
-
-      var _getColumnsFromChildr = getColumnsFromChildren(groupChildren, rowExpansionRenderer),
-          groupColumns = _getColumnsFromChildr.columns,
-          groupSortRules = _getColumnsFromChildr.sortRules;
-
+      const {
+        columns: groupColumns,
+        sortRules: groupSortRules
+      } = getColumnsFromChildren(groupChildren, rowExpansionRenderer);
       column.columns = groupColumns;
-      groupSortRules.forEach(function (sort) {
-        return sortRules.push(sort);
-      });
+      groupSortRules.forEach(sort => sortRules.push(sort));
     } else {
       column.accessor = props.accessor;
       column.Header = props.headRenderer || '';
 
-      column.Cell = function (columnProps) {
+      column.Cell = columnProps => {
         var _props$cellRenderer, _cell$value;
 
-        var cell = {
+        const cell = {
           accessor: columnProps.cell.column.id,
           row: sanitizeRowProps(columnProps.cell.row, rowExpansionRenderer),
           value: columnProps.cell.value
@@ -94,17 +84,15 @@ var getColumnsFromChildren = function getColumnsFromChildren(children, rowExpans
     return column;
   });
   return {
-    columns: columns,
-    sortRules: sortRules
+    columns,
+    sortRules
   };
 };
-var getInternalSortRules = function getInternalSortRules(sortRules) {
-  return sortRules === null || sortRules === void 0 ? void 0 : sortRules.map(function (rule) {
-    return {
-      id: rule.accessor,
-      desc: rule.desc
-    };
-  });
+const getInternalSortRules = sortRules => {
+  return sortRules === null || sortRules === void 0 ? void 0 : sortRules.map(rule => ({
+    id: rule.accessor,
+    desc: rule.desc
+  }));
 };
 
 export { getColumnsFromChildren, getInternalSortRules, sanitizeRowProps };