@cube-dev/ui-kit 0.156.0 → 0.157.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableView.js","names":["Checkbox","MenuTrigger","Menu"],"sources":["../../../../src/components/data/TableBase/TableView.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { VisuallyHidden } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { MoreIcon, UpIcon } from '../../../icons';\nimport { Action } from '../../actions/Action/Action';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Placeholder } from '../../content/Placeholder/Placeholder';\nimport { Skeleton } from '../../content/Skeleton/Skeleton';\nimport { TextItem } from '../../content/TextItem';\nimport { Checkbox } from '../../fields/Checkbox';\nimport { useToast } from '../../overlays/Toast';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\n\nimport { ColumnResizer } from './ColumnResizer';\nimport {\n  isMenuEmpty,\n  normalizeMenuAction,\n  ROW_MENU_COLUMN_KEY,\n} from './row-menu';\nimport { TableElement, TableHeaderItem } from './styled';\nimport { TableRow, TableRowDropIndicator } from './TableRow';\nimport { selectionRowKey } from './types';\nimport { toTsv } from './use-cell-selection';\nimport { useRowMoveAnimation } from './use-row-move-animation';\nimport { useScrollability } from './use-scrollability';\nimport { getColumnText, getColumnValue } from './use-table-columns';\nimport {\n  ROW_NUMBER_COLUMN_KEY,\n  SELECTION_COLUMN_KEY,\n} from './use-table-selection';\n\nimport type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type {\n  CSSProperties,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n  PointerEvent as ReactPointerEvent,\n  RefObject,\n} from 'react';\nimport type { NavigateArg } from '../../../providers/navigation.types';\nimport type {\n  CubeResolvedColumn,\n  CubeTableCellContext,\n  CubeTableColumnLayout,\n  CubeTableHeaderContext,\n  CubeTableLoadingIndicator,\n  CubeTableRowContext,\n  CubeTableRowSection,\n  CubeTableSort,\n} from './types';\nimport type { useCellSelection } from './use-cell-selection';\nimport type { CubeTableSelectionState } from './use-table-selection';\n\n/** Visual/behavioural overrides a table adapter may attach to a single row. */\nexport interface CubeTableRowRenderProps {\n  isDimmed?: boolean;\n  mods?: Record<string, boolean | undefined>;\n  styles?: Styles;\n  height?: number;\n  qa?: string;\n  tooltip?: string;\n}\n\nexport interface TableViewProps<T = any> {\n  qa?: string;\n  rows: readonly T[];\n  getRowKey: (row: T, index: number) => Key;\n  layout: CubeTableColumnLayout<T>;\n  /**\n   * Receives the scroll container once it exists. A callback rather than a ref\n   * because the virtualized path does not create the element itself — Virtuoso\n   * does, and hands it over after mount.\n   */\n  onScrollerRef: (element: HTMLDivElement | null) => void;\n  /** Attached to the table's root frame. */\n  rootRef?: RefObject<HTMLDivElement | null>;\n\n  size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n  shape?: 'plain' | 'card';\n  rowHeight?: number;\n  headerHeight?: number;\n  isHeaderHidden?: boolean;\n  isStriped?: boolean;\n  /**\n   * Vertical rules between columns.\n   *\n   * A list reads across a row and wants nothing in the way; a grid is read down\n   * a column, and the rule is what tells you which column a figure is in when\n   * the header has scrolled far to the left. So `ItemTable` leaves it off and\n   * `DataTable` turns it on — the same split ag-grid's `columnBorder` gives the\n   * Cloud grids today.\n   */\n  hasColumnDividers?: boolean;\n  /**\n   * Slide rows to their new positions when the order changes, instead of\n   * teleporting them.\n   *\n   * On by default, and only ever on a pure reorder — see\n   * `use-row-move-animation`. Suppressed under `prefers-reduced-motion`.\n   */\n  isRowMoveAnimated?: boolean;\n  /** @default true */\n  isHeaderSticky?: boolean;\n  /** @default 'auto' — on above `virtualizeThreshold` rows, needs a bounded height. */\n  isVirtualized?: boolean | 'auto';\n  /** @default 50 */\n  virtualizeThreshold?: number;\n  /** Rows rendered beyond each edge of the viewport. @default 20 */\n  overscan?: number;\n\n  /* status */\n  isLoading?: boolean;\n  loadingIndicator?: CubeTableLoadingIndicator;\n  skeletonRowCount?: number;\n  selection?: CubeTableSelectionState<T>;\n  selectionTooltip?: string | ((row: T) => string | undefined);\n  /** Rendered in the root frame, over the body. For the floating bulk bar. */\n  overlay?: ReactNode;\n  /** Already normalised by the adapter into a per-row resolver. */\n  rowMenu?: (row: T, ctx: CubeTableRowContext<T>) => ReactNode | null;\n  rowContextMenu?: boolean | 'context-only';\n  onRowMenuAction?: (action: string, row: T, key: Key) => void;\n  rowMenuTriggerProps?: Record<string, any>;\n  rowLink?: (row: T, index: number) => NavigateArg | undefined;\n  onRowAction?: (row: T, key: Key) => void;\n  /** Infinite scroll: fires once the end of the list comes into view. */\n  onLoadMore?: () => void;\n  hasMore?: boolean;\n  isLoadingMore?: boolean;\n  /**\n   * How far before the end to start fetching, in px.\n   *\n   * Defaults to one viewport height, so the next batch is requested a whole\n   * screen before the user could reach the bottom. A fixed 200px — about five\n   * rows — meant a fast scroll arrived at the end before the request did, which\n   * is the stall this is meant to avoid.\n   */\n  loadMoreMargin?: number;\n  /**\n   * Rows pinned above and below the scrolling ones — totals, subtotals.\n   *\n   * Rendered inside `<tbody>` rather than `<thead>`/`<tfoot>` so they keep the\n   * body's own row and cell styling; the sub-element chains are anchored to\n   * `Body`. Stickiness comes from the row itself.\n   */\n  pinnedTopRows?: readonly T[];\n  pinnedBottomRows?: readonly T[];\n  /**\n   * Rectangular cell selection, from `use-cell-selection`.\n   *\n   * `DataTable` only. A list is acted on by row; a result grid is read by cell,\n   * and the block of figures is the thing the user wants out of it.\n   */\n  cellSelection?: ReturnType<typeof useCellSelection<T>> | null;\n  /** 1-based number of the first row, so paging keeps the count continuous. */\n  rowNumberOffset?: number;\n  /**\n   * Rows of the full result that precede this page, and the size of that full\n   * result.\n   *\n   * ARIA row indices are document-absolute by contract: `aria-rowindex` is a\n   * row's position in the WHOLE grid and `aria-rowcount` the whole grid's size,\n   * so a paged grid has to say \"row 21 of 240\" rather than restarting at 1 and\n   * claiming a count of 25. Without them a screen reader hears colliding\n   * indices against a larger count, which is worse than saying nothing.\n   *\n   * Defaults keep an unpaged table correct: no offset, and a count taken from\n   * the rows actually given.\n   */\n  rowIndexOffset?: number;\n  totalRowCount?: number;\n  isReorderable?: boolean;\n  /** Provided by `DraggableCollection` when reordering is on. */\n  dragState?: any;\n  dropState?: any;\n  /**\n   * Drop handling from `useDroppableCollection`. Must land on the element that\n   * directly contains the rows — the `<tbody>` — or drops are never received.\n   */\n  collectionProps?: Record<string, any>;\n  bodyRef?: RefObject<HTMLTableSectionElement | null>;\n  isResizable?: boolean;\n  onColumnResize?: (columnKey: string, width: number) => void;\n  onColumnResizeEnd?: (columnKey: string) => void;\n  emptyLabel?: ReactNode;\n  noResultsLabel?: ReactNode;\n  error?: ReactNode;\n  /** Selects `noResultsLabel` over `emptyLabel` when there is nothing to show. */\n  isFiltered?: boolean;\n\n  /* sorting */\n  /** @default 'off' */\n  sortMode?: 'client' | 'server' | 'off';\n  sort?: CubeTableSort | null;\n  /**\n   * Multi-column sort. Takes precedence over `sort` when given, and the array\n   * order is the precedence — `DataTable` uses it, `ItemTable` uses `sort`.\n   */\n  sorts?: CubeTableSort[];\n  onColumnSort?: (columnKey: string) => void;\n\n  /* per-row hooks */\n  getRowProps?: (\n    ctx: CubeTableRowContext<T>,\n  ) => CubeTableRowRenderProps | undefined;\n\n  /**\n   * Typography preset for the column header. A per-adapter default rather than\n   * a table-wide constant: `ItemTable` uses the uppercase caption look (`c2`),\n   * while an analytics grid wants its headers to read at body size.\n   * `headerCellStyles` still wins over it.\n   */\n  headerPreset?: string;\n  /**\n   * Typography for the body. `ItemTable` reads as a list at `t3`; a result grid\n   * packs more in and wants `t4`.\n   */\n  contentPreset?: string;\n\n  /** Chrome rendered above the table, in the frame's first grid row. */\n  toolbar?: ReactNode;\n  /** Chrome rendered below the table, in the frame's last grid row. */\n  footer?: ReactNode;\n\n  ariaLabel?: string;\n  styles?: Styles;\n  headerStyles?: Styles;\n  headerCellStyles?: Styles;\n  bodyStyles?: Styles;\n  rowStyles?: Styles;\n  cellStyles?: Styles;\n  mods?: Record<string, boolean | undefined>;\n}\n\n/**\n * The same block as an HTML table, so a spreadsheet keeps the cell boundaries.\n *\n * Pasting `text/plain` TSV works, but Excel and Sheets then re-guess the types\n * of every field; the HTML flavour is what makes a value that looks like a date\n * stay the text it was on screen.\n */\nfunction toClipboardHtml(matrix: string[][]) {\n  const rows = matrix\n    .map(\n      (row) =>\n        `<tr>${row.map((cell) => `<td>${escapeHtml(cell)}</td>`).join('')}</tr>`,\n    )\n    .join('');\n\n  return `<table>${rows}</table>`;\n}\n\nfunction escapeHtml(value: string) {\n  return value\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;');\n}\n\nconst ARIA_SORT = { asc: 'ascending', desc: 'descending' } as const;\n\nexport interface TableViewProps<T = any> {\n  qa?: string;\n  rows: readonly T[];\n  getRowKey: (row: T, index: number) => Key;\n  layout: CubeTableColumnLayout<T>;\n  /**\n   * Receives the scroll container once it exists. A callback rather than a ref\n   * because the virtualized path does not create the element itself — Virtuoso\n   * does, and hands it over after mount.\n   */\n  onScrollerRef: (element: HTMLDivElement | null) => void;\n  /** Attached to the table's root frame. */\n  rootRef?: RefObject<HTMLDivElement | null>;\n\n  size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n  shape?: 'plain' | 'card';\n  rowHeight?: number;\n  headerHeight?: number;\n  isHeaderHidden?: boolean;\n  isStriped?: boolean;\n  /** @default true */\n  isHeaderSticky?: boolean;\n  /** @default 'auto' — on above `virtualizeThreshold` rows, needs a bounded height. */\n  isVirtualized?: boolean | 'auto';\n  /** @default 50 */\n  virtualizeThreshold?: number;\n  /** Rows rendered beyond each edge of the viewport. @default 20 */\n  overscan?: number;\n\n  /* status */\n  isLoading?: boolean;\n  loadingIndicator?: CubeTableLoadingIndicator;\n  skeletonRowCount?: number;\n  emptyLabel?: ReactNode;\n  noResultsLabel?: ReactNode;\n  error?: ReactNode;\n  /** Selects `noResultsLabel` over `emptyLabel` when there is nothing to show. */\n  isFiltered?: boolean;\n\n  /* sorting */\n  /** @default 'off' */\n  sortMode?: 'client' | 'server' | 'off';\n  sort?: CubeTableSort | null;\n  /**\n   * Multi-column sort. Takes precedence over `sort` when given, and the array\n   * order is the precedence — `DataTable` uses it, `ItemTable` uses `sort`.\n   */\n  sorts?: CubeTableSort[];\n  onColumnSort?: (columnKey: string) => void;\n\n  /* per-row hooks */\n  getRowProps?: (\n    ctx: CubeTableRowContext<T>,\n  ) => CubeTableRowRenderProps | undefined;\n\n  /**\n   * Typography preset for the column header. A per-adapter default rather than\n   * a table-wide constant: `ItemTable` uses the uppercase caption look (`c2`),\n   * while an analytics grid wants its headers to read at body size.\n   * `headerCellStyles` still wins over it.\n   */\n  headerPreset?: string;\n  /**\n   * Typography for the body. `ItemTable` reads as a list at `t3`; a result grid\n   * packs more in and wants `t4`.\n   */\n  contentPreset?: string;\n\n  /** Chrome rendered above the table, in the frame's first grid row. */\n  toolbar?: ReactNode;\n  /** Chrome rendered below the table, in the frame's last grid row. */\n  footer?: ReactNode;\n\n  ariaLabel?: string;\n  styles?: Styles;\n  headerStyles?: Styles;\n  headerCellStyles?: Styles;\n  bodyStyles?: Styles;\n  rowStyles?: Styles;\n  cellStyles?: Styles;\n  mods?: Record<string, boolean | undefined>;\n}\n\n/**\n * Content height per size step, mirroring `$row-height` in `styled.ts`. Only the\n * initial estimate — every rendered row is measured, so a wrong guess costs a\n * scrollbar adjustment, not a layout bug. The `+ 1` is the row separator.\n */\n/** Enough to read as \"more is coming\" without pretending to know how much. */\n/**\n * Ceiling on the load-more placeholder burst.\n *\n * These rows are not virtualized — they sit after the window, at the end of the\n * body — so the count is real DOM. 50 rows is already taller than any viewport,\n * which is all the burst has to be.\n */\nconst MAX_LOAD_MORE_SKELETON_ROWS = 50;\n\n/**\n * Floor on the prefetch distance, for a table too short to measure usefully —\n * an unbounded one reports a viewport of nearly zero before it has any rows.\n */\nconst MIN_LOAD_MORE_MARGIN = 200;\n\nconst ESTIMATED_ROW_HEIGHT = {\n  xsmall: 28,\n  small: 32,\n  medium: 40,\n  large: 48,\n  xlarge: 56,\n} as const;\n\nfunction pinStyle(column: CubeResolvedColumn): CSSProperties | undefined {\n  if (column.pinOffset == null) return undefined;\n\n  return { ['--pin-offset' as any]: `${column.pinOffset}px` };\n}\n\n/**\n * The one place table DOM exists. Both `ItemTable` and `DataTable` resolve their\n * props into the shape above and hand it here, so the markup, the ARIA\n * bookkeeping and the tasty sub-element contract have a single implementation.\n */\nexport function TableView<T = any>(props: TableViewProps<T>) {\n  const {\n    qa,\n    rows,\n    getRowKey,\n    layout,\n    onScrollerRef,\n    rootRef,\n    size = 'medium',\n    shape = 'plain',\n    rowHeight,\n    headerHeight,\n    isHeaderHidden = false,\n    isStriped = false,\n    hasColumnDividers,\n    isRowMoveAnimated = true,\n    isHeaderSticky = true,\n    isVirtualized = 'auto',\n    virtualizeThreshold = 50,\n    overscan = 20,\n    isLoading = false,\n    loadingIndicator = 'overlay',\n    skeletonRowCount = 6,\n    selection,\n    selectionTooltip,\n    overlay,\n    rowMenu,\n    rowContextMenu = false,\n    onRowMenuAction,\n    rowMenuTriggerProps,\n    rowLink,\n    onRowAction,\n    onLoadMore,\n    hasMore = false,\n    isLoadingMore = false,\n    loadMoreMargin,\n    pinnedTopRows,\n    pinnedBottomRows,\n    cellSelection,\n    rowNumberOffset = 0,\n    rowIndexOffset = 0,\n    totalRowCount,\n    isReorderable = false,\n    dragState,\n    dropState,\n    collectionProps,\n    bodyRef,\n    isResizable = false,\n    onColumnResize,\n    onColumnResizeEnd,\n    emptyLabel,\n    noResultsLabel,\n    error,\n    isFiltered = false,\n    sortMode = 'off',\n    sort,\n    sorts,\n    onColumnSort,\n    getRowProps,\n    headerPreset,\n    contentPreset,\n    toolbar,\n    footer,\n    ariaLabel,\n    styles,\n    headerStyles,\n    headerCellStyles,\n    bodyStyles,\n    rowStyles,\n    cellStyles,\n    mods,\n  } = props;\n\n  const { columns } = layout;\n  const columnCount = columns.length;\n\n  // The element is held here as well as reported upwards: the virtualizer needs\n  // it locally, and the adapter needs it to measure column widths.\n  const { t } = useI18n();\n  const toast = useToast();\n\n  const [scrollerEl, setScrollerEl] = useState<HTMLDivElement | null>(null);\n  const scrollerRef = useRef<HTMLDivElement | null>(null);\n  // `bodyRef` is optional — only the drag-and-drop path supplies one — but the\n  // move animation needs the `<tbody>` either way, so it keeps its own and both\n  // are filled from one callback.\n  const localBodyRef = useRef<HTMLTableSectionElement | null>(null);\n  const handleBodyRef = useCallback(\n    (element: HTMLTableSectionElement | null) => {\n      localBodyRef.current = element;\n      if (bodyRef) bodyRef.current = element;\n    },\n    [bodyRef],\n  );\n  const handleScrollerRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      scrollerRef.current = element;\n      setScrollerEl(element);\n      onScrollerRef(element);\n    },\n    [onScrollerRef],\n  );\n\n  // Header rows count towards `aria-rowcount`, which must be document-absolute.\n  const headerRowCount = isHeaderHidden ? 0 : 1;\n\n  /* ── the ARIA row index space ───────────────────────────────────────────\n   * Four bands, in the order a screen reader walks them:\n   *\n   *   1                       the header row\n   *   2 … 1+top               pinned top rows\n   *   …                       the body, offset by the pages before this one\n   *   after the whole body    pinned bottom rows\n   *\n   * Derived once here rather than at each of the four render sites, which is\n   * how the body came to be numbered as though the pinned rows above it did\n   * not exist while `aria-rowcount` counted them.\n   * ─────────────────────────────────────────────────────────────────────── */\n  const pinnedTopCount = pinnedTopRows?.length ?? 0;\n  const pinnedBottomCount = pinnedBottomRows?.length ?? 0;\n  // The whole result, not this page. `rows.length` is the honest fallback when\n  // the adapter does not know a total.\n  const bodyRowCount = Math.max(\n    totalRowCount ?? rows.length,\n    rowIndexOffset + rows.length,\n  );\n\n  /** 1-based `aria-rowindex` for the i-th body row of the current page. */\n  const bodyRowIndex = (rowIndex: number) =>\n    headerRowCount + pinnedTopCount + rowIndexOffset + rowIndex + 1;\n  /** 1-based `aria-rowindex` for the i-th pinned row at `edge`. */\n  const pinnedRowIndex = (index: number, edge: 'top' | 'bottom') =>\n    edge === 'top'\n      ? headerRowCount + index + 1\n      : headerRowCount + pinnedTopCount + bodyRowCount + index + 1;\n\n  const mergedStyles = useMemo(\n    () => ({\n      ...styles,\n      ...(contentPreset ? { Table: { preset: contentPreset } } : null),\n      ...(headerStyles ? { HeadRow: headerStyles } : null),\n      ...(headerPreset || headerCellStyles\n        ? {\n            HeaderCell: {\n              ...(headerPreset ? { preset: headerPreset } : null),\n              ...headerCellStyles,\n            },\n          }\n        : null),\n      ...(bodyStyles ? { Body: bodyStyles } : null),\n      ...(rowStyles ? { Row: rowStyles } : null),\n      ...(cellStyles ? { Cell: cellStyles } : null),\n      ...(rowHeight != null ? { '$row-height': `${rowHeight}px` } : null),\n      ...(headerHeight != null\n        ? { '$header-height': `${headerHeight}px` }\n        : null),\n    }),\n    [\n      styles,\n      headerStyles,\n      headerCellStyles,\n      headerPreset,\n      contentPreset,\n      bodyStyles,\n      rowStyles,\n      cellStyles,\n      rowHeight,\n      headerHeight,\n    ],\n  );\n\n  /**\n   * Whether a cell is inside the current range.\n   *\n   * Pinned rows take part: they sit in the range's row order at the position\n   * they occupy on screen, so a selection down a column of figures reaches its\n   * total instead of leaving it to be copied separately. (ag-grid excludes\n   * pinned rows outright; this is a deliberate departure.)\n   */\n  function isCellSelected(rowKey: Key, columnKey: string) {\n    if (!cellSelection?.isEnabled) return false;\n\n    return cellSelection.isSelected(rowKey, columnKey);\n  }\n\n  /**\n   * Press and drag for the range.\n   *\n   * `pointerdown` rather than `click`: the range has to start before the drag\n   * does, and a click only lands after the button comes back up — by which time\n   * the gesture is over. `pointerenter` grows it while the button is held, which\n   * is the same shape ag-grid's `onCellMouseOver` gives the Cloud grids.\n   */\n  function cellSelectionProps(\n    rowKey: Key,\n    columnKey: string,\n    pinnedEdge?: 'top' | 'bottom',\n  ) {\n    // A vetoed cell gets no handlers at all, so it is inert rather than merely\n    // unpainted: pressing it neither starts a range nor disturbs the standing\n    // one, which is how ag-grid treats a press on its row-number column.\n    if (!cellSelection?.canSelectCell(rowKey, columnKey)) return undefined;\n\n    return {\n      onPointerDown: (event: ReactPointerEvent<HTMLTableCellElement>) => {\n        // Right-click keeps whatever is selected, so a context menu can act on\n        // the range the user has already built.\n        if (event.button !== 0) return;\n\n        if (event.shiftKey) {\n          // Otherwise the browser paints a text selection from the anchor to\n          // here, on top of the cell range.\n          event.preventDefault();\n          cellSelection.extendTo(rowKey, columnKey);\n        } else {\n          cellSelection.select(rowKey, columnKey);\n        }\n\n        // The range's keyboard affordances — Escape to clear, ⌘/Ctrl+C to copy\n        // — are handled on the scroller, and a `<td>` takes no focus of its\n        // own, so a press would otherwise leave focus on `<body>` and neither\n        // would ever fire.\n        scrollerRef.current?.focus({ preventScroll: true });\n\n        cellSelection.isDraggingRef.current = true;\n        setIsRangeDragging(true);\n      },\n      onPointerEnter: () => {\n        if (!cellSelection.isDraggingRef.current) return;\n\n        // Reachable by press and by shift-click, but never by dragging THROUGH.\n        // A pinned row sits over the scrolling ones, so a downward drag brushes\n        // it long before reaching the end of the data — and being last in the\n        // row order, that would snap the range to the whole rest of the grid.\n        if (pinnedEdge) return;\n\n        cellSelection.extendTo(rowKey, columnKey);\n      },\n    };\n  }\n\n  /**\n   * Marks the trailing column.\n   *\n   * Two things hang off it. Its resize handle tucks fully inside rather than\n   * straddling a boundary that is not there — left hanging it puts half its\n   * width past the table, and the scroller gains a few pixels of horizontal\n   * scroll onto blank space. And it draws no vertical rule: that rule would\n   * land flush against the frame and read as a doubled edge.\n   */\n  /** The pinned edge a row was rendered at, as the documented section name. */\n  function sectionOf(pinnedEdge?: 'top' | 'bottom'): CubeTableRowSection {\n    if (pinnedEdge === 'top') return 'pinnedTop';\n    if (pinnedEdge === 'bottom') return 'pinnedBottom';\n\n    return 'body';\n  }\n\n  function lastColumnFlag(column: CubeResolvedColumn<T>) {\n    return column.index === columns.length - 1 ? '' : undefined;\n  }\n\n  /**\n   * Which frame corner, if any, this cell sits in.\n   *\n   * Only the two bottom ones, and only when the card's rounded edge is what the\n   * row actually meets — a footer below it means the row ends against a straight\n   * line instead. Without this a selected cell in that row has its ring sliced\n   * off at 45° by the frame's radius, which reads as a rendering fault rather\n   * than as a corner.\n   *\n   * Decided here rather than in CSS: the renderer already knows about the\n   * footer, the shape and the pinned rows, and expressing\n   * `card × no-footer × visually-last-row × outer-column` as a state map is how\n   * a border map turns into a combinatorial one.\n   */\n  function bottomCornerFlag(\n    column: CubeResolvedColumn<T>,\n    rowIndex: number,\n    isLastRow: boolean,\n    pinnedEdge?: 'top' | 'bottom',\n  ) {\n    if (shape !== 'card' || footer != null) return undefined;\n\n    const pinnedBottomCount = pinnedBottomRows?.length ?? 0;\n    const isVisualLastRow =\n      pinnedEdge === 'bottom'\n        ? rowIndex === pinnedBottomCount - 1\n        : pinnedEdge == null && isLastRow && pinnedBottomCount === 0;\n\n    if (!isVisualLastRow) return undefined;\n    if (column.index === 0) return 'start';\n    if (column.index === columns.length - 1) return 'end';\n\n    return undefined;\n  }\n\n  function renderStateRow(content: ReactNode) {\n    return (\n      <tr data-element=\"Row\" role=\"row\" aria-rowindex={headerRowCount + 1}>\n        <td\n          data-element=\"StateCell\"\n          data-state=\"\"\n          role=\"gridcell\"\n          colSpan={Math.max(columnCount, 1)}\n          aria-colindex={1}\n        >\n          <div data-element=\"StateContent\">{content}</div>\n        </td>\n      </tr>\n    );\n  }\n\n  function renderSkeletonRows(\n    count = skeletonRowCount,\n    keyPrefix = 'skeleton',\n  ) {\n    return Array.from({ length: count }, (_, rowIndex) => (\n      <tr\n        key={`${keyPrefix}-${rowIndex}`}\n        data-element=\"Row\"\n        data-placeholder=\"\"\n        role=\"row\"\n        aria-rowindex={bodyRowIndex(rowIndex)}\n        aria-busy=\"true\"\n      >\n        {columns.map((column) => (\n          <td\n            key={column.key}\n            data-element=\"Cell\"\n            data-pin={column.pin}\n            data-pin-edge={column.isPinEdge ? '' : undefined}\n            data-align={column.align}\n            role=\"gridcell\"\n            aria-colindex={column.ariaColIndex}\n            style={pinStyle(column)}\n          >\n            <Placeholder size=\"2x\" />\n          </td>\n        ))}\n      </tr>\n    ));\n  }\n\n  function renderSelectionHeaderCell(column: CubeResolvedColumn<T>) {\n    return (\n      <th\n        key={column.key}\n        data-element=\"HeaderCell\"\n        data-key={column.key}\n        data-kind=\"selection\"\n        data-pin={column.pin}\n        data-pin-edge={column.isPinEdge ? '' : undefined}\n        data-last-column={lastColumnFlag(column)}\n        role=\"columnheader\"\n        scope=\"col\"\n        tabIndex={-1}\n        aria-colindex={column.ariaColIndex}\n        style={pinStyle(column)}\n      >\n        {selection && selection.selectionMode === 'multiple' ? (\n          <div data-element=\"SelectionBox\">\n            <Checkbox\n              aria-label={\n                selection.selectAllState === 'all'\n                  ? t('itemTable.deselectAll', 'Deselect all')\n                  : t('itemTable.selectAll', 'Select all')\n              }\n              isSelected={selection.selectAllState === 'all'}\n              isIndeterminate={selection.selectAllState === 'some'}\n              onChange={selection.toggleSelectAll}\n            />\n          </div>\n        ) : null}\n      </th>\n    );\n  }\n\n  function renderSelectionCell(\n    column: CubeResolvedColumn<T>,\n    row: T,\n    rowIndex: number,\n    rowKey: Key,\n    isLastRow: boolean,\n    pinnedEdge?: 'top' | 'bottom',\n  ) {\n    const canSelect = selection!.canSelect(rowKey);\n    const tooltip =\n      typeof selectionTooltip === 'function'\n        ? selectionTooltip(row)\n        : selectionTooltip;\n\n    const checkbox = (\n      <Checkbox\n        aria-label={t('itemTable.selectRow', 'Select row')}\n        isSelected={selection!.isSelected(rowKey)}\n        isDisabled={!canSelect}\n        onChange={() => selection!.toggleRow(rowKey)}\n      />\n    );\n\n    return (\n      <td\n        key={column.key}\n        data-element=\"Cell\"\n        data-key={column.key}\n        data-kind=\"selection\"\n        data-pin={column.pin}\n        data-pin-edge={column.isPinEdge ? '' : undefined}\n        data-last-row={isLastRow ? '' : undefined}\n        data-pinned={pinnedEdge}\n        data-last-column={lastColumnFlag(column)}\n        data-corner={bottomCornerFlag(column, rowIndex, isLastRow, pinnedEdge)}\n        role=\"gridcell\"\n        aria-colindex={column.ariaColIndex}\n        style={pinStyle(column)}\n        // `Checkbox` reports only the next value, so the modifier that decides\n        // toggle-vs-extend is read off the event that produced it.\n        //\n        // `click` rather than `pointerdown`: capture on the cell still runs\n        // before the checkbox's own `change` handler, and unlike pointer events\n        // it carries the modifier state in every environment — including\n        // keyboard activation and jsdom.\n        onClickCapture={selection!.captureShift}\n        onKeyDownCapture={selection!.captureShift}\n      >\n        <div data-element=\"SelectionBox\">\n          {!canSelect && tooltip ? (\n            <TooltipProvider title={tooltip}>{checkbox}</TooltipProvider>\n          ) : (\n            checkbox\n          )}\n        </div>\n      </td>\n    );\n  }\n\n  function renderRowMenuCell(\n    column: CubeResolvedColumn<T>,\n    row: T,\n    rowIndex: number,\n    rowKey: Key,\n    isLastRow: boolean,\n    pinnedEdge?: 'top' | 'bottom',\n  ) {\n    const items = resolveRowMenu(row, rowIndex, rowKey);\n\n    return (\n      <td\n        key={column.key}\n        data-element=\"Cell\"\n        data-key={column.key}\n        data-kind=\"actions\"\n        data-pin={column.pin}\n        data-pin-edge={column.isPinEdge ? '' : undefined}\n        data-last-row={isLastRow ? '' : undefined}\n        data-pinned={pinnedEdge}\n        data-last-column={lastColumnFlag(column)}\n        data-corner={bottomCornerFlag(column, rowIndex, isLastRow, pinnedEdge)}\n        role=\"gridcell\"\n        aria-colindex={column.ariaColIndex}\n        style={pinStyle(column)}\n      >\n        {isMenuEmpty(items) ? null : (\n          <div data-element=\"RowActions\">\n            <MenuTrigger>\n              <ItemAction\n                // The grid is one tab stop; in-cell controls are reached with\n                // arrow keys, matching `TreeNode`.\n                tabIndex={-1}\n                icon={<MoreIcon />}\n                aria-label={t('itemTable.rowActions', 'Row actions')}\n                {...rowMenuTriggerProps}\n              />\n              <Menu onAction={menuActionHandler(row, rowKey, false)}>\n                {items}\n              </Menu>\n            </MenuTrigger>\n          </div>\n        )}\n      </td>\n    );\n  }\n\n  function renderHeaderCell(column: CubeResolvedColumn<T>) {\n    if (column.key === SELECTION_COLUMN_KEY) {\n      return renderSelectionHeaderCell(column);\n    }\n\n    if (column.key === ROW_NUMBER_COLUMN_KEY) {\n      // Deliberately unnamed: the numbers are a reading aid, not data, and a\n      // column header would invite sorting by them.\n      return (\n        <th\n          key={column.key}\n          data-element=\"HeaderCell\"\n          data-key={column.key}\n          data-kind=\"row-number\"\n          data-last-column={lastColumnFlag(column)}\n          role=\"columnheader\"\n          scope=\"col\"\n          tabIndex={-1}\n          aria-colindex={column.ariaColIndex}\n          style={pinStyle(column)}\n        />\n      );\n    }\n\n    if (column.key === ROW_MENU_COLUMN_KEY) {\n      // An empty header keeps the column in the ARIA geometry without\n      // announcing a name for a column that holds no data.\n      return (\n        <th\n          key={column.key}\n          data-element=\"HeaderCell\"\n          data-key={column.key}\n          data-kind=\"actions\"\n          data-pin={column.pin}\n          data-pin-edge={column.isPinEdge ? '' : undefined}\n          data-last-column={lastColumnFlag(column)}\n          role=\"columnheader\"\n          scope=\"col\"\n          tabIndex={-1}\n          aria-colindex={column.ariaColIndex}\n          style={pinStyle(column)}\n        />\n      );\n    }\n\n    const header = column.header;\n    // One resolution path for both shapes, so every consumer of `isSorted`\n    // below stays unaware of which one the caller supplied.\n    const activeSorts = sorts ?? (sort ? [sort] : []);\n    const sortIndex = activeSorts.findIndex(\n      (entry) => entry.columnKey === column.key,\n    );\n    const activeSort = sortIndex === -1 ? null : activeSorts[sortIndex];\n    const isSorted = activeSort != null;\n    // Only worth showing when more than one column is sorted — a lone \"1\"\n    // beside an arrow is noise.\n    const sortRank = activeSorts.length > 1 ? sortIndex + 1 : null;\n    const isSortable =\n      sortMode !== 'off' && !column.isStructural && column.isSortable === true;\n\n    // A structural column has no content to make room for, and resizing needs\n    // somewhere to write the result.\n    const canResize =\n      !column.isStructural &&\n      (column.isResizable ?? isResizable) &&\n      onColumnResize != null &&\n      onColumnResizeEnd != null;\n\n    const ctx: CubeTableHeaderContext = {\n      columnKey: column.key,\n      columnIndex: column.index,\n      sort: activeSort?.direction ?? null,\n      isSortable,\n      isResizing: false,\n      width: column.width,\n    };\n\n    // The arrow keeps its slot even when unsorted, so turning a sort on and off\n    // never shifts the label.\n    const sortIndicator = isSortable ? (\n      <div\n        data-element=\"SortIndicator\"\n        data-rank={sortRank ?? undefined}\n        data-sorted={isSorted ? '' : undefined}\n        data-dir={activeSort?.direction}\n        aria-hidden=\"true\"\n      >\n        <UpIcon />\n      </div>\n    ) : null;\n\n    // The arrow belongs in the `rightIcon` slot: that slot is sized and aligned\n    // for an icon, while `suffix` is a text slot and puts the glyph on the\n    // label's baseline.\n    //\n    // A `header.rightIcon` the consumer asked for keeps the slot, and the arrow\n    // falls back to `suffix` — rare, and better than dropping either one.\n    const hasCustomRightIcon = header?.rightIcon != null;\n    const rightIcon = hasCustomRightIcon ? header!.rightIcon : sortIndicator;\n\n    const suffixContent = hasCustomRightIcon ? sortIndicator : null;\n    const suffix =\n      header?.suffix != null || suffixContent ? (\n        <>\n          {header?.suffix}\n          {suffixContent}\n        </>\n      ) : undefined;\n\n    const content = header?.render ? (\n      header.render(ctx)\n    ) : column.title == null && !header ? null : (\n      <TableHeaderItem\n        icon={header?.icon}\n        rightIcon={rightIcon}\n        prefix={header?.prefix}\n        suffix={suffix}\n        description={header?.description}\n        descriptionPlacement={header?.descriptionPlacement}\n        tooltip={header?.tooltip ?? true}\n        theme={header?.theme}\n        actions={header?.actions}\n        autoHideActions={header?.autoHideActions ?? true}\n        styles={header?.styles}\n      >\n        {column.title}\n      </TableHeaderItem>\n    );\n\n    return (\n      <th\n        key={column.key}\n        data-element=\"HeaderCell\"\n        data-key={column.key}\n        data-pin={column.pin}\n        data-pin-edge={column.isPinEdge ? '' : undefined}\n        data-align={header?.align ?? column.align}\n        data-sortable={isSortable ? '' : undefined}\n        data-resizable={canResize ? '' : undefined}\n        data-last-column={lastColumnFlag(column)}\n        data-sorted={isSorted ? '' : undefined}\n        role=\"columnheader\"\n        scope=\"col\"\n        // A sortable header is a control, so it takes a tab stop. Row/cell\n        // keyboard navigation lands in a follow-up and will move this to the\n        // grid's roving-tabindex model.\n        tabIndex={isSortable ? 0 : -1}\n        aria-colindex={column.ariaColIndex}\n        aria-sort={activeSort ? ARIA_SORT[activeSort.direction] : undefined}\n        style={pinStyle(column)}\n        onClick={isSortable ? () => onColumnSort?.(column.key) : undefined}\n        onKeyDown={\n          isSortable\n            ? (event) => {\n                if (event.key !== 'Enter' && event.key !== ' ') return;\n                // Space would scroll the grid otherwise.\n                event.preventDefault();\n                onColumnSort?.(column.key);\n              }\n            : undefined\n        }\n      >\n        {content}\n        {canResize ? (\n          <ColumnResizer<T>\n            column={column}\n            label={t('itemTable.resizeColumn', 'Resize column')}\n            onResize={onColumnResize!}\n            onResizeEnd={onColumnResizeEnd!}\n          />\n        ) : null}\n      </th>\n    );\n  }\n\n  function renderCell(\n    column: CubeResolvedColumn<T>,\n    row: T,\n    rowIndex: number,\n    rowKey: Key,\n    isLastRow: boolean,\n    // The row's pinned edge, mirrored onto its cells. Cells are what draw the\n    // borders and the fill, and a sub-element cannot ask about its DOM parent's\n    // mods — state keys inside `Cell` resolve against the table root.\n    pinnedEdge?: 'top' | 'bottom',\n  ) {\n    // Section-qualified, because the same record is routinely pinned at both\n    // edges. `rowKey` below stays the consumer's own — this identity is the\n    // range's alone.\n    const rangeKey = selectionRowKey(sectionOf(pinnedEdge), rowKey);\n    if (column.key === SELECTION_COLUMN_KEY) {\n      return renderSelectionCell(\n        column,\n        row,\n        rowIndex,\n        rowKey,\n        isLastRow,\n        pinnedEdge,\n      );\n    }\n\n    if (column.key === ROW_NUMBER_COLUMN_KEY) {\n      return (\n        <td\n          key={column.key}\n          data-element=\"Cell\"\n          data-key={column.key}\n          data-kind=\"row-number\"\n          data-last-row={isLastRow ? '' : undefined}\n          data-pinned={pinnedEdge}\n          data-last-column={lastColumnFlag(column)}\n          data-corner={bottomCornerFlag(\n            column,\n            rowIndex,\n            isLastRow,\n            pinnedEdge,\n          )}\n          role=\"gridcell\"\n          aria-colindex={column.ariaColIndex}\n          style={pinStyle(column)}\n        >\n          {/*\n            A pinned row is not numbered. It sits outside the sequence — a\n            total is not row 1 — and numbering it would repeat a number the\n            scrolling rows already own.\n          */}\n          {pinnedEdge ? null : rowNumberOffset + rowIndex + 1}\n        </td>\n      );\n    }\n\n    if (column.key === ROW_MENU_COLUMN_KEY) {\n      return renderRowMenuCell(\n        column,\n        row,\n        rowIndex,\n        rowKey,\n        isLastRow,\n        pinnedEdge,\n      );\n    }\n\n    const ctx: CubeTableCellContext<T> = {\n      row,\n      rowKey,\n      rowIndex,\n      columnKey: column.key,\n      columnIndex: column.index,\n      section: sectionOf(pinnedEdge),\n      // The ROW's selection, matching the field's siblings (`isRowFocused`).\n      // Cell-range membership is a different question and has its own answer in\n      // `data-cell-selected`.\n      isSelected: selection?.isSelected(rowKey) ?? false,\n    };\n\n    const value = column.isStructural\n      ? undefined\n      : getColumnValue(column, row, rowIndex);\n\n    // Without `render`, the cell shows the column's display text — which is\n    // what `format` produces, and what client sort, search and copy all agree\n    // on. `getColumnText` returns null for a value it cannot turn into text\n    // (an object with no `format`), so we render nothing rather than\n    // \"[object Object]\".\n    const rendered = column.render\n      ? column.render(value, row, rowIndex, ctx)\n      : column.isStructural\n        ? null\n        : getColumnText(column, row, rowIndex);\n\n    const isText =\n      typeof rendered === 'string' ||\n      typeof rendered === 'number' ||\n      typeof rendered === 'bigint';\n\n    // Bare text gets ellipsis + an automatic tooltip when it overflows.\n    // `TextItem` rather than `Item` deliberately: `Item` runs `useHotkeys` on\n    // every instance, which at one per cell would be hundreds of subscriptions\n    // churned on every scroll tick.\n    //\n    // An `autoHeight` column skips it — `TextItem` exists to truncate, and this\n    // column has opted into wrapping instead.\n    const content =\n      isText && !column.autoHeight ? (\n        <TextItem>{String(rendered)}</TextItem>\n      ) : isText ? (\n        String(rendered)\n      ) : (\n        (rendered as ReactNode)\n      );\n\n    const resolvedCellStyles =\n      typeof column.cellStyles === 'function'\n        ? column.cellStyles(ctx)\n        : column.cellStyles;\n\n    const CellTag = column.isRowHeader ? 'th' : 'td';\n\n    // The link lives in the row-header cell but stretches over the whole row:\n    // a `<tr>` cannot be wrapped in an `<a>`, and this is the one cell whose\n    // text is the row's accessible name. ⌘-click, middle-click and \"Open in\n    // new tab\" then work natively, which an onClick handler can never give.\n    const link = column.isRowHeader ? rowLink?.(row, rowIndex) : undefined;\n\n    return (\n      <CellTag\n        key={column.key}\n        data-element=\"Cell\"\n        data-key={column.key}\n        data-pin={column.pin}\n        data-pin-edge={column.isPinEdge ? '' : undefined}\n        data-align={column.align}\n        data-wrap={column.autoHeight ? '' : undefined}\n        data-link={link !== undefined ? '' : undefined}\n        data-last-row={isLastRow ? '' : undefined}\n        data-pinned={pinnedEdge}\n        data-last-column={lastColumnFlag(column)}\n        data-corner={bottomCornerFlag(column, rowIndex, isLastRow, pinnedEdge)}\n        data-cell-selected={\n          isCellSelected(rangeKey, column.key) ? '' : undefined\n        }\n        {...(column.isRowHeader\n          ? { scope: 'row' as const }\n          : { role: 'gridcell' as const })}\n        {...cellSelectionProps(rangeKey, column.key, pinnedEdge)}\n        aria-colindex={column.ariaColIndex}\n        style={{\n          ...pinStyle(column),\n          ...(resolvedCellStyles as CSSProperties),\n        }}\n        {...column.cellProps?.(ctx)}\n      >\n        {content}\n        {link !== undefined ? (\n          <Action\n            data-element=\"RowLink\"\n            to={link}\n            // The row is the tab stop; the link is reached through it.\n            tabIndex={-1}\n            aria-label={getColumnText(column, row, rowIndex) ?? undefined}\n          />\n        ) : null}\n      </CellTag>\n    );\n  }\n\n  /**\n   * A pinned row — a total or subtotal.\n   *\n   * Rendered inside `<tbody>` rather than `<thead>`/`<tfoot>` so it keeps the\n   * body's own row and cell styling: the sub-element chains are anchored to\n   * `Body`, and a row in the head would match none of them. `data-pinned`\n   * carries the stickiness instead.\n   */\n  function renderPinnedRow(row: T, index: number, edge: 'top' | 'bottom') {\n    // The consumer's own key, not a positional one: a cell range spans pinned\n    // and scrolling rows alike, so both have to answer to the same identity.\n    const rowKey = getRowKey(row, index);\n\n    return (\n      <tr\n        key={`pinned-${edge}-${rowKey}`}\n        data-element=\"Row\"\n        data-pinned={edge}\n        role=\"row\"\n        aria-rowindex={pinnedRowIndex(index, edge)}\n      >\n        {columns.map((column) =>\n          renderCell(column, row, index, rowKey, false, edge),\n        )}\n      </tr>\n    );\n  }\n\n  /** The cells of one body row. Shared by both render paths. */\n  function renderRowCells(row: T, rowIndex: number) {\n    const rowKey = getRowKey(row, rowIndex);\n\n    return columns.map((column) =>\n      renderCell(column, row, rowIndex, rowKey, rowIndex === rows.length - 1),\n    );\n  }\n\n  /**\n   * The `<tr>` shell. Virtuoso owns the element in the virtualized path (it\n   * needs its own `style` and measurement attributes), so this returns the\n   * props rather than the element.\n   */\n  function getRowElementProps(row: T, rowIndex: number) {\n    const rowKey = getRowKey(row, rowIndex);\n    const isSelected = selection?.isSelected(rowKey) ?? false;\n    const ctx: CubeTableRowContext<T> = {\n      row,\n      rowKey,\n      rowIndex,\n      section: 'body',\n      isSelected,\n    };\n    const extra = getRowProps?.(ctx);\n\n    return {\n      'data-element': 'Row',\n      'data-key': String(rowKey),\n      // Lets a pointer or keyboard event resolve back to its row without a\n      // closure per row.\n      'data-row-index': rowIndex,\n      'data-qa': extra?.qa,\n      'data-odd': isStriped && rowIndex % 2 === 1 ? '' : undefined,\n      'data-dimmed': extra?.isDimmed ? '' : undefined,\n      'data-selected': isSelected ? '' : undefined,\n      'data-disabled': selection?.isRowDisabled(rowKey) ? '' : undefined,\n      role: 'row',\n      // Only the resting row takes a tab stop; the rest are reached with the\n      // arrow keys. Off entirely when nothing on the row is operable.\n      tabIndex: isReorderable\n        ? rowIndex === focusedRowIndex\n          ? 0\n          : -1\n        : undefined,\n      // Only meaningful in a selectable grid; announcing \"not selected\" on\n      // every row of a plain table is noise.\n      'aria-selected': selection?.isEnabled ? isSelected : undefined,\n      'aria-rowindex': bodyRowIndex(rowIndex),\n      title: extra?.tooltip,\n      height: extra?.height,\n      'data-clickable':\n        onRowAction != null || rowLink?.(row, rowIndex) !== undefined\n          ? ''\n          : undefined,\n      onClick:\n        onRowAction != null\n          ? (event: ReactMouseEvent) => {\n              // A click that landed on a control inside the cell belongs to\n              // that control — the row must not also act on it.\n              if (\n                (event.target as HTMLElement).closest(\n                  'a, button, input, select, textarea, [role=\"button\"], [role=\"menuitem\"]',\n                )\n              ) {\n                return;\n              }\n\n              onRowAction(row, rowKey);\n            }\n          : undefined,\n      onContextMenu: isMenuEnabled\n        ? (event: ReactMouseEvent) =>\n            openContextMenuFor(row, rowIndex, rowKey, event)\n        : undefined,\n      ...Object.fromEntries(\n        Object.entries(extra?.mods ?? {})\n          .filter(([, active]) => active)\n          .map(([name]) => [`data-${name}`, '']),\n      ),\n    } as Record<string, any>;\n  }\n\n  function renderRow(row: T, rowIndex: number, isVirtual = false) {\n    const { height, ...rowProps } = getRowElementProps(row, rowIndex);\n    const rowKey = getRowKey(row, rowIndex);\n\n    return (\n      <TableRow\n        key={rowProps['data-key']}\n        rowKey={rowKey}\n        rowProps={rowProps}\n        height={height}\n        index={isVirtual ? rowIndex : undefined}\n        measureRef={isVirtual ? virtualizer.measureElement : undefined}\n        dragState={isReorderable ? dragState : undefined}\n        dropState={isReorderable ? dropState : undefined}\n      >\n        {renderRowCells(row, rowIndex)}\n      </TableRow>\n    );\n  }\n\n  function renderSpacerRow(height: number, position: 'top' | 'bottom') {\n    if (height <= 0) return null;\n\n    return (\n      <tr aria-hidden=\"true\" data-spacer={position}>\n        <td colSpan={Math.max(columnCount, 1)} style={{ height }} />\n      </tr>\n    );\n  }\n\n  /**\n   * A row, preceded by the line showing a drop above it — and followed by one\n   * for the very last row, which has nothing after it to carry a \"before\".\n   *\n   * The indicators render nothing unless a drag is in flight, so a table that\n   * is merely *capable* of dragging keeps its ordinary structure.\n   */\n  function withDropIndicators(row: T, index: number, isVirtual = false) {\n    const rowKey = getRowKey(row, index);\n    const rowNode = renderRow(row, index, isVirtual);\n\n    if (!isReorderable || !dropState) return rowNode;\n\n    return (\n      <Fragment key={`row-${String(rowKey)}`}>\n        <TableRowDropIndicator\n          rowKey={rowKey}\n          dropPosition=\"before\"\n          dropState={dropState}\n          columnCount={columnCount}\n        />\n        {rowNode}\n        {index === rows.length - 1 ? (\n          <TableRowDropIndicator\n            rowKey={rowKey}\n            dropPosition=\"after\"\n            dropState={dropState}\n            columnCount={columnCount}\n          />\n        ) : null}\n      </Fragment>\n    );\n  }\n\n  const hasRows = rows.length > 0;\n\n  // How a refresh over an existing result is presented. `overlay` keeps the\n  // previous rows on screen (dimmed, behind a spinner) so a server page or a\n  // re-sort does not blank the table; `skeleton` discards them; `none` leaves\n  // the visuals entirely to the consumer and only sets `aria-busy`.\n  // `overlay` is the only behaviour that paints: the rows dim and a spinner\n  // sits over them. `none` deliberately leaves them untouched.\n  const isStale = isLoading && hasRows && loadingIndicator === 'overlay';\n  const showSkeleton =\n    isLoading &&\n    loadingIndicator !== 'none' &&\n    (!hasRows || loadingIndicator === 'skeleton');\n  // Without rows and without an indicator there is nothing to say yet —\n  // rendering the empty state would flash \"No items\" before the first response.\n  const showBlank = isLoading && !hasRows && loadingIndicator === 'none';\n\n  const shouldVirtualize =\n    hasRows &&\n    error == null &&\n    (isVirtualized === true ||\n      (isVirtualized === 'auto' && rows.length > virtualizeThreshold));\n\n  const rowsRef = useRef(rows);\n\n  rowsRef.current = rows;\n\n  // `getScrollElement` is read from a ref, not the state value: the virtualizer\n  // consults it from a layout effect, and a closure over state can still hold\n  // the `null` from the first render.\n  const virtualizer = useVirtualizer({\n    count: shouldVirtualize ? rows.length : 0,\n    getScrollElement: () => scrollerRef.current,\n    getItemKey: (index) => String(getRowKey(rowsRef.current[index], index)),\n    estimateSize: () =>\n      (rowHeight ?? ESTIMATED_ROW_HEIGHT[size ?? 'medium']) + 1,\n    measureElement: (element) => element.getBoundingClientRect().height,\n    // Rows beyond each viewport edge. Higher than a list's, because a fast\n    // flick outruns React's re-render and the gap shows as blank rows — and a\n    // table row is one element, not one per column, so the extra ones are\n    // cheap.\n    overscan,\n  });\n\n  // `scrollerEl` is referenced only to re-render on the pass where the scroller\n  // first exists, so the virtualizer re-reads `getScrollElement` and attaches.\n  void scrollerEl;\n\n  const scrollability = useScrollability(scrollerEl);\n\n  /**\n   * Roving tabindex over the rows, so a reorderable table can be operated from\n   * the keyboard at all.\n   *\n   * React Aria's `dragProps` already describe \"press Enter to start dragging\"\n   * and implement the whole keyboard drag — but a `<tr>` is not focusable, so\n   * without this the description is announced for a row nobody can reach. One\n   * tab stop for the grid, arrows to move within it, matching how every other\n   * collection in the kit behaves.\n   */\n  // Not while a drag is in flight: React Aria is already moving the row under\n  // the pointer, and a second transform fighting it reads as a stutter.\n  useRowMoveAnimation({\n    isEnabled: isRowMoveAnimated && !dragState?.draggingKeys?.size,\n    bodyRef: localBodyRef,\n  });\n\n  /**\n   * How many rows the next batch is likely to bring, measured across the last\n   * fetch that actually happened.\n   *\n   * The placeholder burst is sized to this so the scroll height is right both\n   * before and after the load: a short burst under a long batch makes the\n   * content jump the moment the rows land, and leaves the user stopped at the\n   * bottom of the list in the meantime with nothing left to scroll into.\n   *\n   * Measured across `isLoadingMore`, not from any growth in `rows`. Plenty of\n   * things lengthen the list without being a fetch — clearing a client search\n   * over an infinite list restores every filtered-out row at once — and reading\n   * that as a batch of ninety sized the next burst at ninety.\n   *\n   * Measured at all, rather than taken from `pageSize`, because infinite-scroll\n   * consumers often do not set it.\n   */\n  const lastBatchSizeRef = useRef(0);\n  const rowCountBeforeFetchRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (isLoadingMore) {\n      rowCountBeforeFetchRef.current = rows.length;\n\n      return;\n    }\n\n    const before = rowCountBeforeFetchRef.current;\n\n    if (before != null && rows.length > before) {\n      lastBatchSizeRef.current = rows.length - before;\n    }\n\n    rowCountBeforeFetchRef.current = null;\n    // Deliberately keyed on the flag alone: the row count wanted is the one at\n    // each edge of the fetch, not every value it passes through.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLoadingMore]);\n\n  const loadMoreSkeletonCount = Math.min(\n    // Until a fetch has been measured, the rows already loaded are the best\n    // guess at what the next batch brings — that IS the first page.\n    Math.max(lastBatchSizeRef.current || rows.length || skeletonRowCount, 1),\n    MAX_LOAD_MORE_SKELETON_ROWS,\n  );\n\n  const [focusedRowIndex, setFocusedRowIndex] = useState(0);\n  // Only used to suppress text selection during the gesture; the range itself\n  // lives in a ref so growing it does not re-render on every cell crossed.\n  const [isRangeDragging, setIsRangeDragging] = useState(false);\n\n  // The button can come up outside the grid — over the footer, over another\n  // component, off the window entirely — so the end of the gesture is watched\n  // globally rather than on the cell the drag started in.\n  useEffect(() => {\n    if (!isRangeDragging) return;\n\n    const end = () => {\n      if (cellSelection) cellSelection.isDraggingRef.current = false;\n      setIsRangeDragging(false);\n    };\n\n    window.addEventListener('pointerup', end);\n    window.addEventListener('pointercancel', end);\n\n    return () => {\n      window.removeEventListener('pointerup', end);\n      window.removeEventListener('pointercancel', end);\n    };\n  }, [isRangeDragging, cellSelection]);\n\n  const moveRowFocus = useEvent((from: HTMLElement, delta: number) => {\n    const current = from.closest('tr[data-element=\"Row\"]');\n    const all = Array.from(\n      scrollerRef.current?.querySelectorAll<HTMLTableRowElement>(\n        'tbody tr[data-element=\"Row\"]:not([data-placeholder])',\n      ) ?? [],\n    );\n\n    if (!all.length) return false;\n\n    const index = current ? all.indexOf(current as HTMLTableRowElement) : -1;\n    const next = Math.min(\n      Math.max((index === -1 ? focusedRowIndex : index) + delta, 0),\n      all.length - 1,\n    );\n\n    setFocusedRowIndex(next);\n    all[next]?.focus();\n\n    return true;\n  });\n\n  /* ── infinite scroll ────────────────────────────────────────────────────\n   * An `IntersectionObserver` on a sentinel row rather than a scroll handler:\n   * `rootMargin` expresses \"prefetch this far before the end\" directly, it\n   * costs nothing per scroll tick, and it works on both render paths — under\n   * virtualization the trailing spacer holds the remaining height, so the\n   * sentinel after it still marks the true end of the list.\n   * ──────────────────────────────────────────────────────────────────────── */\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const onLoadMoreEvent = useEvent(() => onLoadMore?.());\n\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n\n    // Re-armed whenever `isLoadingMore` flips, so a request in flight cannot be\n    // fired again by the sentinel still sitting in view.\n    if (!onLoadMore || !hasMore || isLoadingMore || !scrollerEl || !sentinel) {\n      return;\n    }\n\n    // One screen ahead by default: the request goes out while the user still\n    // has a viewport of rows left to read, so the batch is usually there before\n    // they arrive. Read at arm time rather than tracked — a resize mid-scroll\n    // leaves the margin slightly stale, which costs nothing.\n    const margin =\n      loadMoreMargin ?? Math.max(scrollerEl.clientHeight, MIN_LOAD_MORE_MARGIN);\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) onLoadMoreEvent();\n      },\n      { root: scrollerEl, rootMargin: `0px 0px ${margin}px 0px` },\n    );\n\n    observer.observe(sentinel);\n\n    return () => observer.disconnect();\n  }, [\n    onLoadMore,\n    hasMore,\n    isLoadingMore,\n    scrollerEl,\n    loadMoreMargin,\n    onLoadMoreEvent,\n    rows.length,\n  ]);\n\n  /* ── row menu ───────────────────────────────────────────────────────────\n   * One instance for the whole table rather than one per row: a table can hold\n   * thousands of rows, and only ever one context menu is open.\n   *\n   * `targetRef` is deliberately left unattached, which keeps the hook's own\n   * `contextmenu` listener unbound — it would open with fixed props, and the\n   * items depend on which row was right-clicked. The handler below resolves the\n   * row first and then opens with that row's items; with no target, the hook\n   * positions from the event's viewport coordinates, which is what a\n   * pointer-anchored menu wants anyway.\n   * ──────────────────────────────────────────────────────────────────────── */\n  const contextMenu = useContextMenu<HTMLDivElement, any>(Menu, {\n    placement: 'bottom start',\n  });\n\n  const isMenuEnabled = rowMenu != null && rowContextMenu !== false;\n  const hasMenuColumn = isMenuEnabled && rowContextMenu !== 'context-only';\n\n  function resolveRowMenu(row: T, rowIndex: number, rowKey: Key) {\n    if (!rowMenu) return null;\n\n    return rowMenu(row, {\n      row,\n      rowKey,\n      rowIndex,\n      section: 'body',\n      isSelected: selection?.isSelected(rowKey) ?? false,\n      isFocused: false,\n      isDropTarget: false,\n    });\n  }\n\n  function menuActionHandler(row: T, rowKey: Key, closeAfter: boolean) {\n    return (action: Key) => {\n      onRowMenuAction?.(normalizeMenuAction(action), row, rowKey);\n\n      // `useContextMenu` leaves its popover open after an action — the same\n      // happens in `Tree`, so it is the hook's behaviour rather than this\n      // table's. Closing here keeps the row menu correct meanwhile; drop this\n      // once the hook closes on select itself.\n      if (closeAfter) contextMenu.close();\n    };\n  }\n\n  const openContextMenuFor = useEvent(\n    (\n      row: T,\n      rowIndex: number,\n      rowKey: Key,\n      event: ReactMouseEvent | ReactKeyboardEvent,\n    ) => {\n      const items = resolveRowMenu(row, rowIndex, rowKey);\n\n      // No items means no menu — falling through to the browser's own context\n      // menu is more useful than opening an empty popover.\n      if (isMenuEmpty(items)) return;\n\n      event.preventDefault();\n      contextMenu.open(\n        { children: items, onAction: menuActionHandler(row, rowKey, true) },\n        undefined,\n        // Shift+F10 carries no coordinates; the hook then anchors on the\n        // element that produced the event, which is the row.\n        'clientX' in event.nativeEvent\n          ? (event.nativeEvent as MouseEvent)\n          : undefined,\n      );\n    },\n  );\n\n  /** Resolves the row a pointer or keyboard event landed in. */\n  function rowFromEvent(target: EventTarget | null) {\n    const element = (target as HTMLElement | null)?.closest?.(\n      'tr[data-element=\"Row\"][data-key]',\n    );\n\n    if (!element) return null;\n\n    const index = Number(element.getAttribute('data-row-index'));\n\n    if (!Number.isInteger(index)) return null;\n\n    const row = rows[index];\n\n    return row === undefined ? null : { row, index };\n  }\n\n  const virtualItems = shouldVirtualize ? virtualizer.getVirtualItems() : [];\n  const paddingTop = virtualItems.length ? virtualItems[0].start : 0;\n  const paddingBottom = virtualItems.length\n    ? virtualizer.getTotalSize() - virtualItems[virtualItems.length - 1].end\n    : 0;\n\n  const colGroup = (\n    <colgroup>\n      {columns.map((column) => (\n        <col\n          key={column.key}\n          style={column.width != null ? { width: column.width } : undefined}\n        />\n      ))}\n    </colgroup>\n  );\n\n  const headerRow = isHeaderHidden ? null : (\n    <tr data-element=\"HeadRow\" role=\"row\" aria-rowindex={1}>\n      {columns.map(renderHeaderCell)}\n    </tr>\n  );\n\n  const tableProps = {\n    'data-element': 'Table',\n    role: 'grid',\n    'aria-label': ariaLabel,\n    'aria-busy': isLoading || undefined,\n    'aria-rowcount':\n      headerRowCount + pinnedTopCount + bodyRowCount + pinnedBottomCount,\n    'aria-colcount': columnCount,\n    'aria-multiselectable':\n      selection?.selectionMode === 'multiple' ? true : undefined,\n  } as const;\n\n  let bodyContent: ReactNode;\n\n  if (error != null) {\n    bodyContent = renderStateRow(error);\n  } else if (showSkeleton) {\n    bodyContent = renderSkeletonRows();\n  } else if (showBlank) {\n    bodyContent = null;\n  } else if (!hasRows) {\n    bodyContent = renderStateRow(isFiltered ? noResultsLabel : emptyLabel);\n  } else if (shouldVirtualize) {\n    bodyContent = (\n      <>\n        {renderSpacerRow(paddingTop, 'top')}\n        {virtualItems.map((v) =>\n          withDropIndicators(rows[v.index], v.index, true),\n        )}\n        {renderSpacerRow(paddingBottom, 'bottom')}\n      </>\n    );\n  } else {\n    bodyContent = rows.map((row, index) => withDropIndicators(row, index));\n  }\n\n  // Before the first measure there are no columns to lay out yet — show the\n  // generic table skeleton rather than an empty frame.\n  //\n  // Returned HERE, below every hook, not at the point in the render where the\n  // condition is known. Returning early skipped sixteen hooks — the virtualizer,\n  // the scrollability observer, the move animation, the context menu, two\n  // `useState`s — so the first render with columns called more hooks than the\n  // last one without them, and React threw \"Rendered more hooks than during the\n  // previous render\". A consumer that mounts with `columns={[]}` while loading\n  // and fills them in from a response is the ordinary case, not an exotic one.\n  if (columnCount === 0 && isLoading) {\n    return (\n      <TableElement\n        ref={rootRef}\n        qa={qa || 'Table'}\n        styles={mergedStyles}\n        mods={{ size, shape, ...mods }}\n      >\n        {toolbar}\n        <div data-element=\"Scroller\" ref={handleScrollerRef}>\n          <Skeleton layout=\"table\" />\n        </div>\n      </TableElement>\n    );\n  }\n\n  return (\n    <TableElement\n      ref={rootRef}\n      qa={qa || 'Table'}\n      styles={mergedStyles}\n      mods={{\n        size,\n        shape,\n        'sticky-header': isHeaderSticky,\n        'column-dividers': hasColumnDividers,\n        'range-dragging': isRangeDragging,\n        // The footer's top border is the closing edge, so the last row must not\n        // draw one as well.\n        'has-footer': footer != null,\n        'scroll-x': scrollability.x,\n        'scroll-y': scrollability.y,\n        stale: isStale,\n        ...mods,\n      }}\n    >\n      {toolbar}\n      <div\n        data-element=\"Scroller\"\n        ref={handleScrollerRef}\n        // Focusable only programmatically: a cell press moves focus here so the\n        // range's shortcuts land, but the grid stays a single tab stop.\n        tabIndex={cellSelection?.isEnabled ? -1 : undefined}\n        // Escape is the standard way out of a selection, and it must work from\n        // wherever focus happens to be inside the table.\n        onKeyDown={(event) => {\n          // Shift+F10 is the standard way to reach a context menu from the\n          // keyboard, and the only way when there is no `⋮` trigger.\n          if (event.key === 'F10' && event.shiftKey && isMenuEnabled) {\n            const found = rowFromEvent(event.target);\n\n            if (found) {\n              event.stopPropagation();\n              openContextMenuFor(\n                found.row,\n                found.index,\n                getRowKey(found.row, found.index),\n                event,\n              );\n            }\n\n            return;\n          }\n\n          if (event.key === 'Enter' && onRowAction) {\n            const found = rowFromEvent(event.target);\n\n            // Enter on a control inside the cell belongs to that control.\n            if (\n              found &&\n              !(event.target as HTMLElement).closest(\n                'a, button, input, select, textarea, [role=\"button\"]',\n              )\n            ) {\n              onRowAction(found.row, getRowKey(found.row, found.index));\n            }\n\n            return;\n          }\n\n          if (\n            isReorderable &&\n            (event.key === 'ArrowDown' || event.key === 'ArrowUp')\n          ) {\n            // Not while a drag is in flight — the arrows then belong to React\n            // Aria, which uses them to choose the drop position.\n            if (dragState?.draggingKeys?.size) return;\n\n            if (\n              moveRowFocus(\n                event.target as HTMLElement,\n                event.key === 'ArrowDown' ? 1 : -1,\n              )\n            ) {\n              event.preventDefault();\n            }\n\n            return;\n          }\n\n          if (event.key === 'Escape') {\n            if (cellSelection?.range) {\n              event.stopPropagation();\n              cellSelection.clear();\n\n              return;\n            }\n\n            if (selection?.isEnabled && selection.selectedCount > 0) {\n              event.stopPropagation();\n              selection.clearSelection();\n            }\n          }\n        }}\n        // `onCopy` rather than a ⌘/Ctrl+C keydown: it is the event the browser\n        // already fires for the shortcut AND for Edit ▸ Copy, and writing\n        // through `clipboardData` needs no permission prompt. Both `text/plain`\n        // and `text/html` go on, so Excel and Sheets paste a grid rather than\n        // one run of text.\n        onCopy={(event) => {\n          if (!cellSelection?.range) return;\n\n          const matrix = cellSelection.getSelectionMatrix(\n            (column, row, rowIndex) =>\n              column.isStructural\n                ? ''\n                : getColumnText(column, row, rowIndex) ?? '',\n          );\n\n          if (!matrix.length) return;\n\n          // Both formats from the same matrix. Building the HTML by re-parsing\n          // the TSV tore any cell whose value contained a tab or a newline —\n          // exactly the values the TSV had to quote in the first place.\n          event.preventDefault();\n          event.clipboardData.setData('text/plain', toTsv(matrix));\n          event.clipboardData.setData('text/html', toClipboardHtml(matrix));\n\n          // A copy that writes to the clipboard leaves nothing on screen to say\n          // it worked — the range looks the same before and after. The count is\n          // what confirms the right block went, which matters most when the\n          // selection runs past the bottom of the viewport.\n          toast.success({\n            title: t('itemTable.copiedToClipboard', 'Copied to clipboard'),\n            description: t('itemTable.copiedCells', '{{count}} cells copied', {\n              count: cellSelection.cellCount,\n            }),\n          });\n        }}\n      >\n        <table\n          {...tableProps}\n          style={\n            layout.totalWidth != null ? { width: layout.totalWidth } : undefined\n          }\n        >\n          {colGroup}\n          {isHeaderHidden ? null : (\n            <thead data-element=\"Head\">{headerRow}</thead>\n          )}\n          <tbody data-element=\"Body\" {...collectionProps} ref={handleBodyRef}>\n            {pinnedTopRows?.map((row, index) =>\n              renderPinnedRow(row, index, 'top'),\n            )}\n            {bodyContent}\n            {pinnedBottomRows?.map((row, index) =>\n              renderPinnedRow(row, index, 'bottom'),\n            )}\n            {/*\n              Skeleton rows rather than a spinner: they keep the row grid, say\n              \"more rows of this shape are coming\", and grow the scroll height\n              smoothly instead of a block that appears and vanishes. It also\n              matches what the first load already shows.\n\n              Sized to the batch that is coming (see `loadMoreSkeletonCount`),\n              not to a fixed few: the point is that the list keeps its length\n              through the load, so the user can carry on scrolling into it and\n              nothing lurches when the rows arrive.\n            */}\n            {isLoadingMore\n              ? renderSkeletonRows(loadMoreSkeletonCount, 'load-more')\n              : null}\n            {onLoadMore && hasRows ? (\n              <tr data-sentinel=\"\" aria-hidden=\"true\">\n                <td\n                  colSpan={Math.max(columnCount, 1)}\n                  style={{ height: 1, padding: 0, border: 0 }}\n                >\n                  {/*\n                    A plain block with real height, not the `<tr>` or `<td>`\n                    itself: an `IntersectionObserver` given a zero-area table\n                    part produced no entries at all — not even the initial one\n                    every observer is supposed to emit on `observe`.\n                  */}\n                  <div ref={sentinelRef} style={{ height: 1 }} />\n                </td>\n              </tr>\n            ) : null}\n          </tbody>\n        </table>\n      </div>\n      {/*\n        A refresh is shown by sweeping the table itself, not by parking a\n        spinner over it — the rows stay readable, which is the whole point of\n        keeping the previous result on screen. This is what announces it.\n\n        Always mounted, with the TEXT appearing and disappearing: a live region\n        announces changes to its CONTENT, so an empty node that merely carries\n        an `aria-label` says nothing, and one that is inserted already-populated\n        is unreliable across screen readers. The region has to be there first\n        and then fill.\n      */}\n      <VisuallyHidden>\n        <span role=\"status\">\n          {isStale ? t('itemTable.refreshing', 'Refreshing') : ''}\n        </span>\n      </VisuallyHidden>\n      {overlay}\n      {contextMenu.rendered}\n      {footer}\n    </TableElement>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data/TableBase/index.d.ts

@@ -0,0 +1,5 @@
+
+import { CubeTableAlign, CubeTableCellContext, CubeTableColumn, CubeTableColumnHeader, CubeTableHeaderContext, CubeTableRowContext, CubeTableRowSection, CubeTableSort, CubeTableSortDirection } from "./types.js";
+import { CubeTableRowRenderProps } from "./TableView.js";
+import "./styled.js";
+import "./use-table-columns.js";

package/dist/components/data/TableBase/row-menu.js

@@ -0,0 +1,40 @@
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
+import { Children } from "react";
+
+//#region src/components/data/TableBase/row-menu.ts
+/**
+* Reserved key for the `⋮` trigger column. Prefixed so it cannot collide with
+* a real data key, and structural so the value pipeline, sorting and search all
+* skip it.
+*/
+const ROW_MENU_COLUMN_KEY = "__cube-row-menu__";
+/** Wide enough for one `ItemAction`, with no content width to spare. */
+const ROW_MENU_COLUMN_WIDTH = {
+	xsmall: 32,
+	small: 36,
+	medium: 44,
+	large: 48,
+	xlarge: 52
+};
+/**
+* Whether a resolved `rowMenu` actually contains anything.
+*
+* A row whose resolver returns `null` — or an empty fragment — gets no trigger
+* at all, rather than one that opens an empty popover.
+*/
+function isMenuEmpty(menu) {
+	if (menu == null || menu === false) return true;
+	return Children.toArray(menu).length === 0;
+}
+/**
+* Strips the `.$` prefix React adds to keys when children pass through
+* `Children.toArray`, so the consumer sees the key it wrote on `Menu.Item`.
+*/
+function normalizeMenuAction(action) {
+	const value = String(action);
+	return value.startsWith(".$") ? value.slice(2) : value;
+}
+
+//#endregion
+export { ROW_MENU_COLUMN_KEY, ROW_MENU_COLUMN_WIDTH, isMenuEmpty, normalizeMenuAction };
+//# sourceMappingURL=row-menu.js.map

package/dist/components/data/TableBase/row-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-menu.js","names":[],"sources":["../../../../src/components/data/TableBase/row-menu.ts"],"sourcesContent":["import { Children } from 'react';\n\nimport type { ReactNode } from 'react';\n\n/**\n * Reserved key for the `⋮` trigger column. Prefixed so it cannot collide with\n * a real data key, and structural so the value pipeline, sorting and search all\n * skip it.\n */\nexport const ROW_MENU_COLUMN_KEY = '__cube-row-menu__';\n\n/** Wide enough for one `ItemAction`, with no content width to spare. */\nexport const ROW_MENU_COLUMN_WIDTH: Record<string, number> = {\n  xsmall: 32,\n  small: 36,\n  medium: 44,\n  large: 48,\n  xlarge: 52,\n};\n\n/**\n * Whether a resolved `rowMenu` actually contains anything.\n *\n * A row whose resolver returns `null` — or an empty fragment — gets no trigger\n * at all, rather than one that opens an empty popover.\n */\nexport function isMenuEmpty(menu: ReactNode): boolean {\n  if (menu == null || menu === false) return true;\n\n  return Children.toArray(menu).length === 0;\n}\n\n/**\n * Strips the `.$` prefix React adds to keys when children pass through\n * `Children.toArray`, so the consumer sees the key it wrote on `Menu.Item`.\n */\nexport function normalizeMenuAction(action: unknown): string {\n  const value = String(action);\n\n  return value.startsWith('.$') ? value.slice(2) : value;\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,sBAAsB;;AAGnC,MAAa,wBAAgD;CAC3D,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;CACT;;;;;;;AAQD,SAAgB,YAAY,MAA0B;AACpD,KAAI,QAAQ,QAAQ,SAAS,MAAO,QAAO;AAE3C,QAAO,SAAS,QAAQ,KAAK,CAAC,WAAW;;;;;;AAO3C,SAAgB,oBAAoB,QAAyB;CAC3D,MAAM,QAAQ,OAAO,OAAO;AAE5B,QAAO,MAAM,WAAW,KAAK,GAAG,MAAM,MAAM,EAAE,GAAG"}

package/dist/components/data/TableBase/styled.d.ts

@@ -0,0 +1,5 @@
+
+import "../../content/Item/index.js";
+import "../../../data/item-themes.js";
+import "../../../index.js";
+import { Styles } from "@tenphi/tasty";