@economic/taco 1.1.7 → 1.1.8

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

@@ -0,0 +1,217 @@
+import React__default from 'react';
+import { useLocalization } from '../../Provider/Provider.js';
+import { useTable as useTable$1, useRowState, useSortBy, useExpanded, usePagination } from 'react-table';
+import { getColumnsFromChildren, getInternalSortRules, sanitizeRowProps } from '../util.js';
+import { sortTypes } from '../util/sortTypes.js';
+import { useRowEditing } from './plugins/useRowEditing.js';
+import { useRowActions } from './plugins/useRowActions.js';
+import { useRowSelect } from './plugins/useRowSelect.js';
+import { useTableKeyboardNavigation } from './useTableKeyboardNavigation.js';
+import { useRowDraggable } from './plugins/useRowDraggable.js';
+
+const useTableRowActive = (activeIndex, rows, rowExpansionRenderer, handleonRowActive) => {
+  React__default.useEffect(() => {
+    if (activeIndex !== undefined && rows.length && handleonRowActive) {
+      const focusedRow = rows[activeIndex];
+
+      if (focusedRow) {
+        const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);
+        handleonRowActive(sanitizedFocusedRow);
+      }
+    }
+  }, [activeIndex, rows]);
+};
+
+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;
+    }
+  }, [ref]);
+  return sanitizedInstance;
+};
+
+const useTablePaginationListener = (disablePagination, onPaginate, state) => {
+  React__default.useEffect(() => {
+    if (!disablePagination && onPaginate) {
+      onPaginate(state.pageIndex, state.pageSize);
+    }
+  }, [state.pageIndex, state.pageSize]);
+};
+
+const useTableSortingListener = (data, sortedRows, onSort, manualSorting, state) => {
+  React__default.useEffect(() => {
+    if (onSort) {
+      const sortRules = state.sortBy.map(rule => ({
+        accessor: rule.id,
+        desc: rule.desc
+      }));
+
+      if (manualSorting) {
+        onSort(sortRules);
+      } else {
+        let sortedData;
+
+        if (sortRules.length && sortedRows !== null && sortedRows !== void 0 && sortedRows.length) {
+          sortedData = sortedRows.map(row => row.original);
+        }
+
+        onSort(sortRules, sortedData || data);
+      }
+    }
+  }, [onSort && JSON.stringify(state.sortBy), manualSorting]);
+};
+
+const DEFAULT_PAGE_SIZE = 10;
+const useTable = (props, ref) => {
+  var _otherProps$tabIndex;
+
+  const {
+    children,
+    data,
+    dangerouslyHijackGlobalKeyboardNavigation: _1,
+    onRowClick,
+    onRowDrag,
+    onSelectedRows,
+    rowClassName,
+    rowExpansionRenderer,
+    rowHeight,
+    selectedRows,
+    // sorting
+    disableSorting,
+    manualSorting,
+    onSort,
+    sortRules,
+    // pagination
+    disablePagination = true,
+    length,
+    onPaginate,
+    pageSize = DEFAULT_PAGE_SIZE,
+    pageIndex = 0,
+    // row editing
+    inlineEditingUniqueId = undefined,
+    onRowCreate,
+    // actions
+    actions,
+    onRowEdit,
+    onRowCopy,
+    onRowDelete,
+    onRowActive,
+    windowed = false,
+    ...otherProps
+  } = props;
+
+  if (onSelectedRows && !selectedRows || !onSelectedRows && selectedRows) {
+    throw new Error('Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection');
+  }
+
+  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
+      sortBy: getInternalSortRules(sortRules) || defaultSortRules,
+      pageSize: !disablePagination ? pageSize : undefined,
+      pageIndex: !disablePagination ? pageIndex : undefined
+    },
+    manualPagination,
+    pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,
+    manualSortBy: manualSorting,
+    disableSortBy: disableSorting,
+    // most of these resets preventions are needed for editing mode
+    autoResetExpanded: false,
+    autoResetSelectedRows: false,
+    autoResetSortBy: false,
+    autoResetPage: false,
+    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,
+    onRowEdit,
+    onRowCopy,
+    onRowDelete
+  }, actions, rowExpansionRenderer, texts, windowed));
+  useTablePaginationListener(disablePagination, onPaginate, state);
+  useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);
+  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);
+  const prepareRow = React__default.useCallback((row, index) => {
+    prepareBaseRow(row);
+
+    row.setActive = () => setActiveIndex(index);
+  }, [prepareBaseRow, setActiveIndex]);
+  return {
+    rowProps: {
+      activeIndex,
+      setActiveIndex,
+      onRowClick,
+      rowClassName,
+      rowExpansionRenderer,
+      rowHeight,
+      inlineEditingUniqueId
+    },
+    tableProps: { ...otherProps,
+      headerGroups,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      tabIndex: (_otherProps$tabIndex = otherProps.tabIndex) !== null && _otherProps$tabIndex !== void 0 ? _otherProps$tabIndex : 0
+    },
+    state,
+    pagination: !disablePagination ? {
+      length: manualPagination && length ? length : data.length,
+      pageIndex: state.pageIndex,
+      pageSize: state.pageSize,
+      setPageIndex: gotoPage,
+      setPageSize: setPageSize
+    } : null,
+    rows: visibleRows,
+    prepareRow,
+    instance: sanitizedInstance
+  };
+};
+
+export { useTable };
+//# sourceMappingURL=useTable.js.map

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

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

