@cube-dev/ui-kit 0.196.0 → 0.198.0

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTree } from "react-aria";
-
 //#region src/components/data/TableBase/TreeGridTable.tsx
 /**
 * Hook boundary for the native table. Flat tables deliberately avoid this
@@ -74,12 +73,13 @@ function TreeGridTable(props) {
 			const hasChildren = entry_0.children.length > 0;
 			const isExpanded = tree.state.expandedKeys.has(entry_0.key);
 			let handled = false;
-			if (event_0.key === "ArrowRight" && hasChildren) if (isExpanded) handled = focusEntry(entry_0.children[0]);
-			else {
-				tree.state.toggleKey(entry_0.key);
-				handled = true;
-			}
-			else if (event_0.key === "ArrowLeft") {
+			if (event_0.key === "ArrowRight" && hasChildren) {
+				if (isExpanded) handled = focusEntry(entry_0.children[0]);
+				else {
+					tree.state.toggleKey(entry_0.key);
+					handled = true;
+				}
+			} else if (event_0.key === "ArrowLeft") {
 				if (hasChildren && isExpanded) {
 					tree.state.toggleKey(entry_0.key);
 					handled = true;
@@ -136,7 +136,7 @@ function TreeGridTable(props) {
 	} else t4 = $[15];
 	return t4;
 }
-
 //#endregion
 export { TreeGridTable };
+
 //# sourceMappingURL=TreeGridTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeGridTable.js","names":["useEffect","useRef","useTree","mergeProps","Key","CSSProperties","FocusEvent","ReactFocusEvent","KeyboardEvent","ReactKeyboardEvent","ReactNode","TableTreeNode","TableViewProps","TreeGridTable","props","$","_c","tree","tableProps","style","children","ref","pendingFocusKey","gridProps","ariaProps","state","t0","Symbol","for","key","current","activeElement","document","body","contains","target","Array","from","querySelectorAll","find","element","dataset","String","focus","t1","event","pendingKey","nextTarget","relatedTarget","Element","nextRow","closest","onBlurCapture","handleBlurCapture","t2","entries","event_0","row","HTMLElement","onKeyDownCapture","currentKey","index","findIndex","entry","entry_0","focusEntry","next","selectionManager","setFocusedKey","target_0","element_0","hasChildren","length","isExpanded","expandedKeys","has","handled","toggleKey","parentKey","candidate","preventDefault","stopPropagation","includes","handleKeyDownCapture","t3","t4"],"sources":["../../../../src/components/data/TableBase/TreeGridTable.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useTree } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { Key } from '@react-types/shared';\nimport type {\n  CSSProperties,\n  FocusEvent as ReactFocusEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactNode,\n} from 'react';\nimport type { TableTreeNode } from './table-tree';\nimport type { TableViewProps } from './TableView';\n\n/**\n * Hook boundary for the native table. Flat tables deliberately avoid this\n * component so their DOM and keyboard behaviour remain exactly as before.\n */\nexport function TreeGridTable<T>(props: {\n  tree: NonNullable<TableViewProps<T>['tree']>;\n  tableProps: Record<string, any>;\n  style?: CSSProperties;\n  children: ReactNode;\n}) {\n  const { tree, tableProps, style, children } = props;\n  const ref = useRef<HTMLTableElement>(null);\n  const pendingFocusKey = useRef<Key | null>(null);\n  const { gridProps } = useTree(tree.ariaProps as any, tree.state, ref);\n\n  // A virtualized destination may not exist until the focused key makes the\n  // parent virtualizer scroll and render another window. Retry after each\n  // render until that row mounts, then complete the keyboard focus move.\n  useEffect(() => {\n    const key = pendingFocusKey.current;\n    if (key == null) return;\n\n    // A real focus move wins over the delayed virtual-row focus. Losing the\n    // old row to virtualization leaves focus on <body>, whereas tabbing or\n    // clicking elsewhere leaves a concrete active element we must respect.\n    const activeElement = document.activeElement;\n    if (\n      activeElement &&\n      activeElement !== document.body &&\n      !ref.current?.contains(activeElement)\n    ) {\n      pendingFocusKey.current = null;\n      return;\n    }\n\n    const target = Array.from(\n      ref.current?.querySelectorAll<HTMLTableRowElement>(\n        'tbody tr[data-element=\"Row\"][data-key]',\n      ) ?? [],\n    ).find((element) => element.dataset.key === String(key));\n\n    if (target) {\n      pendingFocusKey.current = null;\n      target.focus();\n    }\n  });\n\n  const handleBlurCapture = (event: ReactFocusEvent<HTMLTableElement>) => {\n    const pendingKey = pendingFocusKey.current;\n    const nextTarget = event.relatedTarget;\n\n    if (pendingKey != null && nextTarget instanceof Element) {\n      const nextRow = nextTarget.closest<HTMLTableRowElement>(\n        'tbody tr[data-element=\"Row\"][data-key]',\n      );\n\n      if (nextRow?.dataset.key !== String(pendingKey)) {\n        pendingFocusKey.current = null;\n      }\n    }\n\n    (gridProps as any).onBlurCapture?.(event);\n  };\n\n  const handleKeyDownCapture = (\n    event: ReactKeyboardEvent<HTMLTableElement>,\n  ) => {\n    const row = (event.target as HTMLElement).closest<HTMLTableRowElement>(\n      'tbody tr[data-element=\"Row\"][data-key]',\n    );\n\n    // Inputs, links and menus embedded in a row retain their own shortcuts.\n    if (!row || event.target !== row) {\n      (gridProps as any).onKeyDownCapture?.(event);\n      return;\n    }\n\n    // While a virtual destination is still mounting, subsequent key presses\n    // continue from that logical key rather than repeatedly targeting the old\n    // DOM row that still owns focus.\n    const currentKey = pendingFocusKey.current ?? row.dataset.key;\n    const index = tree.entries.findIndex(\n      (entry) => String(entry.key) === String(currentKey),\n    );\n    const entry = tree.entries[index];\n    if (!entry) return;\n\n    const focusEntry = (next: TableTreeNode<T> | undefined) => {\n      if (!next) return false;\n      tree.state.selectionManager.setFocusedKey(next.key);\n      const target = Array.from(\n        ref.current?.querySelectorAll<HTMLTableRowElement>(\n          'tbody tr[data-element=\"Row\"][data-key]',\n        ) ?? [],\n      ).find((element) => element.dataset.key === String(next.key));\n      if (target) {\n        pendingFocusKey.current = null;\n        target.focus();\n      } else pendingFocusKey.current = next.key;\n      return true;\n    };\n\n    const hasChildren = entry.children.length > 0;\n    const isExpanded = tree.state.expandedKeys.has(entry.key);\n    let handled = false;\n\n    if (event.key === 'ArrowRight' && hasChildren) {\n      if (isExpanded) handled = focusEntry(entry.children[0]);\n      else {\n        tree.state.toggleKey(entry.key);\n        handled = true;\n      }\n    } else if (event.key === 'ArrowLeft') {\n      if (hasChildren && isExpanded) {\n        tree.state.toggleKey(entry.key);\n        handled = true;\n      } else if (entry.parentKey != null) {\n        handled = focusEntry(\n          tree.entries.find((candidate) => candidate.key === entry.parentKey),\n        );\n      }\n    } else if (event.key === 'ArrowDown') {\n      handled = focusEntry(tree.entries[index + 1]);\n    } else if (event.key === 'ArrowUp') {\n      handled = focusEntry(tree.entries[index - 1]);\n    }\n\n    if (handled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    // React Aria still sees the DOM row that owned focus before the virtual\n    // destination mounted. If a logical navigation key has no action there\n    // (a boundary, leaf, or collapsed root), consuming it avoids falling\n    // through and applying that key to the stale row instead.\n    if (\n      pendingFocusKey.current != null &&\n      ['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'].includes(event.key)\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    (gridProps as any).onKeyDownCapture?.(event);\n  };\n\n  return (\n    <table\n      {...mergeProps(gridProps, tableProps)}\n      ref={ref}\n      role=\"treegrid\"\n      style={style}\n      onBlurCapture={handleBlurCapture}\n      onKeyDownCapture={handleKeyDownCapture}\n    >\n      {children}\n    </table>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TreeGridTable.js","names":["useEffect","useRef","useTree","mergeProps","Key","CSSProperties","FocusEvent","ReactFocusEvent","KeyboardEvent","ReactKeyboardEvent","ReactNode","TableTreeNode","TableViewProps","TreeGridTable","props","$","_c","tree","tableProps","style","children","ref","pendingFocusKey","gridProps","ariaProps","state","t0","Symbol","for","key","current","activeElement","document","body","contains","target","Array","from","querySelectorAll","find","element","dataset","String","focus","t1","event","pendingKey","nextTarget","relatedTarget","Element","nextRow","closest","onBlurCapture","handleBlurCapture","t2","entries","event_0","row","HTMLElement","onKeyDownCapture","currentKey","index","findIndex","entry","entry_0","focusEntry","next","selectionManager","setFocusedKey","target_0","element_0","hasChildren","length","isExpanded","expandedKeys","has","handled","toggleKey","parentKey","candidate","preventDefault","stopPropagation","includes","handleKeyDownCapture","t3","t4","_c","mergeProps"],"sources":["../../../../src/components/data/TableBase/TreeGridTable.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useTree } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { Key } from '@react-types/shared';\nimport type {\n  CSSProperties,\n  FocusEvent as ReactFocusEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactNode,\n} from 'react';\nimport type { TableTreeNode } from './table-tree';\nimport type { TableViewProps } from './TableView';\n\n/**\n * Hook boundary for the native table. Flat tables deliberately avoid this\n * component so their DOM and keyboard behaviour remain exactly as before.\n */\nexport function TreeGridTable<T>(props: {\n  tree: NonNullable<TableViewProps<T>['tree']>;\n  tableProps: Record<string, any>;\n  style?: CSSProperties;\n  children: ReactNode;\n}) {\n  const { tree, tableProps, style, children } = props;\n  const ref = useRef<HTMLTableElement>(null);\n  const pendingFocusKey = useRef<Key | null>(null);\n  const { gridProps } = useTree(tree.ariaProps as any, tree.state, ref);\n\n  // A virtualized destination may not exist until the focused key makes the\n  // parent virtualizer scroll and render another window. Retry after each\n  // render until that row mounts, then complete the keyboard focus move.\n  useEffect(() => {\n    const key = pendingFocusKey.current;\n    if (key == null) return;\n\n    // A real focus move wins over the delayed virtual-row focus. Losing the\n    // old row to virtualization leaves focus on <body>, whereas tabbing or\n    // clicking elsewhere leaves a concrete active element we must respect.\n    const activeElement = document.activeElement;\n    if (\n      activeElement &&\n      activeElement !== document.body &&\n      !ref.current?.contains(activeElement)\n    ) {\n      pendingFocusKey.current = null;\n      return;\n    }\n\n    const target = Array.from(\n      ref.current?.querySelectorAll<HTMLTableRowElement>(\n        'tbody tr[data-element=\"Row\"][data-key]',\n      ) ?? [],\n    ).find((element) => element.dataset.key === String(key));\n\n    if (target) {\n      pendingFocusKey.current = null;\n      target.focus();\n    }\n  });\n\n  const handleBlurCapture = (event: ReactFocusEvent<HTMLTableElement>) => {\n    const pendingKey = pendingFocusKey.current;\n    const nextTarget = event.relatedTarget;\n\n    if (pendingKey != null && nextTarget instanceof Element) {\n      const nextRow = nextTarget.closest<HTMLTableRowElement>(\n        'tbody tr[data-element=\"Row\"][data-key]',\n      );\n\n      if (nextRow?.dataset.key !== String(pendingKey)) {\n        pendingFocusKey.current = null;\n      }\n    }\n\n    (gridProps as any).onBlurCapture?.(event);\n  };\n\n  const handleKeyDownCapture = (\n    event: ReactKeyboardEvent<HTMLTableElement>,\n  ) => {\n    const row = (event.target as HTMLElement).closest<HTMLTableRowElement>(\n      'tbody tr[data-element=\"Row\"][data-key]',\n    );\n\n    // Inputs, links and menus embedded in a row retain their own shortcuts.\n    if (!row || event.target !== row) {\n      (gridProps as any).onKeyDownCapture?.(event);\n      return;\n    }\n\n    // While a virtual destination is still mounting, subsequent key presses\n    // continue from that logical key rather than repeatedly targeting the old\n    // DOM row that still owns focus.\n    const currentKey = pendingFocusKey.current ?? row.dataset.key;\n    const index = tree.entries.findIndex(\n      (entry) => String(entry.key) === String(currentKey),\n    );\n    const entry = tree.entries[index];\n    if (!entry) return;\n\n    const focusEntry = (next: TableTreeNode<T> | undefined) => {\n      if (!next) return false;\n      tree.state.selectionManager.setFocusedKey(next.key);\n      const target = Array.from(\n        ref.current?.querySelectorAll<HTMLTableRowElement>(\n          'tbody tr[data-element=\"Row\"][data-key]',\n        ) ?? [],\n      ).find((element) => element.dataset.key === String(next.key));\n      if (target) {\n        pendingFocusKey.current = null;\n        target.focus();\n      } else pendingFocusKey.current = next.key;\n      return true;\n    };\n\n    const hasChildren = entry.children.length > 0;\n    const isExpanded = tree.state.expandedKeys.has(entry.key);\n    let handled = false;\n\n    if (event.key === 'ArrowRight' && hasChildren) {\n      if (isExpanded) handled = focusEntry(entry.children[0]);\n      else {\n        tree.state.toggleKey(entry.key);\n        handled = true;\n      }\n    } else if (event.key === 'ArrowLeft') {\n      if (hasChildren && isExpanded) {\n        tree.state.toggleKey(entry.key);\n        handled = true;\n      } else if (entry.parentKey != null) {\n        handled = focusEntry(\n          tree.entries.find((candidate) => candidate.key === entry.parentKey),\n        );\n      }\n    } else if (event.key === 'ArrowDown') {\n      handled = focusEntry(tree.entries[index + 1]);\n    } else if (event.key === 'ArrowUp') {\n      handled = focusEntry(tree.entries[index - 1]);\n    }\n\n    if (handled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    // React Aria still sees the DOM row that owned focus before the virtual\n    // destination mounted. If a logical navigation key has no action there\n    // (a boundary, leaf, or collapsed root), consuming it avoids falling\n    // through and applying that key to the stale row instead.\n    if (\n      pendingFocusKey.current != null &&\n      ['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'].includes(event.key)\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    (gridProps as any).onKeyDownCapture?.(event);\n  };\n\n  return (\n    <table\n      {...mergeProps(gridProps, tableProps)}\n      ref={ref}\n      role=\"treegrid\"\n      style={style}\n      onBlurCapture={handleBlurCapture}\n      onKeyDownCapture={handleKeyDownCapture}\n    >\n      {children}\n    </table>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data/TableBase/column-header.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { ArrowNarrowDownIcon } from "../../../icons/ArrowNarrowDownIcon.js";
 import { ArrowNarrowUpIcon } from "../../../icons/ArrowNarrowUpIcon.js";
 import { TableHeaderItem } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/data/TableBase/column-header.tsx
 /**
 * Resolves a column's sort state from `TableView`'s `sorts`, or from `sort`
@@ -152,7 +151,7 @@ function DefaultColumnHeaderContent(t0) {
 	} else t13 = $[24];
 	return t13;
 }
-
 //#endregion
 export { renderColumnHeaderContent, resolveColumnSort };
+
 //# sourceMappingURL=column-header.js.map

package/dist/components/data/TableBase/column-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-header.js","names":["ArrowNarrowDownIcon","ArrowNarrowUpIcon","TableHeaderItem","ReactNode","CubeResolvedColumn","CubeTableHeaderContext","CubeTableSort","ColumnSortState","isSortable","activeSort","isSorted","rank","resolveColumnSort","column","T","sortMode","sorts","sort","activeSorts","sortIndex","findIndex","entry","columnKey","key","isStructural","length","renderSortIndicator","direction","undefined","renderColumnHeaderContent","menuTrigger","header","render","ctx","columnIndex","index","isResizing","width","title","DefaultColumnHeaderContent","t0","$","_c","t1","sortIndicator","hasCustomRightIcon","rightIcon","suffixContent","t2","suffix","t3","actions","t4","icon","t5","prefix","t6","description","t7","descriptionPlacement","t8","tooltip","t9","theme","t10","autoHideActions","t11","t12","styles","t13"],"sources":["../../../../src/components/data/TableBase/column-header.tsx"],"sourcesContent":["import { ArrowNarrowDownIcon } from '../../../icons/ArrowNarrowDownIcon';\nimport { ArrowNarrowUpIcon } from '../../../icons/ArrowNarrowUpIcon';\n\nimport { TableHeaderItem } from './styled';\n\nimport type { ReactNode } from 'react';\nimport type {\n  CubeResolvedColumn,\n  CubeTableHeaderContext,\n  CubeTableSort,\n} from './types';\n\n/** Where a data column stands in the table's sort. */\nexport interface ColumnSortState {\n  isSortable: boolean;\n  /** This column's entry in the sort, or `null` when it is unsorted. */\n  activeSort: CubeTableSort | null;\n  isSorted: boolean;\n  /**\n   * 1-based precedence while more than one column is sorted (`0` for an\n   * unsorted column then), or `null` when it is not worth showing.\n   */\n  rank: number | null;\n}\n\n/**\n * Resolves a column's sort state from `TableView`'s `sorts`, or from `sort`\n * when there is no `sorts`.\n */\nexport function resolveColumnSort<T>(\n  column: CubeResolvedColumn<T>,\n  sortMode: 'client' | 'server' | 'off',\n  sorts: readonly CubeTableSort[] | undefined,\n  sort: CubeTableSort | null | undefined,\n): ColumnSortState {\n  // One resolution path for both shapes, so every consumer of `isSorted`\n  // 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\n  return {\n    isSortable:\n      sortMode !== 'off' && !column.isStructural && column.isSortable === true,\n    activeSort,\n    isSorted: activeSort != null,\n    // Only worth showing when more than one column is sorted — a lone \"1\"\n    // beside an arrow is noise.\n    rank: activeSorts.length > 1 ? sortIndex + 1 : null,\n  };\n}\n\n/**\n * The sort arrow, or nothing for a column that cannot be sorted.\n *\n * The arrow keeps its slot even when unsorted, so turning a sort on and off\n * never shifts the label.\n *\n * Two glyphs rather than one flipped with `scale`. A narrow arrow flipped\n * vertically does land on its own opposite, but rendering the real icon is\n * what keeps that true — a glyph that is not perfectly symmetric would come\n * out subtly wrong, and nothing would say why.\n *\n * Unsorted shows the UP arrow, because that is what the first press gives:\n * the hint predicts the press rather than advertising that one is possible.\n */\nfunction renderSortIndicator(\n  isSortable: boolean,\n  isSorted: boolean,\n  direction: CubeTableSort['direction'] | undefined,\n  rank: number | null,\n) {\n  if (!isSortable) return null;\n\n  return (\n    <div\n      data-element=\"SortIndicator\"\n      data-rank={rank ?? undefined}\n      data-sorted={isSorted ? '' : undefined}\n      data-dir={direction}\n      aria-hidden=\"true\"\n    >\n      {direction === 'desc' ? <ArrowNarrowDownIcon /> : <ArrowNarrowUpIcon />}\n    </div>\n  );\n}\n\n/**\n * What a data column's header cell shows.\n *\n * `header.render` takes the whole cell over. Otherwise a `TableHeaderItem`\n * carries the title and the `header` slots, with the sort arrow and the\n * actions — the consumer's own, then `menuTrigger` — placed into them.\n */\nexport function renderColumnHeaderContent<T>(\n  column: CubeResolvedColumn<T>,\n  sort: ColumnSortState,\n  menuTrigger: ReactNode,\n): ReactNode {\n  const header = column.header;\n\n  if (header?.render) {\n    const ctx: CubeTableHeaderContext = {\n      columnKey: column.key,\n      columnIndex: column.index,\n      sort: sort.activeSort?.direction ?? null,\n      isSortable: sort.isSortable,\n      isResizing: false,\n      width: column.width,\n    };\n\n    return header.render(ctx);\n  }\n\n  if (column.title == null && !header) return null;\n\n  return (\n    <DefaultColumnHeaderContent\n      column={column}\n      isSortable={sort.isSortable}\n      isSorted={sort.isSorted}\n      direction={sort.activeSort?.direction}\n      rank={sort.rank}\n      menuTrigger={menuTrigger}\n    />\n  );\n}\n\n// Like TableCellContent, this boundary lets Compiler retain unchanged Item\n// trees while TableView updates the visible row/column window.\nfunction DefaultColumnHeaderContent<T>({\n  column,\n  isSortable,\n  isSorted,\n  direction,\n  rank,\n  menuTrigger,\n}: {\n  column: CubeResolvedColumn<T>;\n  isSortable: boolean;\n  isSorted: boolean;\n  direction: CubeTableSort['direction'] | undefined;\n  rank: number | null;\n  menuTrigger: ReactNode;\n}) {\n  const header = column.header;\n  const sortIndicator = renderSortIndicator(\n    isSortable,\n    isSorted,\n    direction,\n    rank,\n  );\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  // The consumer's own actions first, the overflow menu last — matching Tabs.\n  const actions =\n    header?.actions != null || menuTrigger ? (\n      <>\n        {header?.actions}\n        {menuTrigger}\n      </>\n    ) : undefined;\n\n  return (\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={actions}\n      autoHideActions={header?.autoHideActions ?? true}\n      // Without it the actions slot animates its width from 0 on hover, which\n      // re-truncates the label — so the header text shifts under the cursor.\n      // Only the opacity should move; `TabElement` reserves the space for the\n      // same reason.\n      preserveActionsSpace={actions != null}\n      styles={header?.styles}\n    >\n      {column.title}\n    </TableHeaderItem>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"column-header.js","names":["ArrowNarrowDownIcon","ArrowNarrowUpIcon","TableHeaderItem","ReactNode","CubeResolvedColumn","CubeTableHeaderContext","CubeTableSort","ColumnSortState","isSortable","activeSort","isSorted","rank","resolveColumnSort","column","T","sortMode","sorts","sort","activeSorts","sortIndex","findIndex","entry","columnKey","key","isStructural","length","renderSortIndicator","direction","undefined","renderColumnHeaderContent","menuTrigger","header","render","ctx","columnIndex","index","isResizing","width","title","DefaultColumnHeaderContent","t0","$","_c","t1","sortIndicator","hasCustomRightIcon","rightIcon","suffixContent","t2","suffix","t3","actions","t4","icon","t5","prefix","t6","description","t7","descriptionPlacement","t8","tooltip","t9","theme","t10","autoHideActions","t11","t12","styles","t13","_c"],"sources":["../../../../src/components/data/TableBase/column-header.tsx"],"sourcesContent":["import { ArrowNarrowDownIcon } from '../../../icons/ArrowNarrowDownIcon';\nimport { ArrowNarrowUpIcon } from '../../../icons/ArrowNarrowUpIcon';\n\nimport { TableHeaderItem } from './styled';\n\nimport type { ReactNode } from 'react';\nimport type {\n  CubeResolvedColumn,\n  CubeTableHeaderContext,\n  CubeTableSort,\n} from './types';\n\n/** Where a data column stands in the table's sort. */\nexport interface ColumnSortState {\n  isSortable: boolean;\n  /** This column's entry in the sort, or `null` when it is unsorted. */\n  activeSort: CubeTableSort | null;\n  isSorted: boolean;\n  /**\n   * 1-based precedence while more than one column is sorted (`0` for an\n   * unsorted column then), or `null` when it is not worth showing.\n   */\n  rank: number | null;\n}\n\n/**\n * Resolves a column's sort state from `TableView`'s `sorts`, or from `sort`\n * when there is no `sorts`.\n */\nexport function resolveColumnSort<T>(\n  column: CubeResolvedColumn<T>,\n  sortMode: 'client' | 'server' | 'off',\n  sorts: readonly CubeTableSort[] | undefined,\n  sort: CubeTableSort | null | undefined,\n): ColumnSortState {\n  // One resolution path for both shapes, so every consumer of `isSorted`\n  // 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\n  return {\n    isSortable:\n      sortMode !== 'off' && !column.isStructural && column.isSortable === true,\n    activeSort,\n    isSorted: activeSort != null,\n    // Only worth showing when more than one column is sorted — a lone \"1\"\n    // beside an arrow is noise.\n    rank: activeSorts.length > 1 ? sortIndex + 1 : null,\n  };\n}\n\n/**\n * The sort arrow, or nothing for a column that cannot be sorted.\n *\n * The arrow keeps its slot even when unsorted, so turning a sort on and off\n * never shifts the label.\n *\n * Two glyphs rather than one flipped with `scale`. A narrow arrow flipped\n * vertically does land on its own opposite, but rendering the real icon is\n * what keeps that true — a glyph that is not perfectly symmetric would come\n * out subtly wrong, and nothing would say why.\n *\n * Unsorted shows the UP arrow, because that is what the first press gives:\n * the hint predicts the press rather than advertising that one is possible.\n */\nfunction renderSortIndicator(\n  isSortable: boolean,\n  isSorted: boolean,\n  direction: CubeTableSort['direction'] | undefined,\n  rank: number | null,\n) {\n  if (!isSortable) return null;\n\n  return (\n    <div\n      data-element=\"SortIndicator\"\n      data-rank={rank ?? undefined}\n      data-sorted={isSorted ? '' : undefined}\n      data-dir={direction}\n      aria-hidden=\"true\"\n    >\n      {direction === 'desc' ? <ArrowNarrowDownIcon /> : <ArrowNarrowUpIcon />}\n    </div>\n  );\n}\n\n/**\n * What a data column's header cell shows.\n *\n * `header.render` takes the whole cell over. Otherwise a `TableHeaderItem`\n * carries the title and the `header` slots, with the sort arrow and the\n * actions — the consumer's own, then `menuTrigger` — placed into them.\n */\nexport function renderColumnHeaderContent<T>(\n  column: CubeResolvedColumn<T>,\n  sort: ColumnSortState,\n  menuTrigger: ReactNode,\n): ReactNode {\n  const header = column.header;\n\n  if (header?.render) {\n    const ctx: CubeTableHeaderContext = {\n      columnKey: column.key,\n      columnIndex: column.index,\n      sort: sort.activeSort?.direction ?? null,\n      isSortable: sort.isSortable,\n      isResizing: false,\n      width: column.width,\n    };\n\n    return header.render(ctx);\n  }\n\n  if (column.title == null && !header) return null;\n\n  return (\n    <DefaultColumnHeaderContent\n      column={column}\n      isSortable={sort.isSortable}\n      isSorted={sort.isSorted}\n      direction={sort.activeSort?.direction}\n      rank={sort.rank}\n      menuTrigger={menuTrigger}\n    />\n  );\n}\n\n// Like TableCellContent, this boundary lets Compiler retain unchanged Item\n// trees while TableView updates the visible row/column window.\nfunction DefaultColumnHeaderContent<T>({\n  column,\n  isSortable,\n  isSorted,\n  direction,\n  rank,\n  menuTrigger,\n}: {\n  column: CubeResolvedColumn<T>;\n  isSortable: boolean;\n  isSorted: boolean;\n  direction: CubeTableSort['direction'] | undefined;\n  rank: number | null;\n  menuTrigger: ReactNode;\n}) {\n  const header = column.header;\n  const sortIndicator = renderSortIndicator(\n    isSortable,\n    isSorted,\n    direction,\n    rank,\n  );\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  // The consumer's own actions first, the overflow menu last — matching Tabs.\n  const actions =\n    header?.actions != null || menuTrigger ? (\n      <>\n        {header?.actions}\n        {menuTrigger}\n      </>\n    ) : undefined;\n\n  return (\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={actions}\n      autoHideActions={header?.autoHideActions ?? true}\n      // Without it the actions slot animates its width from 0 on hover, which\n      // re-truncates the label — so the header text shifts under the cursor.\n      // Only the opacity should move; `TabElement` reserves the space for the\n      // same reason.\n      preserveActionsSpace={actions != null}\n      styles={header?.styles}\n    >\n      {column.title}\n    </TableHeaderItem>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data/TableBase/column-menu.d.ts

@@ -1,8 +1,6 @@
 
 import "./types.js";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/data/TableBase/column-menu.d.ts
 /**
  * Menu keys the table itself honours.
@@ -14,8 +12,8 @@ import { ReactNode } from "react";
  * before the state that backs it exists. They stay ordinary consumer keys and
  * are reported through `onColumnMenuAction` like anything else.
  */
-declare const COLUMN_MENU_SORT_KEYS: readonly ["sort-asc", "sort-desc", "clear-sort"];
-type CubeColumnMenuSortKey = (typeof COLUMN_MENU_SORT_KEYS)[number];
+export declare const COLUMN_MENU_SORT_KEYS: readonly ["sort-asc", "sort-desc", "clear-sort"];
+export type CubeColumnMenuSortKey = (typeof COLUMN_MENU_SORT_KEYS)[number];
 /**
  * The reserved sort items, ready to drop into `header.menu`.
  *
@@ -31,7 +29,6 @@ type CubeColumnMenuSortKey = (typeof COLUMN_MENU_SORT_KEYS)[number];
  *
  * Hand-written keys still work — this is a convenience, not the only route.
  */
-declare function columnSortMenu(keys?: readonly CubeColumnMenuSortKey[]): react.JSX.Element[];
+export declare function columnSortMenu(keys?: readonly CubeColumnMenuSortKey[]): import("react").JSX.Element[];
 //#endregion
-export { COLUMN_MENU_SORT_KEYS, CubeColumnMenuSortKey, columnSortMenu };
 //# sourceMappingURL=column-menu.d.ts.map

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

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
-import { __Menu } from "../../actions/Menu/Menu.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { Menu as __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/data/TableBase/column-menu.tsx
 /**
 * Menu keys the table itself honours.
@@ -98,7 +97,7 @@ function processColumnMenuItems(children, ctx) {
 function columnSortMenu(keys = COLUMN_MENU_SORT_KEYS) {
 	return keys.map((key) => /* @__PURE__ */ jsx(__Menu.Item, { children: null }, key));
 }
