@cube-dev/ui-kit 0.197.0 → 0.198.1

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"],"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":"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"}
+{"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":"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"}

package/dist/components/content/Tree/index.d.ts

@@ -1,3 +1,4 @@
 
 import { CubeTreeNodeData, CubeTreeProps, TreeContextMenu, TreeItemProps, TreeLoadDataNode, TreeNodeState, TreeOnCheckInfo, TreeOnExpandInfo, TreeOnSelectInfo, TreeSelectionMode } from "./types.js";
-import { Tree } from "./Tree.js";
+import { Tree } from "./Tree.js";
+export { type CubeTreeNodeData, type CubeTreeProps, Tree, type TreeContextMenu, type TreeItemProps, type TreeLoadDataNode, type TreeNodeState, type TreeOnCheckInfo, type TreeOnExpandInfo, type TreeOnSelectInfo, type TreeSelectionMode };

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

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _Item } from "../Item/Item.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { Item as _Item } from "../Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { tasty } from "@tenphi/tasty";
-
 //#region src/components/content/Tree/styled.ts
 /**
 * Tree root.
@@ -105,8 +104,23 @@ const TreeRowItem = tasty(_Item, {
 	size: "medium",
 	as: "div",
 	styles: {
+		/**
+		* `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.
+		*/
 		display: "grid",
 		width: "100%",