@@ -0,0 +1,137 @@
+import React__default from 'react';
+import keycode from 'keycode';
+import { getNextIndexFromKeycode } from '../../../utils/hooks/useListKeyboardNavigation.js';
+import { sanitizeRowProps } from '../util.js';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+
+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
+  });
+
+  const onKeyDown = event => {
+    var _document$activeEleme;
+
+    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;
+    } // abort key handling if other elements inside table are focused and we don't use global keyboard navigation
+
+
+    if (!useGlobalKeyboardNavigation && document.activeElement !== ref.current) {
+      return;
+    }
+
+    if (activeIndex !== undefined) {
+      const currentRow = rows[activeIndex];
+
+      if (currentRow) {
+        const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);
+
+        if (rowProps.onRowClick && event.keyCode === keycode('enter')) {
+          event.preventDefault();
+          rowProps.onRowClick(sanitizedRow);
+          return;
+        }
+
+        if (currentRow.toggleRowSelected && event.keyCode === keycode('space')) {
+          event.preventDefault();
+          currentRow.toggleRowSelected();
+          return;
+        }
+
+        if (currentRow.toggleRowExpanded) {
+          if (currentRow.isExpanded && event.keyCode === keycode('left')) {
+            event.preventDefault();
+            currentRow.toggleRowExpanded();
+            return;
+          } else if (!currentRow.isExpanded && event.keyCode === keycode('right')) {
+            event.preventDefault();
+            currentRow.toggleRowExpanded();
+            return;
+          }
+        } // inline editing
+
+
+        if (currentRow.toggleRowEditing) {
+          if (currentRow.canEdit && !currentRow.isEditing) {
+            if (rowProps.onRowCreate && event.shiftKey && event.keyCode === keycode('n')) {
+              event.preventDefault();
+
+              if (!currentRow.isExpanded) {
+                currentRow.toggleRowExpanded();
+              }
+
+              rowProps.onRowCreate(sanitizedRow, event);
+              return;
+            }
+
+            if (event.keyCode === keycode('e')) {
+              event.preventDefault();
+              currentRow.toggleRowEditing();
+              return;
+            }
+          }
+        }
+
+        if (rowProps.onRowEdit && event.keyCode === keycode('e') && !isModifierKeyPressed) {
+          event.preventDefault();
+          rowProps.onRowEdit(sanitizedRow, event);
+          return;
+        }
+
+        if (rowProps.onRowCopy && event.keyCode === keycode('c') && !isModifierKeyPressed) {
+          event.preventDefault();
+          rowProps.onRowCopy(sanitizedRow, event);
+          return;
+        }
+
+        if (rowProps.onRowDelete && event.keyCode === keycode('delete') && !isModifierKeyPressed) {
+          event.preventDefault();
+          rowProps.onRowDelete(sanitizedRow, event);
+          return;
+        }
+      }
+    }
+
+    const nextIndex = getNextIndexFromKeycode(event.keyCode, rows.length, activeIndex);
+
+    if (nextIndex !== undefined) {
+      event.preventDefault();
+      setActiveIndex(nextIndex);
+    }
+  };
+
+  const handleKeyDown = event => {
+    if (!useGlobalKeyboardNavigation) {
+      onKeyDown(event.nativeEvent);
+    }
+  };
+
+  React__default.useEffect(() => {
+    if (useGlobalKeyboardNavigation) {
+      window.addEventListener('keydown', onKeyDown);
+    }
+
+    return () => {
+      if (useGlobalKeyboardNavigation) {
+        window.removeEventListener('keydown', onKeyDown);
+      }
+    };
+  }, [onKeyDown]);
+
+  const handleFocus = () => {
+    if (activeIndex === undefined && rows.length) {
+      setActiveIndex(0);
+    }
+  };
+
+  return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];
+};
+
+export { useTableKeyboardNavigation };
+//# sourceMappingURL=useTableKeyboardNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableKeyboardNavigation.js","sources":["../../../../../src/components/Table/hooks/useTableKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\r\nimport keycode from 'keycode';\r\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\r\nimport { getNextIndexFromKeycode } from '../../../utils/hooks/useListKeyboardNavigation';\r\nimport { sanitizeRowProps } from '../util';\r\nimport { TableProps } from '../types';\r\n\r\nexport const useTableKeyboardNavigation = <T extends {}>(\r\n    props: TableProps<T>,\r\n    rows: any[],\r\n    rowProps: any,\r\n    ref: React.RefObject<HTMLDivElement>\r\n): [\r\n    number | undefined,\r\n    (index: number) => void,\r\n    (event: React.KeyboardEvent<HTMLElement>) => void,\r\n    (event: React.FocusEvent<HTMLElement>) => void\r\n] => {\r\n    const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;\r\n\r\n    const [activeIndex, setActiveIndex] = useControllableState<number | undefined>({\r\n        prop: props.activeIndex,\r\n        defaultProp:\r\n            props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,\r\n        onChange: props.onChangeActiveIndex,\r\n    });\r\n\r\n    const onKeyDown = (event: KeyboardEvent): void => {\r\n        const isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;\r\n\r\n        if (\r\n            useGlobalKeyboardNavigation &&\r\n            document.activeElement !== ref.current &&\r\n            document.activeElement?.getAttribute('type') !== 'search' &&\r\n            document.activeElement !== document.body\r\n        ) {\r\n            return;\r\n        }\r\n        // abort key handling if other elements inside table are focused and we don't use global keyboard navigation\r\n        if (!useGlobalKeyboardNavigation && document.activeElement !== ref.current) {\r\n            return;\r\n        }\r\n\r\n        if (activeIndex !== undefined) {\r\n            const currentRow = rows[activeIndex];\r\n\r\n            if (currentRow) {\r\n                const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);\r\n\r\n                if (rowProps.onRowClick && event.keyCode === keycode('enter')) {\r\n                    event.preventDefault();\r\n                    rowProps.onRowClick(sanitizedRow);\r\n                    return;\r\n                }\r\n\r\n                if (currentRow.toggleRowSelected && event.keyCode === keycode('space')) {\r\n                    event.preventDefault();\r\n                    currentRow.toggleRowSelected();\r\n                    return;\r\n                }\r\n\r\n                if (currentRow.toggleRowExpanded) {\r\n                    if (currentRow.isExpanded && event.keyCode === keycode('left')) {\r\n                        event.preventDefault();\r\n                        currentRow.toggleRowExpanded();\r\n                        return;\r\n                    } else if (!currentRow.isExpanded && event.keyCode === keycode('right')) {\r\n                        event.preventDefault();\r\n                        currentRow.toggleRowExpanded();\r\n                        return;\r\n                    }\r\n                }\r\n\r\n                // inline editing\r\n                if (currentRow.toggleRowEditing) {\r\n                    if (currentRow.canEdit && !currentRow.isEditing) {\r\n                        if (rowProps.onRowCreate && event.shiftKey && event.keyCode === keycode('n')) {\r\n                            event.preventDefault();\r\n\r\n                            if (!currentRow.isExpanded) {\r\n                                currentRow.toggleRowExpanded();\r\n                            }\r\n\r\n                            rowProps.onRowCreate(sanitizedRow, event);\r\n                            return;\r\n                        }\r\n\r\n                        if (event.keyCode === keycode('e')) {\r\n                            event.preventDefault();\r\n                            currentRow.toggleRowEditing();\r\n                            return;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                if (rowProps.onRowEdit && event.keyCode === keycode('e') && !isModifierKeyPressed) {\r\n                    event.preventDefault();\r\n                    rowProps.onRowEdit(sanitizedRow, event);\r\n                    return;\r\n                }\r\n\r\n                if (rowProps.onRowCopy && event.keyCode === keycode('c') && !isModifierKeyPressed) {\r\n                    event.preventDefault();\r\n                    rowProps.onRowCopy(sanitizedRow, event);\r\n                    return;\r\n                }\r\n\r\n                if (rowProps.onRowDelete && event.keyCode === keycode('delete') && !isModifierKeyPressed) {\r\n                    event.preventDefault();\r\n                    rowProps.onRowDelete(sanitizedRow, event);\r\n                    return;\r\n                }\r\n            }\r\n        }\r\n\r\n        const nextIndex = getNextIndexFromKeycode(event.keyCode, rows.length, activeIndex);\r\n\r\n        if (nextIndex !== undefined) {\r\n            event.preventDefault();\r\n            setActiveIndex(nextIndex);\r\n        }\r\n    };\r\n\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\r\n        if (!useGlobalKeyboardNavigation) {\r\n            onKeyDown(event.nativeEvent);\r\n        }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        if (useGlobalKeyboardNavigation) {\r\n            window.addEventListener('keydown', onKeyDown);\r\n        }\r\n\r\n        return () => {\r\n            if (useGlobalKeyboardNavigation) {\r\n                window.removeEventListener('keydown', onKeyDown);\r\n            }\r\n        };\r\n    }, [onKeyDown]);\r\n\r\n    const handleFocus = (): void => {\r\n        if (activeIndex === undefined && rows.length) {\r\n            setActiveIndex(0);\r\n        }\r\n    };\r\n\r\n    return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];\r\n};\r\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","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":";;;;;;MAOaA,0BAA0B,GAAG,CACtCC,KADsC,EAEtCC,IAFsC,EAGtCC,QAHsC,EAItCC,GAJsC;EAWtC,MAAMC,2BAA2B,GAAGJ,KAAK,CAACK,yCAA1C;EAEA,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCC,oBAAoB,CAAqB;IAC3EC,IAAI,EAAET,KAAK,CAACM,WAD+D;IAE3EI,WAAW,EACPV,KAAK,CAACW,kBAAN,KAA6BC,SAA7B,GAAyCZ,KAAK,CAACW,kBAA/C,GAAoEP,2BAA2B,GAAG,CAAH,GAAOQ,SAH/B;IAI3EC,QAAQ,EAAEb,KAAK,CAACc;GAJsC,CAA1D;;EAOA,MAAMC,SAAS,GAAIC,KAAD;;;IACd,MAAMC,oBAAoB,GAAGD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,OAAvB,IAAkCH,KAAK,CAACI,MAAxC,IAAkDJ,KAAK,CAACK,QAArF;;IAEA,IACIjB,2BAA2B,IAC3BkB,QAAQ,CAACC,aAAT,KAA2BpB,GAAG,CAACqB,OAD/B,IAEA,0BAAAF,QAAQ,CAACC,aAAT,gFAAwBE,YAAxB,CAAqC,MAArC,OAAiD,QAFjD,IAGAH,QAAQ,CAACC,aAAT,KAA2BD,QAAQ,CAACI,IAJxC,EAKE;MACE;;;;IAGJ,IAAI,CAACtB,2BAAD,IAAgCkB,QAAQ,CAACC,aAAT,KAA2BpB,GAAG,CAACqB,OAAnE,EAA4E;MACxE;;;IAGJ,IAAIlB,WAAW,KAAKM,SAApB,EAA+B;MAC3B,MAAMe,UAAU,GAAG1B,IAAI,CAACK,WAAD,CAAvB;;MAEA,IAAIqB,UAAJ,EAAgB;QACZ,MAAMC,YAAY,GAAGC,gBAAgB,CAACF,UAAD,EAAazB,QAAQ,CAAC4B,oBAAtB,CAArC;;QAEA,IAAI5B,QAAQ,CAAC6B,UAAT,IAAuBf,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,OAAD,CAApD,EAA+D;UAC3DjB,KAAK,CAACkB,cAAN;UACAhC,QAAQ,CAAC6B,UAAT,CAAoBH,YAApB;UACA;;;QAGJ,IAAID,UAAU,CAACQ,iBAAX,IAAgCnB,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,OAAD,CAA7D,EAAwE;UACpEjB,KAAK,CAACkB,cAAN;UACAP,UAAU,CAACQ,iBAAX;UACA;;;QAGJ,IAAIR,UAAU,CAACS,iBAAf,EAAkC;UAC9B,IAAIT,UAAU,CAACU,UAAX,IAAyBrB,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,MAAD,CAAtD,EAAgE;YAC5DjB,KAAK,CAACkB,cAAN;YACAP,UAAU,CAACS,iBAAX;YACA;WAHJ,MAIO,IAAI,CAACT,UAAU,CAACU,UAAZ,IAA0BrB,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,OAAD,CAAvD,EAAkE;YACrEjB,KAAK,CAACkB,cAAN;YACAP,UAAU,CAACS,iBAAX;YACA;;SAvBI;;;QA4BZ,IAAIT,UAAU,CAACW,gBAAf,EAAiC;UAC7B,IAAIX,UAAU,CAACY,OAAX,IAAsB,CAACZ,UAAU,CAACa,SAAtC,EAAiD;YAC7C,IAAItC,QAAQ,CAACuC,WAAT,IAAwBzB,KAAK,CAACK,QAA9B,IAA0CL,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,GAAD,CAAvE,EAA8E;cAC1EjB,KAAK,CAACkB,cAAN;;cAEA,IAAI,CAACP,UAAU,CAACU,UAAhB,EAA4B;gBACxBV,UAAU,CAACS,iBAAX;;;cAGJlC,QAAQ,CAACuC,WAAT,CAAqBb,YAArB,EAAmCZ,KAAnC;cACA;;;YAGJ,IAAIA,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,GAAD,CAA7B,EAAoC;cAChCjB,KAAK,CAACkB,cAAN;cACAP,UAAU,CAACW,gBAAX;cACA;;;;;QAKZ,IAAIpC,QAAQ,CAACwC,SAAT,IAAsB1B,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,GAAD,CAA/C,IAAwD,CAAChB,oBAA7D,EAAmF;UAC/ED,KAAK,CAACkB,cAAN;UACAhC,QAAQ,CAACwC,SAAT,CAAmBd,YAAnB,EAAiCZ,KAAjC;UACA;;;QAGJ,IAAId,QAAQ,CAACyC,SAAT,IAAsB3B,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,GAAD,CAA/C,IAAwD,CAAChB,oBAA7D,EAAmF;UAC/ED,KAAK,CAACkB,cAAN;UACAhC,QAAQ,CAACyC,SAAT,CAAmBf,YAAnB,EAAiCZ,KAAjC;UACA;;;QAGJ,IAAId,QAAQ,CAAC0C,WAAT,IAAwB5B,KAAK,CAACgB,OAAN,KAAkBC,OAAO,CAAC,QAAD,CAAjD,IAA+D,CAAChB,oBAApE,EAA0F;UACtFD,KAAK,CAACkB,cAAN;UACAhC,QAAQ,CAAC0C,WAAT,CAAqBhB,YAArB,EAAmCZ,KAAnC;UACA;;;;;IAKZ,MAAM6B,SAAS,GAAGC,uBAAuB,CAAC9B,KAAK,CAACgB,OAAP,EAAgB/B,IAAI,CAAC8C,MAArB,EAA6BzC,WAA7B,CAAzC;;IAEA,IAAIuC,SAAS,KAAKjC,SAAlB,EAA6B;MACzBI,KAAK,CAACkB,cAAN;MACA3B,cAAc,CAACsC,SAAD,CAAd;;GA5FR;;EAgGA,MAAMG,aAAa,GAAIhC,KAAD;IAClB,IAAI,CAACZ,2BAAL,EAAkC;MAC9BW,SAAS,CAACC,KAAK,CAACiC,WAAP,CAAT;;GAFR;;EAMAC,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAI/C,2BAAJ,EAAiC;MAC7BgD,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCtC,SAAnC;;;IAGJ,OAAO;MACH,IAAIX,2BAAJ,EAAiC;QAC7BgD,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCvC,SAAtC;;KAFR;GALJ,EAUG,CAACA,SAAD,CAVH;;EAYA,MAAMwC,WAAW,GAAG;IAChB,IAAIjD,WAAW,KAAKM,SAAhB,IAA6BX,IAAI,CAAC8C,MAAtC,EAA8C;MAC1CxC,cAAc,CAAC,CAAD,CAAd;;GAFR;;EAMA,OAAO,CAACD,WAAD,EAAcC,cAAd,EAA8ByC,aAA9B,EAA6CO,WAA7C,CAAP;AACH;;;;"}

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

