@itwin/presentation-hierarchies-react 2.0.0-alpha.6 → 2.0.0-alpha.61

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

@@ -0,0 +1,417 @@
+import { useEvent, useMergedRefs } from "../Utils.js";
+import { isPlaceholderItem, useErrorNodes, useFlatTreeItems } from "../FlatTreeNode.js";
+import { TreeNodeRenameContextProvider, useTreeNodeRenameContextValue } from "./TreeNodeRenameAction.js";
+import { useSelectionHandler } from "../UseSelectionHandler.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","isPlaceholderItem","useErrorNodes","useFlatTreeItems","useSelectionHandler","useEvent","useMergedRefs","TreeErrorRenderer","TreeNodeRenameContextProvider","useTreeNodeRenameContextValue","PlaceholderNode","StrataKitTreeNodeRenderer","ComponentProps","CSSProperties","FC","PropsWithoutRef","ReactElement","ReactNode","RefAttributes","FlatTreeItem","FlatTreeNodeItem","TreeRendererProps","TreeNode","SelectionMode","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 { isPlaceholderItem, useErrorNodes, useFlatTreeItems } from \"../FlatTreeNode.js\";\nimport { useSelectionHandler } from \"../UseSelectionHandler.js\";\nimport { useEvent, useMergedRefs } from \"../Utils.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 { FlatTreeItem, FlatTreeNodeItem } from \"../FlatTreeNode.js\";\nimport type { TreeRendererProps } from \"../Renderers.js\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { SelectionMode } from \"../UseSelectionHandler.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?: (\n    node: TreeNode,\n  ) => 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 &\n  Pick<TreeErrorRendererProps, \"filterHierarchyLevel\"> &\n  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<\n  PropsWithoutRef<StrataKitTreeRendererProps> & RefAttributes<StrataKitTreeRendererAttributes>\n> = forwardRef<StrataKitTreeRendererAttributes, 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({ getEditingProps });\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\"]>(\n        ({ parentNodeId }) => reloadTree({ parentNodeId, state: \"reset\" }),\n        [reloadTree],\n      ),\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={{\n              height: virtualizer.getTotalSize(),\n              minHeight: \"100%\",\n              width: \"100%\",\n              position: \"relative\",\n              overflow: \"hidden\",\n            }}\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);\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 ({\n    nodePredicate,\n    onComplete,\n  }: {\n    nodePredicate: (node: TreeNode) => boolean;\n    onComplete?: (targetNode: TreeNode) => void;\n  }) => {\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 (\n        <PlaceholderNode\n          ref={forwardedRef}\n          data-index={props[\"data-index\"]}\n          style={style}\n          aria-level={item.level}\n          aria-posinset={1}\n          aria-setsize={1}\n        />\n      );\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    {\n      item,\n      selected,\n      getTreeItemProps,\n      handleNodeSelect,\n      getSelectedNodes,\n      getMenuActions,\n      getInlineActions,\n      getContextMenuActions,\n      ...rest\n    },\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\n          ? getMenuActions({ targetNode: node, selectedNodes: getSelectedNodes() })\n          : undefined,\n        inlineActions: getInlineActions\n          ? getInlineActions({ targetNode: node, selectedNodes: getSelectedNodes() })\n          : undefined,\n        contextMenuActions: getContextMenuActions\n          ? getContextMenuActions({ targetNode: node, selectedNodes: getSelectedNodes() })\n          : 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-extract.d.ts

@@ -0,0 +1,17 @@
+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 { LOCALIZATION_NAMESPACES } from "./presentation-hierarchies-react/internal/LocalizedStrings.js";
+import { FlatTreeItem, useErrorNodes, useFlatTreeItems } from "./presentation-hierarchies-react/FlatTreeNode.js";
+import { LocalizationContextProvider } from "./presentation-hierarchies-react/LocalizationContext.js";
+import { GenericInstanceFilter, HierarchyNode, HierarchyProvider, SelectionStorage, getLogger, setLogger } from "./presentation-hierarchies-react.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 { 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";
+export { ErrorInfo, ErrorItemRenderer, FlatTreeItem, GenericErrorInfo, GenericInstanceFilter, HierarchyLevelDetails, HierarchyNode, HierarchyProvider, LOCALIZATION_NAMESPACES, LocalizationContextProvider, ResultSetTooLargeErrorInfo, SelectionStorage, StrataKitRootErrorRenderer, StrataKitTreeRenderer, StrataKitTreeRendererAttributes, TreeActionBase, TreeActionBaseAttributes, TreeErrorRenderer, TreeNode, TreeNodeFilterAction, TreeNodeRenameAction, TreeRendererProps, getLogger, setLogger, useErrorNodes, useFlatTreeItems, useIModelTree, useIModelUnifiedSelectionTree, useNodeHighlighting, useTree, useUnifiedSelectionTree };

