@itwin/presentation-hierarchies-react 2.0.0-alpha.53 → 2.0.0-alpha.55

package/lib/presentation-hierarchies-react/stratakit/TreeRenderer.js

@@ -0,0 +1,418 @@
+import { useEvent, useMergedRefs } from "../Utils.js";
+import { TreeNodeRenameContextProvider, useTreeNodeRenameContextValue } from "./TreeNodeRenameAction.js";
+import { useSelectionHandler } from "../UseSelectionHandler.js";
+import { isPlaceholderItem, useErrorNodes, useFlatTreeItems } from "./FlatTreeNode.js";
+import { TreeErrorRenderer } from "./TreeErrorRenderer.js";
+import { PlaceholderNode, StrataKitTreeNodeRenderer } from "./TreeNodeRenderer.js";
+import { c } from "react-compiler-runtime";
+import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Tree } from "@stratakit/structures";
+import { useVirtualizer } from "@tanstack/react-virtual";
+
+//#region src/presentation-hierarchies-react/stratakit/TreeRenderer.tsx
+/**
+* A component that renders a tree using the `Tree` component from `@stratakit/structures`.
+*
+* @alpha
+*/
+const StrataKitTreeRenderer = forwardRef(function StrataKitTreeRenderer(props, forwardedRef) {
+	const { id, rootNodes, selectNodes, selectionMode, expandNode, treeLabel, getHierarchyLevelDetails, filterHierarchyLevel, reloadTree, isNodeSelected, errorRenderer, treeRootProps, getContextMenuActions, getEditingProps, getInlineActions, getMenuActions, getTreeItemProps } = props;
+	const { handleNodeSelect } = useSelectionHandler({
+		rootNodes,
+		selectNodes,
+		selectionMode: selectionMode ?? "single"
+	});
+	const flatItems = useFlatTreeItems(rootNodes);
+	const errorNodes = useErrorNodes(rootNodes);
+	const parentRef = useRef(null);
+	const virtualizer = useVirtualizer({
+		count: flatItems.length,
+		getScrollElement: () => parentRef.current,
+		getItemKey: useCallback((index) => flatItems[index].id, [flatItems]),
+		estimateSize: () => 28,
+		overscan: 10
+	});
+	const items = virtualizer.getVirtualItems();
+	const expandAndScrollToNode = useExpandAndScrollToNode({
+		rootNodes,
+		flatItems,
+		expandNode,
+		virtualizer
+	});
+	const renameContext = useTreeNodeRenameContextValue({ getEditingProps });
+	useImperativeHandle(forwardedRef, () => ({ renameNode: (nodePredicate) => expandAndScrollToNode({
+		nodePredicate,
+		onComplete: (targetNode) => {
+			requestAnimationFrame(() => renameContext.startRename(targetNode));
+		}
+	}) }));
+	const cancelRename = renameContext.cancelRename;
+	const isScrolling = virtualizer.isScrolling;
+	useEffect(() => {
+		if (isScrolling) cancelRename();
+	}, [isScrolling, cancelRename]);
+	const errorRendererProps = {
+		treeLabel,
+		errorNodes,
+		scrollToNode: (node) => expandAndScrollToNode({ nodePredicate: (n) => n.id === node.id }),
+		getHierarchyLevelDetails,
+		filterHierarchyLevel,
+		reloadTree: useCallback(({ parentNodeId }) => reloadTree({
+			parentNodeId,
+			state: "reset"
+		}), [reloadTree])
+	};
+	const getSelectedNodes = useMemo(() => {
+		let calculatedSelectedNodes;
+		return () => {
+			if (calculatedSelectedNodes === void 0) calculatedSelectedNodes = flatItems.filter((item) => !isPlaceholderItem(item) && isNodeSelected(item.id)).map((item_0) => item_0.node);
+			return calculatedSelectedNodes;
+		};
+	}, [flatItems, isNodeSelected]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [errorRenderer ? errorRenderer(errorRendererProps) : /* @__PURE__ */ jsx(TreeErrorRenderer, { ...errorRendererProps }), /* @__PURE__ */ jsx("div", {
+		id,
+		style: {
+			height: "100%",
+			width: "100%",
+			overflowY: "auto"
+		},
+		ref: parentRef,
+		children: /* @__PURE__ */ jsx(Tree.Root, {
+			...treeRootProps,
+			style: {
+				height: virtualizer.getTotalSize(),
+				minHeight: "100%",
+				width: "100%",
+				position: "relative",
+				overflow: "hidden"
+			},
+			children: /* @__PURE__ */ jsx(TreeNodeRenameContextProvider, {
+				value: renameContext,
+				children: items.map((virtualizedItem) => {
+					const item_1 = flatItems[virtualizedItem.index];
+					const selected = isNodeSelected(item_1.id);
+					return /* @__PURE__ */ jsx(VirtualTreeItem, {
+						ref: virtualizer.measureElement,
+						"data-index": virtualizedItem.index,
+						start: virtualizedItem.start,
+						item: item_1,
+						selected,
+						expandNode,
+						reloadTree,
+						handleNodeSelect,
+						getSelectedNodes,
+						getContextMenuActions,
+						getInlineActions,
+						getMenuActions,
+						getTreeItemProps
+					}, virtualizedItem.key);
+				})
+			})
+		})
+	})] });
+});
+function useExpandAndScrollToNode(t0) {
+	const $ = c(11);
+	const { rootNodes, flatItems, expandNode, virtualizer } = t0;
+	let t1;
+	if ($[0] !== expandNode || $[1] !== rootNodes) {
+		t1 = (nodePredicate) => {
+			const pathToNode = findPathToNode(rootNodes, nodePredicate);
+			if (!pathToNode) return;
+			const targetNode = pathToNode.pop();
+			const collapsedNodes = pathToNode.filter(_temp);
+			collapsedNodes.forEach((node) => expandNode(node.id, true));
+			return {
+				targetNode,
+				didExpand: collapsedNodes.length > 0
+			};
+		};
+		$[0] = expandNode;
+		$[1] = rootNodes;
+		$[2] = t1;
+	} else t1 = $[2];
+	const expandToNode = t1;
+	const scrollToNode = useRef(void 0);
+	let t2;
+	let t3;
+	if ($[3] !== flatItems || $[4] !== virtualizer) {
+		t2 = () => {
+			if (scrollToNode.current === void 0) return;
+			const targetNodeId = scrollToNode.current.id;
+			const index = flatItems.findIndex((flatItem) => flatItem.id === targetNodeId);
+			if (index === -1) return;
+			virtualizer.scrollToIndex(index, { align: "auto" });
+			scrollToNode.current.onScrollComplete?.();
+			scrollToNode.current = void 0;
+		};
+		t3 = [flatItems, virtualizer];
+		$[3] = flatItems;
+		$[4] = virtualizer;
+		$[5] = t2;
+		$[6] = t3;
+	} else {
+		t2 = $[5];
+		t3 = $[6];
+	}
+	useEffect(t2, t3);
+	let t4;
+	if ($[7] !== expandToNode || $[8] !== flatItems || $[9] !== virtualizer) {
+		t4 = (t5) => {
+			const { nodePredicate: nodePredicate_0, onComplete } = t5;
+			const expandResult = expandToNode(nodePredicate_0);
+			if (!expandResult) return "node-not-found";
+			const { targetNode: targetNode_0, didExpand } = expandResult;
+			if (didExpand) scrollToNode.current = {
+				id: targetNode_0.id,
+				onScrollComplete: onComplete ? () => onComplete(targetNode_0) : void 0
+			};
+			else {
+				const index_0 = flatItems.findIndex((flatItem_0) => flatItem_0.id === targetNode_0.id);
+				virtualizer.scrollToIndex(index_0, { align: "auto" });
+				onComplete?.(targetNode_0);
+			}
+			return "success";
+		};
+		$[7] = expandToNode;
+		$[8] = flatItems;
+		$[9] = virtualizer;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+function _temp(pathNode) {
+	return !pathNode.isExpanded;
+}
+function findPathToNode(rootNodes, nodePredicate) {
+	for (const parent of rootNodes) {
+		if (nodePredicate(parent)) return [parent];
+		if (parent.children !== true) {
+			const childPath = findPathToNode(parent.children, nodePredicate);
+			if (childPath) return [parent, ...childPath];
+		}
+	}
+}
+const VirtualTreeItem = memo(forwardRef(function VirtualTreeItem(t0, forwardedRef) {
+	const $ = c(16);
+	let item;
+	let props;
+	let start;
+	if ($[0] !== t0) {
+		({start, item, ...props} = t0);
+		$[0] = t0;
+		$[1] = item;
+		$[2] = props;
+		$[3] = start;
+	} else {
+		item = $[1];
+		props = $[2];
+		start = $[3];
+	}
+	const t1 = `translateY(${start}px)`;
+	let t2;
+	if ($[4] !== t1) {
+		t2 = {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			transform: t1,
+			willChange: "transform"
+		};
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const style = t2;
+	if (isPlaceholderItem(item)) {
+		const t3 = props["data-index"];
+		let t4;
+		if ($[6] !== forwardedRef || $[7] !== item.level || $[8] !== style || $[9] !== t3) {
+			t4 = /* @__PURE__ */ jsx(PlaceholderNode, {
+				ref: forwardedRef,
+				"data-index": t3,
+				style,
+				"aria-level": item.level,
+				"aria-posinset": 1,
+				"aria-setsize": 1
+			});
+			$[6] = forwardedRef;
+			$[7] = item.level;
+			$[8] = style;
+			$[9] = t3;
+			$[10] = t4;
+		} else t4 = $[10];
+		return t4;
+	}
+	let t3;
+	if ($[11] !== forwardedRef || $[12] !== item || $[13] !== props || $[14] !== style) {
+		t3 = /* @__PURE__ */ jsx(HierarchyNodeItem, {
+			...props,
+			ref: forwardedRef,
+			style,
+			item
+		});
+		$[11] = forwardedRef;
+		$[12] = item;
+		$[13] = props;
+		$[14] = style;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
+}));
+const HierarchyNodeItem = memo(forwardRef(function HierarchyNodeItem(t0, forwardedRef) {
+	const $ = c(49);
+	let getContextMenuActions;
+	let getInlineActions;
+	let getMenuActions;
+	let getSelectedNodes;
+	let getTreeItemProps;
+	let handleNodeSelect;
+	let item;
+	let rest;
+	let selected;
+	if ($[0] !== t0) {
+		({item, selected, getTreeItemProps, handleNodeSelect, getSelectedNodes, getMenuActions, getInlineActions, getContextMenuActions, ...rest} = t0);
+		$[0] = t0;
+		$[1] = getContextMenuActions;
+		$[2] = getInlineActions;
+		$[3] = getMenuActions;
+		$[4] = getSelectedNodes;
+		$[5] = getTreeItemProps;
+		$[6] = handleNodeSelect;
+		$[7] = item;
+		$[8] = rest;
+		$[9] = selected;
+	} else {
+		getContextMenuActions = $[1];
+		getInlineActions = $[2];
+		getMenuActions = $[3];
+		getSelectedNodes = $[4];
+		getTreeItemProps = $[5];
+		handleNodeSelect = $[6];
+		item = $[7];
+		rest = $[8];
+		selected = $[9];
+	}
+	const nodeRef = useRef(null);
+	const node = item.node;
+	let t1;
+	if ($[10] !== getTreeItemProps || $[11] !== node) {
+		t1 = getTreeItemProps?.(node);
+		$[10] = getTreeItemProps;
+		$[11] = node;
+		$[12] = t1;
+	} else t1 = $[12];
+	const treeItemProps = t1;
+	const isDisabled = treeItemProps?.["aria-disabled"] === true;
+	let t2;
+	if ($[13] !== getMenuActions || $[14] !== getSelectedNodes || $[15] !== node) {
+		t2 = getMenuActions ? getMenuActions({
+			targetNode: node,
+			selectedNodes: getSelectedNodes()
+		}) : void 0;
+		$[13] = getMenuActions;
+		$[14] = getSelectedNodes;
+		$[15] = node;
+		$[16] = t2;
+	} else t2 = $[16];
+	let t3;
+	if ($[17] !== getInlineActions || $[18] !== getSelectedNodes || $[19] !== node) {
+		t3 = getInlineActions ? getInlineActions({
+			targetNode: node,
+			selectedNodes: getSelectedNodes()
+		}) : void 0;
+		$[17] = getInlineActions;
+		$[18] = getSelectedNodes;
+		$[19] = node;
+		$[20] = t3;
+	} else t3 = $[20];
+	let t4;
+	if ($[21] !== getContextMenuActions || $[22] !== getSelectedNodes || $[23] !== node) {
+		t4 = getContextMenuActions ? getContextMenuActions({
+			targetNode: node,
+			selectedNodes: getSelectedNodes()
+		}) : void 0;
+		$[21] = getContextMenuActions;
+		$[22] = getSelectedNodes;
+		$[23] = node;
+		$[24] = t4;
+	} else t4 = $[24];
+	let t5;
+	if ($[25] !== t2 || $[26] !== t3 || $[27] !== t4) {
+		t5 = {
+			menuActions: t2,
+			inlineActions: t3,
+			contextMenuActions: t4
+		};
+		$[25] = t2;
+		$[26] = t3;
+		$[27] = t4;
+		$[28] = t5;
+	} else t5 = $[28];
+	const nodeActions = t5;
+	let t6;
+	if ($[29] !== handleNodeSelect || $[30] !== isDisabled || $[31] !== node || $[32] !== selected || $[33] !== treeItemProps) {
+		t6 = (e) => {
+			if (treeItemProps?.onClick) treeItemProps.onClick(e);
+			if (isDisabled || e.detail > 1) return;
+			handleNodeSelect({
+				nodeId: node.id,
+				isSelected: selected ?? false,
+				shiftDown: e.shiftKey,
+				ctrlDown: e.ctrlKey
+			});
+		};
+		$[29] = handleNodeSelect;
+		$[30] = isDisabled;
+		$[31] = node;
+		$[32] = selected;
+		$[33] = treeItemProps;
+		$[34] = t6;
+	} else t6 = $[34];
+	const onClick = useEvent(t6);
+	let t7;
+	if ($[35] !== treeItemProps) {
+		t7 = (e_0) => {
+			if (treeItemProps?.onMouseDown) treeItemProps.onMouseDown(e_0);
+			if (e_0.shiftKey) e_0.preventDefault();
+		};
+		$[35] = treeItemProps;
+		$[36] = t7;
+	} else t7 = $[36];
+	const onMouseDown = useEvent(t7);
+	const ref = useMergedRefs(forwardedRef, nodeRef);
+	let t8;
+	if ($[37] !== item.level || $[38] !== item.levelSize || $[39] !== item.node || $[40] !== item.posInLevel || $[41] !== nodeActions || $[42] !== onClick || $[43] !== onMouseDown || $[44] !== ref || $[45] !== rest || $[46] !== selected || $[47] !== treeItemProps) {
+		t8 = /* @__PURE__ */ jsx(StrataKitTreeNodeRenderer, {
+			...treeItemProps,
+			...rest,
+			...nodeActions,
+			ref,
+			"aria-level": item.level,
+			"aria-posinset": item.posInLevel,
+			"aria-setsize": item.levelSize,
+			node: item.node,
+			selected,
+			onClick,
+			onMouseDown
+		});
+		$[37] = item.level;
+		$[38] = item.levelSize;
+		$[39] = item.node;
+		$[40] = item.posInLevel;
+		$[41] = nodeActions;
+		$[42] = onClick;
+		$[43] = onMouseDown;
+		$[44] = ref;
+		$[45] = rest;
+		$[46] = selected;
+		$[47] = treeItemProps;
+		$[48] = t8;
+	} else t8 = $[48];
+	return t8;
+}));
+
+//#endregion
+export { StrataKitTreeRenderer };
+//# sourceMappingURL=TreeRenderer.js.map

package/lib/presentation-hierarchies-react/stratakit/TreeRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRenderer.js","names":["forwardRef","memo","useCallback","useEffect","useImperativeHandle","useMemo","useRef","Tree","useVirtualizer","useSelectionHandler","useEvent","useMergedRefs","isPlaceholderItem","useErrorNodes","useFlatTreeItems","TreeErrorRenderer","TreeNodeRenameContextProvider","useTreeNodeRenameContextValue","PlaceholderNode","StrataKitTreeNodeRenderer","ComponentProps","CSSProperties","FC","PropsWithoutRef","ReactElement","ReactNode","RefAttributes","TreeRendererProps","TreeNode","SelectionMode","FlatTreeItem","FlatTreeNodeItem","TreeErrorRendererProps","TreeNodeEditingProps","StrataKitTreeItemProps","TreeNodeRendererProps","TreeRendererOwnProps","id","treeLabel","selectionMode","errorRenderer","props","getEditingProps","node","treeRootProps","Partial","Omit","Root","getTreeItemProps","getMenuActions","targetNode","selectedNodes","getInlineActions","getContextMenuActions","StrataKitTreeRendererAttributes","renameNode","nodePredicate","StrataKitTreeRendererProps","Pick","StrataKitTreeRenderer","forwardedRef","rootNodes","selectNodes","expandNode","getHierarchyLevelDetails","filterHierarchyLevel","reloadTree","isNodeSelected","handleNodeSelect","flatItems","errorNodes","parentRef","HTMLDivElement","virtualizer","count","length","getScrollElement","current","getItemKey","index","estimateSize","overscan","items","getVirtualItems","expandAndScrollToNode","useExpandAndScrollToNode","renameContext","onComplete","requestAnimationFrame","startRename","cancelRename","isScrolling","errorRendererProps","scrollToNode","n","parentNodeId","state","getSelectedNodes","calculatedSelectedNodes","undefined","filter","item","map","height","width","overflowY","getTotalSize","minHeight","position","overflow","virtualizedItem","selected","measureElement","key","start","t0","$","_c","t1","pathToNode","findPathToNode","pop","collapsedNodes","_temp","forEach","didExpand","expandToNode","t2","t3","targetNodeId","findIndex","flatItem","scrollToIndex","align","onScrollComplete","t4","t5","nodePredicate_0","expandResult","targetNode_0","index_0","flatItem_0","pathNode","isExpanded","parent","children","childPath","VirtualTreeItemProps","HierarchyNodeItemProps","VirtualTreeItem","HTMLElement","top","left","transform","willChange","style","level","ReturnType","HierarchyNodeItem","rest","nodeRef","treeItemProps","isDisabled","menuActions","inlineActions","contextMenuActions","nodeActions","t6","e","onClick","detail","nodeId","isSelected","shiftDown","shiftKey","ctrlDown","ctrlKey","t7","e_0","onMouseDown","preventDefault","ref","t8","levelSize","posInLevel"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeRenderer.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from \"react\";\nimport { Tree } from \"@stratakit/structures\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useSelectionHandler } from \"../UseSelectionHandler.js\";\nimport { useEvent, useMergedRefs } from \"../Utils.js\";\nimport { isPlaceholderItem, useErrorNodes, useFlatTreeItems } from \"./FlatTreeNode.js\";\nimport { TreeErrorRenderer } from \"./TreeErrorRenderer.js\";\nimport { TreeNodeRenameContextProvider, useTreeNodeRenameContextValue } from \"./TreeNodeRenameAction.js\";\nimport { PlaceholderNode, StrataKitTreeNodeRenderer } from \"./TreeNodeRenderer.js\";\n\nimport type { ComponentProps, CSSProperties, FC, PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from \"react\";\nimport type { TreeRendererProps } from \"../Renderers.js\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { SelectionMode } from \"../UseSelectionHandler.js\";\nimport type { FlatTreeItem, FlatTreeNodeItem } from \"./FlatTreeNode.js\";\nimport type { TreeErrorRendererProps } from \"./TreeErrorRenderer.js\";\nimport type { TreeNodeEditingProps } from \"./TreeNodeRenameAction.js\";\nimport type { StrataKitTreeItemProps, TreeNodeRendererProps } from \"./TreeNodeRenderer.js\";\n\n/** @alpha */\ninterface TreeRendererOwnProps {\n  id?: string;\n  /**\n   * A user friendly display label of the tree. Should be unique within the consuming application,\n   * as it's used for accessibility purposes.\n   */\n  treeLabel: string;\n  /** Active selection mode used by the tree. Defaults to `\"single\"`. */\n  selectionMode?: SelectionMode;\n  /** A render function for errors' display component. Defaults to `<TreeErrorRenderer />`. */\n  errorRenderer?: (props: TreeErrorRendererProps) => ReactElement;\n  /** Props that defines if current node supports editing. */\n  getEditingProps?: (node: TreeNode) => TreeNodeEditingProps | undefined;\n\n  /** Custom props for the root Tree component. */\n  treeRootProps?: Partial<Omit<ComponentProps<typeof Tree.Root>, \"style\">>;\n\n  /** A callback that returns tree item props for specific node. */\n  getTreeItemProps?: (node: TreeNode) => Partial<Omit<StrataKitTreeItemProps, \"selected\" | \"aria-level\" | \"aria-posinset\" | \"aria-setsize\">>;\n\n  /**\n   * Callback that returns menu actions for tree item.\n   * Must return an array of `<TreeActionBase />` or `<Divider />` elements.\n   */\n  getMenuActions?: (props: { targetNode: TreeNode; selectedNodes: TreeNode[] }) => ReactNode[];\n  /**\n   * Callback that returns inline actions for tree item.\n   * Must return an array of `<TreeActionBase />` elements.\n   * Max 2 items.\n   */\n  getInlineActions?: (props: { targetNode: TreeNode; selectedNodes: TreeNode[] }) => ReactNode[];\n  /**\n   * Callback that returns actions for tree item context menu.\n   * Must return an array of `<TreeActionBase />` or `<Divider />` elements.\n   */\n  getContextMenuActions?: (props: { targetNode: TreeNode; selectedNodes: TreeNode[] }) => ReactNode[];\n}\n\n/** @alpha */\nexport interface StrataKitTreeRendererAttributes {\n  /**\n   * Opens rename mode for the first node that matches the given predicate. Node must be already loaded in the tree.\n   * If the node is not visible (because its parent is collapsed), all parents will be expanded to make it visible and node will be scrolled into view.\n   *\n   * Returns \"node-not-found\" if no node matches the predicate, \"success\" if rename was initiated.\n   */\n  renameNode: (nodePredicate: (node: TreeNode) => boolean) => \"node-not-found\" | \"success\";\n}\n\n/** @alpha */\ntype StrataKitTreeRendererProps = TreeRendererProps & Pick<TreeErrorRendererProps, \"filterHierarchyLevel\"> & TreeRendererOwnProps;\n\n/**\n * A component that renders a tree using the `Tree` component from `@stratakit/structures`.\n *\n * @alpha\n */\nexport const StrataKitTreeRenderer: FC<PropsWithoutRef<StrataKitTreeRendererProps> & RefAttributes<StrataKitTreeRendererAttributes>> = forwardRef<\n  StrataKitTreeRendererAttributes,\n  StrataKitTreeRendererProps\n>(function StrataKitTreeRenderer(props, forwardedRef) {\n  const {\n    id,\n    rootNodes,\n    selectNodes,\n    selectionMode,\n    expandNode,\n    treeLabel,\n    getHierarchyLevelDetails,\n    filterHierarchyLevel,\n    reloadTree,\n    isNodeSelected,\n    errorRenderer,\n    treeRootProps,\n    getContextMenuActions,\n    getEditingProps,\n    getInlineActions,\n    getMenuActions,\n    getTreeItemProps,\n  } = props;\n  const { handleNodeSelect } = useSelectionHandler({\n    rootNodes,\n    selectNodes,\n    selectionMode: selectionMode ?? \"single\",\n  });\n  const flatItems = useFlatTreeItems(rootNodes);\n  const errorNodes = useErrorNodes(rootNodes);\n\n  const parentRef = useRef<HTMLDivElement>(null);\n\n  // eslint-disable-next-line react-hooks/incompatible-library\n  const virtualizer = useVirtualizer({\n    count: flatItems.length,\n    getScrollElement: () => parentRef.current,\n    getItemKey: useCallback((index: number) => flatItems[index].id, [flatItems]),\n    estimateSize: () => 28,\n    overscan: 10,\n  });\n  const items = virtualizer.getVirtualItems();\n  const expandAndScrollToNode = useExpandAndScrollToNode({ rootNodes, flatItems, expandNode, virtualizer });\n\n  const renameContext = useTreeNodeRenameContextValue({\n    getEditingProps,\n  });\n  useImperativeHandle(forwardedRef, () => ({\n    renameNode: (nodePredicate) =>\n      expandAndScrollToNode({\n        nodePredicate,\n        onComplete: (targetNode) => {\n          // give time to scroll node into view before starting rename\n          requestAnimationFrame(() => renameContext.startRename(targetNode));\n        },\n      }),\n  }));\n\n  const cancelRename = renameContext.cancelRename;\n  const isScrolling = virtualizer.isScrolling;\n  useEffect(() => {\n    if (isScrolling) {\n      // cancel rename when scroll is initiated\n      cancelRename();\n    }\n  }, [isScrolling, cancelRename]);\n\n  const errorRendererProps: TreeErrorRendererProps = {\n    treeLabel,\n    errorNodes,\n    scrollToNode: (node) => expandAndScrollToNode({ nodePredicate: (n) => n.id === node.id }),\n    getHierarchyLevelDetails,\n    filterHierarchyLevel,\n    reloadTree: useCallback<TreeErrorRendererProps[\"reloadTree\"]>(({ parentNodeId }) => reloadTree({ parentNodeId, state: \"reset\" }), [reloadTree]),\n  };\n\n  const getSelectedNodes = useMemo(() => {\n    let calculatedSelectedNodes: TreeNode[] | undefined;\n    return () => {\n      if (calculatedSelectedNodes === undefined) {\n        calculatedSelectedNodes = flatItems\n          .filter((item): item is FlatTreeNodeItem => !isPlaceholderItem(item) && isNodeSelected(item.id))\n          .map((item) => item.node);\n      }\n      return calculatedSelectedNodes;\n    };\n  }, [flatItems, isNodeSelected]);\n\n  return (\n    <>\n      {errorRenderer ? errorRenderer(errorRendererProps) : <TreeErrorRenderer {...errorRendererProps} />}\n      <div id={id} style={{ height: \"100%\", width: \"100%\", overflowY: \"auto\" }} ref={parentRef}>\n        <Tree.Root\n          {...treeRootProps}\n          style={{ height: virtualizer.getTotalSize(), minHeight: \"100%\", width: \"100%\", position: \"relative\", overflow: \"hidden\" }}\n        >\n          <TreeNodeRenameContextProvider value={renameContext}>\n            {items.map((virtualizedItem) => {\n              const item = flatItems[virtualizedItem.index];\n              const selected = isNodeSelected(item.id);\n              return (\n                <VirtualTreeItem\n                  ref={virtualizer.measureElement}\n                  key={virtualizedItem.key}\n                  data-index={virtualizedItem.index}\n                  start={virtualizedItem.start}\n                  item={item}\n                  selected={selected}\n                  expandNode={expandNode}\n                  reloadTree={reloadTree}\n                  handleNodeSelect={handleNodeSelect}\n                  getSelectedNodes={getSelectedNodes}\n                  getContextMenuActions={getContextMenuActions}\n                  getInlineActions={getInlineActions}\n                  getMenuActions={getMenuActions}\n                  getTreeItemProps={getTreeItemProps}\n                />\n              );\n            })}\n          </TreeNodeRenameContextProvider>\n        </Tree.Root>\n      </div>\n    </>\n  );\n});\n\nfunction useExpandAndScrollToNode({\n  rootNodes,\n  flatItems,\n  expandNode,\n  virtualizer,\n}: Pick<StrataKitTreeRendererProps, \"rootNodes\" | \"expandNode\"> & {\n  flatItems: ReturnType<typeof useFlatTreeItems>;\n  virtualizer: Pick<ReturnType<typeof useVirtualizer>, \"scrollToIndex\">;\n}) {\n  const expandToNode = (nodePredicate: (node: TreeNode) => boolean) => {\n    const pathToNode = findPathToNode(rootNodes, nodePredicate);\n    if (!pathToNode) {\n      return undefined;\n    }\n    const targetNode = pathToNode.pop()!;\n    const collapsedNodes = pathToNode.filter((pathNode) => !pathNode.isExpanded);\n    collapsedNodes.forEach((node) => expandNode(node.id, true));\n    return { targetNode, didExpand: collapsedNodes.length > 0 };\n  };\n\n  const scrollToNode = useRef<{ id: string; onScrollComplete?: () => void } | undefined>(undefined);\n  useEffect(() => {\n    if (scrollToNode.current === undefined) {\n      return;\n    }\n    const targetNodeId = scrollToNode.current.id;\n    const index = flatItems.findIndex((flatItem) => flatItem.id === targetNodeId);\n    if (index === -1) {\n      return;\n    }\n    virtualizer.scrollToIndex(index, { align: \"auto\" });\n    scrollToNode.current.onScrollComplete?.();\n    scrollToNode.current = undefined;\n  }, [flatItems, virtualizer]);\n\n  return ({ nodePredicate, onComplete }: { nodePredicate: (node: TreeNode) => boolean; onComplete?: (targetNode: TreeNode) => void }) => {\n    const expandResult = expandToNode(nodePredicate);\n    if (!expandResult) {\n      return \"node-not-found\";\n    }\n\n    const { targetNode, didExpand } = expandResult;\n    if (didExpand) {\n      scrollToNode.current = {\n        id: targetNode.id,\n        onScrollComplete: onComplete ? () => onComplete(targetNode) : undefined,\n      };\n    } else {\n      const index = flatItems.findIndex((flatItem) => flatItem.id === targetNode.id);\n      virtualizer.scrollToIndex(index, { align: \"auto\" });\n      onComplete?.(targetNode);\n    }\n    return \"success\";\n  };\n}\n\nfunction findPathToNode(rootNodes: TreeNode[], nodePredicate: (node: TreeNode) => boolean): TreeNode[] | undefined {\n  for (const parent of rootNodes) {\n    if (nodePredicate(parent)) {\n      return [parent];\n    }\n    if (parent.children !== true) {\n      const childPath = findPathToNode(parent.children, nodePredicate);\n      if (childPath) {\n        return [parent, ...childPath];\n      }\n    }\n  }\n  return undefined;\n}\n\ntype VirtualTreeItemProps = Omit<HierarchyNodeItemProps, \"item\"> & {\n  start: number;\n  \"data-index\": number;\n  item: FlatTreeItem;\n};\n\nconst VirtualTreeItem = memo(\n  forwardRef<HTMLElement, VirtualTreeItemProps>(function VirtualTreeItem({ start, item, ...props }, forwardedRef) {\n    const style: CSSProperties = useMemo(\n      () => ({\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        transform: `translateY(${start}px)`,\n        willChange: \"transform\",\n      }),\n      [start],\n    );\n\n    if (isPlaceholderItem(item)) {\n      return <PlaceholderNode ref={forwardedRef} data-index={props[\"data-index\"]} style={style} aria-level={item.level} aria-posinset={1} aria-setsize={1} />;\n    }\n\n    return <HierarchyNodeItem {...props} ref={forwardedRef} style={style} item={item} />;\n  }),\n);\n\ntype HierarchyNodeItemProps = {\n  item: FlatTreeNodeItem;\n  style?: CSSProperties;\n  getSelectedNodes: () => TreeNode[];\n} & Pick<TreeNodeRendererProps, \"expandNode\" | \"reloadTree\" | \"selected\"> &\n  Pick<TreeRendererOwnProps, \"getContextMenuActions\" | \"getInlineActions\" | \"getMenuActions\" | \"getTreeItemProps\"> &\n  Pick<ReturnType<typeof useSelectionHandler>, \"handleNodeSelect\">;\n\nconst HierarchyNodeItem = memo(\n  forwardRef<HTMLElement, HierarchyNodeItemProps>(function HierarchyNodeItem(\n    { item, selected, getTreeItemProps, handleNodeSelect, getSelectedNodes, getMenuActions, getInlineActions, getContextMenuActions, ...rest },\n    forwardedRef,\n  ) {\n    const nodeRef = useRef<HTMLElement>(null);\n    const node = item.node;\n    const treeItemProps = getTreeItemProps?.(node);\n\n    const isDisabled = treeItemProps?.[\"aria-disabled\"] === true;\n    const nodeActions = useMemo(\n      () => ({\n        menuActions: getMenuActions ? getMenuActions({ targetNode: node, selectedNodes: getSelectedNodes() }) : undefined,\n        inlineActions: getInlineActions ? getInlineActions({ targetNode: node, selectedNodes: getSelectedNodes() }) : undefined,\n        contextMenuActions: getContextMenuActions ? getContextMenuActions({ targetNode: node, selectedNodes: getSelectedNodes() }) : undefined,\n      }),\n      [node, getMenuActions, getInlineActions, getContextMenuActions, getSelectedNodes],\n    );\n\n    const onClick = useEvent<Required<TreeNodeRendererProps>[\"onClick\"]>((e) => {\n      if (treeItemProps?.onClick) {\n        treeItemProps.onClick(e);\n      }\n      // ignore if this is double click\n      if (isDisabled || e.detail > 1) {\n        return;\n      }\n      handleNodeSelect({ nodeId: node.id, isSelected: selected ?? false, shiftDown: e.shiftKey, ctrlDown: e.ctrlKey });\n    });\n\n    const onMouseDown = useEvent<Required<TreeNodeRendererProps>[\"onMouseDown\"]>((e) => {\n      if (treeItemProps?.onMouseDown) {\n        treeItemProps.onMouseDown(e);\n      }\n      // prevent text selection on shift+click\n      if (e.shiftKey) {\n        e.preventDefault();\n      }\n    });\n\n    const ref = useMergedRefs(forwardedRef, nodeRef);\n    return (\n      <StrataKitTreeNodeRenderer\n        {...treeItemProps}\n        {...rest}\n        {...nodeActions}\n        ref={ref}\n        aria-level={item.level}\n        aria-posinset={item.posInLevel}\n        aria-setsize={item.levelSize}\n        node={item.node}\n        selected={selected}\n        onClick={onClick}\n        onMouseDown={onMouseDown}\n      />\n    );\n  }),\n);\n"],"mappings":"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"}

package/lib/presentation-hierarchies-react.d.ts

@@ -0,0 +1,18 @@
+import { ErrorInfo, GenericErrorInfo, ResultSetTooLargeErrorInfo, TreeNode } from "./presentation-hierarchies-react/TreeNode.js";
+import { HierarchyLevelDetails, TreeRendererProps } from "./presentation-hierarchies-react/Renderers.js";
+import { useTree, useUnifiedSelectionTree } from "./presentation-hierarchies-react/UseTree.js";
+import { useNodeHighlighting } from "./presentation-hierarchies-react/UseNodeHighlighting.js";
+import { useIModelTree, useIModelUnifiedSelectionTree } from "./presentation-hierarchies-react/UseIModelTree.js";
+import { TreeActionBase, TreeActionBaseAttributes } from "./presentation-hierarchies-react/stratakit/TreeAction.js";
+import { TreeNodeFilterAction } from "./presentation-hierarchies-react/stratakit/TreeNodeFilterAction.js";
+import { TreeNodeRenameAction } from "./presentation-hierarchies-react/stratakit/TreeNodeRenameAction.js";
+import { FlatTreeItem, useErrorNodes, useFlatTreeItems } from "./presentation-hierarchies-react/stratakit/FlatTreeNode.js";
+import { ErrorItemRenderer } from "./presentation-hierarchies-react/stratakit/ErrorItemRenderer.js";
+import { TreeErrorRenderer } from "./presentation-hierarchies-react/stratakit/TreeErrorRenderer.js";
+import { StrataKitTreeRenderer, StrataKitTreeRendererAttributes } from "./presentation-hierarchies-react/stratakit/TreeRenderer.js";
+import { StrataKitRootErrorRenderer } from "./presentation-hierarchies-react/stratakit/RootErrorRenderer.js";
+import { LOCALIZATION_NAMESPACES } from "./presentation-hierarchies-react/internal/LocalizedStrings.js";
+import { LocalizationContextProvider } from "./presentation-hierarchies-react/stratakit/LocalizationContext.js";
+import { GenericInstanceFilter, HierarchyNode, HierarchyProvider, getLogger, setLogger } from "@itwin/presentation-hierarchies";
+import { SelectionStorage } from "@itwin/unified-selection";
+export { type ErrorInfo, ErrorItemRenderer, type FlatTreeItem, type GenericErrorInfo, GenericInstanceFilter, type HierarchyLevelDetails, HierarchyNode, type HierarchyProvider, LOCALIZATION_NAMESPACES, LocalizationContextProvider, type ResultSetTooLargeErrorInfo, type SelectionStorage, StrataKitRootErrorRenderer, StrataKitTreeRenderer, type StrataKitTreeRendererAttributes, TreeActionBase, type TreeActionBaseAttributes, TreeErrorRenderer, type TreeNode, TreeNodeFilterAction, TreeNodeRenameAction, type TreeRendererProps, getLogger, setLogger, useErrorNodes, useFlatTreeItems, useIModelTree, useIModelUnifiedSelectionTree, useNodeHighlighting, useTree, useUnifiedSelectionTree };

package/lib/presentation-hierarchies-react.js

@@ -0,0 +1,16 @@
+import { useTree, useUnifiedSelectionTree } from "./presentation-hierarchies-react/UseTree.js";
+import { useNodeHighlighting } from "./presentation-hierarchies-react/UseNodeHighlighting.js";
+import { LOCALIZATION_NAMESPACES } from "./presentation-hierarchies-react/internal/LocalizedStrings.js";
+import { LocalizationContextProvider } from "./presentation-hierarchies-react/stratakit/LocalizationContext.js";
+import { useIModelTree, useIModelUnifiedSelectionTree } from "./presentation-hierarchies-react/UseIModelTree.js";
+import { TreeActionBase } from "./presentation-hierarchies-react/stratakit/TreeAction.js";
+import { TreeNodeFilterAction } from "./presentation-hierarchies-react/stratakit/TreeNodeFilterAction.js";
+import { TreeNodeRenameAction } from "./presentation-hierarchies-react/stratakit/TreeNodeRenameAction.js";
+import { useErrorNodes, useFlatTreeItems } from "./presentation-hierarchies-react/stratakit/FlatTreeNode.js";
+import { ErrorItemRenderer } from "./presentation-hierarchies-react/stratakit/ErrorItemRenderer.js";
+import { TreeErrorRenderer } from "./presentation-hierarchies-react/stratakit/TreeErrorRenderer.js";
+import { StrataKitTreeRenderer } from "./presentation-hierarchies-react/stratakit/TreeRenderer.js";
+import { StrataKitRootErrorRenderer } from "./presentation-hierarchies-react/stratakit/RootErrorRenderer.js";
+import { GenericInstanceFilter, HierarchyNode, getLogger, setLogger } from "@itwin/presentation-hierarchies";
+
+export { ErrorItemRenderer, GenericInstanceFilter, HierarchyNode, LOCALIZATION_NAMESPACES, LocalizationContextProvider, StrataKitRootErrorRenderer, StrataKitTreeRenderer, TreeActionBase, TreeErrorRenderer, TreeNodeFilterAction, TreeNodeRenameAction, getLogger, setLogger, useErrorNodes, useFlatTreeItems, useIModelTree, useIModelUnifiedSelectionTree, useNodeHighlighting, useTree, useUnifiedSelectionTree };

package/lib/public/locales/en/PresentationHierarchies_1.0.json

@@ -0,0 +1,26 @@
+{
+  "loading": "Loading...",
+  "filterHierarchyLevel": "Apply filter",
+  "filterHierarchyLevelActiveDescription": "Filter is applied",
+  "clearHierarchyLevelFilter": "Clear active filter",
+  "noFilteredChildren": "No matches for current filter for {{node}}.",
+  "noFilteredChildrenChangeFilter": "Change filter",
+  "failedToCreateHierarchy": "Failed to create hierarchy for {{node}}.",
+  "failedToCreateRootHierarchy": "Failed to load tree.",
+  "resultLimitExceeded": "The hierarchy for {{node}} contains {{limit}}+ items. Try using filters or increase the limit.",
+  "rootResultLimitExceeded": "The root item hierarchy contains {{limit}}+ items. Try increasing the limit.",
+  "issuesForTree": "Issues for {{tree_label}}.",
+  "issuesFound": "{{number_of_issues}} issue(s) found.",
+  "noIssuesFound": "No issues found.",
+  "increaseHierarchyLimit": "Increase limit to {{limit}}",
+  "increaseHierarchyLimitToUnlimited": "Remove limit",
+  "increaseHierarchyLimitWithFiltering": "Add Filter",
+  "retry": "Retry",
+  "rename": "Rename",
+  "more": "More",
+  "confirm": "Confirm",
+  "cancel": "Cancel",
+  "newLabel": "New label",
+  "other": "Other",
+  "unspecified": "Unspecified"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/presentation-hierarchies-react",
-  "version": "2.0.0-alpha.53",
+  "version": "2.0.0-alpha.55",
   "description": "React components based on `@itwin/presentation-hierarchies`",
   "license": "MIT",
   "author": {
@@ -28,24 +28,24 @@
     "Tree"
   ],
   "type": "module",
-  "types": "lib/esm/presentation-hierarchies-react.d.ts",
-  "module": "lib/esm/presentation-hierarchies-react.js",
+  "types": "lib/presentation-hierarchies-react.d.ts",
   "exports": {
     ".": {
-      "import": "./lib/esm/presentation-hierarchies-react.js"
+      "import": "./lib/presentation-hierarchies-react.js"
     },
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@itwin/core-bentley": "^5.5.1",
+    "@itwin/core-bentley": "^5.6.2",
     "@tanstack/react-virtual": "^3.13.13",
     "classnames": "^2.5.1",
     "immer": "^10.2.0",
+    "react-compiler-runtime": "^1.0.0",
     "react-error-boundary": "^4.1.2",
     "rxjs": "^7.8.2",
-    "@itwin/presentation-hierarchies": "^2.0.0-alpha.10",
-    "@itwin/unified-selection": "^1.6.6-alpha.0",
-    "@itwin/presentation-shared": "^2.0.0-alpha.6"
+    "@itwin/presentation-hierarchies": "^2.0.0-alpha.12",
+    "@itwin/presentation-shared": "^2.0.0-alpha.8",
+    "@itwin/unified-selection": "^1.6.8-alpha.0"
   },
   "peerDependencies": {
     "@stratakit/bricks": "^0.5.4",
@@ -70,53 +70,59 @@
     }
   },
   "devDependencies": {
-    "@itwin/build-tools": "^5.5.1",
+    "@itwin/build-tools": "^5.6.2",
     "@itwin/eslint-plugin": "5.1.0",
+    "@rollup/plugin-babel": "^6.1.0",
     "@stratakit/bricks": "^0.5.4",
     "@stratakit/foundations": "^0.4.5",
     "@stratakit/icons": "^0.2.2",
     "@stratakit/structures": "^0.5.4",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/chai": "^5.2.3",
     "@types/chai-as-promised": "^8.0.2",
     "@types/jsdom": "^21.1.7",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^22.19.7",
-    "@types/react": "^18.3.27",
+    "@types/node": "^22.19.13",
+    "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@types/sinon": "^17.0.4",
     "@types/sinon-chai": "^4.0.0",
-    "c8": "^10.1.3",
+    "babel-plugin-react-compiler": "^1.0.0",
     "chai": "^5.3.3",
     "chai-as-promised": "^8.0.2",
     "cpx2": "^7.0.2",
     "cross-env": "^7.0.3",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.3",
     "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "global-jsdom": "^26.0.0",
     "ignore-styles": "^5.0.1",
     "jsdom": "^26.1.0",
     "mocha": "^11.7.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rimraf": "^6.1.2",
+    "rimraf": "^6.1.3",
     "sinon": "^19.0.5",
     "sinon-chai": "^4.0.1",
+    "tsdown": "^0.20.1",
     "typescript": "~5.7.3",
     "presentation-test-utilities": "^0.0.1"
   },
   "scripts": {
-    "build": "npm run -s build:esm",
-    "build:esm": "npm run -s copy:esm && tsc -p tsconfig.esm.json",
-    "copy:esm": "cpx \"./src/**/*.{css,json}\" ./lib/esm",
+    "build": "tsdown && npm run -s build:locale && npm run -s copy && npm run -s build:test",
+    "build:locale": "tsc -p tsconfig.utils.json && node ./lib/build/utils/BuildLocale.js",
+    "copy": "npm run -s copy:css && npm run -s copy:assets",
+    "copy:css": "cpx \"./src/**/*.css\" \"./lib\"",
+    "copy:assets": "cpx \"./src/public/**/*\" \"./lib/public\"",
+    "build:test": "tsdown --config tsdown.test.config.ts",
     "clean": "rimraf lib build",
-    "cover": "c8 npm -s test",
-    "lint": "eslint ./src/**/*.{ts,tsx}",
+    "cover": "npm -s test",
+    "lint": "eslint \"./src/**/*.{ts,tsx}\"",
     "test:dev": "node --experimental-test-module-mocks --enable-source-maps --import presentation-test-utilities/node-hooks/ignore-styles ./node_modules/mocha/bin/mocha.js --config ./.mocharc.json",
     "test": "npm run test:dev -- --parallel --jobs=4",
-    "extract-api": "betools extract-api --entry=lib/esm/presentation-hierarchies-react --apiReportFolder=./api --apiReportTempFolder=./api/temp --apiSummaryFolder=./api --includeUnexportedApis",
+    "extract-api": "betools extract-api --entry=lib/presentation-hierarchies-react --apiReportFolder=./api --apiReportTempFolder=./api/temp --apiSummaryFolder=./api --includeUnexportedApis",
     "check-internal": "node ../../scripts/checkInternal.js --apiSummary ./api/presentation-hierarchies-react.api.md",
     "update-extractions": "node ../../scripts/updateExtractions.js --targets=./README.md",
     "check-extractions": "node ../../scripts/updateExtractions.js --targets=./README.md --check",