@@ -0,0 +1,40 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Icon } from '../../Icon/Icon.js';
+
+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,
+      'justify-start text-left': cell.align === 'left',
+      'justify-end text-right': cell.align === 'right',
+      'justify-center text-center': cell.align === 'center' || !cell.align
+    }),
+    style: { ...cell.style,
+      flex: cell.flex
+    }
+  };
+
+  if (cell.isSorted) {
+    props['aria-sort'] = cell.isSortedDesc ? 'descending' : 'ascending';
+  }
+
+  return React__default.createElement("div", Object.assign({}, props, {
+    key: cell.id,
+    "data-taco": "table-column"
+  }), React__default.createElement("span", {
+    className: "truncate"
+  }, cell.render('Header')), cell.isSorted ? React__default.createElement(Icon, {
+    name: cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid',
+    className: "-mt-0.5"
+  }) : null);
+};
+
+export { Column };
+//# sourceMappingURL=renderColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderColumn.js","sources":["../../../../../src/components/Table/util/renderColumn.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { Icon } from '../../Icon/Icon';\r\n\r\nexport const Column = ({ cell }: any): any => {\r\n    const props = {\r\n        ...cell.getHeaderProps(),\r\n        ...(cell.getSortByToggleProps && cell.getSortByToggleProps({ title: undefined })),\r\n        className: cn('yt-table__cell flex flex-1 truncate p-2 align-middle text-grey-darkest hover:text-black', cell.className, {\r\n            'yt-table__cell__group': !!cell.columns,\r\n            'cursor-pointer': !cell.disableSorting,\r\n            'justify-start text-left': cell.align === 'left',\r\n            'justify-end text-right': cell.align === 'right',\r\n            'justify-center text-center': cell.align === 'center' || !cell.align,\r\n        }),\r\n        style: { ...cell.style, flex: cell.flex },\r\n    };\r\n\r\n    if (cell.isSorted) {\r\n        props['aria-sort'] = cell.isSortedDesc ? 'descending' : 'ascending';\r\n    }\r\n\r\n    return (\r\n        <div {...props} key={cell.id} data-taco=\"table-column\">\r\n            <span className=\"truncate\">{cell.render('Header')}</span>\r\n            {cell.isSorted ? (\r\n                <Icon name={cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid'} className=\"-mt-0.5\" />\r\n            ) : null}\r\n        </div>\r\n    );\r\n};\r\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

@@ -0,0 +1,101 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { sanitizeRowProps } from '../util.js';
+import { FocusScope } from '@react-aria/focus';
+
+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: { ...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);
+};
+
+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 ? event => {
+      if (event.target === event.currentTarget || event.target.classList.contains('yt-table__cell')) {
+        event.preventDefault();
+        event.persist();
+        setActiveIndex(index);
+        onRowClick(sanitizedRow);
+      }
+    } : () => {
+      setActiveIndex(index);
+    }
+  };
+  let cells = row.cells;
+
+  if (row.depth > 0) {
+    cells = row.cells.filter(cell => !cell.column.hiddenOnSubRows);
+  }
+
+  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,
+      restoreFocus: true,
+      autoFocus: true
+    }, React__default.createElement("div", Object.assign({}, props, {
+      role: "row",
+      ref: ref
+    }), React__default.createElement("input", {
+      type: "hidden",
+      name: "_rowIndexPath",
+      value: row.id
+    }), React__default.createElement("input", {
+      type: "hidden",
+      name: "_inlineEditingUniqueId",
+      value: row.original[inlineEditingUniqueId]
+    }), cells.map(cell => renderCell(cell, sanitizedRow)))), expandedRow);
+  }, [row.original._createKey]);
+
+  if (row.isEditing) {
+    return rowContent;
+  }
+
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", Object.assign({}, props, {
+    role: "row",
+    ref: ref
+  }), cells.map(cell => renderCell(cell, sanitizedRow))), expandedRow);
+});
+
+export { Row };
+//# sourceMappingURL=renderRow.js.map

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

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

