@economic/taco 2.47.0-server.3 → 2.47.0-server.5

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/Header.js

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { extends as _extends } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Tooltip } from '../../../../../components/Tooltip/Tooltip.js';
 import { flexRender } from '@tanstack/react-table';
 import { TableFilterComparator } from '../../../types.js';
@@ -11,75 +12,72 @@ import { getIsPinned, useSetInitialColumnSizing } from './util.js';
 
 function Header(props) {
   var _header$column$column;
-  const {
-    header,
-    scrollToIndex
-  } = props;
+  var header = props.header,
+    scrollToIndex = props.scrollToIndex;
   if (header.column.getIsGrouped()) {
     return null;
   }
-  const {
-    table
-  } = header.getContext();
-  const tableMeta = table.options.meta;
-  const columnMeta = (_header$column$column = header.column.columnDef.meta) !== null && _header$column$column !== void 0 ? _header$column$column : {};
-  const isGroup = !!header.subHeaders.length;
-  const isPinned = getIsPinned(header);
-  const canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;
-  const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();
-  const canMeasureSize = !!table.getRowModel().rows.length;
-  const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();
-  const canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();
-  const canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();
-  const canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();
-  const hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);
-  const sorting = table.getState().sorting;
-  const filters = table.getState().columnFilters;
-  const search = table.getState().globalFilter;
+  var _header$getContext = header.getContext(),
+    table = _header$getContext.table;
+  var tableMeta = table.options.meta;
+  var columnMeta = (_header$column$column = header.column.columnDef.meta) !== null && _header$column$column !== void 0 ? _header$column$column : {};
+  var isGroup = !!header.subHeaders.length;
+  var isPinned = getIsPinned(header);
+  var canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;
+  var canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();
+  var canMeasureSize = !!table.getRowModel().rows.length;
+  var canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();
+  var canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();
+  var canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();
+  var canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();
+  var hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);
+  var sorting = table.getState().sorting;
+  var filters = table.getState().columnFilters;
+  var search = table.getState().globalFilter;
   // passing header or column results in re-renders on scroll, so anything from those objects as memoed props
