@cube-dev/ui-kit 0.199.1 → 0.200.0

package/dist/components/content/Tree/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","names":["Children","memo","useMemo","useRef","useState","useHover","useTreeItem","useEvent","useI18n","DirectionIcon","LoadingIcon","MoreIcon","mergeProps","mergeRefs","allowOverlayKeysToPropagate","CubeItemActionProps","ItemAction","CubeMenuProps","Menu","MenuTrigger","useContextMenu","Checkbox","TreeNodeCheckboxWrapper","TreeNodeRow","TreeNodeToggle","TreeNodeTogglePlaceholder","TreeRowItem","Key","Node","Styles","CSSProperties","KeyboardEvent","MouseEvent","ReactNode","Ref","TreeState","CubeTreeNodeData","TreeContextMenu","TreeItemProps","TreeNodeState","isMenuEmpty","menu","undefined","toArray","length","TreeNodeProps","node","data","state","isCheckable","isExpanded","isIndeterminate","isChecked","isLoading","onToggleChecked","key","size","itemProps","rowStyles","virtualStyle","virtualRef","element","HTMLElement","virtualIndex","contextMenu","onAction","action","menuTriggerProps","Partial","menuProps","TreeNodeInner","props","t","treeMenu","treeContextMenu","treeOnAction","rowRef","HTMLDivElement","isLeaf","hasChildNodes","rowProps","gridCellProps","expandButtonProps","isPressed","hasChildItems","isDisabled","disabledKeys","has","isSelected","selectionManager","hoverProps","isHovered","isFocused","focusedKey","isRowCheckable","nodeState","effectiveMenuChildren","hasMenu","effectiveContextMenu","menuExposed","contextMenuOnly","isMenuOpen","setIsMenuOpen","handleMenuAction","actionStr","String","normalizedAction","startsWith","slice","rowContextMenu","placement","children","handleCheckboxChange","handleWrapperClick","e","stopPropagation","isCheckboxDisabled","target","closest","handleKeyDown","preventDefault","shiftKey","open","composedKeyDown","onKeyDown","sharedMods","checked","indeterminate","expanded","loading","leaf","rowMods","disabled","itemMods","focused","hovered","pressed","rowStyle","level","ariaChecked","finalRowProps","toggleNode","checkboxNode","title","resolvedItemProps","prefix","userPrefix","actions","userActions","restUserProps","composedPrefix","menuAction","composedActions","refs","list","push","targetRef","rendered","TreeNode","Menu","mergeProps","Checkbox","MenuTrigger"],"sources":["../../../../src/components/content/Tree/TreeNode.tsx"],"sourcesContent":["import { Children, memo, useMemo, useRef, useState } from 'react';\nimport { useHover, useTreeItem } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Checkbox } from '../../fields/Checkbox/Checkbox';\n\nimport {\n  TreeNodeCheckboxWrapper,\n  TreeNodeRow,\n  TreeNodeToggle,\n  TreeNodeTogglePlaceholder,\n  TreeRowItem,\n} from './styled';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type {\n  CSSProperties,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  Ref,\n} from 'react';\nimport type { TreeState } from 'react-stately';\nimport type {\n  CubeTreeNodeData,\n  TreeContextMenu,\n  TreeItemProps,\n  TreeNodeState,\n} from './types';\n\n/** Check whether a `menu` ReactNode actually contains anything. */\nfunction isMenuEmpty(menu: ReactNode): boolean {\n  if (menu === null || menu === undefined || menu === false) return true;\n  return Children.toArray(menu).length === 0;\n}\n\nexport interface TreeNodeProps {\n  node: Node<CubeTreeNodeData>;\n  /** The original `CubeTreeNodeData` for this row, looked up by key. */\n  data: CubeTreeNodeData;\n  state: TreeState<CubeTreeNodeData>;\n\n  /** Whether the tree as a whole renders checkboxes. */\n  isCheckable: boolean;\n  /** Whether this row is currently expanded. */\n  isExpanded: boolean;\n  /** Whether the row is in an indeterminate (half-checked) state. */\n  isIndeterminate: boolean;\n  /** Whether the row is fully checked. */\n  isChecked: boolean;\n  /** Whether `loadData` is currently fetching this row's children. */\n  isLoading: boolean;\n\n  /** Toggle this row's checkbox (cascades). */\n  onToggleChecked: (key: string) => void;\n\n  /** Row size passed to the underlying Item. */\n  size?: string;\n\n  /** Per-node Item customization (static object or callback). */\n  itemProps?:\n    | TreeItemProps\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => TreeItemProps);\n\n  /** Styles applied to the visible row (`TreeRowItem`). */\n  rowStyles?: Styles;\n\n  /** Inline style for virtualizer absolute positioning. */\n  virtualStyle?: CSSProperties;\n  /** Ref callback from `@tanstack/react-virtual` to measure row height. */\n  virtualRef?: (element: HTMLElement | null) => void;\n  /** Virtual index for `data-index` attribute. */\n  virtualIndex?: number;\n\n  /** Tree-wide menu default (resolved against `data.menu`). */\n  menu?:\n    | ReactNode\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => ReactNode | null);\n  /** Tree-wide `contextMenu` default. */\n  contextMenu?: TreeContextMenu;\n  /** Tree-wide `onAction` callback. */\n  onAction?: (action: string, key: Key) => void;\n  /** Forwarded to every per-row `MenuTrigger`. */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /** Forwarded to every per-row `Menu`. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n}\n\nfunction TreeNodeInner(props: TreeNodeProps) {\n  const { t } = useI18n();\n  const {\n    node,\n    data,\n    state,\n    isCheckable,\n    isExpanded,\n    isIndeterminate,\n    isChecked,\n    isLoading,\n    onToggleChecked,\n    size,\n    itemProps,\n    rowStyles,\n    virtualStyle,\n    virtualRef,\n    virtualIndex,\n    menu: treeMenu,\n    contextMenu: treeContextMenu,\n    onAction: treeOnAction,\n    menuTriggerProps,\n    menuProps,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  // For lazy rows with no children yet, still render a toggle unless\n  // explicitly marked as leaf.\n  const isLeaf =\n    data.isLeaf === true || (data.isLeaf !== false && !node.hasChildNodes);\n\n  // React Aria counts a row as a parent only with more than one child (it\n  // expects the row's content first). `hasChildItems` makes single-child and\n  // lazy rows expandable: `aria-expanded` and arrow-key expansion.\n  const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem(\n    { node, hasChildItems: !isLeaf },\n    state,\n    rowRef,\n  );\n\n  const isDisabled = state.disabledKeys.has(node.key);\n  const isSelected = state.selectionManager.isSelected(node.key);\n\n  // `useTreeItem` doesn't track hover; we need it for the `hovered` mod.\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  // React Aria's treegrid uses roving tabindex, so no `data-focused`\n  // attribute lands on the row — mirror it as a mod manually.\n  const isFocused =\n    state.selectionManager.isFocused &&\n    state.selectionManager.focusedKey === node.key;\n  const isRowCheckable = isCheckable && data.isCheckable !== false;\n\n  const nodeState: TreeNodeState = {\n    isExpanded,\n    isSelected,\n    isChecked,\n    isIndeterminate,\n    isLeaf,\n  };\n\n  // ---- Menu resolution (per-node override > tree-level) --------------------\n\n  const effectiveMenuChildren: ReactNode =\n    data.menu === null\n      ? null\n      : data.menu !== undefined\n        ? data.menu\n        : typeof treeMenu === 'function'\n          ? treeMenu(data, nodeState)\n          : (treeMenu ?? null);\n  const hasMenu = !isMenuEmpty(effectiveMenuChildren);\n\n  const effectiveContextMenu: TreeContextMenu =\n    data.contextMenu ?? treeContextMenu ?? false;\n  // The menu is exposed only when the consumer opts in via\n  // `contextMenu`. When `contextMenu` is `false` (default) we render\n  // nothing, even if `menu` is provided — this matches the plan and\n  // keeps default rows visually clean.\n  const menuExposed =\n    hasMenu &&\n    (effectiveContextMenu === true || effectiveContextMenu === 'context-only');\n  const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n  // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const handleMenuAction = useEvent((action: Key) => {\n    // Strip the \".$\" prefix that React adds via Children.toArray/map.\n    const actionStr = String(action);\n    const normalizedAction = actionStr.startsWith('.$')\n      ? actionStr.slice(2)\n      : actionStr;\n    data.onAction?.(normalizedAction);\n    treeOnAction?.(normalizedAction, node.key);\n    // Forward to the consumer-supplied `menuProps.onAction` so users\n    // who pass extra `Menu` props through `menuProps` still receive\n    // the action stream alongside the tree-level callback.\n    menuProps?.onAction?.(normalizedAction);\n  });\n\n  const rowContextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n    Menu,\n    { placement: 'bottom start' },\n    {\n      ...menuProps,\n      onAction: handleMenuAction,\n      children: effectiveMenuChildren,\n    },\n  );\n\n  // ---- Checkbox ------------------------------------------------------------\n\n  const handleCheckboxChange = useEvent(() => {\n    onToggleChecked(String(node.key));\n  });\n\n  const handleWrapperClick = useEvent((e: MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    if (isDisabled || data.isCheckboxDisabled) return;\n    // The inner <Checkbox> label toggles on direct click; skip to avoid a double toggle.\n    if ((e.target as HTMLElement).closest('[data-qa=\"CheckboxWrapper\"]'))\n      return;\n    onToggleChecked(String(node.key));\n  });\n\n  // ---- Keyboard ------------------------------------------------------------\n\n  // Composed keydown handler. Runs BEFORE `rowProps.onKeyDown` from\n  // `useTreeItem` so we can short-circuit the default react-aria\n  // behavior for our own shortcuts (Shift+F10 menu open, Space\n  // checkbox toggle). Returns `true` when the event was handled and\n  // react-aria's keydown must NOT run; returns `false` to chain to\n  // react-aria's handler.\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    // Space toggles the checkbox first when checkable. We DON'T claim\n    // the event (return `false`) so react-aria's onKeyDown still runs\n    // afterwards and the focused row also selects — matching the\n    // pre-refactor behavior when handlers were chained via\n    // `mergeProps`. `preventDefault` is kept to suppress page scroll.\n    if (\n      e.key === ' ' &&\n      isRowCheckable &&\n      !isDisabled &&\n      !data.isCheckboxDisabled\n    ) {\n      e.preventDefault();\n      onToggleChecked(String(node.key));\n      return false;\n    }\n\n    // Shift+F10 opens the row menu (standard accessibility shortcut).\n    if (e.key === 'F10' && e.shiftKey && menuExposed) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (contextMenuOnly) {\n        rowContextMenu.open();\n      } else {\n        setIsMenuOpen(true);\n      }\n      return true;\n    }\n\n    return false;\n  });\n\n  // Wrapper that delegates to react-aria's default keydown only when\n  // our handler did not claim the event. Replaces (rather than\n  // chains with) `rowProps.onKeyDown` so the order of handlers is\n  // strictly: our shortcuts → react-aria default.\n  const composedKeyDown = useEvent((e: KeyboardEvent<HTMLDivElement>) => {\n    if (handleKeyDown(e)) return;\n    rowProps.onKeyDown?.(e);\n  });\n\n  // ---- Mods ----------------------------------------------------------------\n\n  const sharedMods = useMemo(\n    () => ({\n      checked: isChecked,\n      indeterminate: isIndeterminate,\n      expanded: isExpanded,\n      loading: isLoading,\n      leaf: isLeaf,\n      'has-checkbox': isRowCheckable,\n      'has-menu': menuExposed,\n    }),\n    [\n      isChecked,\n      isIndeterminate,\n      isExpanded,\n      isLoading,\n      isLeaf,\n      isRowCheckable,\n      menuExposed,\n    ],\n  );\n\n  const rowMods = useMemo(\n    () => ({ ...sharedMods, disabled: isDisabled }),\n    [sharedMods, isDisabled],\n  );\n\n  const itemMods = useMemo(\n    () => ({\n      ...sharedMods,\n      focused: isFocused,\n      hovered: isHovered,\n      pressed: isPressed,\n    }),\n    [sharedMods, isFocused, isHovered, isPressed],\n  );\n\n  const rowStyle = useMemo<CSSProperties>(\n    () => ({\n      ['--tree-level' as keyof CSSProperties]: String(node.level ?? 0),\n      ...virtualStyle,\n    }),\n    [node.level, virtualStyle],\n  );\n\n  // Only emit `aria-checked` when the tree is in checkable mode.\n  const ariaChecked: 'mixed' | 'true' | 'false' | undefined = isRowCheckable\n    ? isIndeterminate\n      ? 'mixed'\n      : isChecked\n        ? 'true'\n        : 'false'\n    : undefined;\n\n  // ---- Compose row props ---------------------------------------------------\n\n  // Merge react-aria + hover props but EXCLUDE `onKeyDown` from the\n  // chain — `composedKeyDown` already wraps `rowProps.onKeyDown` and\n  // must run first so our Shift+F10 / Space-checkbox shortcuts can\n  // short-circuit the default react-aria behavior.\n  const finalRowProps = {\n    ...mergeProps(rowProps, hoverProps),\n    'aria-checked': ariaChecked,\n    onKeyDown: composedKeyDown,\n  };\n\n  // ---- Toggle (chevron) and checkbox slots --------------------------------\n\n  // Leaf rows get a placeholder so sibling indents align.\n  const toggleNode = isLeaf ? (\n    <TreeNodeTogglePlaceholder aria-hidden data-element=\"Toggle\" />\n  ) : (\n    <TreeNodeToggle {...expandButtonProps} tabIndex={-1} data-element=\"Toggle\">\n      {isLoading ? (\n        <LoadingIcon />\n      ) : (\n        <DirectionIcon to={isExpanded ? 'bottom' : 'right'} />\n      )}\n    </TreeNodeToggle>\n  );\n\n  const checkboxNode = isRowCheckable ? (\n    <TreeNodeCheckboxWrapper\n      data-element=\"Checkbox\"\n      role=\"presentation\"\n      onClick={handleWrapperClick}\n      // Hold the checkbox's keys here, but let Escape and Tab reach the tree and\n      // a surrounding overlay.\n      onKeyDown={allowOverlayKeysToPropagate}\n    >\n      <Checkbox\n        isBare\n        isSelected={isChecked}\n        isIndeterminate={isIndeterminate}\n        isDisabled={isDisabled || data.isCheckboxDisabled}\n        aria-label={\n          typeof data.title === 'string' ? data.title : String(node.key)\n        }\n        onChange={handleCheckboxChange}\n      />\n    </TreeNodeCheckboxWrapper>\n  ) : null;\n\n  // ---- Resolve user-supplied per-node Item props --------------------------\n\n  const resolvedItemProps =\n    typeof itemProps === 'function' ? itemProps(data, nodeState) : itemProps;\n  const {\n    prefix: userPrefix,\n    actions: userActions,\n    ...restUserProps\n  } = resolvedItemProps ?? {};\n\n  const composedPrefix =\n    checkboxNode || userPrefix ? (\n      <>\n        {checkboxNode}\n        {userPrefix}\n      </>\n    ) : null;\n\n  // ---- Built-in overflow `⋮` action ---------------------------------------\n\n  const menuAction =\n    menuExposed && !contextMenuOnly ? (\n      <MenuTrigger isOpen={isMenuOpen} onOpenChange={setIsMenuOpen}>\n        <ItemAction\n          tabIndex={-1}\n          icon={<MoreIcon />}\n          aria-label={t('tree.actions', 'Actions')}\n          {...menuTriggerProps}\n        />\n        <Menu {...menuProps} onAction={handleMenuAction}>\n          {effectiveMenuChildren}\n        </Menu>\n      </MenuTrigger>\n    ) : null;\n\n  // Compose with user-supplied actions (user actions render first).\n  const composedActions =\n    userActions || menuAction ? (\n      <>\n        {userActions}\n        {menuAction}\n      </>\n    ) : undefined;\n\n  // ---- Refs / context-menu wiring -----------------------------------------\n\n  // When the context menu is enabled for this row, attach the hook's\n  // `targetRef` to the row so right-clicks land on the correct anchor.\n  const refs = useMemo(() => {\n    const list: Ref<HTMLDivElement>[] = [rowRef];\n    if (virtualRef) list.push(virtualRef);\n    if (menuExposed) list.push(rowContextMenu.targetRef);\n    return mergeRefs(...list);\n  }, [virtualRef, menuExposed, rowContextMenu.targetRef]);\n\n  return (\n    <TreeNodeRow\n      {...finalRowProps}\n      ref={refs}\n      mods={rowMods}\n      style={rowStyle}\n      data-element=\"Row\"\n      data-qa-key={String(node.key)}\n      data-index={virtualIndex}\n    >\n      <TreeRowItem\n        {...gridCellProps}\n        {...restUserProps}\n        size={size}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        mods={itemMods}\n        icon={toggleNode}\n        prefix={composedPrefix}\n        actions={composedActions}\n        styles={rowStyles}\n      >\n        {data.title}\n      </TreeRowItem>\n      {menuExposed && rowContextMenu.rendered}\n    </TreeNodeRow>\n  );\n}\n\nexport const TreeNode = memo(TreeNodeInner);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyCA,SAASwC,YAAYC,MAA0B;CAC7C,IAAIA,SAAS,QAAQA,SAASC,KAAAA,KAAaD,SAAS,OAAO,OAAO;CAClE,OAAOzC,SAAS2C,QAAQF,IAAI,CAAC,CAACG,WAAW;AAC3C;AAsDA,SAAS0B,cAAcC,OAAsB;CAC3C,MAAM,EAAEC,MAAMhE,QAAQ;CACtB,MAAM,EACJsC,MACAC,MACAC,OACAC,aACAC,YACAC,iBACAC,WACAC,WACAC,iBACAE,MACAC,WACAC,WACAC,cACAC,YACAG,cACAtB,MAAMgC,UACNT,aAAaU,iBACbT,UAAUU,cACVR,kBACAE,cACEE;CAEJ,MAAMK,SAASzE,OAAuB,IAAI;CAI1C,MAAM2E,SACJ/B,KAAK+B,WAAW,QAAS/B,KAAK+B,WAAW,SAAS,CAAChC,KAAKiC;CAK1D,MAAM,EAAEC,UAAUC,eAAeC,mBAAmBC,cAAc7E,YAChE;EAAEwC;EAAMsC,eAAe,CAACN;CAAO,GAC/B9B,OACA4B,MACF;CAEA,MAAMS,aAAarC,MAAMsC,aAAaC,IAAIzC,KAAKS,GAAG;CAClD,MAAMiC,aAAaxC,MAAMyC,iBAAiBD,WAAW1C,KAAKS,GAAG;CAG7D,MAAM,EAAEmC,YAAYC,cAActF,SAAS,EAAEgF,WAAW,CAAC;CAGzD,MAAMO,YACJ5C,MAAMyC,iBAAiBG,aACvB5C,MAAMyC,iBAAiBI,eAAe/C,KAAKS;CAC7C,MAAMuC,iBAAiB7C,eAAeF,KAAKE,gBAAgB;CAE3D,MAAM8C,YAA2B;EAC/B7C;EACAsC;EACApC;EACAD;EACA2B;CACF;CAIA,MAAMkB,wBACJjD,KAAKN,SAAS,OACV,OACAM,KAAKN,SAASC,KAAAA,IACZK,KAAKN,OACL,OAAOgC,aAAa,aAClBA,SAAS1B,MAAMgD,SAAS,IACvBtB,YAAY;CACvB,MAAMwB,UAAU,CAACzD,YAAYwD,qBAAqB;CAElD,MAAME,uBACJnD,KAAKiB,eAAeU,mBAAmB;CAKzC,MAAMyB,cACJF,YACCC,yBAAyB,QAAQA,yBAAyB;CAC7D,MAAME,kBAAkBF,yBAAyB;CAGjD,MAAM,CAACG,YAAYC,iBAAiBlG,SAAS,KAAK;CAElD,MAAMmG,mBAAmBhG,UAAU2D,WAAgB;EAEjD,MAAMsC,YAAYC,OAAOvC,MAAM;EAC/B,MAAMwC,mBAAmBF,UAAUG,WAAW,IAAI,IAC9CH,UAAUI,MAAM,CAAC,IACjBJ;EACJzD,KAAKkB,WAAWyC,gBAAgB;EAChC/B,eAAe+B,kBAAkB5D,KAAKS,GAAG;EAIzCc,WAAWJ,WAAWyC,gBAAgB;CACxC,CAAC;CAED,MAAMG,iBAAiBzF,eACrBF,QACA,EAAE4F,WAAW,eAAe,GAC5B;EACE,GAAGzC;EACHJ,UAAUsC;EACVQ,UAAUf;CACZ,CACF;CAIA,MAAMgB,uBAAuBzG,eAAe;EAC1C+C,gBAAgBmD,OAAO3D,KAAKS,GAAG,CAAC;CAClC,CAAC;CAED,MAAM0D,qBAAqB1G,UAAU2G,MAA+B;EAClEA,EAAEC,gBAAgB;EAClB,IAAI9B,cAActC,KAAKqE,oBAAoB;EAE3C,IAAKF,EAAEG,OAAuBC,QAAQ,+BAA6B,GACjE;EACFhE,gBAAgBmD,OAAO3D,KAAKS,GAAG,CAAC;CAClC,CAAC;CAUD,MAAMgE,gBAAgBhH,UAAU2G,QAAqB;EAMnD,IACEA,IAAE3D,QAAQ,OACVuC,kBACA,CAACT,cACD,CAACtC,KAAKqE,oBACN;GACAF,IAAEM,eAAe;GACjBlE,gBAAgBmD,OAAO3D,KAAKS,GAAG,CAAC;GAChC,OAAO;EACT;EAGA,IAAI2D,IAAE3D,QAAQ,SAAS2D,IAAEO,YAAYtB,aAAa;GAChDe,IAAEM,eAAe;GACjBN,IAAEC,gBAAgB;GAClB,IAAIf,iBACFS,eAAea,KAAK;QAEpBpB,cAAc,IAAI;GAEpB,OAAO;EACT;EAEA,OAAO;CACT,CAAC;CAMD,MAAMqB,kBAAkBpH,UAAU2G,QAAqC;EACrE,IAAIK,cAAcL,GAAC,GAAG;EACtBlC,SAAS4C,YAAYV,GAAC;CACxB,CAAC;CAID,MAAMW,aAAa3H,eACV;EACL4H,SAAS1E;EACT2E,eAAe5E;EACf6E,UAAU9E;EACV+E,SAAS5E;EACT6E,MAAMpD;EACN,gBAAgBgB;EAChB,YAAYK;CACd,IACA;EACE/C;EACAD;EACAD;EACAG;EACAyB;EACAgB;EACAK;CAAW,CAEf;CAEA,MAAMgC,UAAUjI,eACP;EAAE,GAAG2H;EAAYO,UAAU/C;CAAW,IAC7C,CAACwC,YAAYxC,UAAU,CACzB;CAEA,MAAMgD,WAAWnI,eACR;EACL,GAAG2H;EACHS,SAAS1C;EACT2C,SAAS5C;EACT6C,SAASrD;CACX,IACA;EAAC0C;EAAYjC;EAAWD;EAAWR;CAAS,CAC9C;CAEA,MAAMsD,WAAWvI,eACR;GACJ,iBAAwCuG,OAAO3D,KAAK4F,SAAS,CAAC;EAC/D,GAAG/E;CACL,IACA,CAACb,KAAK4F,OAAO/E,YAAY,CAC3B;CAGA,MAAMgF,cAAsD7C,iBACxD3C,kBACE,UACAC,YACE,SACA,UACJV,KAAAA;CAQJ,MAAMkG,gBAAgB;EACpB,GAAGhI,aAAWoE,UAAUU,UAAU;EAClC,gBAAgBiD;EAChBf,WAAWD;CACb;CAKA,MAAMkB,aAAa/D,SACjB,oBAAC,2BAAD;EAA2B,eAAA;EAAY,gBAAa;CAAQ,CAAA,IAE5D,oBAAC,gBAAD;EAAgB,GAAII;EAAmB,UAAU;EAAI,gBAAa;EAC/D7B,UAAAA,YACC,oBAAC,aAAD,CAAY,CAAA,IAEZ,oBAAC,eAAD,EAAe,IAAIH,aAAa,WAAW,QAAQ,CAAA;CAEvC,CAAA;CAGlB,MAAM4F,eAAehD,iBACnB,oBAAC,yBAAD;EACE,gBAAa;EACb,MAAK;EACL,SAASmB;EAGT,WAAWnG;EAEX,UAAA,oBAACmJ,YAAD;GACE,QAAA;GACA,YAAY7G;GACKD;GACjB,YAAYkC,cAActC,KAAKqE;GAC/B,cACE,OAAOrE,KAAKgG,UAAU,WAAWhG,KAAKgG,QAAQtC,OAAO3D,KAAKS,GAAG;GAE/D,UAAUyD;EAAqB,CAAA;CAEV,CAAA,IACvB;CAMJ,MAAM,EACJiC,QAAQC,YACRC,SAASC,aACT,GAAGC,mBAJH,OAAO5F,cAAc,aAAaA,UAAUV,MAAMgD,SAAS,IAAItC,cAKxC,CAAC;CAE1B,MAAM6F,iBACJR,gBAAgBI,aACd,qBAAA,YAAA,EAAA,UAAA,CACGJ,cACAI,UACH,EAAA,CAAA,IACE;CAIN,MAAMK,aACJpD,eAAe,CAACC,kBACd,qBAAC8D,cAAD;EAAa,QAAQ7D;EAAY,cAAcC;EAA/C,UAAA,CACE,oBAAC,YAAD;GACE,UAAU;GACV,MAAM,oBAAC,UAAD,CAAS,CAAA;GACf,cAAY9B,EAAE,gBAAgB,SAAS;GACvC,GAAIL;EAAiB,CAAA,GAEvB,oBAAC4F,QAAD;GAAM,GAAI1F;GAAW,UAAUkC;GAC5BP,UAAAA;EACG,CAAA,CACK;CACX,CAAA,IAAA;CAGN,MAAMwD,kBACJJ,eAAeG,aACb,qBAAA,YAAA,EAAA,UAAA,CACGH,aACAG,UACH,EAAA,CAAA,IACE7G,KAAAA;CAMN,MAAM+G,OAAOvJ,cAAc;EACzB,MAAMwJ,OAA8B,CAAC9E,MAAM;EAC3C,IAAIhB,YAAY8F,KAAKC,KAAK/F,UAAU;EACpC,IAAIuC,aAAauD,KAAKC,KAAK9C,eAAe+C,SAAS;EACnD,OAAO/I,UAAU,GAAG6I,IAAI;CAC1B,GAAG;EAAC9F;EAAYuC;EAAaU,eAAe+C;CAAS,CAAC;CAEtD,OACE,qBAAC,aAAD;EACE,GAAIhB;EACJ,KAAKa;EACL,MAAMtB;EACN,OAAOM;EACP,gBAAa;EACb,eAAahC,OAAO3D,KAAKS,GAAG;EAC5B,cAAYQ;EAPd,UAAA,CASE,oBAAC,aAAD;GACE,GAAIkB;GACJ,GAAIoE;GACE7F;GACMgC;GACAH;GACZ,MAAMgD;GACN,MAAMQ;GACN,QAAQS;GACR,SAASE;GACT,QAAQ9F;GAEPX,UAAAA,KAAKgG;EACK,CAAA,GACZ5C,eAAeU,eAAegD,QACpB;;AAEjB;AAEA,MAAaC,WAAW7J,KAAKqE,aAAa"}
+{"version":3,"file":"TreeNode.js","names":["Children","memo","useMemo","useRef","useState","useHover","useTreeItem","useEvent","useI18n","DirectionIcon","LoadingIcon","MoreIcon","mergeProps","mergeRefs","allowOverlayKeysToPropagate","CubeItemActionProps","ItemAction","CubeMenuProps","Menu","MenuTrigger","useContextMenu","Checkbox","TreeNodeCheckboxWrapper","TreeNodeRow","TreeNodeToggle","TreeNodeTogglePlaceholder","TreeRowItem","Key","Node","Styles","KeyboardEvent","MouseEvent","ReactNode","Ref","TreeState","CubeTreeNodeData","TreeContextMenu","TreeItemProps","TreeNodeState","isMenuEmpty","menu","undefined","toArray","length","TreeNodeProps","node","data","state","isCheckable","isExpanded","isIndeterminate","isChecked","isLoading","onToggleChecked","key","size","itemProps","rowStyles","virtualOffset","virtualRef","element","HTMLElement","virtualIndex","contextMenu","onAction","action","menuTriggerProps","Partial","menuProps","TreeNodeInner","props","t","treeMenu","treeContextMenu","treeOnAction","rowRef","HTMLDivElement","isLeaf","hasChildNodes","rowProps","gridCellProps","expandButtonProps","isPressed","hasChildItems","isDisabled","disabledKeys","has","isSelected","selectionManager","hoverProps","isHovered","isFocused","focusedKey","isRowCheckable","nodeState","effectiveMenuChildren","hasMenu","effectiveContextMenu","menuExposed","contextMenuOnly","isMenuOpen","setIsMenuOpen","handleMenuAction","actionStr","String","normalizedAction","startsWith","slice","rowContextMenu","placement","children","handleCheckboxChange","handleWrapperClick","e","stopPropagation","isCheckboxDisabled","target","closest","handleKeyDown","preventDefault","shiftKey","open","composedKeyDown","onKeyDown","sharedMods","checked","indeterminate","expanded","loading","leaf","rowMods","disabled","itemMods","focused","hovered","pressed","rowTokens","level","ariaChecked","finalRowProps","toggleNode","checkboxNode","title","resolvedItemProps","prefix","userPrefix","actions","userActions","restUserProps","composedPrefix","menuAction","composedActions","refs","list","push","targetRef","rendered","TreeNode","Menu","mergeProps","Checkbox","MenuTrigger"],"sources":["../../../../src/components/content/Tree/TreeNode.tsx"],"sourcesContent":["import { Children, memo, useMemo, useRef, useState } from 'react';\nimport { useHover, useTreeItem } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Checkbox } from '../../fields/Checkbox/Checkbox';\n\nimport {\n  TreeNodeCheckboxWrapper,\n  TreeNodeRow,\n  TreeNodeToggle,\n  TreeNodeTogglePlaceholder,\n  TreeRowItem,\n} from './styled';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';\nimport type { TreeState } from 'react-stately';\nimport type {\n  CubeTreeNodeData,\n  TreeContextMenu,\n  TreeItemProps,\n  TreeNodeState,\n} from './types';\n\n/** Check whether a `menu` ReactNode actually contains anything. */\nfunction isMenuEmpty(menu: ReactNode): boolean {\n  if (menu === null || menu === undefined || menu === false) return true;\n  return Children.toArray(menu).length === 0;\n}\n\nexport interface TreeNodeProps {\n  node: Node<CubeTreeNodeData>;\n  /** The original `CubeTreeNodeData` for this row, looked up by key. */\n  data: CubeTreeNodeData;\n  state: TreeState<CubeTreeNodeData>;\n\n  /** Whether the tree as a whole renders checkboxes. */\n  isCheckable: boolean;\n  /** Whether this row is currently expanded. */\n  isExpanded: boolean;\n  /** Whether the row is in an indeterminate (half-checked) state. */\n  isIndeterminate: boolean;\n  /** Whether the row is fully checked. */\n  isChecked: boolean;\n  /** Whether `loadData` is currently fetching this row's children. */\n  isLoading: boolean;\n\n  /** Toggle this row's checkbox (cascades). */\n  onToggleChecked: (key: string) => void;\n\n  /** Row size passed to the underlying Item. */\n  size?: string;\n\n  /** Per-node Item customization (static object or callback). */\n  itemProps?:\n    | TreeItemProps\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => TreeItemProps);\n\n  /** Styles applied to the visible row (`TreeRowItem`). */\n  rowStyles?: Styles;\n\n  /** The row's offset from the list's top, in pixels, from the virtualizer. */\n  virtualOffset?: number;\n  /** Ref callback from `@tanstack/react-virtual` to measure row height. */\n  virtualRef?: (element: HTMLElement | null) => void;\n  /** Virtual index for `data-index` attribute. */\n  virtualIndex?: number;\n\n  /** Tree-wide menu default (resolved against `data.menu`). */\n  menu?:\n    | ReactNode\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => ReactNode | null);\n  /** Tree-wide `contextMenu` default. */\n  contextMenu?: TreeContextMenu;\n  /** Tree-wide `onAction` callback. */\n  onAction?: (action: string, key: Key) => void;\n  /** Forwarded to every per-row `MenuTrigger`. */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /** Forwarded to every per-row `Menu`. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n}\n\nfunction TreeNodeInner(props: TreeNodeProps) {\n  const { t } = useI18n();\n  const {\n    node,\n    data,\n    state,\n    isCheckable,\n    isExpanded,\n    isIndeterminate,\n    isChecked,\n    isLoading,\n    onToggleChecked,\n    size,\n    itemProps,\n    rowStyles,\n    virtualOffset,\n    virtualRef,\n    virtualIndex,\n    menu: treeMenu,\n    contextMenu: treeContextMenu,\n    onAction: treeOnAction,\n    menuTriggerProps,\n    menuProps,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  // For lazy rows with no children yet, still render a toggle unless\n  // explicitly marked as leaf.\n  const isLeaf =\n    data.isLeaf === true || (data.isLeaf !== false && !node.hasChildNodes);\n\n  // React Aria counts a row as a parent only with more than one child (it\n  // expects the row's content first). `hasChildItems` makes single-child and\n  // lazy rows expandable: `aria-expanded` and arrow-key expansion.\n  const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem(\n    { node, hasChildItems: !isLeaf },\n    state,\n    rowRef,\n  );\n\n  const isDisabled = state.disabledKeys.has(node.key);\n  const isSelected = state.selectionManager.isSelected(node.key);\n\n  // `useTreeItem` doesn't track hover; we need it for the `hovered` mod.\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  // React Aria's treegrid uses roving tabindex, so no `data-focused`\n  // attribute lands on the row — mirror it as a mod manually.\n  const isFocused =\n    state.selectionManager.isFocused &&\n    state.selectionManager.focusedKey === node.key;\n  const isRowCheckable = isCheckable && data.isCheckable !== false;\n\n  const nodeState: TreeNodeState = {\n    isExpanded,\n    isSelected,\n    isChecked,\n    isIndeterminate,\n    isLeaf,\n  };\n\n  // ---- Menu resolution (per-node override > tree-level) --------------------\n\n  const effectiveMenuChildren: ReactNode =\n    data.menu === null\n      ? null\n      : data.menu !== undefined\n        ? data.menu\n        : typeof treeMenu === 'function'\n          ? treeMenu(data, nodeState)\n          : (treeMenu ?? null);\n  const hasMenu = !isMenuEmpty(effectiveMenuChildren);\n\n  const effectiveContextMenu: TreeContextMenu =\n    data.contextMenu ?? treeContextMenu ?? false;\n  // The menu is exposed only when the consumer opts in via\n  // `contextMenu`. When `contextMenu` is `false` (default) we render\n  // nothing, even if `menu` is provided — this matches the plan and\n  // keeps default rows visually clean.\n  const menuExposed =\n    hasMenu &&\n    (effectiveContextMenu === true || effectiveContextMenu === 'context-only');\n  const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n  // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const handleMenuAction = useEvent((action: Key) => {\n    // Strip the \".$\" prefix that React adds via Children.toArray/map.\n    const actionStr = String(action);\n    const normalizedAction = actionStr.startsWith('.$')\n      ? actionStr.slice(2)\n      : actionStr;\n    data.onAction?.(normalizedAction);\n    treeOnAction?.(normalizedAction, node.key);\n    // Forward to the consumer-supplied `menuProps.onAction` so users\n    // who pass extra `Menu` props through `menuProps` still receive\n    // the action stream alongside the tree-level callback.\n    menuProps?.onAction?.(normalizedAction);\n  });\n\n  const rowContextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n    Menu,\n    { placement: 'bottom start' },\n    {\n      ...menuProps,\n      onAction: handleMenuAction,\n      children: effectiveMenuChildren,\n    },\n  );\n\n  // ---- Checkbox ------------------------------------------------------------\n\n  const handleCheckboxChange = useEvent(() => {\n    onToggleChecked(String(node.key));\n  });\n\n  const handleWrapperClick = useEvent((e: MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    if (isDisabled || data.isCheckboxDisabled) return;\n    // The inner <Checkbox> label toggles on direct click; skip to avoid a double toggle.\n    if ((e.target as HTMLElement).closest('[data-qa=\"CheckboxWrapper\"]'))\n      return;\n    onToggleChecked(String(node.key));\n  });\n\n  // ---- Keyboard ------------------------------------------------------------\n\n  // Composed keydown handler. Runs BEFORE `rowProps.onKeyDown` from\n  // `useTreeItem` so we can short-circuit the default react-aria\n  // behavior for our own shortcuts (Shift+F10 menu open, Space\n  // checkbox toggle). Returns `true` when the event was handled and\n  // react-aria's keydown must NOT run; returns `false` to chain to\n  // react-aria's handler.\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    // Space toggles the checkbox first when checkable. We DON'T claim\n    // the event (return `false`) so react-aria's onKeyDown still runs\n    // afterwards and the focused row also selects — matching the\n    // pre-refactor behavior when handlers were chained via\n    // `mergeProps`. `preventDefault` is kept to suppress page scroll.\n    if (\n      e.key === ' ' &&\n      isRowCheckable &&\n      !isDisabled &&\n      !data.isCheckboxDisabled\n    ) {\n      e.preventDefault();\n      onToggleChecked(String(node.key));\n      return false;\n    }\n\n    // Shift+F10 opens the row menu (standard accessibility shortcut).\n    if (e.key === 'F10' && e.shiftKey && menuExposed) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (contextMenuOnly) {\n        rowContextMenu.open();\n      } else {\n        setIsMenuOpen(true);\n      }\n      return true;\n    }\n\n    return false;\n  });\n\n  // Wrapper that delegates to react-aria's default keydown only when\n  // our handler did not claim the event. Replaces (rather than\n  // chains with) `rowProps.onKeyDown` so the order of handlers is\n  // strictly: our shortcuts → react-aria default.\n  const composedKeyDown = useEvent((e: KeyboardEvent<HTMLDivElement>) => {\n    if (handleKeyDown(e)) return;\n    rowProps.onKeyDown?.(e);\n  });\n\n  // ---- Mods ----------------------------------------------------------------\n\n  const sharedMods = useMemo(\n    () => ({\n      checked: isChecked,\n      indeterminate: isIndeterminate,\n      expanded: isExpanded,\n      loading: isLoading,\n      leaf: isLeaf,\n      'has-checkbox': isRowCheckable,\n      'has-menu': menuExposed,\n    }),\n    [\n      isChecked,\n      isIndeterminate,\n      isExpanded,\n      isLoading,\n      isLeaf,\n      isRowCheckable,\n      menuExposed,\n    ],\n  );\n\n  const rowMods = useMemo(\n    () => ({ ...sharedMods, disabled: isDisabled }),\n    [sharedMods, isDisabled],\n  );\n\n  const itemMods = useMemo(\n    () => ({\n      ...sharedMods,\n      focused: isFocused,\n      hovered: isHovered,\n      pressed: isPressed,\n    }),\n    [sharedMods, isFocused, isHovered, isPressed],\n  );\n\n  const rowTokens = useMemo(\n    () => ({\n      '$tree-level': node.level ?? 0,\n      '$tree-row-offset':\n        virtualOffset == null ? undefined : `${virtualOffset}px`,\n    }),\n    [node.level, virtualOffset],\n  );\n\n  // Only emit `aria-checked` when the tree is in checkable mode.\n  const ariaChecked: 'mixed' | 'true' | 'false' | undefined = isRowCheckable\n    ? isIndeterminate\n      ? 'mixed'\n      : isChecked\n        ? 'true'\n        : 'false'\n    : undefined;\n\n  // ---- Compose row props ---------------------------------------------------\n\n  // Merge react-aria + hover props but EXCLUDE `onKeyDown` from the\n  // chain — `composedKeyDown` already wraps `rowProps.onKeyDown` and\n  // must run first so our Shift+F10 / Space-checkbox shortcuts can\n  // short-circuit the default react-aria behavior.\n  const finalRowProps = {\n    ...mergeProps(rowProps, hoverProps),\n    'aria-checked': ariaChecked,\n    onKeyDown: composedKeyDown,\n  };\n\n  // ---- Toggle (chevron) and checkbox slots --------------------------------\n\n  // Leaf rows get a placeholder so sibling indents align.\n  const toggleNode = isLeaf ? (\n    <TreeNodeTogglePlaceholder aria-hidden data-element=\"Toggle\" />\n  ) : (\n    <TreeNodeToggle {...expandButtonProps} tabIndex={-1} data-element=\"Toggle\">\n      {isLoading ? (\n        <LoadingIcon />\n      ) : (\n        <DirectionIcon to={isExpanded ? 'bottom' : 'right'} />\n      )}\n    </TreeNodeToggle>\n  );\n\n  const checkboxNode = isRowCheckable ? (\n    <TreeNodeCheckboxWrapper\n      data-element=\"Checkbox\"\n      role=\"presentation\"\n      onClick={handleWrapperClick}\n      // Hold the checkbox's keys here, but let Escape and Tab reach the tree and\n      // a surrounding overlay.\n      onKeyDown={allowOverlayKeysToPropagate}\n    >\n      <Checkbox\n        isBare\n        isSelected={isChecked}\n        isIndeterminate={isIndeterminate}\n        isDisabled={isDisabled || data.isCheckboxDisabled}\n        aria-label={\n          typeof data.title === 'string' ? data.title : String(node.key)\n        }\n        onChange={handleCheckboxChange}\n      />\n    </TreeNodeCheckboxWrapper>\n  ) : null;\n\n  // ---- Resolve user-supplied per-node Item props --------------------------\n\n  const resolvedItemProps =\n    typeof itemProps === 'function' ? itemProps(data, nodeState) : itemProps;\n  const {\n    prefix: userPrefix,\n    actions: userActions,\n    ...restUserProps\n  } = resolvedItemProps ?? {};\n\n  const composedPrefix =\n    checkboxNode || userPrefix ? (\n      <>\n        {checkboxNode}\n        {userPrefix}\n      </>\n    ) : null;\n\n  // ---- Built-in overflow `⋮` action ---------------------------------------\n\n  const menuAction =\n    menuExposed && !contextMenuOnly ? (\n      <MenuTrigger isOpen={isMenuOpen} onOpenChange={setIsMenuOpen}>\n        <ItemAction\n          tabIndex={-1}\n          icon={<MoreIcon />}\n          aria-label={t('tree.actions', 'Actions')}\n          {...menuTriggerProps}\n        />\n        <Menu {...menuProps} onAction={handleMenuAction}>\n          {effectiveMenuChildren}\n        </Menu>\n      </MenuTrigger>\n    ) : null;\n\n  // Compose with user-supplied actions (user actions render first).\n  const composedActions =\n    userActions || menuAction ? (\n      <>\n        {userActions}\n        {menuAction}\n      </>\n    ) : undefined;\n\n  // ---- Refs / context-menu wiring -----------------------------------------\n\n  // When the context menu is enabled for this row, attach the hook's\n  // `targetRef` to the row so right-clicks land on the correct anchor.\n  const refs = useMemo(() => {\n    const list: Ref<HTMLDivElement>[] = [rowRef];\n    if (virtualRef) list.push(virtualRef);\n    if (menuExposed) list.push(rowContextMenu.targetRef);\n    return mergeRefs(...list);\n  }, [virtualRef, menuExposed, rowContextMenu.targetRef]);\n\n  return (\n    <TreeNodeRow\n      {...finalRowProps}\n      ref={refs}\n      mods={rowMods}\n      tokens={rowTokens}\n      data-element=\"Row\"\n      data-qa-key={String(node.key)}\n      data-index={virtualIndex}\n    >\n      <TreeRowItem\n        {...gridCellProps}\n        {...restUserProps}\n        size={size}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        mods={itemMods}\n        icon={toggleNode}\n        prefix={composedPrefix}\n        actions={composedActions}\n        styles={rowStyles}\n      >\n        {data.title}\n      </TreeRowItem>\n      {menuExposed && rowContextMenu.rendered}\n    </TreeNodeRow>\n  );\n}\n\nexport const TreeNode = memo(TreeNodeInner);\n"],"mappings":"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"}

package/dist/components/content/Tree/styled.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Item as _Item } from "../Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
-import { tasty } from "@tenphi/tasty";
+import { mergeStyles, tasty } from "@tenphi/tasty";
 //#region src/components/content/Tree/styled.ts
 /**
 * Tree root.
@@ -13,8 +13,11 @@ import { tasty } from "@tenphi/tasty";
 * placed inside a normal block formatting context.
 *
 * Tree-wide modifiers (set on `TreeElement` itself):
-* - `has-height` — paired with `--tree-height` on inline `style`
+* - `has-height` — paired with the `$tree-height` token
 *   when the consumer passes a numeric `height` prop.
+*
+* It also sets `$tree-padding`, the `containerPadding` that insets the
+* rows (`TreeNodeRow`).
 */
 const TreeElement = tasty({
 	qa: "Tree",
@@ -55,7 +58,7 @@ const TreeElement = tasty({
 });
 /**
 * Inner scroll viewport. Block-level on purpose — placing the
-* virtualizer's sizer (`height: ${totalSize}px`) directly inside the
+* virtualizer's sizer (`TreeSizer`) directly inside the
 * flex `TreeElement` lets `flex-shrink: 1` collapse it, which makes
 * the scroll area visibly grow as `@tanstack/react-virtual`
 * re-measures rows during scroll.
@@ -74,18 +77,35 @@ const TreeScrollContainer = tasty({
 	}
 });
 /**
+* The virtualizer's sizer: as tall as every row, measured or estimated
+* (`$tree-content-height`), and the box the rows are placed in.
+*/
+const TreeSizer = tasty({
+	qa: "TreeSizer",
+	styles: {
+		position: "relative",
+		width: "100%",
+		height: "$tree-content-height"
+	}
+});
+/**
 * Per-row wrapper carrying `role="row"`, `rowProps` from
 * `useTreeItem`, and the `--tree-level` CSS custom property used by
 * `TreeRowItem` to compute its left padding.
 *
-* Has no visual styles of its own — the row's appearance lives on
-* the inner `TreeRowItem` (which extends `Item`).
+* It places the row at the virtualizer's offset (`--tree-row-offset`),
+* inset by `--tree-padding`. Otherwise it has no visual styles of its
+* own — the row's appearance lives on the inner `TreeRowItem` (which
+* extends `Item`).
 */
 const TreeNodeRow = tasty({
 	qa: "TreeRow",
 	styles: {
 		display: "block",
-		outline: 0
+		outline: 0,
+		position: "absolute",
+		inset: "0 $tree-padding top dock",
+		transform: "translateY($tree-row-offset)"
 	}
 });
 /**
@@ -108,7 +128,7 @@ const TreeRowItem = tasty(_Item, {
 		* `Item` is `inline-grid` by default, which leaves baseline
 		* descender space below the row inside the block-level
 		* `TreeNodeRow` and visually inflates the gap between rows
-		* past the intended `1bw`. Force block-level grid here.
+		* past the intended hairline. Force block-level grid here.
 		*/
 		display: "grid",
 		width: "100%",
@@ -164,8 +184,7 @@ const TOGGLE_BASE_STYLES = {
 */
 const TreeNodeToggle = tasty(Action, {
 	qa: "TreeNodeToggle",
-	styles: {
-		...TOGGLE_BASE_STYLES,
+	styles: mergeStyles(TOGGLE_BASE_STYLES, {
 		color: {
 			"": "#dark-02",
 			":hover": "#dark"
@@ -174,7 +193,7 @@ const TreeNodeToggle = tasty(Action, {
 			"": "#clear",
 			":hover": "#dark.04"
 		}
-	}
+	})
 });
 /**
 * Non-interactive placeholder that occupies the same footprint as
@@ -183,6 +202,6 @@ const TreeNodeToggle = tasty(Action, {
 */
 const TreeNodeTogglePlaceholder = tasty({ styles: TOGGLE_BASE_STYLES });
 //#endregion
-export { TreeElement, TreeNodeCheckboxWrapper, TreeNodeRow, TreeNodeToggle, TreeNodeTogglePlaceholder, TreeRowItem, TreeScrollContainer };
+export { TreeElement, TreeNodeCheckboxWrapper, TreeNodeRow, TreeNodeToggle, TreeNodeTogglePlaceholder, TreeRowItem, TreeScrollContainer, TreeSizer };
 
 //# sourceMappingURL=styled.js.map

package/dist/components/content/Tree/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["Styles","tasty","Action","Item","TreeElement","qa","styles","display","flow","width","height","flexGrow","flexShrink","flexBasis","fill","color","transition","outline","padding","radius","border","TreeScrollContainer","overflow","scrollbar","TreeNodeRow","TreeRowItem","type","size","as","cursor","disabled","TreeNodeCheckboxWrapper","placeItems","placeContent","placeSelf","TOGGLE_BASE_STYLES","TreeNodeToggle","TreeNodeTogglePlaceholder","Item"],"sources":["../../../../src/components/content/Tree/styled.ts"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\n\nimport { Action } from '../../actions/Action/Action';\nimport { Item } from '../Item';\n\n/**\n * Tree root.\n *\n * Renders as `role=\"treegrid\"` (set on `gridProps` from `useTree`).\n * This element is the outer flex layout container; scrolling is\n * delegated to the inner `TreeScrollContainer` so the virtualized\n * sizer (a flex item here would be squashed by `flex-shrink: 1`) is\n * placed inside a normal block formatting context.\n *\n * Tree-wide modifiers (set on `TreeElement` itself):\n * - `has-height` — paired with `--tree-height` on inline `style`\n *   when the consumer passes a numeric `height` prop.\n */\nexport const TreeElement = tasty({\n  qa: 'Tree',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    width: '100%',\n    height: { '': 'min 0', 'has-height': '0 $tree-height $tree-height' },\n    flexGrow: { '': 1, 'has-height': 0 },\n    flexShrink: { '': 1, 'has-height': 0 },\n    flexBasis: { '': 0, 'has-height': 'auto' },\n    fill: '#clear',\n    color: '#dark',\n    transition: 'theme',\n    outline: 0,\n    padding: 0,\n    radius: { '': 0, 'shape=card': '1cr' },\n    border: { '': 0, 'shape=card': true },\n  },\n});\n\n/**\n * Inner scroll viewport. Block-level on purpose — placing the\n * virtualizer's sizer (`height: ${totalSize}px`) directly inside the\n * flex `TreeElement` lets `flex-shrink: 1` collapse it, which makes\n * the scroll area visibly grow as `@tanstack/react-virtual`\n * re-measures rows during scroll.\n */\nexport const TreeScrollContainer = tasty({\n  qa: 'TreeScrollContainer',\n  styles: {\n    display: 'block',\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 'auto',\n    width: '0 100% initial',\n    height: 'min 0',\n    overflow: 'auto',\n    scrollbar: 'thin',\n  },\n});\n\n/**\n * Per-row wrapper carrying `role=\"row\"`, `rowProps` from\n * `useTreeItem`, and the `--tree-level` CSS custom property used by\n * `TreeRowItem` to compute its left padding.\n *\n * Has no visual styles of its own — the row's appearance lives on\n * the inner `TreeRowItem` (which extends `Item`).\n */\nexport const TreeNodeRow = tasty({\n  qa: 'TreeRow',\n  styles: {\n    display: 'block',\n    outline: 0,\n  },\n});\n\n/**\n * The visible row: an `Item` extension that owns layout (full-width,\n * tree indent) only. Color treatment is delegated to the\n * `default.item` variant (see `DEFAULT_ITEM_STYLES` in\n * `data/item-themes.ts`) so the Tree row matches the canonical Item\n * look out of the box. `hovered` / `focused` / `pressed` mods are\n * propagated from `TreeNode` because react-aria's treegrid uses a\n * roving-tabindex \"virtual focus\" model and never sets those data\n * attributes itself.\n */\nexport const TreeRowItem = tasty(Item, {\n  qa: 'TreeItem',\n  type: 'item',\n  size: 'medium',\n  as: 'div',\n  styles: {\n    /**\n     * `Item` is `inline-grid` by default, which leaves baseline\n     * descender space below the row inside the block-level\n     * `TreeNodeRow` and visually inflates the gap between rows\n     * past the intended `1bw`. Force block-level grid here.\n     */\n    display: 'grid',\n    width: '100%',\n    /**\n     * Per-level indent. `$tree-indent` is a local token that reads\n     * `--tree-level` (set inline on the parent `TreeNodeRow`) with a\n     * `0` fallback. Using `padding` shorthand (instead of\n     * `paddingInlineStart`) so it overrides `Item`'s default\n     * `padding: 0` reliably — a longhand override on a shorthand\n     * loses to it in the cascade when both are emitted from the same\n     * declaration block.\n     */\n    padding: 'left ($tree-indent * 1.5x)',\n    '$tree-indent': '($tree-level, 0)',\n    cursor: {\n      '': 'pointer',\n      disabled: 'not-allowed',\n    },\n  },\n});\n\n/**\n * Wraps the checkbox sitting in `Item`'s `prefix` slot. `Item`'s\n * built-in Prefix padding collapses to `0` whenever there's an icon\n * (which is always true for tree rows because the toggle/placeholder\n * occupies the icon slot). We re-introduce a small inline gap on\n * both sides so the checkbox isn't flush against the chevron and the\n * title.\n */\nexport const TreeNodeCheckboxWrapper = tasty({\n  qa: 'TreeNodeCheckboxWrapper',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    placeContent: 'center',\n    placeSelf: 'stretch',\n    padding: '0 1x',\n  },\n});\n\nconst TOGGLE_BASE_STYLES: Styles = {\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  width: '3x',\n  height: '3x',\n  radius: true,\n  transition: 'theme',\n};\n\n/**\n * Chevron toggle button placed in `Item`'s `icon` slot. Spreads\n * `expandButtonProps` from `useTreeItem` (an AriaButtonProps) and\n * stops the press from bubbling to the row's selection handler via\n * React Aria's PressResponder.\n */\nexport const TreeNodeToggle = tasty(Action, {\n  qa: 'TreeNodeToggle',\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- shared with TreeNodeTogglePlaceholder so leaf rows keep the toggle footprint\n    ...TOGGLE_BASE_STYLES,\n    color: { '': '#dark-02', ':hover': '#dark' },\n    fill: { '': '#clear', ':hover': '#dark.04' },\n  },\n});\n\n/**\n * Non-interactive placeholder that occupies the same footprint as\n * `TreeNodeToggle` so leaf rows visually align with siblings that\n * have a chevron.\n */\nexport const TreeNodeTogglePlaceholder = tasty({\n  styles: TOGGLE_BASE_STYLES,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAaI,cAAcH,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,OAAO;EACPC,QAAQ;GAAE,IAAI;GAAS,cAAc;EAA8B;EACnEC,UAAU;GAAE,IAAI;GAAG,cAAc;EAAE;EACnCC,YAAY;GAAE,IAAI;GAAG,cAAc;EAAE;EACrCC,WAAW;GAAE,IAAI;GAAG,cAAc;EAAO;EACzCC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,SAAS;EACTC,SAAS;EACTC,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAM;EACrCC,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAK;CACtC;AACF,CAAC;;;;;;;;AASD,MAAaC,sBAAsBpB,MAAM;CACvCI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTI,UAAU;EACVC,YAAY;EACZC,WAAW;EACXJ,OAAO;EACPC,QAAQ;EACRY,UAAU;EACVC,WAAW;CACb;AACF,CAAC;;;;;;;;;AAUD,MAAaC,cAAcvB,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTU,SAAS;CACX;AACF,CAAC;;;;;;;;;;;AAYD,MAAaQ,cAAcxB,MAAME,OAAM;CACrCE,IAAI;CACJqB,MAAM;CACNC,MAAM;CACNC,IAAI;CACJtB,QAAQ;;;;;;;EAONC,SAAS;EACTE,OAAO;;;;;;;;;;EAUPS,SAAS;EACT,gBAAgB;EAChBW,QAAQ;GACN,IAAI;GACJC,UAAU;EACZ;CACF;AACF,CAAC;;;;;;;;;AAUD,MAAaC,0BAA0B9B,MAAM;CAC3CI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTyB,YAAY;EACZC,cAAc;EACdC,WAAW;EACXhB,SAAS;CACX;AACF,CAAC;AAED,MAAMiB,qBAA6B;CACjC5B,SAAS;CACTyB,YAAY;CACZC,cAAc;CACdxB,OAAO;CACPC,QAAQ;CACRS,QAAQ;CACRH,YAAY;AACd;;;;;;;AAQA,MAAaoB,iBAAiBnC,MAAMC,QAAQ;CAC1CG,IAAI;CACJC,QAAQ;EAEN,GAAG6B;EACHpB,OAAO;GAAE,IAAI;GAAY,UAAU;EAAQ;EAC3CD,MAAM;GAAE,IAAI;GAAU,UAAU;EAAW;CAC7C;AACF,CAAC;;;;;;AAOD,MAAauB,4BAA4BpC,MAAM,EAC7CK,QAAQ6B,mBACV,CAAC"}
+{"version":3,"file":"styled.js","names":["mergeStyles","Styles","tasty","Action","Item","TreeElement","qa","styles","display","flow","width","height","flexGrow","flexShrink","flexBasis","fill","color","transition","outline","padding","radius","border","TreeScrollContainer","overflow","scrollbar","TreeSizer","position","TreeNodeRow","inset","transform","TreeRowItem","type","size","as","cursor","disabled","TreeNodeCheckboxWrapper","placeItems","placeContent","placeSelf","TOGGLE_BASE_STYLES","TreeNodeToggle","TreeNodeTogglePlaceholder","Item"],"sources":["../../../../src/components/content/Tree/styled.ts"],"sourcesContent":["import { mergeStyles, Styles, tasty } from '@tenphi/tasty';\n\nimport { Action } from '../../actions/Action/Action';\nimport { Item } from '../Item';\n\n/**\n * Tree root.\n *\n * Renders as `role=\"treegrid\"` (set on `gridProps` from `useTree`).\n * This element is the outer flex layout container; scrolling is\n * delegated to the inner `TreeScrollContainer` so the virtualized\n * sizer (a flex item here would be squashed by `flex-shrink: 1`) is\n * placed inside a normal block formatting context.\n *\n * Tree-wide modifiers (set on `TreeElement` itself):\n * - `has-height` — paired with the `$tree-height` token\n *   when the consumer passes a numeric `height` prop.\n *\n * It also sets `$tree-padding`, the `containerPadding` that insets the\n * rows (`TreeNodeRow`).\n */\nexport const TreeElement = tasty({\n  qa: 'Tree',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    width: '100%',\n    height: { '': 'min 0', 'has-height': '0 $tree-height $tree-height' },\n    flexGrow: { '': 1, 'has-height': 0 },\n    flexShrink: { '': 1, 'has-height': 0 },\n    flexBasis: { '': 0, 'has-height': 'auto' },\n    fill: '#clear',\n    color: '#dark',\n    transition: 'theme',\n    outline: 0,\n    padding: 0,\n    radius: { '': 0, 'shape=card': '1cr' },\n    border: { '': 0, 'shape=card': true },\n  },\n});\n\n/**\n * Inner scroll viewport. Block-level on purpose — placing the\n * virtualizer's sizer (`TreeSizer`) directly inside the\n * flex `TreeElement` lets `flex-shrink: 1` collapse it, which makes\n * the scroll area visibly grow as `@tanstack/react-virtual`\n * re-measures rows during scroll.\n */\nexport const TreeScrollContainer = tasty({\n  qa: 'TreeScrollContainer',\n  styles: {\n    display: 'block',\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 'auto',\n    width: '0 100% initial',\n    height: 'min 0',\n    overflow: 'auto',\n    scrollbar: 'thin',\n  },\n});\n\n/**\n * The virtualizer's sizer: as tall as every row, measured or estimated\n * (`$tree-content-height`), and the box the rows are placed in.\n */\nexport const TreeSizer = tasty({\n  qa: 'TreeSizer',\n  styles: {\n    position: 'relative',\n    width: '100%',\n    height: '$tree-content-height',\n  },\n});\n\n/**\n * Per-row wrapper carrying `role=\"row\"`, `rowProps` from\n * `useTreeItem`, and the `--tree-level` CSS custom property used by\n * `TreeRowItem` to compute its left padding.\n *\n * It places the row at the virtualizer's offset (`--tree-row-offset`),\n * inset by `--tree-padding`. Otherwise it has no visual styles of its\n * own — the row's appearance lives on the inner `TreeRowItem` (which\n * extends `Item`).\n */\nexport const TreeNodeRow = tasty({\n  qa: 'TreeRow',\n  styles: {\n    display: 'block',\n    outline: 0,\n    position: 'absolute',\n    inset: '0 $tree-padding top dock',\n    transform: 'translateY($tree-row-offset)',\n  },\n});\n\n/**\n * The visible row: an `Item` extension that owns layout (full-width,\n * tree indent) only. Color treatment is delegated to the\n * `default.item` variant (see `DEFAULT_ITEM_STYLES` in\n * `data/item-themes.ts`) so the Tree row matches the canonical Item\n * look out of the box. `hovered` / `focused` / `pressed` mods are\n * propagated from `TreeNode` because react-aria's treegrid uses a\n * roving-tabindex \"virtual focus\" model and never sets those data\n * attributes itself.\n */\nexport const TreeRowItem = tasty(Item, {\n  qa: 'TreeItem',\n  type: 'item',\n  size: 'medium',\n  as: 'div',\n  styles: {\n    /**\n     * `Item` is `inline-grid` by default, which leaves baseline\n     * descender space below the row inside the block-level\n     * `TreeNodeRow` and visually inflates the gap between rows\n     * past the intended hairline. Force block-level grid here.\n     */\n    display: 'grid',\n    width: '100%',\n    /**\n     * Per-level indent. `$tree-indent` is a local token that reads\n     * `--tree-level` (set inline on the parent `TreeNodeRow`) with a\n     * `0` fallback. Using `padding` shorthand (instead of\n     * `paddingInlineStart`) so it overrides `Item`'s default\n     * `padding: 0` reliably — a longhand override on a shorthand\n     * loses to it in the cascade when both are emitted from the same\n     * declaration block.\n     */\n    padding: 'left ($tree-indent * 1.5x)',\n    '$tree-indent': '($tree-level, 0)',\n    cursor: {\n      '': 'pointer',\n      disabled: 'not-allowed',\n    },\n  },\n});\n\n/**\n * Wraps the checkbox sitting in `Item`'s `prefix` slot. `Item`'s\n * built-in Prefix padding collapses to `0` whenever there's an icon\n * (which is always true for tree rows because the toggle/placeholder\n * occupies the icon slot). We re-introduce a small inline gap on\n * both sides so the checkbox isn't flush against the chevron and the\n * title.\n */\nexport const TreeNodeCheckboxWrapper = tasty({\n  qa: 'TreeNodeCheckboxWrapper',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    placeContent: 'center',\n    placeSelf: 'stretch',\n    padding: '0 1x',\n  },\n});\n\nconst TOGGLE_BASE_STYLES: Styles = {\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  width: '3x',\n  height: '3x',\n  radius: true,\n  transition: 'theme',\n};\n\n/**\n * Chevron toggle button placed in `Item`'s `icon` slot. Spreads\n * `expandButtonProps` from `useTreeItem` (an AriaButtonProps) and\n * stops the press from bubbling to the row's selection handler via\n * React Aria's PressResponder.\n */\nexport const TreeNodeToggle = tasty(Action, {\n  qa: 'TreeNodeToggle',\n  styles: mergeStyles(TOGGLE_BASE_STYLES, {\n    color: { '': '#dark-02', ':hover': '#dark' },\n    fill: { '': '#clear', ':hover': '#dark.04' },\n  }),\n});\n\n/**\n * Non-interactive placeholder that occupies the same footprint as\n * `TreeNodeToggle` so leaf rows visually align with siblings that\n * have a chevron.\n */\nexport const TreeNodeTogglePlaceholder = tasty({\n  styles: TOGGLE_BASE_STYLES,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAaK,cAAcH,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,OAAO;EACPC,QAAQ;GAAE,IAAI;GAAS,cAAc;EAA8B;EACnEC,UAAU;GAAE,IAAI;GAAG,cAAc;EAAE;EACnCC,YAAY;GAAE,IAAI;GAAG,cAAc;EAAE;EACrCC,WAAW;GAAE,IAAI;GAAG,cAAc;EAAO;EACzCC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,SAAS;EACTC,SAAS;EACTC,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAM;EACrCC,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAK;CACtC;AACF,CAAC;;;;;;;;AASD,MAAaC,sBAAsBpB,MAAM;CACvCI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTI,UAAU;EACVC,YAAY;EACZC,WAAW;EACXJ,OAAO;EACPC,QAAQ;EACRY,UAAU;EACVC,WAAW;CACb;AACF,CAAC;;;;;AAMD,MAAaC,YAAYvB,MAAM;CAC7BI,IAAI;CACJC,QAAQ;EACNmB,UAAU;EACVhB,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;;;;;;;;;;;AAYD,MAAagB,cAAczB,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTU,SAAS;EACTQ,UAAU;EACVE,OAAO;EACPC,WAAW;CACb;AACF,CAAC;;;;;;;;;;;AAYD,MAAaC,cAAc5B,MAAME,OAAM;CACrCE,IAAI;CACJyB,MAAM;CACNC,MAAM;CACNC,IAAI;CACJ1B,QAAQ;;;;;;;EAONC,SAAS;EACTE,OAAO;;;;;;;;;;EAUPS,SAAS;EACT,gBAAgB;EAChBe,QAAQ;GACN,IAAI;GACJC,UAAU;EACZ;CACF;AACF,CAAC;;;;;;;;;AAUD,MAAaC,0BAA0BlC,MAAM;CAC3CI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACT6B,YAAY;EACZC,cAAc;EACdC,WAAW;EACXpB,SAAS;CACX;AACF,CAAC;AAED,MAAMqB,qBAA6B;CACjChC,SAAS;CACT6B,YAAY;CACZC,cAAc;CACd5B,OAAO;CACPC,QAAQ;CACRS,QAAQ;CACRH,YAAY;AACd;;;;;;;AAQA,MAAawB,iBAAiBvC,MAAMC,QAAQ;CAC1CG,IAAI;CACJC,QAAQP,YAAYwC,oBAAoB;EACtCxB,OAAO;GAAE,IAAI;GAAY,UAAU;EAAQ;EAC3CD,MAAM;GAAE,IAAI;GAAU,UAAU;EAAW;CAC7C,CAAC;AACH,CAAC;;;;;;AAOD,MAAa2B,4BAA4BxC,MAAM,EAC7CK,QAAQiC,mBACV,CAAC"}

package/dist/components/content/Tree/tree-index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();

package/dist/components/content/Tree/use-checkbox-tree.js

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

package/dist/components/content/Tree/use-load-data.js

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

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Text as _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/content/highlightText.tsx

package/dist/components/content/use-auto-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Text as _Text } from "../../content/Text.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Text as _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Pagination as _Pagination } from "../../navigation/Pagination/Pagination.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/index.js";
 import { ReloadIcon } from "../../../icons/ReloadIcon.js";
@@ -46,7 +46,7 @@ const ToolbarElement = tasty({
 });
 const SearchElement = tasty(SearchInput, {
 	qa: "ItemTableSearchInput",
-	styles: { width: "max 300px" }
+	styles: { width: "max 37.5x" }
 });
 /** The table's search input, bound to the table's own state. */
 function ItemTableSearch(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"ItemTableToolbar.js","names":["tasty","createContext","useContext","useI18n","ReloadIcon","Button","SearchInput","Key","Styles","ReactNode","CubeItemTableChromeState","searchValue","setSearchValue","value","searchPlaceholder","isLoading","onRefresh","selectedKeys","selectedRows","T","selectedCount","clearSelection","ChromeContext","ItemTableChromeProvider","Provider","useItemTableChrome","component","context","Error","ToolbarElement","qa","as","styles","gridRow","display","flow","gap","placeItems","placeContent","padding","border","Start","$","width","End","SearchElement","ItemTableSearch","props","_c","t","t0","t1","t2","placeholder","t3","ItemTableToolbarProps","isSearchable","filters","actions","searchStyles","ItemTableToolbar","t4","t5","_c"],"sources":["../../../../src/components/data/ItemTable/ItemTableToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { createContext, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ReloadIcon } from '../../../icons/ReloadIcon';\nimport { Button } from '../../actions';\nimport { SearchInput } from '../../fields/SearchInput';\n\nimport type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\n\n/**\n * Lets `ItemTable.Search` (and future chrome pieces) read the table's state\n * without prop drilling, so a consumer can rebuild the toolbar from parts and\n * still have exactly one owner of the search term.\n */\nexport interface CubeItemTableChromeState<T = any> {\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  searchPlaceholder?: string;\n  isLoading: boolean;\n  onRefresh?: () => void;\n  /** `'all'` is the sentinel, so `selectedCount` is what the UI should show. */\n  selectedKeys: Key[] | 'all';\n  selectedRows: T[];\n  selectedCount: number;\n  clearSelection: () => void;\n}\n\nconst ChromeContext = createContext<CubeItemTableChromeState | null>(null);\n\nexport const ItemTableChromeProvider = ChromeContext.Provider;\n\nexport function useItemTableChrome(component: string) {\n  const context = useContext(ChromeContext);\n\n  if (!context) {\n    throw new Error(\n      `${component} must be rendered inside an ItemTable — it reads the table's search state from context.`,\n    );\n  }\n\n  return context;\n}\n\nconst ToolbarElement = tasty({\n  qa: 'ItemTableToolbar',\n  as: 'div',\n  styles: {\n    gridRow: 1,\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'space-between',\n    padding: '1x',\n    border: '1bw #border bottom',\n\n    // Left group: search, then filters.\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    // Right group: arbitrary consumer actions, then refresh.\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n    },\n  },\n});\n\nconst SearchElement = tasty(SearchInput, {\n  qa: 'ItemTableSearchInput',\n  styles: { width: 'max 300px' },\n});\n\n/** The table's search input, bound to the table's own state. */\nexport function ItemTableSearch(props: {\n  placeholder?: string;\n  styles?: Styles;\n  qa?: string;\n}) {\n  const { searchValue, setSearchValue, searchPlaceholder } =\n    useItemTableChrome('ItemTable.Search');\n  const { t } = useI18n();\n\n  return (\n    <SearchElement\n      isBare\n      qa={props.qa}\n      size=\"small\"\n      isClearable\n      aria-label={t('itemTable.search', 'Search')}\n      placeholder={\n        props.placeholder ??\n        searchPlaceholder ??\n        t('itemTable.searchPlaceholder', 'Search...')\n      }\n      value={searchValue}\n      styles={props.styles}\n      onChange={setSearchValue}\n    />\n  );\n}\n\nexport interface ItemTableToolbarProps {\n  isSearchable?: boolean;\n  filters?: ReactNode;\n  actions?: ReactNode;\n  onRefresh?: () => void;\n  isLoading?: boolean;\n  styles?: Styles;\n  searchStyles?: Styles;\n}\n\nexport function ItemTableToolbar({\n  isSearchable,\n  filters,\n  actions,\n  onRefresh,\n  isLoading,\n  styles,\n  searchStyles,\n}: ItemTableToolbarProps) {\n  const { t } = useI18n();\n\n  return (\n    <ToolbarElement styles={styles} role=\"toolbar\">\n      <div data-element=\"Start\">\n        {isSearchable ? <ItemTableSearch styles={searchStyles} /> : null}\n        {filters}\n      </div>\n      <div data-element=\"End\">\n        {actions}\n        {onRefresh ? (\n          <Button\n            qa=\"ItemTableRefreshButton\"\n            size=\"small\"\n            icon={<ReloadIcon />}\n            isLoading={isLoading}\n            aria-label={t('itemTable.refresh', 'Refresh')}\n            onPress={onRefresh}\n          />\n        ) : null}\n      </div>\n    </ToolbarElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ItemTableToolbar.js","names":["tasty","createContext","useContext","useI18n","ReloadIcon","Button","SearchInput","Key","Styles","ReactNode","CubeItemTableChromeState","searchValue","setSearchValue","value","searchPlaceholder","isLoading","onRefresh","selectedKeys","selectedRows","T","selectedCount","clearSelection","ChromeContext","ItemTableChromeProvider","Provider","useItemTableChrome","component","context","Error","ToolbarElement","qa","as","styles","gridRow","display","flow","gap","placeItems","placeContent","padding","border","Start","$","width","End","SearchElement","ItemTableSearch","props","_c","t","t0","t1","t2","placeholder","t3","ItemTableToolbarProps","isSearchable","filters","actions","searchStyles","ItemTableToolbar","t4","t5","_c"],"sources":["../../../../src/components/data/ItemTable/ItemTableToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { createContext, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ReloadIcon } from '../../../icons/ReloadIcon';\nimport { Button } from '../../actions';\nimport { SearchInput } from '../../fields/SearchInput';\n\nimport type { Key } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\n\n/**\n * Lets `ItemTable.Search` (and future chrome pieces) read the table's state\n * without prop drilling, so a consumer can rebuild the toolbar from parts and\n * still have exactly one owner of the search term.\n */\nexport interface CubeItemTableChromeState<T = any> {\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  searchPlaceholder?: string;\n  isLoading: boolean;\n  onRefresh?: () => void;\n  /** `'all'` is the sentinel, so `selectedCount` is what the UI should show. */\n  selectedKeys: Key[] | 'all';\n  selectedRows: T[];\n  selectedCount: number;\n  clearSelection: () => void;\n}\n\nconst ChromeContext = createContext<CubeItemTableChromeState | null>(null);\n\nexport const ItemTableChromeProvider = ChromeContext.Provider;\n\nexport function useItemTableChrome(component: string) {\n  const context = useContext(ChromeContext);\n\n  if (!context) {\n    throw new Error(\n      `${component} must be rendered inside an ItemTable — it reads the table's search state from context.`,\n    );\n  }\n\n  return context;\n}\n\nconst ToolbarElement = tasty({\n  qa: 'ItemTableToolbar',\n  as: 'div',\n  styles: {\n    gridRow: 1,\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'space-between',\n    padding: '1x',\n    border: '1bw #border bottom',\n\n    // Left group: search, then filters.\n    Start: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n      width: 'min 0',\n    },\n    // Right group: arbitrary consumer actions, then refresh.\n    End: {\n      $: '>',\n      display: 'flex',\n      flow: 'row',\n      gap: '1x',\n      placeItems: 'center',\n    },\n  },\n});\n\nconst SearchElement = tasty(SearchInput, {\n  qa: 'ItemTableSearchInput',\n  styles: { width: 'max 37.5x' },\n});\n\n/** The table's search input, bound to the table's own state. */\nexport function ItemTableSearch(props: {\n  placeholder?: string;\n  styles?: Styles;\n  qa?: string;\n}) {\n  const { searchValue, setSearchValue, searchPlaceholder } =\n    useItemTableChrome('ItemTable.Search');\n  const { t } = useI18n();\n\n  return (\n    <SearchElement\n      isBare\n      qa={props.qa}\n      size=\"small\"\n      isClearable\n      aria-label={t('itemTable.search', 'Search')}\n      placeholder={\n        props.placeholder ??\n        searchPlaceholder ??\n        t('itemTable.searchPlaceholder', 'Search...')\n      }\n      value={searchValue}\n      styles={props.styles}\n      onChange={setSearchValue}\n    />\n  );\n}\n\nexport interface ItemTableToolbarProps {\n  isSearchable?: boolean;\n  filters?: ReactNode;\n  actions?: ReactNode;\n  onRefresh?: () => void;\n  isLoading?: boolean;\n  styles?: Styles;\n  searchStyles?: Styles;\n}\n\nexport function ItemTableToolbar({\n  isSearchable,\n  filters,\n  actions,\n  onRefresh,\n  isLoading,\n  styles,\n  searchStyles,\n}: ItemTableToolbarProps) {\n  const { t } = useI18n();\n\n  return (\n    <ToolbarElement styles={styles} role=\"toolbar\">\n      <div data-element=\"Start\">\n        {isSearchable ? <ItemTableSearch styles={searchStyles} /> : null}\n        {filters}\n      </div>\n      <div data-element=\"End\">\n        {actions}\n        {onRefresh ? (\n          <Button\n            qa=\"ItemTableRefreshButton\"\n            size=\"small\"\n            icon={<ReloadIcon />}\n            isLoading={isLoading}\n            aria-label={t('itemTable.refresh', 'Refresh')}\n            onPress={onRefresh}\n          />\n        ) : null}\n      </div>\n    </ToolbarElement>\n  );\n}\n"],"mappings":"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"}

package/dist/components/data/ItemTable/use-item-table-column-widths.js

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

package/dist/components/data/ItemTable/use-item-table-drag-drop.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isTableTreeDescendant } from "../TableBase/table-tree.js";
 import { ItemTableDragPreview } from "./ItemTableDragPreview.js";

package/dist/components/data/ItemTable/use-item-table-pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { clampPage, getPageInfo } from "../../navigation/Pagination/use-pagination.js";
 import { reindexTableTree } from "../TableBase/table-tree.js";

package/dist/components/data/ItemTable/use-item-table-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { flattenTableTree } from "../TableBase/table-tree.js";
 import { useTableSelection } from "../TableBase/use-table-selection.js";
 import { c } from "react/compiler-runtime";

package/dist/components/data/ItemTable/use-item-table-sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { sortTableTree } from "../TableBase/table-tree.js";
 import { compareByColumn, useTableSort } from "../TableBase/use-table-sort.js";

package/dist/components/data/ItemTable/use-item-table-tree-model.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { buildTableTree } from "../TableBase/table-tree.js";
 import { c } from "react/compiler-runtime";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 //#region src/components/data/TableBase/RowCollection.ts
 /**
 * A `Collection<Node<T>>` over a plain row array.

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | 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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | 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";

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","_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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"}
+{"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      // oxlint-disable-next-line tasty/no-style-prop -- a native row styled by `TableElement`; carries the virtualizer's measured height\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.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | 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";
@@ -1092,18 +1092,15 @@ function TableView(props) {
 				pinnedBottomRows?.map((row, index) => renderPinnedRow(row, index, "bottom")),
 				isLoadingMore ? renderSkeletonRows(loadMoreSkeletonCount, "load-more") : null,
 				onLoadMore && hasRows ? /* @__PURE__ */ jsx("tr", {
+					"data-element": "SentinelRow",
 					"data-sentinel": "",
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ jsx("td", {
+						"data-element": "SentinelCell",
 						colSpan: Math.max(columnCount, 1),
-						style: {
-							height: 1,
-							padding: 0,
-							border: 0
-						},
 						children: /* @__PURE__ */ jsx("div", {
 							ref: sentinelRef,
-							style: { height: 1 }
+							"data-element": "Sentinel"
 						})
 					})
 				}) : null