@cube-dev/ui-kit 0.190.6 → 0.190.8

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, isDragging } = 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\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":";;;;;;;;;;;;;;;;;;AAqBA,MAAMS,mBACJ;AAcF,SAAAU,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAGE,MAAA,EAAAV,WAAAW,OAAAL,aAAuCE;CAAM,IAAAI;AAAA,KAAAH,EAAA,OAAAT,aAAAS,EAAA,OAAAH,YAAAG,EAAA,OAAAE,OAAA;AAG3CC,OAAA,oBAAA;GAEK,GAFGZ;GAAS,GAAMW;GACpBL;IACE;AAAAG,IAAA,KAAAT;AAAAS,IAAA,KAAAH;AAAAG,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAFLG;;;;;;;;AAYJ,SAAAC,oBAAAL,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAX,WAAAG,WAAAC,iBAAAC,WAAAC,cAAwEG;CAAM,IAAAI;AAAA,KAAAH,EAAA,OAAAV,aAAAU,EAAA,OAAAP,WAAA;AAM5EU,OAAA;GAAAE,KAAOf;GAASG;GAAa;AAAAO,IAAA,KAAAV;AAAAU,IAAA,KAAAP;AAAAO,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAJ/B,MAAA,EAAAM,WAAAC,eAAkCzB,iBAIhCqB,IACAR,UACD;CAAC,IAAAa;AAAA,KAAAR,EAAA,OAAAM,aAAAN,EAAA,OAAAD,MAAAR,WAAA;AASOiB,OAAAxB,aAAWe,MAAKR,WAAYe,WAAW,EAAAG,oBAGpBC,OAMrB,CAAC;AAAAV,IAAA,KAAAM;AAAAN,IAAA,KAAAD,MAAAR;AAAAS,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAEe,MAAAW,KAAAJ,aAAA,KAAAK;CAA2B,IAAAC;AAAA,KAAAb,EAAA,OAAAQ,MAAAR,EAAA,OAAAW,IAAA;AAfvCE,OAAA;GAAA,GAIFL;GASD,kBACgB;GAAE,iBACHG;GAClB;AAAAX,IAAA,KAAAQ;AAAAR,IAAA,KAAAW;AAAAX,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAKY,MAAAc,KAAAlB;CAAqC,IAAAmB;AAAA,KAAAf,EAAA,OAAAV,aAAAU,EAAA,QAAAc,IAAA;AAHlDC,OAAA,oBAAC;GACYzB;GACE,cAAA;GACF,WAAAwB;IACX;AAAAd,IAAA,KAAAV;AAAAU,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAV,aAAAU,EAAA,QAAAJ,aAAAI,EAAA,QAAAN,iBAAA;AAEDsB,OAAAtB,kBACC,oBAAC;GACYJ;GACE,cAAA;GACFM;IAEP,GANP;AAMOI,IAAA,MAAAV;AAAAU,IAAA,MAAAJ;AAAAI,IAAA,MAAAN;AAAAM,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,QAAAD,SAAAC,EAAA,QAAAa,MAAAb,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;AAhCVC,OAAA,qBAAC;GAAU,GACLlB;GACG,OAAAc;;IAkBPE;IAKChB,MAAKF;IACLmB;;IAOU;AAAAhB,IAAA,MAAAD;AAAAC,IAAA,MAAAa;AAAAb,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;AAAA,QAjCbiB;;AAZJ,SAAAP,MAAAQ,OAAA;AAsBY,KAAKA,MAAKC,QAAgCE,UAAGjC,iBAAiB,EAAA;AAC5D8B,QAAKI,gBAAiB;AACtBJ,QAAKK,iBAAkB;;;AAyBrC,SAAOC,gBAAAzB,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAE;AAAA,KAAAH,EAAA,OAAAD,OAAA;AACEI,OAAAJ,MAAKJ,aAAcI,MAAKH,YAC7B,oBAAC,uBAAmB,GAAKG,QAG1B,GADC,oBAAC,cAAU,GAAKA,QACjB;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAJMG;;;;;;;;;;;;;AAwBT,SAAAwB,oBAAAxB,IAAA;CAAA,MAAAH,IAAAC,EAAA,GAAA;CAA6B,MAAA,EAAAX,WAAAoC,cAAA9B,cAAAO;CAK3B,MAAAyB,MAAYhD,OAAuB,KAAK;CAAC,IAAA4B;AAAA,KAAAR,EAAA,OAAAV,aAAAU,EAAA,OAAA0B,cAAA;AAEvClB,OAAA,EAAAW,QAAU;GAAAU,MAAQ;GAAMxB,KAAOf;GAASoC;GAAe,EAAG;AAAA1B,IAAA,KAAAV;AAAAU,IAAA,KAAA0B;AAAA1B,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAD5D,MAAA,EAAA8B,oBAAAC,UAAAC,iBAAuDjD,iBACrDyB,IACAZ,WACAgC,IACD;CAUD,MAAA,GAAAK,eAAwBpD,SAAS,EAAE;CAAC,IAAA8B;AAAA,KAAAX,EAAA,OAAAiC,aAAA;AAE1BtB,aAAA;GACR,MAAAuB,MAAYN,IAAGO,SAAiBd,QAAC,6BAA2B;AAE5D,OAAI,CAACa,OAAO,OAAOE,mBAAmB,YAAW;GAEjD,MAAAC,WAAiB,IAAID,qBAAqBH,YAAYK,OAAa,CAAC;AAEpED,YAAQE,QAASL,IAAI;AAAA,gBAERG,SAAQG,YAAa;;AACnCxC,IAAA,KAAAiC;AAAAjC,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAyC,OAAAC,IAAA,4BAAA,EAAA;AAAE7B,OAAA,EAAE;AAAAb,IAAA,KAAAa;OAAAA,MAAAb,EAAA;AAVLrB,WAAUgC,IAUPE,GAAG;AAEN,KAAIkB,SAAQ,QAAS;CAQC,MAAAjB,KAAAkB,eAAA,KAAApB;CAA6B,IAAAG;AAAA,KAAAf,EAAA,OAAA8B,sBAAA9B,EAAA,OAAA0B,gBAAA1B,EAAA,OAAAc,IAAA;AALjDC,OAAA,oBAAA;GAME,GALIe;GACCF;GACQ,gBAAA;GACEF,iBAAAA;GACG,oBAAAZ;IAClB;AAAAd,IAAA,KAAA8B;AAAA9B,IAAA,KAAA0B;AAAA1B,IAAA,KAAAc;AAAAd,IAAA,KAAAe;OAAAA,MAAAf,EAAA;AAAA,QANFe;;AArCJ,SAAAuB,OAAAK,GAAA;AAAA,QA2BiEA,IAAI"}
+{"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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | 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";
@@ -84,7 +84,7 @@ function DraggableRow(props) {
 		$[5] = props.rowProps;
 		$[6] = t2;
 	} else t2 = $[6];
-	const t3 = dragResult.isDragging ? "" : void 0;
+	const t3 = dragState.isDragging(rowKey) ? "" : void 0;
 	const t4 = isOnTarget ? "" : void 0;
 	let t5;
 	if ($[7] !== t2 || $[8] !== t3 || $[9] !== t4) {

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","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': dragResult.isDragging ? '' : 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 treeItemAria = useTreeItem(\n    {\n      node: tree!.node,\n      hasChildItems: tree!.entry.children.length > 0,\n      isVirtualized: tree!.isVirtualized,\n    },\n    tree!.state,\n    rowRef,\n  );\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"],"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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { TextItem } from "../../content/TextItem/TextItem.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { ArrowNarrowDownIcon } from "../../../icons/ArrowNarrowDownIcon.js";
 import { ArrowNarrowUpIcon } from "../../../icons/ArrowNarrowUpIcon.js";
 import { TableHeaderItem } from "./styled.js";

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

@@ -1,6 +1,7 @@
 
 import "./types.js";
 import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/data/TableBase/column-menu.d.ts
 /**
@@ -30,7 +31,7 @@ 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[]): ReactNode;
+declare function columnSortMenu(keys?: readonly CubeColumnMenuSortKey[]): react_jsx_runtime0.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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { __Menu } from "../../actions/Menu/Menu.js";
 import { normalizeMenuAction } from "./row-menu.js";
 import { Children, cloneElement, isValidElement } from "react";

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): ReactNode {\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,uBAC9B;AACX,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"],"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { computeStyles, resolveRecipes } from "@tenphi/tasty";
 
 //#region src/components/data/TableBase/column-styles.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { getPaletteConfig } from "../../../tokens/palette-config.js";
 import { hashString } from "../../../tokens/color-theme.js";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { Children, Fragment, isValidElement } from "react";
 
 //#region src/components/data/TableBase/row-menu.ts

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";

package/dist/components/data/TableBase/table-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 //#region src/components/data/TableBase/table-tree.ts
 /** Build identity and parent/child indexes without modifying consumer rows. */
 function buildTableTree(rows, getChildren, getKey) {

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 //#region src/components/data/TableBase/types.ts
 /**
 * `asc | desc` rather than React Aria's `ascending | descending`: we do not use

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/data/TableBase/use-column-order.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

package/dist/components/data/TableBase/use-container-width.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-row-move-animation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useRef } from "react";
 

package/dist/components/data/TableBase/use-scrollability.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useLayoutEffect, useState } from "react";
 

package/dist/components/data/TableBase/use-table-columns.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 
 //#region src/components/data/TableBase/use-table-columns.ts

package/dist/components/data/TableBase/use-table-search.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.js";
 import { getColumnText } from "./use-table-columns.js";

package/dist/components/data/TableBase/use-table-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { RowCollection } from "./RowCollection.js";
 import { useCallback, useMemo, useRef } from "react";

package/dist/components/data/TableBase/use-table-sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getColumnText, getColumnValue } from "./use-table-columns.js";
 import { c } from "react-compiler-runtime";

package/dist/components/data/TableBase/use-table-sorts.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { sortRows } from "./use-table-sort.js";
 import { c } from "react-compiler-runtime";

package/dist/components/data/TableBase/use-table-storage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useCallback, useRef, useState } from "react";
 
 //#region src/components/data/TableBase/use-table-storage.ts

package/dist/components/data/TableBase/use-table-tree-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react-compiler-runtime";

package/dist/components/fields/Checkbox/Checkbox.d.ts

@@ -2,7 +2,6 @@
 import { FieldBaseProps, ToggleSelectionProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { CubeTooltipProviderProps } from "../../overlays/Tooltip/TooltipProvider.js";
-import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { CubeCheckboxGroupProps, _CheckboxGroup } from "./CheckboxGroup.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
@@ -10,16 +9,7 @@ import { AriaCheckboxProps, useCheckbox } from "react-aria";
 import * as _react_types_shared0 from "@react-types/shared";
 
 //#region src/components/fields/Checkbox/Checkbox.d.ts
-interface CubeCheckboxProps extends BaseProps, ContainerStyleProps, AriaCheckboxProps, ToggleSelectionProps, FieldBaseProps<boolean | null | undefined> {
-  /**
-   * The form instance. Redeclared so that it wins over react-aria's DOM
-   * `form: string` attribute when a consumer resolves react-aria's types for
-   * real; `Omit<AriaCheckboxProps, 'form'>` would erase every other prop
-   * in-repo, where those types resolve to `any` (see tsconfig.json).
-   */
-  form?: FieldBaseProps['form'];
-  /** Field name; modern forms also accept nested tuple paths. */
-  name?: FieldBaseProps['name'];
+interface CubeCheckboxProps extends BaseProps, ContainerStyleProps, Omit<AriaCheckboxProps, 'form' | 'name'>, ToggleSelectionProps, FieldBaseProps<boolean | null | undefined> {
   inputStyles?: Styles;
   isIndeterminate?: boolean;
   value?: string;
@@ -32,12 +22,15 @@ interface CubeCheckboxProps extends BaseProps, ContainerStyleProps, AriaCheckbox
   tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;
 }
 declare let __Checkbox: react.ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
-  isSelected?: T["isSelected"] | any;
-  defaultSelected?: T["defaultSelected"] | any;
+  isSelected?: any;
+  defaultSelected?: any;
 } & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>> & {
   Group: typeof _CheckboxGroup;
 } & {
-  Group: react.ForwardRefExoticComponent<Omit<WithNullableValue<CubeCheckboxGroupProps>, "ref"> & react.RefAttributes<unknown>>;
+  Group: react.ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
+    value?: any;
+    defaultValue?: any;
+  } & react.RefAttributes<unknown>>;
 };
 //#endregion
 export { type AriaCheckboxProps, CubeCheckboxProps, __Checkbox, useCheckbox };

package/dist/components/fields/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
@@ -38,41 +38,38 @@ const CheckboxWrapperElement = tasty({
 		color: "#dark-02"
 	}
 });