-  const memoedProps = {
+  var memoedProps = {
     align: columnMeta.align,
-    canFilter,
-    canHide,
-    canGoto,
-    canMeasureSize,
-    canPin,
-    canResize,
-    canSort,
+    canFilter: canFilter,
+    canHide: canHide,
+    canGoto: canGoto,
+    canMeasureSize: canMeasureSize,
+    canPin: canPin,
+    canResize: canResize,
+    canSort: canSort,
     className: cn('group/header', columnMeta.headerClassName),
     children: flexRender(header.column.columnDef.header, header.getContext()),
     colSpan: header.colSpan,
     customMenu: columnMeta.menu,
     defaultWidth: columnMeta.defaultWidth,
-    hasMenu,
+    hasMenu: hasMenu,
     id: header.id,
     isFiltered: header.column.getIsFiltered(),
     index: header.index,
-    isGroup,
-    isPinned,
+    isGroup: isGroup,
+    isPinned: isPinned,
     isPlaceholder: header.isPlaceholder,
     offset: header.column.getStart(isPinned),
-    scrollToIndex,
+    scrollToIndex: scrollToIndex,
     setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,
     setColumnSizing: table.setColumnSizing,
     tooltip: columnMeta.tooltip,
     width: table.getState().columnSizing[header.id]
   };
   if (header.isPlaceholder) {
-    const nextHeader = header.headerGroup.headers[header.index + 1];
+    var nextHeader = header.headerGroup.headers[header.index + 1];
     memoedProps.className = cn('!bg-white before:!content-none', memoedProps.className, {
       'after:!content-none': nextHeader === null || nextHeader === void 0 ? void 0 : nextHeader.isPlaceholder
     });
   }
   if (canFilter) {
-    memoedProps.onFilter = () => {
+    memoedProps.onFilter = function () {
       header.column.setFilterValue({
         comparator: TableFilterComparator.Contains
       });
     };
   }
   if (canGoto) {
-    memoedProps.onGoto = query => {
+    memoedProps.onGoto = function (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);
     };
@@ -88,13 +86,14 @@ function Header(props) {
     memoedProps.onHide = header.column.getToggleVisibilityHandler();
   }
   if (canPin) {
-    memoedProps.onPin = index => {
+    memoedProps.onPin = function (index) {
       // TODO: this can probably be moved to a feature hook
-      table.setColumnPinning(pinningState => {
-        return {
-          ...pinningState,
-          left: index === undefined ? unfreezeAllExternalColumns(pinningState.left) : freezeUptoExternalColumn(index, table.getAllLeafColumns().map(column => column.id))
-        };
+      table.setColumnPinning(function (pinningState) {
+        return _extends({}, pinningState, {
+          left: index === undefined ? unfreezeAllExternalColumns(pinningState.left) : freezeUptoExternalColumn(index, table.getAllLeafColumns().map(function (column) {
+            return column.id;
+          }))
+        });
       });
     };
   }
@@ -104,7 +103,7 @@ function Header(props) {
     memoedProps.resetSize = header.column.resetSize;
   }
   if (canSort) {
-    const handleSortToggle = sortDirection => {
+    var handleSortToggle = function handleSortToggle(sortDirection) {
       if (sortDirection === false) {
         header.column.clearSorting();
       } else {
@@ -119,57 +118,57 @@ function Header(props) {
     key: header.id
   }, memoedProps));
 }
-const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(props) {
-  const {
-    align,
-    canFilter,
-    canGoto,
-    canHide,
-    canMeasureSize,
-    canPin,
-    canResize,
-    canSort,
-    children,
-    className,
-    colSpan,
-    customMenu,
-    defaultWidth,
-    hasMenu,
-    id,
-    index,
-    isFiltered,
-    isGroup,
-    isPinned,
-    isPlaceholder,
-    isResizing,
-    offset,
-    onFilter: handleFilter,
-    onGoto: handleGoto,
-    onHide: handleHide,
-    onPin: handlePin,
-    onResize: handleResize,
-    onSort: handleSort,
-    onSortToggle: handleSortToggle,
-    resetSize: handleResetSize,
-    scrollToIndex,
-    setRowActiveIndex,
-    setColumnSizing,
-    sortDirection,
-    tooltip,
-    width
-  } = props;
-  const [ref, setRef] = React__default.useState(null);
+var MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(props) {
+  var align = props.align,
+    canFilter = props.canFilter,
+    canGoto = props.canGoto,
+    canHide = props.canHide,
+    canMeasureSize = props.canMeasureSize,
+    canPin = props.canPin,
+    canResize = props.canResize,
+    canSort = props.canSort,
+    children = props.children,
+    className = props.className,
+    colSpan = props.colSpan,
+    customMenu = props.customMenu,
+    defaultWidth = props.defaultWidth,
+    hasMenu = props.hasMenu,
+    id = props.id,
+    index = props.index,
+    isFiltered = props.isFiltered,
+    isGroup = props.isGroup,
+    isPinned = props.isPinned,
+    isPlaceholder = props.isPlaceholder,
+    isResizing = props.isResizing,
+    offset = props.offset,
+    handleFilter = props.onFilter,
+    handleGoto = props.onGoto,
+    handleHide = props.onHide,
+    handlePin = props.onPin,
+    handleResize = props.onResize,
+    handleSort = props.onSort,
+    handleSortToggle = props.onSortToggle,
+    handleResetSize = props.resetSize,
+    scrollToIndex = props.scrollToIndex,
+    setRowActiveIndex = props.setRowActiveIndex,
+    setColumnSizing = props.setColumnSizing,
+    sortDirection = props.sortDirection,
+    tooltip = props.tooltip,
+    width = props.width;
+  var _React$useState = React__default.useState(null),
+    ref = _React$useState[0],
+    setRef = _React$useState[1];
   // save column width if none is set
   useSetInitialColumnSizing(id, defaultWidth, width, ref, canMeasureSize, setColumnSizing);
   // feature specific styles
-  const style = {};
+  var style = {};
   // column groups often span multiple columns
   if (colSpan > 1) {
-    style.gridColumn = `span ${colSpan}`;
+    style.gridColumn = "span " + colSpan;
   }
   // pinned columns should be offset from either the left or right
   if (isPinned) {
-    style[isPinned] = `${offset}px`;
+    style[isPinned] = offset + "px";
   }
   return /*#__PURE__*/React__default.createElement("th", Object.assign({}, getSortAttributes(canSort, handleSort, sortDirection), {
     className: className,

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    TableMeta as ReactTableMeta,\n    ColumnMeta as ReactTableColumnMeta,\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    flexRender,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { freezeUptoExternalColumn, isInternalColumn, unfreezeAllExternalColumns } from '../../../useTableManager/util/columns';\nimport { Tooltip } from '../../../../../components/Tooltip/Tooltip';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport {\n    TableColumnAlignment,\n    TableColumnMenu,\n    TableColumnSortDirection,\n    TableColumnWidth,\n    TableFilterComparator,\n} from '../../../types';\nimport { Resizer } from './components/Resizer';\nimport { HeaderMenu } from './components/Menu';\nimport { getIsPinned, useSetInitialColumnSizing } from './util';\n\nexport type HeaderProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    scrollToIndex: (index: number) => void;\n};\n\nexport function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, scrollToIndex } = props;\n\n    if (header.column.getIsGrouped()) {\n        return null;\n    }\n\n    const { table } = header.getContext();\n\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (header.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    const isGroup = !!header.subHeaders.length;\n    const isPinned = getIsPinned(header);\n\n    const canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;\n    const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();\n    const canMeasureSize = !!table.getRowModel().rows.length;\n    const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();\n    const canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();\n    const canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();\n    const canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();\n\n    const hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);\n\n    const sorting = table.getState().sorting;\n    const filters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    // passing header or column results in re-renders on scroll, so anything from those objects as memoed props\n    const memoedProps: MemoedHeaderProps = {\n        align: columnMeta.align,\n        canFilter,\n        canHide,\n        canGoto,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        className: cn('group/header', columnMeta.headerClassName),\n        children: flexRender(header.column.columnDef.header, header.getContext()),\n        colSpan: header.colSpan,\n        customMenu: columnMeta.menu,\n        defaultWidth: columnMeta.defaultWidth,\n        hasMenu,\n        id: header.id,\n        isFiltered: header.column.getIsFiltered(),\n        index: header.index,\n        isGroup,\n        isPinned,\n        isPlaceholder: header.isPlaceholder,\n        offset: header.column.getStart(isPinned),\n        scrollToIndex,\n        setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,\n        setColumnSizing: table.setColumnSizing,\n        tooltip: columnMeta.tooltip,\n        width: table.getState().columnSizing[header.id],\n    };\n\n    if (header.isPlaceholder) {\n        const nextHeader = header.headerGroup.headers[header.index + 1];\n        memoedProps.className = cn('!bg-white before:!content-none', memoedProps.className, {\n            'after:!content-none': nextHeader?.isPlaceholder,\n        });\n    }\n\n    if (canFilter) {\n        memoedProps.onFilter = () => {\n            header.column.setFilterValue({ comparator: TableFilterComparator.Contains });\n        };\n    }\n\n    if (canGoto) {\n        memoedProps.onGoto = ((query: string) => tableMeta.rowGoto.handleGoto?.(header.id, query, sorting, filters, search)) as (\n            query: string\n        ) => Promise<number>;\n    }\n\n    if (canHide) {\n        memoedProps.onHide = header.column.getToggleVisibilityHandler();\n    }\n\n    if (canPin) {\n        memoedProps.onPin = (index: number | undefined) => {\n            // TODO: this can probably be moved to a feature hook\n            table.setColumnPinning(pinningState => {\n                return {\n                    ...pinningState,\n                    left:\n                        index === undefined\n                            ? unfreezeAllExternalColumns(pinningState.left)\n                            : freezeUptoExternalColumn(\n                                  index,\n                                  table.getAllLeafColumns().map(column => column.id)\n                              ),\n                };\n            });\n        };\n    }\n\n    if (canResize) {\n        memoedProps.isResizing = header.column.getIsResizing();\n        memoedProps.onResize = header.getResizeHandler();\n        memoedProps.resetSize = header.column.resetSize;\n    }\n\n    if (canSort) {\n        const handleSortToggle = (sortDirection: TableColumnSortDirection | false) => {\n            if (sortDirection === false) {\n                header.column.clearSorting();\n            } else {\n                header.column.toggleSorting(sortDirection === 'desc');\n            }\n        };\n\n        memoedProps.onSort = header.column.getToggleSortingHandler();\n        memoedProps.onSortToggle = handleSortToggle;\n        memoedProps.sortDirection = header.column.getIsSorted();\n    }\n\n    return <MemoedHeader key={header.id} {...memoedProps} />;\n}\n\nexport type MemoedHeaderProps = {\n    align?: TableColumnAlignment;\n    canFilter: boolean;\n    canHide: boolean;\n    canGoto: boolean;\n    canMeasureSize: boolean;\n    canPin: boolean;\n    canResize: boolean;\n    canSort: boolean;\n    children: JSX.Element | React.ReactNode;\n    className?: string;\n    colSpan: number;\n    customMenu?: TableColumnMenu;\n    defaultWidth?: TableColumnWidth;\n    hasMenu: boolean;\n    id: string;\n    index: number;\n    isFiltered: boolean;\n    isGroup: boolean;\n    isPinned?: ReactTableColumnPinningPosition;\n    isPlaceholder: boolean;\n    isResizing?: boolean;\n    offset?: number;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onResize?: (event: unknown) => void;\n    onSort?: (event: unknown) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    resetSize?: () => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    setColumnSizing: any;\n    sortDirection?: TableColumnSortDirection | false;\n    tooltip?: string;\n    width?: TableColumnWidth;\n};\n\nconst MemoedHeader = React.memo(function MemoedHeader(props: MemoedHeaderProps) {\n    const {\n        align,\n        canFilter,\n        canGoto,\n        canHide,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        children,\n        className,\n        colSpan,\n        customMenu,\n        defaultWidth,\n        hasMenu,\n        id,\n        index,\n        isFiltered,\n        isGroup,\n        isPinned,\n        isPlaceholder,\n        isResizing,\n        offset,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onResize: handleResize,\n        onSort: handleSort,\n        onSortToggle: handleSortToggle,\n        resetSize: handleResetSize,\n        scrollToIndex,\n        setRowActiveIndex,\n        setColumnSizing,\n        sortDirection,\n        tooltip,\n        width,\n    } = props;\n    const [ref, setRef] = React.useState<HTMLTableCellElement | null>(null);\n\n    // save column width if none is set\n    useSetInitialColumnSizing(id, defaultWidth, width, ref, canMeasureSize, setColumnSizing);\n\n    // feature specific styles\n    const style: React.CSSProperties = {};\n\n    // column groups often span multiple columns\n    if (colSpan > 1) {\n        style.gridColumn = `span ${colSpan}`;\n    }\n\n    // pinned columns should be offset from either the left or right\n    if (isPinned) {\n        style[isPinned] = `${offset}px`;\n    }\n\n    return (\n        <th\n            {...getSortAttributes(canSort, handleSort, sortDirection)}\n            className={className}\n            data-cell-align={isGroup ? 'center' : align}\n            data-cell-id={id}\n            data-cell-pinned={isPinned ? isPinned : undefined}\n            style={style}\n            ref={setRef}>\n            {isPlaceholder ? null : isInternalColumn(id) ? (\n                children\n            ) : (\n                <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n                    <span className=\"truncate\">{children}</span>\n                </Tooltip>\n            )}\n            {sortDirection ? <SortIndicator direction={sortDirection} /> : null}\n            {hasMenu ? (\n                <HeaderMenu\n                    canFilter={canFilter}\n                    canGoto={canGoto}\n                    canHide={canHide}\n                    canPin={canPin}\n                    canSort={canSort}\n                    className={cn({\n                        'ml-auto': align !== 'right',\n                        'ml-0': align === 'right',\n                    })}\n                    customMenu={customMenu}\n                    index={index}\n                    isFiltered={isFiltered}\n                    onFilter={handleFilter}\n                    onGoto={handleGoto}\n                    onHide={handleHide}\n                    onPin={handlePin}\n                    onSortToggle={handleSortToggle}\n                    scrollToIndex={scrollToIndex}\n                    setRowActiveIndex={setRowActiveIndex}\n                    sortDirection={sortDirection}\n                    columnId={id}\n                />\n            ) : null}\n            {canResize ? (\n                <Resizer\n                    headerRef={ref}\n                    id={id}\n                    isResizing={isResizing as boolean}\n                    onResize={handleResize as (event: unknown) => void}\n                    onResetSize={handleResetSize as () => void}\n                    setColumnSizing={setColumnSizing}\n                    width={width}\n                />\n            ) : null}\n        </th>\n    );\n});\n"],"names":["Header","props","header","scrollToIndex","column","getIsGrouped","table","getContext","tableMeta","options","meta","columnMeta","_header$column$column","columnDef","isGroup","subHeaders","length","isPinned","getIsPinned","canFilter","isPlaceholder","getCanFilter","enableColumnFilters","canHide","getCanHide","canMeasureSize","getRowModel","rows","canPin","getCanPin","canResize","getCanResize","canSort","getCanSort","canGoto","rowGoto","isEnabled","getIsSorted","hasMenu","isInternalColumn","id","menu","sorting","getState","filters","columnFilters","search","globalFilter","memoedProps","align","className","cn","headerClassName","children","flexRender","colSpan","customMenu","defaultWidth","isFiltered","getIsFiltered","index","offset","getStart","setRowActiveIndex","rowActive","setColumnSizing","tooltip","width","columnSizing","nextHeader","headerGroup","headers","onFilter","setFilterValue","comparator","TableFilterComparator","Contains","onGoto","query","_tableMeta$rowGoto$ha","_tableMeta$rowGoto","handleGoto","call","onHide","getToggleVisibilityHandler","onPin","setColumnPinning","pinningState","left","undefined","unfreezeAllExternalColumns","freezeUptoExternalColumn","getAllLeafColumns","map","isResizing","getIsResizing","onResize","getResizeHandler","resetSize","handleSortToggle","sortDirection","clearSorting","toggleSorting","onSort","getToggleSortingHandler","onSortToggle","React","MemoedHeader","key","memo","handleFilter","handleHide","handlePin","handleResize","handleSort","handleResetSize","ref","setRef","useState","useSetInitialColumnSizing","style","gridColumn","getSortAttributes","Tooltip","title","String","placement","SortIndicator","direction","HeaderMenu","columnId","Resizer","headerRef","onResetSize"],"mappings":";;;;;;;;;;;SA4BgBA,MAAMA,CAAkBC,KAAyB;;EAC7D,MAAM;IAAEC,MAAM;IAAEC;GAAe,GAAGF,KAAK;EAEvC,IAAIC,MAAM,CAACE,MAAM,CAACC,YAAY,EAAE,EAAE;IAC9B,OAAO,IAAI;;EAGf,MAAM;IAAEC;GAAO,GAAGJ,MAAM,CAACK,UAAU,EAAE;EAErC,MAAMC,SAAS,GAAGF,KAAK,CAACG,OAAO,CAACC,IAA6B;EAC7D,MAAMC,UAAU,IAAAC,qBAAA,GAAIV,MAAM,CAACE,MAAM,CAACS,SAAS,CAACH,IAAI,cAAAE,qBAAA,cAAAA,qBAAA,GAAI,EAA2C;EAE/F,MAAME,OAAO,GAAG,CAAC,CAACZ,MAAM,CAACa,UAAU,CAACC,MAAM;EAC1C,MAAMC,QAAQ,GAAGC,WAAW,CAAChB,MAAM,CAAC;EAEpC,MAAMiB,SAAS,GAAG,CAACjB,MAAM,CAACkB,aAAa,IAAIlB,MAAM,CAACE,MAAM,CAACiB,YAAY,EAAE,IAAI,CAAC,CAACf,KAAK,CAACG,OAAO,CAACa,mBAAmB;EAC9G,MAAMC,OAAO,GAAG,CAACrB,MAAM,CAACkB,aAAa,IAAI,CAACN,OAAO,IAAIZ,MAAM,CAACE,MAAM,CAACoB,UAAU,EAAE;EAC/E,MAAMC,cAAc,GAAG,CAAC,CAACnB,KAAK,CAACoB,WAAW,EAAE,CAACC,IAAI,CAACX,MAAM;EACxD,MAAMY,MAAM,GAAG,CAAC1B,MAAM,CAACkB,aAAa,IAAI,CAACN,OAAO,IAAIZ,MAAM,CAACE,MAAM,CAACyB,SAAS,EAAE;EAC7E,MAAMC,SAAS,GAAG,CAAC5B,MAAM,CAACkB,aAAa,IAAI,CAACN,OAAO,IAAIZ,MAAM,CAACE,MAAM,CAAC2B,YAAY,EAAE;EACnF,MAAMC,OAAO,GAAG,CAAC9B,MAAM,CAACkB,aAAa,IAAI,CAACN,OAAO,IAAIZ,MAAM,CAACE,MAAM,CAAC6B,UAAU,EAAE;EAC/E,MAAMC,OAAO,GAAGF,OAAO,IAAI,CAAC9B,MAAM,CAACkB,aAAa,IAAI,CAACN,OAAO,IAAIN,SAAS,CAAC2B,OAAO,CAACC,SAAS,IAAI,CAAC,CAAClC,MAAM,CAACE,MAAM,CAACiC,WAAW,EAAE;EAE5H,MAAMC,OAAO,GAAG,CAACC,gBAAgB,CAACrC,MAAM,CAACsC,EAAE,CAAC,KAAKjB,OAAO,IAAIW,OAAO,IAAIN,MAAM,IAAII,OAAO,IAAI,CAAC,CAACrB,UAAU,CAAC8B,IAAI,CAAC;EAE9G,MAAMC,OAAO,GAAGpC,KAAK,CAACqC,QAAQ,EAAE,CAACD,OAAO;EACxC,MAAME,OAAO,GAAGtC,KAAK,CAACqC,QAAQ,EAAE,CAACE,aAAa;EAC9C,MAAMC,MAAM,GAAGxC,KAAK,CAACqC,QAAQ,EAAE,CAACI,YAAY;;EAG5C,MAAMC,WAAW,GAAsB;IACnCC,KAAK,EAAEtC,UAAU,CAACsC,KAAK;IACvB9B,SAAS;IACTI,OAAO;IACPW,OAAO;IACPT,cAAc;IACdG,MAAM;IACNE,SAAS;IACTE,OAAO;IACPkB,SAAS,EAAEC,EAAE,CAAC,cAAc,EAAExC,UAAU,CAACyC,eAAe,CAAC;IACzDC,QAAQ,EAAEC,UAAU,CAACpD,MAAM,CAACE,MAAM,CAACS,SAAS,CAACX,MAAM,EAAEA,MAAM,CAACK,UAAU,EAAE,CAAC;IACzEgD,OAAO,EAAErD,MAAM,CAACqD,OAAO;IACvBC,UAAU,EAAE7C,UAAU,CAAC8B,IAAI;IAC3BgB,YAAY,EAAE9C,UAAU,CAAC8C,YAAY;IACrCnB,OAAO;IACPE,EAAE,EAAEtC,MAAM,CAACsC,EAAE;IACbkB,UAAU,EAAExD,MAAM,CAACE,MAAM,CAACuD,aAAa,EAAE;IACzCC,KAAK,EAAE1D,MAAM,CAAC0D,KAAK;IACnB9C,OAAO;IACPG,QAAQ;IACRG,aAAa,EAAElB,MAAM,CAACkB,aAAa;IACnCyC,MAAM,EAAE3D,MAAM,CAACE,MAAM,CAAC0D,QAAQ,CAAC7C,QAAQ,CAAC;IACxCd,aAAa;IACb4D,iBAAiB,EAAEvD,SAAS,CAACwD,SAAS,CAACD,iBAAiB;IACxDE,eAAe,EAAE3D,KAAK,CAAC2D,eAAe;IACtCC,OAAO,EAAEvD,UAAU,CAACuD,OAAO;IAC3BC,KAAK,EAAE7D,KAAK,CAACqC,QAAQ,EAAE,CAACyB,YAAY,CAAClE,MAAM,CAACsC,EAAE;GACjD;EAED,IAAItC,MAAM,CAACkB,aAAa,EAAE;IACtB,MAAMiD,UAAU,GAAGnE,MAAM,CAACoE,WAAW,CAACC,OAAO,CAACrE,MAAM,CAAC0D,KAAK,GAAG,CAAC,CAAC;IAC/DZ,WAAW,CAACE,SAAS,GAAGC,EAAE,CAAC,gCAAgC,EAAEH,WAAW,CAACE,SAAS,EAAE;MAChF,qBAAqB,EAAEmB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEjD;KACtC,CAAC;;EAGN,IAAID,SAAS,EAAE;IACX6B,WAAW,CAACwB,QAAQ,GAAG;MACnBtE,MAAM,CAACE,MAAM,CAACqE,cAAc,CAAC;QAAEC,UAAU,EAAEC,qBAAqB,CAACC;OAAU,CAAC;KAC/E;;EAGL,IAAI1C,OAAO,EAAE;IACTc,WAAW,CAAC6B,MAAM,GAAKC,KAAa;MAAA,IAAAC,qBAAA,EAAAC,kBAAA;MAAA,QAAAD,qBAAA,GAAK,CAAAC,kBAAA,GAAAxE,SAAS,CAAC2B,OAAO,EAAC8C,UAAU,cAAAF,qBAAA,uBAA5BA,qBAAA,CAAAG,IAAA,CAAAF,kBAAA,EAA+B9E,MAAM,CAACsC,EAAE,EAAEsC,KAAK,EAAEpC,OAAO,EAAEE,OAAO,EAAEE,MAAM,CAAC;KAE/F;;EAGxB,IAAIvB,OAAO,EAAE;IACTyB,WAAW,CAACmC,MAAM,GAAGjF,MAAM,CAACE,MAAM,CAACgF,0BAA0B,EAAE;;EAGnE,IAAIxD,MAAM,EAAE;IACRoB,WAAW,CAACqC,KAAK,GAAIzB,KAAyB;;MAE1CtD,KAAK,CAACgF,gBAAgB,CAACC,YAAY;QAC/B,OAAO;UACH,GAAGA,YAAY;UACfC,IAAI,EACA5B,KAAK,KAAK6B,SAAS,GACbC,0BAA0B,CAACH,YAAY,CAACC,IAAI,CAAC,GAC7CG,wBAAwB,CACpB/B,KAAK,EACLtD,KAAK,CAACsF,iBAAiB,EAAE,CAACC,GAAG,CAACzF,MAAM,IAAIA,MAAM,CAACoC,EAAE,CAAC;SAEnE;OACJ,CAAC;KACL;;EAGL,IAAIV,SAAS,EAAE;IACXkB,WAAW,CAAC8C,UAAU,GAAG5F,MAAM,CAACE,MAAM,CAAC2F,aAAa,EAAE;IACtD/C,WAAW,CAACgD,QAAQ,GAAG9F,MAAM,CAAC+F,gBAAgB,EAAE;IAChDjD,WAAW,CAACkD,SAAS,GAAGhG,MAAM,CAACE,MAAM,CAAC8F,SAAS;;EAGnD,IAAIlE,OAAO,EAAE;IACT,MAAMmE,gBAAgB,GAAIC,aAA+C;MACrE,IAAIA,aAAa,KAAK,KAAK,EAAE;QACzBlG,MAAM,CAACE,MAAM,CAACiG,YAAY,EAAE;OAC/B,MAAM;QACHnG,MAAM,CAACE,MAAM,CAACkG,aAAa,CAACF,aAAa,KAAK,MAAM,CAAC;;KAE5D;IAEDpD,WAAW,CAACuD,MAAM,GAAGrG,MAAM,CAACE,MAAM,CAACoG,uBAAuB,EAAE;IAC5DxD,WAAW,CAACyD,YAAY,GAAGN,gBAAgB;IAC3CnD,WAAW,CAACoD,aAAa,GAAGlG,MAAM,CAACE,MAAM,CAACiC,WAAW,EAAE;;EAG3D,oBAAOqE,6BAACC,YAAY;IAACC,GAAG,EAAE1G,MAAM,CAACsC;KAAQQ,WAAW,EAAI;AAC5D;AAyCA,MAAM2D,YAAY,gBAAGD,cAAK,CAACG,IAAI,CAAC,SAASF,YAAYA,CAAC1G,KAAwB;EAC1E,MAAM;IACFgD,KAAK;IACL9B,SAAS;IACTe,OAAO;IACPX,OAAO;IACPE,cAAc;IACdG,MAAM;IACNE,SAAS;IACTE,OAAO;IACPqB,QAAQ;IACRH,SAAS;IACTK,OAAO;IACPC,UAAU;IACVC,YAAY;IACZnB,OAAO;IACPE,EAAE;IACFoB,KAAK;IACLF,UAAU;IACV5C,OAAO;IACPG,QAAQ;IACRG,aAAa;IACb0E,UAAU;IACVjC,MAAM;IACNW,QAAQ,EAAEsC,YAAY;IACtBjC,MAAM,EAAEI,UAAU;IAClBE,MAAM,EAAE4B,UAAU;IAClB1B,KAAK,EAAE2B,SAAS;IAChBhB,QAAQ,EAAEiB,YAAY;IACtBV,MAAM,EAAEW,UAAU;IAClBT,YAAY,EAAEN,gBAAgB;IAC9BD,SAAS,EAAEiB,eAAe;IAC1BhH,aAAa;IACb4D,iBAAiB;IACjBE,eAAe;IACfmC,aAAa;IACblC,OAAO;IACPC;GACH,GAAGlE,KAAK;EACT,MAAM,CAACmH,GAAG,EAAEC,MAAM,CAAC,GAAGX,cAAK,CAACY,QAAQ,CAA8B,IAAI,CAAC;;EAGvEC,yBAAyB,CAAC/E,EAAE,EAAEiB,YAAY,EAAEU,KAAK,EAAEiD,GAAG,EAAE3F,cAAc,EAAEwC,eAAe,CAAC;;EAGxF,MAAMuD,KAAK,GAAwB,EAAE;;EAGrC,IAAIjE,OAAO,GAAG,CAAC,EAAE;IACbiE,KAAK,CAACC,UAAU,GAAG,QAAQlE,OAAO,EAAE;;;EAIxC,IAAItC,QAAQ,EAAE;IACVuG,KAAK,CAACvG,QAAQ,CAAC,GAAG,GAAG4C,MAAM,IAAI;;EAGnC,oBACI6C,qDACQgB,iBAAiB,CAAC1F,OAAO,EAAEkF,UAAU,EAAEd,aAAa,CAAC;IACzDlD,SAAS,EAAEA,SAAS;uBACHpC,OAAO,GAAG,QAAQ,GAAGmC,KAAK;oBAC7BT,EAAE;wBACEvB,QAAQ,GAAGA,QAAQ,GAAGwE,SAAS;IACjD+B,KAAK,EAAEA,KAAK;IACZJ,GAAG,EAAEC;MACJjG,aAAa,GAAG,IAAI,GAAGmB,gBAAgB,CAACC,EAAE,CAAC,GACxCa,QAAQ,iBAERqD,6BAACiB,OAAO;IAACC,KAAK,EAAEC,MAAM,CAAC3D,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIb,QAAQ,CAAC;IAAEyE,SAAS,EAAC;kBACnDpB;IAAMxD,SAAS,EAAC;KAAYG,QAAQ,CAAQ,CACtC,CACb,EACA+C,aAAa,gBAAGM,6BAACqB,aAAa;IAACC,SAAS,EAAE5B;IAAiB,GAAG,IAAI,EAClE9D,OAAO,iBACJoE,6BAACuB,UAAU;IACP9G,SAAS,EAAEA,SAAS;IACpBe,OAAO,EAAEA,OAAO;IAChBX,OAAO,EAAEA,OAAO;IAChBK,MAAM,EAAEA,MAAM;IACdI,OAAO,EAAEA,OAAO;IAChBkB,SAAS,EAAEC,EAAE,CAAC;MACV,SAAS,EAAEF,KAAK,KAAK,OAAO;MAC5B,MAAM,EAAEA,KAAK,KAAK;KACrB,CAAC;IACFO,UAAU,EAAEA,UAAU;IACtBI,KAAK,EAAEA,KAAK;IACZF,UAAU,EAAEA,UAAU;IACtBc,QAAQ,EAAEsC,YAAY;IACtBjC,MAAM,EAAEI,UAAU;IAClBE,MAAM,EAAE4B,UAAU;IAClB1B,KAAK,EAAE2B,SAAS;IAChBP,YAAY,EAAEN,gBAAgB;IAC9BhG,aAAa,EAAEA,aAAa;IAC5B4D,iBAAiB,EAAEA,iBAAiB;IACpCqC,aAAa,EAAEA,aAAa;IAC5B8B,QAAQ,EAAE1F;IACZ,IACF,IAAI,EACPV,SAAS,iBACN4E,6BAACyB,OAAO;IACJC,SAAS,EAAEhB,GAAG;IACd5E,EAAE,EAAEA,EAAE;IACNsD,UAAU,EAAEA,UAAqB;IACjCE,QAAQ,EAAEiB,YAAwC;IAClDoB,WAAW,EAAElB,eAA6B;IAC1ClD,eAAe,EAAEA,eAAe;IAChCE,KAAK,EAAEA;IACT,IACF,IAAI,CACP;AAEb,CAAC,CAAC;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    TableMeta as ReactTableMeta,\n    ColumnMeta as ReactTableColumnMeta,\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    flexRender,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { freezeUptoExternalColumn, isInternalColumn, unfreezeAllExternalColumns } from '../../../useTableManager/util/columns';\nimport { Tooltip } from '../../../../../components/Tooltip/Tooltip';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport {\n    TableColumnAlignment,\n    TableColumnMenu,\n    TableColumnSortDirection,\n    TableColumnWidth,\n    TableFilterComparator,\n} from '../../../types';\nimport { Resizer } from './components/Resizer';\nimport { HeaderMenu } from './components/Menu';\nimport { getIsPinned, useSetInitialColumnSizing } from './util';\n\nexport type HeaderProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    scrollToIndex: (index: number) => void;\n};\n\nexport function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, scrollToIndex } = props;\n\n    if (header.column.getIsGrouped()) {\n        return null;\n    }\n\n    const { table } = header.getContext();\n\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (header.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    const isGroup = !!header.subHeaders.length;\n    const isPinned = getIsPinned(header);\n\n    const canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;\n    const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();\n    const canMeasureSize = !!table.getRowModel().rows.length;\n    const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();\n    const canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();\n    const canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();\n    const canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();\n\n    const hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);\n\n    const sorting = table.getState().sorting;\n    const filters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    // passing header or column results in re-renders on scroll, so anything from those objects as memoed props\n    const memoedProps: MemoedHeaderProps = {\n        align: columnMeta.align,\n        canFilter,\n        canHide,\n        canGoto,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        className: cn('group/header', columnMeta.headerClassName),\n        children: flexRender(header.column.columnDef.header, header.getContext()),\n        colSpan: header.colSpan,\n        customMenu: columnMeta.menu,\n        defaultWidth: columnMeta.defaultWidth,\n        hasMenu,\n        id: header.id,\n        isFiltered: header.column.getIsFiltered(),\n        index: header.index,\n        isGroup,\n        isPinned,\n        isPlaceholder: header.isPlaceholder,\n        offset: header.column.getStart(isPinned),\n        scrollToIndex,\n        setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,\n        setColumnSizing: table.setColumnSizing,\n        tooltip: columnMeta.tooltip,\n        width: table.getState().columnSizing[header.id],\n    };\n\n    if (header.isPlaceholder) {\n        const nextHeader = header.headerGroup.headers[header.index + 1];\n        memoedProps.className = cn('!bg-white before:!content-none', memoedProps.className, {\n            'after:!content-none': nextHeader?.isPlaceholder,\n        });\n    }\n\n    if (canFilter) {\n        memoedProps.onFilter = () => {\n            header.column.setFilterValue({ comparator: TableFilterComparator.Contains });\n        };\n    }\n\n    if (canGoto) {\n        memoedProps.onGoto = ((query: string) => tableMeta.rowGoto.handleGoto?.(header.id, query, sorting, filters, search)) as (\n            query: string\n        ) => Promise<number>;\n    }\n\n    if (canHide) {\n        memoedProps.onHide = header.column.getToggleVisibilityHandler();\n    }\n\n    if (canPin) {\n        memoedProps.onPin = (index: number | undefined) => {\n            // TODO: this can probably be moved to a feature hook\n            table.setColumnPinning(pinningState => {\n                return {\n                    ...pinningState,\n                    left:\n                        index === undefined\n                            ? unfreezeAllExternalColumns(pinningState.left)\n                            : freezeUptoExternalColumn(\n                                  index,\n                                  table.getAllLeafColumns().map(column => column.id)\n                              ),\n                };\n            });\n        };\n    }\n\n    if (canResize) {\n        memoedProps.isResizing = header.column.getIsResizing();\n        memoedProps.onResize = header.getResizeHandler();\n        memoedProps.resetSize = header.column.resetSize;\n    }\n\n    if (canSort) {\n        const handleSortToggle = (sortDirection: TableColumnSortDirection | false) => {\n            if (sortDirection === false) {\n                header.column.clearSorting();\n            } else {\n                header.column.toggleSorting(sortDirection === 'desc');\n            }\n        };\n\n        memoedProps.onSort = header.column.getToggleSortingHandler();\n        memoedProps.onSortToggle = handleSortToggle;\n        memoedProps.sortDirection = header.column.getIsSorted();\n    }\n\n    return <MemoedHeader key={header.id} {...memoedProps} />;\n}\n\nexport type MemoedHeaderProps = {\n    align?: TableColumnAlignment;\n    canFilter: boolean;\n    canHide: boolean;\n    canGoto: boolean;\n    canMeasureSize: boolean;\n    canPin: boolean;\n    canResize: boolean;\n    canSort: boolean;\n    children: JSX.Element | React.ReactNode;\n    className?: string;\n    colSpan: number;\n    customMenu?: TableColumnMenu;\n    defaultWidth?: TableColumnWidth;\n    hasMenu: boolean;\n    id: string;\n    index: number;\n    isFiltered: boolean;\n    isGroup: boolean;\n    isPinned?: ReactTableColumnPinningPosition;\n    isPlaceholder: boolean;\n    isResizing?: boolean;\n    offset?: number;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onResize?: (event: unknown) => void;\n    onSort?: (event: unknown) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    resetSize?: () => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    setColumnSizing: any;\n    sortDirection?: TableColumnSortDirection | false;\n    tooltip?: string;\n    width?: TableColumnWidth;\n};\n\nconst MemoedHeader = React.memo(function MemoedHeader(props: MemoedHeaderProps) {\n    const {\n        align,\n        canFilter,\n        canGoto,\n        canHide,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        children,\n        className,\n        colSpan,\n        customMenu,\n        defaultWidth,\n        hasMenu,\n        id,\n        index,\n        isFiltered,\n        isGroup,\n        isPinned,\n        isPlaceholder,\n        isResizing,\n        offset,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onResize: handleResize,\n        onSort: handleSort,\n        onSortToggle: handleSortToggle,\n        resetSize: handleResetSize,\n        scrollToIndex,\n        setRowActiveIndex,\n        setColumnSizing,\n        sortDirection,\n        tooltip,\n        width,\n    } = props;\n    const [ref, setRef] = React.useState<HTMLTableCellElement | null>(null);\n\n    // save column width if none is set\n    useSetInitialColumnSizing(id, defaultWidth, width, ref, canMeasureSize, setColumnSizing);\n\n    // feature specific styles\n    const style: React.CSSProperties = {};\n\n    // column groups often span multiple columns\n    if (colSpan > 1) {\n        style.gridColumn = `span ${colSpan}`;\n    }\n\n    // pinned columns should be offset from either the left or right\n    if (isPinned) {\n        style[isPinned] = `${offset}px`;\n    }\n\n    return (\n        <th\n            {...getSortAttributes(canSort, handleSort, sortDirection)}\n            className={className}\n            data-cell-align={isGroup ? 'center' : align}\n            data-cell-id={id}\n            data-cell-pinned={isPinned ? isPinned : undefined}\n            style={style}\n            ref={setRef}>\n            {isPlaceholder ? null : isInternalColumn(id) ? (\n                children\n            ) : (\n                <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n                    <span className=\"truncate\">{children}</span>\n                </Tooltip>\n            )}\n            {sortDirection ? <SortIndicator direction={sortDirection} /> : null}\n            {hasMenu ? (\n                <HeaderMenu\n                    canFilter={canFilter}\n                    canGoto={canGoto}\n                    canHide={canHide}\n                    canPin={canPin}\n                    canSort={canSort}\n                    className={cn({\n                        'ml-auto': align !== 'right',\n                        'ml-0': align === 'right',\n                    })}\n                    customMenu={customMenu}\n                    index={index}\n                    isFiltered={isFiltered}\n                    onFilter={handleFilter}\n                    onGoto={handleGoto}\n                    onHide={handleHide}\n                    onPin={handlePin}\n                    onSortToggle={handleSortToggle}\n                    scrollToIndex={scrollToIndex}\n                    setRowActiveIndex={setRowActiveIndex}\n                    sortDirection={sortDirection}\n                    columnId={id}\n                />\n            ) : null}\n            {canResize ? (\n                <Resizer\n                    headerRef={ref}\n                    id={id}\n                    isResizing={isResizing as boolean}\n                    onResize={handleResize as (event: unknown) => void}\n                    onResetSize={handleResetSize as () => void}\n                    setColumnSizing={setColumnSizing}\n                    width={width}\n                />\n            ) : null}\n        </th>\n    );\n});\n"],"names":["Header","props","header","scrollToIndex","column","getIsGrouped","_header$getContext","getContext","table","tableMeta","options","meta","columnMeta","_header$column$column","columnDef","isGroup","subHeaders","length","isPinned","getIsPinned","canFilter","isPlaceholder","getCanFilter","enableColumnFilters","canHide","getCanHide","canMeasureSize","getRowModel","rows","canPin","getCanPin","canResize","getCanResize","canSort","getCanSort","canGoto","rowGoto","isEnabled","getIsSorted","hasMenu","isInternalColumn","id","menu","sorting","getState","filters","columnFilters","search","globalFilter","memoedProps","align","className","cn","headerClassName","children","flexRender","colSpan","customMenu","defaultWidth","isFiltered","getIsFiltered","index","offset","getStart","setRowActiveIndex","rowActive","setColumnSizing","tooltip","width","columnSizing","nextHeader","headerGroup","headers","onFilter","setFilterValue","comparator","TableFilterComparator","Contains","onGoto","query","_tableMeta$rowGoto$ha","_tableMeta$rowGoto","handleGoto","call","onHide","getToggleVisibilityHandler","onPin","setColumnPinning","pinningState","_extends","left","undefined","unfreezeAllExternalColumns","freezeUptoExternalColumn","getAllLeafColumns","map","isResizing","getIsResizing","onResize","getResizeHandler","resetSize","handleSortToggle","sortDirection","clearSorting","toggleSorting","onSort","getToggleSortingHandler","onSortToggle","React","MemoedHeader","key","memo","handleFilter","handleHide","handlePin","handleResize","handleSort","handleResetSize","_React$useState","useState","ref","setRef","useSetInitialColumnSizing","style","gridColumn","getSortAttributes","Tooltip","title","String","placement","SortIndicator","direction","HeaderMenu","columnId","Resizer","headerRef","onResetSize"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Goto.js

@@ -1,26 +1,29 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useLocalization } from '../../../../../../components/Provider/Localization.js';
 import { Popover } from '../../../../../../components/Popover/Popover.js';
 import { SearchInput } from '../../../../../../components/SearchInput/SearchInput.js';
 
+var _excluded = ["onGoto", "trigger"];
 function GotoPopover(props) {
-  const {
-    onGoto: handleGoto,
-    trigger,
-    ...popoverProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const handleSearch = value => handleGoto(value);
+  var handleGoto = props.onGoto,
+    trigger = props.trigger,
+    popoverProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var handleSearch = function handleSearch(value) {
+    return handleGoto(value);
+  };
   return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
     anchor: trigger
   }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement(SearchInput, {
     "aria-label": texts.table.columns.menu.gotoRow,
     name: "query",
     onSearch: handleSearch,
-    onKeyDown: event => event.stopPropagation(),
-    placeholder: `${texts.table.columns.menu.gotoRow}...`
+    onKeyDown: function onKeyDown(event) {
+      return event.stopPropagation();
+    },
+    placeholder: texts.table.columns.menu.gotoRow + "..."
   })));
 }
 

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Goto.js.map

@@ -1 +1 @@
-{"version":3,"file":"Goto.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/Goto.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Popover, PopoverProps } from '../../../../../../components/Popover/Popover';\nimport { SearchInput } from '../../../../../../components/SearchInput/SearchInput';\n\nexport type GotoProps = PopoverProps & {\n    onGoto: (query: string) => Promise<void>;\n};\n\nexport function GotoPopover(props: GotoProps) {\n    const { onGoto: handleGoto, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n\n    const handleSearch = value => handleGoto(value);\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <SearchInput\n                    aria-label={texts.table.columns.menu.gotoRow}\n                    name=\"query\"\n                    onSearch={handleSearch}\n                    onKeyDown={event => event.stopPropagation()}\n                    placeholder={`${texts.table.columns.menu.gotoRow}...`}\n                />\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["GotoPopover","props","onGoto","handleGoto","trigger","popoverProps","texts","useLocalization","handleSearch","value","React","Popover","anchor","Content","SearchInput","table","columns","menu","gotoRow","name","onSearch","onKeyDown","event","stopPropagation","placeholder"],"mappings":";;;;;SASgBA,WAAWA,CAACC,KAAgB;EACxC,MAAM;IAAEC,MAAM,EAAEC,UAAU;IAAEC,OAAO;IAAE,GAAGC;GAAc,GAAGJ,KAAK;EAC9D,MAAM;IAAEK;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,YAAY,GAAGC,KAAK,IAAIN,UAAU,CAACM,KAAK,CAAC;EAE/C,oBACIC,6BAACC,OAAO,oBAAKN,YAAY;IAAEO,MAAM,EAAER;mBAC/BM,6BAACC,OAAO,CAACE,OAAO,qBACZH,6BAACI,WAAW;kBACIR,KAAK,CAACS,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;IAC5CC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAEZ,YAAY;IACtBa,SAAS,EAAEC,KAAK,IAAIA,KAAK,CAACC,eAAe,EAAE;IAC3CC,WAAW,EAAE,GAAGlB,KAAK,CAACS,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;IAClD,CACY,CACZ;AAElB;;;;"}
+{"version":3,"file":"Goto.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/Goto.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Popover, PopoverProps } from '../../../../../../components/Popover/Popover';\nimport { SearchInput } from '../../../../../../components/SearchInput/SearchInput';\n\nexport type GotoProps = PopoverProps & {\n    onGoto: (query: string) => Promise<void>;\n};\n\nexport function GotoPopover(props: GotoProps) {\n    const { onGoto: handleGoto, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n\n    const handleSearch = value => handleGoto(value);\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <SearchInput\n                    aria-label={texts.table.columns.menu.gotoRow}\n                    name=\"query\"\n                    onSearch={handleSearch}\n                    onKeyDown={event => event.stopPropagation()}\n                    placeholder={`${texts.table.columns.menu.gotoRow}...`}\n                />\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["GotoPopover","props","handleGoto","onGoto","trigger","popoverProps","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","handleSearch","value","React","Popover","anchor","Content","SearchInput","table","columns","menu","gotoRow","name","onSearch","onKeyDown","event","stopPropagation","placeholder"],"mappings":";;;;;;;SASgBA,WAAWA,CAACC,KAAgB;EACxC,IAAgBC,UAAU,GAA+BD,KAAK,CAAtDE,MAAM;IAAcC,OAAO,GAAsBH,KAAK,CAAlCG,OAAO;IAAKC,YAAY,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EAC9D,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EAEb,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAGC,KAAK;IAAA,OAAIV,UAAU,CAACU,KAAK,CAAC;;EAE/C,oBACIC,6BAACC,OAAO,oBAAKT,YAAY;IAAEU,MAAM,EAAEX;mBAC/BS,6BAACC,OAAO,CAACE,OAAO,qBACZH,6BAACI,WAAW;kBACIP,KAAK,CAACQ,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;IAC5CC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAEZ,YAAY;IACtBa,SAAS,EAAE,SAAAA,UAAAC,KAAK;MAAA,OAAIA,KAAK,CAACC,eAAe,EAAE;;IAC3CC,WAAW,EAAKjB,KAAK,CAACQ,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;IAClD,CACY,CACZ;AAElB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Menu.js

@@ -7,39 +7,40 @@ import { _finallyRethrows, _catch } from '../../../../../../../../../node_module
 import { GotoPopover } from './Goto.js';
 
 function HeaderMenu(props) {
-  const {
-    canFilter,
-    canGoto,
-    canHide,
-    canPin,
-    canSort,
-    columnId,
-    customMenu,
-    index,
-    isFiltered,
-    onFilter: handleFilter,
-    onGoto: handleGoto,
-    onHide: handleHide,
-    onPin: handlePin,
-    onSortToggle: handleSortToggle,
-    scrollToIndex,
-    setRowActiveIndex,
-    sortDirection
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const [popover, setPopover] = React__default.useState(undefined);
-  let popoverElement;
+  var canFilter = props.canFilter,
+    canGoto = props.canGoto,
+    canHide = props.canHide,
+    canPin = props.canPin,
+    canSort = props.canSort,
+    columnId = props.columnId,
+    customMenu = props.customMenu,
+    index = props.index,
+    isFiltered = props.isFiltered,
+    handleFilter = props.onFilter,
+    handleGoto = props.onGoto,
+    handleHide = props.onHide,
+    handlePin = props.onPin,
+    handleSortToggle = props.onSortToggle,
+    scrollToIndex = props.scrollToIndex,
+    setRowActiveIndex = props.setRowActiveIndex,
+    sortDirection = props.sortDirection;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var _React$useState = React__default.useState(undefined),
+    popover = _React$useState[0],
+    setPopover = _React$useState[1];
+  var popoverElement;
   if (popover) {
-    const handleClosePopover = () => setPopover(undefined);
+    var handleClosePopover = function handleClosePopover() {
+      return setPopover(undefined);
+    };
     switch (popover) {
       case 'goto':
         {
           if (handleGoto) {
-            const goto = function (query) {
+            var _goto = function _goto(query) {
               try {
-                const _temp = _finallyRethrows(function () {
+                var _temp = _finallyRethrows(function () {
                   return _catch(function () {
                     return Promise.resolve(handleGoto(query)).then(function (index) {
                       setRowActiveIndex(index);
@@ -59,20 +60,26 @@ function HeaderMenu(props) {
                 return Promise.reject(e);
               }
             };
-            popoverElement = props => /*#__PURE__*/React__default.createElement(GotoPopover, Object.assign({}, props, {
-              open: true,
-              onChange: handleClosePopover,
-              onGoto: goto
-            }));
+            popoverElement = function popoverElement(props) {
+              return /*#__PURE__*/React__default.createElement(GotoPopover, Object.assign({}, props, {
+                open: true,
+                onChange: handleClosePopover,
+                onGoto: _goto
+              }));
+            };
           }
         }
     }
   }
-  const memoedMenuItems = React__default.useMemo(() => {
-    const menuItems = [];
+  var memoedMenuItems = React__default.useMemo(function () {
+    var menuItems = [];
     if (canHide && handleHide) {
       // 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);
+      var handleClick = function handleClick(event) {
+        return setTimeout(function () {
+          return handleHide(event);
+        }, 1);
+      };
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "eye-off",
         onClick: handleClick
@@ -81,56 +88,72 @@ function HeaderMenu(props) {
     if (canSort) {
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "sort-by",
-        subMenu: () => (/*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
-          onChange: handleSortToggle,
-          value: sortDirection
-        }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-          value: "asc"
-        }, texts.table.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-          value: "desc"
-        }, texts.table.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-          value: false
-        }, texts.table.columns.menu.sortingOrder.unsorted))))
+        subMenu: function subMenu() {
+          return /*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
+            onChange: handleSortToggle,
+            value: sortDirection
+          }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+            value: "asc"
+          }, texts.table.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+            value: "desc"
+          }, texts.table.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+            value: false
+          }, texts.table.columns.menu.sortingOrder.unsorted)));
+        }
       }, texts.table.columns.menu.sorting));
     }
     if (canGoto) {
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "move",
-        onClick: () => setPopover('goto'),
+        onClick: function onClick() {
+          return setPopover('goto');
+        },
         shortcut: "g"
       }, texts.table.columns.menu.gotoRow, "..."));
     }
     if (canPin && handlePin) {
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "column-freeze",
-        onClick: () => handlePin(index)
+        onClick: function onClick() {
+          return handlePin(index);
+        }
       }, index === 0 ? texts.table.columns.menu.freezeFirstColumn : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))));
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "column-unfreeze",
-        onClick: () => handlePin(undefined)
+        onClick: function onClick() {
+          return handlePin(undefined);
+        }
       }, texts.table.columns.menu.unfreezeColumns));
     }
     if (canFilter && handleFilter) {
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: isFiltered ? 'filter-solid' : 'filter',
-        onClick: () => handleFilter()
+        onClick: function onClick() {
+          return handleFilter();
+        }
       }, isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter));
     }
     if (customMenu) {
-      const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action);
+      var customItems = customMenu.map(function (menuItem) {
+        return menuItem(columnId);
+      }).filter(function (action) {
+        return !!action;
+      });
       if (customItems.length) {
         if (menuItems.length) {
           menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Separator, null));
         }
-        menuItems.push(...customItems);
+        menuItems.push.apply(menuItems, customItems);
       }
     }
-    return menuItems.map((item, key) => /*#__PURE__*/React__default.cloneElement(item, {
-      key
-    }));
+    return menuItems.map(function (item, key) {
+      return /*#__PURE__*/React__default.cloneElement(item, {
+        key: key
+      });
+    });
   }, [canFilter, canGoto, canHide, canPin, canSort, customMenu, handleGoto, handleSortToggle, index, isFiltered, sortDirection]);
   // can't use display: none because the button needs to be focusable
-  const className = cn(
+  var className = cn(
   // positioning
   'justify-end overflow-hidden',
   // sizing
@@ -146,10 +169,14 @@ function HeaderMenu(props) {
   return /*#__PURE__*/React__default.createElement(IconButton, {
     className: className,
     icon: "more",
-    menu: popoverElement ? undefined : menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, memoedMenuItems))),
+    menu: popoverElement ? undefined : function (menuProps) {
+      return /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, memoedMenuItems));
+    },
     popover: popoverElement,
-    onClickCapture: event => event.preventDefault(),
-    onKeyDown: event => {
+    onClickCapture: function onClickCapture(event) {
+      return event.preventDefault();
+    },
+    onKeyDown: function onKeyDown(event) {
       // Removes focus from the column header menu button so that active row shortcuts execute when Tab,
       // Shift+Tab, or any other keydown event occurs.
       if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {