@cube-dev/ui-kit 0.0.0-canary-ccca45d → 0.0.0-canary-2256c47

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ccca45d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2256c47 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ccca45d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2256c47 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ccca45d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2256c47 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ccca45d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2256c47 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ccca45d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2256c47 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ccca45d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2256c47 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ccca45d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2256c47 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -18,16 +18,9 @@ import { Item, useTreeState } from "react-stately";
 /**
 * Render an `<Item>` for React Stately's collection builder.
 *
-* The visible row content is rendered by `TreeNode` via a
-* `nodesByKey` lookup, so the `<Item>`'s body is only used by
-* Stately to build the collection (`textValue` for keyboard nav,
-* `childItems` for nested traversal).
-*
-* For nested traversal to work, the `children` of the `<Tree>` must
-* be passed as a *function* together with the top-level `items`
-* array — see the `<Tree>` `useCollection` call below. Stately
-* propagates that renderer into `childItems` so nested arrays of
-* raw `CubeTreeNodeData` are turned back into `<Item>` elements.
+* The visible content is rendered by `TreeNode` via `nodesByKey`,
+* so `<Item>`'s body is only used by Stately for the collection
+* (`textValue` for keyboard nav, `childItems` for nested traversal).
 */
 function renderItem(node) {
 	return /* @__PURE__ */ jsx(Item, {
@@ -36,7 +29,6 @@ function renderItem(node) {
 		children: node.title
 	}, node.key);
 }
-/** Walk the treeData and collect all keys whose `isDisabled === true`. */
 function collectDisabledKeys(treeData, treeIsDisabled) {
 	const keys = [];
 	const visit = (nodes) => {
@@ -48,11 +40,7 @@ function collectDisabledKeys(treeData, treeIsDisabled) {
 	visit(treeData);
 	return keys;
 }
-/**
-* Expand the supplied keys with all of their ancestors. Used when
-* `autoExpandParent` is `true` so that the consumer can pass deep keys
-* (e.g. search matches) without having to manually walk parents.
-*/
+/** Expand the supplied keys with all of their ancestor keys. */
 function expandWithParents(keys, parentOf) {
 	if (!keys || keys.length === 0) return keys;
 	const set = new Set(keys);
@@ -66,48 +54,39 @@ function expandWithParents(keys, parentOf) {
 	return Array.from(set);
 }
 /**
-* Coerce the public `selectionMode` / `isSelectable` pair into a single
-* `selectionMode` value for `useTreeState`.
-*
-* - `selectionMode` wins when both are passed.
-* - `isSelectable === false` is sugar for `selectionMode='none'`.
-* - `selectionMode` defaults to `'single'` (matches AntD's default).
+* Diff two key sets to find the single key that was added or removed.
+* Returns `null` when both sets are equal.
 */
+function findToggledKey(previous, next) {
+	for (const k of next) if (!previous.has(k)) return {
+		key: k,
+		added: true
+	};
+	for (const k of previous) if (!next.has(k)) return {
+		key: k,
+		added: false
+	};
+	return null;
+}
 function resolveSelectionMode(selectionMode, isSelectable) {
 	if (selectionMode != null) return selectionMode;
 	if (isSelectable === false) return "none";
 	return "single";
 }
 function TreeBase(props, ref) {
-	const { treeData, isCheckable = false, isSelectable, selectionMode: selectionModeProp, blockNode = false, isDisabled = false, defaultExpandedKeys, expandedKeys, autoExpandParent = false, defaultCheckedKeys, checkedKeys, defaultSelectedKeys, selectedKeys, height, loadData, onExpand, onCheck, onSelect, rowStyles, qa, ...otherProps } = props;
+	const { treeData, isCheckable = false, isSelectable, selectionMode: selectionModeProp, isDisabled = false, defaultExpandedKeys, expandedKeys, autoExpandParent = false, defaultCheckedKeys, checkedKeys, defaultSelectedKeys, selectedKeys, height, loadData, onExpand, onCheck, onSelect, rowStyles, ariaLabel, qa, ...otherProps } = props;
 	const baseStyles = extractStyles(otherProps, OUTER_STYLES);
 	const treeRef = useRef(null);
-	/**
-	* Single tree walk that produces `byKey`, `parentOf`, and `childrenOf`.
-	* Shared with `useCheckboxTree` so a `treeData` change triggers exactly
-	* one walk (instead of three) for these three maps.
-	*/
 	const treeIndex = useMemo(() => buildTreeIndex(treeData), [treeData]);
 	const nodesByKey = treeIndex.byKey;
 	const parentOf = treeIndex.parentOf;
 	const disabledKeys = useMemo(() => collectDisabledKeys(treeData, isDisabled), [treeData, isDisabled]);
 	const selectionMode = resolveSelectionMode(selectionModeProp, isSelectable);
-	/**
-	* Apply `autoExpandParent` to the controlled `expandedKeys`. This is
-	* a one-shot thing — once the consumer responds to `onExpand` and
-	* sets `autoExpandParent` to `false`, we stop force-expanding parents.
-	*/
 	const effectiveExpandedKeys = useMemo(() => autoExpandParent ? expandWithParents(expandedKeys, parentOf) : expandedKeys, [
 		autoExpandParent,
 		expandedKeys,
 		parentOf
 	]);
-	/**
-	* Mirror the same logic for the uncontrolled `defaultExpandedKeys`.
-	* `useTreeState` only reads it on mount, but we still need to expand
-	* ancestors so consumers passing a deep key (e.g. a search match) get
-	* the same behaviour as in the controlled mode.
-	*/
 	const effectiveDefaultExpandedKeys = useMemo(() => autoExpandParent ? expandWithParents(defaultExpandedKeys, parentOf) : defaultExpandedKeys, [
 		autoExpandParent,
 		defaultExpandedKeys,
@@ -127,145 +106,103 @@ function TreeBase(props, ref) {
 		initialExpandedKeys: effectiveExpandedKeys ?? effectiveDefaultExpandedKeys
 	});
 	/**
-	* Tracks the previously-expanded set so we can diff against the next set
-	* inside `handleExpandedChange`. In controlled mode the parent owns the
-	* truth (read from `effectiveExpandedKeys`); in uncontrolled mode this
-	* ref is the only source for the previous state — `effectiveExpandedKeys`
-	* is `undefined` and would otherwise produce an empty `previous` set,
-	* mis-identifying every toggle.
-	*
-	* Must mirror what `useTreeState` was initialized with (the *effective*
-	* sets, which include `autoExpandParent` ancestors). Using the raw
-	* `defaultExpandedKeys` here would make the first toggle in uncontrolled
-	* mode diff against an undersized previous set, reporting auto-expanded
-	* ancestors as newly expanded.
+	* In controlled mode, `previous` is read from `effectiveExpandedKeys`;
+	* in uncontrolled mode this ref is the only source. Initialized from
+	* the *effective* (ancestor-expanded) keys so the first toggle diffs
+	* correctly.
 	*/
 	const previousExpandedRef = useRef(new Set(effectiveExpandedKeys ?? effectiveDefaultExpandedKeys ?? []));
-	/**
-	* Translate Stately's `Set<Key>` callbacks into the public AntD-flavoured
-	* `Key[]` shape and dispatch the per-key load.
-	*/
 	const handleExpandedChange = useEvent((nextSet) => {
 		loadDataController.onExpandedChanged(nextSet);
 		const previous = expandedKeys !== void 0 ? new Set(effectiveExpandedKeys ?? []) : previousExpandedRef.current;
 		previousExpandedRef.current = new Set(nextSet);
 		if (!onExpand) return;
-		const nextArr = Array.from(nextSet);
-		/**
-		* Find the single key that toggled relative to the previous set.
-		* Useful for `info.node` and `info.expanded` — matches AntD.
-		*/
-		let toggledKey = null;
-		let toggledExpanded = false;
-		for (const k of nextArr) if (!previous.has(k)) {
-			toggledKey = k;
-			toggledExpanded = true;
-			break;
-		}
-		if (toggledKey == null) {
-			for (const k of previous) if (!nextSet.has(k)) {
-				toggledKey = k;
-				toggledExpanded = false;
-				break;
-			}
-		}
-		const node = toggledKey != null ? nodesByKey.get(String(toggledKey)) : void 0;
-		onExpand(nextArr, {
-			expanded: toggledExpanded,
-			node: node ?? {}
-		});
+		const toggled = findToggledKey(previous, nextSet);
+		if (!toggled) return;
+		const node = nodesByKey.get(String(toggled.key));
+		if (!node) return;
+		const info = {
+			expanded: toggled.added,
+			node
+		};
+		onExpand(Array.from(nextSet), info);
 	});
+	/**
+	* Same pattern as `previousExpandedRef`: in controlled mode we read
+	* from `selectedKeys`; in uncontrolled mode this ref tracks state.
+	*/
+	const previousSelectionRef = useRef(new Set(selectedKeys ?? defaultSelectedKeys ?? []));
+	/**
+	* `useEvent` captures the closure lazily, so `state` (declared below
+	* `ariaProps` / `useTreeState`) is safely accessible at call time.
+	*/
 	const handleSelectionChange = useEvent((selection) => {
 		if (!onSelect) return;
-		const arr = selection === "all" ? Array.from(nodesByKey.keys()) : Array.from(selection);
-		/**
-		* Stately's `onSelectionChange` hands us the *next* selection only —
-		* we don't get a "toggled key" diff for free. For `single` mode we
-		* can infer it cheaply (it's the only entry); for `multiple` we
-		* report the most recent addition. Falls back to the first key.
-		*/
-		let toggledKey = null;
-		let toggledSelected = false;
-		if (selectionMode === "single") {
-			toggledKey = arr[0] ?? null;
-			toggledSelected = arr.length > 0;
-		} else if (selection !== "all") {
-			toggledKey = arr.length > 0 ? arr[arr.length - 1] : null;
-			toggledSelected = arr.length > 0;
-		} else {
-			toggledKey = arr[0] ?? null;
-			toggledSelected = true;
-		}
-		const node = toggledKey != null ? nodesByKey.get(String(toggledKey)) : void 0;
+		let arr;
+		if (selection === "all") {
+			arr = [];
+			for (const key of state.collection.getKeys()) {
+				const node = state.collection.getItem(key);
+				if (node && node.type === "item") arr.push(key);
+			}
+		} else arr = Array.from(selection);
+		const nextSet = new Set(arr);
+		const previous = selectedKeys !== void 0 ? new Set(selectedKeys ?? []) : previousSelectionRef.current;
+		previousSelectionRef.current = nextSet;
+		const toggled = findToggledKey(previous, nextSet);
+		if (!toggled) return;
+		const node = nodesByKey.get(String(toggled.key));
+		if (!node) return;
 		const selectedNodes = arr.map((k) => nodesByKey.get(String(k))).filter((n) => !!n);
-		onSelect(arr, {
-			selected: toggledSelected,
-			node: node ?? {},
+		const info = {
+			selected: toggled.added,
+			node,
 			selectedNodes
-		});
+		};
+		onSelect(arr, info);
 	});
-	/**
-	* Stately propagates the `children` function through `childItems`,
-	* so a single render function recursively turns the entire
-	* `treeData` array into `<Item>` elements.
-	*/
-	const renderCollectionItem = useEvent((item) => renderItem(item));
+	const hasOnSelect = onSelect != null;
 	const ariaProps = useMemo(() => ({
 		selectionMode,
 		selectedKeys,
 		defaultSelectedKeys,
-		onSelectionChange: onSelect && selectionMode !== "none" ? handleSelectionChange : void 0,
+		onSelectionChange: hasOnSelect && selectionMode !== "none" ? handleSelectionChange : void 0,
 		expandedKeys: effectiveExpandedKeys,
 		defaultExpandedKeys: effectiveDefaultExpandedKeys,
 		onExpandedChange: handleExpandedChange,
 		disabledKeys,
 		disabledBehavior: "all",
 		items: treeData,
-		children: renderCollectionItem,
-		"aria-label": "Tree"
+		children: renderItem,
+		"aria-label": ariaLabel ?? "Tree"
 	}), [
 		selectionMode,
 		selectedKeys,
 		defaultSelectedKeys,
-		onSelect,
+		hasOnSelect,
 		handleSelectionChange,
 		effectiveExpandedKeys,
 		effectiveDefaultExpandedKeys,
 		handleExpandedChange,
 		disabledKeys,
 		treeData,
-		renderCollectionItem
+		ariaLabel
 	]);
 	const baseState = useTreeState(ariaProps);
-	/**
-	* The legacy `TreeCollection` returned by `useTreeState` doesn't
-	* implement `getChildren`, but `@react-aria/tree`'s `useTree`
-	* (via `useGridListItem`) calls it unguarded for any nested row
-	* (`node.level > 0`). Patch it once so `useTree` works on top of
-	* the legacy state without forking.
-	*/
 	const state = useMemo(() => {
 		const collection = baseState.collection;
 		if (typeof collection.getChildren === "function") return baseState;
-		const getChildren = (key) => {
-			const result = [];
+		const patched = Object.create(collection);
+		patched.getChildren = (key) => {
 			const node = collection.getItem(key);
-			if (!node) return result;
-			for (const child of node.childNodes) result.push(child);
-			return result;
+			return node ? Array.from(node.childNodes) : [];
 		};
-		const patched = Object.assign(Object.create(Object.getPrototypeOf(collection)), collection, { getChildren });
 		return {
 			...baseState,
 			collection: patched
 		};
 	}, [baseState]);
 	const { gridProps } = useTree(ariaProps, state, treeRef);
-	/**
-	* Iterate the collection in DOM order. The TreeCollection only walks
-	* into expanded subtrees, so `getKeys()` already gives us *only*
-	* visible rows — no manual filtering required.
-	*/
 	const visibleNodes = useMemo(() => {
 		const out = [];
 		for (const key of state.collection.getKeys()) {
@@ -273,25 +210,18 @@ function TreeBase(props, ref) {
 			if (node && node.type === "item") out.push(node);
 		}
 		return out;
-	}, [state.collection, state.expandedKeys]);
+	}, [state.collection]);
 	const heightStyle = useMemo(() => height != null ? { ["--tree-height"]: `${height}px` } : void 0, [height]);
 	const mods = useMemo(() => ({ "has-height": height != null }), [height]);
-	/**
-	* Merge the consumer's forwarded ref with our internal `treeRef`. Both
-	* must point at the same DOM node: `useTree` reads `treeRef.current` for
-	* keyboard navigation/focus management, and consumers expect the
-	* forwarded `ref` to receive the element too.
-	*/
-	const mergedRef = useMemo(() => mergeRefs(ref, treeRef), [ref]);
 	return /* @__PURE__ */ jsx(TreeElement, {
-		...mergeProps$1(gridProps, { ref: mergedRef }),
-		ref: mergedRef,
+		...mergeProps$1(gridProps, { ref: useMemo(() => mergeRefs(ref, treeRef), [ref, treeRef]) }),
 		qa: qa ?? "Tree",
 		mods,
 		styles: baseStyles,
 		style: heightStyle,
 		children: visibleNodes.map((node) => {
-			const data = nodesByKey.get(String(node.key));
+			const keyStr = String(node.key);
+			const data = nodesByKey.get(keyStr);
 			if (!data) return null;
 			return /* @__PURE__ */ jsx(TreeNode, {
 				node,
@@ -299,10 +229,9 @@ function TreeBase(props, ref) {
 				state,
 				isCheckable,
 				isExpanded: state.expandedKeys.has(node.key),
-				isChecked: checkbox.checkedSet.has(String(node.key)),
-				isIndeterminate: checkbox.halfCheckedSet.has(String(node.key)),
-				isLoading: loadDataController.loadingKeys.has(String(node.key)),
-				isBlockNode: blockNode,
+				isChecked: checkbox.checkedSet.has(keyStr),
+				isIndeterminate: checkbox.halfCheckedSet.has(keyStr),
+				isLoading: loadDataController.loadingKeys.has(keyStr),
 				rowStyles,
 				onToggleChecked: checkbox.toggle
 			}, node.key);
@@ -310,6 +239,7 @@ function TreeBase(props, ref) {
 	});
 }
 const _Tree = forwardRef(TreeBase);
+_Tree.displayName = "Tree";
 /**
 * Hierarchical data display with optional checkboxes, single/multi
 * selection, async lazy loading, and keyboard navigation.

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","names":["mergeProps"],"sources":["../../../../src/components/content/Tree/Tree.tsx"],"sourcesContent":["import { OUTER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef } from 'react';\nimport { useTree } from 'react-aria';\nimport { Item, useTreeState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TreeElement } from './styled';\nimport { buildTreeIndex } from './tree-index';\nimport { TreeNode } from './TreeNode';\nimport { useCheckboxTree } from './use-checkbox-tree';\nimport { useLoadData } from './use-load-data';\n\nimport type { Key, Node, Selection } from '@react-types/shared';\nimport type { CSSProperties, ForwardedRef, ReactElement } from 'react';\nimport type {\n  CubeTreeNodeData,\n  CubeTreeProps,\n  TreeOnExpandInfo,\n  TreeOnSelectInfo,\n  TreeSelectionMode,\n} from './types';\n\n/**\n * Render an `<Item>` for React Stately's collection builder.\n *\n * The visible row content is rendered by `TreeNode` via a\n * `nodesByKey` lookup, so the `<Item>`'s body is only used by\n * Stately to build the collection (`textValue` for keyboard nav,\n * `childItems` for nested traversal).\n *\n * For nested traversal to work, the `children` of the `<Tree>` must\n * be passed as a *function* together with the top-level `items`\n * array — see the `<Tree>` `useCollection` call below. Stately\n * propagates that renderer into `childItems` so nested arrays of\n * raw `CubeTreeNodeData` are turned back into `<Item>` elements.\n */\nfunction renderItem(node: CubeTreeNodeData): ReactElement {\n  const textValue =\n    typeof node.title === 'string' ? node.title : String(node.key);\n  return (\n    <Item\n      key={node.key}\n      textValue={textValue}\n      childItems={node.children as CubeTreeNodeData[] | undefined}\n    >\n      {node.title as any}\n    </Item>\n  );\n}\n\n/** Walk the treeData and collect all keys whose `isDisabled === true`. */\nfunction collectDisabledKeys(\n  treeData: CubeTreeNodeData[],\n  treeIsDisabled: boolean,\n): string[] {\n  const keys: string[] = [];\n  const visit = (nodes: CubeTreeNodeData[]) => {\n    for (const node of nodes) {\n      if (treeIsDisabled || node.isDisabled) keys.push(node.key);\n      if (node.children) visit(node.children);\n    }\n  };\n  visit(treeData);\n  return keys;\n}\n\n/**\n * Expand the supplied keys with all of their ancestors. Used when\n * `autoExpandParent` is `true` so that the consumer can pass deep keys\n * (e.g. search matches) without having to manually walk parents.\n */\nfunction expandWithParents(\n  keys: string[] | undefined,\n  parentOf: Map<string, string | null>,\n): string[] | undefined {\n  if (!keys || keys.length === 0) return keys;\n  const set = new Set<string>(keys);\n  for (const key of keys) {\n    let parent = parentOf.get(key);\n    while (parent) {\n      set.add(parent);\n      parent = parentOf.get(parent);\n    }\n  }\n  return Array.from(set);\n}\n\n/**\n * Coerce the public `selectionMode` / `isSelectable` pair into a single\n * `selectionMode` value for `useTreeState`.\n *\n * - `selectionMode` wins when both are passed.\n * - `isSelectable === false` is sugar for `selectionMode='none'`.\n * - `selectionMode` defaults to `'single'` (matches AntD's default).\n */\nfunction resolveSelectionMode(\n  selectionMode: TreeSelectionMode | undefined,\n  isSelectable: boolean | undefined,\n): TreeSelectionMode {\n  if (selectionMode != null) return selectionMode;\n  if (isSelectable === false) return 'none';\n  return 'single';\n}\n\nfunction TreeBase(props: CubeTreeProps, ref: ForwardedRef<HTMLDivElement>) {\n  const {\n    treeData,\n    isCheckable = false,\n    isSelectable,\n    selectionMode: selectionModeProp,\n    blockNode = false,\n    isDisabled = false,\n    defaultExpandedKeys,\n    expandedKeys,\n    autoExpandParent = false,\n    defaultCheckedKeys,\n    checkedKeys,\n    defaultSelectedKeys,\n    selectedKeys,\n    height,\n    loadData,\n    onExpand,\n    onCheck,\n    onSelect,\n    rowStyles,\n    qa,\n    ...otherProps\n  } = props;\n\n  const baseStyles = extractStyles(otherProps, OUTER_STYLES);\n\n  const treeRef = useRef<HTMLDivElement>(null);\n\n  /**\n   * Single tree walk that produces `byKey`, `parentOf`, and `childrenOf`.\n   * Shared with `useCheckboxTree` so a `treeData` change triggers exactly\n   * one walk (instead of three) for these three maps.\n   */\n  const treeIndex = useMemo(() => buildTreeIndex(treeData), [treeData]);\n  const nodesByKey = treeIndex.byKey;\n  const parentOf = treeIndex.parentOf;\n\n  const disabledKeys = useMemo(\n    () => collectDisabledKeys(treeData, isDisabled),\n    [treeData, isDisabled],\n  );\n\n  const selectionMode = resolveSelectionMode(selectionModeProp, isSelectable);\n\n  /**\n   * Apply `autoExpandParent` to the controlled `expandedKeys`. This is\n   * a one-shot thing — once the consumer responds to `onExpand` and\n   * sets `autoExpandParent` to `false`, we stop force-expanding parents.\n   */\n  const effectiveExpandedKeys = useMemo(\n    () =>\n      autoExpandParent\n        ? expandWithParents(expandedKeys, parentOf)\n        : expandedKeys,\n    [autoExpandParent, expandedKeys, parentOf],\n  );\n\n  /**\n   * Mirror the same logic for the uncontrolled `defaultExpandedKeys`.\n   * `useTreeState` only reads it on mount, but we still need to expand\n   * ancestors so consumers passing a deep key (e.g. a search match) get\n   * the same behaviour as in the controlled mode.\n   */\n  const effectiveDefaultExpandedKeys = useMemo(\n    () =>\n      autoExpandParent\n        ? expandWithParents(defaultExpandedKeys, parentOf)\n        : defaultExpandedKeys,\n    [autoExpandParent, defaultExpandedKeys, parentOf],\n  );\n\n  const checkbox = useCheckboxTree({\n    treeData,\n    index: treeIndex,\n    isCheckable,\n    defaultCheckedKeys,\n    checkedKeys,\n    onCheck,\n  });\n\n  const loadDataController = useLoadData({\n    nodesByKey,\n    loadData,\n    initialExpandedKeys: effectiveExpandedKeys ?? effectiveDefaultExpandedKeys,\n  });\n\n  /**\n   * Tracks the previously-expanded set so we can diff against the next set\n   * inside `handleExpandedChange`. In controlled mode the parent owns the\n   * truth (read from `effectiveExpandedKeys`); in uncontrolled mode this\n   * ref is the only source for the previous state — `effectiveExpandedKeys`\n   * is `undefined` and would otherwise produce an empty `previous` set,\n   * mis-identifying every toggle.\n   *\n   * Must mirror what `useTreeState` was initialized with (the *effective*\n   * sets, which include `autoExpandParent` ancestors). Using the raw\n   * `defaultExpandedKeys` here would make the first toggle in uncontrolled\n   * mode diff against an undersized previous set, reporting auto-expanded\n   * ancestors as newly expanded.\n   */\n  const previousExpandedRef = useRef<Set<Key>>(\n    new Set<Key>(effectiveExpandedKeys ?? effectiveDefaultExpandedKeys ?? []),\n  );\n\n  /**\n   * Translate Stately's `Set<Key>` callbacks into the public AntD-flavoured\n   * `Key[]` shape and dispatch the per-key load.\n   */\n  const handleExpandedChange = useEvent((nextSet: Set<Key>) => {\n    loadDataController.onExpandedChanged(nextSet);\n\n    const previous =\n      expandedKeys !== undefined\n        ? new Set<Key>(effectiveExpandedKeys ?? [])\n        : previousExpandedRef.current;\n    previousExpandedRef.current = new Set<Key>(nextSet);\n\n    if (!onExpand) return;\n    const nextArr: Key[] = Array.from(nextSet);\n\n    /**\n     * Find the single key that toggled relative to the previous set.\n     * Useful for `info.node` and `info.expanded` — matches AntD.\n     */\n    let toggledKey: Key | null = null;\n    let toggledExpanded = false;\n    for (const k of nextArr) {\n      if (!previous.has(k)) {\n        toggledKey = k;\n        toggledExpanded = true;\n        break;\n      }\n    }\n    if (toggledKey == null) {\n      for (const k of previous) {\n        if (!nextSet.has(k)) {\n          toggledKey = k;\n          toggledExpanded = false;\n          break;\n        }\n      }\n    }\n\n    const node =\n      toggledKey != null ? nodesByKey.get(String(toggledKey)) : undefined;\n    const info: TreeOnExpandInfo = {\n      expanded: toggledExpanded,\n      node: node ?? ({} as CubeTreeNodeData),\n    };\n    onExpand(nextArr, info);\n  });\n\n  const handleSelectionChange = useEvent((selection: Selection) => {\n    if (!onSelect) return;\n    const arr: Key[] =\n      selection === 'all'\n        ? Array.from(nodesByKey.keys())\n        : Array.from(selection);\n    /**\n     * Stately's `onSelectionChange` hands us the *next* selection only —\n     * we don't get a \"toggled key\" diff for free. For `single` mode we\n     * can infer it cheaply (it's the only entry); for `multiple` we\n     * report the most recent addition. Falls back to the first key.\n     */\n    let toggledKey: Key | null = null;\n    let toggledSelected = false;\n    if (selectionMode === 'single') {\n      toggledKey = arr[0] ?? null;\n      toggledSelected = arr.length > 0;\n    } else if (selection !== 'all') {\n      toggledKey = arr.length > 0 ? arr[arr.length - 1] : null;\n      toggledSelected = arr.length > 0;\n    } else {\n      toggledKey = arr[0] ?? null;\n      toggledSelected = true;\n    }\n\n    const node =\n      toggledKey != null ? nodesByKey.get(String(toggledKey)) : undefined;\n    const selectedNodes = arr\n      .map((k) => nodesByKey.get(String(k)))\n      .filter((n): n is CubeTreeNodeData => !!n);\n\n    const info: TreeOnSelectInfo = {\n      selected: toggledSelected,\n      node: node ?? ({} as CubeTreeNodeData),\n      selectedNodes,\n    };\n\n    onSelect(arr, info);\n  });\n\n  /**\n   * Stately propagates the `children` function through `childItems`,\n   * so a single render function recursively turns the entire\n   * `treeData` array into `<Item>` elements.\n   */\n  const renderCollectionItem = useEvent((item: CubeTreeNodeData) =>\n    renderItem(item),\n  );\n\n  const ariaProps = useMemo(\n    () => ({\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      onSelectionChange:\n        onSelect && selectionMode !== 'none'\n          ? handleSelectionChange\n          : undefined,\n      expandedKeys: effectiveExpandedKeys,\n      defaultExpandedKeys: effectiveDefaultExpandedKeys,\n      onExpandedChange: handleExpandedChange,\n      disabledKeys,\n      disabledBehavior: 'all' as const,\n      items: treeData,\n      children: renderCollectionItem as any,\n      'aria-label': 'Tree',\n    }),\n    [\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      onSelect,\n      handleSelectionChange,\n      effectiveExpandedKeys,\n      effectiveDefaultExpandedKeys,\n      handleExpandedChange,\n      disabledKeys,\n      treeData,\n      renderCollectionItem,\n    ],\n  );\n\n  const baseState = useTreeState<CubeTreeNodeData>(ariaProps);\n\n  /**\n   * The legacy `TreeCollection` returned by `useTreeState` doesn't\n   * implement `getChildren`, but `@react-aria/tree`'s `useTree`\n   * (via `useGridListItem`) calls it unguarded for any nested row\n   * (`node.level > 0`). Patch it once so `useTree` works on top of\n   * the legacy state without forking.\n   */\n  const state = useMemo(() => {\n    const collection = baseState.collection;\n    if (typeof (collection as any).getChildren === 'function') {\n      return baseState;\n    }\n    const getChildren = (key: Key): Iterable<Node<CubeTreeNodeData>> => {\n      const result: Node<CubeTreeNodeData>[] = [];\n      const node = collection.getItem(key);\n      if (!node) return result;\n      for (const child of node.childNodes) {\n        result.push(child);\n      }\n      return result;\n    };\n    const patched = Object.assign(\n      Object.create(Object.getPrototypeOf(collection)),\n      collection,\n      { getChildren },\n    );\n    return { ...baseState, collection: patched };\n  }, [baseState]);\n\n  const { gridProps } = useTree(ariaProps, state, treeRef);\n\n  /**\n   * Iterate the collection in DOM order. The TreeCollection only walks\n   * into expanded subtrees, so `getKeys()` already gives us *only*\n   * visible rows — no manual filtering required.\n   */\n  const visibleNodes: Node<CubeTreeNodeData>[] = useMemo(() => {\n    const out: Node<CubeTreeNodeData>[] = [];\n    for (const key of state.collection.getKeys()) {\n      const node = state.collection.getItem(key);\n      if (node && node.type === 'item') out.push(node);\n    }\n    return out;\n  }, [state.collection, state.expandedKeys]);\n\n  const heightStyle = useMemo<CSSProperties | undefined>(\n    () =>\n      height != null\n        ? ({\n            ['--tree-height' as keyof CSSProperties]: `${height}px`,\n          } as CSSProperties)\n        : undefined,\n    [height],\n  );\n\n  const mods = useMemo(\n    () => ({\n      'has-height': height != null,\n    }),\n    [height],\n  );\n\n  /**\n   * Merge the consumer's forwarded ref with our internal `treeRef`. Both\n   * must point at the same DOM node: `useTree` reads `treeRef.current` for\n   * keyboard navigation/focus management, and consumers expect the\n   * forwarded `ref` to receive the element too.\n   */\n  const mergedRef = useMemo(() => mergeRefs(ref, treeRef), [ref]);\n\n  const elementProps = mergeProps(gridProps, {\n    ref: mergedRef,\n  });\n\n  return (\n    <TreeElement\n      {...elementProps}\n      ref={mergedRef}\n      qa={qa ?? 'Tree'}\n      mods={mods}\n      styles={baseStyles}\n      style={heightStyle}\n    >\n      {visibleNodes.map((node) => {\n        const data = nodesByKey.get(String(node.key));\n        if (!data) return null;\n        const isExpanded = state.expandedKeys.has(node.key);\n        return (\n          <TreeNode\n            key={node.key}\n            node={node}\n            data={data}\n            state={state}\n            isCheckable={isCheckable}\n            isExpanded={isExpanded}\n            isChecked={checkbox.checkedSet.has(String(node.key))}\n            isIndeterminate={checkbox.halfCheckedSet.has(String(node.key))}\n            isLoading={loadDataController.loadingKeys.has(String(node.key))}\n            isBlockNode={blockNode}\n            rowStyles={rowStyles}\n            onToggleChecked={checkbox.toggle}\n          />\n        );\n      })}\n    </TreeElement>\n  );\n}\n\nconst _Tree = forwardRef(TreeBase);\n\n/**\n * Hierarchical data display with optional checkboxes, single/multi\n * selection, async lazy loading, and keyboard navigation.\n *\n * Built on `useTree` / `useTreeState` (React Aria + React Stately) and\n * styled with Tasty.\n *\n * @example\n * ```tsx\n * <Tree\n *   treeData={data}\n *   isCheckable\n *   selectionMode=\"none\"\n *   defaultExpandedKeys={['root']}\n *   onCheck={(keys) => console.log(keys)}\n * />\n * ```\n */\nexport const Tree = _Tree;\n"],"mappings":"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"}
+{"version":3,"file":"Tree.js","names":["mergeProps"],"sources":["../../../../src/components/content/Tree/Tree.tsx"],"sourcesContent":["import { OUTER_STYLES } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef } from 'react';\nimport { useTree } from 'react-aria';\nimport { Item, useTreeState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TreeElement } from './styled';\nimport { buildTreeIndex } from './tree-index';\nimport { TreeNode } from './TreeNode';\nimport { useCheckboxTree } from './use-checkbox-tree';\nimport { useLoadData } from './use-load-data';\n\nimport type { Key, Node, Selection } from '@react-types/shared';\nimport type {\n  CSSProperties,\n  ForwardedRef,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport type {\n  CubeTreeNodeData,\n  CubeTreeProps,\n  TreeOnExpandInfo,\n  TreeOnSelectInfo,\n  TreeSelectionMode,\n} from './types';\n\n/**\n * Render an `<Item>` for React Stately's collection builder.\n *\n * The visible content is rendered by `TreeNode` via `nodesByKey`,\n * so `<Item>`'s body is only used by Stately for the collection\n * (`textValue` for keyboard nav, `childItems` for nested traversal).\n */\nfunction renderItem(node: CubeTreeNodeData): ReactElement {\n  const textValue =\n    typeof node.title === 'string' ? node.title : String(node.key);\n  return (\n    <Item\n      key={node.key}\n      textValue={textValue}\n      childItems={node.children as CubeTreeNodeData[] | undefined}\n    >\n      {node.title as ReactNode}\n    </Item>\n  );\n}\n\nfunction collectDisabledKeys(\n  treeData: CubeTreeNodeData[],\n  treeIsDisabled: boolean,\n): string[] {\n  const keys: string[] = [];\n  const visit = (nodes: CubeTreeNodeData[]) => {\n    for (const node of nodes) {\n      if (treeIsDisabled || node.isDisabled) keys.push(node.key);\n      if (node.children) visit(node.children);\n    }\n  };\n  visit(treeData);\n  return keys;\n}\n\n/** Expand the supplied keys with all of their ancestor keys. */\nfunction expandWithParents(\n  keys: string[] | undefined,\n  parentOf: Map<string, string | null>,\n): string[] | undefined {\n  if (!keys || keys.length === 0) return keys;\n  const set = new Set<string>(keys);\n  for (const key of keys) {\n    let parent = parentOf.get(key);\n    while (parent) {\n      set.add(parent);\n      parent = parentOf.get(parent);\n    }\n  }\n  return Array.from(set);\n}\n\n/**\n * Diff two key sets to find the single key that was added or removed.\n * Returns `null` when both sets are equal.\n */\nfunction findToggledKey(\n  previous: Set<Key>,\n  next: Set<Key>,\n): { key: Key; added: boolean } | null {\n  for (const k of next) {\n    if (!previous.has(k)) return { key: k, added: true };\n  }\n  for (const k of previous) {\n    if (!next.has(k)) return { key: k, added: false };\n  }\n  return null;\n}\n\nfunction resolveSelectionMode(\n  selectionMode: TreeSelectionMode | undefined,\n  isSelectable: boolean | undefined,\n): TreeSelectionMode {\n  if (selectionMode != null) return selectionMode;\n  if (isSelectable === false) return 'none';\n  return 'single';\n}\n\nfunction TreeBase(props: CubeTreeProps, ref: ForwardedRef<HTMLDivElement>) {\n  const {\n    treeData,\n    isCheckable = false,\n    isSelectable,\n    selectionMode: selectionModeProp,\n    isDisabled = false,\n    defaultExpandedKeys,\n    expandedKeys,\n    autoExpandParent = false,\n    defaultCheckedKeys,\n    checkedKeys,\n    defaultSelectedKeys,\n    selectedKeys,\n    height,\n    loadData,\n    onExpand,\n    onCheck,\n    onSelect,\n    rowStyles,\n    ariaLabel,\n    qa,\n    ...otherProps\n  } = props;\n\n  const baseStyles = extractStyles(otherProps, OUTER_STYLES);\n\n  const treeRef = useRef<HTMLDivElement>(null);\n\n  const treeIndex = useMemo(() => buildTreeIndex(treeData), [treeData]);\n  const nodesByKey = treeIndex.byKey;\n  const parentOf = treeIndex.parentOf;\n\n  const disabledKeys = useMemo(\n    () => collectDisabledKeys(treeData, isDisabled),\n    [treeData, isDisabled],\n  );\n\n  const selectionMode = resolveSelectionMode(selectionModeProp, isSelectable);\n\n  const effectiveExpandedKeys = useMemo(\n    () =>\n      autoExpandParent\n        ? expandWithParents(expandedKeys, parentOf)\n        : expandedKeys,\n    [autoExpandParent, expandedKeys, parentOf],\n  );\n\n  const effectiveDefaultExpandedKeys = useMemo(\n    () =>\n      autoExpandParent\n        ? expandWithParents(defaultExpandedKeys, parentOf)\n        : defaultExpandedKeys,\n    [autoExpandParent, defaultExpandedKeys, parentOf],\n  );\n\n  const checkbox = useCheckboxTree({\n    treeData,\n    index: treeIndex,\n    isCheckable,\n    defaultCheckedKeys,\n    checkedKeys,\n    onCheck,\n  });\n\n  const loadDataController = useLoadData({\n    nodesByKey,\n    loadData,\n    initialExpandedKeys: effectiveExpandedKeys ?? effectiveDefaultExpandedKeys,\n  });\n\n  /**\n   * In controlled mode, `previous` is read from `effectiveExpandedKeys`;\n   * in uncontrolled mode this ref is the only source. Initialized from\n   * the *effective* (ancestor-expanded) keys so the first toggle diffs\n   * correctly.\n   */\n  const previousExpandedRef = useRef<Set<Key>>(\n    new Set<Key>(effectiveExpandedKeys ?? effectiveDefaultExpandedKeys ?? []),\n  );\n\n  const handleExpandedChange = useEvent((nextSet: Set<Key>) => {\n    loadDataController.onExpandedChanged(nextSet);\n\n    const previous =\n      expandedKeys !== undefined\n        ? new Set<Key>(effectiveExpandedKeys ?? [])\n        : previousExpandedRef.current;\n    previousExpandedRef.current = new Set<Key>(nextSet);\n\n    if (!onExpand) return;\n\n    const toggled = findToggledKey(previous, nextSet);\n    if (!toggled) return;\n\n    const node = nodesByKey.get(String(toggled.key));\n    if (!node) return;\n\n    const info: TreeOnExpandInfo = {\n      expanded: toggled.added,\n      node,\n    };\n    onExpand(Array.from(nextSet), info);\n  });\n\n  /**\n   * Same pattern as `previousExpandedRef`: in controlled mode we read\n   * from `selectedKeys`; in uncontrolled mode this ref tracks state.\n   */\n  const previousSelectionRef = useRef<Set<Key>>(\n    new Set<Key>(selectedKeys ?? defaultSelectedKeys ?? []),\n  );\n\n  /**\n   * `useEvent` captures the closure lazily, so `state` (declared below\n   * `ariaProps` / `useTreeState`) is safely accessible at call time.\n   */\n  const handleSelectionChange = useEvent((selection: Selection) => {\n    if (!onSelect) return;\n    let arr: Key[];\n    if (selection === 'all') {\n      // `nodesByKey` contains the full tree; use the collection's visible\n      // keys so we don't leak keys under collapsed parents.\n      arr = [];\n      for (const key of state.collection.getKeys()) {\n        const node = state.collection.getItem(key);\n        if (node && node.type === 'item') arr.push(key);\n      }\n    } else {\n      arr = Array.from(selection);\n    }\n\n    const nextSet = new Set<Key>(arr);\n    const previous =\n      selectedKeys !== undefined\n        ? new Set<Key>(selectedKeys ?? [])\n        : previousSelectionRef.current;\n    previousSelectionRef.current = nextSet;\n\n    const toggled = findToggledKey(previous, nextSet);\n    if (!toggled) return;\n\n    const node = nodesByKey.get(String(toggled.key));\n    if (!node) return;\n\n    const selectedNodes = arr\n      .map((k) => nodesByKey.get(String(k)))\n      .filter((n): n is CubeTreeNodeData => !!n);\n\n    const info: TreeOnSelectInfo = {\n      selected: toggled.added,\n      node,\n      selectedNodes,\n    };\n\n    onSelect(arr, info);\n  });\n\n  const hasOnSelect = onSelect != null;\n\n  const ariaProps = useMemo(\n    () => ({\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      onSelectionChange:\n        hasOnSelect && selectionMode !== 'none'\n          ? handleSelectionChange\n          : undefined,\n      expandedKeys: effectiveExpandedKeys,\n      defaultExpandedKeys: effectiveDefaultExpandedKeys,\n      onExpandedChange: handleExpandedChange,\n      disabledKeys,\n      disabledBehavior: 'all' as const,\n      items: treeData,\n      children: renderItem as any,\n      'aria-label': ariaLabel ?? 'Tree',\n    }),\n    [\n      selectionMode,\n      selectedKeys,\n      defaultSelectedKeys,\n      hasOnSelect,\n      handleSelectionChange,\n      effectiveExpandedKeys,\n      effectiveDefaultExpandedKeys,\n      handleExpandedChange,\n      disabledKeys,\n      treeData,\n      ariaLabel,\n    ],\n  );\n\n  const baseState = useTreeState<CubeTreeNodeData>(ariaProps);\n\n  // The legacy `TreeCollection` from `useTreeState` lacks `getChildren`,\n  // but `useTree` calls it for nested rows. Derive a patched state.\n  // TODO: Remove this patch when upgrading to a react-stately version\n  // that ships `getChildren` on TreeCollection natively.\n  const state = useMemo(() => {\n    const collection = baseState.collection;\n    if (typeof (collection as any).getChildren === 'function') {\n      return baseState;\n    }\n    const patched = Object.create(collection);\n    patched.getChildren = (key: Key): Iterable<Node<CubeTreeNodeData>> => {\n      const node = collection.getItem(key);\n      return node ? Array.from(node.childNodes) : [];\n    };\n    return { ...baseState, collection: patched };\n  }, [baseState]);\n\n  const { gridProps } = useTree(ariaProps, state, treeRef);\n\n  const visibleNodes: Node<CubeTreeNodeData>[] = useMemo(() => {\n    const out: Node<CubeTreeNodeData>[] = [];\n    for (const key of state.collection.getKeys()) {\n      const node = state.collection.getItem(key);\n      if (node && node.type === 'item') out.push(node);\n    }\n    return out;\n  }, [state.collection]);\n\n  const heightStyle = useMemo<CSSProperties | undefined>(\n    () =>\n      height != null\n        ? ({\n            ['--tree-height' as keyof CSSProperties]: `${height}px`,\n          } as CSSProperties)\n        : undefined,\n    [height],\n  );\n\n  const mods = useMemo(\n    () => ({\n      'has-height': height != null,\n    }),\n    [height],\n  );\n\n  // Both `useTree` and the consumer need the same DOM node.\n  const mergedRef = useMemo(() => mergeRefs(ref, treeRef), [ref, treeRef]);\n\n  const elementProps = mergeProps(gridProps, {\n    ref: mergedRef,\n  });\n\n  return (\n    <TreeElement\n      {...elementProps}\n      qa={qa ?? 'Tree'}\n      mods={mods}\n      styles={baseStyles}\n      style={heightStyle}\n    >\n      {visibleNodes.map((node) => {\n        const keyStr = String(node.key);\n        const data = nodesByKey.get(keyStr);\n        if (!data) return null;\n        return (\n          <TreeNode\n            key={node.key}\n            node={node}\n            data={data}\n            state={state}\n            isCheckable={isCheckable}\n            isExpanded={state.expandedKeys.has(node.key)}\n            isChecked={checkbox.checkedSet.has(keyStr)}\n            isIndeterminate={checkbox.halfCheckedSet.has(keyStr)}\n            isLoading={loadDataController.loadingKeys.has(keyStr)}\n            rowStyles={rowStyles}\n            onToggleChecked={checkbox.toggle}\n          />\n        );\n      })}\n    </TreeElement>\n  );\n}\n\nconst _Tree = forwardRef(TreeBase);\n_Tree.displayName = 'Tree';\n\n/**\n * Hierarchical data display with optional checkboxes, single/multi\n * selection, async lazy loading, and keyboard navigation.\n *\n * Built on `useTree` / `useTreeState` (React Aria + React Stately) and\n * styled with Tasty.\n *\n * @example\n * ```tsx\n * <Tree\n *   treeData={data}\n *   isCheckable\n *   selectionMode=\"none\"\n *   defaultExpandedKeys={['root']}\n *   onCheck={(keys) => console.log(keys)}\n * />\n * ```\n */\nexport const Tree = _Tree;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAS,WAAW,MAAsC;AAGxD,QACE,oBAAC;EAEC,WAJF,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,OAAO,KAAK,IAAI;EAK5D,YAAY,KAAK;YAEhB,KAAK;IAJD,KAAK,IAKL;;AAIX,SAAS,oBACP,UACA,gBACU;CACV,MAAM,OAAiB,EAAE;CACzB,MAAM,SAAS,UAA8B;AAC3C,OAAK,MAAM,QAAQ,OAAO;AACxB,OAAI,kBAAkB,KAAK,WAAY,MAAK,KAAK,KAAK,IAAI;AAC1D,OAAI,KAAK,SAAU,OAAM,KAAK,SAAS;;;AAG3C,OAAM,SAAS;AACf,QAAO;;;AAIT,SAAS,kBACP,MACA,UACsB;AACtB,KAAI,CAAC,QAAQ,KAAK,WAAW,EAAG,QAAO;CACvC,MAAM,MAAM,IAAI,IAAY,KAAK;AACjC,MAAK,MAAM,OAAO,MAAM;EACtB,IAAI,SAAS,SAAS,IAAI,IAAI;AAC9B,SAAO,QAAQ;AACb,OAAI,IAAI,OAAO;AACf,YAAS,SAAS,IAAI,OAAO;;;AAGjC,QAAO,MAAM,KAAK,IAAI;;;;;;AAOxB,SAAS,eACP,UACA,MACqC;AACrC,MAAK,MAAM,KAAK,KACd,KAAI,CAAC,SAAS,IAAI,EAAE,CAAE,QAAO;EAAE,KAAK;EAAG,OAAO;EAAM;AAEtD,MAAK,MAAM,KAAK,SACd,KAAI,CAAC,KAAK,IAAI,EAAE,CAAE,QAAO;EAAE,KAAK;EAAG,OAAO;EAAO;AAEnD,QAAO;;AAGT,SAAS,qBACP,eACA,cACmB;AACnB,KAAI,iBAAiB,KAAM,QAAO;AAClC,KAAI,iBAAiB,MAAO,QAAO;AACnC,QAAO;;AAGT,SAAS,SAAS,OAAsB,KAAmC;CACzE,MAAM,EACJ,UACA,cAAc,OACd,cACA,eAAe,mBACf,aAAa,OACb,qBACA,cACA,mBAAmB,OACnB,oBACA,aACA,qBACA,cACA,QACA,UACA,UACA,SACA,UACA,WACA,WACA,IACA,GAAG,eACD;CAEJ,MAAM,aAAa,cAAc,YAAY,aAAa;CAE1D,MAAM,UAAU,OAAuB,KAAK;CAE5C,MAAM,YAAY,cAAc,eAAe,SAAS,EAAE,CAAC,SAAS,CAAC;CACrE,MAAM,aAAa,UAAU;CAC7B,MAAM,WAAW,UAAU;CAE3B,MAAM,eAAe,cACb,oBAAoB,UAAU,WAAW,EAC/C,CAAC,UAAU,WAAW,CACvB;CAED,MAAM,gBAAgB,qBAAqB,mBAAmB,aAAa;CAE3E,MAAM,wBAAwB,cAE1B,mBACI,kBAAkB,cAAc,SAAS,GACzC,cACN;EAAC;EAAkB;EAAc;EAAS,CAC3C;CAED,MAAM,+BAA+B,cAEjC,mBACI,kBAAkB,qBAAqB,SAAS,GAChD,qBACN;EAAC;EAAkB;EAAqB;EAAS,CAClD;CAED,MAAM,WAAW,gBAAgB;EAC/B;EACA,OAAO;EACP;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,qBAAqB,YAAY;EACrC;EACA;EACA,qBAAqB,yBAAyB;EAC/C,CAAC;;;;;;;CAQF,MAAM,sBAAsB,OAC1B,IAAI,IAAS,yBAAyB,gCAAgC,EAAE,CAAC,CAC1E;CAED,MAAM,uBAAuB,UAAU,YAAsB;AAC3D,qBAAmB,kBAAkB,QAAQ;EAE7C,MAAM,WACJ,iBAAiB,SACb,IAAI,IAAS,yBAAyB,EAAE,CAAC,GACzC,oBAAoB;AAC1B,sBAAoB,UAAU,IAAI,IAAS,QAAQ;AAEnD,MAAI,CAAC,SAAU;EAEf,MAAM,UAAU,eAAe,UAAU,QAAQ;AACjD,MAAI,CAAC,QAAS;EAEd,MAAM,OAAO,WAAW,IAAI,OAAO,QAAQ,IAAI,CAAC;AAChD,MAAI,CAAC,KAAM;EAEX,MAAM,OAAyB;GAC7B,UAAU,QAAQ;GAClB;GACD;AACD,WAAS,MAAM,KAAK,QAAQ,EAAE,KAAK;GACnC;;;;;CAMF,MAAM,uBAAuB,OAC3B,IAAI,IAAS,gBAAgB,uBAAuB,EAAE,CAAC,CACxD;;;;;CAMD,MAAM,wBAAwB,UAAU,cAAyB;AAC/D,MAAI,CAAC,SAAU;EACf,IAAI;AACJ,MAAI,cAAc,OAAO;AAGvB,SAAM,EAAE;AACR,QAAK,MAAM,OAAO,MAAM,WAAW,SAAS,EAAE;IAC5C,MAAM,OAAO,MAAM,WAAW,QAAQ,IAAI;AAC1C,QAAI,QAAQ,KAAK,SAAS,OAAQ,KAAI,KAAK,IAAI;;QAGjD,OAAM,MAAM,KAAK,UAAU;EAG7B,MAAM,UAAU,IAAI,IAAS,IAAI;EACjC,MAAM,WACJ,iBAAiB,SACb,IAAI,IAAS,gBAAgB,EAAE,CAAC,GAChC,qBAAqB;AAC3B,uBAAqB,UAAU;EAE/B,MAAM,UAAU,eAAe,UAAU,QAAQ;AACjD,MAAI,CAAC,QAAS;EAEd,MAAM,OAAO,WAAW,IAAI,OAAO,QAAQ,IAAI,CAAC;AAChD,MAAI,CAAC,KAAM;EAEX,MAAM,gBAAgB,IACnB,KAAK,MAAM,WAAW,IAAI,OAAO,EAAE,CAAC,CAAC,CACrC,QAAQ,MAA6B,CAAC,CAAC,EAAE;EAE5C,MAAM,OAAyB;GAC7B,UAAU,QAAQ;GAClB;GACA;GACD;AAED,WAAS,KAAK,KAAK;GACnB;CAEF,MAAM,cAAc,YAAY;CAEhC,MAAM,YAAY,eACT;EACL;EACA;EACA;EACA,mBACE,eAAe,kBAAkB,SAC7B,wBACA;EACN,cAAc;EACd,qBAAqB;EACrB,kBAAkB;EAClB;EACA,kBAAkB;EAClB,OAAO;EACP,UAAU;EACV,cAAc,aAAa;EAC5B,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,YAAY,aAA+B,UAAU;CAM3D,MAAM,QAAQ,cAAc;EAC1B,MAAM,aAAa,UAAU;AAC7B,MAAI,OAAQ,WAAmB,gBAAgB,WAC7C,QAAO;EAET,MAAM,UAAU,OAAO,OAAO,WAAW;AACzC,UAAQ,eAAe,QAA+C;GACpE,MAAM,OAAO,WAAW,QAAQ,IAAI;AACpC,UAAO,OAAO,MAAM,KAAK,KAAK,WAAW,GAAG,EAAE;;AAEhD,SAAO;GAAE,GAAG;GAAW,YAAY;GAAS;IAC3C,CAAC,UAAU,CAAC;CAEf,MAAM,EAAE,cAAc,QAAQ,WAAW,OAAO,QAAQ;CAExD,MAAM,eAAyC,cAAc;EAC3D,MAAM,MAAgC,EAAE;AACxC,OAAK,MAAM,OAAO,MAAM,WAAW,SAAS,EAAE;GAC5C,MAAM,OAAO,MAAM,WAAW,QAAQ,IAAI;AAC1C,OAAI,QAAQ,KAAK,SAAS,OAAQ,KAAI,KAAK,KAAK;;AAElD,SAAO;IACN,CAAC,MAAM,WAAW,CAAC;CAEtB,MAAM,cAAc,cAEhB,UAAU,OACL,GACE,kBAAyC,GAAG,OAAO,KACrD,GACD,QACN,CAAC,OAAO,CACT;CAED,MAAM,OAAO,eACJ,EACL,cAAc,UAAU,MACzB,GACD,CAAC,OAAO,CACT;AASD,QACE,oBAAC;EACC,GANiBA,aAAW,WAAW,EACzC,KAHgB,cAAc,UAAU,KAAK,QAAQ,EAAE,CAAC,KAAK,QAAQ,CAAC,EAIvE,CAAC;EAKE,IAAI,MAAM;EACJ;EACN,QAAQ;EACR,OAAO;YAEN,aAAa,KAAK,SAAS;GAC1B,MAAM,SAAS,OAAO,KAAK,IAAI;GAC/B,MAAM,OAAO,WAAW,IAAI,OAAO;AACnC,OAAI,CAAC,KAAM,QAAO;AAClB,UACE,oBAAC;IAEO;IACA;IACC;IACM;IACb,YAAY,MAAM,aAAa,IAAI,KAAK,IAAI;IAC5C,WAAW,SAAS,WAAW,IAAI,OAAO;IAC1C,iBAAiB,SAAS,eAAe,IAAI,OAAO;IACpD,WAAW,mBAAmB,YAAY,IAAI,OAAO;IAC1C;IACX,iBAAiB,SAAS;MAVrB,KAAK,IAWV;IAEJ;GACU;;AAIlB,MAAM,QAAQ,WAAW,SAAS;AAClC,MAAM,cAAc;;;;;;;;;;;;;;;;;;;AAoBpB,MAAa,OAAO"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ccca45d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2256c47 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
@@ -10,102 +10,55 @@ import { jsx } from "react/jsx-runtime";
 import { useHover, useTreeItem } from "react-aria";
 
 //#region src/components/content/Tree/TreeNode.tsx
-const ROW_LEVEL_OFFSET = 0;
+const stopPropagation = (e) => {
+	e.stopPropagation();
+};
 function TreeNodeInner(props) {
-	const { node, data, state, isCheckable, isExpanded, isIndeterminate, isChecked, isLoading, isBlockNode, onToggleChecked, rowStyles } = props;
+	const { node, data, state, isCheckable, isExpanded, isIndeterminate, isChecked, isLoading, onToggleChecked, rowStyles } = props;
 	const rowRef = useRef(null);
 	const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem({ node }, state, rowRef);
 	const isDisabled = state.disabledKeys.has(node.key);
 	const isSelected = state.selectionManager.isSelected(node.key);
-	/**
-	* `useTreeItem` doesn't track hover. The `Item` variant we extend
-	* (`default.item`) uses the `hovered` mod (compiled to
-	* `[data-hovered]`), so we run `useHover` ourselves and wire its
-	* `hoverProps` into the row.
-	*/
 	const { hoverProps, isHovered } = useHover({ isDisabled });
-	/**
-	* React Aria uses a roving-tabindex "virtual focus" model for treegrid:
-	* only the row matching `selectionManager.focusedKey` is tabbable, and
-	* arrow-key navigation updates that key instead of moving DOM focus
-	* between every row. No `data-focused` / `:focus-visible` lands on the
-	* row, so we mirror the focused key as a `focused` mod on the item
-	* to make it stylable.
-	*/
 	const isFocused = state.selectionManager.isFocused && state.selectionManager.focusedKey === node.key;
-	/**
-	* `useTreeItem` reports `aria-expanded` only on rows that *can* expand
-	* (i.e. have child nodes in the collection). For lazy rows with no
-	* children loaded yet but `isLeaf !== true`, we still want to render
-	* a toggle so the consumer can fire `loadData`.
-	*/
 	const isLeaf = data.isLeaf === true || data.isLeaf !== false && !node.hasChildNodes;
 	const isRowCheckable = isCheckable && data.isCheckable !== false;
-	const handleCheckboxClick = useEvent((e) => {
-		e.stopPropagation();
-	});
 	const handleCheckboxChange = useEvent(() => {
 		onToggleChecked(String(node.key));
 	});
-	const rowMods = useMemo(() => ({
+	const sharedMods = useMemo(() => ({
 		checked: isChecked,
 		indeterminate: isIndeterminate,
 		expanded: isExpanded,
-		disabled: isDisabled,
 		loading: isLoading,
 		leaf: isLeaf,
-		"block-node": isBlockNode,
 		"has-checkbox": isRowCheckable
 	}), [
 		isChecked,
 		isIndeterminate,
 		isExpanded,
-		isDisabled,
 		isLoading,
 		isLeaf,
-		isBlockNode,
 		isRowCheckable
 	]);
+	const rowMods = useMemo(() => ({
+		...sharedMods,
+		disabled: isDisabled
+	}), [sharedMods, isDisabled]);
 	const itemMods = useMemo(() => ({
-		checked: isChecked,
-		indeterminate: isIndeterminate,
-		expanded: isExpanded,
-		loading: isLoading,
-		leaf: isLeaf,
+		...sharedMods,
 		focused: isFocused,
 		hovered: isHovered,
-		pressed: isPressed,
-		"has-checkbox": isRowCheckable
+		pressed: isPressed
 	}), [
-		isChecked,
-		isIndeterminate,
-		isExpanded,
-		isLoading,
-		isLeaf,
+		sharedMods,
 		isFocused,
 		isHovered,
-		isPressed,
-		isRowCheckable
+		isPressed
 	]);
-	/**
-	* Indent each row by its depth. `node.level` is 0-based at the root.
-	* Pushed down via a CSS custom property so the styled element can
-	* compute padding without re-extracting styles per row.
-	*/
-	const levelStyle = useMemo(() => ({ ["--tree-level"]: String((node.level ?? ROW_LEVEL_OFFSET) - ROW_LEVEL_OFFSET) }), [node.level]);
-	/**
-	* `aria-checked` for treegrid rows that act as multi-state checkboxes.
-	* Only set when the tree is checkable, so we don't pollute the row
-	* with checkbox semantics in select-only mode.
-	*/
+	const levelStyle = useMemo(() => ({ ["--tree-level"]: String(node.level ?? 0) }), [node.level]);
 	const ariaChecked = isRowCheckable ? isIndeterminate ? "mixed" : isChecked ? "true" : "false" : void 0;
 	const finalRowProps = mergeProps$1(rowProps, hoverProps, { "aria-checked": ariaChecked });
-	/**
-	* Always render a toggle slot — even for leaf rows — so siblings
-	* at the same indent level visually align. Leaves get a
-	* non-interactive placeholder (a plain div) so user clicks can't
-	* trigger anything.
-	*/
 	const toggleNode = isLeaf ? /* @__PURE__ */ jsx(TreeNodeTogglePlaceholder, {
 		"aria-hidden": true,
 		"data-element": "Toggle"
@@ -118,8 +71,8 @@ function TreeNodeInner(props) {
 	const checkboxNode = isRowCheckable ? /* @__PURE__ */ jsx(TreeNodeCheckboxWrapper, {
 		"data-element": "Checkbox",
 		role: "presentation",
-		onClick: handleCheckboxClick,
-		onKeyDown: handleCheckboxClick,
+		onClick: stopPropagation,
+		onKeyDown: stopPropagation,
 		children: /* @__PURE__ */ jsx(__Checkbox, {
 			isSelected: isChecked,
 			isIndeterminate,