@economic/taco 2.25.1-alpha.13 → 2.25.1

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Header.js

@@ -0,0 +1,186 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { Tooltip } from '../../../../Tooltip/Tooltip.js';
+import { isGotoAvailable, isMenuAvailable, Menu } from './Menu.js';
+import { Resizer } from './Resizer.js';
+import { getSortAttributes, SortIndicator } from './SortIndicator.js';
+import { isFrozenColumn, isInternalColumn } from '../../../util/columns.js';
+
+const SORT_DIRECTION = {
+  ASC: 'asc',
+  DESC: 'desc'
+};
+function Header(props) {
+  const {
+    children,
+    column,
+    header,
+    hasSeparator,
+    scrollToIndex,
+    table
+  } = props;
+  const tableMeta = table.options.meta;
+  const columnMeta = React__default.useMemo(() => column.columnDef.meta, []);
+  const canSort = column.getCanSort();
+  const hasGoto = isGotoAvailable(table, header);
+  // passing header or column results in re-renders on scroll, so anything from those objects as memoed props
+  const handleHide = React__default.useMemo(() => header.column.getToggleVisibilityHandler(), []);
+  const handleResize = React__default.useMemo(() => header.getResizeHandler(), []);
+  const handleSort = React__default.useMemo(() => header.column.getToggleSortingHandler(), []);
+  const handleSortToggle = React__default.useCallback(sortDirection => {
+    // When sorting is not applied, sortDirection is false.
+    if (sortDirection === false) {
+      header.column.clearSorting();
+    } else {
+      header.column.toggleSorting(sortDirection === SORT_DIRECTION.DESC);
+    }
+  }, []);
+  const sorting = table.getState().sorting;
+  const filters = table.getState().columnFilters;
+  const search = table.getState().globalFilter;
+  const handleGoto = React__default.useMemo(() => {
+    if (hasGoto) {
+      return query => {
+        var _tableMeta$rowGoto$ha, _tableMeta$rowGoto;
+        return (_tableMeta$rowGoto$ha = (_tableMeta$rowGoto = tableMeta.rowGoto).handleGoto) === null || _tableMeta$rowGoto$ha === void 0 ? void 0 : _tableMeta$rowGoto$ha.call(_tableMeta$rowGoto, header.id, query, sorting, filters, search);
+      };
+    }
+    return undefined;
+  }, [hasGoto, JSON.stringify(sorting), JSON.stringify(filters), search]);
+  const headerContentProps = {
+    align: columnMeta.align,
+    canFreeze: tableMeta.columnFreezing.isEnabled,
+    canHide: column.getCanHide(),
+    canResize: column.getCanResize(),
+    canSort,
+    children: children !== null && children !== void 0 ? children : columnMeta.header,
+    colSpan: header.colSpan,
+    hasMenu: isMenuAvailable(table, header),
+    hasSeparator,
+    id: header.id,
+    index: header.index,
+    isFrozen: isFrozenColumn(header, table),
+    isPlaceholder: header.isPlaceholder,
+    isPrinting: tableMeta.printing.isPrinting,
+    isResizing: column.getIsResizing(),
+    length: table.getRowModel().rows.length,
+    meta: columnMeta,
+    onGoto: handleGoto,
+    onHide: handleHide,
+    onResize: handleResize,
+    onSort: handleSort,
+    onSortToggle: handleSortToggle,
+    scrollToIndex,
+    sortDirection: column.getIsSorted(),
+    table
+  };
+  return /*#__PURE__*/React__default.createElement(HeaderContent, Object.assign({}, headerContentProps));
+}
+function HeaderContent(props) {
+  var _meta$tooltip;
+  const {
+    align,
+    children,
+    canFreeze,
+    canHide,
+    canResize,
+    canSort,
+    colSpan,
+    hasMenu,
+    hasSeparator,
+    id,
+    index,
+    isFrozen,
+    isPlaceholder,
+    isPrinting,
+    isResizing,
+    length,
+    meta,
+    onGoto: handleGoto,
+    onHide: handleHide,
+    onResize: handleResize,
+    onSort: handleSort,
+    onSortToggle: handleSortToggle,
+    scrollToIndex,
+    sortDirection,
+    table
+  } = props;
+  const className = cn('font-bold border-b-2 box-content group/column relative', '[[role="table"][data-resizing="true"]_&]:pointer-events-none', 'px-[var(--table3-cell-padding-x)]', {
+    '!border-white': isPlaceholder,
+    'h-10 items-center sticky': !isPrinting,
+    'pb-2': isPrinting,
+    'cursor-pointer select-none': canSort,
+    'hover:bg-grey-100': !isPlaceholder && (canSort || canResize || hasMenu),
+    'focus-within:bg-grey-100': hasMenu,
+    '!pointer-events-all !bg-grey-100': !isPlaceholder && isResizing,
+    // z-indexes
+    'z-10 hover:z-20': !isFrozen && !isResizing,
+    'z-20': !isFrozen && isResizing,
+    // when column is frozen, we need to increase it's z-index when it's hovered,
+    // so that resize handler appears on top of next frozen cell, and didn't get cut by it.
+    '!z-30 hover:!z-40': isFrozen,
+    '!z-40': isFrozen && isResizing
+  }, colSpan > 1 ? `col-span-${colSpan}` : '', meta.headerClassName);
+  const [internalRef, setInternalRef] = React__default.useState(null);
+  React__default.useLayoutEffect(() => {
+    if (internalRef && length) {
+      // the actions column size gets set by the column itself
+      if (isInternalColumn(id)) {
+        return;
+      }
+      table.setColumnSizing(sizes => ({
+        ...sizes,
+        [id]: internalRef.getBoundingClientRect().width
+      }));
+    }
+  }, [internalRef, length]);
+  if (table.options.debugAll) {
+    console.log('header render', id);
+  }
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, canSort ? getSortAttributes(handleSort, sortDirection) : undefined, {
+    className: className,
+    "data-align": align,
+    "data-column-index": index,
+    role: "columnheader",
+    ref: setInternalRef
+  }), isPlaceholder ? null : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isInternalColumn(id) ? children : ( /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: String((_meta$tooltip = meta === null || meta === void 0 ? void 0 : meta.tooltip) !== null && _meta$tooltip !== void 0 ? _meta$tooltip : children),
+    placement: "top"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: cn({
+      truncate: !isPrinting
+    })
+  }, children))), canSort ? /*#__PURE__*/React__default.createElement(SortIndicator, {
+    direction: sortDirection
+  }) : null, hasMenu ? ( /*#__PURE__*/React__default.createElement(Menu, {
+    canFreeze: canFreeze,
+    canHide: canHide,
+    canSort: canSort,
+    className: cn({
+      'ml-auto': align !== 'right',
+      'ml-2': align === 'right'
+    }),
+    index: index,
+    menu: meta.menu,
+    onGoto: handleGoto,
+    onHide: handleHide,
+    onSortToggle: handleSortToggle,
+    scrollToIndex: scrollToIndex,
+    sortDirection: sortDirection,
+    table: table
+  })) : null)), hasSeparator ? /*#__PURE__*/React__default.createElement(HeaderSeparator, null) : null, !isPlaceholder && canResize ? /*#__PURE__*/React__default.createElement(Resizer, {
+    isResizing: isResizing,
+    onResize: handleResize
+  }) : null);
+}
+function HeaderSeparator() {
+  return /*#__PURE__*/React__default.createElement("div", {
+    "data-taco": "header-separator",
+    className: cn('invisible absolute right-[0.5px] top-0 flex h-full w-2 touch-none select-none justify-center py-2 group-hover/header:visible')
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: cn('bg-grey-300 h-full w-[1px]')
+  }));
+}
+
+export { Header, HeaderSeparator, SORT_DIRECTION };
+//# sourceMappingURL=Header.js.map

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { ColumnMeta, HeaderContext, TableMeta } from '@tanstack/react-table';\n\nimport { Menu, isMenuAvailable, isGotoAvailable } from './Menu';\nimport { Resizer } from './Resizer';\nimport { Table3ColumnAlignment, Table3SortDirection, TableStrategy } from '../../../types';\nimport { getSortAttributes, SortIndicator } from './SortIndicator';\nimport { isFrozenColumn, isInternalColumn } from '../../../util/columns';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\n\nexport const SORT_DIRECTION: Record<string, Table3SortDirection> = {\n    ASC: 'asc',\n    DESC: 'desc',\n};\n\nexport type HeaderSortDirection = Table3SortDirection | false;\nexport type SortToggleHandler = (sortDirection: HeaderSortDirection) => void;\n\nexport type HeaderProps<TType = unknown> = HeaderContext<TType, unknown> & {\n    children?: string | JSX.Element;\n    hasSeparator?: boolean;\n};\n\nexport function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { children, column, header, hasSeparator, scrollToIndex, table } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const columnMeta = React.useMemo(() => column.columnDef.meta, []) as ColumnMeta<TType, unknown>;\n    const canSort = column.getCanSort();\n    const hasGoto = isGotoAvailable(table, header);\n\n    // passing header or column results in re-renders on scroll, so anything from those objects as memoed props\n    const handleHide = React.useMemo(() => header.column.getToggleVisibilityHandler(), []);\n    const handleResize = React.useMemo(() => header.getResizeHandler(), []);\n    const handleSort = React.useMemo(() => header.column.getToggleSortingHandler(), []);\n    const handleSortToggle = React.useCallback((sortDirection: HeaderSortDirection) => {\n        // When sorting is not applied, sortDirection is false.\n        if (sortDirection === false) {\n            header.column.clearSorting();\n        } else {\n            header.column.toggleSorting(sortDirection === SORT_DIRECTION.DESC);\n        }\n    }, []);\n\n    const sorting = table.getState().sorting;\n    const filters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    const handleGoto = React.useMemo(() => {\n        if (hasGoto) {\n            return ((query: string) => tableMeta.rowGoto.handleGoto?.(header.id, query, sorting, filters, search)) as (\n                query: string\n            ) => Promise<number>;\n        }\n\n        return undefined;\n    }, [hasGoto, JSON.stringify(sorting), JSON.stringify(filters), search]);\n\n    const headerContentProps: HeaderContentProps<TType> = {\n        align: columnMeta.align,\n        canFreeze: tableMeta.columnFreezing.isEnabled,\n        canHide: column.getCanHide(),\n        canResize: column.getCanResize(),\n        canSort,\n        children: children ?? columnMeta.header,\n        colSpan: header.colSpan,\n        hasMenu: isMenuAvailable<TType>(table, header),\n        hasSeparator,\n        id: header.id,\n        index: header.index,\n        isFrozen: isFrozenColumn(header, table),\n        isPlaceholder: header.isPlaceholder,\n        isPrinting: tableMeta.printing.isPrinting,\n        isResizing: column.getIsResizing(),\n        length: table.getRowModel().rows.length,\n        meta: columnMeta,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onResize: handleResize,\n        onSort: handleSort as (event: unknown) => void,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        sortDirection: column.getIsSorted(),\n        table,\n    };\n\n    return <HeaderContent<TType> {...headerContentProps} />;\n}\n\n// Memoization\nexport type HeaderContentProps<TType = unknown> = Omit<HeaderProps<TType>, 'column' | 'header'> & {\n    align?: Table3ColumnAlignment;\n    canFreeze: boolean;\n    canHide: boolean;\n    canResize: boolean;\n    canSort: boolean;\n    colSpan: number;\n    hasMenu: boolean;\n    hasSeparator?: boolean;\n    id: string;\n    index: number;\n    isFrozen: boolean;\n    isPlaceholder: boolean;\n    isPrinting: boolean;\n    isResizing: boolean;\n    length: number;\n    meta: ColumnMeta<TType, unknown>;\n    onGoto?: (query: string) => Promise<number>;\n    onHide: (event: unknown) => void;\n    onResize: (event: unknown) => void;\n    onSort: (event: unknown) => void;\n    onSortToggle: SortToggleHandler;\n    scrollToIndex: TableStrategy['scrollToIndex'];\n    sortDirection: HeaderSortDirection;\n};\n\nfunction HeaderContent<TType = unknown>(props: HeaderContentProps<TType>) {\n    const {\n        align,\n        children,\n        canFreeze,\n        canHide,\n        canResize,\n        canSort,\n        colSpan,\n        hasMenu,\n        hasSeparator,\n        id,\n        index,\n        isFrozen,\n        isPlaceholder,\n        isPrinting,\n        isResizing,\n        length,\n        meta,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onResize: handleResize,\n        onSort: handleSort,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        sortDirection,\n        table,\n    } = props;\n\n    const className = cn(\n        'font-bold border-b-2 box-content group/column relative',\n        '[[role=\"table\"][data-resizing=\"true\"]_&]:pointer-events-none',\n        'px-[var(--table3-cell-padding-x)]',\n        {\n            '!border-white': isPlaceholder,\n            'h-10 items-center sticky': !isPrinting,\n            'pb-2': isPrinting,\n            'cursor-pointer select-none': canSort,\n            'hover:bg-grey-100': !isPlaceholder && (canSort || canResize || hasMenu),\n            'focus-within:bg-grey-100': hasMenu,\n            '!pointer-events-all !bg-grey-100': !isPlaceholder && isResizing,\n            // z-indexes\n            'z-10 hover:z-20': !isFrozen && !isResizing,\n            'z-20': !isFrozen && isResizing,\n            // when column is frozen, we need to increase it's z-index when it's hovered,\n            // so that resize handler appears on top of next frozen cell, and didn't get cut by it.\n            '!z-30 hover:!z-40': isFrozen,\n            '!z-40': isFrozen && isResizing,\n        },\n        colSpan > 1 ? `col-span-${colSpan}` : '',\n        meta.headerClassName\n    );\n\n    const [internalRef, setInternalRef] = React.useState<HTMLDivElement | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (internalRef && length) {\n            // the actions column size gets set by the column itself\n            if (isInternalColumn(id)) {\n                return;\n            }\n\n            table.setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: internalRef.getBoundingClientRect().width,\n            }));\n        }\n    }, [internalRef, length]);\n\n    if (table.options.debugAll) {\n        console.log('header render', id);\n    }\n    return (\n        <div\n            {...(canSort ? getSortAttributes(handleSort, sortDirection) : undefined)}\n            className={className}\n            data-align={align}\n            data-column-index={index}\n            role=\"columnheader\"\n            ref={setInternalRef}>\n            {isPlaceholder ? null : (\n                <>\n                    {isInternalColumn(id) ? (\n                        children\n                    ) : (\n                        <Tooltip title={String(meta?.tooltip ?? children)} placement=\"top\">\n                            <span className={cn({ truncate: !isPrinting })}>{children}</span>\n                        </Tooltip>\n                    )}\n                    {canSort ? <SortIndicator direction={sortDirection} /> : null}\n                    {hasMenu ? (\n                        <Menu\n                            canFreeze={canFreeze}\n                            canHide={canHide}\n                            canSort={canSort}\n                            className={cn({\n                                'ml-auto': align !== 'right',\n                                'ml-2': align === 'right',\n                            })}\n                            index={index}\n                            menu={meta.menu}\n                            onGoto={handleGoto}\n                            onHide={handleHide}\n                            onSortToggle={handleSortToggle}\n                            scrollToIndex={scrollToIndex}\n                            sortDirection={sortDirection}\n                            table={table}\n                        />\n                    ) : null}\n                </>\n            )}\n            {/* Header separator need to go before Resizer to prevent it's overlapping */}\n            {hasSeparator ? <HeaderSeparator /> : null}\n            {!isPlaceholder && canResize ? <Resizer isResizing={isResizing} onResize={handleResize} /> : null}\n        </div>\n    );\n}\n\nexport function HeaderSeparator() {\n    return (\n        <div\n            data-taco=\"header-separator\"\n            className={cn(\n                'invisible absolute right-[0.5px] top-0 flex h-full w-2 touch-none select-none justify-center py-2 group-hover/header:visible'\n            )}>\n            <div className={cn('bg-grey-300 h-full w-[1px]')} />\n        </div>\n    );\n}\n"],"names":["SORT_DIRECTION","ASC","DESC","Header","props","children","column","header","hasSeparator","scrollToIndex","table","tableMeta","options","meta","columnMeta","React","useMemo","columnDef","canSort","getCanSort","hasGoto","isGotoAvailable","handleHide","getToggleVisibilityHandler","handleResize","getResizeHandler","handleSort","getToggleSortingHandler","handleSortToggle","useCallback","sortDirection","clearSorting","toggleSorting","sorting","getState","filters","columnFilters","search","globalFilter","handleGoto","query","_tableMeta$rowGoto$ha","_tableMeta$rowGoto","rowGoto","call","id","undefined","JSON","stringify","headerContentProps","align","canFreeze","columnFreezing","isEnabled","canHide","getCanHide","canResize","getCanResize","colSpan","hasMenu","isMenuAvailable","index","isFrozen","isFrozenColumn","isPlaceholder","isPrinting","printing","isResizing","getIsResizing","length","getRowModel","rows","onGoto","onHide","onResize","onSort","onSortToggle","getIsSorted","HeaderContent","className","cn","headerClassName","internalRef","setInternalRef","useState","useLayoutEffect","isInternalColumn","setColumnSizing","sizes","getBoundingClientRect","width","debugAll","console","log","getSortAttributes","role","ref","Tooltip","title","String","_meta$tooltip","tooltip","placement","truncate","SortIndicator","direction","Menu","menu","HeaderSeparator","Resizer"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Menu.js

