@economic/taco 1.41.0 → 2.0.0-alpha.173

package/dist/esm/packages/taco/src/components/Table2/utilities/columns.js

@@ -1,387 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../../Icon/Icon.js';
-import { Tooltip } from '../../Tooltip/Tooltip.js';
-import { IconButton } from '../../IconButton/IconButton.js';
-import { Checkbox } from '../../Checkbox/Checkbox.js';
-import { Shortcut } from '../../Shortcut/Shortcut.js';
-import { Menu } from '../../Menu/Menu.js';
-import { useRowContext } from '../components/row/Context.js';
-
-const COLUMN_ID_FOR_DRAGGABLE = '__draggable';
-const COLUMN_ID_FOR_SELECTION = '__select';
-const COLUMN_ID_FOR_EXPANSION = '__expansion';
-const COLUMN_ID_FOR_ACTIONS = '__actions';
-const isInternalFrozenColumn = id => isInternalColumn(id) && id !== COLUMN_ID_FOR_ACTIONS;
-const isInternalColumn = id => id === COLUMN_ID_FOR_SELECTION || id === COLUMN_ID_FOR_EXPANSION || id === COLUMN_ID_FOR_ACTIONS || id === COLUMN_ID_FOR_DRAGGABLE;
-const MIN_COLUMN_SIZE = 80; // accounts for padding and sort controls
-const toggleBetween = (fromRowIndex, toRowIndex) => {
-  const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;
-  const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;
-  return [fromIndex, toIndex];
-};
-function createRowDraggableColumn(onRowDrag, texts) {
-  return {
-    id: COLUMN_ID_FOR_DRAGGABLE,
-    cell: ({
-      row,
-      table
-    }) => {
-      const meta = table.options.meta;
-      const GHOST_ELEMENT_ID = 'taco_table_dragging';
-      const onDragStart = event => {
-        const rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];
-        meta.setDragging(rows.reduce((dragging, rowBeingDragged) => ({
-          ...dragging,
-          [rowBeingDragged.id]: true
-        }), {}));
-        const data = rows.map(row => row.original);
-        // set a default data value so that the consumer doesn't have to
-        event.dataTransfer.setData('text', JSON.stringify(data));
-        const showPlaceholder = text => {
-          const ghost = document.createElement('div');
-          ghost.id = GHOST_ELEMENT_ID;
-          ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';
-          ghost.innerText = text;
-          document.body.appendChild(ghost);
-          event.dataTransfer.setDragImage(ghost, 0, 0);
-        };
-        const setDataTransfer = text => event.dataTransfer.setData('text', text);
-        onRowDrag(data, showPlaceholder, setDataTransfer);
-      };
-      const onDragEnd = () => {
-        var _document$getElementB;
-        (_document$getElementB = document.getElementById(GHOST_ELEMENT_ID)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
-        meta.setDragging({});
-      };
-      return /*#__PURE__*/React__default.createElement("div", {
-        draggable: true,
-        onDragStart: onDragStart,
-        onDragEnd: onDragEnd
-      }, /*#__PURE__*/React__default.createElement(Icon, {
-        "aria-label": texts.table2.columns.drag.tooltip,
-        name: "drag",
-        className: "text-grey-darkest invisible w-[20px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed]]/row:text-white"
-      }));
-    },
-    footer: () => /*#__PURE__*/React__default.createElement("span", null),
-    meta: {
-      align: 'center',
-      className: 'items-center !px-0',
-      headerClassName: 'items-center !px-0'
-    },
-    // sizing
-    enableResizing: false,
-    size: 10
-  };
-}
-const SelectCell = /*#__PURE__*/React__default.memo(({
-  lastSelectedRowIndex,
-  rowIndex,
-  isSelected,
-  table,
-  tableRef,
-  texts,
-  toggleSelected
-}) => {
-  const meta = table.options.meta;
-  const handleClick = event => {
-    var _tableRef$current;
-    event.stopPropagation();
-    if (event.shiftKey) {
-      const [fromIndex, toIndex] = toggleBetween((lastSelectedRowIndex === null || lastSelectedRowIndex === void 0 ? void 0 : lastSelectedRowIndex.current) || 0, rowIndex);
-      table.getRowModel().rows.slice(fromIndex, toIndex + 1).forEach(row => row.toggleSelected(true));
-    } else {
-      toggleSelected();
-    }
-    lastSelectedRowIndex.current = rowIndex;
-    meta.setActiveRowIndex(rowIndex);
-    (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.focus();
-  };
-  return /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isSelected ? texts.table2.columns.select.deselect : texts.table2.columns.select.select, /*#__PURE__*/React__default.createElement(Shortcut, {
-      className: "ml-2",
-      keys: "Space"
-    }))
-  }, /*#__PURE__*/React__default.createElement(Checkbox, {
-    "aria-label": isSelected ? texts.table2.columns.select.select : texts.table2.columns.select.deselect,
-    className: "hover:border-blue !mt-0",
-    checked: isSelected,
-    onClick: handleClick,
-    // this is necessary to remove console spam from eslint
-    onChange: () => false,
-    tabIndex: -1
-  }));
-});
-function createRowSelectionColumn(enableMultipleRowSelection, lastSelectedRowIndex, onRowDrag, tableRef, texts) {
-  let header;
-  let cell;
-  if (enableMultipleRowSelection) {
-    header = ({
-      table
-    }) => /*#__PURE__*/React__default.createElement(Tooltip, {
-      title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, table.getIsAllPageRowsSelected() ? texts.table2.columns.select.deselectAll : texts.table2.columns.select.selectAll, /*#__PURE__*/React__default.createElement(Shortcut, {
-        className: "ml-2",
-        keys: {
-          key: 'a',
-          meta: true
-        }
-      }))
-    }, /*#__PURE__*/React__default.createElement(Checkbox, {
-      "aria-label": table.getIsAllPageRowsSelected() ? texts.table2.columns.select.deselectAll : texts.table2.columns.select.selectAll,
-      className: "hover:border-blue !mt-0",
-      checked: table.getIsAllPageRowsSelected(),
-      indeterminate: table.getIsSomePageRowsSelected(),
-      onChange: checked => table.toggleAllPageRowsSelected(checked),
-      onClick: () => {
-        var _tableRef$current2;
-        (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.focus();
-      },
-      tabIndex: -1
-    }));
-    cell = ({
-      row,
-      table
-    }) => /*#__PURE__*/React__default.createElement(SelectCell, {
-      lastSelectedRowIndex: lastSelectedRowIndex,
-      rowIndex: row.index,
-      isSelected: row.getIsSelected(),
-      table: table,
-      tableRef: tableRef,
-      texts: texts,
-      toggleSelected: row.toggleSelected
-    });
-  } else {
-    cell = ({
-      row,
-      table
-    }) => {
-      const meta = table.options.meta;
-      const className = 'border-grey-300 focus:yt-focus flex h-5 w-5 mt-[0.45rem] flex-shrink-0 items-center justify-center self-start rounded-full border-2 bg-white hover:border-[5px] aria-checked:border-blue-500 aria-checked:bg-blue-500 hover:aria-checked:border-blue-300';
-      const handleClick = event => {
-        var _tableRef$current3;
-        event.stopPropagation();
-        row.toggleSelected();
-        meta.setActiveRowIndex(row.index);
-        (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : _tableRef$current3.focus();
-      };
-      return /*#__PURE__*/React__default.createElement("button", {
-        className: className,
-        "aria-checked": row.getIsSelected(),
-        onClick: handleClick,
-        role: "radio",
-        tabIndex: -1,
-        type: "button"
-      }, row.getIsSelected() ? /*#__PURE__*/React__default.createElement("span", {
-        className: "h-2.5 w-2.5 rounded-full bg-white"
-      }) : null);
-    };
-  }
-  return {
-    id: COLUMN_ID_FOR_SELECTION,
-    header,
-    cell,
-    footer: () => /*#__PURE__*/React__default.createElement("span", null),
-    meta: {
-      align: 'center',
-      className: onRowDrag ? '!pl-0 !pr-3' : '!px-3',
-      headerClassName: onRowDrag ? '!pl-0 !pr-3' : '!px-3'
-    },
-    // sizing
-    enableResizing: false,
-    size: 46
-  };
-}
-const ExpandCell = /*#__PURE__*/React__default.memo(({
-  expandedRowRenderer,
-  isExpanded,
-  row,
-  texts
-}) => {
-  const hasExpandedRow = expandedRowRenderer(row.original);
-  if (!hasExpandedRow) {
-    return null;
-  }
-  return /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isExpanded ? texts.table2.columns.expansion.collapse : texts.table2.columns.expansion.expand, /*#__PURE__*/React__default.createElement(Shortcut, {
-      className: "ml-2",
-      keys: {
-        key: isExpanded ? 'ArrowLeft' : 'ArrowRight',
-        meta: true
-      }
-    }))
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
-    appearance: "discrete",
-    icon: isExpanded ? 'chevron-down' : 'chevron-right',
-    onClick: event => {
-      event.stopPropagation();
-      row.toggleExpanded();
-    },
-    tabIndex: -1
-  }));
-});
-function createRowExpansionColumn(expandedRowRenderer, texts) {
-  return {
-    id: COLUMN_ID_FOR_EXPANSION,
-    header: ({
-      table
-    }) => /*#__PURE__*/React__default.createElement(Tooltip, {
-      title: table.getIsSomeRowsExpanded() ? texts.table2.columns.expansion.collapseAll : texts.table2.columns.expansion.expandAll
-    }, /*#__PURE__*/React__default.createElement(IconButton, {
-      appearance: "discrete",
-      className: "-mb-2 -mt-1.5",
-      icon: table.getIsSomeRowsExpanded() ? 'chevron-down-double' : 'chevron-right-double',
-      onClick: event => {
-        event.stopPropagation();
-        table.toggleAllRowsExpanded(table.getIsSomeRowsExpanded() ? false : true);
-      },
-      tabIndex: -1
-    })),
-    cell: ({
-      row
-    }) =>
-    /*#__PURE__*/
-    // ExpandCell is memoised and that's why calling row.getIsExpanded() inside it doesn't return the correct
-    // expand state. This is the reason why isExpanded is pulled out of the ExpandCell component.
-    React__default.createElement(ExpandCell, {
-      expandedRowRenderer: expandedRowRenderer,
-      isExpanded: row.getIsExpanded(),
-      row: row,
-      texts: texts
-    }),
-    footer: () => /*#__PURE__*/React__default.createElement("span", null),
-    meta: {
-      align: 'center',
-      className: 'items-center !p-0',
-      headerClassName: 'items-center hover:!bg-white !p-0'
-    },
-    // sizing
-    enableResizing: false,
-    size: 36
-  };
-}
-const RowActionsCell = /*#__PURE__*/React__default.memo(({
-  row,
-  actions,
-  actionsLength,
-  isEditing,
-  shouldPauseHoverState,
-  table,
-  texts
-}) => {
-  const {
-    isActive,
-    isHovered
-  } = useRowContext();
-  if (!isActive && (!isHovered || shouldPauseHoverState) || isEditing) {
-    return null;
-  }
-  const visibleActions = actions.map(action => action(row.original)).filter(action => !!action);
-  const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);
-  const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);
-  // If the row is not the active row or the hovered row then actions are hidden.
-  const actionClassName = 'group-hover/row:flex group-[[aria-current]]/row:flex hidden';
-  // only actions in the active row should be tabbable
-  const tabIndex = table.options.meta.activeRowIndex === row.index ? 0 : -1;
-  return /*#__PURE__*/React__default.createElement("span", {
-    className: "-mb-2 -mt-2 flex justify-end text-right"
-  }, actionsOnRow.map((button, index) => {
-    var _button$props$tooltip, _button$props$tooltip2;
-    return /*#__PURE__*/React__default.cloneElement(button, {
-      appearance: 'discrete',
-      className: cn(actionClassName, button.props.className),
-      key: index,
-      tabIndex,
-      tooltip: button.props.shortcut ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (_button$props$tooltip = button.props.tooltip) !== null && _button$props$tooltip !== void 0 ? _button$props$tooltip : button.props['aria-label'], /*#__PURE__*/React__default.createElement(Shortcut, {
-        className: "ml-2",
-        keys: button.props.shortcut
-      })) : (_button$props$tooltip2 = button.props.tooltip) !== null && _button$props$tooltip2 !== void 0 ? _button$props$tooltip2 : button.props['aria-label']
-    });
-  }), actionsInMenu.length ? /*#__PURE__*/React__default.createElement(IconButton, {
-    appearance: "discrete",
-    "aria-label": texts.table2.columns.actions.tooltip,
-    icon: "more",
-    tabIndex: tabIndex,
-    menu: menuProps => /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, actionsInMenu.map((action, i) => /*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
-      key: i
-    }, action.props, {
-      shortcut: action.props.shortcut
-    }), action.props['aria-label'])))),
-    tooltip: texts.table2.columns.actions.tooltip
-  }) : null);
-});
-function createRowActionsColumn(rowActions, rowActionsLength, texts) {
-  return {
-    id: COLUMN_ID_FOR_ACTIONS,
-    cell: ({
-      row,
-      table
-    }) => {
-      var _table$options$meta, _table$options$meta2;
-      return /*#__PURE__*/React__default.createElement(RowActionsCell, {
-        row: row,
-        actions: rowActions,
-        actionsLength: rowActionsLength,
-        texts: texts,
-        table: table,
-        isEditing: !!((_table$options$meta = table.options.meta) !== null && _table$options$meta !== void 0 && _table$options$meta.editMode.isEditing),
-        shouldPauseHoverState: !!((_table$options$meta2 = table.options.meta) !== null && _table$options$meta2 !== void 0 && _table$options$meta2.shouldPauseHoverState)
-      });
-    },
-    footer: () => /*#__PURE__*/React__default.createElement("span", null),
-    meta: {
-      align: 'right',
-      className: (row, table) => {
-        var _table$options$meta3;
-        return (
-          // Adding z-index so that it shows on top of frozen columns
-          cn('items-center print:opacity-0 group-[[aria-current]]/row:sticky group-hover/row:sticky right-0 !px-1 z-[1]', {
-            'group-[[aria-current]]/row:!shadow-[-6px_0px_6px_theme(colors.grey.200)]': !row.getIsSelected(),
-            'group-hover/row:!shadow-[-6px_0px_6px_theme(colors.grey.100)]': !row.getIsSelected() && (!((_table$options$meta3 = table.options.meta) !== null && _table$options$meta3 !== void 0 && _table$options$meta3.shouldPauseHoverState) || table.options.meta.editMode.isEditing),
-            'shadow-[-6px_0px_6px_theme(colors.blue.100)]': row.getIsSelected()
-          })
-        );
-      },
-      headerClassName: 'hover:!bg-white !px-1'
-    },
-    // sizing
-    enableResizing: false
-  };
-}
-function ensureOrdering(columns, settingsOrder) {
-  // internal column come with a defined order
-  const internalColumns = columns.filter(column => {
-    var _column$id;
-    return ((_column$id = column.id) === null || _column$id === void 0 ? void 0 : _column$id.startsWith('__')) && column.id !== COLUMN_ID_FOR_ACTIONS;
-  }).map(column => column.id);
-  // columns with ordering disabled should be moved to the front
-  const orderingDisabled = [];
-  const orderingEnabled = [];
-  let orderedColumns = columns;
-  // if settings is defined, make sure the columns that are actual children are sorted by it
-  if (Array.isArray(settingsOrder)) {
-    orderedColumns = columns.slice().sort(
-    // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end
-    (a, b) => (settingsOrder.indexOf(a.id) >>> 0) - (settingsOrder.indexOf(b.id) >>> 0));
-  }
-  orderedColumns.forEach(column => {
-    var _column$id2, _column$meta;
-    if ((_column$id2 = column.id) !== null && _column$id2 !== void 0 && _column$id2.startsWith('__')) {
-      return;
-    }
-    if ((_column$meta = column.meta) !== null && _column$meta !== void 0 && _column$meta.disableReordering) {
-      orderingDisabled.push(column.id);
-    } else {
-      orderingEnabled.push(column.id);
-    }
-  });
-  const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];
-  // actions should always be last, enforce that
-  if (columns.findIndex(column => column.id === COLUMN_ID_FOR_ACTIONS) > -1) {
-    order.push(COLUMN_ID_FOR_ACTIONS);
-  }
-  return order;
-}
-
-export { COLUMN_ID_FOR_ACTIONS, COLUMN_ID_FOR_DRAGGABLE, COLUMN_ID_FOR_EXPANSION, COLUMN_ID_FOR_SELECTION, MIN_COLUMN_SIZE, createRowActionsColumn, createRowDraggableColumn, createRowExpansionColumn, createRowSelectionColumn, ensureOrdering, isInternalColumn, isInternalFrozenColumn };
-//# sourceMappingURL=columns.js.map

