@cube-dev/ui-kit 0.157.3 → 0.159.0

package/dist/components/data/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../../src/components/data/DataTable/DataTable.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { clampPage, getPageInfo } from '../../navigation/Pagination';\nimport { ItemTableFooter } from '../ItemTable/ItemTableFooter';\nimport { TableView } from '../TableBase/TableView';\nimport { selectionRowKey } from '../TableBase/types';\nimport { useCellSelection } from '../TableBase/use-cell-selection';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport { useTableColumns } from '../TableBase/use-table-columns';\nimport { ROW_NUMBER_COLUMN_KEY } from '../TableBase/use-table-selection';\nimport { useTableSorts } from '../TableBase/use-table-sorts';\nimport { useTableStorage } from '../TableBase/use-table-storage';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubeTableRowSection } from '../TableBase/types';\nimport type { CubeDataTableColumn, CubeDataTableProps } from './types';\n\n/** Wide enough for five digits at the dense default. */\nconst ROW_NUMBER_WIDTH = 56;\n\nconst EMPTY_WIDTHS: Record<string, number> = {};\n\nfunction defaultGetRowKey<T>(rowKey: string) {\n  return (row: T, index: number): Key => {\n    const value = (row as any)?.[rowKey];\n\n    return value == null ? index : (value as Key);\n  };\n}\n\n/**\n * A grid for query results.\n *\n * The same engine as `ItemTable` — one `TableView`, one column layout, one\n * value pipeline — with the defaults an analytical grid wants rather than a\n * list's: denser type, banded rows, resizable columns, multi-column sort, and\n * rows pinned for totals.\n *\n * It knows nothing about Cube. Measures, dimensions, pivots and drill-downs\n * reach it as ordinary columns, `render` output and `column.header.menu`\n * content, which is what keeps the ~34 kB of Cloud's column-header menu in\n * Cloud.\n */\nfunction DataTable<T = any>(\n  props: CubeDataTableProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    data,\n    columns,\n    rowKey = 'id',\n    getRowKey,\n    pinnedTopRows,\n    pinnedBottomRows,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    skeletonRowCount,\n    error,\n    emptyLabel,\n    noResultsLabel,\n    isFiltered,\n    shape = 'plain',\n    // Denser than `ItemTable`'s `medium`: a result grid is read as a block, and\n    // more rows on screen is the point of it.\n    size = 'small',\n    rowHeight,\n    headerHeight,\n    isStriped = true,\n    isHeaderHidden,\n    isHeaderSticky,\n    showRowNumbers = false,\n    sortMode,\n    sorts: sortsProp,\n    defaultSorts,\n    onSortsChange,\n    paginationMode = 'client',\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    pageSize: pageSizeProp,\n    defaultPageSize = 100,\n    onPageSizeChange,\n    pageSizeOptions,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary = true,\n    autoHidePagination = true,\n    footerStart,\n    footerCenter,\n    footerEnd,\n    cellSelectionMode = 'range',\n    isCellSelectable,\n    selectedCellRange,\n    defaultSelectedCellRange,\n    onCellRangeChange,\n    isRowMoveAnimated,\n    isResizable = true,\n    columnWidths: columnWidthsProp,\n    defaultColumnWidths,\n    onColumnResize,\n    isVirtualized,\n    virtualizeThreshold,\n    overscan,\n    getRowProps,\n    storageKey,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    footerStyles,\n    ariaLabel,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const rootRef = useCombinedRefs(ref, localRef);\n  const [scrollerEl, setScrollerEl] = useState<HTMLElement | null>(null);\n  const containerWidth = useContainerWidth(scrollerEl);\n\n  const storage = useTableStorage(storageKey);\n\n  /**\n   * `dataType` is presentational, so it is folded into the column here rather\n   * than reaching the renderer: `number` right-aligns and takes tabular figures\n   * so digits line up down the column.\n   */\n  const resolvedColumns = useMemo(\n    () =>\n      columns.map((column) => {\n        const isNumeric = column.dataType === 'number';\n\n        return {\n          ...column,\n          align: column.align ?? (isNumeric ? 'end' : 'start'),\n          cellStyles: isNumeric\n            ? {\n                fontVariantNumeric: 'tabular-nums',\n                ...(typeof column.cellStyles === 'object'\n                  ? column.cellStyles\n                  : null),\n              }\n            : column.cellStyles,\n        } as CubeDataTableColumn<T>;\n      }),\n    [columns],\n  );\n\n  const {\n    sorts,\n    sortedRows,\n    toggleSort,\n    mode: resolvedSortMode,\n  } = useTableSorts<T>({\n    columns: resolvedColumns,\n    rows: data,\n    mode: sortMode,\n    sorts: sortsProp,\n    defaultSorts,\n    onSortsChange,\n  });\n\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    pageSizeProp as number,\n    (pageSizeProp === undefined && storage.has('pageSize')\n      ? storage.initial.pageSize ?? defaultPageSize\n      : defaultPageSize) as number,\n    onPageSizeChange as (value: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (value: number) => void,\n  );\n\n  const isPaginated = paginationMode !== 'off';\n  const isServerPaginated = paginationMode === 'server';\n  const total = isServerPaginated ? totalProp ?? 0 : sortedRows.length;\n\n  const pageInfo = getPageInfo({\n    page,\n    pageSize,\n    total,\n    totalPages: isServerPaginated ? totalPages : undefined,\n  });\n\n  const setPage = useEvent((next: number) =>\n    setPageState(clampPage(next, pageInfo.totalPages)),\n  );\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n    setPageState(1);\n\n    if (pageSizeProp === undefined) storage.write({ pageSize: next });\n  });\n\n  const visibleRows =\n    paginationMode === 'client'\n      ? sortedRows.slice(\n          (pageInfo.page - 1) * pageSize,\n          pageInfo.page * pageSize,\n        )\n      : sortedRows;\n\n  const [ownColumnWidths, setOwnColumnWidths] = useState<\n    Record<string, number>\n  >(\n    () =>\n      (columnWidthsProp === undefined && storage.has('columnWidths')\n        ? storage.initial.columnWidths ?? defaultColumnWidths\n        : defaultColumnWidths) ?? EMPTY_WIDTHS,\n  );\n  const [draftColumnWidths, setDraftColumnWidths] = useState<Record<\n    string,\n    number\n  > | null>(null);\n  const draftRef = useRef<Record<string, number> | null>(null);\n\n  const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;\n  const columnWidths = draftColumnWidths ?? baseColumnWidths;\n\n  const handleColumnResize = useEvent((key: string, width: number) => {\n    draftRef.current = {\n      ...(draftRef.current ?? baseColumnWidths),\n      [key]: Math.round(width),\n    };\n    setDraftColumnWidths(draftRef.current);\n  });\n\n  const handleColumnResizeEnd = useEvent((key: string) => {\n    const next = draftRef.current ?? baseColumnWidths;\n\n    if (columnWidthsProp === undefined) {\n      setOwnColumnWidths(next);\n      storage.write({ columnWidths: next });\n    }\n\n    onColumnResize?.(key, next[key], next);\n    draftRef.current = null;\n    setDraftColumnWidths(null);\n  });\n\n  const leadingColumns = useMemo(\n    () =>\n      showRowNumbers\n        ? [{ key: ROW_NUMBER_COLUMN_KEY, width: ROW_NUMBER_WIDTH }]\n        : undefined,\n    [showRowNumbers],\n  );\n\n  const layout = useTableColumns<T>({\n    columns: resolvedColumns,\n    containerWidth,\n    columnWidths,\n    leadingColumns,\n  });\n\n  const { t } = useI18n();\n\n  const resolvedGetRowKey = useMemo(\n    () => getRowKey ?? defaultGetRowKey<T>(rowKey),\n    [getRowKey, rowKey],\n  );\n\n  // Every row a range can reach, in the order they appear on screen. Pinned rows\n  // are in it: a total is a figure like any other, and having to copy it\n  // separately from the column it sums is the wrong trade.\n  //\n  // The keys are built here rather than inside the hook so they cannot disagree\n  // with the ones the renderer stamps — a pinned row is keyed by its own index\n  // within its group, exactly as `renderPinnedRow` keys it.\n  const selectionRows = useMemo(\n    () => [\n      ...(pinnedTopRows ?? []),\n      ...visibleRows,\n      ...(pinnedBottomRows ?? []),\n    ],\n    [pinnedTopRows, visibleRows, pinnedBottomRows],\n  );\n  const selectionRowKeys = useMemo(\n    () => [\n      // Section-qualified, matching what the renderer stamps: the same record\n      // is routinely pinned at both edges, and one flat key space collapsed the\n      // two into whichever came first.\n      ...(pinnedTopRows ?? []).map((row, index) =>\n        selectionRowKey('pinnedTop', resolvedGetRowKey(row, index)),\n      ),\n      ...visibleRows.map(resolvedGetRowKey),\n      ...(pinnedBottomRows ?? []).map((row, index) =>\n        selectionRowKey('pinnedBottom', resolvedGetRowKey(row, index)),\n      ),\n    ],\n    [pinnedTopRows, visibleRows, pinnedBottomRows, resolvedGetRowKey],\n  );\n\n  // The hook works in one flat row order; the section a row belongs to is a\n  // property of where it sits in that order, so it is resolved here rather than\n  // asking the consumer to track it.\n  const resolveCellSelectable = useEvent(\n    (row: T, rowKey: Key, columnKey: string) => {\n      if (!isCellSelectable) return true;\n\n      const index = selectionRowKeys.indexOf(rowKey);\n      const topCount = pinnedTopRows?.length ?? 0;\n      const section: CubeTableRowSection =\n        index < topCount\n          ? 'pinnedTop'\n          : index < topCount + visibleRows.length\n            ? 'body'\n            : 'pinnedBottom';\n\n      return isCellSelectable({ row, rowKey, columnKey, section });\n    },\n  );\n\n  const cellSelection = useCellSelection<T>({\n    mode: cellSelectionMode,\n    columns: layout.columns,\n    rows: selectionRows,\n    rowKeys: selectionRowKeys,\n    isCellSelectable: isCellSelectable ? resolveCellSelectable : undefined,\n    range: selectedCellRange,\n    defaultRange: defaultSelectedCellRange,\n    onRangeChange: onCellRangeChange,\n  });\n\n  // Same as `ItemTable`: style props (`height`, `maxHeight`, `margin`, …) land\n  // on the root frame. `height` is the one that matters — there is no\n  // page-scroll mode, so bounding the grid is what turns the body into a\n  // scroller, pins the header, and lets virtualization engage at all.\n  const rootStyles = { ...extractStyles(props, CONTAINER_STYLES), ...styles };\n\n  const smallestPageSize = pageSizeOptions?.length\n    ? Math.min(...pageSizeOptions)\n    : pageSize;\n\n  const showPagination =\n    isPaginated &&\n    !(\n      autoHidePagination &&\n      !hasNextPage &&\n      pageInfo.totalPages <= 1 &&\n      total <= smallestPageSize\n    );\n\n  const hasFooter =\n    showPagination ||\n    footerStart != null ||\n    footerCenter != null ||\n    footerEnd != null;\n\n  return (\n    <TableView<T>\n      {...rest}\n      rootRef={rootRef}\n      qa={qa || 'DataTable'}\n      rows={visibleRows}\n      pinnedTopRows={pinnedTopRows}\n      pinnedBottomRows={pinnedBottomRows}\n      // Continuous across pages: row 101 is row 101, not row 1 of page two.\n      //\n      // Server mode counts too — the page and its size are known there just the\n      // same, and `rows` is that page. Only `'off'` starts at 1, because then\n      // there is no page to be on.\n      rowNumberOffset={\n        paginationMode === 'off' ? 0 : (pageInfo.page - 1) * pageSize\n      }\n      // The same offset drives `aria-rowindex`, which is document-absolute by\n      // contract — a screen reader on page 3 should hear \"row 51 of 240\", not\n      // \"row 1 of 25\".\n      rowIndexOffset={\n        paginationMode === 'off' ? 0 : (pageInfo.page - 1) * pageSize\n      }\n      totalRowCount={total}\n      layout={layout}\n      // Always on, unlike `ItemTable`. A result grid is read down a column, and\n      // once the values are wide and right-aligned the rule is what keeps a\n      // figure attached to its column — which is why Cloud's ag-grid theme sets\n      // `columnBorder` for `DataTable` and not for the list grids.\n      hasColumnDividers\n      cellSelection={cellSelection}\n      getRowKey={resolvedGetRowKey}\n      onScrollerRef={setScrollerEl}\n      isLoading={isLoading}\n      loadingIndicator={loadingIndicator}\n      skeletonRowCount={skeletonRowCount}\n      error={error}\n      // Same localized fallbacks as `ItemTable`: a grid that has finished\n      // loading and shows an unexplained blank rectangle reads as broken.\n      emptyLabel={emptyLabel ?? t('itemTable.noItems', 'No items')}\n      noResultsLabel={\n        noResultsLabel ?? t('itemTable.noResults', 'No results found')\n      }\n      isFiltered={isFiltered}\n      shape={shape}\n      size={size}\n      rowHeight={rowHeight}\n      headerHeight={headerHeight}\n      isStriped={isStriped}\n      isRowMoveAnimated={isRowMoveAnimated}\n      isHeaderHidden={isHeaderHidden}\n      isHeaderSticky={isHeaderSticky}\n      // The header shows the column name at body size — a result grid has no\n      // room for the uppercase caption a list header uses.\n      // `t4` throughout: a result grid is read as a block, and one step down\n      // from the list preset fits noticeably more on screen without losing\n      // legibility. The header takes the medium weight of the same step.\n      contentPreset=\"t4\"\n      headerPreset=\"t4m\"\n      sortMode={resolvedSortMode}\n      sorts={sorts}\n      onColumnSort={toggleSort}\n      isVirtualized={isVirtualized}\n      virtualizeThreshold={virtualizeThreshold}\n      overscan={overscan}\n      isResizable={isResizable}\n      onColumnResize={handleColumnResize}\n      onColumnResizeEnd={handleColumnResizeEnd}\n      getRowProps={getRowProps}\n      ariaLabel={ariaLabel}\n      styles={rootStyles}\n      headerStyles={headerStyles}\n      headerCellStyles={headerCellStyles}\n      bodyStyles={bodyStyles}\n      rowStyles={rowStyles}\n      cellStyles={cellStyles}\n      mods={mods}\n      footer={\n        hasFooter ? (\n          <ItemTableFooter\n            start={footerStart}\n            center={footerCenter}\n            end={footerEnd}\n            styles={footerStyles}\n            pagination={\n              showPagination\n                ? {\n                    page: pageInfo.page,\n                    pageSize,\n                    total,\n                    totalPages: pageInfo.totalPages,\n                    pageSizeOptions,\n                    summary,\n                    hasNextPage,\n                    onPageChange: setPage,\n                    onPageSizeChange: setPageSize,\n                  }\n                : undefined\n            }\n          />\n        ) : null\n      }\n    />\n  );\n}\n\nconst _DataTable = forwardRef(DataTable) as unknown as (<T = any>(\n  props: CubeDataTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & { displayName?: string };\n\n_DataTable.displayName = 'DataTable';\n\nexport { _DataTable as DataTable };\n"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../../src/components/data/DataTable/DataTable.tsx"],"sourcesContent":["import { SelectionManager } from '@react-stately/selection';\nimport { useControlledState } from '@react-stately/utils';\nimport { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\nimport { useMultipleSelectionState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { clampPage, getPageInfo } from '../../navigation/Pagination';\nimport { DraggableCollection } from '../../shared/DraggableCollection';\nimport { ItemTableFooter } from '../ItemTable/ItemTableFooter';\nimport { RowCollection } from '../TableBase/RowCollection';\nimport { TableView } from '../TableBase/TableView';\nimport { selectionRowKey } from '../TableBase/types';\nimport { useCellSelection } from '../TableBase/use-cell-selection';\nimport {\n  getDraggableColumnKeys,\n  isColumnDraggable,\n  useColumnOrder,\n} from '../TableBase/use-column-order';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport {\n  freezeColumnWidths,\n  useTableColumns,\n} from '../TableBase/use-table-columns';\nimport { ROW_NUMBER_COLUMN_KEY } from '../TableBase/use-table-selection';\nimport { useTableSorts } from '../TableBase/use-table-sorts';\nimport { useTableStorage } from '../TableBase/use-table-storage';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type {\n  CubeTableColumnLayout,\n  CubeTableRowSection,\n} from '../TableBase/types';\nimport type { CubeDataTableColumn, CubeDataTableProps } from './types';\n\n/** Wide enough for five digits at the dense default. */\nconst ROW_NUMBER_WIDTH = 56;\n\nconst EMPTY_WIDTHS: Record<string, number> = {};\n\nfunction defaultGetRowKey<T>(rowKey: string) {\n  return (row: T, index: number): Key => {\n    const value = (row as any)?.[rowKey];\n\n    return value == null ? index : (value as Key);\n  };\n}\n\n/**\n * A grid for query results.\n *\n * The same engine as `ItemTable` — one `TableView`, one column layout, one\n * value pipeline — with the defaults an analytical grid wants rather than a\n * list's: denser type, banded rows, resizable columns, multi-column sort, and\n * rows pinned for totals.\n *\n * It knows nothing about Cube. Measures, dimensions, pivots and drill-downs\n * reach it as ordinary columns, `render` output and `column.header.menu`\n * content, which is what keeps the ~34 kB of Cloud's column-header menu in\n * Cloud.\n */\nfunction DataTable<T = any>(\n  props: CubeDataTableProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    data,\n    columns,\n    rowKey = 'id',\n    getRowKey,\n    pinnedTopRows,\n    pinnedBottomRows,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    skeletonRowCount,\n    error,\n    emptyLabel,\n    noResultsLabel,\n    isFiltered,\n    shape = 'plain',\n    // Denser than `ItemTable`'s `medium`: a result grid is read as a block, and\n    // more rows on screen is the point of it.\n    size = 'small',\n    rowSize,\n    rowHeight,\n    headerHeight,\n    isStriped = true,\n    isHeaderHidden,\n    isHeaderSticky,\n    showRowNumbers = false,\n    sortMode,\n    sorts: sortsProp,\n    defaultSorts,\n    onSortsChange,\n    paginationMode = 'client',\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    pageSize: pageSizeProp,\n    defaultPageSize = 100,\n    onPageSizeChange,\n    pageSizeOptions,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary = true,\n    autoHidePagination = true,\n    footerStart,\n    footerCenter,\n    footerEnd,\n    cellSelectionMode = 'range',\n    isCellSelectable,\n    selectedCellRange,\n    defaultSelectedCellRange,\n    onCellRangeChange,\n    isRowMoveAnimated,\n    isResizable = true,\n    columnWidths: columnWidthsProp,\n    defaultColumnWidths,\n    onColumnResize,\n    isColumnReorderable = false,\n    columnOrder,\n    defaultColumnOrder,\n    onColumnOrderChange,\n    columnContextMenu,\n    onColumnMenuAction,\n    columnMenuTriggerProps,\n    columnMenuProps,\n    isVirtualized,\n    virtualizeThreshold,\n    overscan,\n    getRowProps,\n    storageKey,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    footerStyles,\n    ariaLabel,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const rootRef = useCombinedRefs(ref, localRef);\n  const [scrollerEl, setScrollerEl] = useState<HTMLElement | null>(null);\n  const containerWidth = useContainerWidth(scrollerEl);\n\n  const storage = useTableStorage(storageKey);\n\n  /**\n   * `dataType` is presentational, so it is folded into the column here rather\n   * than reaching the renderer: `number` right-aligns and takes tabular figures\n   * so digits line up down the column.\n   */\n  const resolvedColumns = useMemo(\n    () =>\n      columns.map((column) => {\n        const isNumeric = column.dataType === 'number';\n\n        return {\n          ...column,\n          align: column.align ?? (isNumeric ? 'end' : 'start'),\n          cellStyles: isNumeric\n            ? {\n                fontVariantNumeric: 'tabular-nums',\n                ...(typeof column.cellStyles === 'object'\n                  ? column.cellStyles\n                  : null),\n              }\n            : column.cellStyles,\n        } as CubeDataTableColumn<T>;\n      }),\n    [columns],\n  );\n\n  // Applied to the SOURCE columns, before `useTableColumns`, so hidden-column\n  // filtering, structural injection and pinned hoisting all still happen\n  // downstream and `columnOrder` can never fight `pin`.\n  const columnOrderState = useColumnOrder<T>({\n    columns: resolvedColumns,\n    columnOrder,\n    defaultColumnOrder,\n    onColumnOrderChange,\n    storage,\n  });\n  const orderedColumns = columnOrderState.columns;\n\n  const {\n    sorts,\n    sortedRows,\n    toggleSort,\n    setColumnSort,\n    mode: resolvedSortMode,\n  } = useTableSorts<T>({\n    columns: orderedColumns,\n    rows: data,\n    mode: sortMode,\n    sorts: sortsProp,\n    defaultSorts,\n    onSortsChange,\n  });\n\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    pageSizeProp as number,\n    (pageSizeProp === undefined && storage.has('pageSize')\n      ? storage.initial.pageSize ?? defaultPageSize\n      : defaultPageSize) as number,\n    onPageSizeChange as (value: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (value: number) => void,\n  );\n\n  const isPaginated = paginationMode !== 'off';\n  const isServerPaginated = paginationMode === 'server';\n  const total = isServerPaginated ? totalProp ?? 0 : sortedRows.length;\n\n  const pageInfo = getPageInfo({\n    page,\n    pageSize,\n    total,\n    totalPages: isServerPaginated ? totalPages : undefined,\n  });\n\n  const setPage = useEvent((next: number) =>\n    setPageState(clampPage(next, pageInfo.totalPages)),\n  );\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n    setPageState(1);\n\n    if (pageSizeProp === undefined) storage.write({ pageSize: next });\n  });\n\n  const visibleRows =\n    paginationMode === 'client'\n      ? sortedRows.slice(\n          (pageInfo.page - 1) * pageSize,\n          pageInfo.page * pageSize,\n        )\n      : sortedRows;\n\n  const [ownColumnWidths, setOwnColumnWidths] = useState<\n    Record<string, number>\n  >(\n    () =>\n      (columnWidthsProp === undefined && storage.has('columnWidths')\n        ? storage.initial.columnWidths ?? defaultColumnWidths\n        : defaultColumnWidths) ?? EMPTY_WIDTHS,\n  );\n  const [draftColumnWidths, setDraftColumnWidths] = useState<Record<\n    string,\n    number\n  > | null>(null);\n  const draftRef = useRef<Record<string, number> | null>(null);\n\n  const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;\n  const columnWidths = draftColumnWidths ?? baseColumnWidths;\n\n  /**\n   * The resolved widths, for the freeze below. A ref because `layout` is\n   * computed *after* this handler is defined, and `useEvent` only reads it when\n   * the drag actually runs.\n   */\n  const layoutRef = useRef<CubeTableColumnLayout<T> | null>(null);\n\n  const handleColumnResize = useEvent((key: string, width: number) => {\n    // First move of a drag freezes every column, so this changes exactly one\n    // width instead of re-splitting the flex pool. See `freezeColumnWidths`.\n    const base =\n      draftRef.current ??\n      freezeColumnWidths(layoutRef.current, baseColumnWidths);\n\n    draftRef.current = { ...base, [key]: Math.round(width) };\n    setDraftColumnWidths(draftRef.current);\n  });\n\n  const handleColumnResizeEnd = useEvent((key: string) => {\n    const next = draftRef.current ?? baseColumnWidths;\n\n    if (columnWidthsProp === undefined) {\n      setOwnColumnWidths(next);\n      storage.write({ columnWidths: next });\n    }\n\n    onColumnResize?.(key, next[key], next);\n    draftRef.current = null;\n    setDraftColumnWidths(null);\n  });\n\n  const leadingColumns = useMemo(\n    () =>\n      showRowNumbers\n        ? [{ key: ROW_NUMBER_COLUMN_KEY, width: ROW_NUMBER_WIDTH }]\n        : undefined,\n    [showRowNumbers],\n  );\n\n  const layout = useTableColumns<T>({\n    columns: orderedColumns,\n    containerWidth,\n    columnWidths,\n    leadingColumns,\n  });\n\n  layoutRef.current = layout;\n\n  const { t } = useI18n();\n\n  const resolvedGetRowKey = useMemo(\n    () => getRowKey ?? defaultGetRowKey<T>(rowKey),\n    [getRowKey, rowKey],\n  );\n\n  // Every row a range can reach, in the order they appear on screen. Pinned rows\n  // are in it: a total is a figure like any other, and having to copy it\n  // separately from the column it sums is the wrong trade.\n  //\n  // The keys are built here rather than inside the hook so they cannot disagree\n  // with the ones the renderer stamps — a pinned row is keyed by its own index\n  // within its group, exactly as `renderPinnedRow` keys it.\n  const selectionRows = useMemo(\n    () => [\n      ...(pinnedTopRows ?? []),\n      ...visibleRows,\n      ...(pinnedBottomRows ?? []),\n    ],\n    [pinnedTopRows, visibleRows, pinnedBottomRows],\n  );\n  const selectionRowKeys = useMemo(\n    () => [\n      // Section-qualified, matching what the renderer stamps: the same record\n      // is routinely pinned at both edges, and one flat key space collapsed the\n      // two into whichever came first.\n      ...(pinnedTopRows ?? []).map((row, index) =>\n        selectionRowKey('pinnedTop', resolvedGetRowKey(row, index)),\n      ),\n      ...visibleRows.map(resolvedGetRowKey),\n      ...(pinnedBottomRows ?? []).map((row, index) =>\n        selectionRowKey('pinnedBottom', resolvedGetRowKey(row, index)),\n      ),\n    ],\n    [pinnedTopRows, visibleRows, pinnedBottomRows, resolvedGetRowKey],\n  );\n\n  // The hook works in one flat row order; the section a row belongs to is a\n  // property of where it sits in that order, so it is resolved here rather than\n  // asking the consumer to track it.\n  const resolveCellSelectable = useEvent(\n    (row: T, rowKey: Key, columnKey: string) => {\n      if (!isCellSelectable) return true;\n\n      const index = selectionRowKeys.indexOf(rowKey);\n      const topCount = pinnedTopRows?.length ?? 0;\n      const section: CubeTableRowSection =\n        index < topCount\n          ? 'pinnedTop'\n          : index < topCount + visibleRows.length\n            ? 'body'\n            : 'pinnedBottom';\n\n      return isCellSelectable({ row, rowKey, columnKey, section });\n    },\n  );\n\n  const cellSelection = useCellSelection<T>({\n    mode: cellSelectionMode,\n    columns: layout.columns,\n    rows: selectionRows,\n    rowKeys: selectionRowKeys,\n    isCellSelectable: isCellSelectable ? resolveCellSelectable : undefined,\n    range: selectedCellRange,\n    defaultRange: defaultSelectedCellRange,\n    onRangeChange: onCellRangeChange,\n  });\n\n  // Same as `ItemTable`: style props (`height`, `maxHeight`, `margin`, …) land\n  // on the root frame. `height` is the one that matters — there is no\n  // page-scroll mode, so bounding the grid is what turns the body into a\n  // scroller, pins the header, and lets virtualization engage at all.\n  const rootStyles = { ...extractStyles(props, CONTAINER_STYLES), ...styles };\n\n  const smallestPageSize = pageSizeOptions?.length\n    ? Math.min(...pageSizeOptions)\n    : pageSize;\n\n  const showPagination =\n    isPaginated &&\n    !(\n      autoHidePagination &&\n      !hasNextPage &&\n      pageInfo.totalPages <= 1 &&\n      total <= smallestPageSize\n    );\n\n  const hasFooter =\n    showPagination ||\n    footerStart != null ||\n    footerCenter != null ||\n    footerEnd != null;\n\n  /* ── column reordering ────────────────────────────────────────────────── */\n\n  const headRowRef = useRef<HTMLTableRowElement>(null);\n  const draggableColumnKeys = useMemo(\n    () => getDraggableColumnKeys(layout.columns, isColumnReorderable),\n    [layout.columns, isColumnReorderable],\n  );\n  const columnCollection = useMemo(\n    () =>\n      new RowCollection(\n        layout.columns.filter((column) =>\n          isColumnDraggable(column, isColumnReorderable),\n        ),\n        (column) => column.key,\n        new Set(),\n        // The drag announcements read this — otherwise a screen reader hears\n        // \"Insert between  and \".\n        (column) =>\n          typeof column.title === 'string' ? column.title : column.key,\n      ),\n    [layout.columns, isColumnReorderable],\n  );\n  /**\n   * `'single'`, not `'none'`.\n   *\n   * `useDraggableItem` only deletes its own `onClick` — the one that would\n   * hijack a screen-reader click away from the sort — when the selection mode is\n   * not `'none'`, and only then does it attach the keyboard drag description.\n   * Nothing is ever actually selected here.\n   */\n  const columnSelectionState = useMultipleSelectionState({\n    selectionMode: 'single',\n    disabledBehavior: 'all',\n  });\n  const columnSelectionManager = useMemo(\n    () => new SelectionManager(columnCollection, columnSelectionState),\n    [columnCollection, columnSelectionState],\n  );\n  const handleColumnFocus = useEvent((columnKey: string | null) => {\n    columnSelectionManager.setFocusedKey(columnKey);\n  });\n\n  // One draggable column cannot be reordered, so the machinery stays unmounted\n  // and the header keeps its exact DOM.\n  const isColumnDragEnabled =\n    isColumnReorderable && draggableColumnKeys.length > 1;\n\n  const renderTable = (\n    columnDragState?: any,\n    columnDropState?: any,\n    headCollectionProps?: Record<string, any>,\n  ) => (\n    <TableView<T>\n      {...rest}\n      rootRef={rootRef}\n      qa={qa || 'DataTable'}\n      rows={visibleRows}\n      pinnedTopRows={pinnedTopRows}\n      pinnedBottomRows={pinnedBottomRows}\n      // Continuous across pages: row 101 is row 101, not row 1 of page two.\n      //\n      // Server mode counts too — the page and its size are known there just the\n      // same, and `rows` is that page. Only `'off'` starts at 1, because then\n      // there is no page to be on.\n      rowNumberOffset={\n        paginationMode === 'off' ? 0 : (pageInfo.page - 1) * pageSize\n      }\n      // The same offset drives `aria-rowindex`, which is document-absolute by\n      // contract — a screen reader on page 3 should hear \"row 51 of 240\", not\n      // \"row 1 of 25\".\n      rowIndexOffset={\n        paginationMode === 'off' ? 0 : (pageInfo.page - 1) * pageSize\n      }\n      totalRowCount={total}\n      layout={layout}\n      // Always on, unlike `ItemTable`. A result grid is read down a column, and\n      // once the values are wide and right-aligned the rule is what keeps a\n      // figure attached to its column — which is why Cloud's ag-grid theme sets\n      // `columnBorder` for `DataTable` and not for the list grids.\n      hasColumnDividers\n      cellSelection={cellSelection}\n      getRowKey={resolvedGetRowKey}\n      onScrollerRef={setScrollerEl}\n      isLoading={isLoading}\n      loadingIndicator={loadingIndicator}\n      skeletonRowCount={skeletonRowCount}\n      error={error}\n      // Same localized fallbacks as `ItemTable`: a grid that has finished\n      // loading and shows an unexplained blank rectangle reads as broken.\n      emptyLabel={emptyLabel ?? t('itemTable.noItems', 'No items')}\n      noResultsLabel={\n        noResultsLabel ?? t('itemTable.noResults', 'No results found')\n      }\n      isFiltered={isFiltered}\n      shape={shape}\n      size={size}\n      rowSize={rowSize}\n      rowHeight={rowHeight}\n      headerHeight={headerHeight}\n      isStriped={isStriped}\n      isRowMoveAnimated={isRowMoveAnimated}\n      isHeaderHidden={isHeaderHidden}\n      isHeaderSticky={isHeaderSticky}\n      // The header shows the column name at body size — a result grid has no\n      // room for the uppercase caption a list header uses.\n      // `t4` throughout: a result grid is read as a block, and one step down\n      // from the list preset fits noticeably more on screen without losing\n      // legibility. The header takes the medium weight of the same step.\n      contentPreset=\"t4\"\n      headerPreset=\"t4m\"\n      sortMode={resolvedSortMode}\n      sorts={sorts}\n      onColumnSort={toggleSort}\n      onColumnSortChange={setColumnSort}\n      columnContextMenu={columnContextMenu}\n      onColumnMenuAction={onColumnMenuAction}\n      columnMenuTriggerProps={columnMenuTriggerProps}\n      columnMenuProps={columnMenuProps}\n      isVirtualized={isVirtualized}\n      virtualizeThreshold={virtualizeThreshold}\n      overscan={overscan}\n      isResizable={isResizable}\n      onColumnResize={handleColumnResize}\n      onColumnResizeEnd={handleColumnResizeEnd}\n      getRowProps={getRowProps}\n      ariaLabel={ariaLabel}\n      styles={rootStyles}\n      headerStyles={headerStyles}\n      headerCellStyles={headerCellStyles}\n      bodyStyles={bodyStyles}\n      rowStyles={rowStyles}\n      cellStyles={cellStyles}\n      mods={mods}\n      isColumnReorderable={isColumnDragEnabled}\n      columnDragState={columnDragState}\n      columnDropState={columnDropState}\n      headCollectionProps={headCollectionProps}\n      headRowRef={headRowRef}\n      onColumnFocus={handleColumnFocus}\n      footer={\n        hasFooter ? (\n          <ItemTableFooter\n            start={footerStart}\n            center={footerCenter}\n            end={footerEnd}\n            styles={footerStyles}\n            pagination={\n              showPagination\n                ? {\n                    page: pageInfo.page,\n                    pageSize,\n                    total,\n                    totalPages: pageInfo.totalPages,\n                    pageSizeOptions,\n                    summary,\n                    hasNextPage,\n                    onPageChange: setPage,\n                    onPageSizeChange: setPageSize,\n                  }\n                : undefined\n            }\n          />\n        ) : null\n      }\n    />\n  );\n\n  return isColumnDragEnabled ? (\n    <DraggableCollection\n      state={{\n        collection: columnCollection as any,\n        selectionManager: columnSelectionManager as any,\n        disabledKeys: new Set(),\n      }}\n      // The element that DIRECTLY contains the header cells. React Aria's\n      // `ListDropTargetDelegate` resolves a drop by measuring `[data-key]`\n      // descendants of this element, so pointing it anywhere else leaves every\n      // drop unresolvable — the column lifts but never lands.\n      listRef={headRowRef}\n      orderedKeys={draggableColumnKeys}\n      orientation=\"horizontal\"\n      onReorder={columnOrderState.reorder}\n    >\n      {(dragState, dropState, collectionProps) =>\n        renderTable(dragState, dropState, collectionProps)\n      }\n    </DraggableCollection>\n  ) : (\n    renderTable()\n  );\n}\n\nconst _DataTable = forwardRef(DataTable) as unknown as (<T = any>(\n  props: CubeDataTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & { displayName?: string };\n\n_DataTable.displayName = 'DataTable';\n\nexport { _DataTable as DataTable };\n"],"mappings":"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"}

package/dist/components/data/DataTable/types.d.ts

@@ -3,7 +3,7 @@ import { SizeName } from "../../../tokens/sizes.js";
 import { CubeTablePageInfo } from "../../navigation/Pagination/types.js";
 import "../../navigation/Pagination/index.js";
 import "../../../tokens/index.js";
-import { CubeTableCellRange, CubeTableColumn, CubeTableLoadingIndicator, CubeTableRowContext, CubeTableRowSection, CubeTableSort } from "../TableBase/types.js";
+import { CubeTableCellRange, CubeTableColumn, CubeTableLoadingIndicator, CubeTableRowContext, CubeTableRowSection, CubeTableRowSize, CubeTableSort } from "../TableBase/types.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import { ReactNode } from "react";
 import { Key as Key$1 } from "@react-types/shared";
@@ -46,6 +46,18 @@ interface CubeDataTableProps<T = any> extends BaseProps, ContainerStyleProps {
   shape?: 'plain' | 'card';
   /** @default 'small' — an analytical grid packs more rows than a list. */
   size?: SizeName;
+  /**
+   * Row height as a named step: `small` 28px, `medium` 32px, `large` 40px.
+   *
+   * Only the rows — the header keeps whatever `size` gives it, so a denser body
+   * does not drag the header down with it. `rowHeight` wins when both are set.
+   *
+   * Unset, the row height comes from `size` as before, which at this table's
+   * default (`size="small"`) is the same 32px `medium` gives. They diverge only
+   * if you also move `size`: `size="large"` alone is 48px rows.
+   */
+  rowSize?: CubeTableRowSize;
+  /** An exact height in px, when none of the named steps is the answer. */
   rowHeight?: number;
   headerHeight?: number;
   /** @default true — banding is what makes a wide row readable across. */
@@ -124,6 +136,49 @@ interface CubeDataTableProps<T = any> extends BaseProps, ContainerStyleProps {
   columnWidths?: Record<string, number>;
   defaultColumnWidths?: Record<string, number>;
   onColumnResize?: (columnKey: string, width: number, all: Record<string, number>) => void;
+  /**
+   * Drag column headers sideways to reorder them.
+   *
+   * Named for the axis: `ItemTable`'s `isReorderable` already means ROW
+   * reordering, and the two are different features.
+   *
+   * Structural and pinned columns stay put. `pin` is already the ordering
+   * authority for a pinned column, and a sticky `<th>` cannot be hit-tested
+   * reliably under horizontal scroll.
+   *
+   * @default false
+   */
+  isColumnReorderable?: boolean;
+  /**
+   * Controlled order, as column keys. Works with or without dragging, so a
+   * column manager elsewhere in the page can drive it on its own.
+   *
+   * Stale keys are ignored, and a column missing from the list lands after the
+   * neighbour it had in `columns` rather than at the end.
+   */
+  columnOrder?: string[];
+  defaultColumnOrder?: string[];
+  /** The FULL key list, including hidden and pinned columns. */
+  onColumnOrderChange?: (order: string[]) => void;
+  /**
+   * Where a column's `header.menu` is exposed.
+   *
+   * - `true` — a `⋮` trigger in the header, plus right-click and Shift+F10.
+   * - `'context-only'` — right-click and Shift+F10 only, no trigger.
+   * - `false` — suppressed entirely.
+   *
+   * @default true
+   */
+  columnContextMenu?: boolean | 'context-only';
+  /**
+   * The key of the pressed `Menu.Item`, as written — no `.$` prefix.
+   *
+   * Fires for the reserved sort keys too (`sort-asc`, `sort-desc`,
+   * `clear-sort`), after the table has already applied them.
+   */
+  onColumnMenuAction?: (action: string, columnKey: string) => void;
+  columnMenuTriggerProps?: Record<string, any>;
+  columnMenuProps?: Record<string, any>;
   isVirtualized?: boolean | 'auto';
   virtualizeThreshold?: number;
   overscan?: number;

package/dist/components/data/ItemTable/ItemTable.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.157.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -7,7 +7,7 @@ import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { clampPage, getPageInfo } from "../../navigation/Pagination/use-pagination.js";
 import { ItemTableFooter } from "./ItemTableFooter.js";
 import { ROW_MENU_COLUMN_KEY, ROW_MENU_COLUMN_WIDTH } from "../TableBase/row-menu.js";
-import { useTableColumns } from "../TableBase/use-table-columns.js";
+import { freezeColumnWidths, useTableColumns } from "../TableBase/use-table-columns.js";
 import { SELECTION_COLUMN_KEY, SELECTION_COLUMN_WIDTH, useTableSelection } from "../TableBase/use-table-selection.js";
 import { TableView } from "../TableBase/TableView.js";
 import { useContainerWidth } from "../TableBase/use-container-width.js";
@@ -32,7 +32,7 @@ function defaultGetRowKey(rowKey) {
 	};
 }
 function ItemTable(props, ref) {
-	const { data, columns, rowKey = "id", getRowKey, isLoading = false, loadingIndicator = "overlay", selectionMode, bulkActions, rowLink, onRowAction, rowMenu, rowContextMenu = false, onRowMenuAction, rowMenuTriggerProps, bulkBarPlacement = "floating", bulkBarStyles, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, selectAllMode = "page", isRowSelectable, selectionTooltip, disabledKeys, skeletonRowCount = 6, emptyLabel, noResultsLabel, error, isFiltered, toolbar, isSearchable = false, searchMode = "client", searchPlaceholder, searchValue: searchValueProp, defaultSearchValue, onSearchChange, searchDelay = 500, searchFilter, filters, actions, onRefresh, paginationMode = "client", pageSize: pageSizeProp, defaultPageSize = 50, autoHidePagination = true, onLoadMore, hasMore, isLoadingMore, loadMoreMargin, storageKey, persist, isReorderable = false, onReorder, dropOnRow, getItemDragInfo, isResizable = false, columnWidths: columnWidthsProp, defaultColumnWidths, onColumnResize, onPageSizeChange, pageSizeOptions = [
+	const { data, columns, rowKey = "id", getRowKey, isLoading = false, loadingIndicator = "overlay", selectionMode, bulkActions, rowLink, onRowAction, rowMenu, rowContextMenu = false, onRowMenuAction, rowMenuTriggerProps, bulkBarPlacement = "floating", bulkBarStyles, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, selectAllMode = "page", isRowSelectable, selectionTooltip, disabledKeys, skeletonRowCount = 6, emptyLabel, noResultsLabel, error, isFiltered, toolbar, isSearchable = false, searchMode = "client", searchPlaceholder, searchValue: searchValueProp, defaultSearchValue, onSearchChange, searchDelay = 500, searchFilter, filters, actions, onRefresh, paginationMode = "client", pageSize: pageSizeProp, defaultPageSize = 50, autoHidePagination = true, onLoadMore, hasMore, isLoadingMore, loadMoreMargin, storageKey, persist, isReorderable = false, onReorder, dropOnRow, getItemDragInfo, isResizable = false, columnWidths: columnWidthsProp, defaultColumnWidths, onColumnResize, columnContextMenu, onColumnMenuAction, columnMenuTriggerProps, columnMenuProps, onPageSizeChange, pageSizeOptions = [
 		10,
 		20,
 		50,
@@ -58,7 +58,7 @@ function ItemTable(props, ref) {
 		filter: searchFilter
 	});
 	const storage = useTableStorage(storageKey, persist);
-	const { sort, sortedRows, toggleSort, mode: resolvedSortMode } = useTableSort({
+	const { sort, sortedRows, toggleSort, setColumnSort, mode: resolvedSortMode } = useTableSort({
 		columns,
 		rows: searchedRows,
 		mode: sortMode,
@@ -138,9 +138,11 @@ function ItemTable(props, ref) {
 	const draftColumnWidthsRef = useRef(null);
 	const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;
 	const columnWidths = draftColumnWidths ?? baseColumnWidths;
+	/** `layout` is computed below; `useEvent` only reads this when a drag runs. */
+	const layoutRef = useRef(null);
 	const handleColumnResize = useEvent((key, width) => {
 		draftColumnWidthsRef.current = {
-			...draftColumnWidthsRef.current ?? baseColumnWidths,
+			...draftColumnWidthsRef.current ?? freezeColumnWidths(layoutRef.current, baseColumnWidths),
 			[key]: Math.round(width)
 		};
 		setDraftColumnWidths(draftColumnWidthsRef.current);
@@ -162,6 +164,7 @@ function ItemTable(props, ref) {
 		leadingColumns,
 		trailingColumns
 	});
+	layoutRef.current = layout;
 	const bulkBar = bulkActions != null && bulkActions.length > 0 && selection.selectedCount > 0 ? /* @__PURE__ */ jsx(ItemTableBulkBar, {
 		actions: bulkActions,
 		placement: bulkBarPlacement,
@@ -273,6 +276,11 @@ function ItemTable(props, ref) {
 		sortMode: resolvedSortMode,
 		sort,
 		onColumnSort: toggleSort,
+		onColumnSortChange: setColumnSort,
+		columnContextMenu,
+		onColumnMenuAction,
+		columnMenuTriggerProps,
+		columnMenuProps,
 		getRowProps,
 		ariaLabel,
 		styles: rootStyles,

package/dist/components/data/ItemTable/ItemTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemTable.js","names":[],"sources":["../../../../src/components/data/ItemTable/ItemTable.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { clampPage, getPageInfo } from '../../navigation/Pagination';\nimport { DraggableCollection } from '../../shared/DraggableCollection';\nimport {\n  ROW_MENU_COLUMN_KEY,\n  ROW_MENU_COLUMN_WIDTH,\n} from '../TableBase/row-menu';\nimport { TableView } from '../TableBase/TableView';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport { useTableColumns } from '../TableBase/use-table-columns';\nimport { useTableSearch } from '../TableBase/use-table-search';\nimport {\n  SELECTION_COLUMN_KEY,\n  SELECTION_COLUMN_WIDTH,\n  useTableSelection,\n} from '../TableBase/use-table-selection';\nimport { useTableSort } from '../TableBase/use-table-sort';\nimport { useTableStorage } from '../TableBase/use-table-storage';\n\nimport { ItemTableBulkBar } from './ItemTableBulkBar';\nimport { ItemTableDragPreview } from './ItemTableDragPreview';\nimport { ItemTableFooter } from './ItemTableFooter';\nimport {\n  ItemTableChromeProvider,\n  ItemTableSearch,\n  ItemTableToolbar,\n} from './ItemTableToolbar';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement, ReactNode } from 'react';\nimport type { CubeTableRowContext, CubeTableSort } from '../TableBase/types';\nimport type { CubeItemTableProps } from './types';\n\n/** Stable identity, so the uncontrolled default does not change every render. */\nconst EMPTY_WIDTHS: Record<string, number> = {};\n\nfunction defaultGetRowKey<T>(rowKey: string) {\n  return (row: T, index: number): Key => {\n    const value = (row as any)?.[rowKey];\n\n    return value == null ? index : (value as Key);\n  };\n}\n\nfunction ItemTable<T = any>(\n  props: CubeItemTableProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n): ReactElement {\n  const {\n    data,\n    columns,\n    rowKey = 'id',\n    getRowKey,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    selectionMode,\n    bulkActions,\n    rowLink,\n    onRowAction,\n    rowMenu,\n    rowContextMenu = false,\n    onRowMenuAction,\n    rowMenuTriggerProps,\n    bulkBarPlacement = 'floating',\n    bulkBarStyles,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode = 'page',\n    isRowSelectable,\n    selectionTooltip,\n    disabledKeys,\n    skeletonRowCount = 6,\n    emptyLabel,\n    noResultsLabel,\n    error,\n    isFiltered,\n    toolbar,\n    isSearchable = false,\n    searchMode = 'client',\n    searchPlaceholder,\n    searchValue: searchValueProp,\n    defaultSearchValue,\n    onSearchChange,\n    searchDelay = 500,\n    searchFilter,\n    filters,\n    actions,\n    onRefresh,\n    paginationMode = 'client',\n    pageSize: pageSizeProp,\n    defaultPageSize = 50,\n    autoHidePagination = true,\n    onLoadMore,\n    hasMore,\n    isLoadingMore,\n    loadMoreMargin,\n    storageKey,\n    persist,\n    isReorderable = false,\n    onReorder,\n    dropOnRow,\n    getItemDragInfo,\n    isResizable = false,\n    columnWidths: columnWidthsProp,\n    defaultColumnWidths,\n    onColumnResize,\n    onPageSizeChange,\n    pageSizeOptions = [10, 20, 50, 100, 500],\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary = true,\n    footer,\n    footerStart,\n    footerCenter,\n    footerEnd,\n    sortMode,\n    sort: sortProp,\n    defaultSort,\n    onSortChange,\n    shape = 'plain',\n    size = 'medium',\n    rowHeight,\n    headerHeight,\n    isStriped = false,\n    isHeaderHidden = false,\n    isHeaderSticky = true,\n    isVirtualized = 'auto',\n    virtualizeThreshold = 50,\n    overscan = 20,\n    getRowProps,\n    ariaLabel,\n    qa,\n    mods,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    headerPreset = 'c3',\n    toolbarStyles,\n    searchStyles,\n    footerStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    isRowMoveAnimated,\n  } = props;\n\n  const { t } = useI18n();\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const rootRef = useCombinedRefs(ref, localRef);\n\n  // Held in state, not a ref: the virtualized path's scroller is created by\n  // Virtuoso and arrives through a callback, and the column layout has to\n  // re-derive once it does.\n  const [scrollerEl, setScrollerEl] = useState<HTMLDivElement | null>(null);\n  const containerWidth = useContainerWidth(scrollerEl);\n\n  // Style props (`height`, `maxHeight`, `margin`, …) land on the root frame.\n  // `height` matters most: there is no page-scroll mode, so bounding the table\n  // is what turns the body into a scroller and pins the header.\n  const rootStyles = { ...extractStyles(props, CONTAINER_STYLES), ...styles };\n\n  const {\n    searchValue,\n    setSearchValue,\n    searchedRows,\n    isFiltered: isSearching,\n  } = useTableSearch<T>({\n    columns,\n    rows: data,\n    mode: searchMode,\n    value: searchValueProp,\n    defaultValue: defaultSearchValue,\n    onChange: onSearchChange,\n    delay: searchDelay,\n    filter: searchFilter,\n  });\n\n  const storage = useTableStorage(storageKey, persist);\n\n  const {\n    sort,\n    sortedRows,\n    toggleSort,\n    mode: resolvedSortMode,\n  } = useTableSort<T>({\n    columns,\n    rows: searchedRows,\n    mode: sortMode,\n    sort: sortProp,\n    // Only restore what the table owns: a controlled `sort` belongs to the page,\n    // and overriding it here would fight the page's own source of truth.\n    defaultSort:\n      sortProp === undefined && storage.has('sort')\n        ? storage.initial.sort ?? defaultSort\n        : defaultSort,\n    onSortChange: useEvent((next: CubeTableSort | null) => {\n      if (sortProp === undefined) storage.write({ sort: next });\n      onSortChange?.(next);\n    }),\n  });\n\n  // Search → sort → paginate. Paging last, so a page always reflects the rows\n  // the user is actually looking at.\n  //\n  // Deliberately not `usePagination`: that hook owns an in-memory array, and in\n  // server mode `data` is a single page. Deriving the bounds from it would clamp\n  // the page to 1 and swallow every page change.\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    pageSizeProp as number,\n    pageSizeProp === undefined && storage.has('pageSize')\n      ? storage.initial.pageSize ?? defaultPageSize\n      : defaultPageSize,\n    onPageSizeChange as (value: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (value: number) => void,\n  );\n\n  const isInfinite = paginationMode === 'infinite';\n  // Infinite scroll replaces the page control rather than adding to it.\n  const isPaginated = paginationMode !== 'off' && !isInfinite;\n  const isServerPaginated = paginationMode === 'server';\n  const total = isServerPaginated ? totalProp ?? 0 : sortedRows.length;\n\n  const pageInfo = getPageInfo({\n    page,\n    pageSize,\n    total,\n    totalPages: isServerPaginated ? totalPages : undefined,\n  });\n\n  const setPage = useEvent((next: number) =>\n    setPageState(clampPage(next, pageInfo.totalPages)),\n  );\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n\n    if (pageSizeProp === undefined) storage.write({ pageSize: next });\n\n    // The old page index points at different rows under a new page size, so\n    // staying on it would silently move the user.\n    setPageState(1);\n  });\n\n  const visibleRows =\n    paginationMode === 'client'\n      ? sortedRows.slice(\n          (pageInfo.page - 1) * pageSize,\n          pageInfo.page * pageSize,\n        )\n      : sortedRows;\n\n  const resolvedGetRowKey = useMemo(\n    () => getRowKey ?? defaultGetRowKey<T>(rowKey),\n    [getRowKey, rowKey],\n  );\n\n  // A bulk action with no way to select rows is a contradiction, so supplying\n  // any implies multiple selection unless the consumer says otherwise.\n  const resolvedSelectionMode =\n    selectionMode ?? (bulkActions?.length ? 'multiple' : 'none');\n\n  const selection = useTableSelection<T>({\n    rows: visibleRows,\n    // The wider set the header checkbox can reach under\n    // `selectAllMode=\"filtered\"`. In server mode the client only ever holds one\n    // page, so the two coincide.\n    filteredRows: paginationMode === 'client' ? sortedRows : visibleRows,\n    getRowKey: resolvedGetRowKey,\n    selectionMode: resolvedSelectionMode,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode,\n    isRowSelectable,\n    disabledKeys,\n  });\n\n  // A `ReactNode` menu applies to every row; a function decides per row. The\n  // renderer only ever sees the function form.\n  const resolveRowMenu = useMemo(\n    () =>\n      rowMenu == null\n        ? undefined\n        : typeof rowMenu === 'function'\n          ? (rowMenu as (\n              row: T,\n              ctx: CubeTableRowContext<T>,\n            ) => ReactNode | null)\n          : () => rowMenu as ReactNode,\n    [rowMenu],\n  );\n\n  const trailingColumns = useMemo(\n    () =>\n      resolveRowMenu && rowContextMenu === true\n        ? [\n            {\n              key: ROW_MENU_COLUMN_KEY,\n              width:\n                ROW_MENU_COLUMN_WIDTH[size] ?? ROW_MENU_COLUMN_WIDTH.medium,\n              align: 'center' as const,\n            },\n          ]\n        : undefined,\n    [resolveRowMenu, rowContextMenu, size],\n  );\n\n  const leadingColumns = useMemo(\n    () =>\n      selection.isEnabled\n        ? [\n            {\n              key: SELECTION_COLUMN_KEY,\n              width:\n                SELECTION_COLUMN_WIDTH[size] ?? SELECTION_COLUMN_WIDTH.medium,\n              align: 'center' as const,\n            },\n          ]\n        : undefined,\n    [selection.isEnabled, size],\n  );\n\n  /**\n   * Column widths, in three layers.\n   *\n   * The draft exists because a resize has to be visible *while* it happens, and\n   * a controlled `columnWidths` cannot be: the consumer only learns the new\n   * width from `onColumnResize`, which fires when the gesture ends. Without a\n   * draft a controlled table simply would not move under the pointer.\n   */\n  const [ownColumnWidths, setOwnColumnWidths] = useState<\n    Record<string, number>\n  >(\n    () =>\n      (columnWidthsProp === undefined && storage.has('columnWidths')\n        ? storage.initial.columnWidths ?? defaultColumnWidths\n        : defaultColumnWidths) ?? EMPTY_WIDTHS,\n  );\n  const [draftColumnWidths, setDraftColumnWidths] = useState<Record<\n    string,\n    number\n  > | null>(null);\n\n  /**\n   * The same draft, in a ref.\n   *\n   * A keyboard resize runs `useMove`'s whole start → move → end cycle inside\n   * one key press, so the end handler would read the state from before the\n   * move. The ref is what it actually settles on; the state exists only to\n   * trigger the render.\n   */\n  const draftColumnWidthsRef = useRef<Record<string, number> | null>(null);\n\n  const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;\n  const columnWidths = draftColumnWidths ?? baseColumnWidths;\n\n  const handleColumnResize = useEvent((key: string, width: number) => {\n    draftColumnWidthsRef.current = {\n      ...(draftColumnWidthsRef.current ?? baseColumnWidths),\n      [key]: Math.round(width),\n    };\n    setDraftColumnWidths(draftColumnWidthsRef.current);\n  });\n\n  // Once at the end: a callback per pixel would be unusable, and persisting\n  // every frame would hammer `localStorage`.\n  const handleColumnResizeEnd = useEvent((key: string) => {\n    const next = draftColumnWidthsRef.current ?? baseColumnWidths;\n\n    if (columnWidthsProp === undefined) {\n      setOwnColumnWidths(next);\n      storage.write({ columnWidths: next });\n    }\n\n    onColumnResize?.(key, next[key], next);\n\n    // The prop (or `ownColumnWidths`) is the source of truth again. A\n    // controlled consumer that ignores the callback reverts, which is what\n    // being controlled means.\n    draftColumnWidthsRef.current = null;\n    setDraftColumnWidths(null);\n  });\n\n  const layout = useTableColumns<T>({\n    columns,\n    containerWidth,\n    columnWidths,\n    leadingColumns,\n    trailingColumns,\n  });\n\n  const hasBulkSelection =\n    bulkActions != null &&\n    bulkActions.length > 0 &&\n    selection.selectedCount > 0;\n\n  const bulkBar = hasBulkSelection ? (\n    <ItemTableBulkBar<T>\n      actions={bulkActions!}\n      placement={bulkBarPlacement}\n      styles={bulkBarStyles}\n    />\n  ) : null;\n\n  const isBulkBarInToolbar = bulkBar != null && bulkBarPlacement === 'toolbar';\n\n  const hasToolbar =\n    toolbar !== undefined ||\n    isSearchable ||\n    filters != null ||\n    actions != null ||\n    onRefresh != null ||\n    isBulkBarInToolbar;\n\n  const toolbarNode = hasToolbar\n    ? toolbar ?? (\n        <ItemTableToolbar\n          isSearchable={isSearchable}\n          filters={filters}\n          // The bar takes the actions group rather than sitting beside it: the\n          // two compete for the same space, and while rows are selected the\n          // bulk actions are what the user is reaching for.\n          actions={isBulkBarInToolbar ? bulkBar : actions}\n          isLoading={isLoading}\n          styles={toolbarStyles}\n          searchStyles={searchStyles}\n          onRefresh={onRefresh}\n        />\n      )\n    : null;\n\n  /**\n   * Pagination that cannot do anything is noise: one page of five rows still\n   * renders \"1–5 of 5\", a page-size selector whose every option shows the same\n   * five rows, and a solitary \"1\" button.\n   *\n   * \"Cannot do anything\" is both conditions together — a single page *and* a\n   * total that even the smallest page size would not split. A 15-row single\n   * page stays, because choosing \"10 / page\" would genuinely paginate it.\n   */\n  const smallestPageSize = pageSizeOptions?.length\n    ? Math.min(...pageSizeOptions)\n    : pageSize;\n\n  const isPaginationUseless =\n    autoHidePagination &&\n    !hasNextPage &&\n    pageInfo.totalPages <= 1 &&\n    total <= smallestPageSize;\n\n  const showPagination = isPaginated && !isPaginationUseless;\n\n  const hasFooter =\n    footer !== undefined ||\n    showPagination ||\n    footerStart != null ||\n    footerCenter != null ||\n    footerEnd != null;\n\n  const footerNode = hasFooter\n    ? footer ?? (\n        <ItemTableFooter\n          start={footerStart}\n          center={footerCenter}\n          end={footerEnd}\n          styles={footerStyles}\n          pagination={\n            showPagination\n              ? {\n                  page: pageInfo.page,\n                  pageSize,\n                  total,\n                  totalPages: pageInfo.totalPages,\n                  pageSizeOptions,\n                  summary,\n                  hasNextPage,\n                  onPageChange: setPage,\n                  onPageSizeChange: setPageSize,\n                }\n              : undefined\n          }\n        />\n      )\n    : null;\n\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n\n  const rowKeys = useMemo(\n    () =>\n      visibleRows.map((row, index) => String(resolvedGetRowKey(row, index))),\n    [visibleRows, resolvedGetRowKey],\n  );\n\n  const handleReorder = useEvent((nextKeys: string[]) => {\n    const byKey = new Map(\n      visibleRows.map((row, index) => [\n        String(resolvedGetRowKey(row, index)),\n        row,\n      ]),\n    );\n\n    onReorder?.(\n      nextKeys,\n      nextKeys\n        .map((key) => byKey.get(key))\n        .filter((row): row is T => row !== undefined),\n    );\n  });\n\n  /**\n   * `DraggableCollection` owns the React Aria drag/drop hooks and hands the two\n   * states down. It is only mounted when reordering is on, so a plain table\n   * pays nothing for it.\n   *\n   * `RowCollection` and the `SelectionManager` from `useTableSelection` satisfy\n   * its structural `state` contract unchanged — both exist even when selection\n   * itself is off.\n   */\n  const renderTable = (\n    dragState?: any,\n    dropState?: any,\n    collectionProps?: Record<string, any>,\n  ) => (\n    <TableView<T>\n      rootRef={rootRef}\n      dragState={dragState}\n      dropState={dropState}\n      collectionProps={collectionProps}\n      bodyRef={bodyRef}\n      qa={qa || 'ItemTable'}\n      rows={visibleRows}\n      // `aria-rowindex` is document-absolute by contract: on page 3 a screen\n      // reader should hear \"row 51 of 240\", not \"row 1 of 25\". Infinite scroll\n      // never offsets — every loaded row is already in `visibleRows`.\n      // `isPaginated` already excludes infinite scroll, where every loaded row\n      // is in `visibleRows` and there is no page to offset by.\n      rowIndexOffset={isPaginated ? (pageInfo.page - 1) * pageSize : 0}\n      totalRowCount={total}\n      getRowKey={resolvedGetRowKey}\n      layout={layout}\n      onScrollerRef={setScrollerEl}\n      size={size}\n      shape={shape}\n      rowHeight={rowHeight}\n      headerHeight={headerHeight}\n      isHeaderHidden={isHeaderHidden}\n      isHeaderSticky={isHeaderSticky}\n      isVirtualized={isVirtualized}\n      virtualizeThreshold={virtualizeThreshold}\n      overscan={overscan}\n      isStriped={isStriped}\n      isRowMoveAnimated={isRowMoveAnimated}\n      isLoading={isLoading}\n      loadingIndicator={loadingIndicator}\n      selection={selection}\n      selectionTooltip={selectionTooltip}\n      rowLink={rowLink}\n      onRowAction={onRowAction}\n      onLoadMore={isInfinite ? onLoadMore : undefined}\n      hasMore={hasMore}\n      isLoadingMore={isLoadingMore}\n      loadMoreMargin={loadMoreMargin}\n      isReorderable={isDragEnabled}\n      isResizable={isResizable}\n      onColumnResize={handleColumnResize}\n      onColumnResizeEnd={handleColumnResizeEnd}\n      rowMenu={resolveRowMenu}\n      rowContextMenu={rowContextMenu}\n      onRowMenuAction={onRowMenuAction}\n      rowMenuTriggerProps={rowMenuTriggerProps}\n      skeletonRowCount={skeletonRowCount}\n      emptyLabel={emptyLabel ?? t('itemTable.noItems', 'No items')}\n      noResultsLabel={\n        noResultsLabel ?? t('itemTable.noResults', 'No results found')\n      }\n      error={error}\n      toolbar={toolbarNode}\n      footer={footerNode}\n      isFiltered={isFiltered ?? isSearching}\n      sortMode={resolvedSortMode}\n      sort={sort}\n      onColumnSort={toggleSort}\n      getRowProps={getRowProps}\n      ariaLabel={ariaLabel}\n      styles={rootStyles}\n      headerStyles={headerStyles}\n      headerCellStyles={headerCellStyles}\n      headerPreset={headerPreset}\n      bodyStyles={bodyStyles}\n      rowStyles={rowStyles}\n      cellStyles={cellStyles}\n      mods={mods}\n      overlay={bulkBarPlacement === 'floating' ? bulkBar : null}\n    />\n  );\n\n  const rowByKeyForDrop = useMemo(() => {\n    const map = new Map<string, T>();\n\n    visibleRows.forEach((row, index) =>\n      map.set(String(resolvedGetRowKey(row, index)), row),\n    );\n\n    return map;\n  }, [visibleRows, resolvedGetRowKey]);\n\n  const handleItemDrop = useEvent((targetKey: Key, draggedKeys: Key[]) => {\n    if (!dropOnRow) return;\n\n    const target = rowByKeyForDrop.get(String(targetKey));\n\n    if (!target) return;\n\n    const dragged = draggedKeys\n      .map((key) => rowByKeyForDrop.get(String(key)))\n      // A row cannot be dropped on itself.\n      .filter((row): row is T => row !== undefined && row !== target);\n\n    if (!dragged.length) return;\n    if (dropOnRow.isAllowed && !dropOnRow.isAllowed(dragged, target)) return;\n\n    void dropOnRow.onDrop(dragged, target);\n  });\n\n  const renderDragPreview = useEvent((keys: Key[]) => (\n    <ItemTableDragPreview<T>\n      rows={keys\n        .map((key) => rowByKeyForDrop.get(String(key)))\n        .filter((row): row is T => row !== undefined)}\n      getItemDragInfo={getItemDragInfo!}\n    />\n  ));\n\n  const shouldAcceptItemDrop = useEvent((targetKey: Key) => {\n    const target = rowByKeyForDrop.get(String(targetKey));\n\n    return target != null && (dropOnRow?.isTarget(target) ?? false);\n  });\n\n  // Dropping onto a row and reordering both need the drag machinery.\n  const isDragEnabled = isReorderable || dropOnRow != null;\n\n  const table = isDragEnabled ? (\n    <DraggableCollection\n      state={{\n        collection: selection.collection,\n        selectionManager: selection.selectionManager as any,\n        disabledKeys: new Set(disabledKeys ?? []),\n      }}\n      // The element that directly contains the rows. React Aria's\n      // `ListDropTargetDelegate` measures the drop position from this element's\n      // children, so pointing it at the table root would leave every drop\n      // unresolvable — the row lifts but never lands.\n      listRef={bodyRef}\n      orderedKeys={rowKeys}\n      orientation=\"vertical\"\n      onReorder={isReorderable ? handleReorder : undefined}\n      onItemDrop={dropOnRow ? handleItemDrop : undefined}\n      shouldAcceptItemDrop={dropOnRow ? shouldAcceptItemDrop : undefined}\n      renderPreview={getItemDragInfo ? renderDragPreview : undefined}\n    >\n      {(dragState, dropState, collectionProps) =>\n        renderTable(dragState, dropState, collectionProps)\n      }\n    </DraggableCollection>\n  ) : (\n    renderTable()\n  );\n\n  // The provider always wraps, so `ItemTable.Search` works from a custom\n  // `toolbar` as well as from the built-in one.\n  return (\n    <ItemTableChromeProvider\n      value={{\n        searchValue,\n        setSearchValue,\n        searchPlaceholder,\n        isLoading,\n        onRefresh,\n        selectedKeys: selection.selectedKeys,\n        selectedRows: selection.selectedRows,\n        selectedCount: selection.selectedCount,\n        clearSelection: selection.clearSelection,\n      }}\n    >\n      {table}\n    </ItemTableChromeProvider>\n  );\n}\n\nconst _ItemTable = Object.assign(\n  forwardRef(ItemTable) as unknown as (<T = any>(\n    props: CubeItemTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n  ) => ReactElement) & { displayName?: string },\n  {\n    /** The table's search input, bound to the table's own state. */\n    Search: ItemTableSearch,\n    /** The default toolbar row, for rebuilding it around extra content. */\n    Toolbar: ItemTableToolbar,\n    /** The selection action bar, for placing it outside the default chrome. */\n    BulkBar: ItemTableBulkBar,\n  },\n);\n\n_ItemTable.displayName = 'ItemTable';\n\nexport { _ItemTable as ItemTable };\n"],"mappings":"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"}
+{"version":3,"file":"ItemTable.js","names":[],"sources":["../../../../src/components/data/ItemTable/ItemTable.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { CONTAINER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { clampPage, getPageInfo } from '../../navigation/Pagination';\nimport { DraggableCollection } from '../../shared/DraggableCollection';\nimport {\n  ROW_MENU_COLUMN_KEY,\n  ROW_MENU_COLUMN_WIDTH,\n} from '../TableBase/row-menu';\nimport { TableView } from '../TableBase/TableView';\nimport { useContainerWidth } from '../TableBase/use-container-width';\nimport {\n  freezeColumnWidths,\n  useTableColumns,\n} from '../TableBase/use-table-columns';\nimport { useTableSearch } from '../TableBase/use-table-search';\nimport {\n  SELECTION_COLUMN_KEY,\n  SELECTION_COLUMN_WIDTH,\n  useTableSelection,\n} from '../TableBase/use-table-selection';\nimport { useTableSort } from '../TableBase/use-table-sort';\nimport { useTableStorage } from '../TableBase/use-table-storage';\n\nimport { ItemTableBulkBar } from './ItemTableBulkBar';\nimport { ItemTableDragPreview } from './ItemTableDragPreview';\nimport { ItemTableFooter } from './ItemTableFooter';\nimport {\n  ItemTableChromeProvider,\n  ItemTableSearch,\n  ItemTableToolbar,\n} from './ItemTableToolbar';\n\nimport type { Key } from '@react-types/shared';\nimport type { ForwardedRef, ReactElement, ReactNode } from 'react';\nimport type {\n  CubeTableColumnLayout,\n  CubeTableRowContext,\n  CubeTableSort,\n} from '../TableBase/types';\nimport type { CubeItemTableProps } from './types';\n\n/** Stable identity, so the uncontrolled default does not change every render. */\nconst EMPTY_WIDTHS: Record<string, number> = {};\n\nfunction defaultGetRowKey<T>(rowKey: string) {\n  return (row: T, index: number): Key => {\n    const value = (row as any)?.[rowKey];\n\n    return value == null ? index : (value as Key);\n  };\n}\n\nfunction ItemTable<T = any>(\n  props: CubeItemTableProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n): ReactElement {\n  const {\n    data,\n    columns,\n    rowKey = 'id',\n    getRowKey,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    selectionMode,\n    bulkActions,\n    rowLink,\n    onRowAction,\n    rowMenu,\n    rowContextMenu = false,\n    onRowMenuAction,\n    rowMenuTriggerProps,\n    bulkBarPlacement = 'floating',\n    bulkBarStyles,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode = 'page',\n    isRowSelectable,\n    selectionTooltip,\n    disabledKeys,\n    skeletonRowCount = 6,\n    emptyLabel,\n    noResultsLabel,\n    error,\n    isFiltered,\n    toolbar,\n    isSearchable = false,\n    searchMode = 'client',\n    searchPlaceholder,\n    searchValue: searchValueProp,\n    defaultSearchValue,\n    onSearchChange,\n    searchDelay = 500,\n    searchFilter,\n    filters,\n    actions,\n    onRefresh,\n    paginationMode = 'client',\n    pageSize: pageSizeProp,\n    defaultPageSize = 50,\n    autoHidePagination = true,\n    onLoadMore,\n    hasMore,\n    isLoadingMore,\n    loadMoreMargin,\n    storageKey,\n    persist,\n    isReorderable = false,\n    onReorder,\n    dropOnRow,\n    getItemDragInfo,\n    isResizable = false,\n    columnWidths: columnWidthsProp,\n    defaultColumnWidths,\n    onColumnResize,\n    columnContextMenu,\n    onColumnMenuAction,\n    columnMenuTriggerProps,\n    columnMenuProps,\n    onPageSizeChange,\n    pageSizeOptions = [10, 20, 50, 100, 500],\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    total: totalProp,\n    totalPages,\n    hasNextPage,\n    summary = true,\n    footer,\n    footerStart,\n    footerCenter,\n    footerEnd,\n    sortMode,\n    sort: sortProp,\n    defaultSort,\n    onSortChange,\n    shape = 'plain',\n    size = 'medium',\n    rowHeight,\n    headerHeight,\n    isStriped = false,\n    isHeaderHidden = false,\n    isHeaderSticky = true,\n    isVirtualized = 'auto',\n    virtualizeThreshold = 50,\n    overscan = 20,\n    getRowProps,\n    ariaLabel,\n    qa,\n    mods,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    headerPreset = 'c3',\n    toolbarStyles,\n    searchStyles,\n    footerStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    isRowMoveAnimated,\n  } = props;\n\n  const { t } = useI18n();\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const rootRef = useCombinedRefs(ref, localRef);\n\n  // Held in state, not a ref: the virtualized path's scroller is created by\n  // Virtuoso and arrives through a callback, and the column layout has to\n  // re-derive once it does.\n  const [scrollerEl, setScrollerEl] = useState<HTMLDivElement | null>(null);\n  const containerWidth = useContainerWidth(scrollerEl);\n\n  // Style props (`height`, `maxHeight`, `margin`, …) land on the root frame.\n  // `height` matters most: there is no page-scroll mode, so bounding the table\n  // is what turns the body into a scroller and pins the header.\n  const rootStyles = { ...extractStyles(props, CONTAINER_STYLES), ...styles };\n\n  const {\n    searchValue,\n    setSearchValue,\n    searchedRows,\n    isFiltered: isSearching,\n  } = useTableSearch<T>({\n    columns,\n    rows: data,\n    mode: searchMode,\n    value: searchValueProp,\n    defaultValue: defaultSearchValue,\n    onChange: onSearchChange,\n    delay: searchDelay,\n    filter: searchFilter,\n  });\n\n  const storage = useTableStorage(storageKey, persist);\n\n  const {\n    sort,\n    sortedRows,\n    toggleSort,\n    setColumnSort,\n    mode: resolvedSortMode,\n  } = useTableSort<T>({\n    columns,\n    rows: searchedRows,\n    mode: sortMode,\n    sort: sortProp,\n    // Only restore what the table owns: a controlled `sort` belongs to the page,\n    // and overriding it here would fight the page's own source of truth.\n    defaultSort:\n      sortProp === undefined && storage.has('sort')\n        ? storage.initial.sort ?? defaultSort\n        : defaultSort,\n    onSortChange: useEvent((next: CubeTableSort | null) => {\n      if (sortProp === undefined) storage.write({ sort: next });\n      onSortChange?.(next);\n    }),\n  });\n\n  // Search → sort → paginate. Paging last, so a page always reflects the rows\n  // the user is actually looking at.\n  //\n  // Deliberately not `usePagination`: that hook owns an in-memory array, and in\n  // server mode `data` is a single page. Deriving the bounds from it would clamp\n  // the page to 1 and swallow every page change.\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    pageSizeProp as number,\n    pageSizeProp === undefined && storage.has('pageSize')\n      ? storage.initial.pageSize ?? defaultPageSize\n      : defaultPageSize,\n    onPageSizeChange as (value: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (value: number) => void,\n  );\n\n  const isInfinite = paginationMode === 'infinite';\n  // Infinite scroll replaces the page control rather than adding to it.\n  const isPaginated = paginationMode !== 'off' && !isInfinite;\n  const isServerPaginated = paginationMode === 'server';\n  const total = isServerPaginated ? totalProp ?? 0 : sortedRows.length;\n\n  const pageInfo = getPageInfo({\n    page,\n    pageSize,\n    total,\n    totalPages: isServerPaginated ? totalPages : undefined,\n  });\n\n  const setPage = useEvent((next: number) =>\n    setPageState(clampPage(next, pageInfo.totalPages)),\n  );\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n\n    if (pageSizeProp === undefined) storage.write({ pageSize: next });\n\n    // The old page index points at different rows under a new page size, so\n    // staying on it would silently move the user.\n    setPageState(1);\n  });\n\n  const visibleRows =\n    paginationMode === 'client'\n      ? sortedRows.slice(\n          (pageInfo.page - 1) * pageSize,\n          pageInfo.page * pageSize,\n        )\n      : sortedRows;\n\n  const resolvedGetRowKey = useMemo(\n    () => getRowKey ?? defaultGetRowKey<T>(rowKey),\n    [getRowKey, rowKey],\n  );\n\n  // A bulk action with no way to select rows is a contradiction, so supplying\n  // any implies multiple selection unless the consumer says otherwise.\n  const resolvedSelectionMode =\n    selectionMode ?? (bulkActions?.length ? 'multiple' : 'none');\n\n  const selection = useTableSelection<T>({\n    rows: visibleRows,\n    // The wider set the header checkbox can reach under\n    // `selectAllMode=\"filtered\"`. In server mode the client only ever holds one\n    // page, so the two coincide.\n    filteredRows: paginationMode === 'client' ? sortedRows : visibleRows,\n    getRowKey: resolvedGetRowKey,\n    selectionMode: resolvedSelectionMode,\n    selectedKeys: selectedKeysProp,\n    defaultSelectedKeys,\n    onSelectionChange,\n    selectAllMode,\n    isRowSelectable,\n    disabledKeys,\n  });\n\n  // A `ReactNode` menu applies to every row; a function decides per row. The\n  // renderer only ever sees the function form.\n  const resolveRowMenu = useMemo(\n    () =>\n      rowMenu == null\n        ? undefined\n        : typeof rowMenu === 'function'\n          ? (rowMenu as (\n              row: T,\n              ctx: CubeTableRowContext<T>,\n            ) => ReactNode | null)\n          : () => rowMenu as ReactNode,\n    [rowMenu],\n  );\n\n  const trailingColumns = useMemo(\n    () =>\n      resolveRowMenu && rowContextMenu === true\n        ? [\n            {\n              key: ROW_MENU_COLUMN_KEY,\n              width:\n                ROW_MENU_COLUMN_WIDTH[size] ?? ROW_MENU_COLUMN_WIDTH.medium,\n              align: 'center' as const,\n            },\n          ]\n        : undefined,\n    [resolveRowMenu, rowContextMenu, size],\n  );\n\n  const leadingColumns = useMemo(\n    () =>\n      selection.isEnabled\n        ? [\n            {\n              key: SELECTION_COLUMN_KEY,\n              width:\n                SELECTION_COLUMN_WIDTH[size] ?? SELECTION_COLUMN_WIDTH.medium,\n              align: 'center' as const,\n            },\n          ]\n        : undefined,\n    [selection.isEnabled, size],\n  );\n\n  /**\n   * Column widths, in three layers.\n   *\n   * The draft exists because a resize has to be visible *while* it happens, and\n   * a controlled `columnWidths` cannot be: the consumer only learns the new\n   * width from `onColumnResize`, which fires when the gesture ends. Without a\n   * draft a controlled table simply would not move under the pointer.\n   */\n  const [ownColumnWidths, setOwnColumnWidths] = useState<\n    Record<string, number>\n  >(\n    () =>\n      (columnWidthsProp === undefined && storage.has('columnWidths')\n        ? storage.initial.columnWidths ?? defaultColumnWidths\n        : defaultColumnWidths) ?? EMPTY_WIDTHS,\n  );\n  const [draftColumnWidths, setDraftColumnWidths] = useState<Record<\n    string,\n    number\n  > | null>(null);\n\n  /**\n   * The same draft, in a ref.\n   *\n   * A keyboard resize runs `useMove`'s whole start → move → end cycle inside\n   * one key press, so the end handler would read the state from before the\n   * move. The ref is what it actually settles on; the state exists only to\n   * trigger the render.\n   */\n  const draftColumnWidthsRef = useRef<Record<string, number> | null>(null);\n\n  const baseColumnWidths = columnWidthsProp ?? ownColumnWidths;\n  const columnWidths = draftColumnWidths ?? baseColumnWidths;\n\n  /** `layout` is computed below; `useEvent` only reads this when a drag runs. */\n  const layoutRef = useRef<CubeTableColumnLayout<T> | null>(null);\n\n  const handleColumnResize = useEvent((key: string, width: number) => {\n    // First move of a drag freezes every column, so this changes exactly one\n    // width instead of re-splitting the flex pool. See `freezeColumnWidths`.\n    const base =\n      draftColumnWidthsRef.current ??\n      freezeColumnWidths(layoutRef.current, baseColumnWidths);\n\n    draftColumnWidthsRef.current = { ...base, [key]: Math.round(width) };\n    setDraftColumnWidths(draftColumnWidthsRef.current);\n  });\n\n  // Once at the end: a callback per pixel would be unusable, and persisting\n  // every frame would hammer `localStorage`.\n  const handleColumnResizeEnd = useEvent((key: string) => {\n    const next = draftColumnWidthsRef.current ?? baseColumnWidths;\n\n    if (columnWidthsProp === undefined) {\n      setOwnColumnWidths(next);\n      storage.write({ columnWidths: next });\n    }\n\n    onColumnResize?.(key, next[key], next);\n\n    // The prop (or `ownColumnWidths`) is the source of truth again. A\n    // controlled consumer that ignores the callback reverts, which is what\n    // being controlled means.\n    draftColumnWidthsRef.current = null;\n    setDraftColumnWidths(null);\n  });\n\n  const layout = useTableColumns<T>({\n    columns,\n    containerWidth,\n    columnWidths,\n    leadingColumns,\n    trailingColumns,\n  });\n\n  layoutRef.current = layout;\n\n  const hasBulkSelection =\n    bulkActions != null &&\n    bulkActions.length > 0 &&\n    selection.selectedCount > 0;\n\n  const bulkBar = hasBulkSelection ? (\n    <ItemTableBulkBar<T>\n      actions={bulkActions!}\n      placement={bulkBarPlacement}\n      styles={bulkBarStyles}\n    />\n  ) : null;\n\n  const isBulkBarInToolbar = bulkBar != null && bulkBarPlacement === 'toolbar';\n\n  const hasToolbar =\n    toolbar !== undefined ||\n    isSearchable ||\n    filters != null ||\n    actions != null ||\n    onRefresh != null ||\n    isBulkBarInToolbar;\n\n  const toolbarNode = hasToolbar\n    ? toolbar ?? (\n        <ItemTableToolbar\n          isSearchable={isSearchable}\n          filters={filters}\n          // The bar takes the actions group rather than sitting beside it: the\n          // two compete for the same space, and while rows are selected the\n          // bulk actions are what the user is reaching for.\n          actions={isBulkBarInToolbar ? bulkBar : actions}\n          isLoading={isLoading}\n          styles={toolbarStyles}\n          searchStyles={searchStyles}\n          onRefresh={onRefresh}\n        />\n      )\n    : null;\n\n  /**\n   * Pagination that cannot do anything is noise: one page of five rows still\n   * renders \"1–5 of 5\", a page-size selector whose every option shows the same\n   * five rows, and a solitary \"1\" button.\n   *\n   * \"Cannot do anything\" is both conditions together — a single page *and* a\n   * total that even the smallest page size would not split. A 15-row single\n   * page stays, because choosing \"10 / page\" would genuinely paginate it.\n   */\n  const smallestPageSize = pageSizeOptions?.length\n    ? Math.min(...pageSizeOptions)\n    : pageSize;\n\n  const isPaginationUseless =\n    autoHidePagination &&\n    !hasNextPage &&\n    pageInfo.totalPages <= 1 &&\n    total <= smallestPageSize;\n\n  const showPagination = isPaginated && !isPaginationUseless;\n\n  const hasFooter =\n    footer !== undefined ||\n    showPagination ||\n    footerStart != null ||\n    footerCenter != null ||\n    footerEnd != null;\n\n  const footerNode = hasFooter\n    ? footer ?? (\n        <ItemTableFooter\n          start={footerStart}\n          center={footerCenter}\n          end={footerEnd}\n          styles={footerStyles}\n          pagination={\n            showPagination\n              ? {\n                  page: pageInfo.page,\n                  pageSize,\n                  total,\n                  totalPages: pageInfo.totalPages,\n                  pageSizeOptions,\n                  summary,\n                  hasNextPage,\n                  onPageChange: setPage,\n                  onPageSizeChange: setPageSize,\n                }\n              : undefined\n          }\n        />\n      )\n    : null;\n\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n\n  const rowKeys = useMemo(\n    () =>\n      visibleRows.map((row, index) => String(resolvedGetRowKey(row, index))),\n    [visibleRows, resolvedGetRowKey],\n  );\n\n  const handleReorder = useEvent((nextKeys: string[]) => {\n    const byKey = new Map(\n      visibleRows.map((row, index) => [\n        String(resolvedGetRowKey(row, index)),\n        row,\n      ]),\n    );\n\n    onReorder?.(\n      nextKeys,\n      nextKeys\n        .map((key) => byKey.get(key))\n        .filter((row): row is T => row !== undefined),\n    );\n  });\n\n  /**\n   * `DraggableCollection` owns the React Aria drag/drop hooks and hands the two\n   * states down. It is only mounted when reordering is on, so a plain table\n   * pays nothing for it.\n   *\n   * `RowCollection` and the `SelectionManager` from `useTableSelection` satisfy\n   * its structural `state` contract unchanged — both exist even when selection\n   * itself is off.\n   */\n  const renderTable = (\n    dragState?: any,\n    dropState?: any,\n    collectionProps?: Record<string, any>,\n  ) => (\n    <TableView<T>\n      rootRef={rootRef}\n      dragState={dragState}\n      dropState={dropState}\n      collectionProps={collectionProps}\n      bodyRef={bodyRef}\n      qa={qa || 'ItemTable'}\n      rows={visibleRows}\n      // `aria-rowindex` is document-absolute by contract: on page 3 a screen\n      // reader should hear \"row 51 of 240\", not \"row 1 of 25\". Infinite scroll\n      // never offsets — every loaded row is already in `visibleRows`.\n      // `isPaginated` already excludes infinite scroll, where every loaded row\n      // is in `visibleRows` and there is no page to offset by.\n      rowIndexOffset={isPaginated ? (pageInfo.page - 1) * pageSize : 0}\n      totalRowCount={total}\n      getRowKey={resolvedGetRowKey}\n      layout={layout}\n      onScrollerRef={setScrollerEl}\n      size={size}\n      shape={shape}\n      rowHeight={rowHeight}\n      headerHeight={headerHeight}\n      isHeaderHidden={isHeaderHidden}\n      isHeaderSticky={isHeaderSticky}\n      isVirtualized={isVirtualized}\n      virtualizeThreshold={virtualizeThreshold}\n      overscan={overscan}\n      isStriped={isStriped}\n      isRowMoveAnimated={isRowMoveAnimated}\n      isLoading={isLoading}\n      loadingIndicator={loadingIndicator}\n      selection={selection}\n      selectionTooltip={selectionTooltip}\n      rowLink={rowLink}\n      onRowAction={onRowAction}\n      onLoadMore={isInfinite ? onLoadMore : undefined}\n      hasMore={hasMore}\n      isLoadingMore={isLoadingMore}\n      loadMoreMargin={loadMoreMargin}\n      isReorderable={isDragEnabled}\n      isResizable={isResizable}\n      onColumnResize={handleColumnResize}\n      onColumnResizeEnd={handleColumnResizeEnd}\n      rowMenu={resolveRowMenu}\n      rowContextMenu={rowContextMenu}\n      onRowMenuAction={onRowMenuAction}\n      rowMenuTriggerProps={rowMenuTriggerProps}\n      skeletonRowCount={skeletonRowCount}\n      emptyLabel={emptyLabel ?? t('itemTable.noItems', 'No items')}\n      noResultsLabel={\n        noResultsLabel ?? t('itemTable.noResults', 'No results found')\n      }\n      error={error}\n      toolbar={toolbarNode}\n      footer={footerNode}\n      isFiltered={isFiltered ?? isSearching}\n      sortMode={resolvedSortMode}\n      sort={sort}\n      onColumnSort={toggleSort}\n      onColumnSortChange={setColumnSort}\n      columnContextMenu={columnContextMenu}\n      onColumnMenuAction={onColumnMenuAction}\n      columnMenuTriggerProps={columnMenuTriggerProps}\n      columnMenuProps={columnMenuProps}\n      getRowProps={getRowProps}\n      ariaLabel={ariaLabel}\n      styles={rootStyles}\n      headerStyles={headerStyles}\n      headerCellStyles={headerCellStyles}\n      headerPreset={headerPreset}\n      bodyStyles={bodyStyles}\n      rowStyles={rowStyles}\n      cellStyles={cellStyles}\n      mods={mods}\n      overlay={bulkBarPlacement === 'floating' ? bulkBar : null}\n    />\n  );\n\n  const rowByKeyForDrop = useMemo(() => {\n    const map = new Map<string, T>();\n\n    visibleRows.forEach((row, index) =>\n      map.set(String(resolvedGetRowKey(row, index)), row),\n    );\n\n    return map;\n  }, [visibleRows, resolvedGetRowKey]);\n\n  const handleItemDrop = useEvent((targetKey: Key, draggedKeys: Key[]) => {\n    if (!dropOnRow) return;\n\n    const target = rowByKeyForDrop.get(String(targetKey));\n\n    if (!target) return;\n\n    const dragged = draggedKeys\n      .map((key) => rowByKeyForDrop.get(String(key)))\n      // A row cannot be dropped on itself.\n      .filter((row): row is T => row !== undefined && row !== target);\n\n    if (!dragged.length) return;\n    if (dropOnRow.isAllowed && !dropOnRow.isAllowed(dragged, target)) return;\n\n    void dropOnRow.onDrop(dragged, target);\n  });\n\n  const renderDragPreview = useEvent((keys: Key[]) => (\n    <ItemTableDragPreview<T>\n      rows={keys\n        .map((key) => rowByKeyForDrop.get(String(key)))\n        .filter((row): row is T => row !== undefined)}\n      getItemDragInfo={getItemDragInfo!}\n    />\n  ));\n\n  const shouldAcceptItemDrop = useEvent((targetKey: Key) => {\n    const target = rowByKeyForDrop.get(String(targetKey));\n\n    return target != null && (dropOnRow?.isTarget(target) ?? false);\n  });\n\n  // Dropping onto a row and reordering both need the drag machinery.\n  const isDragEnabled = isReorderable || dropOnRow != null;\n\n  const table = isDragEnabled ? (\n    <DraggableCollection\n      state={{\n        collection: selection.collection,\n        selectionManager: selection.selectionManager as any,\n        disabledKeys: new Set(disabledKeys ?? []),\n      }}\n      // The element that directly contains the rows. React Aria's\n      // `ListDropTargetDelegate` measures the drop position from this element's\n      // children, so pointing it at the table root would leave every drop\n      // unresolvable — the row lifts but never lands.\n      listRef={bodyRef}\n      orderedKeys={rowKeys}\n      orientation=\"vertical\"\n      onReorder={isReorderable ? handleReorder : undefined}\n      onItemDrop={dropOnRow ? handleItemDrop : undefined}\n      shouldAcceptItemDrop={dropOnRow ? shouldAcceptItemDrop : undefined}\n      renderPreview={getItemDragInfo ? renderDragPreview : undefined}\n    >\n      {(dragState, dropState, collectionProps) =>\n        renderTable(dragState, dropState, collectionProps)\n      }\n    </DraggableCollection>\n  ) : (\n    renderTable()\n  );\n\n  // The provider always wraps, so `ItemTable.Search` works from a custom\n  // `toolbar` as well as from the built-in one.\n  return (\n    <ItemTableChromeProvider\n      value={{\n        searchValue,\n        setSearchValue,\n        searchPlaceholder,\n        isLoading,\n        onRefresh,\n        selectedKeys: selection.selectedKeys,\n        selectedRows: selection.selectedRows,\n        selectedCount: selection.selectedCount,\n        clearSelection: selection.clearSelection,\n      }}\n    >\n      {table}\n    </ItemTableChromeProvider>\n  );\n}\n\nconst _ItemTable = Object.assign(\n  forwardRef(ItemTable) as unknown as (<T = any>(\n    props: CubeItemTableProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n  ) => ReactElement) & { displayName?: string },\n  {\n    /** The table's search input, bound to the table's own state. */\n    Search: ItemTableSearch,\n    /** The default toolbar row, for rebuilding it around extra content. */\n    Toolbar: ItemTableToolbar,\n    /** The selection action bar, for placing it outside the default chrome. */\n    BulkBar: ItemTableBulkBar,\n  },\n);\n\n_ItemTable.displayName = 'ItemTable';\n\nexport { _ItemTable as ItemTable };\n"],"mappings":"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"}

package/dist/components/data/ItemTable/ItemTableBulkBar.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.157.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
-import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { Button } from "../../actions/index.js";
@@ -100,20 +99,17 @@ function ItemTableBulkBar(props) {
 			}),
 			actions.map((action) => {
 				const isDisabled = action.isDisabled?.(selectedRows) ?? false;
-				const button = /* @__PURE__ */ jsx(Button, {
+				return /* @__PURE__ */ jsx(Button, {
 					size: "small",
 					type: action.type ?? "outline",
 					theme: action.theme,
 					icon: action.icon,
 					isDisabled,
 					isLoading: loadingKeys[action.key],
+					tooltip: isDisabled && action.disabledTooltip ? action.disabledTooltip : void 0,
 					onPress: () => run(action),
 					children: action.label
 				}, action.key);
-				return isDisabled && action.disabledTooltip ? /* @__PURE__ */ jsx(TooltipProvider, {
-					title: action.disabledTooltip,
-					children: button
-				}, action.key) : button;
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				size: "small",

package/dist/components/data/ItemTable/ItemTableBulkBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemTableBulkBar.js","names":["Text"],"sources":["../../../../src/components/data/ItemTable/ItemTableBulkBar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons';\nimport { Button } from '../../actions';\nimport { Text } from '../../content/Text';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\n\nimport { useItemTableChrome } from './ItemTableToolbar';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeTableBulkAction } from './types';\n\nconst BarElement = tasty({\n  qa: 'ItemTableBulkBar',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    boxSizing: 'border-box',\n\n    /**\n     * `floating` lifts the bar out of the grid and centres it over the body, so\n     * it never changes the table's height — a bar that pushed the rows down\n     * would move the very row the user is about to click.\n     */\n    position: { '': 'static', floating: 'absolute' },\n    inset: { '': 'auto', floating: 'auto auto 2x 50%' },\n    translate: { '': false, floating: '-50% 0' },\n    zIndex: { '': 'auto', floating: 10 },\n    // A raised surface rather than an inverted \"toast\": `#dark` flips to a light\n    // colour under the dark theme, which would put white text on a light bar.\n    fill: { '': '#clear', floating: '#surface' },\n    color: '#surface-text',\n    border: { '': false, floating: true },\n    radius: { '': 0, floating: '1cr' },\n    shadow: { '': false, floating: '0 1x 3x #shadow' },\n    padding: { '': 0, floating: '1x 1.5x' },\n    width: { '': 'auto', floating: 'max (100% - 4x)' },\n  },\n});\n\nexport interface ItemTableBulkBarProps<T = any> {\n  actions: CubeTableBulkAction<T>[];\n  /** @default 'floating' */\n  placement?: 'floating' | 'toolbar';\n  styles?: Styles;\n}\n\n/**\n * The action bar shown while rows are selected.\n *\n * Reads the selection from context rather than props, so a consumer rebuilding\n * the toolbar can drop `<ItemTable.BulkBar>` wherever it likes and still have\n * one owner of the selection.\n */\nexport function ItemTableBulkBar<T = any>(props: ItemTableBulkBarProps<T>) {\n  const { actions, placement = 'floating', styles } = props;\n  const { t } = useI18n();\n  const chrome = useItemTableChrome('ItemTable.BulkBar');\n  const { selectedRows, selectedCount, clearSelection } = chrome;\n\n  // Per-action, so one slow request cannot disable the others.\n  const [loadingKeys, setLoadingKeys] = useState<Record<string, boolean>>({});\n\n  const run = useEvent(async (action: CubeTableBulkAction<T>) => {\n    const setLoading = (value: boolean) =>\n      setLoadingKeys((current) => ({ ...current, [action.key]: value }));\n\n    try {\n      await action.onAction(selectedRows as T[], { setLoading });\n\n      // Deselecting is the default because the rows an action just deleted or\n      // moved are usually gone; an action that only reads keeps the selection\n      // by opting out.\n      if (action.deselectAfter !== false) clearSelection();\n    } finally {\n      setLoading(false);\n    }\n  });\n\n  if (selectedCount === 0) return null;\n\n  return (\n    <BarElement\n      role=\"toolbar\"\n      aria-label={t('itemTable.bulkActions', 'Bulk actions')}\n      styles={styles}\n      mods={{ floating: placement === 'floating' }}\n    >\n      <Text nowrap>\n        {t('itemTable.selectedCount', '{{count}} selected', {\n          count: selectedCount,\n        })}\n      </Text>\n\n      {actions.map((action) => {\n        const isDisabled = action.isDisabled?.(selectedRows as T[]) ?? false;\n        const button = (\n          <Button\n            key={action.key}\n            size=\"small\"\n            type={action.type ?? 'outline'}\n            theme={action.theme}\n            icon={action.icon}\n            isDisabled={isDisabled}\n            isLoading={loadingKeys[action.key]}\n            onPress={() => run(action)}\n          >\n            {action.label}\n          </Button>\n        );\n\n        return isDisabled && action.disabledTooltip ? (\n          <TooltipProvider key={action.key} title={action.disabledTooltip}>\n            {button}\n          </TooltipProvider>\n        ) : (\n          button\n        );\n      })}\n\n      <Button\n        size=\"small\"\n        type=\"clear\"\n        icon={<CloseIcon />}\n        aria-label={t('itemTable.clearSelection', 'Clear selection')}\n        onPress={clearSelection}\n      />\n    </BarElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,aAAa,MAAM;CACvB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;EACL,YAAY;EACZ,WAAW;EAOX,UAAU;GAAE,IAAI;GAAU,UAAU;GAAY;EAChD,OAAO;GAAE,IAAI;GAAQ,UAAU;GAAoB;EACnD,WAAW;GAAE,IAAI;GAAO,UAAU;GAAU;EAC5C,QAAQ;GAAE,IAAI;GAAQ,UAAU;GAAI;EAGpC,MAAM;GAAE,IAAI;GAAU,UAAU;GAAY;EAC5C,OAAO;EACP,QAAQ;GAAE,IAAI;GAAO,UAAU;GAAM;EACrC,QAAQ;GAAE,IAAI;GAAG,UAAU;GAAO;EAClC,QAAQ;GAAE,IAAI;GAAO,UAAU;GAAmB;EAClD,SAAS;GAAE,IAAI;GAAG,UAAU;GAAW;EACvC,OAAO;GAAE,IAAI;GAAQ,UAAU;GAAmB;EACnD;CACF,CAAC;;;;;;;;AAgBF,SAAgB,iBAA0B,OAAiC;CACzE,MAAM,EAAE,SAAS,YAAY,YAAY,WAAW;CACpD,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EAAE,cAAc,eAAe,mBADtB,mBAAmB,oBAAoB;CAItD,MAAM,CAAC,aAAa,kBAAkB,SAAkC,EAAE,CAAC;CAE3E,MAAM,MAAM,SAAS,OAAO,WAAmC;EAC7D,MAAM,cAAc,UAClB,gBAAgB,aAAa;GAAE,GAAG;IAAU,OAAO,MAAM;GAAO,EAAE;AAEpE,MAAI;AACF,SAAM,OAAO,SAAS,cAAqB,EAAE,YAAY,CAAC;AAK1D,OAAI,OAAO,kBAAkB,MAAO,iBAAgB;YAC5C;AACR,cAAW,MAAM;;GAEnB;AAEF,KAAI,kBAAkB,EAAG,QAAO;AAEhC,QACE,qBAAC;EACC,MAAK;EACL,cAAY,EAAE,yBAAyB,eAAe;EAC9C;EACR,MAAM,EAAE,UAAU,cAAc,YAAY;;GAE5C,oBAACA;IAAK;cACH,EAAE,2BAA2B,sBAAsB,EAClD,OAAO,eACR,CAAC;KACG;GAEN,QAAQ,KAAK,WAAW;IACvB,MAAM,aAAa,OAAO,aAAa,aAAoB,IAAI;IAC/D,MAAM,SACJ,oBAAC;KAEC,MAAK;KACL,MAAM,OAAO,QAAQ;KACrB,OAAO,OAAO;KACd,MAAM,OAAO;KACD;KACZ,WAAW,YAAY,OAAO;KAC9B,eAAe,IAAI,OAAO;eAEzB,OAAO;OATH,OAAO,IAUL;AAGX,WAAO,cAAc,OAAO,kBAC1B,oBAAC;KAAiC,OAAO,OAAO;eAC7C;OADmB,OAAO,IAEX,GAElB;KAEF;GAEF,oBAAC;IACC,MAAK;IACL,MAAK;IACL,MAAM,oBAAC,cAAY;IACnB,cAAY,EAAE,4BAA4B,kBAAkB;IAC5D,SAAS;KACT;;GACS"}
+{"version":3,"file":"ItemTableBulkBar.js","names":["Text"],"sources":["../../../../src/components/data/ItemTable/ItemTableBulkBar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons';\nimport { Button } from '../../actions';\nimport { Text } from '../../content/Text';\n\nimport { useItemTableChrome } from './ItemTableToolbar';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { CubeTableBulkAction } from './types';\n\nconst BarElement = tasty({\n  qa: 'ItemTableBulkBar',\n  as: 'div',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    boxSizing: 'border-box',\n\n    /**\n     * `floating` lifts the bar out of the grid and centres it over the body, so\n     * it never changes the table's height — a bar that pushed the rows down\n     * would move the very row the user is about to click.\n     */\n    position: { '': 'static', floating: 'absolute' },\n    inset: { '': 'auto', floating: 'auto auto 2x 50%' },\n    translate: { '': false, floating: '-50% 0' },\n    zIndex: { '': 'auto', floating: 10 },\n    // A raised surface rather than an inverted \"toast\": `#dark` flips to a light\n    // colour under the dark theme, which would put white text on a light bar.\n    fill: { '': '#clear', floating: '#surface' },\n    color: '#surface-text',\n    border: { '': false, floating: true },\n    radius: { '': 0, floating: '1cr' },\n    shadow: { '': false, floating: '0 1x 3x #shadow' },\n    padding: { '': 0, floating: '1x 1.5x' },\n    width: { '': 'auto', floating: 'max (100% - 4x)' },\n  },\n});\n\nexport interface ItemTableBulkBarProps<T = any> {\n  actions: CubeTableBulkAction<T>[];\n  /** @default 'floating' */\n  placement?: 'floating' | 'toolbar';\n  styles?: Styles;\n}\n\n/**\n * The action bar shown while rows are selected.\n *\n * Reads the selection from context rather than props, so a consumer rebuilding\n * the toolbar can drop `<ItemTable.BulkBar>` wherever it likes and still have\n * one owner of the selection.\n */\nexport function ItemTableBulkBar<T = any>(props: ItemTableBulkBarProps<T>) {\n  const { actions, placement = 'floating', styles } = props;\n  const { t } = useI18n();\n  const chrome = useItemTableChrome('ItemTable.BulkBar');\n  const { selectedRows, selectedCount, clearSelection } = chrome;\n\n  // Per-action, so one slow request cannot disable the others.\n  const [loadingKeys, setLoadingKeys] = useState<Record<string, boolean>>({});\n\n  const run = useEvent(async (action: CubeTableBulkAction<T>) => {\n    const setLoading = (value: boolean) =>\n      setLoadingKeys((current) => ({ ...current, [action.key]: value }));\n\n    try {\n      await action.onAction(selectedRows as T[], { setLoading });\n\n      // Deselecting is the default because the rows an action just deleted or\n      // moved are usually gone; an action that only reads keeps the selection\n      // by opting out.\n      if (action.deselectAfter !== false) clearSelection();\n    } finally {\n      setLoading(false);\n    }\n  });\n\n  if (selectedCount === 0) return null;\n\n  return (\n    <BarElement\n      role=\"toolbar\"\n      aria-label={t('itemTable.bulkActions', 'Bulk actions')}\n      styles={styles}\n      mods={{ floating: placement === 'floating' }}\n    >\n      <Text nowrap>\n        {t('itemTable.selectedCount', '{{count}} selected', {\n          count: selectedCount,\n        })}\n      </Text>\n\n      {actions.map((action) => {\n        const isDisabled = action.isDisabled?.(selectedRows as T[]) ?? false;\n\n        return (\n          <Button\n            key={action.key}\n            size=\"small\"\n            type={action.type ?? 'outline'}\n            theme={action.theme}\n            icon={action.icon}\n            isDisabled={isDisabled}\n            isLoading={loadingKeys[action.key]}\n            // The button's own prop rather than a wrapping `TooltipProvider`:\n            // that is what lets it stay hoverable while disabled, which is the\n            // only state this tooltip is shown in.\n            tooltip={\n              isDisabled && action.disabledTooltip\n                ? action.disabledTooltip\n                : undefined\n            }\n            onPress={() => run(action)}\n          >\n            {action.label}\n          </Button>\n        );\n      })}\n\n      <Button\n        size=\"small\"\n        type=\"clear\"\n        icon={<CloseIcon />}\n        aria-label={t('itemTable.clearSelection', 'Clear selection')}\n        onPress={clearSelection}\n      />\n    </BarElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,aAAa,MAAM;CACvB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;EACL,YAAY;EACZ,WAAW;EAOX,UAAU;GAAE,IAAI;GAAU,UAAU;GAAY;EAChD,OAAO;GAAE,IAAI;GAAQ,UAAU;GAAoB;EACnD,WAAW;GAAE,IAAI;GAAO,UAAU;GAAU;EAC5C,QAAQ;GAAE,IAAI;GAAQ,UAAU;GAAI;EAGpC,MAAM;GAAE,IAAI;GAAU,UAAU;GAAY;EAC5C,OAAO;EACP,QAAQ;GAAE,IAAI;GAAO,UAAU;GAAM;EACrC,QAAQ;GAAE,IAAI;GAAG,UAAU;GAAO;EAClC,QAAQ;GAAE,IAAI;GAAO,UAAU;GAAmB;EAClD,SAAS;GAAE,IAAI;GAAG,UAAU;GAAW;EACvC,OAAO;GAAE,IAAI;GAAQ,UAAU;GAAmB;EACnD;CACF,CAAC;;;;;;;;AAgBF,SAAgB,iBAA0B,OAAiC;CACzE,MAAM,EAAE,SAAS,YAAY,YAAY,WAAW;CACpD,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EAAE,cAAc,eAAe,mBADtB,mBAAmB,oBAAoB;CAItD,MAAM,CAAC,aAAa,kBAAkB,SAAkC,EAAE,CAAC;CAE3E,MAAM,MAAM,SAAS,OAAO,WAAmC;EAC7D,MAAM,cAAc,UAClB,gBAAgB,aAAa;GAAE,GAAG;IAAU,OAAO,MAAM;GAAO,EAAE;AAEpE,MAAI;AACF,SAAM,OAAO,SAAS,cAAqB,EAAE,YAAY,CAAC;AAK1D,OAAI,OAAO,kBAAkB,MAAO,iBAAgB;YAC5C;AACR,cAAW,MAAM;;GAEnB;AAEF,KAAI,kBAAkB,EAAG,QAAO;AAEhC,QACE,qBAAC;EACC,MAAK;EACL,cAAY,EAAE,yBAAyB,eAAe;EAC9C;EACR,MAAM,EAAE,UAAU,cAAc,YAAY;;GAE5C,oBAACA;IAAK;cACH,EAAE,2BAA2B,sBAAsB,EAClD,OAAO,eACR,CAAC;KACG;GAEN,QAAQ,KAAK,WAAW;IACvB,MAAM,aAAa,OAAO,aAAa,aAAoB,IAAI;AAE/D,WACE,oBAAC;KAEC,MAAK;KACL,MAAM,OAAO,QAAQ;KACrB,OAAO,OAAO;KACd,MAAM,OAAO;KACD;KACZ,WAAW,YAAY,OAAO;KAI9B,SACE,cAAc,OAAO,kBACjB,OAAO,kBACP;KAEN,eAAe,IAAI,OAAO;eAEzB,OAAO;OAjBH,OAAO,IAkBL;KAEX;GAEF,oBAAC;IACC,MAAK;IACL,MAAK;IACL,MAAM,oBAAC,cAAY;IACnB,cAAY,EAAE,4BAA4B,kBAAkB;IAC5D,SAAS;KACT;;GACS"}

package/dist/components/data/ItemTable/ItemTableDragPreview.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.157.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/data/ItemTable/ItemTableFooter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.157.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
 import { _Pagination } from "../../navigation/Pagination/Pagination.js";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/data/ItemTable/ItemTableToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.157.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";
 import { Button } from "../../actions/index.js";

package/dist/components/data/ItemTable/types.d.ts

@@ -279,6 +279,25 @@ interface CubeItemTableProps<T = any> extends BaseProps, ContainerStyleProps {
   defaultColumnWidths?: Record<string, number>;
   /** Fires once the drag or key press finishes, not on every pixel. */
   onColumnResize?: (columnKey: string, width: number, all: Record<string, number>) => void;
+  /**
+   * Where a column's `header.menu` is exposed.
+   *
+   * - `true` — a `⋮` trigger in the header, plus right-click and Shift+F10.
+   * - `'context-only'` — right-click and Shift+F10 only, no trigger.
+   * - `false` — suppressed entirely.
+   *
+   * @default true
+   */
+  columnContextMenu?: boolean | 'context-only';
+  /**
+   * The key of the pressed `Menu.Item`, as written — no `.$` prefix.
+   *
+   * Fires for the reserved sort keys too (`sort-asc`, `sort-desc`,
+   * `clear-sort`), after the table has already applied them.
+   */
+  onColumnMenuAction?: (action: string, columnKey: string) => void;
+  columnMenuTriggerProps?: Record<string, any>;
+  columnMenuProps?: Record<string, any>;
   /**
    * Persists the table's own state under `cube-ui-kit:table:${storageKey}`.
    * Controlled state is never stored — it belongs to the page.

package/dist/components/data/TableBase/ColumnResizer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.157.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef } from "react";

package/dist/components/data/TableBase/RowCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.157.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
 //#region src/components/data/TableBase/RowCollection.ts
 /**
 * A `Collection<Node<T>>` over a plain row array.
@@ -20,10 +20,12 @@ var RowCollection = class {
 	indexByKey;
 	nodeCache = /* @__PURE__ */ new Map();
 	disabledKeys;
-	constructor(rows, getKey, disabledKeys = /* @__PURE__ */ new Set()) {
+	getItemText;
+	constructor(rows, getKey, disabledKeys = /* @__PURE__ */ new Set(), getItemText) {
 		this.rows = rows;
 		this.keys = rows.map(getKey);
 		this.disabledKeys = disabledKeys;
+		this.getItemText = getItemText;
 		this.indexByKey = /* @__PURE__ */ new Map();
 		this.keys.forEach((key, index) => {
 			if (!this.indexByKey.has(key)) this.indexByKey.set(key, index);
@@ -48,7 +50,7 @@ var RowCollection = class {
 			hasChildNodes: false,
 			childNodes: [],
 			rendered: null,
-			textValue: "",
+			textValue: this.getItemText?.(this.rows[index]) ?? "",
 			index,
 			"aria-label": void 0,
 			parentKey: null,

package/dist/components/data/TableBase/RowCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowCollection.js","names":[],"sources":["../../../../src/components/data/TableBase/RowCollection.ts"],"sourcesContent":["import type { Collection, Key, Node } from '@react-types/shared';\n\n/**\n * A `Collection<Node<T>>` over a plain row array.\n *\n * React Aria's selection primitives — `SelectionManager`, `useSelectableItem`,\n * `useSelectableCollection` — need a collection, but the only thing they ask of\n * it is key order and lookup. `useTableState` would build a `Node` per header\n * row, per column, per body row *and per cell*, which a table whose page size\n * goes to 500 (and whose \"Load all results\" removes the cap entirely) cannot\n * afford.\n *\n * So the array is the collection. Nodes are built lazily on `getItem` and\n * memoized, which means a 100k-row table allocates nodes only for the handful\n * of keys selection actually touches.\n */\nexport class RowCollection<T> implements Collection<Node<T>> {\n  private rows: readonly T[];\n  private keys: Key[];\n  private indexByKey: Map<Key, number>;\n  private nodeCache = new Map<Key, Node<T>>();\n  private disabledKeys: Set<Key>;\n\n  constructor(\n    rows: readonly T[],\n    getKey: (row: T, index: number) => Key,\n    disabledKeys: Set<Key> = new Set(),\n  ) {\n    this.rows = rows;\n    this.keys = rows.map(getKey);\n    this.disabledKeys = disabledKeys;\n    this.indexByKey = new Map();\n\n    // A duplicate key would make selection ambiguous — two rows would answer to\n    // the same identity. First occurrence wins, matching how React resolves a\n    // duplicated `key`.\n    this.keys.forEach((key, index) => {\n      if (!this.indexByKey.has(key)) this.indexByKey.set(key, index);\n    });\n  }\n\n  get size() {\n    return this.rows.length;\n  }\n\n  getKeys() {\n    return this.keys;\n  }\n\n  getItem(key: Key): Node<T> | null {\n    const index = this.indexByKey.get(key);\n\n    if (index == null) return null;\n\n    const cached = this.nodeCache.get(key);\n\n    if (cached) return cached;\n\n    const node: Node<T> = {\n      type: 'item',\n      key,\n      value: this.rows[index],\n      level: 0,\n      hasChildNodes: false,\n      childNodes: [],\n      rendered: null,\n      textValue: '',\n      index,\n      // `SelectionManager` reads this to decide whether a key can be selected\n      // at all, before `disabledBehavior` is even considered.\n      'aria-label': undefined,\n      parentKey: null,\n      prevKey: index > 0 ? this.keys[index - 1] : null,\n      nextKey: index < this.keys.length - 1 ? this.keys[index + 1] : null,\n    } as Node<T>;\n\n    this.nodeCache.set(key, node);\n\n    return node;\n  }\n\n  at(index: number): Node<T> | null {\n    const key = this.keys[index];\n\n    return key == null ? null : this.getItem(key);\n  }\n\n  getKeyBefore(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index === 0 ? null : this.keys[index - 1];\n  }\n\n  getKeyAfter(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index >= this.keys.length - 1\n      ? null\n      : this.keys[index + 1];\n  }\n\n  getFirstKey(): Key | null {\n    return this.keys[0] ?? null;\n  }\n\n  getLastKey(): Key | null {\n    return this.keys[this.keys.length - 1] ?? null;\n  }\n\n  getChildren(): Iterable<Node<T>> {\n    return [];\n  }\n\n  /** Not part of `Collection`, but selection asks about it constantly. */\n  isDisabled(key: Key) {\n    return this.disabledKeys.has(key);\n  }\n\n  indexOf(key: Key): number {\n    return this.indexByKey.get(key) ?? -1;\n  }\n\n  *[Symbol.iterator](): Iterator<Node<T>> {\n    for (const key of this.keys) {\n      const node = this.getItem(key);\n\n      if (node) yield node;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAa,gBAAb,MAA6D;CAC3D,AAAQ;CACR,AAAQ;CACR,AAAQ;CACR,AAAQ,4BAAY,IAAI,KAAmB;CAC3C,AAAQ;CAER,YACE,MACA,QACA,+BAAyB,IAAI,KAAK,EAClC;AACA,OAAK,OAAO;AACZ,OAAK,OAAO,KAAK,IAAI,OAAO;AAC5B,OAAK,eAAe;AACpB,OAAK,6BAAa,IAAI,KAAK;AAK3B,OAAK,KAAK,SAAS,KAAK,UAAU;AAChC,OAAI,CAAC,KAAK,WAAW,IAAI,IAAI,CAAE,MAAK,WAAW,IAAI,KAAK,MAAM;IAC9D;;CAGJ,IAAI,OAAO;AACT,SAAO,KAAK,KAAK;;CAGnB,UAAU;AACR,SAAO,KAAK;;CAGd,QAAQ,KAA0B;EAChC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,SAAS,KAAK,UAAU,IAAI,IAAI;AAEtC,MAAI,OAAQ,QAAO;EAEnB,MAAM,OAAgB;GACpB,MAAM;GACN;GACA,OAAO,KAAK,KAAK;GACjB,OAAO;GACP,eAAe;GACf,YAAY,EAAE;GACd,UAAU;GACV,WAAW;GACX;GAGA,cAAc;GACd,WAAW;GACX,SAAS,QAAQ,IAAI,KAAK,KAAK,QAAQ,KAAK;GAC5C,SAAS,QAAQ,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,KAAK;GAChE;AAED,OAAK,UAAU,IAAI,KAAK,KAAK;AAE7B,SAAO;;CAGT,GAAG,OAA+B;EAChC,MAAM,MAAM,KAAK,KAAK;AAEtB,SAAO,OAAO,OAAO,OAAO,KAAK,QAAQ,IAAI;;CAG/C,aAAa,KAAsB;EACjC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,SAAO,SAAS,QAAQ,UAAU,IAAI,OAAO,KAAK,KAAK,QAAQ;;CAGjE,YAAY,KAAsB;EAChC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,SAAO,SAAS,QAAQ,SAAS,KAAK,KAAK,SAAS,IAChD,OACA,KAAK,KAAK,QAAQ;;CAGxB,cAA0B;AACxB,SAAO,KAAK,KAAK,MAAM;;CAGzB,aAAyB;AACvB,SAAO,KAAK,KAAK,KAAK,KAAK,SAAS,MAAM;;CAG5C,cAAiC;AAC/B,SAAO,EAAE;;;CAIX,WAAW,KAAU;AACnB,SAAO,KAAK,aAAa,IAAI,IAAI;;CAGnC,QAAQ,KAAkB;AACxB,SAAO,KAAK,WAAW,IAAI,IAAI,IAAI;;CAGrC,EAAE,OAAO,YAA+B;AACtC,OAAK,MAAM,OAAO,KAAK,MAAM;GAC3B,MAAM,OAAO,KAAK,QAAQ,IAAI;AAE9B,OAAI,KAAM,OAAM"}
+{"version":3,"file":"RowCollection.js","names":[],"sources":["../../../../src/components/data/TableBase/RowCollection.ts"],"sourcesContent":["import type { Collection, Key, Node } from '@react-types/shared';\n\n/**\n * A `Collection<Node<T>>` over a plain row array.\n *\n * React Aria's selection primitives — `SelectionManager`, `useSelectableItem`,\n * `useSelectableCollection` — need a collection, but the only thing they ask of\n * it is key order and lookup. `useTableState` would build a `Node` per header\n * row, per column, per body row *and per cell*, which a table whose page size\n * goes to 500 (and whose \"Load all results\" removes the cap entirely) cannot\n * afford.\n *\n * So the array is the collection. Nodes are built lazily on `getItem` and\n * memoized, which means a 100k-row table allocates nodes only for the handful\n * of keys selection actually touches.\n */\nexport class RowCollection<T> implements Collection<Node<T>> {\n  private rows: readonly T[];\n  private keys: Key[];\n  private indexByKey: Map<Key, number>;\n  private nodeCache = new Map<Key, Node<T>>();\n  private disabledKeys: Set<Key>;\n\n  private getItemText?: (row: T) => string;\n\n  constructor(\n    rows: readonly T[],\n    getKey: (row: T, index: number) => Key,\n    disabledKeys: Set<Key> = new Set(),\n    /**\n     * The item's accessible name, for screen-reader drag announcements.\n     *\n     * Without it `useDropIndicator` says \"Insert between  and \" — React Aria\n     * builds that string from `node.textValue`. Optional because selection, the\n     * original caller, never reads it.\n     */\n    getItemText?: (row: T) => string,\n  ) {\n    this.rows = rows;\n    this.keys = rows.map(getKey);\n    this.disabledKeys = disabledKeys;\n    this.getItemText = getItemText;\n    this.indexByKey = new Map();\n\n    // A duplicate key would make selection ambiguous — two rows would answer to\n    // the same identity. First occurrence wins, matching how React resolves a\n    // duplicated `key`.\n    this.keys.forEach((key, index) => {\n      if (!this.indexByKey.has(key)) this.indexByKey.set(key, index);\n    });\n  }\n\n  get size() {\n    return this.rows.length;\n  }\n\n  getKeys() {\n    return this.keys;\n  }\n\n  getItem(key: Key): Node<T> | null {\n    const index = this.indexByKey.get(key);\n\n    if (index == null) return null;\n\n    const cached = this.nodeCache.get(key);\n\n    if (cached) return cached;\n\n    const node: Node<T> = {\n      type: 'item',\n      key,\n      value: this.rows[index],\n      level: 0,\n      hasChildNodes: false,\n      childNodes: [],\n      rendered: null,\n      textValue: this.getItemText?.(this.rows[index]) ?? '',\n      index,\n      // `SelectionManager` reads this to decide whether a key can be selected\n      // at all, before `disabledBehavior` is even considered.\n      'aria-label': undefined,\n      parentKey: null,\n      prevKey: index > 0 ? this.keys[index - 1] : null,\n      nextKey: index < this.keys.length - 1 ? this.keys[index + 1] : null,\n    } as Node<T>;\n\n    this.nodeCache.set(key, node);\n\n    return node;\n  }\n\n  at(index: number): Node<T> | null {\n    const key = this.keys[index];\n\n    return key == null ? null : this.getItem(key);\n  }\n\n  getKeyBefore(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index === 0 ? null : this.keys[index - 1];\n  }\n\n  getKeyAfter(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index >= this.keys.length - 1\n      ? null\n      : this.keys[index + 1];\n  }\n\n  getFirstKey(): Key | null {\n    return this.keys[0] ?? null;\n  }\n\n  getLastKey(): Key | null {\n    return this.keys[this.keys.length - 1] ?? null;\n  }\n\n  getChildren(): Iterable<Node<T>> {\n    return [];\n  }\n\n  /** Not part of `Collection`, but selection asks about it constantly. */\n  isDisabled(key: Key) {\n    return this.disabledKeys.has(key);\n  }\n\n  indexOf(key: Key): number {\n    return this.indexByKey.get(key) ?? -1;\n  }\n\n  *[Symbol.iterator](): Iterator<Node<T>> {\n    for (const key of this.keys) {\n      const node = this.getItem(key);\n\n      if (node) yield node;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAa,gBAAb,MAA6D;CAC3D,AAAQ;CACR,AAAQ;CACR,AAAQ;CACR,AAAQ,4BAAY,IAAI,KAAmB;CAC3C,AAAQ;CAER,AAAQ;CAER,YACE,MACA,QACA,+BAAyB,IAAI,KAAK,EAQlC,aACA;AACA,OAAK,OAAO;AACZ,OAAK,OAAO,KAAK,IAAI,OAAO;AAC5B,OAAK,eAAe;AACpB,OAAK,cAAc;AACnB,OAAK,6BAAa,IAAI,KAAK;AAK3B,OAAK,KAAK,SAAS,KAAK,UAAU;AAChC,OAAI,CAAC,KAAK,WAAW,IAAI,IAAI,CAAE,MAAK,WAAW,IAAI,KAAK,MAAM;IAC9D;;CAGJ,IAAI,OAAO;AACT,SAAO,KAAK,KAAK;;CAGnB,UAAU;AACR,SAAO,KAAK;;CAGd,QAAQ,KAA0B;EAChC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,SAAS,KAAK,UAAU,IAAI,IAAI;AAEtC,MAAI,OAAQ,QAAO;EAEnB,MAAM,OAAgB;GACpB,MAAM;GACN;GACA,OAAO,KAAK,KAAK;GACjB,OAAO;GACP,eAAe;GACf,YAAY,EAAE;GACd,UAAU;GACV,WAAW,KAAK,cAAc,KAAK,KAAK,OAAO,IAAI;GACnD;GAGA,cAAc;GACd,WAAW;GACX,SAAS,QAAQ,IAAI,KAAK,KAAK,QAAQ,KAAK;GAC5C,SAAS,QAAQ,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,KAAK;GAChE;AAED,OAAK,UAAU,IAAI,KAAK,KAAK;AAE7B,SAAO;;CAGT,GAAG,OAA+B;EAChC,MAAM,MAAM,KAAK,KAAK;AAEtB,SAAO,OAAO,OAAO,OAAO,KAAK,QAAQ,IAAI;;CAG/C,aAAa,KAAsB;EACjC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,SAAO,SAAS,QAAQ,UAAU,IAAI,OAAO,KAAK,KAAK,QAAQ;;CAGjE,YAAY,KAAsB;EAChC,MAAM,QAAQ,KAAK,WAAW,IAAI,IAAI;AAEtC,SAAO,SAAS,QAAQ,SAAS,KAAK,KAAK,SAAS,IAChD,OACA,KAAK,KAAK,QAAQ;;CAGxB,cAA0B;AACxB,SAAO,KAAK,KAAK,MAAM;;CAGzB,aAAyB;AACvB,SAAO,KAAK,KAAK,KAAK,KAAK,SAAS,MAAM;;CAG5C,cAAiC;AAC/B,SAAO,EAAE;;;CAIX,WAAW,KAAU;AACnB,SAAO,KAAK,aAAa,IAAI,IAAI;;CAGnC,QAAQ,KAAkB;AACxB,SAAO,KAAK,WAAW,IAAI,IAAI,IAAI;;CAGrC,EAAE,OAAO,YAA+B;AACtC,OAAK,MAAM,OAAO,KAAK,MAAM;GAC3B,MAAM,OAAO,KAAK,QAAQ,IAAI;AAE9B,OAAI,KAAM,OAAM"}