@economic/taco 0.0.1-alpha.0

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

@@ -0,0 +1,236 @@
+import { extends as _extends, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { useLocalization } from '../../Provider/Provider.js';
+import { useTable as useTable$1, useRowState, useSortBy, useExpanded, usePagination } from 'react-table';
+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';
+
+var _excluded = ["children", "data", "dangerouslyHijackGlobalKeyboardNavigation", "onRowClick", "onRowDrag", "onSelectedRows", "rowClassName", "rowExpansionRenderer", "rowHeight", "selectedRows", "disableSorting", "manualSorting", "onSort", "sortRules", "disablePagination", "length", "onPaginate", "pageSize", "pageIndex", "inlineEditingUniqueId", "onRowCreate", "actions", "onRowEdit", "onRowCopy", "onRowDelete", "onRowActive", "windowed"],
+    _excluded2 = ["headerGroups", "rows", "sortedRows", "prepareRow", "state", "page", "gotoPage", "setPageSize"];
+
+var useTableRowActive = function useTableRowActive(activeIndex, rows, rowExpansionRenderer, handleonRowActive) {
+  React__default.useEffect(function () {
+    if (activeIndex !== undefined && rows.length && handleonRowActive) {
+      var focusedRow = rows[activeIndex];
+
+      if (focusedRow) {
+        var sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);
+        handleonRowActive(sanitizedFocusedRow);
+      }
+    }
+  }, [activeIndex, rows]);
+};
+
+var useTableInstance = function useTableInstance(instance, ref) {
+  var sanitizedInstance = React__default.useMemo(function () {
+    return {
+      toggleAllRowsExpanded: instance.toggleAllRowsExpanded,
+      toggleHideAllColumns: instance.toggleHideAllColumns,
+      toggleHideColumn: instance.toggleHideColumn,
+      toggleEditing: instance.toggleEditing,
+      toggleRowEditing: instance.toggleRowEditing,
+      resetRowEditing: instance.resetRowEditing,
+      toggleRowExpanded: instance.toggleRowExpanded,
+      toggleSortBy: instance.toggleSortBy
+    };
+  }, []);
+  React__default.useEffect(function () {
+    if (ref !== null && ref !== void 0 && ref.current) {
+      ref.current.instance = sanitizedInstance;
+    }
+  }, [ref]);
+  return sanitizedInstance;
+};
+
+var useTablePaginationListener = function useTablePaginationListener(disablePagination, onPaginate, state) {
+  React__default.useEffect(function () {
+    if (!disablePagination && onPaginate) {
+      onPaginate(state.pageIndex, state.pageSize);
+    }
+  }, [state.pageIndex, state.pageSize]);
+};
+
+var useTableSortingListener = function useTableSortingListener(data, sortedRows, onSort, manualSorting, state) {
+  React__default.useEffect(function () {
+    if (onSort) {
+      var sortRules = state.sortBy.map(function (rule) {
+        return {
+          accessor: rule.id,
+          desc: rule.desc
+        };
+      });
+
+      if (manualSorting) {
+        onSort(sortRules);
+      } else {
+        var sortedData;
+
+        if (sortRules.length && sortedRows !== null && sortedRows !== void 0 && sortedRows.length) {
+          sortedData = sortedRows.map(function (row) {
+            return row.original;
+          });
+        }
+
+        onSort(sortRules, sortedData || data);
+      }
+    }
+  }, [onSort && JSON.stringify(state.sortBy), manualSorting]);
+};
+
+var DEFAULT_PAGE_SIZE = 10;
+var useTable = function useTable(props, ref) {
+  var children = props.children,
+      data = props.data,
+      onRowClick = props.onRowClick,
+      onRowDrag = props.onRowDrag,
+      onSelectedRows = props.onSelectedRows,
+      rowClassName = props.rowClassName,
+      rowExpansionRenderer = props.rowExpansionRenderer,
+      rowHeight = props.rowHeight,
+      selectedRows = props.selectedRows,
+      disableSorting = props.disableSorting,
+      manualSorting = props.manualSorting,
+      onSort = props.onSort,
+      sortRules = props.sortRules,
+      _props$disablePaginat = props.disablePagination,
+      disablePagination = _props$disablePaginat === void 0 ? true : _props$disablePaginat,
+      length = props.length,
+      onPaginate = props.onPaginate,
+      _props$pageSize = props.pageSize,
+      pageSize = _props$pageSize === void 0 ? DEFAULT_PAGE_SIZE : _props$pageSize,
+      _props$pageIndex = props.pageIndex,
+      pageIndex = _props$pageIndex === void 0 ? 0 : _props$pageIndex,
+      _props$inlineEditingU = props.inlineEditingUniqueId,
+      inlineEditingUniqueId = _props$inlineEditingU === void 0 ? undefined : _props$inlineEditingU,
+      onRowCreate = props.onRowCreate,
+      actions = props.actions,
+      onRowEdit = props.onRowEdit,
+      onRowCopy = props.onRowCopy,
+      onRowDelete = props.onRowDelete,
+      onRowActive = props.onRowActive,
+      _props$windowed = props.windowed,
+      windowed = _props$windowed === void 0 ? false : _props$windowed,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  if (onSelectedRows && !selectedRows || !onSelectedRows && selectedRows) {
+    throw new Error('Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection');
+  }
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var _React$useMemo = React__default.useMemo(function () {
+    return getColumnsFromChildren(children, rowExpansionRenderer);
+  }, [children, rowExpansionRenderer]),
+      columns = _React$useMemo.columns,
+      defaultSortRules = _React$useMemo.sortRules;
+
+  var manualPagination = !disablePagination && !!onPaginate && !!length;
+
+  var _useReactTable = useTable$1({
+    columns: columns,
+    data: data,
+    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: 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(function () {
+      return sortTypes;
+    }, []),
+    useControlledState: function useControlledState(currentState) {
+      return React__default.useMemo(function () {
+        return _extends({}, currentState, {
+          selectedRowIds: selectedRows || []
+        });
+      }, [currentState, selectedRows]);
+    }
+  }, useRowState, useSortBy, useExpanded, usePagination, useRowSelect(onSelectedRows), useRowDraggable(onRowDrag), useRowEditing(inlineEditingUniqueId), useRowActions(inlineEditingUniqueId, {
+    onRowCreate: onRowCreate,
+    onRowEdit: onRowEdit,
+    onRowCopy: onRowCopy,
+    onRowDelete: onRowDelete
+  }, actions, rowExpansionRenderer, texts, windowed)),
+      headerGroups = _useReactTable.headerGroups,
+      rows = _useReactTable.rows,
+      sortedRows = _useReactTable.sortedRows,
+      prepareBaseRow = _useReactTable.prepareRow,
+      state = _useReactTable.state,
+      page = _useReactTable.page,
+      gotoPage = _useReactTable.gotoPage,
+      setPageSize = _useReactTable.setPageSize,
+      instance = _objectWithoutPropertiesLoose(_useReactTable, _excluded2);
+
+  useTablePaginationListener(disablePagination, onPaginate, state);
+  useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);
+  var sanitizedInstance = useTableInstance(instance, ref);
+  var visibleRows = !disablePagination && !manualPagination ? page : rows;
+
+  var _useTableKeyboardNavi = useTableKeyboardNavigation(props, visibleRows, {
+    onRowClick: onRowClick,
+    onRowCreate: onRowCreate,
+    onRowEdit: onRowEdit,
+    onRowCopy: onRowCopy,
+    onRowDelete: onRowDelete,
+    rowExpansionRenderer: rowExpansionRenderer
+  }, ref),
+      activeIndex = _useTableKeyboardNavi[0],
+      setActiveIndex = _useTableKeyboardNavi[1],
+      handleKeyDown = _useTableKeyboardNavi[2],
+      handleFocus = _useTableKeyboardNavi[3];
+
+  useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);
+  var prepareRow = React__default.useCallback(function (row, index) {
+    prepareBaseRow(row);
+
+    row.setActive = function () {
+      return setActiveIndex(index);
+    };
+  }, [prepareBaseRow, setActiveIndex]);
+  return {
+    rowProps: {
+      activeIndex: activeIndex,
+      setActiveIndex: setActiveIndex,
+      onRowClick: onRowClick,
+      rowClassName: rowClassName,
+      rowExpansionRenderer: rowExpansionRenderer,
+      rowHeight: rowHeight,
+      inlineEditingUniqueId: inlineEditingUniqueId
+    },
+    tableProps: _extends({}, otherProps, {
+      headerGroups: headerGroups,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown
+    }),
+    state: state,
+    pagination: !disablePagination ? {
+      length: manualPagination && length ? length : data.length,
+      pageIndex: state.pageIndex,
+      pageSize: state.pageSize,
+      setPageIndex: gotoPage,
+      setPageSize: setPageSize
+    } : null,
+    rows: visibleRows,
+    prepareRow: prepareRow,
+    instance: sanitizedInstance
+  };
+};
+
+export { useTable };
+//# sourceMappingURL=useTable.js.map

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

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

