@cube-dev/ui-kit 0.197.0 → 0.198.1

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

@@ -1 +1 @@
-{"version":3,"file":"RowCollection.js","names":["Collection","Key","Node","RowCollection","T","rows","keys","indexByKey","Map","nodeCache","disabledKeys","Set","getItemText","row","constructor","getKey","index","map","forEach","key","has","set","size","length","getKeys","getItem","get","cached","node","type","value","level","hasChildNodes","childNodes","rendered","textValue","undefined","parentKey","prevKey","nextKey","at","getKeyBefore","getKeyAfter","getFirstKey","getLastKey","getChildren","Iterable","isDisabled","indexOf","Symbol","iterator","Iterator"],"sources":["../../../../src/components/data/TableBase/RowCollection.ts"],"sourcesContent":["import type { Collection, Key, Node } from '@react-types/shared';\n\n/**\n * A `Collection<Node<T>>` over a plain row array.\n *\n * React Aria's selection primitives — `SelectionManager`, `useSelectableItem`,\n * `useSelectableCollection` — need a collection, but the only thing they ask of\n * it is key order and lookup. `useTableState` would build a `Node` per header\n * row, per column, per body row *and per cell*, which a table whose page size\n * goes to 500 (and whose \"Load all results\" removes the cap entirely) cannot\n * afford.\n *\n * So the array is the collection. Nodes are built lazily on `getItem` and\n * memoized, which means a 100k-row table allocates nodes only for the handful\n * of keys selection actually touches.\n */\nexport class RowCollection<T> implements Collection<Node<T>> {\n  private rows: readonly T[];\n  private keys: Key[];\n  private indexByKey: Map<Key, number>;\n  private nodeCache = new Map<Key, Node<T>>();\n  private disabledKeys: Set<Key>;\n\n  private getItemText?: (row: T) => string;\n\n  constructor(\n    rows: readonly T[],\n    getKey: (row: T, index: number) => Key,\n    disabledKeys: Set<Key> = new Set(),\n    /**\n     * The item's accessible name, for screen-reader drag announcements.\n     *\n     * Without it `useDropIndicator` says \"Insert between  and \" — React Aria\n     * builds that string from `node.textValue`. Optional because selection, the\n     * original caller, never reads it.\n     */\n    getItemText?: (row: T) => string,\n  ) {\n    this.rows = rows;\n    this.keys = rows.map(getKey);\n    this.disabledKeys = disabledKeys;\n    this.getItemText = getItemText;\n    this.indexByKey = new Map();\n\n    // A duplicate key would make selection ambiguous — two rows would answer to\n    // the same identity. First occurrence wins, matching how React resolves a\n    // duplicated `key`.\n    this.keys.forEach((key, index) => {\n      if (!this.indexByKey.has(key)) this.indexByKey.set(key, index);\n    });\n  }\n\n  get size() {\n    return this.rows.length;\n  }\n\n  getKeys() {\n    return this.keys;\n  }\n\n  getItem(key: Key): Node<T> | null {\n    const index = this.indexByKey.get(key);\n\n    if (index == null) return null;\n\n    const cached = this.nodeCache.get(key);\n\n    if (cached) return cached;\n\n    const node: Node<T> = {\n      type: 'item',\n      key,\n      value: this.rows[index],\n      level: 0,\n      hasChildNodes: false,\n      childNodes: [],\n      rendered: null,\n      textValue: this.getItemText?.(this.rows[index]) ?? '',\n      index,\n      // `SelectionManager` reads this to decide whether a key can be selected\n      // at all, before `disabledBehavior` is even considered.\n      'aria-label': undefined,\n      parentKey: null,\n      prevKey: index > 0 ? this.keys[index - 1] : null,\n      nextKey: index < this.keys.length - 1 ? this.keys[index + 1] : null,\n    } as Node<T>;\n\n    this.nodeCache.set(key, node);\n\n    return node;\n  }\n\n  at(index: number): Node<T> | null {\n    const key = this.keys[index];\n\n    return key == null ? null : this.getItem(key);\n  }\n\n  getKeyBefore(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index === 0 ? null : this.keys[index - 1];\n  }\n\n  getKeyAfter(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index >= this.keys.length - 1\n      ? null\n      : this.keys[index + 1];\n  }\n\n  getFirstKey(): Key | null {\n    return this.keys[0] ?? null;\n  }\n\n  getLastKey(): Key | null {\n    return this.keys[this.keys.length - 1] ?? null;\n  }\n\n  getChildren(): Iterable<Node<T>> {\n    return [];\n  }\n\n  /** Not part of `Collection`, but selection asks about it constantly. */\n  isDisabled(key: Key) {\n    return this.disabledKeys.has(key);\n  }\n\n  indexOf(key: Key): number {\n    return this.indexByKey.get(key) ?? -1;\n  }\n\n  *[Symbol.iterator](): Iterator<Node<T>> {\n    for (const key of this.keys) {\n      const node = this.getItem(key);\n\n      if (node) yield node;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAaG,gBAAb,MAA6D;CAC3D,AAAQE;CACR,AAAQC;CACR,AAAQC;CACR,AAAQE,4BAAY,IAAID,KAAmB;CAC3C,AAAQE;CAER,AAAQE;CAERE,YACET,MACAU,QACAL,+BAAyB,IAAIC,KAAK,EAQlCC,aACA;AACA,OAAKP,OAAOA;AACZ,OAAKC,OAAOD,KAAKY,IAAIF,OAAO;AAC5B,OAAKL,eAAeA;AACpB,OAAKE,cAAcA;AACnB,OAAKL,6BAAa,IAAIC,KAAK;AAK3B,OAAKF,KAAKY,SAASC,KAAKH,UAAU;AAChC,OAAI,CAAC,KAAKT,WAAWa,IAAID,IAAI,CAAE,MAAKZ,WAAWc,IAAIF,KAAKH,MAAM;IAC9D;;CAGJ,IAAIM,OAAO;AACT,SAAO,KAAKjB,KAAKkB;;CAGnBC,UAAU;AACR,SAAO,KAAKlB;;CAGdmB,QAAQN,KAA0B;EAChC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,IAAI;AAEtC,MAAIH,SAAS,KAAM,QAAO;EAE1B,MAAMW,SAAS,KAAKlB,UAAUiB,IAAIP,IAAI;AAEtC,MAAIQ,OAAQ,QAAOA;EAEnB,MAAMC,OAAgB;GACpBC,MAAM;GACNV;GACAW,OAAO,KAAKzB,KAAKW;GACjBe,OAAO;GACPC,eAAe;GACfC,YAAY,EAAE;GACdC,UAAU;GACVC,WAAW,KAAKvB,cAAc,KAAKP,KAAKW,OAAO,IAAI;GACnDA;GAGA,cAAcoB;GACdC,WAAW;GACXC,SAAStB,QAAQ,IAAI,KAAKV,KAAKU,QAAQ,KAAK;GAC5CuB,SAASvB,QAAQ,KAAKV,KAAKiB,SAAS,IAAI,KAAKjB,KAAKU,QAAQ,KAAK;GAChE;AAED,OAAKP,UAAUY,IAAIF,KAAKS,KAAK;AAE7B,SAAOA;;CAGTY,GAAGxB,OAA+B;EAChC,MAAMG,MAAM,KAAKb,KAAKU;AAEtB,SAAOG,OAAO,OAAO,OAAO,KAAKM,QAAQN,IAAI;;CAG/CsB,aAAatB,KAAsB;EACjC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,IAAI;AAEtC,SAAOH,SAAS,QAAQA,UAAU,IAAI,OAAO,KAAKV,KAAKU,QAAQ;;CAGjE0B,YAAYvB,KAAsB;EAChC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,IAAI;AAEtC,SAAOH,SAAS,QAAQA,SAAS,KAAKV,KAAKiB,SAAS,IAChD,OACA,KAAKjB,KAAKU,QAAQ;;CAGxB2B,cAA0B;AACxB,SAAO,KAAKrC,KAAK,MAAM;;CAGzBsC,aAAyB;AACvB,SAAO,KAAKtC,KAAK,KAAKA,KAAKiB,SAAS,MAAM;;CAG5CsB,cAAiC;AAC/B,SAAO,EAAE;;;CAIXE,WAAW5B,KAAU;AACnB,SAAO,KAAKT,aAAaU,IAAID,IAAI;;CAGnC6B,QAAQ7B,KAAkB;AACxB,SAAO,KAAKZ,WAAWmB,IAAIP,IAAI,IAAI;;CAGrC,EAAE8B,OAAOC,YAA+B;AACtC,OAAK,MAAM/B,OAAO,KAAKb,MAAM;GAC3B,MAAMsB,OAAO,KAAKH,QAAQN,IAAI;AAE9B,OAAIS,KAAM,OAAMA"}
+{"version":3,"file":"RowCollection.js","names":["Collection","Key","Node","RowCollection","T","rows","keys","indexByKey","Map","nodeCache","disabledKeys","Set","getItemText","row","constructor","getKey","index","map","forEach","key","has","set","size","length","getKeys","getItem","get","cached","node","type","value","level","hasChildNodes","childNodes","rendered","textValue","undefined","parentKey","prevKey","nextKey","at","getKeyBefore","getKeyAfter","getFirstKey","getLastKey","getChildren","Iterable","isDisabled","indexOf","Symbol","iterator","Iterator"],"sources":["../../../../src/components/data/TableBase/RowCollection.ts"],"sourcesContent":["import type { Collection, Key, Node } from '@react-types/shared';\n\n/**\n * A `Collection<Node<T>>` over a plain row array.\n *\n * React Aria's selection primitives — `SelectionManager`, `useSelectableItem`,\n * `useSelectableCollection` — need a collection, but the only thing they ask of\n * it is key order and lookup. `useTableState` would build a `Node` per header\n * row, per column, per body row *and per cell*, which a table whose page size\n * goes to 500 (and whose \"Load all results\" removes the cap entirely) cannot\n * afford.\n *\n * So the array is the collection. Nodes are built lazily on `getItem` and\n * memoized, which means a 100k-row table allocates nodes only for the handful\n * of keys selection actually touches.\n */\nexport class RowCollection<T> implements Collection<Node<T>> {\n  private rows: readonly T[];\n  private keys: Key[];\n  private indexByKey: Map<Key, number>;\n  private nodeCache = new Map<Key, Node<T>>();\n  private disabledKeys: Set<Key>;\n\n  private getItemText?: (row: T) => string;\n\n  constructor(\n    rows: readonly T[],\n    getKey: (row: T, index: number) => Key,\n    disabledKeys: Set<Key> = new Set(),\n    /**\n     * The item's accessible name, for screen-reader drag announcements.\n     *\n     * Without it `useDropIndicator` says \"Insert between  and \" — React Aria\n     * builds that string from `node.textValue`. Optional because selection, the\n     * original caller, never reads it.\n     */\n    getItemText?: (row: T) => string,\n  ) {\n    this.rows = rows;\n    this.keys = rows.map(getKey);\n    this.disabledKeys = disabledKeys;\n    this.getItemText = getItemText;\n    this.indexByKey = new Map();\n\n    // A duplicate key would make selection ambiguous — two rows would answer to\n    // the same identity. First occurrence wins, matching how React resolves a\n    // duplicated `key`.\n    this.keys.forEach((key, index) => {\n      if (!this.indexByKey.has(key)) this.indexByKey.set(key, index);\n    });\n  }\n\n  get size() {\n    return this.rows.length;\n  }\n\n  getKeys() {\n    return this.keys;\n  }\n\n  getItem(key: Key): Node<T> | null {\n    const index = this.indexByKey.get(key);\n\n    if (index == null) return null;\n\n    const cached = this.nodeCache.get(key);\n\n    if (cached) return cached;\n\n    const node: Node<T> = {\n      type: 'item',\n      key,\n      value: this.rows[index],\n      level: 0,\n      hasChildNodes: false,\n      childNodes: [],\n      rendered: null,\n      textValue: this.getItemText?.(this.rows[index]) ?? '',\n      index,\n      // `SelectionManager` reads this to decide whether a key can be selected\n      // at all, before `disabledBehavior` is even considered.\n      'aria-label': undefined,\n      parentKey: null,\n      prevKey: index > 0 ? this.keys[index - 1] : null,\n      nextKey: index < this.keys.length - 1 ? this.keys[index + 1] : null,\n    } as Node<T>;\n\n    this.nodeCache.set(key, node);\n\n    return node;\n  }\n\n  at(index: number): Node<T> | null {\n    const key = this.keys[index];\n\n    return key == null ? null : this.getItem(key);\n  }\n\n  getKeyBefore(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index === 0 ? null : this.keys[index - 1];\n  }\n\n  getKeyAfter(key: Key): Key | null {\n    const index = this.indexByKey.get(key);\n\n    return index == null || index >= this.keys.length - 1\n      ? null\n      : this.keys[index + 1];\n  }\n\n  getFirstKey(): Key | null {\n    return this.keys[0] ?? null;\n  }\n\n  getLastKey(): Key | null {\n    return this.keys[this.keys.length - 1] ?? null;\n  }\n\n  getChildren(): Iterable<Node<T>> {\n    return [];\n  }\n\n  /** Not part of `Collection`, but selection asks about it constantly. */\n  isDisabled(key: Key) {\n    return this.disabledKeys.has(key);\n  }\n\n  indexOf(key: Key): number {\n    return this.indexByKey.get(key) ?? -1;\n  }\n\n  *[Symbol.iterator](): Iterator<Node<T>> {\n    for (const key of this.keys) {\n      const node = this.getItem(key);\n\n      if (node) yield node;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAaG,gBAAb,MAA6D;CAC3D;CACA;CACA;CACA,4BAAoB,IAAIK,IAAkB;CAC1C;CAEA;CAEAM,YACET,MACAU,QACAL,+BAAyB,IAAIC,IAAI,GAQjCC,aACA;EACA,KAAKP,OAAOA;EACZ,KAAKC,OAAOD,KAAKY,IAAIF,MAAM;EAC3B,KAAKL,eAAeA;EACpB,KAAKE,cAAcA;EACnB,KAAKL,6BAAa,IAAIC,IAAI;EAK1B,KAAKF,KAAKY,SAASC,KAAKH,UAAU;GAChC,IAAI,CAAC,KAAKT,WAAWa,IAAID,GAAG,GAAG,KAAKZ,WAAWc,IAAIF,KAAKH,KAAK;EAC/D,CAAC;CACH;CAEA,IAAIM,OAAO;EACT,OAAO,KAAKjB,KAAKkB;CACnB;CAEAC,UAAU;EACR,OAAO,KAAKlB;CACd;CAEAmB,QAAQN,KAA0B;EAChC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,GAAG;EAErC,IAAIH,SAAS,MAAM,OAAO;EAE1B,MAAMW,SAAS,KAAKlB,UAAUiB,IAAIP,GAAG;EAErC,IAAIQ,QAAQ,OAAOA;EAEnB,MAAMC,OAAgB;GACpBC,MAAM;GACNV;GACAW,OAAO,KAAKzB,KAAKW;GACjBe,OAAO;GACPC,eAAe;GACfC,YAAY,CAAA;GACZC,UAAU;GACVC,WAAW,KAAKvB,cAAc,KAAKP,KAAKW,MAAM,KAAK;GACnDA;GAGA,cAAcoB,KAAAA;GACdC,WAAW;GACXC,SAAStB,QAAQ,IAAI,KAAKV,KAAKU,QAAQ,KAAK;GAC5CuB,SAASvB,QAAQ,KAAKV,KAAKiB,SAAS,IAAI,KAAKjB,KAAKU,QAAQ,KAAK;EACjE;EAEA,KAAKP,UAAUY,IAAIF,KAAKS,IAAI;EAE5B,OAAOA;CACT;CAEAY,GAAGxB,OAA+B;EAChC,MAAMG,MAAM,KAAKb,KAAKU;EAEtB,OAAOG,OAAO,OAAO,OAAO,KAAKM,QAAQN,GAAG;CAC9C;CAEAsB,aAAatB,KAAsB;EACjC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,GAAG;EAErC,OAAOH,SAAS,QAAQA,UAAU,IAAI,OAAO,KAAKV,KAAKU,QAAQ;CACjE;CAEA0B,YAAYvB,KAAsB;EAChC,MAAMH,QAAQ,KAAKT,WAAWmB,IAAIP,GAAG;EAErC,OAAOH,SAAS,QAAQA,SAAS,KAAKV,KAAKiB,SAAS,IAChD,OACA,KAAKjB,KAAKU,QAAQ;CACxB;CAEA2B,cAA0B;EACxB,OAAO,KAAKrC,KAAK,MAAM;CACzB;CAEAsC,aAAyB;EACvB,OAAO,KAAKtC,KAAK,KAAKA,KAAKiB,SAAS,MAAM;CAC5C;CAEAsB,cAAiC;EAC/B,OAAO,CAAA;CACT;;CAGAE,WAAW5B,KAAU;EACnB,OAAO,KAAKT,aAAaU,IAAID,GAAG;CAClC;CAEA6B,QAAQ7B,KAAkB;EACxB,OAAO,KAAKZ,WAAWmB,IAAIP,GAAG,KAAK;CACrC;CAEA,EAAE8B,OAAOC,YAA+B;EACtC,KAAK,MAAM/B,OAAO,KAAKb,MAAM;GAC3B,MAAMsB,OAAO,KAAKH,QAAQN,GAAG;GAE7B,IAAIS,MAAM,MAAMA;EAClB;CACF;AACF"}

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useDraggableItem, useDropIndicator } from "react-aria";
-
 //#region src/components/data/TableBase/TableHeaderCell.tsx
 /**
 * Controls inside the header that own their own press, and must never start a
@@ -200,7 +199,7 @@ function ColumnDropIndicator(t0) {
 function _temp2(n) {
 	return n + 1;
 }
-
 //#endregion
 export { TableHeaderCell };
+
 //# sourceMappingURL=TableHeaderCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","names":["useEffect","useRef","useState","useDraggableItem","useDropIndicator","mergeProps","ReactNode","DraggableCollectionState","DroppableCollectionState","NO_DRAG_SELECTOR","TableHeaderCellProps","columnKey","cellProps","Record","hasAction","isLastDraggable","dragState","dropState","children","HeaderCell","props","$","_c","extra","t0","DraggableHeaderCell","key","dragProps","isDragging","t1","onDragStartCapture","_temp","t2","undefined","t3","t4","t5","t6","t7","event","target","HTMLElement","closest","preventDefault","stopPropagation","TableHeaderCell","ColumnDropIndicatorProps","dropPosition","ColumnDropIndicator","ref","type","dropIndicatorProps","isHidden","isDropTarget","forceUpdate","row","current","ResizeObserver","observer","_temp2","observe","disconnect","Symbol","for","n"],"sources":["../../../../src/components/data/TableBase/TableHeaderCell.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useDraggableItem, useDropIndicator } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport type { ReactNode } from 'react';\nimport type {\n  DraggableCollectionState,\n  DroppableCollectionState,\n} from 'react-stately';\n\n/**\n * Controls inside the header that own their own press, and must never start a\n * column drag.\n *\n * Drag-source resolution walks the DOM tree, not the React event path, so\n * `Item`'s `Actions` slot calling `stopPropagation` does nothing here — the\n * `<th>` is still the drag source as far as the browser is concerned. Only\n * `preventDefault` on `dragstart` stops it, which is what the capture handler\n * below does.\n */\nconst NO_DRAG_SELECTOR =\n  '[data-element=\"Resizer\"], [data-element=\"Actions\"], a, button, input, select, textarea, [role=\"button\"], [role=\"menuitem\"]';\n\nexport interface TableHeaderCellProps {\n  columnKey: string;\n  /** Everything the renderer already computed: mods, ARIA, handlers, styles. */\n  cellProps: Record<string, any>;\n  /** Whether the header itself responds to Enter — i.e. it sorts. */\n  hasAction: boolean;\n  isLastDraggable: boolean;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n  children: ReactNode;\n}\n\nfunction HeaderCell(\n  props: TableHeaderCellProps & { extra?: Record<string, any> },\n) {\n  const { cellProps, extra, children } = props;\n\n  return (\n    <th {...cellProps} {...extra}>\n      {children}\n    </th>\n  );\n}\n\n/**\n * A header cell inside a collection that accepts drags.\n *\n * Split from the plain one so the drag hooks can be called unconditionally —\n * they are hooks, and whether a table reorders its columns is a prop.\n */\nfunction DraggableHeaderCell(props: TableHeaderCellProps) {\n  const { columnKey, hasAction, isLastDraggable, dragState, dropState } = props;\n\n  const { dragProps } = useDraggableItem(\n    // `hasAction` re-gates React Aria's Enter/Space capture behind Alt, so plain\n    // Enter still reaches the header's own sort handler instead of starting a\n    // keyboard drag session.\n    { key: columnKey, hasAction },\n    dragState as DraggableCollectionState,\n  );\n  const isDragging = dragState!.isDragging(columnKey);\n\n  return (\n    <HeaderCell\n      {...props}\n      extra={{\n        // `dragProps` last for `draggable`, which is a value rather than a\n        // handler — `mergeProps` chains handlers but takes the later value. The\n        // sort `onClick` survives: `useDraggableItem` only deletes its own.\n        ...mergeProps(props.cellProps, dragProps, {\n          // Capture, so this runs before React Aria's own `onDragStart` on the\n          // same node and can cancel it.\n          onDragStartCapture: (event: any) => {\n            if ((event.target as HTMLElement)?.closest?.(NO_DRAG_SELECTOR)) {\n              event.preventDefault();\n              event.stopPropagation();\n            }\n          },\n        }),\n        'data-draggable': '',\n        'data-dragging': isDragging ? '' : undefined,\n      }}\n    >\n      <ColumnDropIndicator\n        columnKey={columnKey}\n        dropPosition=\"before\"\n        dropState={dropState as DroppableCollectionState}\n      />\n      {props.children}\n      {isLastDraggable ? (\n        <ColumnDropIndicator\n          columnKey={columnKey}\n          dropPosition=\"after\"\n          dropState={dropState as DroppableCollectionState}\n        />\n      ) : null}\n    </HeaderCell>\n  );\n}\n\nexport function TableHeaderCell(props: TableHeaderCellProps) {\n  return props.dragState && props.dropState ? (\n    <DraggableHeaderCell {...props} />\n  ) : (\n    <HeaderCell {...props} />\n  );\n}\n\ninterface ColumnDropIndicatorProps {\n  columnKey: string;\n  dropPosition: 'before' | 'after';\n  dropState: DroppableCollectionState;\n}\n\n/**\n * The line showing where a dragged column would land.\n *\n * Lives INSIDE the `<th>`, absolutely positioned on one of its edges — a `<tr>`\n * may only contain `<th>`/`<td>`, so there is nowhere between two header cells\n * to put it. Being absolute also means mounting one cannot shift the layout,\n * which is the bug class the row indicator had to be careful about.\n *\n * `useDropIndicator` reports `isHidden` unless this is the active target, so a\n * table merely capable of reordering keeps its exact DOM until a drag starts.\n */\nfunction ColumnDropIndicator({\n  columnKey,\n  dropPosition,\n  dropState,\n}: ColumnDropIndicatorProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target: { type: 'item', key: columnKey, dropPosition } },\n    dropState,\n    ref,\n  );\n\n  /**\n   * Re-register the drop targets when the header's geometry changes.\n   *\n   * React Aria's `ListDropTargetDelegate` measures every `[data-key]` at the\n   * moment a drag starts. A column resized mid-drag — or a scrollbar appearing —\n   * leaves those rects stale, and the drop lands in the wrong place. Same trick\n   * `TabDropIndicator` uses.\n   */\n  const [, forceUpdate] = useState(0);\n\n  useEffect(() => {\n    const row = ref.current?.closest('[data-element=\"HeadRow\"]');\n\n    if (!row || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(() => forceUpdate((n) => n + 1));\n\n    observer.observe(row);\n\n    return () => observer.disconnect();\n  }, []);\n\n  if (isHidden) return null;\n\n  return (\n    <div\n      {...dropIndicatorProps}\n      ref={ref}\n      data-element=\"ColumnDropIndicator\"\n      data-position={dropPosition}\n      data-drop-target={isDropTarget ? '' : undefined}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableHeaderCell.js","names":["useEffect","useRef","useState","useDraggableItem","useDropIndicator","mergeProps","ReactNode","DraggableCollectionState","DroppableCollectionState","NO_DRAG_SELECTOR","TableHeaderCellProps","columnKey","cellProps","Record","hasAction","isLastDraggable","dragState","dropState","children","HeaderCell","props","$","_c","extra","t0","DraggableHeaderCell","key","dragProps","isDragging","t1","onDragStartCapture","_temp","t2","undefined","t3","t4","t5","t6","t7","event","target","HTMLElement","closest","preventDefault","stopPropagation","TableHeaderCell","ColumnDropIndicatorProps","dropPosition","ColumnDropIndicator","ref","type","dropIndicatorProps","isHidden","isDropTarget","forceUpdate","row","current","ResizeObserver","observer","_temp2","observe","disconnect","Symbol","for","n","_c","mergeProps"],"sources":["../../../../src/components/data/TableBase/TableHeaderCell.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useDraggableItem, useDropIndicator } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport type { ReactNode } from 'react';\nimport type {\n  DraggableCollectionState,\n  DroppableCollectionState,\n} from 'react-stately';\n\n/**\n * Controls inside the header that own their own press, and must never start a\n * column drag.\n *\n * Drag-source resolution walks the DOM tree, not the React event path, so\n * `Item`'s `Actions` slot calling `stopPropagation` does nothing here — the\n * `<th>` is still the drag source as far as the browser is concerned. Only\n * `preventDefault` on `dragstart` stops it, which is what the capture handler\n * below does.\n */\nconst NO_DRAG_SELECTOR =\n  '[data-element=\"Resizer\"], [data-element=\"Actions\"], a, button, input, select, textarea, [role=\"button\"], [role=\"menuitem\"]';\n\nexport interface TableHeaderCellProps {\n  columnKey: string;\n  /** Everything the renderer already computed: mods, ARIA, handlers, styles. */\n  cellProps: Record<string, any>;\n  /** Whether the header itself responds to Enter — i.e. it sorts. */\n  hasAction: boolean;\n  isLastDraggable: boolean;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n  children: ReactNode;\n}\n\nfunction HeaderCell(\n  props: TableHeaderCellProps & { extra?: Record<string, any> },\n) {\n  const { cellProps, extra, children } = props;\n\n  return (\n    <th {...cellProps} {...extra}>\n      {children}\n    </th>\n  );\n}\n\n/**\n * A header cell inside a collection that accepts drags.\n *\n * Split from the plain one so the drag hooks can be called unconditionally —\n * they are hooks, and whether a table reorders its columns is a prop.\n */\nfunction DraggableHeaderCell(props: TableHeaderCellProps) {\n  const { columnKey, hasAction, isLastDraggable, dragState, dropState } = props;\n\n  const { dragProps } = useDraggableItem(\n    // `hasAction` re-gates React Aria's Enter/Space capture behind Alt, so plain\n    // Enter still reaches the header's own sort handler instead of starting a\n    // keyboard drag session.\n    { key: columnKey, hasAction },\n    dragState as DraggableCollectionState,\n  );\n  const isDragging = dragState!.isDragging(columnKey);\n\n  return (\n    <HeaderCell\n      {...props}\n      extra={{\n        // `dragProps` last for `draggable`, which is a value rather than a\n        // handler — `mergeProps` chains handlers but takes the later value. The\n        // sort `onClick` survives: `useDraggableItem` only deletes its own.\n        ...mergeProps(props.cellProps, dragProps, {\n          // Capture, so this runs before React Aria's own `onDragStart` on the\n          // same node and can cancel it.\n          onDragStartCapture: (event: any) => {\n            if ((event.target as HTMLElement)?.closest?.(NO_DRAG_SELECTOR)) {\n              event.preventDefault();\n              event.stopPropagation();\n            }\n          },\n        }),\n        'data-draggable': '',\n        'data-dragging': isDragging ? '' : undefined,\n      }}\n    >\n      <ColumnDropIndicator\n        columnKey={columnKey}\n        dropPosition=\"before\"\n        dropState={dropState as DroppableCollectionState}\n      />\n      {props.children}\n      {isLastDraggable ? (\n        <ColumnDropIndicator\n          columnKey={columnKey}\n          dropPosition=\"after\"\n          dropState={dropState as DroppableCollectionState}\n        />\n      ) : null}\n    </HeaderCell>\n  );\n}\n\nexport function TableHeaderCell(props: TableHeaderCellProps) {\n  return props.dragState && props.dropState ? (\n    <DraggableHeaderCell {...props} />\n  ) : (\n    <HeaderCell {...props} />\n  );\n}\n\ninterface ColumnDropIndicatorProps {\n  columnKey: string;\n  dropPosition: 'before' | 'after';\n  dropState: DroppableCollectionState;\n}\n\n/**\n * The line showing where a dragged column would land.\n *\n * Lives INSIDE the `<th>`, absolutely positioned on one of its edges — a `<tr>`\n * may only contain `<th>`/`<td>`, so there is nowhere between two header cells\n * to put it. Being absolute also means mounting one cannot shift the layout,\n * which is the bug class the row indicator had to be careful about.\n *\n * `useDropIndicator` reports `isHidden` unless this is the active target, so a\n * table merely capable of reordering keeps its exact DOM until a drag starts.\n */\nfunction ColumnDropIndicator({\n  columnKey,\n  dropPosition,\n  dropState,\n}: ColumnDropIndicatorProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target: { type: 'item', key: columnKey, dropPosition } },\n    dropState,\n    ref,\n  );\n\n  /**\n   * Re-register the drop targets when the header's geometry changes.\n   *\n   * React Aria's `ListDropTargetDelegate` measures every `[data-key]` at the\n   * moment a drag starts. A column resized mid-drag — or a scrollbar appearing —\n   * leaves those rects stale, and the drop lands in the wrong place. Same trick\n   * `TabDropIndicator` uses.\n   */\n  const [, forceUpdate] = useState(0);\n\n  useEffect(() => {\n    const row = ref.current?.closest('[data-element=\"HeadRow\"]');\n\n    if (!row || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(() => forceUpdate((n) => n + 1));\n\n    observer.observe(row);\n\n    return () => observer.disconnect();\n  }, []);\n\n  if (isHidden) return null;\n\n  return (\n    <div\n      {...dropIndicatorProps}\n      ref={ref}\n      data-element=\"ColumnDropIndicator\"\n      data-position={dropPosition}\n      data-drop-target={isDropTarget ? '' : undefined}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { c } from "react/compiler-runtime";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useDraggableItem, useDropIndicator, useTreeItem } from "react-aria";
-
 //#region src/components/data/TableBase/TableRow.tsx
 function Row(props) {
 	const $ = c(14);
@@ -250,7 +249,7 @@ function TableRowDropIndicator(props) {
 	} else t4 = $[8];
 	return t4;
 }
-
 //#endregion
 export { TableRow, TableRowDropIndicator };
+
 //# sourceMappingURL=TableRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":["useRef","useDraggableItem","useDropIndicator","useTreeItem","mergeProps","mergeRefs","Key","Node","ReactNode","Ref","DraggableCollectionState","DroppableCollectionState","TreeState","TableTreeNode","TableRowTreeProps","state","T","node","entry","isVirtualized","TableRowProps","rowKey","rowProps","Record","height","measureRef","HTMLTableRowElement","rowRef","index","dragState","dropState","tree","children","treeItemAria","ReturnType","Row","props","$","_c","extra","t0","t1","undefined","t2","t3","DraggableRow","key","dragResult","onRef","target","type","dropPosition","isDropTarget","isOnTarget","dragProps","isDragging","t4","t5","t6","TreeRow","length","hasChildItems","treeItemOptions","level","siblingCount","siblingIndex","next","TableRow","TableRowDropIndicatorProps","columnCount","TableRowDropIndicator","ref","dropIndicatorProps","isHidden","Math","max"],"sources":["../../../../src/components/data/TableBase/TableRow.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useDraggableItem, useDropIndicator, useTreeItem } from 'react-aria';\n\nimport { mergeProps, mergeRefs } from '../../../utils/react';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { ReactNode, Ref } from 'react';\nimport type {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  TreeState,\n} from 'react-stately';\nimport type { TableTreeNode } from './table-tree';\n\nexport interface TableRowTreeProps<T = any> {\n  state: TreeState<TableTreeNode<T>>;\n  node: Node<TableTreeNode<T>>;\n  entry: TableTreeNode<T>;\n  isVirtualized: boolean;\n}\n\nexport interface TableRowProps<T = any> {\n  rowKey: Key;\n  /** Everything the renderer already computed: mods, ARIA, handlers. */\n  rowProps: Record<string, any>;\n  height?: number;\n  /** Set on the virtualized path so the virtualizer can measure the row. */\n  measureRef?: Ref<HTMLTableRowElement>;\n  /** Internal React Aria row ref in tree mode. */\n  rowRef?: Ref<HTMLTableRowElement>;\n  index?: number;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n  tree?: TableRowTreeProps<T>;\n  children:\n    | ReactNode\n    | ((treeItemAria: ReturnType<typeof useTreeItem> | undefined) => ReactNode);\n}\n\nfunction Row(\n  props: TableRowProps & {\n    extra?: Record<string, any>;\n    rowRef?: Ref<HTMLTableRowElement>;\n  },\n) {\n  const { rowProps, height, measureRef, rowRef, index, extra, children } =\n    props;\n\n  return (\n    <tr\n      {...rowProps}\n      {...extra}\n      ref={mergeRefs(measureRef, rowRef)}\n      data-index={index}\n      style={height != null ? { height } : undefined}\n    >\n      {typeof children === 'function' ? children(undefined) : children}\n    </tr>\n  );\n}\n\n/**\n * A row inside a collection that accepts drags.\n *\n * Split from the plain row so the drag hooks can be called unconditionally —\n * they are hooks, and whether a table is draggable is a prop.\n */\nfunction DraggableRow(props: TableRowProps) {\n  const { rowKey, dragState, dropState } = props;\n\n  const dragResult = useDraggableItem(\n    { key: rowKey },\n    dragState as DraggableCollectionState,\n  );\n\n  /**\n   * Whether a drop would land *on* this row.\n   *\n   * `useDropIndicator` rather than asking `dropState.isDropTarget` directly:\n   * the state object's identity never changes as the pointer moves, so a plain\n   * read is computed once and never updates. The hook subscribes, which is what\n   * makes the highlight follow the cursor.\n   */\n  const onRef = useRef<HTMLDivElement>(null);\n  const { isDropTarget: isOnTarget } = useDropIndicator(\n    { target: { type: 'item', key: rowKey, dropPosition: 'on' } },\n    dropState as DroppableCollectionState,\n    onRef,\n  );\n\n  return (\n    <Row\n      {...props}\n      extra={{\n        ...mergeProps(props.rowProps, dragResult.dragProps),\n        'data-draggable': '',\n        'data-dragging': dragState!.isDragging(rowKey) ? '' : undefined,\n        'data-drop-target': isOnTarget ? '' : undefined,\n      }}\n    />\n  );\n}\n\nfunction TreeRow<T>(props: TableRowProps<T>) {\n  const { tree } = props;\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const treeItemOptions = {\n    node: tree!.node,\n    hasChildItems: tree!.entry.children.length > 0,\n    isVirtualized: tree!.isVirtualized,\n  };\n  const treeItemAria = useTreeItem(treeItemOptions, tree!.state, rowRef);\n\n  const rowProps = mergeProps(treeItemAria.rowProps, props.rowProps);\n\n  // Table geometry and ItemTable selection are separate from React Aria's\n  // internal focus-only selection manager, so the renderer's values win.\n  if (props.rowProps['aria-rowindex'] !== undefined) {\n    rowProps['aria-rowindex'] = props.rowProps['aria-rowindex'];\n  }\n  if (props.rowProps['aria-selected'] !== undefined) {\n    rowProps['aria-selected'] = props.rowProps['aria-selected'];\n  }\n  rowProps['aria-level'] = tree!.entry.level + 1;\n  rowProps['aria-posinset'] = tree!.entry.siblingIndex + 1;\n  rowProps['aria-setsize'] = tree!.entry.siblingCount;\n\n  const children =\n    typeof props.children === 'function'\n      ? props.children(treeItemAria)\n      : props.children;\n  const next = { ...props, rowProps, rowRef, children };\n\n  return props.dragState && props.dropState ? (\n    <DraggableRow {...next} />\n  ) : (\n    <Row {...next} />\n  );\n}\n\nexport function TableRow<T>(props: TableRowProps<T>) {\n  if (props.tree) return <TreeRow {...props} />;\n\n  return props.dragState && props.dropState ? (\n    <DraggableRow {...props} />\n  ) : (\n    <Row {...props} />\n  );\n}\n\nexport interface TableRowDropIndicatorProps {\n  rowKey: Key;\n  dropPosition: 'before' | 'after';\n  dropState: DroppableCollectionState;\n  columnCount: number;\n}\n\n/**\n * The line showing where a dragged row would land.\n *\n * Its own `<tr>`, because a native table cannot hold an arbitrary element\n * between two rows — the same shape `ListBox` uses with `<li>`. It renders\n * nothing at all unless a drag is in flight, so the table's normal structure is\n * untouched the rest of the time.\n */\nexport function TableRowDropIndicator(props: TableRowDropIndicatorProps) {\n  const { rowKey, dropPosition, dropState, columnCount } = props;\n  const ref = useRef<HTMLDivElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target: { type: 'item', key: rowKey, dropPosition } },\n    dropState,\n    ref,\n  );\n\n  if (isHidden) return null;\n\n  return (\n    <tr data-element=\"DropIndicatorRow\">\n      <td data-element=\"DropIndicatorCell\" colSpan={Math.max(columnCount, 1)}>\n        <div\n          {...dropIndicatorProps}\n          ref={ref}\n          data-element=\"DropIndicator\"\n          data-drop-target={isDropTarget ? '' : undefined}\n        />\n      </td>\n    </tr>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableRow.js","names":["useRef","useDraggableItem","useDropIndicator","useTreeItem","mergeProps","mergeRefs","Key","Node","ReactNode","Ref","DraggableCollectionState","DroppableCollectionState","TreeState","TableTreeNode","TableRowTreeProps","state","T","node","entry","isVirtualized","TableRowProps","rowKey","rowProps","Record","height","measureRef","HTMLTableRowElement","rowRef","index","dragState","dropState","tree","children","treeItemAria","ReturnType","Row","props","$","_c","extra","t0","t1","undefined","t2","t3","DraggableRow","key","dragResult","onRef","target","type","dropPosition","isDropTarget","isOnTarget","dragProps","isDragging","t4","t5","t6","TreeRow","length","hasChildItems","treeItemOptions","level","siblingCount","siblingIndex","next","TableRow","TableRowDropIndicatorProps","columnCount","TableRowDropIndicator","ref","dropIndicatorProps","isHidden","Math","max","_c","mergeProps","treeItemOptions"],"sources":["../../../../src/components/data/TableBase/TableRow.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useDraggableItem, useDropIndicator, useTreeItem } from 'react-aria';\n\nimport { mergeProps, mergeRefs } from '../../../utils/react';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { ReactNode, Ref } from 'react';\nimport type {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  TreeState,\n} from 'react-stately';\nimport type { TableTreeNode } from './table-tree';\n\nexport interface TableRowTreeProps<T = any> {\n  state: TreeState<TableTreeNode<T>>;\n  node: Node<TableTreeNode<T>>;\n  entry: TableTreeNode<T>;\n  isVirtualized: boolean;\n}\n\nexport interface TableRowProps<T = any> {\n  rowKey: Key;\n  /** Everything the renderer already computed: mods, ARIA, handlers. */\n  rowProps: Record<string, any>;\n  height?: number;\n  /** Set on the virtualized path so the virtualizer can measure the row. */\n  measureRef?: Ref<HTMLTableRowElement>;\n  /** Internal React Aria row ref in tree mode. */\n  rowRef?: Ref<HTMLTableRowElement>;\n  index?: number;\n  dragState?: DraggableCollectionState;\n  dropState?: DroppableCollectionState;\n  tree?: TableRowTreeProps<T>;\n  children:\n    | ReactNode\n    | ((treeItemAria: ReturnType<typeof useTreeItem> | undefined) => ReactNode);\n}\n\nfunction Row(\n  props: TableRowProps & {\n    extra?: Record<string, any>;\n    rowRef?: Ref<HTMLTableRowElement>;\n  },\n) {\n  const { rowProps, height, measureRef, rowRef, index, extra, children } =\n    props;\n\n  return (\n    <tr\n      {...rowProps}\n      {...extra}\n      ref={mergeRefs(measureRef, rowRef)}\n      data-index={index}\n      style={height != null ? { height } : undefined}\n    >\n      {typeof children === 'function' ? children(undefined) : children}\n    </tr>\n  );\n}\n\n/**\n * A row inside a collection that accepts drags.\n *\n * Split from the plain row so the drag hooks can be called unconditionally —\n * they are hooks, and whether a table is draggable is a prop.\n */\nfunction DraggableRow(props: TableRowProps) {\n  const { rowKey, dragState, dropState } = props;\n\n  const dragResult = useDraggableItem(\n    { key: rowKey },\n    dragState as DraggableCollectionState,\n  );\n\n  /**\n   * Whether a drop would land *on* this row.\n   *\n   * `useDropIndicator` rather than asking `dropState.isDropTarget` directly:\n   * the state object's identity never changes as the pointer moves, so a plain\n   * read is computed once and never updates. The hook subscribes, which is what\n   * makes the highlight follow the cursor.\n   */\n  const onRef = useRef<HTMLDivElement>(null);\n  const { isDropTarget: isOnTarget } = useDropIndicator(\n    { target: { type: 'item', key: rowKey, dropPosition: 'on' } },\n    dropState as DroppableCollectionState,\n    onRef,\n  );\n\n  return (\n    <Row\n      {...props}\n      extra={{\n        ...mergeProps(props.rowProps, dragResult.dragProps),\n        'data-draggable': '',\n        'data-dragging': dragState!.isDragging(rowKey) ? '' : undefined,\n        'data-drop-target': isOnTarget ? '' : undefined,\n      }}\n    />\n  );\n}\n\nfunction TreeRow<T>(props: TableRowProps<T>) {\n  const { tree } = props;\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const treeItemOptions = {\n    node: tree!.node,\n    hasChildItems: tree!.entry.children.length > 0,\n    isVirtualized: tree!.isVirtualized,\n  };\n  const treeItemAria = useTreeItem(treeItemOptions, tree!.state, rowRef);\n\n  const rowProps = mergeProps(treeItemAria.rowProps, props.rowProps);\n\n  // Table geometry and ItemTable selection are separate from React Aria's\n  // internal focus-only selection manager, so the renderer's values win.\n  if (props.rowProps['aria-rowindex'] !== undefined) {\n    rowProps['aria-rowindex'] = props.rowProps['aria-rowindex'];\n  }\n  if (props.rowProps['aria-selected'] !== undefined) {\n    rowProps['aria-selected'] = props.rowProps['aria-selected'];\n  }\n  rowProps['aria-level'] = tree!.entry.level + 1;\n  rowProps['aria-posinset'] = tree!.entry.siblingIndex + 1;\n  rowProps['aria-setsize'] = tree!.entry.siblingCount;\n\n  const children =\n    typeof props.children === 'function'\n      ? props.children(treeItemAria)\n      : props.children;\n  const next = { ...props, rowProps, rowRef, children };\n\n  return props.dragState && props.dropState ? (\n    <DraggableRow {...next} />\n  ) : (\n    <Row {...next} />\n  );\n}\n\nexport function TableRow<T>(props: TableRowProps<T>) {\n  if (props.tree) return <TreeRow {...props} />;\n\n  return props.dragState && props.dropState ? (\n    <DraggableRow {...props} />\n  ) : (\n    <Row {...props} />\n  );\n}\n\nexport interface TableRowDropIndicatorProps {\n  rowKey: Key;\n  dropPosition: 'before' | 'after';\n  dropState: DroppableCollectionState;\n  columnCount: number;\n}\n\n/**\n * The line showing where a dragged row would land.\n *\n * Its own `<tr>`, because a native table cannot hold an arbitrary element\n * between two rows — the same shape `ListBox` uses with `<li>`. It renders\n * nothing at all unless a drag is in flight, so the table's normal structure is\n * untouched the rest of the time.\n */\nexport function TableRowDropIndicator(props: TableRowDropIndicatorProps) {\n  const { rowKey, dropPosition, dropState, columnCount } = props;\n  const ref = useRef<HTMLDivElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target: { type: 'item', key: rowKey, dropPosition } },\n    dropState,\n    ref,\n  );\n\n  if (isHidden) return null;\n\n  return (\n    <tr data-element=\"DropIndicatorRow\">\n      <td data-element=\"DropIndicatorCell\" colSpan={Math.max(columnCount, 1)}>\n        <div\n          {...dropIndicatorProps}\n          ref={ref}\n          data-element=\"DropIndicator\"\n          data-drop-target={isDropTarget ? '' : undefined}\n        />\n      </td>\n    </tr>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
 
 import "./types.js";
+import "./table-tree.js";
 import "./use-cell-selection.js";
 import "./use-table-selection.js";
 import { Styles } from "@tenphi/tasty";
 import { ReactNode, RefObject } from "react";
 import { TreeState } from "react-stately";
 import { Key as Key$1, Node } from "@react-types/shared";
-
 //#region src/components/data/TableBase/TableView.d.ts
 /** Visual/behavioural overrides a table adapter may attach to a single row. */
-interface CubeTableRowRenderProps {
+export interface CubeTableRowRenderProps {
   isDimmed?: boolean;
   mods?: Record<string, boolean | undefined>;
   styles?: Styles;
@@ -18,5 +18,4 @@ interface CubeTableRowRenderProps {
   tooltip?: string;
 }
 //#endregion
-export { CubeTableRowRenderProps };
 //# sourceMappingURL=TableView.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
@@ -6,8 +6,8 @@ import { TextItem } from "../../content/TextItem/TextItem.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
-import { _MenuTrigger } from "../../actions/Menu/MenuTrigger.js";
-import { __Menu } from "../../actions/Menu/Menu.js";
+import { MenuTrigger as _MenuTrigger } from "../../actions/Menu/MenuTrigger.js";
+import { Menu as __Menu } from "../../actions/Menu/Menu.js";
 import { Action } from "../../actions/Action/Action.js";
 import { useContextMenu } from "../../actions/use-context-menu.js";
 import { useToast } from "../../overlays/Toast/useToast.js";
@@ -15,7 +15,7 @@ import { usePaletteVersion } from "../../../tokens/palette-config.js";
 import { SIZES, SIZE_NAME_TO_KEY } from "../../../tokens/sizes.js";
 import { getColorTheme, useColorTheme } from "../../../tokens/color-theme.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";
-import { __Checkbox } from "../../fields/Checkbox/Checkbox.js";
+import { Checkbox as __Checkbox } from "../../fields/Checkbox/Checkbox.js";
 import { Placeholder, PlaceholderGroupContext } from "../../content/Placeholder/Placeholder.js";
 import { Skeleton } from "../../content/Skeleton/Skeleton.js";
 import { TableElement, TableHeaderItem, TableTreeToggle, TableTreeTogglePlaceholder } from "./styled.js";
@@ -23,7 +23,7 @@ import { renderColumnHeaderContent, resolveColumnSort } from "./column-header.js
 import { columnCellClassName } from "./column-styles.js";
 import { buildColumnTints, tintSlot } from "./column-tint.js";
 import { ColumnResizer } from "./ColumnResizer.js";
-import { ROW_MENU_COLUMN_KEY, isMenuEmpty, normalizeMenuAction } from "./row-menu.js";
+import { isMenuEmpty, normalizeMenuAction } from "./row-menu.js";
 import { TableHeaderCell } from "./TableHeaderCell.js";
 import { TableRow, TableRowDropIndicator } from "./TableRow.js";
 import { TreeGridTable } from "./TreeGridTable.js";
@@ -35,7 +35,7 @@ import { canWindowColumns, useColumnWindow } from "./use-column-window.js";
 import { useRowMoveAnimation } from "./use-row-move-animation.js";
 import { useScrollability } from "./use-scrollability.js";
 import { getColumnText, getColumnValue } from "./use-table-columns.js";
-import { ROW_NUMBER_COLUMN_KEY, SELECTION_COLUMN_KEY } from "./use-table-selection.js";
+import "./use-table-selection.js";
 import { useTableTooltipRefresh } from "./use-table-tooltip-refresh.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -43,7 +43,6 @@ import clsx from "clsx";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { VisuallyHidden } from "react-aria";
 import { useVirtualizer } from "@tanstack/react-virtual";
-
 //#region src/components/data/TableBase/TableView.tsx
 /**
 * The same block as an HTML table, so a spreadsheet keeps the cell boundaries.
@@ -219,7 +218,18 @@ function TableView(props) {
 	};
 	/** 1-based `aria-rowindex` for the i-th pinned row at `edge`. */
 	const pinnedRowIndex = (index, edge) => edge === "top" ? headerRowCount + index + 1 : headerRowCount + pinnedTopCount + bodyRowCount + index + 1;
-	const tints = useMemo(() => buildColumnTints(columns, { resolveTheme: getColorTheme }), [columns, usePaletteVersion()]);
+	/**
+	* Per-column tints.
+	*
+	* The colour maths is `getColorTheme`'s, cached globally by a hash of its
+	* config; `buildColumnTints` only maps columns onto `data-tint` slots and the
+	* state maps that read them. `getColorTheme` rather than `useColorTheme` here
+	* because the number of tinted columns is data-dependent and a hook cannot be
+	* called in a loop — registration happens in `ColumnTintRegistrar` below, one
+	* component per distinct theme, which is a legal fixed hook count each.
+	*/
+	const paletteVersion = usePaletteVersion();
+	const tints = useMemo(() => buildColumnTints(columns, { resolveTheme: getColorTheme }), [columns, paletteVersion]);
 	const mergedStyles = useMemo(() => ({
 		height: "min 0",
 		flexGrow: 1,
@@ -504,8 +514,8 @@ function TableView(props) {
 		}, `column-cell:${column.key}`);
 	}
 	function renderHeaderCell(column, rowSpan = 1) {
-		if (column.key === SELECTION_COLUMN_KEY) return renderSelectionHeaderCell(column, rowSpan);
-		if (column.key === ROW_NUMBER_COLUMN_KEY) return /* @__PURE__ */ jsx("th", {
+		if (column.key === "__cube-selection__") return renderSelectionHeaderCell(column, rowSpan);
+		if (column.key === "__cube-row-number__") return /* @__PURE__ */ jsx("th", {
 			"data-element": "HeaderCell",
 			"data-key": column.key,
 			"data-kind": "row-number",
@@ -517,7 +527,7 @@ function TableView(props) {
 			"aria-colindex": column.ariaColIndex,
 			style: pinStyle(column)
 		}, column.key);
-		if (column.key === ROW_MENU_COLUMN_KEY) return /* @__PURE__ */ jsx("th", {
+		if (column.key === "__cube-row-menu__") return /* @__PURE__ */ jsx("th", {
 			"data-element": "HeaderCell",
 			"data-key": column.key,
 			"data-kind": "actions",
@@ -604,8 +614,8 @@ function TableView(props) {
 	}
 	function renderCell(column, row, rowIndex, rowKey, isLastRow, pinnedEdge, treeItemAria) {
 		const rangeKey = selectionRowKey(sectionOf(pinnedEdge), rowKey);
-		if (column.key === SELECTION_COLUMN_KEY) return renderSelectionCell(column, row, rowIndex, rowKey, isLastRow, pinnedEdge);
-		if (column.key === ROW_NUMBER_COLUMN_KEY) return /* @__PURE__ */ jsx("td", {
+		if (column.key === "__cube-selection__") return renderSelectionCell(column, row, rowIndex, rowKey, isLastRow, pinnedEdge);
+		if (column.key === "__cube-row-number__") return /* @__PURE__ */ jsx("td", {
 			"data-element": "Cell",
 			"data-key": column.key,
 			"data-kind": "row-number",
@@ -619,7 +629,7 @@ function TableView(props) {
 			style: pinStyle(column),
 			children: pinnedEdge ? null : rowNumberOffset + rowIndex + 1
 		}, `column-cell:${column.key}`);
-		if (column.key === ROW_MENU_COLUMN_KEY) return renderRowMenuCell(column, row, rowIndex, rowKey, isLastRow, pinnedEdge);
+		if (column.key === "__cube-row-menu__") return renderRowMenuCell(column, row, rowIndex, rowKey, isLastRow, pinnedEdge);
 		const ctx = {
 			row,
 			rowKey,
@@ -1202,7 +1212,7 @@ function TableView(props) {
 		]
 	});
 }
-
 //#endregion
 export { TableView };
+
 //# sourceMappingURL=TableView.js.map