package/dist/esm/packages/taco/src/components/Table2/utilities/columns.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"columns.js","sources":["../../../../../../../../src/components/Table2/utilities/columns.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { CellContext, ColumnDef, DisplayColumnDef, Row, TableMeta } from '@tanstack/react-table';\nimport { Checkbox } from '../../Checkbox/Checkbox';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { RowDragHandler, RowExpansionRenderer } from '../types';\nimport { Menu } from '../../Menu/Menu';\nimport { Icon } from '../../Icon/Icon';\nimport { LocalizationTexts } from '../../Provider/Localization';\nimport { useRowContext } from '../components/row/Context';\n\nexport const COLUMN_ID_FOR_DRAGGABLE = '__draggable';\nexport const COLUMN_ID_FOR_SELECTION = '__select';\nexport const COLUMN_ID_FOR_EXPANSION = '__expansion';\nexport const COLUMN_ID_FOR_ACTIONS = '__actions';\n\nexport const isInternalFrozenColumn = (id: string) => isInternalColumn(id) && id !== COLUMN_ID_FOR_ACTIONS;\n\nexport const isInternalColumn = (id: string) =>\n    id === COLUMN_ID_FOR_SELECTION ||\n    id === COLUMN_ID_FOR_EXPANSION ||\n    id === COLUMN_ID_FOR_ACTIONS ||\n    id === COLUMN_ID_FOR_DRAGGABLE;\n\nexport const MIN_COLUMN_SIZE = 80; // accounts for padding and sort controls\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n    const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n    const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n    return [fromIndex, toIndex];\n};\n\nexport function createRowDraggableColumn<TType = any>(\n    onRowDrag: RowDragHandler<TType>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_DRAGGABLE,\n        cell: ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            const onDragStart = (event: React.DragEvent): void => {\n                const rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n\n                meta.setDragging(rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {}));\n\n                const data = rows.map(row => row.original);\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.appendChild(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                onRowDrag(data, showPlaceholder, setDataTransfer);\n            };\n\n            const onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                meta.setDragging({});\n            };\n\n            return (\n                <div draggable onDragStart={onDragStart} onDragEnd={onDragEnd}>\n                    <Icon\n                        aria-label={texts.table2.columns.drag.tooltip}\n                        name=\"drag\"\n                        className=\"text-grey-darkest invisible w-[20px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed]]/row:text-white\"\n                    />\n                </div>\n            );\n        },\n        footer: () => <span />,\n        meta: {\n            align: 'center',\n            className: 'items-center !px-0',\n            headerClassName: 'items-center !px-0',\n        },\n        // sizing\n        enableResizing: false,\n        size: 10,\n    };\n}\n\nconst SelectCell = React.memo(({ lastSelectedRowIndex, rowIndex, isSelected, table, tableRef, texts, toggleSelected }: any) => {\n    const meta = table.options.meta as TableMeta<any>;\n\n    const handleClick = (event: React.MouseEvent): void => {\n        event.stopPropagation();\n\n        if (event.shiftKey) {\n            const [fromIndex, toIndex] = toggleBetween(lastSelectedRowIndex?.current || 0, rowIndex);\n\n            table\n                .getRowModel()\n                .rows.slice(fromIndex, toIndex + 1)\n                .forEach(row => row.toggleSelected(true));\n        } else {\n            toggleSelected();\n        }\n\n        lastSelectedRowIndex.current = rowIndex;\n        meta.setActiveRowIndex(rowIndex);\n        tableRef.current?.focus();\n    };\n\n    return (\n        <Tooltip\n            title={\n                <>\n                    {isSelected ? texts.table2.columns.select.deselect : texts.table2.columns.select.select}\n                    <Shortcut className=\"ml-2\" keys=\"Space\" />\n                </>\n            }>\n            <Checkbox\n                aria-label={isSelected ? texts.table2.columns.select.select : texts.table2.columns.select.deselect}\n                className=\"hover:border-blue !mt-0\"\n                checked={isSelected}\n                onClick={handleClick}\n                // this is necessary to remove console spam from eslint\n                onChange={() => false}\n                tabIndex={-1}\n            />\n        </Tooltip>\n    );\n});\nexport function createRowSelectionColumn<TType = any>(\n    enableMultipleRowSelection: boolean,\n    lastSelectedRowIndex: React.MutableRefObject<number | undefined>,\n    onRowDrag: RowDragHandler<TType> | undefined,\n    tableRef: React.RefObject<HTMLDivElement>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    let header;\n    let cell;\n\n    if (enableMultipleRowSelection) {\n        header = ({ table }) => (\n            <Tooltip\n                title={\n                    <>\n                        {table.getIsAllPageRowsSelected()\n                            ? texts.table2.columns.select.deselectAll\n                            : texts.table2.columns.select.selectAll}\n                        <Shortcut className=\"ml-2\" keys={{ key: 'a', meta: true }} />\n                    </>\n                }>\n                <Checkbox\n                    aria-label={\n                        table.getIsAllPageRowsSelected()\n                            ? texts.table2.columns.select.deselectAll\n                            : texts.table2.columns.select.selectAll\n                    }\n                    className=\"hover:border-blue !mt-0\"\n                    checked={table.getIsAllPageRowsSelected()}\n                    indeterminate={table.getIsSomePageRowsSelected()}\n                    onChange={checked => table.toggleAllPageRowsSelected(checked)}\n                    onClick={() => {\n                        tableRef.current?.focus();\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        );\n        cell = ({ row, table }) => (\n            <SelectCell\n                lastSelectedRowIndex={lastSelectedRowIndex}\n                rowIndex={row.index}\n                isSelected={row.getIsSelected()}\n                table={table}\n                tableRef={tableRef}\n                texts={texts}\n                toggleSelected={row.toggleSelected}\n            />\n        );\n    } else {\n        cell = ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const className =\n                'border-grey-300 focus:yt-focus flex h-5 w-5 mt-[0.45rem] flex-shrink-0 items-center justify-center self-start rounded-full border-2 bg-white hover:border-[5px] aria-checked:border-blue-500 aria-checked:bg-blue-500 hover:aria-checked:border-blue-300';\n\n            const handleClick = (event: React.MouseEvent): void => {\n                event.stopPropagation();\n                row.toggleSelected();\n                meta.setActiveRowIndex(row.index);\n                tableRef.current?.focus();\n            };\n\n            return (\n                <button\n                    className={className}\n                    aria-checked={row.getIsSelected()}\n                    onClick={handleClick}\n                    role=\"radio\"\n                    tabIndex={-1}\n                    type=\"button\">\n                    {row.getIsSelected() ? <span className=\"h-2.5 w-2.5 rounded-full bg-white\" /> : null}\n                </button>\n            );\n        };\n    }\n\n    return {\n        id: COLUMN_ID_FOR_SELECTION,\n        header,\n        cell,\n        footer: () => <span />,\n        meta: {\n            align: 'center',\n            className: onRowDrag ? '!pl-0 !pr-3' : '!px-3',\n            headerClassName: onRowDrag ? '!pl-0 !pr-3' : '!px-3',\n        },\n        // sizing\n        enableResizing: false,\n        size: 46,\n    };\n}\n\nconst ExpandCell = React.memo(({ expandedRowRenderer, isExpanded, row, texts }: any) => {\n    const hasExpandedRow = expandedRowRenderer(row.original);\n\n    if (!hasExpandedRow) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            title={\n                <>\n                    {isExpanded ? texts.table2.columns.expansion.collapse : texts.table2.columns.expansion.expand}\n                    <Shortcut className=\"ml-2\" keys={{ key: isExpanded ? 'ArrowLeft' : 'ArrowRight', meta: true }} />\n                </>\n            }>\n            <IconButton\n                appearance=\"discrete\"\n                icon={isExpanded ? 'chevron-down' : 'chevron-right'}\n                onClick={event => {\n                    event.stopPropagation();\n                    row.toggleExpanded();\n                }}\n                tabIndex={-1}\n            />\n        </Tooltip>\n    );\n});\n\nexport function createRowExpansionColumn<TType = any>(\n    expandedRowRenderer: RowExpansionRenderer<TType>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_EXPANSION,\n        header: ({ table }) => (\n            <Tooltip\n                title={\n                    table.getIsSomeRowsExpanded()\n                        ? texts.table2.columns.expansion.collapseAll\n                        : texts.table2.columns.expansion.expandAll\n                }>\n                <IconButton\n                    appearance=\"discrete\"\n                    className=\"-mb-2 -mt-1.5\"\n                    icon={table.getIsSomeRowsExpanded() ? 'chevron-down-double' : 'chevron-right-double'}\n                    onClick={event => {\n                        event.stopPropagation();\n                        table.toggleAllRowsExpanded(table.getIsSomeRowsExpanded() ? false : true);\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        ),\n        cell: ({ row }: CellContext<TType, any>) => (\n            // ExpandCell is memoised and that's why calling row.getIsExpanded() inside it doesn't return the correct\n            // expand state. This is the reason why isExpanded is pulled out of the ExpandCell component.\n            <ExpandCell expandedRowRenderer={expandedRowRenderer} isExpanded={row.getIsExpanded()} row={row} texts={texts} />\n        ),\n        footer: () => <span />,\n        meta: {\n            align: 'center',\n            className: 'items-center !p-0',\n            headerClassName: 'items-center hover:!bg-white !p-0',\n        },\n        // sizing\n        enableResizing: false,\n        size: 36,\n    };\n}\n\nconst RowActionsCell = React.memo(({ row, actions, actionsLength, isEditing, shouldPauseHoverState, table, texts }: any) => {\n    const { isActive, isHovered } = useRowContext();\n\n    if ((!isActive && (!isHovered || shouldPauseHoverState)) || isEditing) {\n        return null;\n    }\n\n    const visibleActions = actions.map(action => action(row.original)).filter(action => !!action);\n\n    const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);\n\n    // If the row is not the active row or the hovered row then actions are hidden.\n    const actionClassName = 'group-hover/row:flex group-[[aria-current]]/row:flex hidden';\n\n    // only actions in the active row should be tabbable\n    const tabIndex = table.options.meta.activeRowIndex === row.index ? 0 : -1;\n\n    return (\n        <span className=\"-mb-2 -mt-2 flex justify-end text-right\">\n            {actionsOnRow.map((button, index) =>\n                React.cloneElement(button, {\n                    appearance: 'discrete',\n                    className: cn(actionClassName, button.props.className),\n                    key: index,\n                    tabIndex,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {button.props.tooltip ?? button.props['aria-label']}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        button.props.tooltip ?? button.props['aria-label']\n                    ),\n                })\n            )}\n            {actionsInMenu.length ? (\n                <IconButton\n                    appearance=\"discrete\"\n                    aria-label={texts.table2.columns.actions.tooltip}\n                    icon=\"more\"\n                    tabIndex={tabIndex}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content>\n                                {actionsInMenu.map((action, i) => (\n                                    <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                        {action.props['aria-label']}\n                                    </Menu.Item>\n                                ))}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                    tooltip={texts.table2.columns.actions.tooltip}\n                />\n            ) : null}\n        </span>\n    );\n});\n\nexport function createRowActionsColumn<TType = any>(\n    rowActions,\n    rowActionsLength,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_ACTIONS,\n        cell: ({ row, table }) => (\n            <RowActionsCell\n                row={row}\n                actions={rowActions}\n                actionsLength={rowActionsLength}\n                texts={texts}\n                table={table}\n                isEditing={!!table.options.meta?.editMode.isEditing}\n                shouldPauseHoverState={!!table.options.meta?.shouldPauseHoverState}\n            />\n        ),\n        footer: () => <span />,\n        meta: {\n            align: 'right',\n            className: (row: Row<any>, table: any) =>\n                // Adding z-index so that it shows on top of frozen columns\n                cn('items-center print:opacity-0 group-[[aria-current]]/row:sticky group-hover/row:sticky right-0 !px-1 z-[1]', {\n                    'group-[[aria-current]]/row:!shadow-[-6px_0px_6px_theme(colors.grey.200)]': !row.getIsSelected(),\n                    'group-hover/row:!shadow-[-6px_0px_6px_theme(colors.grey.100)]':\n                        !row.getIsSelected() &&\n                        (!table.options.meta?.shouldPauseHoverState || table.options.meta.editMode.isEditing),\n                    'shadow-[-6px_0px_6px_theme(colors.blue.100)]': row.getIsSelected(),\n                }),\n            headerClassName: 'hover:!bg-white !px-1',\n        },\n        // sizing\n        enableResizing: false,\n    };\n}\n\nexport function ensureOrdering<TType = unknown>(columns: ColumnDef<TType>[], settingsOrder: string[] | undefined): string[] {\n    // internal column come with a defined order\n    const internalColumns = columns\n        .filter(column => column.id?.startsWith('__') && column.id !== COLUMN_ID_FOR_ACTIONS)\n        .map(column => column.id) as string[];\n\n    // columns with ordering disabled should be moved to the front\n    const orderingDisabled: string[] = [];\n    const orderingEnabled: string[] = [];\n\n    let orderedColumns = columns;\n\n    // if settings is defined, make sure the columns that are actual children are sorted by it\n    if (Array.isArray(settingsOrder)) {\n        orderedColumns = columns.slice().sort(\n            // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end\n            (a, b) => (settingsOrder.indexOf(a.id as string) >>> 0) - (settingsOrder.indexOf(b.id as string) >>> 0)\n        );\n    }\n\n    orderedColumns.forEach(column => {\n        if (column.id?.startsWith('__')) {\n            return;\n        }\n\n        if (column.meta?.disableReordering) {\n            orderingDisabled.push(column.id as string);\n        } else {\n            orderingEnabled.push(column.id as string);\n        }\n    });\n\n    const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];\n\n    // actions should always be last, enforce that\n    if (columns.findIndex(column => column.id === COLUMN_ID_FOR_ACTIONS) > -1) {\n        order.push(COLUMN_ID_FOR_ACTIONS);\n    }\n\n    return order;\n}\n"],"names":["COLUMN_ID_FOR_DRAGGABLE","COLUMN_ID_FOR_SELECTION","COLUMN_ID_FOR_EXPANSION","COLUMN_ID_FOR_ACTIONS","isInternalFrozenColumn","id","isInternalColumn","MIN_COLUMN_SIZE","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","createRowDraggableColumn","onRowDrag","texts","cell","row","table","meta","options","GHOST_ELEMENT_ID","onDragStart","event","rows","getIsSelected","getSelectedRowModel","setDragging","reduce","dragging","rowBeingDragged","data","map","original","dataTransfer","setData","JSON","stringify","showPlaceholder","text","ghost","document","createElement","className","innerText","body","appendChild","setDragImage","setDataTransfer","onDragEnd","getElementById","remove","React","draggable","Icon","table2","columns","drag","tooltip","name","footer","align","headerClassName","enableResizing","size","SelectCell","memo","lastSelectedRowIndex","rowIndex","isSelected","tableRef","toggleSelected","handleClick","stopPropagation","shiftKey","current","getRowModel","slice","forEach","setActiveRowIndex","focus","Tooltip","title","select","deselect","Shortcut","keys","Checkbox","checked","onClick","onChange","tabIndex","createRowSelectionColumn","enableMultipleRowSelection","header","getIsAllPageRowsSelected","deselectAll","selectAll","key","indeterminate","getIsSomePageRowsSelected","toggleAllPageRowsSelected","index","role","type","ExpandCell","expandedRowRenderer","isExpanded","hasExpandedRow","expansion","collapse","expand","IconButton","appearance","icon","toggleExpanded","createRowExpansionColumn","getIsSomeRowsExpanded","collapseAll","expandAll","toggleAllRowsExpanded","getIsExpanded","RowActionsCell","actions","actionsLength","isEditing","shouldPauseHoverState","isActive","isHovered","useRowContext","visibleActions","action","filter","actionsOnRow","length","actionsInMenu","actionClassName","activeRowIndex","button","cloneElement","cn","props","shortcut","menu","menuProps","Menu","Content","i","Item","createRowActionsColumn","rowActions","rowActionsLength","editMode","ensureOrdering","settingsOrder","internalColumns","column","startsWith","orderingDisabled","orderingEnabled","orderedColumns","Array","isArray","sort","a","b","indexOf","disableReordering","push","order","findIndex"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/utilities/filterFn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filterFn.js","sources":["../../../../../../../../src/components/Table2/utilities/filterFn.ts"],"sourcesContent":["import { isDate, isAfter as isAfterDate, isBefore as isBeforeDate } from 'date-fns';\nimport { Table2Filter, Table2FilterComparator } from '../types';\nimport { isWeakEqual as isWeakEqualDate } from '../../../utils/date';\n\nconst toLowerCase = (value: string | number) => String(value ?? '').toLocaleLowerCase();\nconst isWeakContains = (left: string | number, right: string | number) => toLowerCase(left).includes(toLowerCase(right));\nconst isWeakEqual = (left: string | number, right: string | number) => toLowerCase(left) === toLowerCase(right);\n\nexport const globalFilterFn = (value: string, query: string) => isWeakContains(value, query);\n\n// the filter type is only settable on the column definition, which would re-render all columns\n// so instead we store it in the filter value, but that means we also have to destructure that\n// before we filter - that's why this custom filter function exists\nexport const columnFilterFn = (value: any, filter: Table2Filter) => {\n    try {\n        if (filter.comparator === Table2FilterComparator.IsEmpty || filter.comparator === Table2FilterComparator.IsNotEmpty) {\n            const isEmpty = value === undefined || value === null || value === '';\n            return filter.comparator === Table2FilterComparator.IsEmpty ? isEmpty : !isEmpty;\n        }\n\n        if (filter.value === undefined || filter.value === null || filter.value === '') {\n            return true;\n        }\n\n        switch (filter.comparator) {\n            case Table2FilterComparator.Contains:\n                return isWeakContains(value, filter.value);\n\n            case Table2FilterComparator.DoesNotContain:\n                return !isWeakContains(value, filter.value);\n\n            case Table2FilterComparator.IsEqualTo: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isWeakEqualDate(value, filter.value);\n                } else if (typeof filter.value === 'boolean') {\n                    return value === filter.value;\n                }\n\n                return isWeakEqual(value, filter.value);\n            }\n\n            case Table2FilterComparator.IsNotEqualTo: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isWeakEqualDate(value, filter.value) === false;\n                } else if (typeof filter.value === 'boolean') {\n                    return value !== filter.value;\n                }\n\n                return !isWeakEqual(value, filter.value);\n            }\n\n            case Table2FilterComparator.IsGreaterThan: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isAfterDate(value, filter.value);\n                } else {\n                    const valueAsNumber = parseInt(value);\n                    return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber > filter.value;\n                }\n            }\n\n            case Table2FilterComparator.IsLessThan: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isBeforeDate(value, filter.value);\n                } else {\n                    const valueAsNumber = parseInt(value);\n                    return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber < filter.value;\n                }\n            }\n\n            case Table2FilterComparator.IsBetween: {\n                const [fromValue, toValue] = filter.value;\n\n                if (isDate(value)) {\n                    if (isDate(fromValue) && isBeforeDate(value, fromValue)) {\n                        return false;\n                    } else if (isDate(toValue) && isAfterDate(value, toValue)) {\n                        return false;\n                    }\n\n                    return true;\n                } else {\n                    const valueAsNumber = parseInt(value);\n\n                    if (isNaN(valueAsNumber)) {\n                        return false;\n                    }\n\n                    if (fromValue !== undefined && valueAsNumber < fromValue) {\n                        return false;\n                    } else if (toValue !== undefined && valueAsNumber > toValue) {\n                        return false;\n                    }\n\n                    return true;\n                }\n            }\n\n            case Table2FilterComparator.IsOneOf:\n                return Array.isArray(filter.value) ? filter.value.includes(value) : false;\n\n            case Table2FilterComparator.IsNoneOf:\n                return Array.isArray(filter.value) ? filter.value.includes(value) === false : false;\n\n            case Table2FilterComparator.IsAllOf:\n                return Array.isArray(filter.value) && Array.isArray(value)\n                    ? filter.value.filter(v => value.includes(v)).length === filter.value.length\n                    : false;\n        }\n\n        return false;\n    } catch (e) {\n        console.error(e);\n        return true;\n    }\n};\n"],"names":["toLowerCase","value","String","toLocaleLowerCase","isWeakContains","left","right","includes","isWeakEqual","globalFilterFn","query","columnFilterFn","filter","comparator","Table2FilterComparator","IsEmpty","IsNotEmpty","isEmpty","undefined","Contains","DoesNotContain","IsEqualTo","isDate","isWeakEqualDate","IsNotEqualTo","IsGreaterThan","isAfterDate","valueAsNumber","parseInt","isNaN","IsLessThan","isBeforeDate","IsBetween","fromValue","toValue","IsOneOf","Array","isArray","IsNoneOf","IsAllOf","v","length","e","console","error"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Truncate/Truncate.js

@@ -1,32 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import { useTruncated } from '../../utils/hooks/useTruncated.js';
-
-const Truncate = ({
-  tooltip,
-  children
-}) => {
-  const ref = React__default.useRef(null);
-  const [mounted, setMounted] = React__default.useState(false);
-  const {
-    truncated
-  } = useTruncated(ref.current, [mounted]);
-  React__default.useEffect(() => {
-    setMounted(true);
-    return () => setMounted(false);
-  }, []);
-  const clonedChildrenWithRef = /*#__PURE__*/React__default.cloneElement(React__default.Children.only(children), {
-    ref,
-    className: cn(children.props.className, 'truncate')
-  });
-  if (truncated) {
-    return /*#__PURE__*/React__default.createElement(Tooltip, {
-      title: tooltip
-    }, clonedChildrenWithRef);
-  }
-  return clonedChildrenWithRef;
-};
-
-export { Truncate };
-//# sourceMappingURL=Truncate.js.map

package/dist/esm/packages/taco/src/components/Truncate/Truncate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Truncate.js","sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { useTruncated } from '../../utils/hooks/useTruncated';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TruncateProps = {\n    tooltip: string;\n    children: React.ReactElement;\n};\nexport const Truncate = ({ tooltip, children }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { truncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate'),\n    });\n\n    if (truncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["Truncate","tooltip","children","ref","React","useRef","mounted","setMounted","useState","truncated","useTruncated","current","useEffect","clonedChildrenWithRef","cloneElement","Children","only","className","cn","props","Tooltip","title"],"mappings":";;;;;MAUaA,QAAQ,GAAG,CAAC;EAAEC,OAAO;EAAEC;CAAyB;EACzD,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAc,IAAI,CAAC;EAC3C,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGH,cAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM;IAAEC;GAAW,GAAGC,YAAY,CAACP,GAAG,CAACQ,OAAO,EAAE,CAACL,OAAO,CAAC,CAAC;EAE1DF,cAAK,CAACQ,SAAS,CAAC;IACZL,UAAU,CAAC,IAAI,CAAC;IAEhB,OAAO,MAAMA,UAAU,CAAC,KAAK,CAAC;GACjC,EAAE,EAAE,CAAC;EAEN,MAAMM,qBAAqB,gBAAGT,cAAK,CAACU,YAAY,CAACV,cAAK,CAACW,QAAQ,CAACC,IAAI,CAACd,QAAQ,CAAC,EAAE;IAC5EC,GAAG;IACHc,SAAS,EAAEC,EAAE,CAAChB,QAAQ,CAACiB,KAAK,CAACF,SAAS,EAAE,UAAU;GACrD,CAAC;EAEF,IAAIR,SAAS,EAAE;IACX,oBAAOL,6BAACgB,OAAO;MAACC,KAAK,EAAEpB;OAAUY,qBAAqB,CAAW;;EAGrE,OAAOA,qBAAqB;AAChC;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useTruncated.js

@@ -1,20 +0,0 @@
-import React__default from 'react';
-
-const useTruncated = (element, deps = []) => {
-  const isTruncated = targetElement => {
-    if (targetElement !== null) {
-      return targetElement.offsetWidth < targetElement.scrollWidth;
-    }
-    return false;
-  };
-  const [truncated, setTruncated] = React__default.useState(isTruncated(element));
-  React__default.useEffect(() => {
-    setTruncated(isTruncated(element));
-  }, [element, ...deps]);
-  return {
-    truncated
-  };
-};
-
-export { useTruncated };
-//# sourceMappingURL=useTruncated.js.map

package/dist/esm/packages/taco/src/utils/hooks/useTruncated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTruncated.js","sources":["../../../../../../../src/utils/hooks/useTruncated.tsx"],"sourcesContent":["import React from 'react';\n\nexport const useTruncated = (element: HTMLElement | null, deps: any[] = []) => {\n    const isTruncated = (targetElement: HTMLElement | null) => {\n        if (targetElement !== null) {\n            return targetElement.offsetWidth < targetElement.scrollWidth;\n        }\n\n        return false;\n    };\n    const [truncated, setTruncated] = React.useState<boolean>(isTruncated(element));\n\n    React.useEffect(() => {\n        setTruncated(isTruncated(element));\n    }, [element, ...deps]);\n\n    return { truncated };\n};\n"],"names":["useTruncated","element","deps","isTruncated","targetElement","offsetWidth","scrollWidth","truncated","setTruncated","React","useState","useEffect"],"mappings":";;MAEaA,YAAY,GAAG,CAACC,OAA2B,EAAEC,OAAc,EAAE;EACtE,MAAMC,WAAW,GAAIC,aAAiC;IAClD,IAAIA,aAAa,KAAK,IAAI,EAAE;MACxB,OAAOA,aAAa,CAACC,WAAW,GAAGD,aAAa,CAACE,WAAW;;IAGhE,OAAO,KAAK;GACf;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAUP,WAAW,CAACF,OAAO,CAAC,CAAC;EAE/EQ,cAAK,CAACE,SAAS,CAAC;IACZH,YAAY,CAACL,WAAW,CAACF,OAAO,CAAC,CAAC;GACrC,EAAE,CAACA,OAAO,EAAE,GAAGC,IAAI,CAAC,CAAC;EAEtB,OAAO;IAAEK;GAAW;AACxB;;;;"}