@@ -0,0 +1,133 @@
+import React__default from 'react';
+import keycode from 'keycode';
+import { getNextIndexFromKeycode } from '../../../utils/hooks/useListKeyboardNavigation.js';
+import { sanitizeRowProps } from '../util.js';
+
+var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows, rowProps, ref) {
+  var useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;
+
+  var _React$useState = React__default.useState(useGlobalKeyboardNavigation ? 0 : undefined),
+      activeIndex = _React$useState[0],
+      setActiveIndex = _React$useState[1];
+
+  var onKeyDown = function onKeyDown(event) {
+    var isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;
+
+    if (useGlobalKeyboardNavigation && !(document.activeElement === ref.current || 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) {
+      var currentRow = rows[activeIndex];
+
+      if (currentRow) {
+        var 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;
+        }
+      }
+    }
+
+    var nextIndex = getNextIndexFromKeycode(event.keyCode, rows.length, activeIndex);
+
+    if (nextIndex !== undefined) {
+      event.preventDefault();
+      setActiveIndex(nextIndex);
+    }
+  };
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!useGlobalKeyboardNavigation) {
+      onKeyDown(event.nativeEvent);
+    }
+  };
+
+  React__default.useEffect(function () {
+    if (useGlobalKeyboardNavigation) {
+      window.addEventListener('keydown', onKeyDown);
+    }
+
+    return function () {
+      if (useGlobalKeyboardNavigation) {
+        window.removeEventListener('keydown', onKeyDown);
+      }
+    };
+  }, [onKeyDown]);
+
+  var handleFocus = function handleFocus() {
+    if (activeIndex === undefined && rows.length) {
+      setActiveIndex(0);
+    }
+  };
+
+  return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];
+};
+
+export { useTableKeyboardNavigation };
+//# sourceMappingURL=useTableKeyboardNavigation.js.map