-
 //#endregion
 export { COLUMN_MENU_SORT_DIRECTION, COLUMN_MENU_SORT_KEYS, columnSortMenu, isColumnMenuSortKey, processColumnMenuItems };
+
 //# sourceMappingURL=column-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"column-menu.js","names":["Children","cloneElement","isValidElement","Menu","normalizeMenuAction","ReactElement","ReactNode","CubeTableSortDirection","COLUMN_MENU_SORT_KEYS","const","CubeColumnMenuSortKey","isColumnMenuSortKey","key","includes","COLUMN_MENU_SORT_DIRECTION","Record","CubeColumnMenuContext","isSortable","sort","disallowSortRemoval","labels","MenuItemLikeProps","children","isDisabled","isSortKeyRedundant","ctx","processColumnMenuItems","result","forEach","child","push","element","childProps","props","columnSortMenu","keys","map"],"sources":["../../../../src/components/data/TableBase/column-menu.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement } from 'react';\n\nimport { Menu } from '../../actions/Menu';\n\nimport { normalizeMenuAction } from './row-menu';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport type { CubeTableSortDirection } from './types';\n\n/**\n * Menu keys the table itself honours.\n *\n * Sorting is the only capability the table owns, so it is the only thing that\n * can be a reserved key. `pin` and `hide` deliberately are not: `column.pin` and\n * `column.isHidden` are read-only declarative inputs with no controlled state\n * behind them, and reserving those keys would fix an API in string literals\n * before the state that backs it exists. They stay ordinary consumer keys and\n * are reported through `onColumnMenuAction` like anything else.\n */\nexport const COLUMN_MENU_SORT_KEYS = [\n  'sort-asc',\n  'sort-desc',\n  'clear-sort',\n] as const;\n\nexport type CubeColumnMenuSortKey = (typeof COLUMN_MENU_SORT_KEYS)[number];\n\nexport function isColumnMenuSortKey(key: string): key is CubeColumnMenuSortKey {\n  return (COLUMN_MENU_SORT_KEYS as readonly string[]).includes(key);\n}\n\n/** The direction a reserved key asks for. `clear-sort` asks for none. */\nexport const COLUMN_MENU_SORT_DIRECTION: Record<\n  CubeColumnMenuSortKey,\n  CubeTableSortDirection | null\n> = {\n  'sort-asc': 'asc',\n  'sort-desc': 'desc',\n  'clear-sort': null,\n};\n\nexport interface CubeColumnMenuContext {\n  isSortable: boolean;\n  /** This column's current direction, or `null` when it is unsorted. */\n  sort: CubeTableSortDirection | null;\n  disallowSortRemoval: boolean;\n  /** Default labels, so `TableView` owns the i18n lookup and this stays pure. */\n  labels: Record<CubeColumnMenuSortKey, string>;\n}\n\ninterface MenuItemLikeProps {\n  children?: ReactNode;\n  isDisabled?: boolean;\n}\n\n/**\n * Whether a reserved key would do nothing if pressed.\n *\n * Redundancy is signalled by disabling the item rather than by ticking the\n * active one. A tick would mean `isSelected`, which `MenuItem` only honours when\n * the whole `Menu` runs at `selectionMode !== 'none'` (`MenuItem.tsx:43`) — and\n * switching the menu into a selection mode would turn the consumer's own items\n * into radios too, and could be overridden from `menuProps`. Disabling is local\n * to the item and cannot leak.\n */\nfunction isSortKeyRedundant(\n  key: CubeColumnMenuSortKey,\n  ctx: CubeColumnMenuContext,\n): boolean {\n  if (!ctx.isSortable) return true;\n\n  if (key === 'clear-sort') {\n    return ctx.sort == null || ctx.disallowSortRemoval;\n  }\n\n  return ctx.sort === COLUMN_MENU_SORT_DIRECTION[key];\n}\n\n/**\n * Fills in default labels and disabled state for the reserved sort keys.\n *\n * `Children.forEach` rather than `Children.toArray`, because `toArray` rewrites\n * every key with a `.$` prefix — which breaks `selectedKeys` matching inside\n * `Menu`. Same reason `TabButton` does it this way.\n *\n * A label or an `isDisabled` the consumer wrote always wins; this only supplies\n * what was left out, so `<Menu.Item key=\"sort-asc\" />` is the short form and\n * `<Menu.Item key=\"sort-asc\">Oldest first</Menu.Item>` still says what it says.\n */\nexport function processColumnMenuItems(\n  children: ReactNode,\n  ctx: CubeColumnMenuContext,\n): ReactNode {\n  const result: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) {\n      result.push(child);\n\n      return;\n    }\n\n    const element = child as ReactElement<MenuItemLikeProps>;\n    const childProps = element.props;\n    const key = element.key == null ? null : normalizeMenuAction(element.key);\n\n    if (key != null && isColumnMenuSortKey(key)) {\n      result.push(\n        cloneElement(element, {\n          children: childProps.children ?? ctx.labels[key],\n          isDisabled: childProps.isDisabled ?? isSortKeyRedundant(key, ctx),\n        }),\n      );\n\n      return;\n    }\n\n    // A `Menu.Section` holds the items; recurse so a reserved key inside one is\n    // still resolved. Guarded on a non-text child so an ordinary item whose\n    // label happens to be an element is not walked for no reason.\n    if (\n      childProps.children != null &&\n      typeof childProps.children !== 'string' &&\n      typeof childProps.children !== 'number'\n    ) {\n      result.push(\n        cloneElement(element, {\n          children: processColumnMenuItems(childProps.children, ctx),\n        }),\n      );\n\n      return;\n    }\n\n    result.push(child);\n  });\n\n  // `Children.forEach` preserves order, and each entry keeps the key it was\n  // written with — so React still reconciles these by key, not by index.\n  return result;\n}\n\n/**\n * The reserved sort items, ready to drop into `header.menu`.\n *\n * ```tsx\n * header: { menu: <>{columnSortMenu()}<Menu.Item key=\"pin\">Pin</Menu.Item></> }\n * ```\n *\n * Exists because `Menu.Item` requires `children` — it comes from react-stately's\n * `ItemProps` — so `<Menu.Item key=\"sort-asc\" />` does not typecheck, and a\n * consumer filling the label in by hand would hardcode one language and lose the\n * translated one the table supplies. Passing `null` satisfies the type and reads\n * as \"the table fills this in\", which `processColumnMenuItems` then does.\n *\n * Hand-written keys still work — this is a convenience, not the only route.\n */\nexport function columnSortMenu(\n  keys: readonly CubeColumnMenuSortKey[] = COLUMN_MENU_SORT_KEYS,\n) {\n  return keys.map((key) => <Menu.Item key={key}>{null}</Menu.Item>);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,MAAaQ,wBAAwB;CACnC;CACA;CACA;CACD;AAID,SAAgBG,oBAAoBC,KAA2C;AAC7E,QAAQJ,sBAA4CK,SAASD,IAAI;;;AAInE,MAAaE,6BAGT;CACF,YAAY;CACZ,aAAa;CACb,cAAc;CACf;;;;;;;;;;;AA0BD,SAASU,mBACPZ,KACAa,KACS;AACT,KAAI,CAACA,IAAIR,WAAY,QAAO;AAE5B,KAAIL,QAAQ,aACV,QAAOa,IAAIP,QAAQ,QAAQO,IAAIN;AAGjC,QAAOM,IAAIP,SAASJ,2BAA2BF;;;;;;;;;;;;;AAcjD,SAAgBc,uBACdJ,UACAG,KACW;CACX,MAAME,SAAsB,EAAE;AAE9B3B,UAAS4B,QAAQN,WAAWO,UAAU;AACpC,MAAI,CAAC3B,eAAe2B,MAAM,EAAE;AAC1BF,UAAOG,KAAKD,MAAM;AAElB;;EAGF,MAAME,UAAUF;EAChB,MAAMG,aAAaD,QAAQE;EAC3B,MAAMrB,MAAMmB,QAAQnB,OAAO,OAAO,OAAOR,oBAAoB2B,QAAQnB,IAAI;AAEzE,MAAIA,OAAO,QAAQD,oBAAoBC,IAAI,EAAE;AAC3Ce,UAAOG,KACL7B,aAAa8B,SAAS;IACpBT,UAAUU,WAAWV,YAAYG,IAAIL,OAAOR;IAC5CW,YAAYS,WAAWT,cAAcC,mBAAmBZ,KAAKa,IAAG;IACjE,CACH,CAAC;AAED;;AAMF,MACEO,WAAWV,YAAY,QACvB,OAAOU,WAAWV,aAAa,YAC/B,OAAOU,WAAWV,aAAa,UAC/B;AACAK,UAAOG,KACL7B,aAAa8B,SAAS,EACpBT,UAAUI,uBAAuBM,WAAWV,UAAUG,IAAG,EAC1D,CACH,CAAC;AAED;;AAGFE,SAAOG,KAAKD,MAAM;GAClB;AAIF,QAAOF;;;;;;;;;;;;;;;;;AAkBT,SAAgBO,eACdC,OAAyC3B,uBACzC;AACA,QAAO2B,KAAKC,KAAKxB,QAAQ,oBAAC,OAAK,kBAAgB,QAANA,IAAuB,CAAC"}
