@itwin/presentation-hierarchies-react 2.0.0-alpha.52 → 2.0.0-alpha.54

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

@@ -1,193 +1,424 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, } from "react";
-import { Tree } from "@stratakit/structures";
-import { useVirtualizer } from "@tanstack/react-virtual";
-import { useSelectionHandler } from "../UseSelectionHandler.js";
 import { useEvent, useMergedRefs } from "../Utils.js";
-import { isPlaceholderItem, useErrorNodes, useFlatTreeItems } from "./FlatTreeNode.js";
 import { LocalizationContextProvider } from "./LocalizationContext.js";
-import { TreeErrorRenderer } from "./TreeErrorRenderer.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 { 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 `@itwin/itwinui-react`. The tree nodes
- * are rendered using `TreeNodeRenderer` component from this package.
- *
- * @see https://itwinui.bentley.com/docs/tree
- * @alpha
- */
-export const StrataKitTreeRenderer = forwardRef(function StrataKitTreeRenderer(props, forwardedRef) {
-    const { id, rootNodes, selectNodes, selectionMode, expandNode, treeLabel, localizedStrings, getHierarchyLevelDetails, filterHierarchyLevel, reloadTree, isNodeSelected, errorRenderer, treeRootProps, getContextMenuActions, getEditingProps, getInlineActions, getMenuActions, getTreeItemProps, } = props;
-    const { handleNodeSelect } = useSelectionHandler({
-        rootNodes,
-        selectNodes: selectNodes ?? noopSelectNodes,
-        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) => {
-                // give time to scroll node into view before starting rename
-                requestAnimationFrame(() => renameContext.startRename(targetNode));
-            },
-        }),
-    }));
-    const cancelRename = renameContext.cancelRename;
-    const isScrolling = virtualizer.isScrolling;
-    useEffect(() => {
-        if (isScrolling) {
-            // cancel rename when scroll is initiated
-            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 === undefined) {
-                calculatedSelectedNodes = flatItems
-                    .filter((item) => !isPlaceholderItem(item) && isNodeSelected?.(item.id))
-                    .map((item) => item.node);
-            }
-            return calculatedSelectedNodes;
-        };
-    }, [flatItems, isNodeSelected]);
-    return (_jsxs(LocalizationContextProvider, { localizedStrings: localizedStrings, children: [errorRenderer ? errorRenderer(errorRendererProps) : _jsx(TreeErrorRenderer, { ...errorRendererProps }), _jsx("div", { id: id, style: { height: "100%", width: "100%", overflowY: "auto" }, ref: parentRef, children: _jsx(Tree.Root, { ...treeRootProps, style: { height: virtualizer.getTotalSize(), minHeight: "100%", width: "100%", position: "relative", overflow: "hidden" }, children: _jsx(TreeNodeRenameContextProvider, { value: renameContext, children: items.map((virtualizedItem) => {
-                            const item = flatItems[virtualizedItem.index];
-                            const selected = isNodeSelected?.(item.id) ?? false;
-                            return (_jsx(VirtualTreeItem, { ref: virtualizer.measureElement, "data-index": virtualizedItem.index, start: virtualizedItem.start, item: item, selected: selected, expandNode: expandNode, reloadTree: reloadTree, handleNodeSelect: handleNodeSelect, getSelectedNodes: getSelectedNodes, getContextMenuActions: getContextMenuActions, getInlineActions: getInlineActions, getMenuActions: getMenuActions, getTreeItemProps: getTreeItemProps }, virtualizedItem.key));
-                        }) }) }) })] }));
+* A component that renders a tree using the `Tree` component from `@itwin/itwinui-react`. The tree nodes
+* are rendered using `TreeNodeRenderer` component from this package.
+*
+* @see https://itwinui.bentley.com/docs/tree
+* @alpha
+*/
+const StrataKitTreeRenderer = forwardRef(function StrataKitTreeRenderer(props, forwardedRef) {
+	const { id, rootNodes, selectNodes, selectionMode, expandNode, treeLabel, localizedStrings, 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(LocalizationContextProvider, {
+		localizedStrings,
+		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({ rootNodes, flatItems, expandNode, virtualizer, }) {
-    const expandToNode = (nodePredicate) => {
-        const pathToNode = findPathToNode(rootNodes, nodePredicate);
-        if (!pathToNode) {
-            return undefined;
-        }
-        const targetNode = pathToNode.pop();
-        const collapsedNodes = pathToNode.filter((pathNode) => !pathNode.isExpanded);
-        collapsedNodes.forEach((node) => expandNode(node.id, true));
-        return { targetNode, didExpand: collapsedNodes.length > 0 };
-    };
-    const scrollToNode = useRef(undefined);
-    useEffect(() => {
-        if (scrollToNode.current === undefined) {
-            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 = undefined;
-    }, [flatItems, virtualizer]);
-    return ({ nodePredicate, onComplete }) => {
-        const expandResult = expandToNode(nodePredicate);
-        if (!expandResult) {
-            return "node-not-found";
-        }
-        const { targetNode, didExpand } = expandResult;
-        if (didExpand) {
-            scrollToNode.current = {
-                id: targetNode.id,
-                onScrollComplete: onComplete ? () => onComplete(targetNode) : undefined,
-            };
-        }
-        else {
-            const index = flatItems.findIndex((flatItem) => flatItem.id === targetNode.id);
-            virtualizer.scrollToIndex(index, { align: "auto" });
-            onComplete?.(targetNode);
-        }
-        return "success";
-    };
+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 && parent.children !== true) {
-            const childPath = findPathToNode(parent.children, nodePredicate);
-            if (childPath) {
-                return [parent, ...childPath];
-            }
-        }
-    }
-    return undefined;
+	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({ start, item, ...props }, forwardedRef) {
-    const style = useMemo(() => ({
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        transform: `translateY(${start}px)`,
-        willChange: "transform",
-    }), [start]);
-    if (isPlaceholderItem(item)) {
-        return _jsx(PlaceholderNode, { ref: forwardedRef, "data-index": props["data-index"], style: style, "aria-level": item.level, "aria-posinset": 1, "aria-setsize": 1 });
-    }
-    return _jsx(HierarchyNodeItem, { ...props, ref: forwardedRef, style: style, item: item });
+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({ item, selected, getTreeItemProps, handleNodeSelect, getSelectedNodes, getMenuActions, getInlineActions, getContextMenuActions, ...rest }, forwardedRef) {
-    const nodeRef = useRef(null);
-    const node = item.node;
-    const treeItemProps = getTreeItemProps?.(node);
-    const isDisabled = treeItemProps?.["aria-disabled"] === true;
-    const nodeActions = useMemo(() => ({
-        menuActions: getMenuActions ? getMenuActions({ targetNode: node, selectedNodes: getSelectedNodes() }) : undefined,
-        inlineActions: getInlineActions ? getInlineActions({ targetNode: node, selectedNodes: getSelectedNodes() }) : undefined,
-        contextMenuActions: getContextMenuActions ? getContextMenuActions({ targetNode: node, selectedNodes: getSelectedNodes() }) : undefined,
-    }), [node, getMenuActions, getInlineActions, getContextMenuActions, getSelectedNodes]);
-    const onClick = useEvent((e) => {
-        if (treeItemProps?.onClick) {
-            treeItemProps.onClick(e);
-        }
-        // ignore if this is double click
-        if (isDisabled || e.detail > 1) {
-            return;
-        }
-        handleNodeSelect({ nodeId: node.id, isSelected: selected ?? false, shiftDown: e.shiftKey, ctrlDown: e.ctrlKey });
-    });
-    const onMouseDown = useEvent((e) => {
-        if (treeItemProps?.onMouseDown) {
-            treeItemProps.onMouseDown(e);
-        }
-        // prevent text selection on shift+click
-        if (e.shiftKey) {
-            e.preventDefault();
-        }
-    });
-    const ref = useMergedRefs(forwardedRef, nodeRef);
-    return (_jsx(StrataKitTreeNodeRenderer, { ...treeItemProps, ...rest, ...nodeActions, ref: ref, "aria-level": item.level, "aria-posinset": item.posInLevel, "aria-setsize": item.levelSize, node: item.node, selected: selected, onClick: onClick, onMouseDown: onMouseDown }));
+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;
 }));
-function noopSelectNodes() { }
+
+//#endregion
+export { StrataKitTreeRenderer };
 //# sourceMappingURL=TreeRenderer.js.map