@economic/taco 13.0.0 → 14.0.0-tanstack-virtual-update.0

package/dist/primitives/Table/Core/components/Header/Header.js

@@ -1,13 +1,13 @@
 import { flexRender } from "@tanstack/react-table";
 import cn from "clsx";
 import React__default from "react";
-import { Tooltip } from "../../../../../components/Tooltip/Tooltip.js";
 import { TableFilterComparator } from "../../../types.js";
 import { isInternalColumn, unfreezeAllExternalColumns, freezeUptoExternalColumn } from "../../../useTableManager/util/columns.js";
 import { HeaderMenu } from "./components/Menu.js";
 import { Resizer } from "./components/Resizer.js";
 import { getSortAttributes, SortIndicator } from "./components/SortIndicator.js";
 import { getIsPinned, useSetInitialColumnSizing } from "./util.js";
+import { Tooltip } from "../../../../../components/Tooltip/Tooltip.js";
 const HeaderContent = ({ children, tooltip, isInternalColumnHeader }) => {
   if (isInternalColumnHeader || typeof children !== "string") {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);

package/dist/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 type {\n    TableMeta as ReactTableMeta,\n    ColumnMeta as ReactTableColumnMeta,\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    Updater,\n    ColumnSizingState,\n} from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Tooltip } from '../../../../../components/Tooltip/Tooltip';\nimport type { TableColumnAlignment, TableColumnMenu, TableColumnSortDirection, TableColumnWidth } from '../../../types';\nimport { TableFilterComparator } from '../../../types';\nimport { freezeUptoExternalColumn, isInternalColumn, unfreezeAllExternalColumns } from '../../../useTableManager/util/columns';\n\nimport { HeaderMenu } from './components/Menu';\nimport { Resizer } from './components/Resizer';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport { getIsPinned, useSetInitialColumnSizing } from './util';\n\ntype HeaderContentProps = {\n    children: React.ReactNode;\n    tooltip?: React.ReactNode;\n    isInternalColumnHeader: boolean;\n};\n\nconst HeaderContent = ({ children, tooltip, isInternalColumnHeader }: HeaderContentProps) => {\n    if (isInternalColumnHeader || typeof children !== 'string') {\n        return <>{children}</>;\n    }\n\n    return (\n        <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n            <span className=\"truncate\">{children}</span>\n        </Tooltip>\n    );\n};\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        parentId: header.column.parent?.id,\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 (header.id === '__expansion') {\n        memoedProps.isExpanded = table.getIsSomeRowsExpanded();\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: React.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    isExpanded?: boolean;\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    parentId?: string;\n    resetSize?: () => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;\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        isExpanded,\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 || undefined}\n            data-taco={\n                isGroup ? (isPlaceholder ? 'grouped-column-header-placeholder' : 'grouped-column-header') : 'column-header'\n            }\n            data-parent-group-id={props.parentId ? props.parentId : undefined}\n            data-rows-expanded={isExpanded || undefined}\n            style={style}\n            ref={setRef}>\n            {isPlaceholder ? null : (\n                <HeaderContent children={children} tooltip={tooltip} isInternalColumnHeader={!!isInternalColumn(id)} />\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":["React","MemoedHeader"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../../../src/primitives/Table/Core/components/Header/Header.tsx"],"sourcesContent":["import type {\n    TableMeta as ReactTableMeta,\n    ColumnMeta as ReactTableColumnMeta,\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    Updater,\n    ColumnSizingState,\n} from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Tooltip } from '@/components';\n\nimport type { TableColumnAlignment, TableColumnMenu, TableColumnSortDirection, TableColumnWidth } from '../../../types';\nimport { TableFilterComparator } from '../../../types';\nimport { freezeUptoExternalColumn, isInternalColumn, unfreezeAllExternalColumns } from '../../../useTableManager/util/columns';\n\nimport { HeaderMenu } from './components/Menu';\nimport { Resizer } from './components/Resizer';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport { getIsPinned, useSetInitialColumnSizing } from './util';\n\ntype HeaderContentProps = {\n    children: React.ReactNode;\n    tooltip?: React.ReactNode;\n    isInternalColumnHeader: boolean;\n};\n\nconst HeaderContent = ({ children, tooltip, isInternalColumnHeader }: HeaderContentProps) => {\n    if (isInternalColumnHeader || typeof children !== 'string') {\n        return <>{children}</>;\n    }\n\n    return (\n        <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n            <span className=\"truncate\">{children}</span>\n        </Tooltip>\n    );\n};\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        parentId: header.column.parent?.id,\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 (header.id === '__expansion') {\n        memoedProps.isExpanded = table.getIsSomeRowsExpanded();\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: React.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    isExpanded?: boolean;\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    parentId?: string;\n    resetSize?: () => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;\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        isExpanded,\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 || undefined}\n            data-taco={\n                isGroup ? (isPlaceholder ? 'grouped-column-header-placeholder' : 'grouped-column-header') : 'column-header'\n            }\n            data-parent-group-id={props.parentId ? props.parentId : undefined}\n            data-rows-expanded={isExpanded || undefined}\n            style={style}\n            ref={setRef}>\n            {isPlaceholder ? null : (\n                <HeaderContent children={children} tooltip={tooltip} isInternalColumnHeader={!!isInternalColumn(id)} />\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":["React","MemoedHeader"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Header/components/Goto.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Popover = require("../../../../../../components/Popover/Popover.cjs");
 const Localization = require("../../../../../../components/Provider/Localization.cjs");
+const Popover = require("../../../../../../components/Popover/Popover.cjs");
 const SearchInput = require("../../../../../../components/SearchInput/SearchInput.cjs");
 function GotoPopover(props) {
   const { onGoto: handleGoto, trigger, ...popoverProps } = props;

package/dist/primitives/Table/Core/components/Header/components/Goto.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Goto.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Goto.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { PopoverProps } from '../../../../../../components/Popover/Popover';\nimport { Popover } from '../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\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: string | number | readonly string[] | undefined) => handleGoto(value as string);\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":["useLocalization","Popover","SearchInput"],"mappings":";;;;;;AAWO,SAAS,YAAY,OAAkB;AAC1C,QAAM,EAAE,QAAQ,YAAY,SAAS,GAAG,iBAAiB;AACzD,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,QAAM,eAAe,CAAC,UAA2D,WAAW,KAAe;AAE3G,SACI,sBAAA,cAACC,QAAAA,WAAS,GAAG,cAAc,QAAQ,QAAA,GAC/B,sBAAA,cAACA,QAAAA,QAAQ,SAAR,MACG,sBAAA;AAAA,IAACC,YAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,QAAQ,KAAK;AAAA,MACrC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,CAAA,UAAS,MAAM,gBAAA;AAAA,MAC1B,aAAa,GAAG,MAAM,MAAM,QAAQ,KAAK,OAAO;AAAA,IAAA;AAAA,EAAA,CAExD,CACJ;AAER;;"}
+{"version":3,"file":"Goto.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Goto.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Popover, SearchInput, useLocalization } from '@/components';\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: string | number | readonly string[] | undefined) => handleGoto(value as string);\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":["useLocalization","Popover","SearchInput"],"mappings":";;;;;;AASO,SAAS,YAAY,OAAkB;AAC1C,QAAM,EAAE,QAAQ,YAAY,SAAS,GAAG,iBAAiB;AACzD,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,QAAM,eAAe,CAAC,UAA2D,WAAW,KAAe;AAE3G,SACI,sBAAA,cAACC,QAAAA,WAAS,GAAG,cAAc,QAAQ,QAAA,GAC/B,sBAAA,cAACA,QAAAA,QAAQ,SAAR,MACG,sBAAA;AAAA,IAACC,YAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,QAAQ,KAAK;AAAA,MACrC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,CAAA,UAAS,MAAM,gBAAA;AAAA,MAC1B,aAAa,GAAG,MAAM,MAAM,QAAQ,KAAK,OAAO;AAAA,IAAA;AAAA,EAAA,CAExD,CACJ;AAER;;"}

package/dist/primitives/Table/Core/components/Header/components/Goto.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { PopoverProps } from '../../../../../../components/Popover/Popover';
+import { PopoverProps } from '../../../../../../components';
 export type GotoProps = PopoverProps & {
     onGoto: (query: string) => Promise<void>;
 };

package/dist/primitives/Table/Core/components/Header/components/Goto.js

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { Popover } from "../../../../../../components/Popover/Popover.js";
 import { useLocalization } from "../../../../../../components/Provider/Localization.js";
+import { Popover } from "../../../../../../components/Popover/Popover.js";
 import { SearchInput } from "../../../../../../components/SearchInput/SearchInput.js";
 function GotoPopover(props) {
   const { onGoto: handleGoto, trigger, ...popoverProps } = props;

package/dist/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';\n\nimport type { PopoverProps } from '../../../../../../components/Popover/Popover';\nimport { Popover } from '../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\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: string | number | readonly string[] | undefined) => handleGoto(value as string);\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":["React"],"mappings":";;;;AAWO,SAAS,YAAY,OAAkB;AAC1C,QAAM,EAAE,QAAQ,YAAY,SAAS,GAAG,iBAAiB;AACzD,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,eAAe,CAAC,UAA2D,WAAW,KAAe;AAE3G,SACIA,+BAAA,cAAC,WAAS,GAAG,cAAc,QAAQ,QAAA,GAC/BA,+BAAA,cAAC,QAAQ,SAAR,MACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,QAAQ,KAAK;AAAA,MACrC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,CAAA,UAAS,MAAM,gBAAA;AAAA,MAC1B,aAAa,GAAG,MAAM,MAAM,QAAQ,KAAK,OAAO;AAAA,IAAA;AAAA,EAAA,CAExD,CACJ;AAER;"}
+{"version":3,"file":"Goto.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Goto.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Popover, SearchInput, useLocalization } from '@/components';\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: string | number | readonly string[] | undefined) => handleGoto(value as string);\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":["React"],"mappings":";;;;AASO,SAAS,YAAY,OAAkB;AAC1C,QAAM,EAAE,QAAQ,YAAY,SAAS,GAAG,iBAAiB;AACzD,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,eAAe,CAAC,UAA2D,WAAW,KAAe;AAE3G,SACIA,+BAAA,cAAC,WAAS,GAAG,cAAc,QAAQ,QAAA,GAC/BA,+BAAA,cAAC,QAAQ,SAAR,MACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,QAAQ,KAAK;AAAA,MACrC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,CAAA,UAAS,MAAM,gBAAA;AAAA,MAC1B,aAAa,GAAG,MAAM,MAAM,QAAQ,KAAK,OAAO;AAAA,IAAA;AAAA,EAAA,CAExD,CACJ;AAER;"}

package/dist/primitives/Table/Core/components/Header/components/Menu.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
-const IconButton = require("../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
-const Menu = require("../../../../../../components/Menu/Menu.cjs");
-const Localization = require("../../../../../../components/Provider/Localization.cjs");
 const Goto = require("./Goto.cjs");
+const Localization = require("../../../../../../components/Provider/Localization.cjs");
+const Menu = require("../../../../../../components/Menu/Menu.cjs");
+const IconButton = require("../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
 function HeaderMenu(props) {
   const {
     canFilter,
@@ -74,9 +74,7 @@ function HeaderMenu(props) {
     }
     if (canPin && handlePin) {
       menuItems.push(
-        /* @__PURE__ */ React.createElement(Menu.Menu.Item, { icon: "column-freeze", onClick: () => handlePin(index) }, index === 0 ? texts.table.columns.menu.freezeFirstColumn : texts.table.columns.menu.freezeUptoColumn.replace("[TOTAL]", String(index + 1)))
-      );
-      menuItems.push(
+        /* @__PURE__ */ React.createElement(Menu.Menu.Item, { icon: "column-freeze", onClick: () => handlePin(index) }, index === 0 ? texts.table.columns.menu.freezeFirstColumn : texts.table.columns.menu.freezeUptoColumn.replace("[TOTAL]", String(index + 1))),
         /* @__PURE__ */ React.createElement(Menu.Menu.Item, { icon: "column-unfreeze", onClick: () => handlePin(void 0) }, texts.table.columns.menu.unfreezeColumns)
       );
     }

package/dist/primitives/Table/Core/components/Header/components/Menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Menu.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../../../components/Menu/Menu';\nimport type { PopoverProps } from '../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport type { TableColumnMenu, TableColumnSortDirection } from '../../../../types';\n\nimport { GotoPopover } from './Goto';\n\nexport type HeaderMenuProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'popover'> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    columnId: string;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        columnId,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'goto') {\n        const handleClosePopover = () => setPopover(undefined);\n\n        if (handleGoto) {\n            const goto = async (query: string) => {\n                try {\n                    const index = await handleGoto(query);\n                    setRowActiveIndex(index);\n                    scrollToIndex(index);\n                } catch (e) {\n                    // oxlint-disable-next-line no-console\n                    console.error(e);\n                } finally {\n                    handleClosePopover();\n                }\n            };\n            popoverElement = (props: PopoverProps) => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: React.JSX.Element[] = [];\n\n        if (canHide && handleHide) {\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: React.MouseEvent) => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"desc\">\n                                    {texts.table.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canGoto) {\n            // Defer popover open to the next tick so menu close lifecycle can finish first.\n            // Without this, the same click can be treated as an outside interaction and close goto immediately.\n            const handleClick = () => setTimeout(() => setPopover('goto'));\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={handleClick} shortcut=\"g\">\n                    {texts.table.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table.columns.menu.freezeFirstColumn\n                        : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action) as React.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        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        '-mr-1 justify-end overflow-hidden',\n        // sizing\n        '!h-6 !min-h-[theme(spacing.6)] !w-0 !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\n    );\n\n    return (\n        <LegacyIconButton\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            onKeyDown={event => {\n                // Removes focus from the column header menu button so that active row shortcuts execute when Tab,\n                // Shift+Tab, or any other keydown event occurs.\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                    event.currentTarget?.blur();\n                }\n            }}\n        />\n    );\n}\n"],"names":["useLocalization","index","props","GotoPopover","MenuPrimitive","LegacyIconButton"],"mappings":"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"}
+{"version":3,"file":"Menu.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Menu.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { LegacyIconButton, Menu as MenuPrimitive, useLocalization } from '@/components';\n\nimport type { TableColumnMenu, TableColumnSortDirection } from '../../../../types';\n\nimport { GotoPopover } from './Goto';\n\nexport type HeaderMenuProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'popover'> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    columnId: string;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        columnId,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'goto') {\n        const handleClosePopover = () => setPopover(undefined);\n\n        if (handleGoto) {\n            const goto = async (query: string) => {\n                try {\n                    const index = await handleGoto(query);\n                    setRowActiveIndex(index);\n                    scrollToIndex(index);\n                } catch (e) {\n                    // oxlint-disable-next-line no-console\n                    console.error(e);\n                } finally {\n                    handleClosePopover();\n                }\n            };\n            popoverElement = (props: PopoverProps) => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: React.JSX.Element[] = [];\n\n        if (canHide && handleHide) {\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: React.MouseEvent) => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"desc\">\n                                    {texts.table.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canGoto) {\n            // Defer popover open to the next tick so menu close lifecycle can finish first.\n            // Without this, the same click can be treated as an outside interaction and close goto immediately.\n            const handleClick = () => setTimeout(() => setPopover('goto'));\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={handleClick} shortcut=\"g\">\n                    {texts.table.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table.columns.menu.freezeFirstColumn\n                        : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>,\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action) as React.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        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        '-mr-1 justify-end overflow-hidden',\n        // sizing\n        '!h-6 !min-h-[theme(spacing.6)] !w-0 !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\n    );\n\n    return (\n        <LegacyIconButton\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            onKeyDown={event => {\n                // Removes focus from the column header menu button so that active row shortcuts execute when Tab,\n                // Shift+Tab, or any other keydown event occurs.\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                    event.currentTarget?.blur();\n                }\n            }}\n        />\n    );\n}\n"],"names":["useLocalization","index","props","GotoPopover","MenuPrimitive","LegacyIconButton"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Header/components/Menu.js

@@ -1,9 +1,9 @@
 import cn from "clsx";
 import React__default from "react";
-import { LegacyIconButton } from "../../../../../../components/LegacyComponents/IconButton/IconButton.js";
-import { Menu } from "../../../../../../components/Menu/Menu.js";
-import { useLocalization } from "../../../../../../components/Provider/Localization.js";
 import { GotoPopover } from "./Goto.js";
+import { useLocalization } from "../../../../../../components/Provider/Localization.js";
+import { Menu } from "../../../../../../components/Menu/Menu.js";
+import { LegacyIconButton } from "../../../../../../components/LegacyComponents/IconButton/IconButton.js";
 function HeaderMenu(props) {
   const {
     canFilter,
@@ -72,9 +72,7 @@ function HeaderMenu(props) {
     }
     if (canPin && handlePin) {
       menuItems.push(
-        /* @__PURE__ */ React__default.createElement(Menu.Item, { icon: "column-freeze", onClick: () => 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-freeze", onClick: () => handlePin(index) }, index === 0 ? texts.table.columns.menu.freezeFirstColumn : texts.table.columns.menu.freezeUptoColumn.replace("[TOTAL]", String(index + 1))),
         /* @__PURE__ */ React__default.createElement(Menu.Item, { icon: "column-unfreeze", onClick: () => handlePin(void 0) }, texts.table.columns.menu.unfreezeColumns)
       );
     }

package/dist/primitives/Table/Core/components/Header/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Menu.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../../../components/Menu/Menu';\nimport type { PopoverProps } from '../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport type { TableColumnMenu, TableColumnSortDirection } from '../../../../types';\n\nimport { GotoPopover } from './Goto';\n\nexport type HeaderMenuProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'popover'> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    columnId: string;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        columnId,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'goto') {\n        const handleClosePopover = () => setPopover(undefined);\n\n        if (handleGoto) {\n            const goto = async (query: string) => {\n                try {\n                    const index = await handleGoto(query);\n                    setRowActiveIndex(index);\n                    scrollToIndex(index);\n                } catch (e) {\n                    // oxlint-disable-next-line no-console\n                    console.error(e);\n                } finally {\n                    handleClosePopover();\n                }\n            };\n            popoverElement = (props: PopoverProps) => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: React.JSX.Element[] = [];\n\n        if (canHide && handleHide) {\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: React.MouseEvent) => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"desc\">\n                                    {texts.table.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canGoto) {\n            // Defer popover open to the next tick so menu close lifecycle can finish first.\n            // Without this, the same click can be treated as an outside interaction and close goto immediately.\n            const handleClick = () => setTimeout(() => setPopover('goto'));\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={handleClick} shortcut=\"g\">\n                    {texts.table.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table.columns.menu.freezeFirstColumn\n                        : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action) as React.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        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        '-mr-1 justify-end overflow-hidden',\n        // sizing\n        '!h-6 !min-h-[theme(spacing.6)] !w-0 !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\n    );\n\n    return (\n        <LegacyIconButton\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            onKeyDown={event => {\n                // Removes focus from the column header menu button so that active row shortcuts execute when Tab,\n                // Shift+Tab, or any other keydown event occurs.\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                    event.currentTarget?.blur();\n                }\n            }}\n        />\n    );\n}\n"],"names":["React","index","props","MenuPrimitive"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Menu.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { LegacyIconButton, Menu as MenuPrimitive, useLocalization } from '@/components';\n\nimport type { TableColumnMenu, TableColumnSortDirection } from '../../../../types';\n\nimport { GotoPopover } from './Goto';\n\nexport type HeaderMenuProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'popover'> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    columnId: string;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        columnId,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'goto') {\n        const handleClosePopover = () => setPopover(undefined);\n\n        if (handleGoto) {\n            const goto = async (query: string) => {\n                try {\n                    const index = await handleGoto(query);\n                    setRowActiveIndex(index);\n                    scrollToIndex(index);\n                } catch (e) {\n                    // oxlint-disable-next-line no-console\n                    console.error(e);\n                } finally {\n                    handleClosePopover();\n                }\n            };\n            popoverElement = (props: PopoverProps) => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: React.JSX.Element[] = [];\n\n        if (canHide && handleHide) {\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: React.MouseEvent) => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"desc\">\n                                    {texts.table.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canGoto) {\n            // Defer popover open to the next tick so menu close lifecycle can finish first.\n            // Without this, the same click can be treated as an outside interaction and close goto immediately.\n            const handleClick = () => setTimeout(() => setPopover('goto'));\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={handleClick} shortcut=\"g\">\n                    {texts.table.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table.columns.menu.freezeFirstColumn\n                        : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>,\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action) as React.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        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        '-mr-1 justify-end overflow-hidden',\n        // sizing\n        '!h-6 !min-h-[theme(spacing.6)] !w-0 !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\n    );\n\n    return (\n        <LegacyIconButton\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            onKeyDown={event => {\n                // Removes focus from the column header menu button so that active row shortcuts execute when Tab,\n                // Shift+Tab, or any other keydown event occurs.\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                    event.currentTarget?.blur();\n                }\n            }}\n        />\n    );\n}\n"],"names":["React","index","props","MenuPrimitive"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Header/components/Resizer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Resizer.tsx"],"sourcesContent":["import type { ColumnSizingState, Updater } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport type { TableColumnWidth } from '../../../../types';\n\ntype Props = {\n    headerRef: HTMLTableCellElement | null;\n    id: string;\n    isResizing: boolean;\n    onResize: (event: unknown) => void;\n    onResetSize: () => void;\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;\n    width?: TableColumnWidth;\n};\n\nexport function Resizer(props: Props) {\n    const { headerRef, id, isResizing, onResetSize, onResize, setColumnSizing, width } = props;\n    const { texts } = useLocalization();\n\n    // this prevents sort handlers being activated\n    const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    // columns set to \"grow\" don't set a width, so if resize is being triggered on a grow column make sure to set a size first\n    const handleResize = (event: React.MouseEvent | React.TouchEvent) => {\n        // event.detail >= 2 means a user has clicked more than once quickly.\n        if (event.detail >= 2) {\n            onResetSize();\n        } else if (!Number.isInteger(width) && headerRef) {\n            setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: headerRef.getBoundingClientRect().width,\n            }));\n            setTimeout(() => {\n                onResize?.(event);\n            }, 1);\n        } else {\n            onResize?.(event);\n        }\n    };\n\n    const handle = (\n        <div\n            className={cn(\n                'invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5',\n                'group-hover/header:visible',\n                '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2',\n                {\n                    '!visible': isResizing,\n                }\n            )}\n            data-taco=\"resize-handle\"\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-gray-500 hover:bg-gray-700': !isResizing,\n                })}\n            />\n        </div>\n    );\n\n    if (isResizing) {\n        return handle;\n    }\n\n    return (\n        <Tooltip placement=\"top\" title={texts.table.columns.resize.tooltip}>\n            {handle}\n        </Tooltip>\n    );\n}\n"],"names":["useLocalization","Tooltip"],"mappings":";;;;;;AAkBO,SAAS,QAAQ,OAAc;AAClC,QAAM,EAAE,WAAW,IAAI,YAAY,aAAa,UAAU,iBAAiB,UAAU;AACrF,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAGlB,QAAM,cAAc,CAAC,UAA4B;AAC7C,UAAM,gBAAA;AACN,UAAM,eAAA;AAAA,EACV;AAGA,QAAM,eAAe,CAAC,UAA+C;AAEjE,QAAI,MAAM,UAAU,GAAG;AACnB,kBAAA;AAAA,IACJ,WAAW,CAAC,OAAO,UAAU,KAAK,KAAK,WAAW;AAC9C,sBAAgB,CAAA,WAAU;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,EAAE,GAAG,UAAU,wBAAwB;AAAA,MAAA,EAC1C;AACF,iBAAW,MAAM;AACb,mBAAW,KAAK;AAAA,MACpB,GAAG,CAAC;AAAA,IACR,OAAO;AACH,iBAAW,KAAK;AAAA,IACpB;AAAA,EACJ;AAEA,QAAM,SACF,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACI,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MAEJ,aAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,MACb,cAAc;AAAA,IAAA;AAAA,IACd,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,sBAAsB;AAAA,UAChC,gBAAgB;AAAA,UAChB,iCAAiC,CAAC;AAAA,QAAA,CACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAIR,MAAI,YAAY;AACZ,WAAO;AAAA,EACX;AAEA,SACI,sBAAA,cAACC,QAAAA,SAAA,EAAQ,WAAU,OAAM,OAAO,MAAM,MAAM,QAAQ,OAAO,QAAA,GACtD,MACL;AAER;;"}
+{"version":3,"file":"Resizer.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Resizer.tsx"],"sourcesContent":["import type { ColumnSizingState, Updater } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Tooltip, useLocalization } from '@/components';\n\nimport type { TableColumnWidth } from '../../../../types';\n\ntype Props = {\n    headerRef: HTMLTableCellElement | null;\n    id: string;\n    isResizing: boolean;\n    onResize: (event: unknown) => void;\n    onResetSize: () => void;\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;\n    width?: TableColumnWidth;\n};\n\nexport function Resizer(props: Props) {\n    const { headerRef, id, isResizing, onResetSize, onResize, setColumnSizing, width } = props;\n    const { texts } = useLocalization();\n\n    // this prevents sort handlers being activated\n    const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    // columns set to \"grow\" don't set a width, so if resize is being triggered on a grow column make sure to set a size first\n    const handleResize = (event: React.MouseEvent | React.TouchEvent) => {\n        // event.detail >= 2 means a user has clicked more than once quickly.\n        if (event.detail >= 2) {\n            onResetSize();\n        } else if (!Number.isInteger(width) && headerRef) {\n            setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: headerRef.getBoundingClientRect().width,\n            }));\n            setTimeout(() => {\n                onResize?.(event);\n            }, 1);\n        } else {\n            onResize?.(event);\n        }\n    };\n\n    const handle = (\n        <div\n            className={cn(\n                'invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5',\n                'group-hover/header:visible',\n                '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2',\n                {\n                    '!visible': isResizing,\n                }\n            )}\n            data-taco=\"resize-handle\"\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-gray-500 hover:bg-gray-700': !isResizing,\n                })}\n            />\n        </div>\n    );\n\n    if (isResizing) {\n        return handle;\n    }\n\n    return (\n        <Tooltip placement=\"top\" title={texts.table.columns.resize.tooltip}>\n            {handle}\n        </Tooltip>\n    );\n}\n"],"names":["useLocalization","Tooltip"],"mappings":";;;;;;AAkBO,SAAS,QAAQ,OAAc;AAClC,QAAM,EAAE,WAAW,IAAI,YAAY,aAAa,UAAU,iBAAiB,UAAU;AACrF,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAGlB,QAAM,cAAc,CAAC,UAA4B;AAC7C,UAAM,gBAAA;AACN,UAAM,eAAA;AAAA,EACV;AAGA,QAAM,eAAe,CAAC,UAA+C;AAEjE,QAAI,MAAM,UAAU,GAAG;AACnB,kBAAA;AAAA,IACJ,WAAW,CAAC,OAAO,UAAU,KAAK,KAAK,WAAW;AAC9C,sBAAgB,CAAA,WAAU;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,EAAE,GAAG,UAAU,wBAAwB;AAAA,MAAA,EAC1C;AACF,iBAAW,MAAM;AACb,mBAAW,KAAK;AAAA,MACpB,GAAG,CAAC;AAAA,IACR,OAAO;AACH,iBAAW,KAAK;AAAA,IACpB;AAAA,EACJ;AAEA,QAAM,SACF,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACI,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MAEJ,aAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,MACb,cAAc;AAAA,IAAA;AAAA,IACd,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,sBAAsB;AAAA,UAChC,gBAAgB;AAAA,UAChB,iCAAiC,CAAC;AAAA,QAAA,CACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAIR,MAAI,YAAY;AACZ,WAAO;AAAA,EACX;AAEA,SACI,sBAAA,cAACC,QAAAA,SAAA,EAAQ,WAAU,OAAM,OAAO,MAAM,MAAM,QAAQ,OAAO,QAAA,GACtD,MACL;AAER;;"}

package/dist/primitives/Table/Core/components/Header/components/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Resizer.tsx"],"sourcesContent":["import type { ColumnSizingState, Updater } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport type { TableColumnWidth } from '../../../../types';\n\ntype Props = {\n    headerRef: HTMLTableCellElement | null;\n    id: string;\n    isResizing: boolean;\n    onResize: (event: unknown) => void;\n    onResetSize: () => void;\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;\n    width?: TableColumnWidth;\n};\n\nexport function Resizer(props: Props) {\n    const { headerRef, id, isResizing, onResetSize, onResize, setColumnSizing, width } = props;\n    const { texts } = useLocalization();\n\n    // this prevents sort handlers being activated\n    const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    // columns set to \"grow\" don't set a width, so if resize is being triggered on a grow column make sure to set a size first\n    const handleResize = (event: React.MouseEvent | React.TouchEvent) => {\n        // event.detail >= 2 means a user has clicked more than once quickly.\n        if (event.detail >= 2) {\n            onResetSize();\n        } else if (!Number.isInteger(width) && headerRef) {\n            setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: headerRef.getBoundingClientRect().width,\n            }));\n            setTimeout(() => {\n                onResize?.(event);\n            }, 1);\n        } else {\n            onResize?.(event);\n        }\n    };\n\n    const handle = (\n        <div\n            className={cn(\n                'invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5',\n                'group-hover/header:visible',\n                '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2',\n                {\n                    '!visible': isResizing,\n                }\n            )}\n            data-taco=\"resize-handle\"\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-gray-500 hover:bg-gray-700': !isResizing,\n                })}\n            />\n        </div>\n    );\n\n    if (isResizing) {\n        return handle;\n    }\n\n    return (\n        <Tooltip placement=\"top\" title={texts.table.columns.resize.tooltip}>\n            {handle}\n        </Tooltip>\n    );\n}\n"],"names":["React"],"mappings":";;;;AAkBO,SAAS,QAAQ,OAAc;AAClC,QAAM,EAAE,WAAW,IAAI,YAAY,aAAa,UAAU,iBAAiB,UAAU;AACrF,QAAM,EAAE,MAAA,IAAU,gBAAA;AAGlB,QAAM,cAAc,CAAC,UAA4B;AAC7C,UAAM,gBAAA;AACN,UAAM,eAAA;AAAA,EACV;AAGA,QAAM,eAAe,CAAC,UAA+C;AAEjE,QAAI,MAAM,UAAU,GAAG;AACnB,kBAAA;AAAA,IACJ,WAAW,CAAC,OAAO,UAAU,KAAK,KAAK,WAAW;AAC9C,sBAAgB,CAAA,WAAU;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,EAAE,GAAG,UAAU,wBAAwB;AAAA,MAAA,EAC1C;AACF,iBAAW,MAAM;AACb,mBAAW,KAAK;AAAA,MACpB,GAAG,CAAC;AAAA,IACR,OAAO;AACH,iBAAW,KAAK;AAAA,IACpB;AAAA,EACJ;AAEA,QAAM,SACFA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACI,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MAEJ,aAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,MACb,cAAc;AAAA,IAAA;AAAA,IACdA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,sBAAsB;AAAA,UAChC,gBAAgB;AAAA,UAChB,iCAAiC,CAAC;AAAA,QAAA,CACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAIR,MAAI,YAAY;AACZ,WAAO;AAAA,EACX;AAEA,SACIA,+BAAA,cAAC,SAAA,EAAQ,WAAU,OAAM,OAAO,MAAM,MAAM,QAAQ,OAAO,QAAA,GACtD,MACL;AAER;"}
+{"version":3,"file":"Resizer.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/Resizer.tsx"],"sourcesContent":["import type { ColumnSizingState, Updater } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Tooltip, useLocalization } from '@/components';\n\nimport type { TableColumnWidth } from '../../../../types';\n\ntype Props = {\n    headerRef: HTMLTableCellElement | null;\n    id: string;\n    isResizing: boolean;\n    onResize: (event: unknown) => void;\n    onResetSize: () => void;\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;\n    width?: TableColumnWidth;\n};\n\nexport function Resizer(props: Props) {\n    const { headerRef, id, isResizing, onResetSize, onResize, setColumnSizing, width } = props;\n    const { texts } = useLocalization();\n\n    // this prevents sort handlers being activated\n    const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    // columns set to \"grow\" don't set a width, so if resize is being triggered on a grow column make sure to set a size first\n    const handleResize = (event: React.MouseEvent | React.TouchEvent) => {\n        // event.detail >= 2 means a user has clicked more than once quickly.\n        if (event.detail >= 2) {\n            onResetSize();\n        } else if (!Number.isInteger(width) && headerRef) {\n            setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: headerRef.getBoundingClientRect().width,\n            }));\n            setTimeout(() => {\n                onResize?.(event);\n            }, 1);\n        } else {\n            onResize?.(event);\n        }\n    };\n\n    const handle = (\n        <div\n            className={cn(\n                'invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5',\n                'group-hover/header:visible',\n                '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2',\n                {\n                    '!visible': isResizing,\n                }\n            )}\n            data-taco=\"resize-handle\"\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-gray-500 hover:bg-gray-700': !isResizing,\n                })}\n            />\n        </div>\n    );\n\n    if (isResizing) {\n        return handle;\n    }\n\n    return (\n        <Tooltip placement=\"top\" title={texts.table.columns.resize.tooltip}>\n            {handle}\n        </Tooltip>\n    );\n}\n"],"names":["React"],"mappings":";;;;AAkBO,SAAS,QAAQ,OAAc;AAClC,QAAM,EAAE,WAAW,IAAI,YAAY,aAAa,UAAU,iBAAiB,UAAU;AACrF,QAAM,EAAE,MAAA,IAAU,gBAAA;AAGlB,QAAM,cAAc,CAAC,UAA4B;AAC7C,UAAM,gBAAA;AACN,UAAM,eAAA;AAAA,EACV;AAGA,QAAM,eAAe,CAAC,UAA+C;AAEjE,QAAI,MAAM,UAAU,GAAG;AACnB,kBAAA;AAAA,IACJ,WAAW,CAAC,OAAO,UAAU,KAAK,KAAK,WAAW;AAC9C,sBAAgB,CAAA,WAAU;AAAA,QACtB,GAAG;AAAA,QACH,CAAC,EAAE,GAAG,UAAU,wBAAwB;AAAA,MAAA,EAC1C;AACF,iBAAW,MAAM;AACb,mBAAW,KAAK;AAAA,MACpB,GAAG,CAAC;AAAA,IACR,OAAO;AACH,iBAAW,KAAK;AAAA,IACpB;AAAA,EACJ;AAEA,QAAM,SACFA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACI,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MAEJ,aAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,MACb,cAAc;AAAA,IAAA;AAAA,IACdA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,sBAAsB;AAAA,UAChC,gBAAgB;AAAA,UAChB,iCAAiC,CAAC;AAAA,QAAA,CACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAIR,MAAI,YAAY;AACZ,WAAO;AAAA,EACX;AAEA,SACIA,+BAAA,cAAC,SAAA,EAAQ,WAAU,OAAM,OAAO,MAAM,MAAM,QAAQ,OAAO,QAAA,GACtD,MACL;AAER;"}

package/dist/primitives/Table/Core/components/Header/components/SortIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortIndicator.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport type { TableColumnSortDirection } from '../../../../types';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\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 TableColumnSortDirection] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending' as const,\n    desc: 'descending' as const,\n};\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\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 TableColumnSortDirection] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["Icon"],"mappings":";;;;AASA,MAAM,aAAa;AAAA,EACf,KAAK,sBAAA,cAACA,KAAAA,MAAA,EAAK,MAAK,oBAAmB,WAAU,+BAA8B;AAAA,EAC3E,MAAM,sBAAA,cAACA,KAAAA,MAAA,EAAK,MAAK,sBAAqB,WAAU,8BAAA,CAA8B;AAClF;AAEO,SAAS,cAAc,OAA2B;AACrD,SAAO,WAAW,MAAM,SAAqC,KAAK;AACtE;AAEA,MAAM,WAAW;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AACV;AAEO,SAAS,kBACZ,SACA,eACA,eACF;AACE,MAAI,CAAC,SAAS;AACV,WAAO,CAAA;AAAA,EACX;AAEA,QAAM,cAAc,CAAC,UAA4B;AAC7C,QAAI,MAAM,wBAAwB,CAAC,MAAM,cAAc,SAAS,MAAM,MAAa,GAAG;AAClF;AAAA,IACJ;AAEA,UAAM,eAAA;AACN,oBAAgB,KAAK;AAAA,EACzB;AAEA,SAAO;AAAA,IACH,aAAa,SAAS,aAAyC,KAAK;AAAA,IACpE,SAAS;AAAA,EAAA;AAEjB;;;"}
+{"version":3,"file":"SortIndicator.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '@/components';\n\nimport type { TableColumnSortDirection } from '../../../../types';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\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 TableColumnSortDirection] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending' as const,\n    desc: 'descending' as const,\n};\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\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 TableColumnSortDirection] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["Icon"],"mappings":";;;;AAUA,MAAM,aAAa;AAAA,EACf,KAAK,sBAAA,cAACA,KAAAA,MAAA,EAAK,MAAK,oBAAmB,WAAU,+BAA8B;AAAA,EAC3E,MAAM,sBAAA,cAACA,KAAAA,MAAA,EAAK,MAAK,sBAAqB,WAAU,8BAAA,CAA8B;AAClF;AAEO,SAAS,cAAc,OAA2B;AACrD,SAAO,WAAW,MAAM,SAAqC,KAAK;AACtE;AAEA,MAAM,WAAW;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AACV;AAEO,SAAS,kBACZ,SACA,eACA,eACF;AACE,MAAI,CAAC,SAAS;AACV,WAAO,CAAA;AAAA,EACX;AAEA,QAAM,cAAc,CAAC,UAA4B;AAC7C,QAAI,MAAM,wBAAwB,CAAC,MAAM,cAAc,SAAS,MAAM,MAAa,GAAG;AAClF;AAAA,IACJ;AAEA,UAAM,eAAA;AACN,oBAAgB,KAAK;AAAA,EACzB;AAEA,SAAO;AAAA,IACH,aAAa,SAAS,aAAyC,KAAK;AAAA,IACpE,SAAS;AAAA,EAAA;AAEjB;;;"}

package/dist/primitives/Table/Core/components/Header/components/SortIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortIndicator.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport type { TableColumnSortDirection } from '../../../../types';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\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 TableColumnSortDirection] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending' as const,\n    desc: 'descending' as const,\n};\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\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 TableColumnSortDirection] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["React"],"mappings":";;AASA,MAAM,aAAa;AAAA,EACf,KAAKA,+BAAA,cAAC,MAAA,EAAK,MAAK,oBAAmB,WAAU,+BAA8B;AAAA,EAC3E,MAAMA,+BAAA,cAAC,MAAA,EAAK,MAAK,sBAAqB,WAAU,8BAAA,CAA8B;AAClF;AAEO,SAAS,cAAc,OAA2B;AACrD,SAAO,WAAW,MAAM,SAAqC,KAAK;AACtE;AAEA,MAAM,WAAW;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AACV;AAEO,SAAS,kBACZ,SACA,eACA,eACF;AACE,MAAI,CAAC,SAAS;AACV,WAAO,CAAA;AAAA,EACX;AAEA,QAAM,cAAc,CAAC,UAA4B;AAC7C,QAAI,MAAM,wBAAwB,CAAC,MAAM,cAAc,SAAS,MAAM,MAAa,GAAG;AAClF;AAAA,IACJ;AAEA,UAAM,eAAA;AACN,oBAAgB,KAAK;AAAA,EACzB;AAEA,SAAO;AAAA,IACH,aAAa,SAAS,aAAyC,KAAK;AAAA,IACpE,SAAS;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"SortIndicator.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '@/components';\n\nimport type { TableColumnSortDirection } from '../../../../types';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\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 TableColumnSortDirection] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending' as const,\n    desc: 'descending' as const,\n};\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\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 TableColumnSortDirection] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["React"],"mappings":";;AAUA,MAAM,aAAa;AAAA,EACf,KAAKA,+BAAA,cAAC,MAAA,EAAK,MAAK,oBAAmB,WAAU,+BAA8B;AAAA,EAC3E,MAAMA,+BAAA,cAAC,MAAA,EAAK,MAAK,sBAAqB,WAAU,8BAAA,CAA8B;AAClF;AAEO,SAAS,cAAc,OAA2B;AACrD,SAAO,WAAW,MAAM,SAAqC,KAAK;AACtE;AAEA,MAAM,WAAW;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AACV;AAEO,SAAS,kBACZ,SACA,eACA,eACF;AACE,MAAI,CAAC,SAAS;AACV,WAAO,CAAA;AAAA,EACX;AAEA,QAAM,cAAc,CAAC,UAA4B;AAC7C,QAAI,MAAM,wBAAwB,CAAC,MAAM,cAAc,SAAS,MAAM,MAAa,GAAG;AAClF;AAAA,IACJ;AAEA,UAAM,eAAA;AACN,oBAAgB,KAAK;AAAA,EACzB;AAEA,SAAO;AAAA,IACH,aAAa,SAAS,aAAyC,KAAK;AAAA,IACpE,SAAS;AAAA,EAAA;AAEjB;"}

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.cjs

@@ -105,7 +105,9 @@ const DisplayRow = React.memo(
     React.useEffect(() => {
       const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;
       const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;
-      measureRow(rowHeight + expansionHeight);
+      requestAnimationFrame(() => {
+        measureRow(rowHeight + expansionHeight);
+      });
     }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);
     const className = cn("group/row", otherAttributes.className, {
       "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayRow.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useResizeObserver } from '../../../../../../hooks/useResizeObserver';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\nimport { mergeRefs } from '../../../../../../utils/mergeRefs';\nimport type { TableRowWithMetaData } from '../../../../types';\nimport type { TableRowRendererProps } from '../../../types';\nimport { Cell } from '../../Columns/Cell/Cell';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'bg-blue-500 text-white rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            measureRow(rowHeight + expansionHeight);\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["DisplayRow","isElementInteractive","row","useDropTarget","useResizeObserver","mergeRefs","Cell"],"mappings":"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"}
+{"version":3,"file":"DisplayRow.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useResizeObserver } from '@/hooks/useResizeObserver';\nimport { isElementInteractive } from '@/utils/dom';\nimport { useDropTarget } from '@/utils/hooks/useDropTarget';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport type { TableRowWithMetaData } from '../../../../types';\nimport type { TableRowRendererProps } from '../../../types';\nimport { Cell } from '../../Columns/Cell/Cell';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'bg-blue-500 text-white rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            // Deferred a frame — resizeItem can trigger a synchronous flushSync, which React\n            // rejects when called straight from this effect while still committing.\n            requestAnimationFrame(() => {\n                measureRow(rowHeight + expansionHeight);\n            });\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["DisplayRow","isElementInteractive","row","useDropTarget","useResizeObserver","mergeRefs","Cell"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.js

@@ -103,7 +103,9 @@ const DisplayRow = React__default.memo(
     React__default.useEffect(() => {
       const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;
       const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;
-      measureRow(rowHeight + expansionHeight);
+      requestAnimationFrame(() => {
+        measureRow(rowHeight + expansionHeight);
+      });
     }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);
     const className = cn("group/row", otherAttributes.className, {
       "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useResizeObserver } from '../../../../../../hooks/useResizeObserver';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\nimport { mergeRefs } from '../../../../../../utils/mergeRefs';\nimport type { TableRowWithMetaData } from '../../../../types';\nimport type { TableRowRendererProps } from '../../../types';\nimport { Cell } from '../../Columns/Cell/Cell';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'bg-blue-500 text-white rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            measureRow(rowHeight + expansionHeight);\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["React","DisplayRow","row"],"mappings":";;;;;;;AAiBO,MAAM,aAAaA,eAAM;AAAA,EAC5BA,eAAM,WAAiD,SAASC,YAC5D,OACA,aACF;AACE,UAAM;AAAA,MACF;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,wBAAwB,CAAA;AAAA,MACxB,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,YAAY,MAAM,QAAQ;AAEhC,UAAM,aAAkB;AAAA,MACpB,GAAG;AAAA,MACH,eAAe,IAAI;AAAA,MACnB,kBAAkB;AAAA,MAClB,UAAU;AAAA,IAAA;AAGd,UAAM,cAAcD,eAAM;AAAA,MACtB,CAAC,UAAiD;AAC9C,cAAM,iBAAiB,MAAM;AAE7B,YAAI,CAAC,MAAM,eAAe,SAAS,MAAM,MAAqB,KAAK,qBAAqB,cAAc,GAAG;AACrG;AAAA,QACJ;AAEA,kBAAU,SAAS,YAAY,OAAO,IAAI,QAAQ;AAAA,MACtD;AAAA,MACA,CAAC,IAAI,QAAQ;AAAA,IAAA;AAEjB,UAAM,oBAAoBA,eAAM,YAAY,MAAM;AAC9C,4BAAsB,MAAM,UAAU,UAAU,kBAAkB,KAAK,CAAC;AAAA,IAC5E,GAAG,CAAC,KAAK,CAAC;AAGV,QAAI,UAAU,UAAU,WAAW;AAC/B,iBAAW,iBAAiB,IAAI,UAAU,UAAU,mBAAmB,QAAQ,OAAO;AAEtF,iBAAW,gBAAgB;AAAA,IAC/B;AAGA,QAAI,UAAU,SAAS,UAAU,IAAI,QAAQ,GAAG;AAC5C,iBAAW,UAAU;AAAA,IACzB;AAGA,QAAI,UAAU,QAAQ,WAAW;AAC7B,iBAAW,cAAc,IAAI,CAAC,CAAC,UAAU,QAAQ,SAAS,IAAI,EAAE;AAChE,iBAAW,YAAY;AACvB,YAAM,mBAAmB;AAEzB,iBAAW,cAAc,CAAC,UAAiC;AACvD,YAAI,OAAO,CAAC,GAAG;AAEf,YAAI,IAAI,gBAAgB;AACpB,iBAAO,IAAI,kBAAkB,MAAM,oBAAA,EAAsB,OAAO,CAAC,KAAK,GAAG,MAAM,oBAAA,EAAsB,IAAI;AAAA,QAC7G;AAEA,cAAM,OAAO,KAAK,IAAI,CAAAE,SAAOA,KAAI,QAAQ;AAEzC,kBAAU,QAAQ;AAAA,UACd,KAAK,OAAO,CAAC,UAAU,qBAAqB,EAAE,GAAG,UAAU,CAAC,gBAAgB,EAAE,GAAG,KAAA,IAAS,CAAA,CAAE;AAAA,QAAA;AAIhG,cAAM,aAAa,QAAQ,QAAQ,KAAK,UAAU,IAAI,CAAC;AAEvD,cAAM,kBAAkB,CAAC,SAAiB;AACtC,gBAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,gBAAM,KAAK;AACX,gBAAM,YAAY;AAClB,gBAAM,YAAY;AAClB,mBAAS,KAAK,OAAO,KAAK;AAC1B,gBAAM,aAAa,aAAa,OAAO,GAAG,CAAC;AAAA,QAC/C;AAEA,cAAM,kBAAkB,CAAC,SAAiB,MAAM,aAAa,QAAQ,QAAQ,IAAI;AAEjF,kBAAU,QAAQ,gBAAgB,MAAM,iBAAiB,eAAe;AAAA,MAC5E;AAEA,iBAAW,YAAY,MAAY;AAC/B,iBAAS,eAAe,gBAAgB,GAAG,OAAA;AAC3C,kBAAU,QAAQ,cAAc,EAAE;AAAA,MACtC;AAAA,IACJ;AAGA,UAAM,CAAC,eAAe,eAAe,IAAI,cAAc,CAAA,UAAS,UAAU,QAAQ,aAAa,OAAO,IAAI,QAAQ,CAAC;AAEnH,QAAI,UAAU,QAAQ,WAAW;AAC7B,iBAAW,cAAc,iBAAiB;AAC1C,iBAAW,cAAc,iBAAiB;AAC1C,iBAAW,aAAa,iBAAiB;AACzC,iBAAW,SAAS,iBAAiB;AACrC,iBAAW,uBAAuB,IAAI;AAAA,IAC1C;AAGA,QAAI,MAAM,QAAQ,gBAAgB;AAC9B,iBAAW,gBAAgB,IAAI,IAAI,aAAA,IAAiB,OAAO;AAAA,IAC/D;AAGA,QAAI,IAAI,gBAAgB;AACpB,iBAAW,mBAAmB,IAAI,IAAI,cAAA,KAAmB,IAAI,4BAA4B,OAAO;AAAA,IACpG;AAMA,QAAI;AAEJ,QAAI,UAAU,aAAa,aAAa,IAAI,mBAAmB,CAAC,IAAI,gBAAgB;AAChF,iBAAW,mBAAmB,IAAI;AAClC,oBAAc,UAAU,aAAa,uBAAuB,IAAI,QAAQ,IAAA;AAAA,IAC5E;AAEA,UAAM,UAAW,IAAI,SAAyC;AAE9D,QAAI,SAAS,QAAQ;AACjB,iBAAW,sBAAsB,IAAI,QAAQ;AAAA,IACjD;AAEA,UAAM,MAAMF,eAAM,OAA4B,IAAI;AAClD,UAAM,eAAeA,eAAM,OAA4B,IAAI;AAC3D,UAAM,kBAAkB,kBAAkB,cAAc,CAAC,CAAC,WAAW;AAErEA,mBAAM,UAAU,MAAM;AAClB,YAAM,YAAY,IAAI,SAAS,sBAAA,EAAwB,UAAU;AACjE,YAAM,kBAAkB,aAAa,SAAS,sBAAA,EAAwB,UAAU;AAEhF,iBAAW,YAAY,eAAe;AAAA,IAC1C,GAAG,CAAC,aAAa,SAAS,iBAAiB,QAAQ,GAAG,qBAAqB,CAAC;AAE5E,UAAM,YAAY,GAAG,aAAa,gBAAgB,WAAW;AAAA,MACzD,qBAAqB,UAAU,QAAQ,aAAa,OAAO,WAAW,YAAY;AAAA,MAClF,wBAAwB,OAAO,WAAW,YAAY;AAAA,IAAA,CACzD;AAED,UAAM,YAAY,IAAI,aAAA;AAEtB,UAAM,YAAY,UAAU,CAAC,KAAK,WAAW,CAAC;AAE9C,WACIA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAsB,KAAK,UAAA,GAC1C,UACA,IACI,gBAAA,EAEA,OAAO,CAAA,SAAQ,EAAE,aAAa,KAAK,OAAO,OAAO,YAAY,EAC7D,IAAI,CAAC,MAAM,cACRA,+BAAA,cAAC,QAAK,KAAK,KAAK,IAAI,MAAY,OAAO,WAAW,UAAU,aAAA,CAAc,CAC7E,CACT,GACC,cACGA,+BAAA,cAAC,QAAG,sBAAoB,IAAI,IAAI,KAAK,aAAA,GACjCA,+BAAA,cAAC,MAAA,EAAG,WAAU,gBAAA,GAAiB,WAAY,CAC/C,IACA,IACR;AAAA,EAER,CAAC;AACL;"}
+{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useResizeObserver } from '@/hooks/useResizeObserver';\nimport { isElementInteractive } from '@/utils/dom';\nimport { useDropTarget } from '@/utils/hooks/useDropTarget';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport type { TableRowWithMetaData } from '../../../../types';\nimport type { TableRowRendererProps } from '../../../types';\nimport { Cell } from '../../Columns/Cell/Cell';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'bg-blue-500 text-white rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            // Deferred a frame — resizeItem can trigger a synchronous flushSync, which React\n            // rejects when called straight from this effect while still committing.\n            requestAnimationFrame(() => {\n                measureRow(rowHeight + expansionHeight);\n            });\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["React","DisplayRow","row"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/Filters.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon = require("../../../../../../../components/Icon/Icon.cjs");
-const Button = require("../../../../../../../components/LegacyComponents/Button/Button.cjs");
-const IconButton = require("../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../../../../../../../components/Provider/Localization.cjs");
-const Shortcut = require("../../../../../../../components/Shortcut/Shortcut.cjs");
 const useIsLargeScreen = require("../../../../../../../hooks/useIsLargeScreen.cjs");
 const ManageFiltersPopover = require("./ManageFiltersPopover.cjs");
 const util = require("./util.cjs");
+const Localization = require("../../../../../../../components/Provider/Localization.cjs");
+const Shortcut = require("../../../../../../../components/Shortcut/Shortcut.cjs");
+const IconButton = require("../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
+const Button = require("../../../../../../../components/LegacyComponents/Button/Button.cjs");
+const Icon = require("../../../../../../../components/Icon/Icon.cjs");
 function Filters(props) {
   const { length, tableId, table } = props;
   const { texts } = Localization.useLocalization();