package/dist/esm/src/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';\nimport keycode from 'keycode';\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    const [activeIndex, setActiveIndex] = React.useState<number | undefined>(useGlobalKeyboardNavigation ? 0 : undefined);\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 || 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","React","useState","undefined","activeIndex","setActiveIndex","onKeyDown","event","isModifierKeyPressed","metaKey","ctrlKey","altKey","shiftKey","document","activeElement","current","body","currentRow","sanitizedRow","sanitizeRowProps","rowExpansionRenderer","onRowClick","keyCode","keycode","preventDefault","toggleRowSelected","toggleRowExpanded","isExpanded","toggleRowEditing","canEdit","isEditing","onRowCreate","onRowEdit","onRowCopy","onRowDelete","nextIndex","getNextIndexFromKeycode","length","handleKeyDown","nativeEvent","useEffect","window","addEventListener","removeEventListener","handleFocus"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+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
+  }), {
+    className: cn('yt-table__cell', cell.className, {
+      'yt-table__cell__group': !!cell.columns,
+      'yt-table__cell--disable-sort': cell.disableSorting,
+      'yt-table__cell--align-left': cell.align === 'left',
+      'yt-table__cell--align-right': cell.align === 'right'
+    }),
+    style: _extends({}, 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
+  }), React__default.createElement("span", null, cell.render('Header')), cell.isSorted ? React__default.createElement(Icon, {
+    name: cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid'
+  }) : null);
+};
+
+export { Column };
+//# sourceMappingURL=renderColumn.js.map