package/lib/presentation-hierarchies-react-extract.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/LocalizationContext.js";
+import { useIModelTree, useIModelUnifiedSelectionTree } from "./presentation-hierarchies-react/UseIModelTree.js";
+import { useErrorNodes, useFlatTreeItems } from "./presentation-hierarchies-react/FlatTreeNode.js";
+import { GenericInstanceFilter, HierarchyNode, getLogger, setLogger } from "./presentation-hierarchies-react.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 { 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 "./presentation-hierarchies-react-stratakit.js";
+export { ErrorItemRenderer, GenericInstanceFilter, HierarchyNode, LOCALIZATION_NAMESPACES, LocalizationContextProvider, StrataKitRootErrorRenderer, StrataKitTreeRenderer, TreeActionBase, TreeErrorRenderer, TreeNodeFilterAction, TreeNodeRenameAction, getLogger, setLogger, useErrorNodes, useFlatTreeItems, useIModelTree, useIModelUnifiedSelectionTree, useNodeHighlighting, useTree, useUnifiedSelectionTree };

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

@@ -0,0 +1,8 @@
+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 { 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";
+export { ErrorItemRenderer, StrataKitRootErrorRenderer, StrataKitTreeRenderer, type StrataKitTreeRendererAttributes, TreeActionBase, type TreeActionBaseAttributes, TreeErrorRenderer, TreeNodeFilterAction, TreeNodeRenameAction };

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

@@ -0,0 +1,8 @@
+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 { 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";
+export { ErrorItemRenderer, StrataKitRootErrorRenderer, StrataKitTreeRenderer, TreeActionBase, TreeErrorRenderer, TreeNodeFilterAction, TreeNodeRenameAction };

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

@@ -0,0 +1,11 @@
+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 { LOCALIZATION_NAMESPACES } from "./presentation-hierarchies-react/internal/LocalizedStrings.js";
+import { FlatTreeItem, useErrorNodes, useFlatTreeItems } from "./presentation-hierarchies-react/FlatTreeNode.js";
+import { LocalizationContextProvider } from "./presentation-hierarchies-react/LocalizationContext.js";
+import { GenericInstanceFilter, HierarchyNode, HierarchyProvider, getLogger, setLogger } from "@itwin/presentation-hierarchies";
+import { SelectionStorage } from "@itwin/unified-selection";
+export { type ErrorInfo, type FlatTreeItem, type GenericErrorInfo, GenericInstanceFilter, type HierarchyLevelDetails, HierarchyNode, type HierarchyProvider, LOCALIZATION_NAMESPACES, LocalizationContextProvider, type ResultSetTooLargeErrorInfo, type SelectionStorage, type TreeNode, type TreeRendererProps, getLogger, setLogger, useErrorNodes, useFlatTreeItems, useIModelTree, useIModelUnifiedSelectionTree, useNodeHighlighting, useTree, useUnifiedSelectionTree };

package/lib/presentation-hierarchies-react.js

@@ -0,0 +1,8 @@
+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/LocalizationContext.js";
+import { useIModelTree, useIModelUnifiedSelectionTree } from "./presentation-hierarchies-react/UseIModelTree.js";
+import { useErrorNodes, useFlatTreeItems } from "./presentation-hierarchies-react/FlatTreeNode.js";
+import { GenericInstanceFilter, HierarchyNode, getLogger, setLogger } from "@itwin/presentation-hierarchies";
+export { GenericInstanceFilter, HierarchyNode, LOCALIZATION_NAMESPACES, LocalizationContextProvider, 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"
+}