+		/**
+		* Per-level indent. `$tree-indent` is a local token that reads
+		* `--tree-level` (set inline on the parent `TreeNodeRow`) with a
+		* `0` fallback. Using `padding` shorthand (instead of
+		* `paddingInlineStart`) so it overrides `Item`'s default
+		* `padding: 0` reliably — a longhand override on a shorthand
+		* loses to it in the cascade when both are emitted from the same
+		* declaration block.
+		*/
 		padding: "left ($tree-indent * 1.5x)",
 		"$tree-indent": "($tree-level, 0)",
 		cursor: {
@@ -168,7 +182,7 @@ const TreeNodeToggle = tasty(Action, {
 * have a chevron.
 */
 const TreeNodeTogglePlaceholder = tasty({ styles: TOGGLE_BASE_STYLES });
-
 //#endregion
 export { TreeElement, TreeNodeCheckboxWrapper, TreeNodeRow, TreeNodeToggle, TreeNodeTogglePlaceholder, TreeRowItem, TreeScrollContainer };
+
 //# 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"],"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;GAA+B;EACpEC,UAAU;GAAE,IAAI;GAAG,cAAc;GAAG;EACpCC,YAAY;GAAE,IAAI;GAAG,cAAc;GAAG;EACtCC,WAAW;GAAE,IAAI;GAAG,cAAc;GAAQ;EAC1CC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,SAAS;EACTC,SAAS;EACTC,QAAQ;GAAE,IAAI;GAAG,cAAc;GAAO;EACtCC,QAAQ;GAAE,IAAI;GAAG,cAAc;GAAK;EACtC;CACD,CAAC;;;;;;;;AASF,MAAaC,sBAAsBpB,MAAM;CACvCI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTI,UAAU;EACVC,YAAY;EACZC,WAAW;EACXJ,OAAO;EACPC,QAAQ;EACRY,UAAU;EACVC,WAAW;EACb;CACD,CAAC;;;;;;;;;AAUF,MAAaC,cAAcvB,MAAM;CAC/BI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTU,SAAS;EACX;CACD,CAAC;;;;;;;;;;;AAYF,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;GACZ;EACF;CACD,CAAC;;;;;;;;;AAUF,MAAaC,0BAA0B9B,MAAM;CAC3CI,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTyB,YAAY;EACZC,cAAc;EACdC,WAAW;EACXhB,SAAS;EACX;CACD,CAAC;AAEF,MAAMiB,qBAA6B;CACjC5B,SAAS;CACTyB,YAAY;CACZC,cAAc;CACdxB,OAAO;CACPC,QAAQ;CACRS,QAAQ;CACRH,YAAY;CACb;;;;;;;AAQD,MAAaoB,iBAAiBnC,MAAMC,QAAQ;CAC1CG,IAAI;CACJC,QAAQ;EAEN,GAAG6B;EACHpB,OAAO;GAAE,IAAI;GAAY,UAAU;GAAS;EAC5CD,MAAM;GAAE,IAAI;GAAU,UAAU;GAAW;EAC7C;CACD,CAAC;;;;;;AAOF,MAAauB,4BAA4BpC,MAAM,EAC7CK,QAAQ6B,oBACT,CAAC"}
+{"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();
@@ -20,7 +20,7 @@ function buildTreeIndex(treeData) {
 		childrenOf
 	};
 }
-
 //#endregion
 export { buildTreeIndex };
+
 //# sourceMappingURL=tree-index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tree-index.js","names":["CubeTreeNodeData","TreeIndex","byKey","Map","parentOf","childrenOf","buildTreeIndex","treeData","visit","nodes","parent","node","set","key","childKeys","children","map","c"],"sources":["../../../../src/components/content/Tree/tree-index.ts"],"sourcesContent":["import type { CubeTreeNodeData } from './types';\n\n/**\n * Map of `key -> { node, parentKey, childKeys }` for fast cascading lookups.\n *\n * Built from the public `treeData` rather than from React Stately's\n * collection, because we need the consumer's original (controlled)\n * shape to derive parent/child relationships and to call back with the\n * actual `node` objects.\n *\n * Shared between `Tree.tsx` (for `nodesByKey` / `parentOf`) and\n * `useCheckboxTree` (cascading checked state) so a single tree walk\n * powers all three maps.\n */\nexport interface TreeIndex {\n  byKey: Map<string, CubeTreeNodeData>;\n  parentOf: Map<string, string | null>;\n  childrenOf: Map<string, string[]>;\n}\n\nexport function buildTreeIndex(treeData: CubeTreeNodeData[]): TreeIndex {\n  const byKey = new Map<string, CubeTreeNodeData>();\n  const parentOf = new Map<string, string | null>();\n  const childrenOf = new Map<string, string[]>();\n\n  const visit = (nodes: CubeTreeNodeData[], parent: string | null) => {\n    for (const node of nodes) {\n      byKey.set(node.key, node);\n      parentOf.set(node.key, parent);\n      const childKeys = (node.children ?? []).map((c) => c.key);\n      childrenOf.set(node.key, childKeys);\n      if (node.children) {\n        visit(node.children, node.key);\n      }\n    }\n  };\n\n  visit(treeData, null);\n\n  return { byKey, parentOf, childrenOf };\n}\n"],"mappings":";;AAoBA,SAAgBM,eAAeC,UAAyC;CACtE,MAAML,wBAAQ,IAAIC,KAA+B;CACjD,MAAMC,2BAAW,IAAID,KAA4B;CACjD,MAAME,6BAAa,IAAIF,KAAuB;CAE9C,MAAMK,SAASC,OAA2BC,WAA0B;AAClE,OAAK,MAAMC,QAAQF,OAAO;AACxBP,SAAMU,IAAID,KAAKE,KAAKF,KAAK;AACzBP,YAASQ,IAAID,KAAKE,KAAKH,OAAO;GAC9B,MAAMI,aAAaH,KAAKI,YAAY,EAAE,EAAEC,KAAKC,MAAMA,EAAEJ,IAAI;AACzDR,cAAWO,IAAID,KAAKE,KAAKC,UAAU;AACnC,OAAIH,KAAKI,SACPP,OAAMG,KAAKI,UAAUJ,KAAKE,IAAI;;;AAKpCL,OAAMD,UAAU,KAAK;AAErB,QAAO;EAAEL;EAAOE;EAAUC;EAAY"}
+{"version":3,"file":"tree-index.js","names":["CubeTreeNodeData","TreeIndex","byKey","Map","parentOf","childrenOf","buildTreeIndex","treeData","visit","nodes","parent","node","set","key","childKeys","children","map","c"],"sources":["../../../../src/components/content/Tree/tree-index.ts"],"sourcesContent":["import type { CubeTreeNodeData } from './types';\n\n/**\n * Map of `key -> { node, parentKey, childKeys }` for fast cascading lookups.\n *\n * Built from the public `treeData` rather than from React Stately's\n * collection, because we need the consumer's original (controlled)\n * shape to derive parent/child relationships and to call back with the\n * actual `node` objects.\n *\n * Shared between `Tree.tsx` (for `nodesByKey` / `parentOf`) and\n * `useCheckboxTree` (cascading checked state) so a single tree walk\n * powers all three maps.\n */\nexport interface TreeIndex {\n  byKey: Map<string, CubeTreeNodeData>;\n  parentOf: Map<string, string | null>;\n  childrenOf: Map<string, string[]>;\n}\n\nexport function buildTreeIndex(treeData: CubeTreeNodeData[]): TreeIndex {\n  const byKey = new Map<string, CubeTreeNodeData>();\n  const parentOf = new Map<string, string | null>();\n  const childrenOf = new Map<string, string[]>();\n\n  const visit = (nodes: CubeTreeNodeData[], parent: string | null) => {\n    for (const node of nodes) {\n      byKey.set(node.key, node);\n      parentOf.set(node.key, parent);\n      const childKeys = (node.children ?? []).map((c) => c.key);\n      childrenOf.set(node.key, childKeys);\n      if (node.children) {\n        visit(node.children, node.key);\n      }\n    }\n  };\n\n  visit(treeData, null);\n\n  return { byKey, parentOf, childrenOf };\n}\n"],"mappings":";;AAoBA,SAAgBM,eAAeC,UAAyC;CACtE,MAAML,wBAAQ,IAAIC,IAA8B;CAChD,MAAMC,2BAAW,IAAID,IAA2B;CAChD,MAAME,6BAAa,IAAIF,IAAsB;CAE7C,MAAMK,SAASC,OAA2BC,WAA0B;EAClE,KAAK,MAAMC,QAAQF,OAAO;GACxBP,MAAMU,IAAID,KAAKE,KAAKF,IAAI;GACxBP,SAASQ,IAAID,KAAKE,KAAKH,MAAM;GAC7B,MAAMI,aAAaH,KAAKI,YAAY,CAAA,EAAA,CAAIC,KAAKC,MAAMA,EAAEJ,GAAG;GACxDR,WAAWO,IAAID,KAAKE,KAAKC,SAAS;GAClC,IAAIH,KAAKI,UACPP,MAAMG,KAAKI,UAAUJ,KAAKE,GAAG;EAEjC;CACF;CAEAL,MAAMD,UAAU,IAAI;CAEpB,OAAO;EAAEL;EAAOE;EAAUC;CAAW;AACvC"}

package/dist/components/content/Tree/types.d.ts

@@ -3,15 +3,14 @@ import { CubeItemActionProps } from "../../actions/ItemAction/ItemAction.js";
 import "../../actions/ItemAction/index.js";
 import { CubeMenuProps } from "../../actions/Menu/Menu.js";
 import "../../actions/Menu/index.js";
-import { CubeItemProps } from "../Item/Item.js";
+import { CubeItemBaseProps as CubeItemProps } from "../Item/Item.js";
 import { SizeName } from "../../../tokens/sizes.js";
 import { BaseProps, OuterStyleProps, Styles } from "@tenphi/tasty";
 import { ReactNode } from "react";
 import { Key as Key$1 } from "@react-types/shared";
-
 //#region src/components/content/Tree/types.d.ts
 /** Selection cardinality, mirroring React Aria/Stately's `selectionMode`. */
-type TreeSelectionMode = 'none' | 'single' | 'multiple';
+export type TreeSelectionMode = 'none' | 'single' | 'multiple';
 /**
  * How the tree row `menu` is exposed.
  *
@@ -23,14 +22,14 @@ type TreeSelectionMode = 'none' | 'single' | 'multiple';
  * Mirrors `TabContextMenu` from `Tabs` so consumers see the same API
  * across components.
  */
-type TreeContextMenu = boolean | 'context-only';
+export type TreeContextMenu = boolean | 'context-only';
 /**
  * A single node in the `treeData` array.
  *
  * Mirrors AntD's `DataNode` shape but renames boolean flags to the
  * `is*` convention used throughout `@cube-dev/ui-kit`.
  */
-interface CubeTreeNodeData {
+export interface CubeTreeNodeData {
   /** Unique identifier of the node. */
   key: string;
   /** Visible label (any `ReactNode`). */
@@ -65,7 +64,7 @@ interface CubeTreeNodeData {
   onAction?: (action: string) => void;
 }
 /** Info passed as the second argument to `onCheck`. */
-interface TreeOnCheckInfo {
+export interface TreeOnCheckInfo {
   /** Whether the toggled node ended up checked. */
   checked: boolean;
   /** The toggled node. */
@@ -76,14 +75,14 @@ interface TreeOnCheckInfo {
   halfCheckedKeys: Key$1[];
 }
 /** Info passed as the second argument to `onExpand`. */
-interface TreeOnExpandInfo {
+export interface TreeOnExpandInfo {
   /** Whether the toggled node ended up expanded. */
   expanded: boolean;
   /** The toggled node. */
   node: CubeTreeNodeData;
 }
 /** Info passed as the second argument to `onSelect`. */
-interface TreeOnSelectInfo {
+export interface TreeOnSelectInfo {
   /** Whether the toggled node ended up selected. */
   selected: boolean;
   /** The toggled node. */
@@ -92,7 +91,7 @@ interface TreeOnSelectInfo {
   selectedNodes: CubeTreeNodeData[];
 }
 /** Current visual/interaction state of a tree node, passed as the second argument to `itemProps`. */
-interface TreeNodeState {
+export interface TreeNodeState {
   isExpanded: boolean;
   isSelected: boolean;
   isChecked: boolean;
@@ -100,9 +99,9 @@ interface TreeNodeState {
   isLeaf: boolean;
 }
 /** Props that can be customized per tree node via `itemProps`. */
-type TreeItemProps = Partial<Pick<CubeItemProps, 'prefix' | 'suffix' | 'actions' | 'autoHideActions' | 'preserveActionsSpace' | 'description' | 'descriptionPlacement' | 'rightIcon' | 'tooltip' | 'highlight' | 'highlightCaseSensitive' | 'highlightStyles'>>;
+export type TreeItemProps = Partial<Pick<CubeItemProps, 'prefix' | 'suffix' | 'actions' | 'autoHideActions' | 'preserveActionsSpace' | 'description' | 'descriptionPlacement' | 'rightIcon' | 'tooltip' | 'highlight' | 'highlightCaseSensitive' | 'highlightStyles'>>;
 /** Argument shape for the `loadData` callback. */
-interface TreeLoadDataNode {
+export interface TreeLoadDataNode {
   key: Key$1;
   children?: CubeTreeNodeData[];
 }
@@ -112,7 +111,7 @@ interface TreeLoadDataNode {
  * Designed to be a drop-in (modulo `is*` renames) for the AntD `Tree`
  * `treeData` API, scoped to the v1 feature set.
  */
-interface CubeTreeProps extends BaseProps, OuterStyleProps {
+export interface CubeTreeProps extends BaseProps, OuterStyleProps {
   /** Hierarchical data describing the tree. */
   treeData: CubeTreeNodeData[];
   /** Render a checkbox in front of every (eligible) row. */
@@ -245,5 +244,4 @@ interface CubeTreeProps extends BaseProps, OuterStyleProps {
   menuProps?: Partial<CubeMenuProps<object>>;
 }
 //#endregion
-export { CubeTreeNodeData, CubeTreeProps, TreeContextMenu, TreeItemProps, TreeLoadDataNode, TreeNodeState, TreeOnCheckInfo, TreeOnExpandInfo, TreeOnSelectInfo, TreeSelectionMode };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
-
 //#region src/components/content/Tree/use-checkbox-tree.ts
 /**
 * Returns whether a node should be checkable (i.e. clicking the
@@ -222,7 +221,7 @@ function useCheckboxTree(opts) {
 function _temp(n_0) {
 	return !!n_0;
 }
-
 //#endregion
 export { useCheckboxTree };
+
 //# sourceMappingURL=use-checkbox-tree.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-checkbox-tree.js","names":["useState","useEvent","Key","TreeIndex","CubeTreeNodeData","TreeOnCheckInfo","UseCheckboxTreeOptions","treeData","index","isCheckable","defaultCheckedKeys","checkedKeys","checked","halfChecked","onCheck","info","CheckboxTree","checkedSet","Set","halfCheckedSet","toggle","key","isNodeEligible","node","isDisabled","isCheckboxDisabled","deriveCheckedState","half","allChecked","anyChecked","anyEligible","childKeys","childrenOf","get","length","eligible","isChecked","has","childKey","child","byKey","r","delete","add","normalizeControlledChecked","controlled","Array","isArray","resolveCheckedSets","sourceChecked","ownHalfChecked","Pick","root","useCheckboxTree","opts","$","_c","isControlled","wantsObjectShape","t0","uncontrolledChecked","setUncontrolledChecked","t1","isCurrentlyChecked","willCheck","next","apply","n","value","ck","parentKey","parentOf","parent","childKeys_0","allEligibleChecked","ck_0","child_0","finalChecked","finalHalf","checkedArr","from","halfArr","checkedNodes","map","k","filter","_temp","halfCheckedKeys","t2","n_0"],"sources":["../../../../src/components/content/Tree/use-checkbox-tree.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport type { Key } from '@react-types/shared';\nimport type { TreeIndex } from './tree-index';\nimport type { CubeTreeNodeData, TreeOnCheckInfo } from './types';\n\nexport interface UseCheckboxTreeOptions {\n  treeData: CubeTreeNodeData[];\n  /**\n   * Pre-built tree index, shared with `Tree.tsx` so that `treeData`\n   * is walked exactly once per change rather than once per consumer.\n   */\n  index: TreeIndex;\n  isCheckable: boolean;\n  defaultCheckedKeys?: string[];\n  /** Either an array (AntD's default) or `{ checked, halfChecked }`. */\n  checkedKeys?: string[] | { checked: string[]; halfChecked?: string[] };\n  onCheck?: (\n    checked: Key[] | { checked: Key[]; halfChecked: Key[] },\n    info: TreeOnCheckInfo,\n  ) => void;\n}\n\nexport interface CheckboxTree {\n  /** Set of keys that are fully checked. */\n  checkedSet: Set<string>;\n  /** Set of keys that are in the indeterminate (half-checked) state. */\n  halfCheckedSet: Set<string>;\n  /** Toggle a key, propagating to descendants and updating ancestors. */\n  toggle: (key: string) => void;\n}\n\n/**\n * Returns whether a node should be checkable (i.e. clicking the\n * checkbox should affect it).\n *\n * Skips:\n * - explicitly disabled nodes (`isDisabled === true`)\n * - explicitly disabled checkboxes (`isCheckboxDisabled === true`)\n * - nodes that opted out via `isCheckable === false`\n */\nfunction isNodeEligible(node: CubeTreeNodeData | undefined): boolean {\n  if (!node) return false;\n  if (node.isDisabled) return false;\n  if (node.isCheckboxDisabled) return false;\n  if (node.isCheckable === false) return false;\n  return true;\n}\n\n/**\n * Recursively walk a subtree bottom-up, deriving which nodes are fully\n * checked vs half-checked.  Mutates `checked` and `half` in place.\n */\nfunction deriveCheckedState(\n  node: CubeTreeNodeData,\n  index: TreeIndex,\n  checked: Set<string>,\n  half: Set<string>,\n): { allChecked: boolean; anyChecked: boolean; anyEligible: boolean } {\n  const childKeys = index.childrenOf.get(node.key) ?? [];\n\n  if (childKeys.length === 0) {\n    const eligible = isNodeEligible(node);\n    const isChecked = checked.has(node.key);\n    return {\n      allChecked: !eligible || isChecked,\n      anyChecked: isChecked,\n      anyEligible: eligible,\n    };\n  }\n\n  let allChecked = true;\n  let anyChecked = false;\n  let anyEligible = false;\n\n  for (const childKey of childKeys) {\n    const child = index.byKey.get(childKey);\n    if (!child) continue;\n    const r = deriveCheckedState(child, index, checked, half);\n    if (r.anyEligible) anyEligible = true;\n    if (!r.allChecked) allChecked = false;\n    if (r.anyChecked) anyChecked = true;\n  }\n\n  const eligible = isNodeEligible(node);\n\n  if (!anyEligible) {\n    // No eligible descendants — this node behaves like a leaf for\n    // checking purposes: its own checked state stands as-is.\n    half.delete(node.key);\n  } else if (allChecked) {\n    checked.add(node.key);\n    half.delete(node.key);\n  } else if (anyChecked) {\n    checked.delete(node.key);\n    half.add(node.key);\n  } else {\n    checked.delete(node.key);\n    half.delete(node.key);\n  }\n\n  return {\n    allChecked: !eligible ? allChecked : checked.has(node.key) && allChecked,\n    anyChecked: anyChecked || checked.has(node.key),\n    anyEligible: anyEligible || eligible,\n  };\n}\n\nfunction normalizeControlledChecked(\n  controlled: UseCheckboxTreeOptions['checkedKeys'],\n): { checked: Set<string>; halfChecked: Set<string> } | null {\n  if (controlled == null) return null;\n  if (Array.isArray(controlled)) {\n    return {\n      checked: new Set(controlled),\n      halfChecked: new Set(),\n    };\n  }\n  return {\n    checked: new Set(controlled.checked ?? []),\n    halfChecked: new Set(controlled.halfChecked ?? []),\n  };\n}\n\n/**\n * Derive `{ checked, halfChecked }` from the source-of-truth `checked` set\n * by walking the tree bottom-up:\n *\n * - A parent is considered fully checked iff every eligible descendant\n *   leaf is checked.\n * - A parent is half-checked iff at least one eligible descendant is\n *   checked or half-checked, but not all.\n *\n * Ineligible nodes (disabled / opt-out) are ignored when computing the\n * parent's state — they neither force a parent into the unchecked nor\n * half state.\n */\nfunction resolveCheckedSets({\n  isCheckable,\n  sourceChecked,\n  ownHalfChecked,\n  treeData,\n  index,\n}: {\n  isCheckable: boolean;\n  sourceChecked: Set<string>;\n  /**\n   * If the consumer passed the object shape (`{ checked, halfChecked }`),\n   * they own the half-checked set and we use it as-is. With the array\n   * shape we still need to derive `halfChecked` ourselves — the consumer\n   * only provides `checked`, so parents should still light up\n   * indeterminate when only some descendants are checked.\n   */\n  ownHalfChecked: Set<string> | null;\n  treeData: CubeTreeNodeData[];\n  index: TreeIndex;\n}): Pick<CheckboxTree, 'checkedSet' | 'halfCheckedSet'> {\n  if (!isCheckable) {\n    return {\n      checkedSet: new Set<string>(),\n      halfCheckedSet: new Set<string>(),\n    };\n  }\n\n  if (ownHalfChecked) {\n    return {\n      checkedSet: new Set(sourceChecked),\n      halfCheckedSet: new Set(ownHalfChecked),\n    };\n  }\n\n  const checked = new Set(sourceChecked);\n  const half = new Set<string>();\n\n  for (const root of treeData) {\n    deriveCheckedState(root, index, checked, half);\n  }\n\n  return { checkedSet: checked, halfCheckedSet: half };\n}\n\n/**\n * Local hook implementing AntD-style cascading checkbox state.\n *\n * - `checked` and `halfChecked` are always derived together from a single\n *   `checked` set (the source of truth) so callers don't need to track\n *   indeterminate keys themselves.\n * - When the consumer passes `checkedKeys` as `{ checked, halfChecked }`,\n *   we keep the wire shape on the way out — same as AntD.\n * - Toggling a node propagates *down* (skipping ineligible descendants)\n *   and recomputes ancestors *up* in a single pass.\n */\nexport function useCheckboxTree(opts: UseCheckboxTreeOptions): CheckboxTree {\n  const {\n    treeData,\n    index,\n    isCheckable,\n    defaultCheckedKeys,\n    checkedKeys,\n    onCheck,\n  } = opts;\n\n  /** Normalize the controlled `checkedKeys` prop into `Set` instances. */\n  const controlled = normalizeControlledChecked(checkedKeys);\n  const isControlled = controlled != null;\n  const wantsObjectShape = checkedKeys != null && !Array.isArray(checkedKeys);\n\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<Set<string>>(\n    () => new Set(defaultCheckedKeys ?? []),\n  );\n\n  const sourceChecked = isControlled\n    ? controlled!.checked\n    : uncontrolledChecked;\n\n  const { checkedSet, halfCheckedSet } = resolveCheckedSets({\n    isCheckable,\n    sourceChecked,\n    ownHalfChecked:\n      isControlled && wantsObjectShape ? controlled!.halfChecked : null,\n    treeData,\n    index,\n  });\n\n  const toggle = useEvent((key: string) => {\n    const node = index.byKey.get(key);\n    if (!node || !isNodeEligible(node)) return;\n\n    const isCurrentlyChecked = checkedSet.has(key);\n    const willCheck = !isCurrentlyChecked;\n\n    /**\n     * Seed from the derived `checkedSet`, not `sourceChecked`. The\n     * source-of-truth set may only contain leaf keys (e.g. when\n     * `defaultCheckedKeys` is leaf-only, or a consumer in controlled-array\n     * mode passes only leaves). The ancestor walk below decides whether\n     * each ancestor is fully checked by inspecting its direct children\n     * via `next.has(ck)` — those children may themselves be inner nodes\n     * whose \"fully checked\" status only exists in the derived set. Seeding\n     * from `sourceChecked` causes a sibling subtree's parent key to be\n     * missing from `next`, which would incorrectly drop the grandparent\n     * from the stored state (the next render's derivation self-corrects,\n     * but the intermediate stored value violates the cascade invariant).\n     */\n    const next = new Set(checkedSet);\n\n    const apply = (n: CubeTreeNodeData, value: boolean) => {\n      if (!isNodeEligible(n)) return;\n      if (value) next.add(n.key);\n      else next.delete(n.key);\n      const childKeys = index.childrenOf.get(n.key) ?? [];\n      for (const ck of childKeys) {\n        const child = index.byKey.get(ck);\n        if (child) apply(child, value);\n      }\n    };\n\n    apply(node, willCheck);\n\n    /**\n     * After the cascade, recompute ancestors so the public `checked` set\n     * doesn't carry parent keys that should be half-checked instead.\n     * Ancestors of `key` get visited bottom-up here.\n     */\n    let parentKey = index.parentOf.get(key);\n    while (parentKey) {\n      const parent = index.byKey.get(parentKey);\n      if (!parent) break;\n      const childKeys = index.childrenOf.get(parentKey) ?? [];\n      let allEligibleChecked = true;\n      let anyEligible = false;\n      for (const ck of childKeys) {\n        const child = index.byKey.get(ck);\n        if (!child) continue;\n        if (!isNodeEligible(child)) continue;\n        anyEligible = true;\n        if (!next.has(ck)) {\n          allEligibleChecked = false;\n          break;\n        }\n      }\n      if (anyEligible && allEligibleChecked && isNodeEligible(parent)) {\n        next.add(parentKey);\n      } else {\n        next.delete(parentKey);\n      }\n      parentKey = index.parentOf.get(parentKey);\n    }\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    if (onCheck) {\n      const finalChecked = new Set(next);\n      const finalHalf = new Set<string>();\n\n      for (const root of treeData) {\n        deriveCheckedState(root, index, finalChecked, finalHalf);\n      }\n\n      const checkedArr = Array.from(finalChecked);\n      const halfArr = Array.from(finalHalf);\n      const checkedNodes: CubeTreeNodeData[] = checkedArr\n        .map((k) => index.byKey.get(k))\n        .filter((n): n is CubeTreeNodeData => !!n);\n\n      const info: TreeOnCheckInfo = {\n        checked: willCheck,\n        node,\n        checkedNodes,\n        halfCheckedKeys: halfArr,\n      };\n\n      if (wantsObjectShape) {\n        onCheck({ checked: checkedArr, halfChecked: halfArr }, info);\n      } else {\n        onCheck(checkedArr, info);\n      }\n    }\n  });\n\n  return { checkedSet, halfCheckedSet, toggle };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-checkbox-tree.js","names":["useState","useEvent","Key","TreeIndex","CubeTreeNodeData","TreeOnCheckInfo","UseCheckboxTreeOptions","treeData","index","isCheckable","defaultCheckedKeys","checkedKeys","checked","halfChecked","onCheck","info","CheckboxTree","checkedSet","Set","halfCheckedSet","toggle","key","isNodeEligible","node","isDisabled","isCheckboxDisabled","deriveCheckedState","half","allChecked","anyChecked","anyEligible","childKeys","childrenOf","get","length","eligible","isChecked","has","childKey","child","byKey","r","delete","add","normalizeControlledChecked","controlled","Array","isArray","resolveCheckedSets","sourceChecked","ownHalfChecked","Pick","root","useCheckboxTree","opts","$","_c","isControlled","wantsObjectShape","t0","uncontrolledChecked","setUncontrolledChecked","t1","isCurrentlyChecked","willCheck","next","apply","n","value","ck","parentKey","parentOf","parent","childKeys_0","allEligibleChecked","ck_0","child_0","finalChecked","finalHalf","checkedArr","from","halfArr","checkedNodes","map","k","filter","_temp","halfCheckedKeys","t2","n_0","_c"],"sources":["../../../../src/components/content/Tree/use-checkbox-tree.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport type { Key } from '@react-types/shared';\nimport type { TreeIndex } from './tree-index';\nimport type { CubeTreeNodeData, TreeOnCheckInfo } from './types';\n\nexport interface UseCheckboxTreeOptions {\n  treeData: CubeTreeNodeData[];\n  /**\n   * Pre-built tree index, shared with `Tree.tsx` so that `treeData`\n   * is walked exactly once per change rather than once per consumer.\n   */\n  index: TreeIndex;\n  isCheckable: boolean;\n  defaultCheckedKeys?: string[];\n  /** Either an array (AntD's default) or `{ checked, halfChecked }`. */\n  checkedKeys?: string[] | { checked: string[]; halfChecked?: string[] };\n  onCheck?: (\n    checked: Key[] | { checked: Key[]; halfChecked: Key[] },\n    info: TreeOnCheckInfo,\n  ) => void;\n}\n\nexport interface CheckboxTree {\n  /** Set of keys that are fully checked. */\n  checkedSet: Set<string>;\n  /** Set of keys that are in the indeterminate (half-checked) state. */\n  halfCheckedSet: Set<string>;\n  /** Toggle a key, propagating to descendants and updating ancestors. */\n  toggle: (key: string) => void;\n}\n\n/**\n * Returns whether a node should be checkable (i.e. clicking the\n * checkbox should affect it).\n *\n * Skips:\n * - explicitly disabled nodes (`isDisabled === true`)\n * - explicitly disabled checkboxes (`isCheckboxDisabled === true`)\n * - nodes that opted out via `isCheckable === false`\n */\nfunction isNodeEligible(node: CubeTreeNodeData | undefined): boolean {\n  if (!node) return false;\n  if (node.isDisabled) return false;\n  if (node.isCheckboxDisabled) return false;\n  if (node.isCheckable === false) return false;\n  return true;\n}\n\n/**\n * Recursively walk a subtree bottom-up, deriving which nodes are fully\n * checked vs half-checked.  Mutates `checked` and `half` in place.\n */\nfunction deriveCheckedState(\n  node: CubeTreeNodeData,\n  index: TreeIndex,\n  checked: Set<string>,\n  half: Set<string>,\n): { allChecked: boolean; anyChecked: boolean; anyEligible: boolean } {\n  const childKeys = index.childrenOf.get(node.key) ?? [];\n\n  if (childKeys.length === 0) {\n    const eligible = isNodeEligible(node);\n    const isChecked = checked.has(node.key);\n    return {\n      allChecked: !eligible || isChecked,\n      anyChecked: isChecked,\n      anyEligible: eligible,\n    };\n  }\n\n  let allChecked = true;\n  let anyChecked = false;\n  let anyEligible = false;\n\n  for (const childKey of childKeys) {\n    const child = index.byKey.get(childKey);\n    if (!child) continue;\n    const r = deriveCheckedState(child, index, checked, half);\n    if (r.anyEligible) anyEligible = true;\n    if (!r.allChecked) allChecked = false;\n    if (r.anyChecked) anyChecked = true;\n  }\n\n  const eligible = isNodeEligible(node);\n\n  if (!anyEligible) {\n    // No eligible descendants — this node behaves like a leaf for\n    // checking purposes: its own checked state stands as-is.\n    half.delete(node.key);\n  } else if (allChecked) {\n    checked.add(node.key);\n    half.delete(node.key);\n  } else if (anyChecked) {\n    checked.delete(node.key);\n    half.add(node.key);\n  } else {\n    checked.delete(node.key);\n    half.delete(node.key);\n  }\n\n  return {\n    allChecked: !eligible ? allChecked : checked.has(node.key) && allChecked,\n    anyChecked: anyChecked || checked.has(node.key),\n    anyEligible: anyEligible || eligible,\n  };\n}\n\nfunction normalizeControlledChecked(\n  controlled: UseCheckboxTreeOptions['checkedKeys'],\n): { checked: Set<string>; halfChecked: Set<string> } | null {\n  if (controlled == null) return null;\n  if (Array.isArray(controlled)) {\n    return {\n      checked: new Set(controlled),\n      halfChecked: new Set(),\n    };\n  }\n  return {\n    checked: new Set(controlled.checked ?? []),\n    halfChecked: new Set(controlled.halfChecked ?? []),\n  };\n}\n\n/**\n * Derive `{ checked, halfChecked }` from the source-of-truth `checked` set\n * by walking the tree bottom-up:\n *\n * - A parent is considered fully checked iff every eligible descendant\n *   leaf is checked.\n * - A parent is half-checked iff at least one eligible descendant is\n *   checked or half-checked, but not all.\n *\n * Ineligible nodes (disabled / opt-out) are ignored when computing the\n * parent's state — they neither force a parent into the unchecked nor\n * half state.\n */\nfunction resolveCheckedSets({\n  isCheckable,\n  sourceChecked,\n  ownHalfChecked,\n  treeData,\n  index,\n}: {\n  isCheckable: boolean;\n  sourceChecked: Set<string>;\n  /**\n   * If the consumer passed the object shape (`{ checked, halfChecked }`),\n   * they own the half-checked set and we use it as-is. With the array\n   * shape we still need to derive `halfChecked` ourselves — the consumer\n   * only provides `checked`, so parents should still light up\n   * indeterminate when only some descendants are checked.\n   */\n  ownHalfChecked: Set<string> | null;\n  treeData: CubeTreeNodeData[];\n  index: TreeIndex;\n}): Pick<CheckboxTree, 'checkedSet' | 'halfCheckedSet'> {\n  if (!isCheckable) {\n    return {\n      checkedSet: new Set<string>(),\n      halfCheckedSet: new Set<string>(),\n    };\n  }\n\n  if (ownHalfChecked) {\n    return {\n      checkedSet: new Set(sourceChecked),\n      halfCheckedSet: new Set(ownHalfChecked),\n    };\n  }\n\n  const checked = new Set(sourceChecked);\n  const half = new Set<string>();\n\n  for (const root of treeData) {\n    deriveCheckedState(root, index, checked, half);\n  }\n\n  return { checkedSet: checked, halfCheckedSet: half };\n}\n\n/**\n * Local hook implementing AntD-style cascading checkbox state.\n *\n * - `checked` and `halfChecked` are always derived together from a single\n *   `checked` set (the source of truth) so callers don't need to track\n *   indeterminate keys themselves.\n * - When the consumer passes `checkedKeys` as `{ checked, halfChecked }`,\n *   we keep the wire shape on the way out — same as AntD.\n * - Toggling a node propagates *down* (skipping ineligible descendants)\n *   and recomputes ancestors *up* in a single pass.\n */\nexport function useCheckboxTree(opts: UseCheckboxTreeOptions): CheckboxTree {\n  const {\n    treeData,\n    index,\n    isCheckable,\n    defaultCheckedKeys,\n    checkedKeys,\n    onCheck,\n  } = opts;\n\n  /** Normalize the controlled `checkedKeys` prop into `Set` instances. */\n  const controlled = normalizeControlledChecked(checkedKeys);\n  const isControlled = controlled != null;\n  const wantsObjectShape = checkedKeys != null && !Array.isArray(checkedKeys);\n\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<Set<string>>(\n    () => new Set(defaultCheckedKeys ?? []),\n  );\n\n  const sourceChecked = isControlled\n    ? controlled!.checked\n    : uncontrolledChecked;\n\n  const { checkedSet, halfCheckedSet } = resolveCheckedSets({\n    isCheckable,\n    sourceChecked,\n    ownHalfChecked:\n      isControlled && wantsObjectShape ? controlled!.halfChecked : null,\n    treeData,\n    index,\n  });\n\n  const toggle = useEvent((key: string) => {\n    const node = index.byKey.get(key);\n    if (!node || !isNodeEligible(node)) return;\n\n    const isCurrentlyChecked = checkedSet.has(key);\n    const willCheck = !isCurrentlyChecked;\n\n    /**\n     * Seed from the derived `checkedSet`, not `sourceChecked`. The\n     * source-of-truth set may only contain leaf keys (e.g. when\n     * `defaultCheckedKeys` is leaf-only, or a consumer in controlled-array\n     * mode passes only leaves). The ancestor walk below decides whether\n     * each ancestor is fully checked by inspecting its direct children\n     * via `next.has(ck)` — those children may themselves be inner nodes\n     * whose \"fully checked\" status only exists in the derived set. Seeding\n     * from `sourceChecked` causes a sibling subtree's parent key to be\n     * missing from `next`, which would incorrectly drop the grandparent\n     * from the stored state (the next render's derivation self-corrects,\n     * but the intermediate stored value violates the cascade invariant).\n     */\n    const next = new Set(checkedSet);\n\n    const apply = (n: CubeTreeNodeData, value: boolean) => {\n      if (!isNodeEligible(n)) return;\n      if (value) next.add(n.key);\n      else next.delete(n.key);\n      const childKeys = index.childrenOf.get(n.key) ?? [];\n      for (const ck of childKeys) {\n        const child = index.byKey.get(ck);\n        if (child) apply(child, value);\n      }\n    };\n\n    apply(node, willCheck);\n\n    /**\n     * After the cascade, recompute ancestors so the public `checked` set\n     * doesn't carry parent keys that should be half-checked instead.\n     * Ancestors of `key` get visited bottom-up here.\n     */\n    let parentKey = index.parentOf.get(key);\n    while (parentKey) {\n      const parent = index.byKey.get(parentKey);\n      if (!parent) break;\n      const childKeys = index.childrenOf.get(parentKey) ?? [];\n      let allEligibleChecked = true;\n      let anyEligible = false;\n      for (const ck of childKeys) {\n        const child = index.byKey.get(ck);\n        if (!child) continue;\n        if (!isNodeEligible(child)) continue;\n        anyEligible = true;\n        if (!next.has(ck)) {\n          allEligibleChecked = false;\n          break;\n        }\n      }\n      if (anyEligible && allEligibleChecked && isNodeEligible(parent)) {\n        next.add(parentKey);\n      } else {\n        next.delete(parentKey);\n      }\n      parentKey = index.parentOf.get(parentKey);\n    }\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    if (onCheck) {\n      const finalChecked = new Set(next);\n      const finalHalf = new Set<string>();\n\n      for (const root of treeData) {\n        deriveCheckedState(root, index, finalChecked, finalHalf);\n      }\n\n      const checkedArr = Array.from(finalChecked);\n      const halfArr = Array.from(finalHalf);\n      const checkedNodes: CubeTreeNodeData[] = checkedArr\n        .map((k) => index.byKey.get(k))\n        .filter((n): n is CubeTreeNodeData => !!n);\n\n      const info: TreeOnCheckInfo = {\n        checked: willCheck,\n        node,\n        checkedNodes,\n        halfCheckedKeys: halfArr,\n      };\n\n      if (wantsObjectShape) {\n        onCheck({ checked: checkedArr, halfChecked: halfArr }, info);\n      } else {\n        onCheck(checkedArr, info);\n      }\n    }\n  });\n\n  return { checkedSet, halfCheckedSet, toggle };\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnvOrTest } from "../../../utils/is-dev-env.js";
 import { c } from "react/compiler-runtime";
 import { useRef, useState } from "react";
-
 //#region src/components/content/Tree/use-load-data.ts
 /**
 * Tracks which rows are currently fetching their children via `loadData`
@@ -101,7 +100,7 @@ function useLoadData(opts) {
 function _temp() {
 	return /* @__PURE__ */ new Set();
 }
-
 //#endregion
 export { useLoadData };
+
 //# sourceMappingURL=use-load-data.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-load-data.js","names":["useRef","useState","useEvent","isDevEnvOrTest","Key","CubeTreeNodeData","TreeLoadDataNode","UseLoadDataOptions","nodesByKey","Map","loadData","node","Promise","initialExpandedKeys","Iterable","LoadDataController","loadingKeys","Set","onExpandedChanged","expandedKeys","useLoadData","opts","$","_c","setLoadingKeys","_temp","t0","previousExpandedRef","t1","Symbol","for","inFlightRef","t2","next","k","add","String","prev","current","newlyExpanded","k_0","has","push","length","toLoad","key","get","isLeaf","children","updated","k_1","key_0","loadNode","resolve","catch","err","console","error","finally","delete","current_0","updated_0","t3"],"sources":["../../../../src/components/content/Tree/use-load-data.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { isDevEnvOrTest } from '../../../utils/is-dev-env';\n\nimport type { Key } from '@react-types/shared';\nimport type { CubeTreeNodeData, TreeLoadDataNode } from './types';\n\nexport interface UseLoadDataOptions {\n  /**\n   * Map of `key -> node` built from the consumer's `treeData`. Used to\n   * find the node being expanded when `loadData` fires.\n   */\n  nodesByKey: Map<string, CubeTreeNodeData>;\n  loadData?: (node: TreeLoadDataNode) => Promise<void>;\n  /**\n   * Keys that are expanded at mount time (controlled or default).\n   * Seeds `previousExpandedRef` so the first `onExpandedChanged` call\n   * doesn't misidentify them as user-triggered expansions.\n   */\n  initialExpandedKeys?: Iterable<string>;\n}\n\nexport interface LoadDataController {\n  /** Set of keys that are currently waiting on `loadData`. */\n  loadingKeys: Set<string>;\n  /**\n   * Called by `Tree.tsx` whenever the underlying React Stately state's\n   * `expandedKeys` change. We diff against the previous set, and for\n   * each newly-expanded key we trigger `loadData` if appropriate.\n   */\n  onExpandedChanged: (expandedKeys: Iterable<Key>) => void;\n}\n\n/**\n * Tracks which rows are currently fetching their children via `loadData`\n * and exposes a setter for the Tree to call after every expand change.\n *\n * `loadData` is fired exactly once per key per \"first expand\" event:\n *\n * - Skipped if there is no `loadData` callback.\n * - Skipped for leaf nodes (`isLeaf === true`).\n * - Skipped if the node already has `children` (already loaded).\n * - Skipped if a previous fetch for the same key is still in flight.\n *\n * The promise's resolution is awaited only to clear the `loading` mod;\n * the consumer is expected to commit the new children to the controlled\n * `treeData` themselves (matching AntD's pattern).\n */\nexport function useLoadData(opts: UseLoadDataOptions): LoadDataController {\n  const { nodesByKey, loadData, initialExpandedKeys } = opts;\n  const [loadingKeys, setLoadingKeys] = useState<Set<string>>(() => new Set());\n  const previousExpandedRef = useRef<Set<string>>(new Set(initialExpandedKeys));\n  const inFlightRef = useRef<Set<string>>(new Set());\n\n  const onExpandedChanged = useEvent((expandedKeys: Iterable<Key>) => {\n    const next = new Set<string>();\n    for (const k of expandedKeys) next.add(String(k));\n\n    const prev = previousExpandedRef.current;\n    const newlyExpanded: string[] = [];\n    for (const k of next) {\n      if (!prev.has(k)) newlyExpanded.push(k);\n    }\n    previousExpandedRef.current = next;\n\n    if (!loadData || newlyExpanded.length === 0) return;\n\n    const toLoad: string[] = [];\n    for (const key of newlyExpanded) {\n      const node = nodesByKey.get(key);\n      if (!node) continue;\n      if (node.isLeaf) continue;\n      if (node.children && node.children.length > 0) continue;\n      if (inFlightRef.current.has(key)) continue;\n      inFlightRef.current.add(key);\n      toLoad.push(key);\n    }\n\n    if (toLoad.length === 0) return;\n\n    setLoadingKeys((current) => {\n      const updated = new Set(current);\n      for (const k of toLoad) updated.add(k);\n      return updated;\n    });\n\n    for (const key of toLoad) {\n      const loadNode = nodesByKey.get(key);\n      Promise.resolve(loadData({ key, children: loadNode?.children }))\n        .catch((err) => {\n          if (isDevEnvOrTest()) {\n            console.error(`[Tree] loadData failed for key \"${key}\":`, err);\n          }\n        })\n        .finally(() => {\n          inFlightRef.current.delete(key);\n          setLoadingKeys((current) => {\n            if (!current.has(key)) return current;\n            const updated = new Set(current);\n            updated.delete(key);\n            return updated;\n          });\n        });\n    }\n  });\n\n  return { loadingKeys, onExpandedChanged };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiDA,SAAOoB,YAAAC,MAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAf,YAAAE,UAAAG,wBAAsDQ;CACtD,MAAA,CAAAL,aAAAQ,kBAAsCvB,SAAsBwB,MAAgB;CAAC,IAAAC;AAAA,KAAAJ,EAAA,OAAAT,qBAAA;AAC7Ba,OAAA,IAAIT,IAAIJ,oBAAoB;AAAAS,IAAA,KAAAT;AAAAS,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAA5E,MAAAK,sBAA4B3B,OAAoB0B,GAA6B;CAAC,IAAAE;AAAA,KAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AACtCF,uBAAA,IAAIX,KAAK;AAAAK,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAjD,MAAAS,cAAoB/B,OAAoB4B,GAAU;CAAC,IAAAI;AAAA,KAAAV,EAAA,OAAAZ,YAAAY,EAAA,OAAAd,YAAA;AAEhBwB,QAAAb,iBAAA;GACjC,MAAAc,uBAAa,IAAIhB,KAAa;AAC9B,QAAK,MAAAiB,KAAWf,aAAcc,MAAIE,IAAKC,OAAOF,EAAE,CAAC;GAEjD,MAAAG,OAAaV,oBAAmBW;GAChC,MAAAC,gBAAgC,EAAE;AAClC,QAAK,MAAAC,OAAWP,KACd,KAAI,CAACI,KAAII,IAAKP,IAAE,CAAEK,eAAaG,KAAMR,IAAE;AAEzCP,uBAAmBW,UAAWL;AAE9B,OAAI,CAACvB,YAAY6B,cAAaI,WAAY,EAAC;GAE3C,MAAAC,SAAyB,EAAE;AAC3B,QAAK,MAAAC,OAAaN,eAAa;IAC7B,MAAA5B,OAAaH,WAAUsC,IAAKD,IAAI;AAChC,QAAI,CAAClC,KAAM;AACX,QAAIA,KAAIoC,OAAS;AACjB,QAAIpC,KAAIqC,YAAarC,KAAIqC,SAASL,SAAU,EAAG;AAC/C,QAAIZ,YAAWO,QAAQG,IAAKI,IAAI,CAAE;AAClCd,gBAAWO,QAAQH,IAAKU,IAAI;AAC5BD,WAAMF,KAAMG,IAAI;;AAGlB,OAAID,OAAMD,WAAY,EAAC;AAEvBnB,mBAAec,YAAA;IACb,MAAAW,UAAgB,IAAIhC,IAAIqB,QAAQ;AAChC,SAAK,MAAAY,OAAWN,OAAQK,SAAOd,IAAKD,IAAE;AAAC,WAChCe;KACP;AAEF,QAAK,MAAAE,SAAaP,QAAM;IACtB,MAAAQ,WAAiB5C,WAAUsC,IAAKD,MAAI;AACpCjC,YAAOyC,QAAS3C,SAAS;KAAAmC,KAAEA;KAAGG,UAAYI,UAAQJ;KAAY,CAAC,CAAC,CAAAM,OACvDC,QAAA;AACL,SAAIpD,gBAAgB,CAClBqD,SAAOC,MAAO,mCAAmCZ,MAAG,KAAMU,IAAI;MAEhE,CAAAG,cACO;AACP3B,iBAAWO,QAAQqB,OAAQd,MAAI;AAC/BrB,qBAAeoC,cAAA;AACb,UAAI,CAACtB,UAAOG,IAAKI,MAAI,CAAA,QAASP;MAC9B,MAAAuB,YAAgB,IAAI5C,IAAIqB,UAAQ;AAChCW,gBAAOU,OAAQd,MAAI;AAAA,aACZI;OACP;MACF;;;AAEP3B,IAAA,KAAAZ;AAAAY,IAAA,KAAAd;AAAAc,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAlDD,MAAAJ,oBAA0BhB,SAAS8B,GAkDjC;CAAC,IAAA8B;AAAA,KAAAxC,EAAA,OAAAN,eAAAM,EAAA,OAAAJ,mBAAA;AAEI4C,OAAA;GAAA9C;GAAAE;GAAkC;AAAAI,IAAA,KAAAN;AAAAM,IAAA,KAAAJ;AAAAI,IAAA,KAAAwC;OAAAA,MAAAxC,EAAA;AAAA,QAAlCwC;;AA1DF,SAAArC,QAAA;AAAA,wBAE6D,IAAIR,KAAK"}
+{"version":3,"file":"use-load-data.js","names":["useRef","useState","useEvent","isDevEnvOrTest","Key","CubeTreeNodeData","TreeLoadDataNode","UseLoadDataOptions","nodesByKey","Map","loadData","node","Promise","initialExpandedKeys","Iterable","LoadDataController","loadingKeys","Set","onExpandedChanged","expandedKeys","useLoadData","opts","$","_c","setLoadingKeys","_temp","t0","previousExpandedRef","t1","Symbol","for","inFlightRef","t2","next","k","add","String","prev","current","newlyExpanded","k_0","has","push","length","toLoad","key","get","isLeaf","children","updated","k_1","key_0","loadNode","resolve","catch","err","console","error","finally","delete","current_0","updated_0","t3","_c"],"sources":["../../../../src/components/content/Tree/use-load-data.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { isDevEnvOrTest } from '../../../utils/is-dev-env';\n\nimport type { Key } from '@react-types/shared';\nimport type { CubeTreeNodeData, TreeLoadDataNode } from './types';\n\nexport interface UseLoadDataOptions {\n  /**\n   * Map of `key -> node` built from the consumer's `treeData`. Used to\n   * find the node being expanded when `loadData` fires.\n   */\n  nodesByKey: Map<string, CubeTreeNodeData>;\n  loadData?: (node: TreeLoadDataNode) => Promise<void>;\n  /**\n   * Keys that are expanded at mount time (controlled or default).\n   * Seeds `previousExpandedRef` so the first `onExpandedChanged` call\n   * doesn't misidentify them as user-triggered expansions.\n   */\n  initialExpandedKeys?: Iterable<string>;\n}\n\nexport interface LoadDataController {\n  /** Set of keys that are currently waiting on `loadData`. */\n  loadingKeys: Set<string>;\n  /**\n   * Called by `Tree.tsx` whenever the underlying React Stately state's\n   * `expandedKeys` change. We diff against the previous set, and for\n   * each newly-expanded key we trigger `loadData` if appropriate.\n   */\n  onExpandedChanged: (expandedKeys: Iterable<Key>) => void;\n}\n\n/**\n * Tracks which rows are currently fetching their children via `loadData`\n * and exposes a setter for the Tree to call after every expand change.\n *\n * `loadData` is fired exactly once per key per \"first expand\" event:\n *\n * - Skipped if there is no `loadData` callback.\n * - Skipped for leaf nodes (`isLeaf === true`).\n * - Skipped if the node already has `children` (already loaded).\n * - Skipped if a previous fetch for the same key is still in flight.\n *\n * The promise's resolution is awaited only to clear the `loading` mod;\n * the consumer is expected to commit the new children to the controlled\n * `treeData` themselves (matching AntD's pattern).\n */\nexport function useLoadData(opts: UseLoadDataOptions): LoadDataController {\n  const { nodesByKey, loadData, initialExpandedKeys } = opts;\n  const [loadingKeys, setLoadingKeys] = useState<Set<string>>(() => new Set());\n  const previousExpandedRef = useRef<Set<string>>(new Set(initialExpandedKeys));\n  const inFlightRef = useRef<Set<string>>(new Set());\n\n  const onExpandedChanged = useEvent((expandedKeys: Iterable<Key>) => {\n    const next = new Set<string>();\n    for (const k of expandedKeys) next.add(String(k));\n\n    const prev = previousExpandedRef.current;\n    const newlyExpanded: string[] = [];\n    for (const k of next) {\n      if (!prev.has(k)) newlyExpanded.push(k);\n    }\n    previousExpandedRef.current = next;\n\n    if (!loadData || newlyExpanded.length === 0) return;\n\n    const toLoad: string[] = [];\n    for (const key of newlyExpanded) {\n      const node = nodesByKey.get(key);\n      if (!node) continue;\n      if (node.isLeaf) continue;\n      if (node.children && node.children.length > 0) continue;\n      if (inFlightRef.current.has(key)) continue;\n      inFlightRef.current.add(key);\n      toLoad.push(key);\n    }\n\n    if (toLoad.length === 0) return;\n\n    setLoadingKeys((current) => {\n      const updated = new Set(current);\n      for (const k of toLoad) updated.add(k);\n      return updated;\n    });\n\n    for (const key of toLoad) {\n      const loadNode = nodesByKey.get(key);\n      Promise.resolve(loadData({ key, children: loadNode?.children }))\n        .catch((err) => {\n          if (isDevEnvOrTest()) {\n            console.error(`[Tree] loadData failed for key \"${key}\":`, err);\n          }\n        })\n        .finally(() => {\n          inFlightRef.current.delete(key);\n          setLoadingKeys((current) => {\n            if (!current.has(key)) return current;\n            const updated = new Set(current);\n            updated.delete(key);\n            return updated;\n          });\n        });\n    }\n  });\n\n  return { loadingKeys, onExpandedChanged };\n}\n"],"mappings":"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"}

package/dist/components/content/highlightText.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _Text } from "./Text.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { Text as _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/highlightText.tsx
 /**
 * Highlights occurrences of a search string within text.
@@ -20,7 +19,7 @@ function highlightText(text, highlight, caseSensitive, highlightStyles) {
 		return part;
 	});
 }
-
 //#endregion
 export { highlightText };
+
 //# sourceMappingURL=highlightText.js.map

package/dist/components/content/highlightText.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlightText.js","names":["Styles","ReactNode","Text","highlightText","text","highlight","caseSensitive","highlightStyles","flags","escapedHighlight","replace","regex","RegExp","parts","split","map","part","index","isMatch","toLowerCase"],"sources":["../../../src/components/content/highlightText.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { Text } from './Text';\n\n/**\n * Highlights occurrences of a search string within text.\n * Returns an array of ReactNodes with highlighted portions wrapped in Text.Highlight.\n */\nexport function highlightText(\n  text: string,\n  highlight: string,\n  caseSensitive: boolean,\n  highlightStyles?: Styles,\n): ReactNode[] {\n  if (!highlight) {\n    return [text];\n  }\n\n  const flags = caseSensitive ? 'g' : 'gi';\n  const escapedHighlight = highlight.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  const regex = new RegExp(`(${escapedHighlight})`, flags);\n  const parts = text.split(regex);\n\n  return parts.map((part, index) => {\n    const isMatch = caseSensitive\n      ? part === highlight\n      : part.toLowerCase() === highlight.toLowerCase();\n\n    if (isMatch) {\n      return (\n        <Text.Highlight key={index} styles={highlightStyles}>\n          {part}\n        </Text.Highlight>\n      );\n    }\n    return part;\n  });\n}\n"],"mappings":";;;;;;;;;AASA,SAAgBG,cACdC,MACAC,WACAC,eACAC,iBACa;AACb,KAAI,CAACF,UACH,QAAO,CAACD,KAAK;CAGf,MAAMI,QAAQF,gBAAgB,MAAM;CACpC,MAAMG,mBAAmBJ,UAAUK,QAAQ,uBAAuB,OAAO;CACzE,MAAMC,QAAQ,IAAIC,OAAO,IAAIH,iBAAgB,IAAKD,MAAM;AAGxD,QAFcJ,KAAKU,MAAMH,MAAM,CAElBI,KAAKC,MAAMC,UAAU;AAKhC,MAJgBX,gBACZU,SAASX,YACTW,KAAKG,aAAa,KAAKd,UAAUc,aAAa,CAGhD,QACE,oBAAC,MAAK;GAAsB,QAAQZ;aACjCS;KADkBC,MAEJ;AAGrB,SAAOD;GACP"}
+{"version":3,"file":"highlightText.js","names":["Styles","ReactNode","Text","highlightText","text","highlight","caseSensitive","highlightStyles","flags","escapedHighlight","replace","regex","RegExp","parts","split","map","part","index","isMatch","toLowerCase","Text"],"sources":["../../../src/components/content/highlightText.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { Text } from './Text';\n\n/**\n * Highlights occurrences of a search string within text.\n * Returns an array of ReactNodes with highlighted portions wrapped in Text.Highlight.\n */\nexport function highlightText(\n  text: string,\n  highlight: string,\n  caseSensitive: boolean,\n  highlightStyles?: Styles,\n): ReactNode[] {\n  if (!highlight) {\n    return [text];\n  }\n\n  const flags = caseSensitive ? 'g' : 'gi';\n  const escapedHighlight = highlight.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  const regex = new RegExp(`(${escapedHighlight})`, flags);\n  const parts = text.split(regex);\n\n  return parts.map((part, index) => {\n    const isMatch = caseSensitive\n      ? part === highlight\n      : part.toLowerCase() === highlight.toLowerCase();\n\n    if (isMatch) {\n      return (\n        <Text.Highlight key={index} styles={highlightStyles}>\n          {part}\n        </Text.Highlight>\n      );\n    }\n    return part;\n  });\n}\n"],"mappings":";;;;;;;;AASA,SAAgBG,cACdC,MACAC,WACAC,eACAC,iBACa;CACb,IAAI,CAACF,WACH,OAAO,CAACD,IAAI;CAGd,MAAMI,QAAQF,gBAAgB,MAAM;CACpC,MAAMG,mBAAmBJ,UAAUK,QAAQ,uBAAuB,MAAM;CACxE,MAAMC,QAAQ,IAAIC,OAAO,IAAIH,iBAAgB,IAAKD,KAAK;CAGvD,OAFcJ,KAAKU,MAAMH,KAElBE,CAAK,CAACE,KAAKC,MAAMC,UAAU;EAKhC,IAJgBX,gBACZU,SAASX,YACTW,KAAKG,YAAY,MAAMd,UAAUc,YAAY,GAG/C,OACE,oBAACC,MAAK,WAAN;GAA4B,QAAQb;GACjCS,UAAAA;EACa,GAFKC,KAEL;EAGpB,OAAOD;CACT,CAAC;AACH"}

package/dist/components/content/use-auto-tooltip.d.ts

@@ -2,11 +2,9 @@
 import { CubeTooltipProviderProps } from "../overlays/Tooltip/TooltipProvider.js";
 import { HTMLAttributes, ReactNode, Ref, RefObject } from "react";
 import { PositionProps } from "react-aria";
-
 //#region src/components/content/use-auto-tooltip.d.ts
-type AutoTooltipValue = string | boolean | (Omit<CubeTooltipProviderProps, 'children'> & {
+export type AutoTooltipValue = string | boolean | (Omit<CubeTooltipProviderProps, 'children'> & {
   auto?: boolean;
 });
 //#endregion
-export { AutoTooltipValue };
 //# sourceMappingURL=use-auto-tooltip.d.ts.map

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { flushSync } from "react-dom";
-
 //#region src/components/content/use-auto-tooltip.tsx
 function assignRef(ref, element) {
 	if (typeof ref === "function") ref(element);
@@ -327,7 +326,7 @@ function useAutoTooltip(t0) {
 	} else t17 = $[43];
 	return t17;
 }
-
 //#endregion
 export { refreshAutoTooltipsWithin, useAutoTooltip };
+
 //# sourceMappingURL=use-auto-tooltip.js.map