package/dist/esm/src/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';\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', cell.className, {\n            'yt-table__cell__group': !!cell.columns,\n            'yt-table__cell--disable-sort': cell.disableSorting,\n            'yt-table__cell--align-left': cell.align === 'left',\n            'yt-table__cell--align-right': cell.align === 'right',\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}>\n            <span>{cell.render('Header')}</span>\n            {cell.isSorted ? <Icon name={cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid'} /> : 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;;AACrB,MAAMC,KAAK,gBACJD,IAAI,CAACE,cAAL,EADI,EAEHF,IAAI,CAACG,oBAAL,IAA6BH,IAAI,CAACG,oBAAL,CAA0B;AAAEC,IAAAA,KAAK,EAAEC;AAAT,GAA1B,CAF1B;AAGPC,IAAAA,SAAS,EAAEC,EAAE,CAAC,gBAAD,EAAmBP,IAAI,CAACM,SAAxB,EAAmC;AAC5C,+BAAyB,CAAC,CAACN,IAAI,CAACQ,OADY;AAE5C,sCAAgCR,IAAI,CAACS,cAFO;AAG5C,oCAA8BT,IAAI,CAACU,KAAL,KAAe,MAHD;AAI5C,qCAA+BV,IAAI,CAACU,KAAL,KAAe;AAJF,KAAnC,CAHN;AASPC,IAAAA,KAAK,eAAOX,IAAI,CAACW,KAAZ;AAAmBC,MAAAA,IAAI,EAAEZ,IAAI,CAACY;AAA9B;AATE,IAAX;;AAYA,MAAIZ,IAAI,CAACa,QAAT,EAAmB;AACfZ,IAAAA,KAAK,CAAC,WAAD,CAAL,GAAqBD,IAAI,CAACc,YAAL,GAAoB,YAApB,GAAmC,WAAxD;AACH;;AAED,SACIC,4BAAA,MAAA,oBAASd;AAAOe,IAAAA,GAAG,EAAEhB,IAAI,CAACiB;IAA1B,EACIF,4BAAA,OAAA,MAAA,EAAOf,IAAI,CAACkB,MAAL,CAAY,QAAZ,CAAP,CADJ,EAEKlB,IAAI,CAACa,QAAL,GAAgBE,4BAAA,CAACI,IAAD;AAAMC,IAAAA,IAAI,EAAEpB,IAAI,CAACc,YAAL,GAAoB,oBAApB,GAA2C;GAAvD,CAAhB,GAAgG,IAFrG,CADJ;AAMH;;;;"}

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

@@ -0,0 +1,108 @@
+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(), {
+    className: cn('yt-table__cell', cell.column.className, {
+      'yt-table__cell--align-left': cell.column.align === 'left',
+      'yt-table__cell--align-right': cell.column.align === 'right'
+    }),
+    style: _extends({}, 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"
+  }), cell.render('Cell') || null);
+};
+
+var Row = /*#__PURE__*/React__default.forwardRef(function (_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
+    }),
+    className: cn('yt-table__row', {
+      'yt-table__row--active': 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) {
+      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;
+
+  if (row.depth > 0) {
+    cells = row.cells.filter(function (cell) {
+      return !cell.column.hiddenOnSubRows;
+    });
+  }
+
+  var expandedRow = rowExpansionRenderer && row.isExpanded && React__default.createElement("div", null, rowExpansionRenderer(sanitizedRow, instance));
+  var rowContent = React__default.useMemo(function () {
+    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(function (cell) {
+      return 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(function (cell) {
+    return renderCell(cell, sanitizedRow);
+  })), expandedRow);
+});
+
+export { Row };
+//# sourceMappingURL=renderRow.js.map

package/dist/esm/src/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';\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', cell.column.className, {\n            'yt-table__cell--align-left': cell.column.align === 'left',\n            'yt-table__cell--align-right': cell.column.align === 'right',\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\">\n            {cell.render('Cell') || null}\n        </div>\n    );\n};\n\nexport const Row = React.forwardRef(({ row, index, instance, headerGroups, ...rowProps }: any, ref: any): JSX.Element => {\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',\n            {\n                'yt-table__row--active': 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","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":";;;;;;;;AAMA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAA0BC,GAA1B;AACf,MAAMC,KAAK,gBACJF,IAAI,CAACG,YAAL,EADI;AAEPC,IAAAA,SAAS,EAAEC,EAAE,CAAC,gBAAD,EAAmBL,IAAI,CAACM,MAAL,CAAYF,SAA/B,EAA0C;AACnD,oCAA8BJ,IAAI,CAACM,MAAL,CAAYC,KAAZ,KAAsB,MADD;AAEnD,qCAA+BP,IAAI,CAACM,MAAL,CAAYC,KAAZ,KAAsB;AAFF,KAA1C,CAFN;AAMPC,IAAAA,KAAK,eACER,IAAI,CAACM,MAAL,CAAYE,KADd;AAEDC,MAAAA,IAAI,EAAE,OAAOT,IAAI,CAACM,MAAL,CAAYG,IAAnB,KAA4B,UAA5B,GAAyCT,IAAI,CAACM,MAAL,CAAYG,IAAZ,CAAiBR,GAAjB,CAAzC,GAAiED,IAAI,CAACM,MAAL,CAAYG;AAFlF;AANE,IAAX;;AAWA,SACIC,4BAAA,MAAA,oBAASR;AAAOS,IAAAA,IAAI,EAAC;IAArB,EACKX,IAAI,CAACY,MAAL,CAAY,MAAZ,KAAuB,IAD5B,CADJ;AAKH,CAjBD;;IAmBaC,GAAG,gBAAGH,cAAK,CAACI,UAAN,CAAiB,gBAA2DC,GAA3D;MAAGd,WAAAA;MAAKe,aAAAA;MAAOC,gBAAAA;MAA2BC;;AAC1E,MACIC,WADJ,GASID,QATJ,CACIC,WADJ;AAAA,MAEIC,UAFJ,GASIF,QATJ,CAEIE,UAFJ;AAAA,MAGIC,YAHJ,GASIH,QATJ,CAGIG,YAHJ;AAAA,MAIIC,oBAJJ,GASIJ,QATJ,CAIII,oBAJJ;AAAA,MAKIC,SALJ,GASIL,QATJ,CAKIK,SALJ;AAAA,MAMIC,cANJ,GASIN,QATJ,CAMIM,cANJ;AAAA,MAOIhB,KAPJ,GASIU,QATJ,CAOIV,KAPJ;AAAA,MAQIiB,qBARJ,GASIP,QATJ,CAQIO,qBARJ;AAUA,MAAMC,YAAY,GAAGC,gBAAgB,CAAC1B,GAAD,EAAMqB,oBAAN,CAArC;;AAEA,MAAMpB,KAAK,gBACJD,GAAG,CAAC2B,WAAJ,EADI;AAEPpB,IAAAA,KAAK,eACEA,KADF;AAEDqB,MAAAA,SAAS,EAAEN,SAAS,GAAMA,SAAN,UAAsBO,SAFzC;AAGDC,MAAAA,WAAW,EAAE9B,GAAG,CAAC+B,KAAJ,GAAe/B,GAAG,CAAC+B,KAAJ,GAAY,CAA3B,WAAoCF;AAHhD,MAFE;AAOP1B,IAAAA,SAAS,EAAEC,EAAE,CACT,eADS,EAET;AACI,+BAAyBc,WAAW,KAAKH,KAD7C;AAEI,kCAA4B,CAAC,CAACI,UAFlC;AAGI,iCAA2B,CAAC,CAACnB,GAAG,CAACgC,UAHrC;AAII,gCAA0B,CAAC,CAAChC,GAAG,CAACiC;AAJpC,KAFS,EAQT,OAAOb,YAAP,KAAwB,UAAxB,GAAqCA,YAAY,CAACK,YAAD,CAAjD,GAAkEL,YARzD,CAPN;AAiBPc,IAAAA,OAAO,EAAEf,UAAU,GACb,UAACgB,KAAD;AACI,UACIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAAvB,IACCF,KAAK,CAACC,MAAN,CAA6BE,SAA7B,CAAuCC,QAAvC,CAAgD,gBAAhD,CAFL,EAGE;AACEJ,QAAAA,KAAK,CAACK,cAAN;AACAL,QAAAA,KAAK,CAACM,OAAN;AACAlB,QAAAA,cAAc,CAACR,KAAD,CAAd;AACAI,QAAAA,UAAU,CAACM,YAAD,CAAV;AACH;AACJ,KAXY,GAYb;AACIF,MAAAA,cAAc,CAACR,KAAD,CAAd;AACH;AA/BA,IAAX;;AAkCA,MAAI2B,KAAK,GAAG1C,GAAG,CAAC0C,KAAhB;;AAEA,MAAI1C,GAAG,CAAC+B,KAAJ,GAAY,CAAhB,EAAmB;AACfW,IAAAA,KAAK,GAAG1C,GAAG,CAAC0C,KAAJ,CAAUC,MAAV,CAAiB,UAAC5C,IAAD;AAAA,aAAe,CAACA,IAAI,CAACM,MAAL,CAAYuC,eAA5B;AAAA,KAAjB,CAAR;AACH;;AAED,MAAMC,WAAW,GAAGxB,oBAAoB,IAAIrB,GAAG,CAAC8C,UAA5B,IAA0CrC,4BAAA,MAAA,MAAA,EAAMY,oBAAoB,CAACI,YAAD,EAAeT,QAAf,CAA1B,CAA9D;AACA,MAAM+B,UAAU,GAAGtC,cAAK,CAACuC,OAAN,CAAc;AAC7B,WACIvC,4BAAA,wBAAA,MAAA,EACIA,4BAAA,CAACwC,UAAD;AAAYC,MAAAA,GAAG,EAAElD,GAAG,CAACmD,QAAJ,CAAaC;AAAYC,MAAAA,OAAO;AAACC,MAAAA,YAAY;AAACC,MAAAA,SAAS;KAAxE,EACI9C,4BAAA,MAAA,oBAASR;AAAOS,MAAAA,IAAI,EAAC;AAAMI,MAAAA,GAAG,EAAEA;MAAhC,EACIL,4BAAA,QAAA;AAAO+C,MAAAA,IAAI,EAAC;AAASC,MAAAA,IAAI,EAAC;AAAgBC,MAAAA,KAAK,EAAE1D,GAAG,CAAC2D;KAArD,CADJ,EAEIlD,4BAAA,QAAA;AAAO+C,MAAAA,IAAI,EAAC;AAASC,MAAAA,IAAI,EAAC;AAAyBC,MAAAA,KAAK,EAAE1D,GAAG,CAACmD,QAAJ,CAAa3B,qBAAb;KAA1D,CAFJ,EAGKkB,KAAK,CAACkB,GAAN,CAAU,UAAC7D,IAAD;AAAA,aAA6BD,UAAU,CAACC,IAAD,EAAO0B,YAAP,CAAvC;AAAA,KAAV,CAHL,CADJ,CADJ,EAQKoB,WARL,CADJ;AAYH,GAbkB,EAahB,CAAC7C,GAAG,CAACmD,QAAJ,CAAaC,UAAd,CAbgB,CAAnB;;AAeA,MAAIpD,GAAG,CAACiC,SAAR,EAAmB;AACf,WAAOc,UAAP;AACH;;AAED,SACItC,4BAAA,wBAAA,MAAA,EACIA,4BAAA,MAAA,oBAASR;AAAOS,IAAAA,IAAI,EAAC;AAAMI,IAAAA,GAAG,EAAEA;IAAhC,EACK4B,KAAK,CAACkB,GAAN,CAAU,UAAC7D,IAAD;AAAA,WAA6BD,UAAU,CAACC,IAAD,EAAO0B,YAAP,CAAvC;AAAA,GAAV,CADL,CADJ,EAIKoB,WAJL,CADJ;AAQH,CAjFkB;;;;"}