@@ -0,0 +1,57 @@
+import set from 'lodash-es/set';
+
+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 : [];
+};
+const getByRowIndexPath = (data, rowIndexPath) => {
+  if (!rowIndexPath) {
+    return undefined;
+  }
+
+  const currenTRow = [...data];
+  const indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));
+
+  if (indexes.length) {
+    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];
+    }, currenTRow[startIndex]);
+  }
+
+  return undefined;
+};
+const setByRowIndexPath = (data, rowIndexPath, values) => {
+  const nexTRow = [...data];
+  const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+  const rootIndex = rowIndexes.shift();
+
+  if (rowIndexes.length) {
+    const path = rowIndexes.map(index => `subRows[${index}]`).join('.');
+    set(nexTRow[rootIndex], path, values);
+  } else {
+    nexTRow[rootIndex] = values;
+  }
+
+  return nexTRow;
+};
+const getParentRowIndexPath = rowIndexPath => {
+  let parentIndexPath;
+
+  if (rowIndexPath) {
+    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);
+    rowIndexes.pop();
+
+    if (rowIndexes.length) {
+      parentIndexPath = rowIndexes.join('.');
+    }
+  }
+
+  return parentIndexPath;
+};
+
+export { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath, setByRowIndexPath };
+//# sourceMappingURL=rowIndexPath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rowIndexPath.js","sources":["../../../../../src/components/Table/util/rowIndexPath.ts"],"sourcesContent":["import set from 'lodash/set';\r\nimport { Row, RowIndexPath } from '../types';\r\n\r\nexport const convertRowIndexPathToNumberArray = (rowIndexPath: RowIndexPath): number[] =>\r\n    rowIndexPath?.split('.').map(Number) ?? [];\r\n\r\nexport const getByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath): Row<TRow> | undefined => {\r\n    if (!rowIndexPath) {\r\n        return undefined;\r\n    }\r\n\r\n    const currenTRow = [...data];\r\n    const indexes = convertRowIndexPathToNumberArray(String(rowIndexPath));\r\n\r\n    if (indexes.length) {\r\n        const startIndex = indexes.shift() as number;\r\n        return indexes.reduce((value, index) => value?.subRows?.[index], currenTRow[startIndex]);\r\n    }\r\n\r\n    return undefined;\r\n};\r\n\r\nexport const setByRowIndexPath = <TRow>(data: Row<TRow>[], rowIndexPath: RowIndexPath, values: any): Row<TRow>[] => {\r\n    const nexTRow = [...data];\r\n\r\n    const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\r\n    const rootIndex = rowIndexes.shift() as number;\r\n\r\n    if (rowIndexes.length) {\r\n        const path = rowIndexes.map(index => `subRows[${index}]`).join('.');\r\n        set(nexTRow[rootIndex], path, values);\r\n    } else {\r\n        nexTRow[rootIndex] = values;\r\n    }\r\n\r\n    return nexTRow;\r\n};\r\n\r\nexport const getParentRowIndexPath = (rowIndexPath: RowIndexPath): RowIndexPath => {\r\n    let parentIndexPath;\r\n\r\n    if (rowIndexPath) {\r\n        const rowIndexes = convertRowIndexPathToNumberArray(rowIndexPath);\r\n        rowIndexes.pop();\r\n\r\n        if (rowIndexes.length) {\r\n            parentIndexPath = rowIndexes.join('.');\r\n        }\r\n    }\r\n\r\n    return parentIndexPath;\r\n};\r\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;;;;"}