-const CheckboxElement = tasty({
-	qa: "Checkbox",
-	styles: {
-		display: "grid",
-		placeItems: "center",
-		radius: ".5r",
-		fill: {
-			"": "#surface",
-			"checked | indeterminate": "#primary",
-			"invalid & !checked": "#surface",
-			"invalid & checked": "#danger",
-			"valid & !checked": "#surface",
-			"valid & checked": "#success",
-			disabled: "#dark.12"
-		},
-		color: {
-			"": "#clear",
-			"checked | indeterminate": "#white"
-		},
-		border: {
-			"": "#dark.30",
-			invalid: "#danger",
-			valid: "#success",
-			"disabled | ((indeterminate | checked) & !invalid & !valid)": "#clear"
-		},
-		width: "(2x - 2bw)",
-		height: "(2x - 2bw)",
-		outline: {
-			"": "#primary-text.0",
-			focused: "1bw #primary-text"
-		},
-		outlineOffset: 1,
-		transition: "theme"
-	}
-});
+const CheckboxElement = tasty({ styles: {
+	display: "grid",
+	placeItems: "center",
+	radius: ".5r",
+	fill: {
+		"": "#surface",
+		"checked | indeterminate": "#primary",
+		"invalid & !checked": "#surface",
+		"invalid & checked": "#danger",
+		"valid & !checked": "#surface",
+		"valid & checked": "#success",
+		disabled: "#dark.12"
+	},
+	color: {
+		"": "#clear",
+		"checked | indeterminate": "#white"
+	},
+	border: {
+		"": "#dark.30",
+		invalid: "#danger",
+		valid: "#success",
+		"disabled | ((indeterminate | checked) & !invalid & !valid)": "#clear"
+	},
+	width: "(2x - 2bw)",
+	height: "(2x - 2bw)",
+	outline: {
+		"": "#primary-text.0",
+		focused: "1bw #primary-text"
+	},
+	outlineOffset: 1,
+	transition: "theme"
+} });
 function Checkbox(allProps, ref) {
 	let groupState = useContext(CheckboxGroupContext);
 	const originalProps = castNullableIsSelected(allProps);
@@ -147,6 +144,7 @@ function Checkbox(allProps, ref) {
 		...mergeTooltipFocusProps(mergeProps$1(inputProps, focusProps), tooltipFocusProps),
 		ref: inputRef
 	}), /* @__PURE__ */ jsx(CheckboxElement, {
+		"data-element": "Input",
 		mods,
 		styles: inputStyles,
 		children: markIcon