@@ -0,0 +1,206 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { createShortcutKeyDownHandler } from '../../../../../utils/keyboard.js';
+import { IconButton } from '../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Menu as Menu$1 } from '../../../../Menu/Menu.js';
+import { _finallyRethrows, _catch } from '../../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+import { GotoPopover } from './Goto.js';
+import { getTableLeftScrollDistance } from '../../../util/scrolling.js';
+import { SORT_DIRECTION } from './Header.js';
+import { isInternalColumn } from '../../../util/columns.js';
+
+function isGotoAvailable(table, header) {
+  if (isInternalColumn(header.id)) {
+    return false;
+  }
+  const tableMeta = table.options.meta;
+  return !!(tableMeta.rowGoto.isEnabled && header.column.getCanSort() && header.column.getIsSorted());
+}
+function isMenuAvailable(table, header) {
+  var _header$column$column;
+  if (isInternalColumn(header.id)) {
+    return false;
+  }
+  const tableMeta = table.options.meta;
+  return !!((_header$column$column = header.column.columnDef.meta) !== null && _header$column$column !== void 0 && _header$column$column.menu) || !!tableMeta.columnFreezing.isEnabled || !!table.options.enableHiding && !!header.column.getCanHide() || isGotoAvailable(table, header);
+}
+function Menu(props) {
+  const {
+    canFreeze,
+    canHide,
+    canSort,
+    index,
+    menu,
+    onGoto: handleGoto,
+    onHide: handleHide,
+    onSortToggle: handleSortToggle,
+    scrollToIndex,
+    sortDirection,
+    table
+  } = props;
+  const tableMeta = table.options.meta;
+  const {
+    texts
+  } = useLocalization();
+  const [popover, setPopover] = React__default.useState(undefined);
+  const [sortDirectionState, setSortDirectionState] = React__default.useState(sortDirection);
+  const ref = React__default.useRef(null);
+  const gotoShortcut = 'g';
+  React__default.useEffect(() => {
+    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+    const {
+      frozenColumnIndex: externalFrozenColumnIndex = -1,
+      frozenInternalColumnCount = 0
+    } = tableMeta.columnFreezing;
+    const handler = createShortcutKeyDownHandler(gotoShortcut, () => {
+      // Only execute the below code if the header menu has goto menu item
+      if (handleGoto) {
+        var _ref$current;
+        const tableElement = tableMeta.tableRef.current;
+        const frozenColumnIndex = externalFrozenColumnIndex > -1 ? externalFrozenColumnIndex + frozenInternalColumnCount : frozenInternalColumnCount - 1;
+        const parentHeader = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.closest('[role="columnheader"]');
+        if (!tableElement || !parentHeader) {
+          return;
+        }
+        const leftScrollDistance = getTableLeftScrollDistance(tableElement, parentHeader, frozenColumnIndex);
+        if (leftScrollDistance !== null) {
+          tableElement.scrollLeft = leftScrollDistance;
+        }
+      }
+    },
+    // Prevents the stopping of event propagation
+    false);
+    document.addEventListener('keydown', handler);
+    return () => document.removeEventListener('keydown', handler);
+    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  }, [tableMeta.columnFreezing.frozenColumnIndex, handleGoto]);
+  const handleSortMenuRadioGroupChange = newSortDirection => {
+    setSortDirectionState(newSortDirection);
+    handleSortToggle(newSortDirection);
+  };
+  let popoverElement;
+  if (popover) {
+    const handleClosePopover = () => setPopover(undefined);
+    switch (popover) {
+      case 'goto':
+        {
+          if (handleGoto) {
+            const goto = function (query) {
+              try {
+                const _temp = _finallyRethrows(function () {
+                  return _catch(function () {
+                    return Promise.resolve(handleGoto(query)).then(function (index) {
+                      tableMeta.rowActive.setRowActiveIndex(index);
+                      scrollToIndex(index + 2, {
+                        align: 'center'
+                      });
+                    });
+                  }, function () {});
+                }, function (_wasThrown, _result) {
+                  handleClosePopover();
+                  if (_wasThrown) throw _result;
+                  return _result;
+                });
+                return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+              } catch (e) {
+                return Promise.reject(e);
+              }
+            };
+            popoverElement = props => /*#__PURE__*/React__default.createElement(GotoPopover, Object.assign({}, props, {
+              open: true,
+              onChange: handleClosePopover,
+              onGoto: goto
+            }));
+          }
+        }
+    }
+  }
+  const className = cn('-my-0.5 -mr-1 -ml-0.5 !h-6 !min-h-[theme(spacing.6)] flex-shrink-0 justify-end !w-0 !min-w-0 !overflow-hidden', 'aria-expanded:!min-w-[theme(spacing.6)] aria-expanded:!w-6 aria-expanded:!overflow-auto', 'focus:!min-w-[theme(spacing.6)] focus:!w-6 focus:!overflow-auto', 'group-hover/column:!min-w-[theme(spacing.6)] group-hover/column:!w-6 group-hover/column:!overflow-auto', {
+    '!w-6 !min-w-[theme(spacing.6)] !overflow-auto': !!popoverElement
+  }, props.className);
+  const memoedMenuItems = React__default.useMemo(() => {
+    const menuItems = [];
+    if (canHide) {
+      // we do this in the next tick, otherwise the menu closes and react throws a "state update on unmounted component" error
+      const handleClick = event => setTimeout(() => handleHide(event), 1);
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+        icon: "eye-off",
+        onClick: handleClick
+      }, texts.table3.columns.menu.hideColumn));
+    }
+    // We rely on canSort value instead of onSort function's value because some columns might have sorting disabled,
+    // so even though onSort is truthy, we don't want to show sorting menu.
+    if (canSort) {
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+        icon: "sort-by",
+        subMenu: () => ( /*#__PURE__*/React__default.createElement(Menu$1.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup, {
+          onChange: handleSortMenuRadioGroupChange,
+          value: sortDirectionState
+        }, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
+          value: SORT_DIRECTION.ASC
+        }, texts.table3.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
+          value: SORT_DIRECTION.DESC
+        }, texts.table3.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
+          value: false
+        }, texts.table3.columns.menu.sortingOrder.unsorted))))
+      }, texts.table3.columns.menu.sorting));
+    }
+    if (handleGoto) {
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+        icon: "move",
+        onClick: () => setPopover('goto'),
+        shortcut: gotoShortcut
+      }, texts.table3.columns.menu.gotoRow, "..."));
+    }
+    if (canFreeze) {
+      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+      const frozenIndex = index - tableMeta.columnFreezing.frozenInternalColumnCount;
+      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+      const handleClick = () => tableMeta.columnFreezing.setFrozenColumnIndex(frozenIndex);
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+        icon: "column-freeze",
+        onClick: handleClick
+      }, frozenIndex === 0 ? texts.table3.columns.menu.freezeFirstColumn : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(frozenIndex + 1))));
+      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+      if (tableMeta.columnFreezing.frozenColumnIndex !== undefined) {
+        const handleClick = () => {
+          // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+          tableMeta.columnFreezing.setFrozenColumnIndex(undefined);
+        };
+        menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+          icon: "column-unfreeze",
+          onClick: handleClick
+        }, texts.table3.columns.menu.unfreezeColumns));
+      }
+    }
+    if (menu) {
+      const customMenu = menu({
+        trigger: undefined
+      });
+      const customItems = React__default.Children.toArray(customMenu.props.children.props.children);
+      if (customItems.length) {
+        if (menuItems.length) {
+          menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Separator, null));
+        }
+        menuItems.push(...customItems);
+      }
+    }
+    return menuItems.map((item, key) => /*#__PURE__*/React__default.cloneElement(item, {
+      key
+    }));
+  }, [menu, index, canFreeze, canHide, canSort, handleGoto, handleSortToggle, sortDirection,
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  tableMeta.columnFreezing.frozenColumnIndex]);
+  return /*#__PURE__*/React__default.createElement(IconButton, {
+    className: className,
+    icon: "more",
+    menu: popoverElement ? undefined : menuProps => ( /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, memoedMenuItems))),
+    popover: popoverElement,
+    onClickCapture: event => event.preventDefault(),
+    ref: ref
+  });
+}
+
+export { Menu, isGotoAvailable, isMenuAvailable };
+//# sourceMappingURL=Menu.js.map

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Header as RTHeader, Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../Menu/Menu';\nimport { isInternalColumn } from '../../../util/columns';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Table3ColumnHeaderMenu, TableStrategy } from '../../../types';\nimport { GotoPopover } from './Goto';\nimport { HeaderSortDirection, SORT_DIRECTION, SortToggleHandler } from './Header';\nimport { RadioGroupItemValue } from '../../../../RadioGroup/RadioGroup';\nimport { createShortcutKeyDownHandler } from '../../../../../utils/keyboard';\nimport { getTableLeftScrollDistance } from '../../../util/scrolling';\n\nexport function isGotoAvailable<TType = unknown>(table: RTable<TType>, header: RTHeader<TType, unknown>) {\n    if (isInternalColumn(header.id)) {\n        return false;\n    }\n\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    return !!(tableMeta.rowGoto.isEnabled && header.column.getCanSort() && header.column.getIsSorted());\n}\n\nexport function isMenuAvailable<TType = unknown>(table: RTable<TType>, header: RTHeader<TType, unknown>): boolean {\n    if (isInternalColumn(header.id)) {\n        return false;\n    }\n\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    return (\n        !!header.column.columnDef.meta?.menu ||\n        !!tableMeta.columnFreezing.isEnabled ||\n        (!!table.options.enableHiding && !!header.column.getCanHide()) ||\n        isGotoAvailable(table, header)\n    );\n}\n\nexport type MenuProps<TType = unknown> = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFreeze: boolean;\n    canHide: boolean;\n    canSort: boolean;\n    index: number;\n    menu?: Table3ColumnHeaderMenu;\n    onGoto?: (query: string) => Promise<number>;\n    onHide: (event: unknown) => void;\n    onSortToggle: SortToggleHandler;\n    scrollToIndex: TableStrategy['scrollToIndex'];\n    sortDirection: HeaderSortDirection;\n    table: RTable<TType>;\n};\n\nexport function Menu<TType = unknown>(props: MenuProps<TType>) {\n    const {\n        canFreeze,\n        canHide,\n        canSort,\n        index,\n        menu,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        sortDirection,\n        table,\n    } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n    const [sortDirectionState, setSortDirectionState] = React.useState<HeaderSortDirection>(sortDirection);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const gotoShortcut = 'g';\n\n    React.useEffect(() => {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        const { frozenColumnIndex: externalFrozenColumnIndex = -1, frozenInternalColumnCount = 0 } = tableMeta.columnFreezing;\n\n        const handler = createShortcutKeyDownHandler(\n            gotoShortcut,\n            () => {\n                // Only execute the below code if the header menu has goto menu item\n                if (handleGoto) {\n                    const tableElement = tableMeta.tableRef.current;\n                    const frozenColumnIndex =\n                        externalFrozenColumnIndex > -1\n                            ? externalFrozenColumnIndex + frozenInternalColumnCount\n                            : frozenInternalColumnCount - 1;\n                    const parentHeader = ref.current?.closest('[role=\"columnheader\"]');\n\n                    if (!tableElement || !parentHeader) {\n                        return;\n                    }\n\n                    const leftScrollDistance = getTableLeftScrollDistance(tableElement, parentHeader, frozenColumnIndex);\n\n                    if (leftScrollDistance !== null) {\n                        tableElement.scrollLeft = leftScrollDistance;\n                    }\n                }\n            },\n            // Prevents the stopping of event propagation\n            false\n        );\n\n        document.addEventListener('keydown', handler);\n\n        return () => document.removeEventListener('keydown', handler);\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n    }, [tableMeta.columnFreezing.frozenColumnIndex, handleGoto]);\n\n    const handleSortMenuRadioGroupChange = (newSortDirection: RadioGroupItemValue) => {\n        setSortDirectionState(newSortDirection as HeaderSortDirection);\n        handleSortToggle(newSortDirection as HeaderSortDirection);\n    };\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'goto': {\n                if (handleGoto) {\n                    const goto = async (query: string) => {\n                        try {\n                            const index = await handleGoto(query);\n                            tableMeta.rowActive.setRowActiveIndex(index);\n                            scrollToIndex(index + 2, { align: 'center' });\n                        } catch {\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const className = cn(\n        '-my-0.5 -mr-1 -ml-0.5 !h-6 !min-h-[theme(spacing.6)] flex-shrink-0 justify-end !w-0 !min-w-0 !overflow-hidden',\n        'aria-expanded:!min-w-[theme(spacing.6)] aria-expanded:!w-6 aria-expanded:!overflow-auto',\n        'focus:!min-w-[theme(spacing.6)] focus:!w-6 focus:!overflow-auto',\n        'group-hover/column:!min-w-[theme(spacing.6)] group-hover/column:!w-6 group-hover/column:!overflow-auto',\n        {\n            '!w-6 !min-w-[theme(spacing.6)] !overflow-auto': !!popoverElement,\n        },\n        props.className\n    );\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide) {\n            // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n            const handleClick = event => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table3.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        // We rely on canSort value instead of onSort function's value because some columns might have sorting disabled,\n        // so even though onSort is truthy, we don't want to show sorting menu.\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortMenuRadioGroupChange} value={sortDirectionState}>\n                                <MenuPrimitive.RadioGroup.Item value={SORT_DIRECTION.ASC}>\n                                    {texts.table3.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={SORT_DIRECTION.DESC}>\n                                    {texts.table3.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table3.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table3.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (handleGoto) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={() => setPopover('goto')} shortcut={gotoShortcut}>\n                    {texts.table3.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canFreeze) {\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            const frozenIndex = index - tableMeta.columnFreezing.frozenInternalColumnCount;\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            const handleClick = () => tableMeta.columnFreezing.setFrozenColumnIndex(frozenIndex);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={handleClick}>\n                    {frozenIndex === 0\n                        ? texts.table3.columns.menu.freezeFirstColumn\n                        : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(frozenIndex + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            if (tableMeta.columnFreezing.frozenColumnIndex !== undefined) {\n                const handleClick = () => {\n                    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n                    tableMeta.columnFreezing.setFrozenColumnIndex(undefined);\n                };\n\n                menuItems.push(\n                    <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={handleClick}>\n                        {texts.table3.columns.menu.unfreezeColumns}\n                    </MenuPrimitive.Item>\n                );\n            }\n        }\n\n        if (menu) {\n            const customMenu = menu({ trigger: undefined });\n            const customItems = React.Children.toArray(customMenu.props.children.props.children) as JSX.Element[];\n\n            if (customItems.length) {\n                if (menuItems.length) {\n                    menuItems.push(<MenuPrimitive.Separator />);\n                }\n\n                menuItems.push(...customItems);\n            }\n        }\n\n        return menuItems.map((item, key) => React.cloneElement(item, { key }));\n    }, [\n        menu,\n        index,\n        canFreeze,\n        canHide,\n        canSort,\n        handleGoto,\n        handleSortToggle,\n        sortDirection,\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.columnFreezing.frozenColumnIndex,\n    ]);\n\n    return (\n        <IconButton\n            className={className}\n            icon=\"more\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <MenuPrimitive {...menuProps}>\n                              <MenuPrimitive.Content>{memoedMenuItems}</MenuPrimitive.Content>\n                          </MenuPrimitive>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            ref={ref}\n        />\n    );\n}\n"],"names":["isGotoAvailable","table","header","isInternalColumn","id","tableMeta","options","meta","rowGoto","isEnabled","column","getCanSort","getIsSorted","isMenuAvailable","_header$column$column","columnDef","menu","columnFreezing","enableHiding","getCanHide","Menu","props","canFreeze","canHide","canSort","index","onGoto","handleGoto","onHide","handleHide","onSortToggle","handleSortToggle","scrollToIndex","sortDirection","texts","useLocalization","popover","setPopover","React","useState","undefined","sortDirectionState","setSortDirectionState","ref","useRef","gotoShortcut","useEffect","frozenColumnIndex","externalFrozenColumnIndex","frozenInternalColumnCount","handler","createShortcutKeyDownHandler","_ref$current","tableElement","tableRef","current","parentHeader","closest","leftScrollDistance","getTableLeftScrollDistance","scrollLeft","document","addEventListener","removeEventListener","handleSortMenuRadioGroupChange","newSortDirection","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","rowActive","setRowActiveIndex","align","_wasThrown","_result","_temp","e","reject","GotoPopover","open","onChange","className","cn","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table3","columns","hideColumn","subMenu","SubMenu","RadioGroup","value","SORT_DIRECTION","ASC","sortingOrder","ascending","DESC","descending","unsorted","sorting","shortcut","gotoRow","frozenIndex","setFrozenColumnIndex","freezeFirstColumn","freezeUptoColumn","replace","String","unfreezeColumns","customMenu","trigger","customItems","Children","toArray","children","length","Separator","map","item","key","cloneElement","IconButton","menuProps","Content","onClickCapture","preventDefault"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Resizer.js

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { Tooltip } from '../../../../Tooltip/Tooltip.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+
+function Resizer(props) {
+  const {
+    isResizing,
+    onResize: handleResize
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  // this prevents sort handlers being activated
+  const handleClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  const handle = /*#__PURE__*/React__default.createElement("div", {
+    className: cn('invisible absolute right-0 top-0 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5 group-hover/column:visible', '[[role="columnheader"]:last-child>&]:!mr-0 [[role="columnheader"]:last-child>&]:w-2', {
+      '!visible': isResizing
+    }),
+    onClick: handleClick,
+    onMouseDown: handleResize,
+    onTouchStart: handleResize
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: cn('h-full w-1 rounded', {
+      '!bg-blue-500': isResizing,
+      'bg-grey-500 hover:bg-grey-700': !isResizing
+    })
+  }));
+  if (isResizing) {
+    return handle;
+  }
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
+    placement: "top",
+    title: texts.table3.columns.resize.tooltip
+  }, handle);
+}
+
+export { Resizer };
+//# sourceMappingURL=Resizer.js.map

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/Resizer.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../Provider/Localization';\n\ntype ResizerProps = {\n    isResizing: boolean;\n    onResize: (event: unknown) => void;\n};\n\nexport function Resizer(props: ResizerProps) {\n    const { isResizing, onResize: handleResize } = props;\n    const { texts } = useLocalization();\n\n    // this prevents sort handlers being activated\n    const handleClick = event => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const handle = (\n        <div\n            className={cn(\n                'invisible absolute right-0 top-0 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5 group-hover/column:visible',\n                '[[role=\"columnheader\"]:last-child>&]:!mr-0 [[role=\"columnheader\"]:last-child>&]:w-2',\n                {\n                    '!visible': isResizing,\n                }\n            )}\n            onClick={handleClick}\n            onMouseDown={handleResize}\n            onTouchStart={handleResize}>\n            <div\n                className={cn('h-full w-1 rounded', {\n                    '!bg-blue-500': isResizing,\n                    'bg-grey-500 hover:bg-grey-700': !isResizing,\n                })}\n            />\n        </div>\n    );\n\n    if (isResizing) {\n        return handle;\n    }\n\n    return (\n        <Tooltip placement=\"top\" title={texts.table3.columns.resize.tooltip}>\n            {handle}\n        </Tooltip>\n    );\n}\n"],"names":["Resizer","props","isResizing","onResize","handleResize","texts","useLocalization","handleClick","event","stopPropagation","preventDefault","handle","React","className","cn","onClick","onMouseDown","onTouchStart","Tooltip","placement","title","table3","columns","resize","tooltip"],"mappings":";;;;;SAUgBA,OAAOA,CAACC,KAAmB;EACvC,MAAM;IAAEC,UAAU;IAAEC,QAAQ,EAAEC;GAAc,GAAGH,KAAK;EACpD,MAAM;IAAEI;GAAO,GAAGC,eAAe,EAAE;;EAGnC,MAAMC,WAAW,GAAGC,KAAK;IACrBA,KAAK,CAACC,eAAe,EAAE;IACvBD,KAAK,CAACE,cAAc,EAAE;GACzB;EAED,MAAMC,MAAM,gBACRC;IACIC,SAAS,EAAEC,EAAE,CACT,0JAA0J,EAC1J,qFAAqF,EACrF;MACI,UAAU,EAAEZ;KACf,CACJ;IACDa,OAAO,EAAER,WAAW;IACpBS,WAAW,EAAEZ,YAAY;IACzBa,YAAY,EAAEb;kBACdQ;IACIC,SAAS,EAAEC,EAAE,CAAC,oBAAoB,EAAE;MAChC,cAAc,EAAEZ,UAAU;MAC1B,+BAA+B,EAAE,CAACA;KACrC;IACH,CAET;EAED,IAAIA,UAAU,EAAE;IACZ,OAAOS,MAAM;;EAGjB,oBACIC,6BAACM,OAAO;IAACC,SAAS,EAAC,KAAK;IAACC,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC;KACvDb,MAAM,CACD;AAElB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/SortIndicator.js

@@ -0,0 +1,38 @@
+import React__default from 'react';
+import { Icon } from '../../../../Icon/Icon.js';
+
+const indicators = {
+  asc: /*#__PURE__*/React__default.createElement(Icon, {
+    name: "chevron-up-solid",
+    className: "pointer-events-none -my-0.5"
+  }),
+  desc: /*#__PURE__*/React__default.createElement(Icon, {
+    name: "chevron-down-solid",
+    className: "pointer-events-none -my-0.5"
+  })
+};
+function SortIndicator(props) {
+  var _indicators$props$dir;
+  return (_indicators$props$dir = indicators[props.direction]) !== null && _indicators$props$dir !== void 0 ? _indicators$props$dir : null;
+}
+const ariaSort = {
+  asc: 'ascending',
+  desc: 'descending'
+};
+function getSortAttributes(toggleSorting, sortDirection) {
+  var _ariaSort$sortDirecti;
+  const handleClick = event => {
+    if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target)) {
+      return;
+    }
+    event.preventDefault();
+    toggleSorting(event);
+  };
+  return {
+    'aria-sort': (_ariaSort$sortDirecti = ariaSort[sortDirection]) !== null && _ariaSort$sortDirecti !== void 0 ? _ariaSort$sortDirecti : 'none',
+    onClick: handleClick
+  };
+}
+
+export { SortIndicator, getSortAttributes };
+//# sourceMappingURL=SortIndicator.js.map

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/SortIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortIndicator.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../../../../Icon/Icon';\nimport { Table3SortDirection } from '../../../types';\n\ntype SortIndicatorProps = {\n    direction: false | Table3SortDirection;\n};\n\nconst indicators = {\n    asc: <Icon name=\"chevron-up-solid\" className=\"pointer-events-none -my-0.5\" />,\n    desc: <Icon name=\"chevron-down-solid\" className=\"pointer-events-none -my-0.5\" />,\n};\n\nexport function SortIndicator(props: SortIndicatorProps) {\n    return indicators[props.direction as string] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending',\n    desc: 'descending',\n};\n\nexport const getAriaSort = direction => ariaSort[direction] ?? 'none';\n\nexport function getSortAttributes(toggleSorting: (event: unknown) => void, sortDirection: false | Table3SortDirection) {\n    const handleClick = (event: React.MouseEvent) => {\n        if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target as any)) {\n            return;\n        }\n\n        event.preventDefault();\n        toggleSorting(event);\n    };\n\n    return {\n        'aria-sort': ariaSort[sortDirection as any] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["indicators","asc","React","Icon","name","className","desc","SortIndicator","props","_indicators$props$dir","direction","ariaSort","getSortAttributes","toggleSorting","sortDirection","handleClick","event","isDefaultPrevented","currentTarget","contains","target","preventDefault","_ariaSort$sortDirecti","onClick"],"mappings":";;;AAQA,MAAMA,UAAU,GAAG;EACfC,GAAG,eAAEC,6BAACC,IAAI;IAACC,IAAI,EAAC,kBAAkB;IAACC,SAAS,EAAC;IAAgC;EAC7EC,IAAI,eAAEJ,6BAACC,IAAI;IAACC,IAAI,EAAC,oBAAoB;IAACC,SAAS,EAAC;;CACnD;SAEeE,aAAaA,CAACC,KAAyB;;EACnD,QAAAC,qBAAA,GAAOT,UAAU,CAACQ,KAAK,CAACE,SAAmB,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,IAAI;AACxD;AAEA,MAAME,QAAQ,GAAG;EACbV,GAAG,EAAE,WAAW;EAChBK,IAAI,EAAE;CACT;SAIeM,iBAAiBA,CAACC,aAAuC,EAAEC,aAA0C;;EACjH,MAAMC,WAAW,GAAIC,KAAuB;IACxC,IAAIA,KAAK,CAACC,kBAAkB,EAAE,IAAI,CAACD,KAAK,CAACE,aAAa,CAACC,QAAQ,CAACH,KAAK,CAACI,MAAa,CAAC,EAAE;MAClF;;IAGJJ,KAAK,CAACK,cAAc,EAAE;IACtBR,aAAa,CAACG,KAAK,CAAC;GACvB;EAED,OAAO;IACH,WAAW,GAAAM,qBAAA,GAAEX,QAAQ,CAACG,aAAoB,CAAC,cAAAQ,qBAAA,cAAAA,qBAAA,GAAI,MAAM;IACrDC,OAAO,EAAER;GACZ;AACL;;;;"}