+{"version":3,"file":"column-menu.js","names":["Children","cloneElement","isValidElement","Menu","normalizeMenuAction","ReactElement","ReactNode","CubeTableSortDirection","COLUMN_MENU_SORT_KEYS","const","CubeColumnMenuSortKey","isColumnMenuSortKey","key","includes","COLUMN_MENU_SORT_DIRECTION","Record","CubeColumnMenuContext","isSortable","sort","disallowSortRemoval","labels","MenuItemLikeProps","children","isDisabled","isSortKeyRedundant","ctx","processColumnMenuItems","result","forEach","child","push","element","childProps","props","columnSortMenu","keys","map","Menu"],"sources":["../../../../src/components/data/TableBase/column-menu.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement } from 'react';\n\nimport { Menu } from '../../actions/Menu';\n\nimport { normalizeMenuAction } from './row-menu';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport type { CubeTableSortDirection } from './types';\n\n/**\n * Menu keys the table itself honours.\n *\n * Sorting is the only capability the table owns, so it is the only thing that\n * can be a reserved key. `pin` and `hide` deliberately are not: `column.pin` and\n * `column.isHidden` are read-only declarative inputs with no controlled state\n * behind them, and reserving those keys would fix an API in string literals\n * before the state that backs it exists. They stay ordinary consumer keys and\n * are reported through `onColumnMenuAction` like anything else.\n */\nexport const COLUMN_MENU_SORT_KEYS = [\n  'sort-asc',\n  'sort-desc',\n  'clear-sort',\n] as const;\n\nexport type CubeColumnMenuSortKey = (typeof COLUMN_MENU_SORT_KEYS)[number];\n\nexport function isColumnMenuSortKey(key: string): key is CubeColumnMenuSortKey {\n  return (COLUMN_MENU_SORT_KEYS as readonly string[]).includes(key);\n}\n\n/** The direction a reserved key asks for. `clear-sort` asks for none. */\nexport const COLUMN_MENU_SORT_DIRECTION: Record<\n  CubeColumnMenuSortKey,\n  CubeTableSortDirection | null\n> = {\n  'sort-asc': 'asc',\n  'sort-desc': 'desc',\n  'clear-sort': null,\n};\n\nexport interface CubeColumnMenuContext {\n  isSortable: boolean;\n  /** This column's current direction, or `null` when it is unsorted. */\n  sort: CubeTableSortDirection | null;\n  disallowSortRemoval: boolean;\n  /** Default labels, so `TableView` owns the i18n lookup and this stays pure. */\n  labels: Record<CubeColumnMenuSortKey, string>;\n}\n\ninterface MenuItemLikeProps {\n  children?: ReactNode;\n  isDisabled?: boolean;\n}\n\n/**\n * Whether a reserved key would do nothing if pressed.\n *\n * Redundancy is signalled by disabling the item rather than by ticking the\n * active one. A tick would mean `isSelected`, which `MenuItem` only honours when\n * the whole `Menu` runs at `selectionMode !== 'none'` (`MenuItem.tsx:43`) — and\n * switching the menu into a selection mode would turn the consumer's own items\n * into radios too, and could be overridden from `menuProps`. Disabling is local\n * to the item and cannot leak.\n */\nfunction isSortKeyRedundant(\n  key: CubeColumnMenuSortKey,\n  ctx: CubeColumnMenuContext,\n): boolean {\n  if (!ctx.isSortable) return true;\n\n  if (key === 'clear-sort') {\n    return ctx.sort == null || ctx.disallowSortRemoval;\n  }\n\n  return ctx.sort === COLUMN_MENU_SORT_DIRECTION[key];\n}\n\n/**\n * Fills in default labels and disabled state for the reserved sort keys.\n *\n * `Children.forEach` rather than `Children.toArray`, because `toArray` rewrites\n * every key with a `.$` prefix — which breaks `selectedKeys` matching inside\n * `Menu`. Same reason `TabButton` does it this way.\n *\n * A label or an `isDisabled` the consumer wrote always wins; this only supplies\n * what was left out, so `<Menu.Item key=\"sort-asc\" />` is the short form and\n * `<Menu.Item key=\"sort-asc\">Oldest first</Menu.Item>` still says what it says.\n */\nexport function processColumnMenuItems(\n  children: ReactNode,\n  ctx: CubeColumnMenuContext,\n): ReactNode {\n  const result: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) {\n      result.push(child);\n\n      return;\n    }\n\n    const element = child as ReactElement<MenuItemLikeProps>;\n    const childProps = element.props;\n    const key = element.key == null ? null : normalizeMenuAction(element.key);\n\n    if (key != null && isColumnMenuSortKey(key)) {\n      result.push(\n        cloneElement(element, {\n          children: childProps.children ?? ctx.labels[key],\n          isDisabled: childProps.isDisabled ?? isSortKeyRedundant(key, ctx),\n        }),\n      );\n\n      return;\n    }\n\n    // A `Menu.Section` holds the items; recurse so a reserved key inside one is\n    // still resolved. Guarded on a non-text child so an ordinary item whose\n    // label happens to be an element is not walked for no reason.\n    if (\n      childProps.children != null &&\n      typeof childProps.children !== 'string' &&\n      typeof childProps.children !== 'number'\n    ) {\n      result.push(\n        cloneElement(element, {\n          children: processColumnMenuItems(childProps.children, ctx),\n        }),\n      );\n\n      return;\n    }\n\n    result.push(child);\n  });\n\n  // `Children.forEach` preserves order, and each entry keeps the key it was\n  // written with — so React still reconciles these by key, not by index.\n  return result;\n}\n\n/**\n * The reserved sort items, ready to drop into `header.menu`.\n *\n * ```tsx\n * header: { menu: <>{columnSortMenu()}<Menu.Item key=\"pin\">Pin</Menu.Item></> }\n * ```\n *\n * Exists because `Menu.Item` requires `children` — it comes from react-stately's\n * `ItemProps` — so `<Menu.Item key=\"sort-asc\" />` does not typecheck, and a\n * consumer filling the label in by hand would hardcode one language and lose the\n * translated one the table supplies. Passing `null` satisfies the type and reads\n * as \"the table fills this in\", which `processColumnMenuItems` then does.\n *\n * Hand-written keys still work — this is a convenience, not the only route.\n */\nexport function columnSortMenu(\n  keys: readonly CubeColumnMenuSortKey[] = COLUMN_MENU_SORT_KEYS,\n) {\n  return keys.map((key) => <Menu.Item key={key}>{null}</Menu.Item>);\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAaQ,wBAAwB;CACnC;CACA;CACA;AAAY;AAKd,SAAgBG,oBAAoBC,KAA2C;CAC7E,OAAQJ,sBAA4CK,SAASD,GAAG;AAClE;;AAGA,MAAaE,6BAGT;CACF,YAAY;CACZ,aAAa;CACb,cAAc;AAChB;;;;;;;;;;;AA0BA,SAASU,mBACPZ,KACAa,KACS;CACT,IAAI,CAACA,IAAIR,YAAY,OAAO;CAE5B,IAAIL,QAAQ,cACV,OAAOa,IAAIP,QAAQ,QAAQO,IAAIN;CAGjC,OAAOM,IAAIP,SAASJ,2BAA2BF;AACjD;;;;;;;;;;;;AAaA,SAAgBc,uBACdJ,UACAG,KACW;CACX,MAAME,SAAsB,CAAA;CAE5B3B,SAAS4B,QAAQN,WAAWO,UAAU;EACpC,IAAI,CAAC3B,eAAe2B,KAAK,GAAG;GAC1BF,OAAOG,KAAKD,KAAK;GAEjB;EACF;EAEA,MAAME,UAAUF;EAChB,MAAMG,aAAaD,QAAQE;EAC3B,MAAMrB,MAAMmB,QAAQnB,OAAO,OAAO,OAAOR,oBAAoB2B,QAAQnB,GAAG;EAExE,IAAIA,OAAO,QAAQD,oBAAoBC,GAAG,GAAG;GAC3Ce,OAAOG,KACL7B,aAAa8B,SAAS;IACpBT,UAAUU,WAAWV,YAAYG,IAAIL,OAAOR;IAC5CW,YAAYS,WAAWT,cAAcC,mBAAmBZ,KAAKa,GAAG;GAClE,CAAC,CACH;GAEA;EACF;EAKA,IACEO,WAAWV,YAAY,QACvB,OAAOU,WAAWV,aAAa,YAC/B,OAAOU,WAAWV,aAAa,UAC/B;GACAK,OAAOG,KACL7B,aAAa8B,SAAS,EACpBT,UAAUI,uBAAuBM,WAAWV,UAAUG,GAAG,EAC3D,CAAC,CACH;GAEA;EACF;EAEAE,OAAOG,KAAKD,KAAK;CACnB,CAAC;CAID,OAAOF;AACT;;;;;;;;;;;;;;;;AAiBA,SAAgBO,eACdC,OAAyC3B,uBACzC;CACA,OAAO2B,KAAKC,KAAKxB,QAAQ,oBAACyB,OAAK,MAAN,EAAA,UAAsB,KAAgB,GAAtBzB,GAAsB,CAAC;AAClE"}

package/dist/components/data/TableBase/column-styles.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { computeStyles, resolveRecipes } from "@tenphi/tasty";
-
 //#region src/components/data/TableBase/column-styles.ts
 /**
 * The table paints every body cell from its root, through
@@ -76,7 +75,7 @@ function columnCellClassName(styles) {
 	if (!styles || Object.keys(styles).length === 0) return void 0;
 	return computeStyles(wrap(styles)).className || void 0;
 }
-
 //#endregion
 export { columnCellClassName };
+
 //# sourceMappingURL=column-styles.js.map

package/dist/components/data/TableBase/column-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-styles.js","names":["computeStyles","resolveRecipes","Styles","COLUMN_STYLES_ATTR","SELF","repeat","WRAPPED","WeakMap","TOP_LEVEL_KEYS","const","wrap","styles","wrapped","get","cell","Record","$","top","key","ColumnCell","set","columnCellClassName","Object","keys","length","undefined","className"],"sources":["../../../../src/components/data/TableBase/column-styles.ts"],"sourcesContent":["import { computeStyles, resolveRecipes } from '@tenphi/tasty';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * Stamped on a body cell that carries a column's own `cellStyles` class, by\n * `TableView`. The class's rule is anchored on it, see `SELF`.\n */\nconst COLUMN_STYLES_ATTR = 'data-column-styles';\n\n/**\n * The table paints every body cell from its root, through\n * `> Scroller > Table > Body > Row > Cell`: the root's doubled class plus five\n * `[data-element]` attributes, a specificity of (0,7,0). Tasty wraps every state\n * in `:where()`, so that chain is the whole of it, tint branches and the\n * consumer's table-level `cellStyles` included.\n *\n * A column's class is doubled as well, (0,2,0), and would lose every property\n * the table also sets (`color`, `fill`, `padding`…). Six more attribute\n * selectors take it to (0,8,0), so the column wins outright whichever of the\n * two rules was injected first. If the `Cell` chain in `styled.ts` ever grows,\n * this has to grow with it. `DataTable.browser.test.tsx` checks the cascade.\n */\nconst SELF = `&${`[${COLUMN_STYLES_ATTR}]`.repeat(6)}`;\n\n/**\n * The wrapper per consumer object, so an object-form `cellStyles` (or a\n * function that returns a shared constant) is serialized once rather than on\n * every cell of every render.\n */\nconst WRAPPED = new WeakMap<Styles, Styles>();\n\n/**\n * Keys tasty reads only from the top level of the object handed to\n * `computeStyles`: the at-rule definitions it registers next to the class.\n * Left inside `ColumnCell`, a `@keyframes` block would never be registered and\n * the cell's `animation` would name nothing, so these stay at the top.\n */\nconst TOP_LEVEL_KEYS = [\n  '@keyframes',\n  '@property',\n  '@font-face',\n  '@counter-style',\n  '@function',\n] as const;\n\nfunction wrap(styles: Styles): Styles {\n  let wrapped = WRAPPED.get(styles);\n\n  if (!wrapped) {\n    // Recipes resolve only at the top level of a style object, so they are\n    // expanded before the styles move one level down.\n    const cell: Record<string, unknown> = {\n      ...resolveRecipes(styles),\n      $: SELF,\n    };\n    const top: Record<string, unknown> = {};\n\n    for (const key of TOP_LEVEL_KEYS) {\n      if (key in cell) {\n        top[key] = cell[key];\n        delete cell[key];\n      }\n    }\n\n    wrapped = { ...top, ColumnCell: cell } as Styles;\n    WRAPPED.set(styles, wrapped);\n  }\n\n  return wrapped;\n}\n\n/**\n * A column's `cellStyles`, resolved through tasty into a class for the cell.\n *\n * Tasty keys a class on the CONTENT of the styles, not on the object, so every\n * cell with equal styles shares one class and one set of rules, and a function\n * that returns a handful of distinct objects produces a handful of classes —\n * however many cells, and however many fresh objects, it returns them as. After\n * the first cell, a lookup costs a small serialization and a map hit; the CSS\n * is built once.\n *\n * The styles land on the cell itself, so a bare state key in them (`hovered`,\n * `:hover`, a local `@state`) asks about the cell. That is NOT how `styles.Cell`\n * reads one: a sub-element's bare keys resolve against the table root, so a map\n * copied from the table-level `cellStyles` that keys on `shape=card` or\n * `column-dividers` matches nothing here. `@own(...)` asks about the cell in\n * both places.\n */\nexport function columnCellClassName(\n  styles: Styles | null | undefined,\n): string | undefined {\n  if (!styles || Object.keys(styles).length === 0) return undefined;\n\n  return computeStyles(wrap(styles)).className || undefined;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAMI,OAAO,IAAI,uBAA0BC,OAAO,EAAE;;;;;;AAOpD,MAAMC,0BAAU,IAAIC,SAAyB;;;;;;;AAQ7C,MAAMC,iBAAiB;CACrB;CACA;CACA;CACA;CACA;CACD;AAED,SAASE,KAAKC,QAAwB;CACpC,IAAIC,UAAUN,QAAQO,IAAIF,OAAO;AAEjC,KAAI,CAACC,SAAS;EAGZ,MAAME,OAAgC;GACpC,GAAGb,eAAeU,OAAO;GACzBK,GAAGZ;GACJ;EACD,MAAMa,MAA+B,EAAE;AAEvC,OAAK,MAAMC,OAAOV,eAChB,KAAIU,OAAOJ,MAAM;AACfG,OAAIC,OAAOJ,KAAKI;AAChB,UAAOJ,KAAKI;;AAIhBN,YAAU;GAAE,GAAGK;GAAKE,YAAYL;GAAM;AACtCR,UAAQc,IAAIT,QAAQC,QAAQ;;AAG9B,QAAOA;;;;;;;;;;;;;;;;;;;AAoBT,SAAgBS,oBACdV,QACoB;AACpB,KAAI,CAACA,UAAUW,OAAOC,KAAKZ,OAAO,CAACa,WAAW,EAAG,QAAOC;AAExD,QAAOzB,cAAcU,KAAKC,OAAO,CAAC,CAACe,aAAaD"}
+{"version":3,"file":"column-styles.js","names":["computeStyles","resolveRecipes","Styles","COLUMN_STYLES_ATTR","SELF","repeat","WRAPPED","WeakMap","TOP_LEVEL_KEYS","const","wrap","styles","wrapped","get","cell","Record","$","top","key","ColumnCell","set","columnCellClassName","Object","keys","length","undefined","className"],"sources":["../../../../src/components/data/TableBase/column-styles.ts"],"sourcesContent":["import { computeStyles, resolveRecipes } from '@tenphi/tasty';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * Stamped on a body cell that carries a column's own `cellStyles` class, by\n * `TableView`. The class's rule is anchored on it, see `SELF`.\n */\nconst COLUMN_STYLES_ATTR = 'data-column-styles';\n\n/**\n * The table paints every body cell from its root, through\n * `> Scroller > Table > Body > Row > Cell`: the root's doubled class plus five\n * `[data-element]` attributes, a specificity of (0,7,0). Tasty wraps every state\n * in `:where()`, so that chain is the whole of it, tint branches and the\n * consumer's table-level `cellStyles` included.\n *\n * A column's class is doubled as well, (0,2,0), and would lose every property\n * the table also sets (`color`, `fill`, `padding`…). Six more attribute\n * selectors take it to (0,8,0), so the column wins outright whichever of the\n * two rules was injected first. If the `Cell` chain in `styled.ts` ever grows,\n * this has to grow with it. `DataTable.browser.test.tsx` checks the cascade.\n */\nconst SELF = `&${`[${COLUMN_STYLES_ATTR}]`.repeat(6)}`;\n\n/**\n * The wrapper per consumer object, so an object-form `cellStyles` (or a\n * function that returns a shared constant) is serialized once rather than on\n * every cell of every render.\n */\nconst WRAPPED = new WeakMap<Styles, Styles>();\n\n/**\n * Keys tasty reads only from the top level of the object handed to\n * `computeStyles`: the at-rule definitions it registers next to the class.\n * Left inside `ColumnCell`, a `@keyframes` block would never be registered and\n * the cell's `animation` would name nothing, so these stay at the top.\n */\nconst TOP_LEVEL_KEYS = [\n  '@keyframes',\n  '@property',\n  '@font-face',\n  '@counter-style',\n  '@function',\n] as const;\n\nfunction wrap(styles: Styles): Styles {\n  let wrapped = WRAPPED.get(styles);\n\n  if (!wrapped) {\n    // Recipes resolve only at the top level of a style object, so they are\n    // expanded before the styles move one level down.\n    const cell: Record<string, unknown> = {\n      ...resolveRecipes(styles),\n      $: SELF,\n    };\n    const top: Record<string, unknown> = {};\n\n    for (const key of TOP_LEVEL_KEYS) {\n      if (key in cell) {\n        top[key] = cell[key];\n        delete cell[key];\n      }\n    }\n\n    wrapped = { ...top, ColumnCell: cell } as Styles;\n    WRAPPED.set(styles, wrapped);\n  }\n\n  return wrapped;\n}\n\n/**\n * A column's `cellStyles`, resolved through tasty into a class for the cell.\n *\n * Tasty keys a class on the CONTENT of the styles, not on the object, so every\n * cell with equal styles shares one class and one set of rules, and a function\n * that returns a handful of distinct objects produces a handful of classes —\n * however many cells, and however many fresh objects, it returns them as. After\n * the first cell, a lookup costs a small serialization and a map hit; the CSS\n * is built once.\n *\n * The styles land on the cell itself, so a bare state key in them (`hovered`,\n * `:hover`, a local `@state`) asks about the cell. That is NOT how `styles.Cell`\n * reads one: a sub-element's bare keys resolve against the table root, so a map\n * copied from the table-level `cellStyles` that keys on `shape=card` or\n * `column-dividers` matches nothing here. `@own(...)` asks about the cell in\n * both places.\n */\nexport function columnCellClassName(\n  styles: Styles | null | undefined,\n): string | undefined {\n  if (!styles || Object.keys(styles).length === 0) return undefined;\n\n  return computeStyles(wrap(styles)).className || undefined;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAMI,OAAO,IAAI,uBAA0BC,OAAO,CAAC;;;;;;AAOnD,MAAMC,0BAAU,IAAIC,QAAwB;;;;;;;AAQ5C,MAAMC,iBAAiB;CACrB;CACA;CACA;CACA;CACA;AAAW;AAGb,SAASE,KAAKC,QAAwB;CACpC,IAAIC,UAAUN,QAAQO,IAAIF,MAAM;CAEhC,IAAI,CAACC,SAAS;EAGZ,MAAME,OAAgC;GACpC,GAAGb,eAAeU,MAAM;GACxBK,GAAGZ;EACL;EACA,MAAMa,MAA+B,CAAC;EAEtC,KAAK,MAAMC,OAAOV,gBAChB,IAAIU,OAAOJ,MAAM;GACfG,IAAIC,OAAOJ,KAAKI;GAChB,OAAOJ,KAAKI;EACd;EAGFN,UAAU;GAAE,GAAGK;GAAKE,YAAYL;EAAK;EACrCR,QAAQc,IAAIT,QAAQC,OAAO;CAC7B;CAEA,OAAOA;AACT;;;;;;;;;;;;;;;;;;AAmBA,SAAgBS,oBACdV,QACoB;CACpB,IAAI,CAACA,UAAUW,OAAOC,KAAKZ,MAAM,CAAC,CAACa,WAAW,GAAG,OAAOC,KAAAA;CAExD,OAAOzB,cAAcU,KAAKC,MAAM,CAAC,CAAC,CAACe,aAAaD,KAAAA;AAClD"}

package/dist/components/data/TableBase/column-tint.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";
-
 //#region src/components/data/TableBase/column-tint.ts
-const THEMES = new Set([
+const THEMES = /* @__PURE__ */ new Set([
 	"primary",
 	"purple",
 	"success",
@@ -168,7 +167,7 @@ function tintSlot(tints, columnKey, scope) {
 	if (slot == null) return void 0;
 	return tints.scopes.get(columnKey)?.includes(scope) ? slot : void 0;
 }
-
 //#endregion
-export { buildColumnTints, tintSlot };
+export { buildColumnTints, tintConfig, tintSlot };
+
 //# sourceMappingURL=column-tint.js.map

package/dist/components/data/TableBase/column-tint.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-tint.js","names":["hashString","getPaletteConfig","Styles","ColorThemeConfig","CubeResolvedColumn","CubeTableColumnColor","CubeTableColumnColorScope","CubeTableColumnTheme","THEMES","Set","DEFAULT_SCOPE","TintPaint","fill","fillBand","text","headerText","ColumnTints","slots","Map","scopes","configs","cellStyles","headerCellStyles","EMPTY","isThemeName","value","has","themeSeed","theme","hue","saturation","config","themes","tintConfig","color","manualKey","paint","BuildColumnTintsOptions","resolveTheme","name","colors","Record","buildColumnTints","columns","T","tinted","filter","column","isStructural","length","paints","slot","surface","push","manual","set","key","colorScope","cellTintStyles","headerTintStyles","base","tintSlot","tints","columnKey","scope","get","undefined","includes"],"sources":["../../../../src/components/data/TableBase/column-tint.ts"],"sourcesContent":["import { hashString } from '../../../tokens/color-theme';\nimport { getPaletteConfig } from '../../../tokens/palette-config';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { ColorThemeConfig } from '../../../tokens/color-theme';\nimport type {\n  CubeResolvedColumn,\n  CubeTableColumnColor,\n  CubeTableColumnColorScope,\n  CubeTableColumnTheme,\n} from './types';\n\nconst THEMES = new Set<string>([\n  'primary',\n  'purple',\n  'success',\n  'danger',\n  'warning',\n  'note',\n]);\n\nconst DEFAULT_SCOPE: readonly CubeTableColumnColorScope[] = [\n  'header',\n  'body',\n  'totals',\n];\n\n/** The three paint values a tinted cell needs, as tasty colour strings. */\ninterface TintPaint {\n  fill: string;\n  fillBand: string;\n  text: string;\n  /** The header's text — muted, to match an untinted header. */\n  headerText: string;\n}\n\nexport interface ColumnTints {\n  /** `columnKey` → `data-tint` value. Absent means the column is not tinted. */\n  slots: Map<string, string>;\n  /** Which scopes each column's tint applies to. */\n  scopes: Map<string, readonly CubeTableColumnColorScope[]>;\n  /**\n   * Theme configs to register with `useColorTheme`, one per distinct derived\n   * spec. Empty when every column used the `{ fill, text }` escape hatch.\n   */\n  configs: ColorThemeConfig[];\n  /** Merge into `styles.Cell`. */\n  cellStyles: Styles | null;\n  /** Merge into `styles.HeaderCell`. */\n  headerCellStyles: Styles | null;\n}\n\nconst EMPTY: ColumnTints = {\n  slots: new Map(),\n  scopes: new Map(),\n  configs: [],\n  cellStyles: null,\n  headerCellStyles: null,\n};\n\n/**\n * A theme name is only a theme name when the palette has one — otherwise the\n * string is a colour. `'note'` is a theme; `'#0ea5e9'` and `'red'` are colours.\n */\nfunction isThemeName(value: string): value is CubeTableColumnTheme {\n  return THEMES.has(value);\n}\n\n/**\n * The seed for a palette theme, read from the live palette config so a re-seeded\n * `success` hue moves the columns tinted with it.\n *\n * `primary` and `purple` are the brand itself, which is why they read `hue`\n * rather than a `themes` entry — the palette derives them from the brand hue too.\n *\n * A status theme seeded by a COLOR needs nothing special here: its resolved seed already\n * carries that color's hue and chroma, so a tinted column follows it for free. Only the\n * two numbers are passed on — a runtime tint re-derives its own lightness per scheme, so\n * the seed's `color` and `colorTone` have nothing to say to it and are not part of\n * `ColorThemeConfig`.\n */\nfunction themeSeed(theme: CubeTableColumnTheme): {\n  hue: number;\n  saturation: number;\n} {\n  const config = getPaletteConfig();\n\n  if (theme === 'primary' || theme === 'purple') {\n    return { hue: config.hue, saturation: config.saturation };\n  }\n\n  const { hue, saturation } = config.themes[theme];\n\n  return { hue, saturation };\n}\n\n/** Normalizes any spec into a theme config, or `null` for the manual form. */\nexport function tintConfig(\n  color: CubeTableColumnColor,\n): ColorThemeConfig | null {\n  if (typeof color === 'string') {\n    return isThemeName(color) ? themeSeed(color) : { hue: color };\n  }\n\n  if ('fill' in color) return null;\n\n  return { hue: color.hue, saturation: color.saturation };\n}\n\n/**\n * A stable identity for a spec, so two columns asking for the same colour share\n * one slot — and therefore one set of generated rules.\n *\n * For a derived spec that identity is the theme's own content hash, which makes it\n * shared across TABLES as well: the tokens are registered globally under the same\n * name. The manual form has no theme, so it is keyed on its literal values.\n */\nfunction manualKey(paint: TintPaint): string {\n  // Hashed, not literal: the values contain `#`, `.` and `|`, none of which\n  // survive being interpolated into a tasty `@own(tint=…)` state key.\n  return `raw-${hashString(\n    `${paint.fill}|${paint.fillBand}|${paint.text}|${paint.headerText}`,\n  )}`;\n}\n\nexport interface BuildColumnTintsOptions {\n  /**\n   * Resolves a derived spec to its theme. Injected rather than imported so the\n   * caller — which is a component and can run hooks — owns registration, and so\n   * this stays a pure function.\n   */\n  resolveTheme: (config: ColorThemeConfig) => {\n    name: string;\n    colors: Record<string, string>;\n  };\n}\n\n/**\n * Maps a table's columns onto tint slots and the style maps that paint them.\n *\n * Pure. The colour maths lives in `src/tokens/color-theme.ts`; this is only the\n * mapping from columns to `data-tint` values and tasty state maps.\n */\nexport function buildColumnTints<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  { resolveTheme }: BuildColumnTintsOptions,\n): ColumnTints {\n  const tinted = columns.filter(\n    (column) => !column.isStructural && column.color != null,\n  );\n\n  if (!tinted.length) return EMPTY;\n\n  const slots = new Map<string, string>();\n  const scopes = new Map<string, readonly CubeTableColumnColorScope[]>();\n  const configs: ColorThemeConfig[] = [];\n  const paints = new Map<string, TintPaint>();\n\n  for (const column of tinted) {\n    const color = column.color as CubeTableColumnColor;\n    const config = tintConfig(color);\n    let slot: string;\n    let paint: TintPaint;\n\n    if (config) {\n      const theme = resolveTheme(config);\n\n      slot = theme.name;\n      paint = {\n        fill: theme.colors.surface,\n        fillBand: theme.colors['surface-2'],\n        text: theme.colors['surface-2-text'],\n        headerText: theme.colors['surface-2-text-soft'],\n      };\n\n      if (!paints.has(slot)) configs.push(config);\n    } else {\n      const manual = color as {\n        fill: string;\n        fillBand?: string;\n        text?: string;\n      };\n\n      paint = {\n        fill: manual.fill,\n        // Without a band the column simply does not band — the caller asked for\n        // exactly these values, so inventing a second one would be a surprise.\n        fillBand: manual.fillBand ?? manual.fill,\n        text: manual.text ?? '#row-text',\n        // The manual form derives nothing, so the header takes the same text.\n        headerText: manual.text ?? '#row-text',\n      };\n      slot = manualKey(paint);\n    }\n\n    slots.set(column.key, slot);\n    scopes.set(column.key, column.colorScope ?? DEFAULT_SCOPE);\n    paints.set(slot, paint);\n  }\n\n  return {\n    slots,\n    scopes,\n    configs,\n    cellStyles: cellTintStyles(paints),\n    headerCellStyles: headerTintStyles(paints),\n  };\n}\n\n/**\n * `#cell-base` / `#cell-text` for the body.\n *\n * Odd and pinned rows share the deeper band fill.\n */\nfunction cellTintStyles(paints: Map<string, TintPaint>): Styles {\n  const base: Record<string, string> = { '': '#row-base' };\n  const text: Record<string, string> = { '': '#row-text' };\n\n  for (const [slot, paint] of paints) {\n    base[`@own(tint=${slot})`] = paint.fill;\n    // Skip a redundant band rule when its fill already matches the plain tint.\n    if (paint.fillBand !== paint.fill) {\n      base[`@own(tint=${slot}) & (@own(odd) | @own(pinned))`] = paint.fillBand;\n    }\n    text[`@own(tint=${slot})`] = paint.text;\n  }\n\n  return { '#cell-base': base, '#cell-text': text };\n}\n\n/**\n * The header takes the deeper band unconditionally, mirroring how the neutral\n * header sits on `#surface-2` rather than `#surface`.\n */\nfunction headerTintStyles(paints: Map<string, TintPaint>): Styles {\n  const base: Record<string, string> = { '': '#row-base' };\n  const text: Record<string, string> = { '': '#row-text' };\n\n  for (const [slot, paint] of paints) {\n    base[`@own(tint=${slot})`] = paint.fillBand;\n    text[`@own(tint=${slot})`] = paint.headerText;\n  }\n\n  return { '#cell-base': base, '#cell-text': text };\n}\n\n/**\n * The `data-tint` value for one part of a column, or `undefined` when the column\n * is untinted or its scope excludes that part.\n */\nexport function tintSlot(\n  tints: ColumnTints,\n  columnKey: string,\n  scope: CubeTableColumnColorScope,\n): string | undefined {\n  const slot = tints.slots.get(columnKey);\n\n  if (slot == null) return undefined;\n\n  return tints.scopes.get(columnKey)?.includes(scope) ? slot : undefined;\n}\n"],"mappings":";;;;;AAYA,MAAMQ,SAAS,IAAIC,IAAY;CAC7B;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAMC,gBAAsD;CAC1D;CACA;CACA;CACD;AA2BD,MAAMa,QAAqB;CACzBN,uBAAO,IAAIC,KAAK;CAChBC,wBAAQ,IAAID,KAAK;CACjBE,SAAS,EAAE;CACXC,YAAY;CACZC,kBAAkB;CACnB;;;;;AAMD,SAASE,YAAYC,OAA8C;AACjE,QAAOjB,OAAOkB,IAAID,MAAM;;;;;;;;;;;;;;;AAgB1B,SAASE,UAAUC,OAGjB;CACA,MAAMG,SAAS9B,kBAAkB;AAEjC,KAAI2B,UAAU,aAAaA,UAAU,SACnC,QAAO;EAAEC,KAAKE,OAAOF;EAAKC,YAAYC,OAAOD;EAAY;CAG3D,MAAM,EAAED,KAAKC,eAAeC,OAAOC,OAAOJ;AAE1C,QAAO;EAAEC;EAAKC;EAAY;;;AAI5B,SAAgBG,WACdC,OACyB;AACzB,KAAI,OAAOA,UAAU,SACnB,QAAOV,YAAYU,MAAM,GAAGP,UAAUO,MAAM,GAAG,EAAEL,KAAKK,OAAO;AAG/D,KAAI,UAAUA,MAAO,QAAO;AAE5B,QAAO;EAAEL,KAAKK,MAAML;EAAKC,YAAYI,MAAMJ;EAAY;;;;;;;;;;AAWzD,SAASK,UAAUC,OAA0B;AAG3C,QAAO,OAAOpC,WACZ,GAAGoC,MAAMxB,KAAI,GAAIwB,MAAMvB,SAAQ,GAAIuB,MAAMtB,KAAI,GAAIsB,MAAMrB,aACxD;;;;;;;;AAqBH,SAAgB2B,iBACdC,SACA,EAAEL,gBACW;CACb,MAAMO,SAASF,QAAQG,QACpBC,WAAW,CAACA,OAAOC,gBAAgBD,OAAOb,SAAS,KACrD;AAED,KAAI,CAACW,OAAOI,OAAQ,QAAO1B;CAE3B,MAAMN,wBAAQ,IAAIC,KAAqB;CACvC,MAAMC,yBAAS,IAAID,KAAmD;CACtE,MAAME,UAA8B,EAAE;CACtC,MAAM8B,yBAAS,IAAIhC,KAAwB;AAE3C,MAAK,MAAM6B,UAAUF,QAAQ;EAC3B,MAAMX,QAAQa,OAAOb;EACrB,MAAMH,SAASE,WAAWC,MAAM;EAChC,IAAIiB;EACJ,IAAIf;AAEJ,MAAIL,QAAQ;GACV,MAAMH,QAAQU,aAAaP,OAAO;AAElCoB,UAAOvB,MAAMW;AACbH,WAAQ;IACNxB,MAAMgB,MAAMY,OAAOY;IACnBvC,UAAUe,MAAMY,OAAO;IACvB1B,MAAMc,MAAMY,OAAO;IACnBzB,YAAYa,MAAMY,OAAO;IAC1B;AAED,OAAI,CAACU,OAAOxB,IAAIyB,KAAK,CAAE/B,SAAQiC,KAAKtB,OAAO;SACtC;GACL,MAAMuB,SAASpB;AAMfE,WAAQ;IACNxB,MAAM0C,OAAO1C;IAGbC,UAAUyC,OAAOzC,YAAYyC,OAAO1C;IACpCE,MAAMwC,OAAOxC,QAAQ;IAErBC,YAAYuC,OAAOxC,QAAQ;IAC5B;AACDqC,UAAOhB,UAAUC,MAAM;;AAGzBnB,QAAMsC,IAAIR,OAAOS,KAAKL,KAAK;AAC3BhC,SAAOoC,IAAIR,OAAOS,KAAKT,OAAOU,cAAc/C,cAAc;AAC1DwC,SAAOK,IAAIJ,MAAMf,MAAM;;AAGzB,QAAO;EACLnB;EACAE;EACAC;EACAC,YAAYqC,eAAeR,OAAO;EAClC5B,kBAAkBqC,iBAAiBT,OAAM;EAC1C;;;;;;;AAQH,SAASQ,eAAeR,QAAwC;CAC9D,MAAMU,OAA+B,EAAE,IAAI,aAAa;CACxD,MAAM9C,OAA+B,EAAE,IAAI,aAAa;AAExD,MAAK,MAAM,CAACqC,MAAMf,UAAUc,QAAQ;AAClCU,OAAK,aAAaT,KAAI,MAAOf,MAAMxB;AAEnC,MAAIwB,MAAMvB,aAAauB,MAAMxB,KAC3BgD,MAAK,aAAaT,KAAI,mCAAoCf,MAAMvB;AAElEC,OAAK,aAAaqC,KAAI,MAAOf,MAAMtB;;AAGrC,QAAO;EAAE,cAAc8C;EAAM,cAAc9C;EAAM;;;;;;AAOnD,SAAS6C,iBAAiBT,QAAwC;CAChE,MAAMU,OAA+B,EAAE,IAAI,aAAa;CACxD,MAAM9C,OAA+B,EAAE,IAAI,aAAa;AAExD,MAAK,MAAM,CAACqC,MAAMf,UAAUc,QAAQ;AAClCU,OAAK,aAAaT,KAAI,MAAOf,MAAMvB;AACnCC,OAAK,aAAaqC,KAAI,MAAOf,MAAMrB;;AAGrC,QAAO;EAAE,cAAc6C;EAAM,cAAc9C;EAAM;;;;;;AAOnD,SAAgB+C,SACdC,OACAC,WACAC,OACoB;CACpB,MAAMb,OAAOW,MAAM7C,MAAMgD,IAAIF,UAAU;AAEvC,KAAIZ,QAAQ,KAAM,QAAOe;AAEzB,QAAOJ,MAAM3C,OAAO8C,IAAIF,UAAU,EAAEI,SAASH,MAAM,GAAGb,OAAOe"}
+{"version":3,"file":"column-tint.js","names":["hashString","getPaletteConfig","Styles","ColorThemeConfig","CubeResolvedColumn","CubeTableColumnColor","CubeTableColumnColorScope","CubeTableColumnTheme","THEMES","Set","DEFAULT_SCOPE","TintPaint","fill","fillBand","text","headerText","ColumnTints","slots","Map","scopes","configs","cellStyles","headerCellStyles","EMPTY","isThemeName","value","has","themeSeed","theme","hue","saturation","config","themes","tintConfig","color","manualKey","paint","BuildColumnTintsOptions","resolveTheme","name","colors","Record","buildColumnTints","columns","T","tinted","filter","column","isStructural","length","paints","slot","surface","push","manual","set","key","colorScope","cellTintStyles","headerTintStyles","base","tintSlot","tints","columnKey","scope","get","undefined","includes"],"sources":["../../../../src/components/data/TableBase/column-tint.ts"],"sourcesContent":["import { hashString } from '../../../tokens/color-theme';\nimport { getPaletteConfig } from '../../../tokens/palette-config';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { ColorThemeConfig } from '../../../tokens/color-theme';\nimport type {\n  CubeResolvedColumn,\n  CubeTableColumnColor,\n  CubeTableColumnColorScope,\n  CubeTableColumnTheme,\n} from './types';\n\nconst THEMES = new Set<string>([\n  'primary',\n  'purple',\n  'success',\n  'danger',\n  'warning',\n  'note',\n]);\n\nconst DEFAULT_SCOPE: readonly CubeTableColumnColorScope[] = [\n  'header',\n  'body',\n  'totals',\n];\n\n/** The three paint values a tinted cell needs, as tasty colour strings. */\ninterface TintPaint {\n  fill: string;\n  fillBand: string;\n  text: string;\n  /** The header's text — muted, to match an untinted header. */\n  headerText: string;\n}\n\nexport interface ColumnTints {\n  /** `columnKey` → `data-tint` value. Absent means the column is not tinted. */\n  slots: Map<string, string>;\n  /** Which scopes each column's tint applies to. */\n  scopes: Map<string, readonly CubeTableColumnColorScope[]>;\n  /**\n   * Theme configs to register with `useColorTheme`, one per distinct derived\n   * spec. Empty when every column used the `{ fill, text }` escape hatch.\n   */\n  configs: ColorThemeConfig[];\n  /** Merge into `styles.Cell`. */\n  cellStyles: Styles | null;\n  /** Merge into `styles.HeaderCell`. */\n  headerCellStyles: Styles | null;\n}\n\nconst EMPTY: ColumnTints = {\n  slots: new Map(),\n  scopes: new Map(),\n  configs: [],\n  cellStyles: null,\n  headerCellStyles: null,\n};\n\n/**\n * A theme name is only a theme name when the palette has one — otherwise the\n * string is a colour. `'note'` is a theme; `'#0ea5e9'` and `'red'` are colours.\n */\nfunction isThemeName(value: string): value is CubeTableColumnTheme {\n  return THEMES.has(value);\n}\n\n/**\n * The seed for a palette theme, read from the live palette config so a re-seeded\n * `success` hue moves the columns tinted with it.\n *\n * `primary` and `purple` are the brand itself, which is why they read `hue`\n * rather than a `themes` entry — the palette derives them from the brand hue too.\n *\n * A status theme seeded by a COLOR needs nothing special here: its resolved seed already\n * carries that color's hue and chroma, so a tinted column follows it for free. Only the\n * two numbers are passed on — a runtime tint re-derives its own lightness per scheme, so\n * the seed's `color` and `colorTone` have nothing to say to it and are not part of\n * `ColorThemeConfig`.\n */\nfunction themeSeed(theme: CubeTableColumnTheme): {\n  hue: number;\n  saturation: number;\n} {\n  const config = getPaletteConfig();\n\n  if (theme === 'primary' || theme === 'purple') {\n    return { hue: config.hue, saturation: config.saturation };\n  }\n\n  const { hue, saturation } = config.themes[theme];\n\n  return { hue, saturation };\n}\n\n/** Normalizes any spec into a theme config, or `null` for the manual form. */\nexport function tintConfig(\n  color: CubeTableColumnColor,\n): ColorThemeConfig | null {\n  if (typeof color === 'string') {\n    return isThemeName(color) ? themeSeed(color) : { hue: color };\n  }\n\n  if ('fill' in color) return null;\n\n  return { hue: color.hue, saturation: color.saturation };\n}\n\n/**\n * A stable identity for a spec, so two columns asking for the same colour share\n * one slot — and therefore one set of generated rules.\n *\n * For a derived spec that identity is the theme's own content hash, which makes it\n * shared across TABLES as well: the tokens are registered globally under the same\n * name. The manual form has no theme, so it is keyed on its literal values.\n */\nfunction manualKey(paint: TintPaint): string {\n  // Hashed, not literal: the values contain `#`, `.` and `|`, none of which\n  // survive being interpolated into a tasty `@own(tint=…)` state key.\n  return `raw-${hashString(\n    `${paint.fill}|${paint.fillBand}|${paint.text}|${paint.headerText}`,\n  )}`;\n}\n\nexport interface BuildColumnTintsOptions {\n  /**\n   * Resolves a derived spec to its theme. Injected rather than imported so the\n   * caller — which is a component and can run hooks — owns registration, and so\n   * this stays a pure function.\n   */\n  resolveTheme: (config: ColorThemeConfig) => {\n    name: string;\n    colors: Record<string, string>;\n  };\n}\n\n/**\n * Maps a table's columns onto tint slots and the style maps that paint them.\n *\n * Pure. The colour maths lives in `src/tokens/color-theme.ts`; this is only the\n * mapping from columns to `data-tint` values and tasty state maps.\n */\nexport function buildColumnTints<T>(\n  columns: readonly CubeResolvedColumn<T>[],\n  { resolveTheme }: BuildColumnTintsOptions,\n): ColumnTints {\n  const tinted = columns.filter(\n    (column) => !column.isStructural && column.color != null,\n  );\n\n  if (!tinted.length) return EMPTY;\n\n  const slots = new Map<string, string>();\n  const scopes = new Map<string, readonly CubeTableColumnColorScope[]>();\n  const configs: ColorThemeConfig[] = [];\n  const paints = new Map<string, TintPaint>();\n\n  for (const column of tinted) {\n    const color = column.color as CubeTableColumnColor;\n    const config = tintConfig(color);\n    let slot: string;\n    let paint: TintPaint;\n\n    if (config) {\n      const theme = resolveTheme(config);\n\n      slot = theme.name;\n      paint = {\n        fill: theme.colors.surface,\n        fillBand: theme.colors['surface-2'],\n        text: theme.colors['surface-2-text'],\n        headerText: theme.colors['surface-2-text-soft'],\n      };\n\n      if (!paints.has(slot)) configs.push(config);\n    } else {\n      const manual = color as {\n        fill: string;\n        fillBand?: string;\n        text?: string;\n      };\n\n      paint = {\n        fill: manual.fill,\n        // Without a band the column simply does not band — the caller asked for\n        // exactly these values, so inventing a second one would be a surprise.\n        fillBand: manual.fillBand ?? manual.fill,\n        text: manual.text ?? '#row-text',\n        // The manual form derives nothing, so the header takes the same text.\n        headerText: manual.text ?? '#row-text',\n      };\n      slot = manualKey(paint);\n    }\n\n    slots.set(column.key, slot);\n    scopes.set(column.key, column.colorScope ?? DEFAULT_SCOPE);\n    paints.set(slot, paint);\n  }\n\n  return {\n    slots,\n    scopes,\n    configs,\n    cellStyles: cellTintStyles(paints),\n    headerCellStyles: headerTintStyles(paints),\n  };\n}\n\n/**\n * `#cell-base` / `#cell-text` for the body.\n *\n * Odd and pinned rows share the deeper band fill.\n */\nfunction cellTintStyles(paints: Map<string, TintPaint>): Styles {\n  const base: Record<string, string> = { '': '#row-base' };\n  const text: Record<string, string> = { '': '#row-text' };\n\n  for (const [slot, paint] of paints) {\n    base[`@own(tint=${slot})`] = paint.fill;\n    // Skip a redundant band rule when its fill already matches the plain tint.\n    if (paint.fillBand !== paint.fill) {\n      base[`@own(tint=${slot}) & (@own(odd) | @own(pinned))`] = paint.fillBand;\n    }\n    text[`@own(tint=${slot})`] = paint.text;\n  }\n\n  return { '#cell-base': base, '#cell-text': text };\n}\n\n/**\n * The header takes the deeper band unconditionally, mirroring how the neutral\n * header sits on `#surface-2` rather than `#surface`.\n */\nfunction headerTintStyles(paints: Map<string, TintPaint>): Styles {\n  const base: Record<string, string> = { '': '#row-base' };\n  const text: Record<string, string> = { '': '#row-text' };\n\n  for (const [slot, paint] of paints) {\n    base[`@own(tint=${slot})`] = paint.fillBand;\n    text[`@own(tint=${slot})`] = paint.headerText;\n  }\n\n  return { '#cell-base': base, '#cell-text': text };\n}\n\n/**\n * The `data-tint` value for one part of a column, or `undefined` when the column\n * is untinted or its scope excludes that part.\n */\nexport function tintSlot(\n  tints: ColumnTints,\n  columnKey: string,\n  scope: CubeTableColumnColorScope,\n): string | undefined {\n  const slot = tints.slots.get(columnKey);\n\n  if (slot == null) return undefined;\n\n  return tints.scopes.get(columnKey)?.includes(scope) ? slot : undefined;\n}\n"],"mappings":"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"}

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

@@ -3,4 +3,5 @@ import { CubeTableAlign, CubeTableCellContext, CubeTableColumn, CubeTableColumnH
 import { CubeTableRowRenderProps } from "./TableView.js";
 import "./styled.js";
 import "./use-table-columns.js";
-import { COLUMN_MENU_SORT_KEYS, CubeColumnMenuSortKey, columnSortMenu } from "./column-menu.js";
+import { COLUMN_MENU_SORT_KEYS, CubeColumnMenuSortKey, columnSortMenu } from "./column-menu.js";
+export { COLUMN_MENU_SORT_KEYS, type CubeColumnMenuSortKey, type CubeTableAlign, type CubeTableCellContext, type CubeTableColumn, type CubeTableColumnHeader, type CubeTableHeaderContext, type CubeTableLayoutProps, type CubeTableRowContext, type CubeTableRowExpandInfo, type CubeTableRowRenderProps, type CubeTableRowSection, type CubeTableRowSize, type CubeTableSort, type CubeTableSortDirection, type CubeTableTreeProps, type CubeTableTreeRowState, columnSortMenu };

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

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
-
 //#region src/components/data/TableBase/row-menu.ts
 /**
 * Reserved key for the `⋮` trigger column. Prefixed so it cannot collide with
@@ -39,7 +38,7 @@ 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

@@ -1 +1 @@
-{"version":3,"file":"row-menu.js","names":["Children","Fragment","isValidElement","ReactNode","ROW_MENU_COLUMN_KEY","ROW_MENU_COLUMN_WIDTH","Record","xsmall","small","medium","large","xlarge","isMenuEmpty","menu","toArray","every","child","type","props","children","normalizeMenuAction","action","value","String","startsWith","slice"],"sources":["../../../../src/components/data/TableBase/row-menu.ts"],"sourcesContent":["import { Children, Fragment, isValidElement } 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 menu actually contains anything.\n *\n * A resolver returning `null` — or an empty fragment — gets no trigger at all,\n * rather than one that opens an empty popover.\n *\n * Fragments are unwrapped rather than counted. `Children.toArray` drops nullish\n * and boolean children but keeps a fragment as a single node, so\n * `<>{canPin && <Menu.Item/>}</>` read as one item even with nothing in it — and\n * a menu assembled from conditions is the common case, not the exotic one.\n */\nexport function isMenuEmpty(menu: ReactNode): boolean {\n  if (menu == null || menu === false) return true;\n\n  // `every` on an empty array is `true`, which is the base case: nothing left\n  // after `toArray` pruned the nullish children means nothing to show.\n  return Children.toArray(menu).every(\n    (child) =>\n      isValidElement(child) &&\n      child.type === Fragment &&\n      isMenuEmpty((child.props as { children?: ReactNode }).children),\n  );\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,MAAaI,sBAAsB;;AAGnC,MAAaC,wBAAgD;CAC3DE,QAAQ;CACRC,OAAO;CACPC,QAAQ;CACRC,OAAO;CACPC,QAAQ;CACT;;;;;;;;;;;;AAaD,SAAgBC,YAAYC,MAA0B;AACpD,KAAIA,QAAQ,QAAQA,SAAS,MAAO,QAAO;AAI3C,QAAOb,SAASc,QAAQD,KAAK,CAACE,OAC3BC,UACCd,eAAec,MAAM,IACrBA,MAAMC,SAAShB,YACfW,YAAaI,MAAME,MAAmCC,SAC1D,CAAC;;;;;;AAOH,SAAgBC,oBAAoBC,QAAyB;CAC3D,MAAMC,QAAQC,OAAOF,OAAO;AAE5B,QAAOC,MAAME,WAAW,KAAK,GAAGF,MAAMG,MAAM,EAAE,GAAGH"}
+{"version":3,"file":"row-menu.js","names":["Children","Fragment","isValidElement","ReactNode","ROW_MENU_COLUMN_KEY","ROW_MENU_COLUMN_WIDTH","Record","xsmall","small","medium","large","xlarge","isMenuEmpty","menu","toArray","every","child","type","props","children","normalizeMenuAction","action","value","String","startsWith","slice"],"sources":["../../../../src/components/data/TableBase/row-menu.ts"],"sourcesContent":["import { Children, Fragment, isValidElement } 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 menu actually contains anything.\n *\n * A resolver returning `null` — or an empty fragment — gets no trigger at all,\n * rather than one that opens an empty popover.\n *\n * Fragments are unwrapped rather than counted. `Children.toArray` drops nullish\n * and boolean children but keeps a fragment as a single node, so\n * `<>{canPin && <Menu.Item/>}</>` read as one item even with nothing in it — and\n * a menu assembled from conditions is the common case, not the exotic one.\n */\nexport function isMenuEmpty(menu: ReactNode): boolean {\n  if (menu == null || menu === false) return true;\n\n  // `every` on an empty array is `true`, which is the base case: nothing left\n  // after `toArray` pruned the nullish children means nothing to show.\n  return Children.toArray(menu).every(\n    (child) =>\n      isValidElement(child) &&\n      child.type === Fragment &&\n      isMenuEmpty((child.props as { children?: ReactNode }).children),\n  );\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,MAAaI,sBAAsB;;AAGnC,MAAaC,wBAAgD;CAC3DE,QAAQ;CACRC,OAAO;CACPC,QAAQ;CACRC,OAAO;CACPC,QAAQ;AACV;;;;;;;;;;;;AAaA,SAAgBC,YAAYC,MAA0B;CACpD,IAAIA,QAAQ,QAAQA,SAAS,OAAO,OAAO;CAI3C,OAAOb,SAASc,QAAQD,IAAI,CAAC,CAACE,OAC3BC,UACCd,eAAec,KAAK,KACpBA,MAAMC,SAAShB,YACfW,YAAaI,MAAME,MAAmCC,QAAQ,CAClE;AACF;;;;;AAMA,SAAgBC,oBAAoBC,QAAyB;CAC3D,MAAMC,QAAQC,OAAOF,MAAM;CAE3B,OAAOC,MAAME,WAAW,IAAI,IAAIF,MAAMG,MAAM,CAAC,IAAIH;AACnD"}

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

@@ -4,6 +4,4 @@ import "../../actions/index.js";
 import "../../../data/item-themes.js";
 import "../../overlays/Tooltip/split-trigger-props.js";
 import "../../../index.js";
-import { Styles } from "@tenphi/tasty";
-import "react";
-import "react-aria";
+import { Styles } from "@tenphi/tasty";