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

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

@@ -1,132 +1,500 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 "./TreeNodeRenderer.css";
-import { cloneElement, forwardRef, isValidElement, memo, useCallback, useEffect, useId, useMemo, useRef, useState, } from "react";
+import { TreeActionBase } from "./TreeAction.js";
+import { useLocalizationContext } from "./LocalizationContext.js";
+import { useTreeNodeRenameContext } from "./TreeNodeRenameAction.js";
+import { c } from "react-compiler-runtime";
+import { cloneElement, forwardRef, isValidElement, memo, useEffect, useId, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DropdownMenu, Tree, unstable_Popover } from "@stratakit/structures";
 import { Description, IconButton, Spinner, Text, TextBox } from "@stratakit/bricks";
+import "./TreeNodeRenderer.css";
 import checkmarkSvg from "@stratakit/icons/checkmark.svg";
 import dismissSvg from "@stratakit/icons/dismiss.svg";
 import refreshSvg from "@stratakit/icons/refresh.svg";
-import { DropdownMenu, unstable_Popover as Popover, Tree } from "@stratakit/structures";
-import { useLocalizationContext } from "./LocalizationContext.js";
-import { TreeActionBase } from "./TreeAction.js";
-import { useTreeNodeRenameContext } from "./TreeNodeRenameAction.js";
+
+//#region src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.tsx
 /**
- * A component that renders given `FlatTreeNode` using the `Tree.Item` component from `@itwin/itwinui-react`. The
- * `FlatTreeNode` objects for this renderer are generally created using the `useFlatTreeNodeList` hook.
- *
- * @internal
- */
-export const StrataKitTreeNodeRenderer = memo(forwardRef(function HierarchyNode(props, forwardedRef) {
-    const { node, decorations, inlineActions, menuActions, contextMenuActions, expandNode, reloadTree, ...treeItemProps } = props;
-    const { localizedStrings } = useLocalizationContext();
-    const renameContext = useTreeNodeRenameContext();
-    const [contextMenuProps, setContextMenuProps] = useState(undefined);
-    const label = treeItemProps.label ?? node.label;
-    const inlineActionItems = useMemo(() => {
-        if (node.error !== undefined && node.error.type === "ChildrenLoad") {
-            return [
-                _jsx(TreeActionBase, { label: localizedStrings.retry, onClick: () => reloadTree({ parentNodeId: node.id, state: "reset" }), visible: true, icon: refreshSvg, variant: "inline" }, "retry"),
-            ];
-        }
-        if (!inlineActions) {
-            return undefined;
-        }
-        return injectActionVariant(inlineActions, "inline");
-    }, [node, inlineActions, localizedStrings.retry, reloadTree]);
-    const menuActionItems = useMemo(() => {
-        if (!menuActions) {
-            return undefined;
-        }
-        return injectActionVariant(menuActions, "default");
-    }, [menuActions]);
-    const expanded = useMemo(() => {
-        if (node.error) {
-            return undefined;
-        }
-        if (node.isExpanded || node.children === true || node.children.length > 0) {
-            return node.isExpanded;
-        }
-        return undefined;
-    }, [node.children, node.error, node.isExpanded]);
-    const { renameParameters, cancelRename } = renameContext ?? {};
-    const labelEditor = (_jsx(LabelEditor, { initialLabel: node.label, onChange: renameParameters?.commit, onCancel: cancelRename, labelValidationHint: renameParameters?.labelValidationHint, validate: renameParameters?.validate }));
-    return (_jsxs(_Fragment, { children: [_jsx(Popover, { content: labelEditor, placement: "bottom", open: renameParameters?.nodeId === node.id, setOpen: cancelRename, unmountOnHide: true, children: _jsx(Tree.Item, { ...treeItemProps, ref: forwardedRef, label: label, expanded: expanded, onExpandedChange: useCallback((isExpanded) => {
-                        expandNode(node.id, isExpanded);
-                    }, [node, expandNode]), inlineActions: inlineActionItems, actions: menuActionItems, unstable_decorations: decorations, error: node.error ? node.error.id : undefined, onContextMenu: (e) => {
-                        if (treeItemProps.onContextMenu) {
-                            treeItemProps.onContextMenu(e);
-                        }
-                        if (!contextMenuActions) {
-                            return;
-                        }
-                        e.preventDefault();
-                        const actions = injectActionVariant(contextMenuActions, "context-menu");
-                        if (actions.length === 0) {
-                            return;
-                        }
-                        setContextMenuProps({
-                            position: {
-                                x: e.clientX,
-                                y: e.clientY,
-                            },
-                            actions,
-                        });
-                    } }) }), _jsxs(DropdownMenu.Provider, { open: contextMenuProps !== undefined, setOpen: (open) => {
-                    if (!open) {
-                        setContextMenuProps(undefined);
-                    }
-                }, children: [contextMenuProps ? (_jsx(DropdownMenu.Button, { style: { position: "fixed", top: contextMenuProps.position.y, left: contextMenuProps.position.x }, render: _jsx("div", {}) })) : null, _jsx(DropdownMenu.Content, { focusable: true, autoFocus: true, children: contextMenuProps?.actions })] }, `${node.id}-${contextMenuProps?.position.x ?? ""}-${contextMenuProps?.position.y ?? ""}`)] }));
+* A component that renders given `FlatTreeNode` using the `Tree.Item` component from `@itwin/itwinui-react`. The
+* `FlatTreeNode` objects for this renderer are generally created using the `useFlatTreeNodeList` hook.
+*
+* @internal
+*/
+const StrataKitTreeNodeRenderer = memo(forwardRef(function HierarchyNode(props, forwardedRef) {
+	const $ = c(62);
+	let contextMenuActions;
+	let decorations;
+	let expandNode;
+	let inlineActions;
+	let menuActions;
+	let node;
+	let reloadTree;
+	let treeItemProps;
+	if ($[0] !== props) {
+		({node, decorations, inlineActions, menuActions, contextMenuActions, expandNode, reloadTree, ...treeItemProps} = props);
+		$[0] = props;
+		$[1] = contextMenuActions;
+		$[2] = decorations;
+		$[3] = expandNode;
+		$[4] = inlineActions;
+		$[5] = menuActions;
+		$[6] = node;
+		$[7] = reloadTree;
+		$[8] = treeItemProps;
+	} else {
+		contextMenuActions = $[1];
+		decorations = $[2];
+		expandNode = $[3];
+		inlineActions = $[4];
+		menuActions = $[5];
+		node = $[6];
+		reloadTree = $[7];
+		treeItemProps = $[8];
+	}
+	const { localizedStrings } = useLocalizationContext();
+	const renameContext = useTreeNodeRenameContext();
+	const [contextMenuProps, setContextMenuProps] = useState(void 0);
+	const label = treeItemProps.label ?? node.label;
+	let t0;
+	bb0: {
+		if (node.error !== void 0 && node.error.type === "ChildrenLoad") {
+			let t1;
+			if ($[9] !== node.id || $[10] !== reloadTree) {
+				t1 = () => reloadTree({
+					parentNodeId: node.id,
+					state: "reset"
+				});
+				$[9] = node.id;
+				$[10] = reloadTree;
+				$[11] = t1;
+			} else t1 = $[11];
+			let t2;
+			if ($[12] !== localizedStrings.retry || $[13] !== t1) {
+				t2 = [/* @__PURE__ */ jsx(TreeActionBase, {
+					label: localizedStrings.retry,
+					onClick: t1,
+					visible: true,
+					icon: refreshSvg,
+					variant: "inline"
+				}, "retry")];
+				$[12] = localizedStrings.retry;
+				$[13] = t1;
+				$[14] = t2;
+			} else t2 = $[14];
+			t0 = t2;
+			break bb0;
+		}
+		if (!inlineActions) {
+			t0 = void 0;
+			break bb0;
+		}
+		let t1;
+		if ($[15] !== inlineActions) {
+			t1 = injectActionVariant(inlineActions, "inline");
+			$[15] = inlineActions;
+			$[16] = t1;
+		} else t1 = $[16];
+		t0 = t1;
+	}
+	const inlineActionItems = t0;
+	let t1;
+	bb1: {
+		if (!menuActions) {
+			t1 = void 0;
+			break bb1;
+		}
+		let t2;
+		if ($[17] !== menuActions) {
+			t2 = injectActionVariant(menuActions, "default");
+			$[17] = menuActions;
+			$[18] = t2;
+		} else t2 = $[18];
+		t1 = t2;
+	}
+	const menuActionItems = t1;
+	let t2;
+	bb2: {
+		if (node.error) {
+			t2 = void 0;
+			break bb2;
+		}
+		if (node.children !== true && node.children.length === 0) {
+			t2 = void 0;
+			break bb2;
+		}
+		t2 = node.isExpanded;
+	}
+	const expanded = t2;
+	let t3;
+	if ($[19] !== renameContext) {
+		t3 = renameContext ?? {};
+		$[19] = renameContext;
+		$[20] = t3;
+	} else t3 = $[20];
+	const { renameParameters, cancelRename } = t3;
+	const t4 = renameParameters?.commit;
+	const t5 = renameParameters?.labelValidationHint;
+	const t6 = renameParameters?.validate;
+	let t7;
+	if ($[21] !== cancelRename || $[22] !== node.label || $[23] !== t4 || $[24] !== t5 || $[25] !== t6) {
+		t7 = /* @__PURE__ */ jsx(LabelEditor, {
+			initialLabel: node.label,
+			onChange: t4,
+			onCancel: cancelRename,
+			labelValidationHint: t5,
+			validate: t6
+		});
+		$[21] = cancelRename;
+		$[22] = node.label;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+	} else t7 = $[26];
+	const labelEditor = t7;
+	const t8 = renameParameters?.nodeId === node.id;
+	let t9;
+	if ($[27] !== expandNode || $[28] !== node.id) {
+		t9 = (isExpanded) => {
+			expandNode(node.id, isExpanded);
+		};
+		$[27] = expandNode;
+		$[28] = node.id;
+		$[29] = t9;
+	} else t9 = $[29];
+	const t10 = t9;
+	const t11 = node.error ? node.error.id : void 0;
+	let t12;
+	if ($[30] !== contextMenuActions || $[31] !== treeItemProps) {
+		t12 = (e) => {
+			if (treeItemProps.onContextMenu) treeItemProps.onContextMenu(e);
+			if (!contextMenuActions) return;
+			e.preventDefault();
+			const actions = injectActionVariant(contextMenuActions, "context-menu");
+			if (actions.length === 0) return;
+			setContextMenuProps({
+				position: {
+					x: e.clientX,
+					y: e.clientY
+				},
+				actions
+			});
+		};
+		$[30] = contextMenuActions;
+		$[31] = treeItemProps;
+		$[32] = t12;
+	} else t12 = $[32];
+	let t13;
+	if ($[33] !== decorations || $[34] !== expanded || $[35] !== forwardedRef || $[36] !== inlineActionItems || $[37] !== label || $[38] !== menuActionItems || $[39] !== t10 || $[40] !== t11 || $[41] !== t12 || $[42] !== treeItemProps) {
+		t13 = /* @__PURE__ */ jsx(Tree.Item, {
+			...treeItemProps,
+			ref: forwardedRef,
+			label,
+			expanded,
+			onExpandedChange: t10,
+			inlineActions: inlineActionItems,
+			actions: menuActionItems,
+			unstable_decorations: decorations,
+			error: t11,
+			onContextMenu: t12
+		});
+		$[33] = decorations;
+		$[34] = expanded;
+		$[35] = forwardedRef;
+		$[36] = inlineActionItems;
+		$[37] = label;
+		$[38] = menuActionItems;
+		$[39] = t10;
+		$[40] = t11;
+		$[41] = t12;
+		$[42] = treeItemProps;
+		$[43] = t13;
+	} else t13 = $[43];
+	let t14;
+	if ($[44] !== cancelRename || $[45] !== labelEditor || $[46] !== t13 || $[47] !== t8) {
+		t14 = /* @__PURE__ */ jsx(unstable_Popover, {
+			content: labelEditor,
+			placement: "bottom",
+			open: t8,
+			setOpen: cancelRename,
+			unmountOnHide: true,
+			children: t13
+		});
+		$[44] = cancelRename;
+		$[45] = labelEditor;
+		$[46] = t13;
+		$[47] = t8;
+		$[48] = t14;
+	} else t14 = $[48];
+	const t15 = contextMenuProps !== void 0;
+	let t16;
+	if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = (open) => {
+			if (!open) setContextMenuProps(void 0);
+		};
+		$[49] = t16;
+	} else t16 = $[49];
+	const t17 = `${node.id}-${contextMenuProps?.position.x ?? ""}-${contextMenuProps?.position.y ?? ""}`;
+	let t18;
+	if ($[50] !== contextMenuProps) {
+		t18 = contextMenuProps ? /* @__PURE__ */ jsx(DropdownMenu.Button, {
+			style: {
+				position: "fixed",
+				top: contextMenuProps.position.y,
+				left: contextMenuProps.position.x
+			},
+			render: /* @__PURE__ */ jsx("div", {})
+		}) : null;
+		$[50] = contextMenuProps;
+		$[51] = t18;
+	} else t18 = $[51];
+	const t19 = contextMenuProps?.actions;
+	let t20;
+	if ($[52] !== t19) {
+		t20 = /* @__PURE__ */ jsx(DropdownMenu.Content, {
+			focusable: true,
+			autoFocus: true,
+			children: t19
+		});
+		$[52] = t19;
+		$[53] = t20;
+	} else t20 = $[53];
+	let t21;
+	if ($[54] !== t15 || $[55] !== t17 || $[56] !== t18 || $[57] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(DropdownMenu.Provider, {
+			open: t15,
+			setOpen: t16,
+			children: [t18, t20]
+		}, t17);
+		$[54] = t15;
+		$[55] = t17;
+		$[56] = t18;
+		$[57] = t20;
+		$[58] = t21;
+	} else t21 = $[58];
+	let t22;
+	if ($[59] !== t14 || $[60] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Fragment, { children: [t14, t21] });
+		$[59] = t14;
+		$[60] = t21;
+		$[61] = t22;
+	} else t22 = $[61];
+	return t22;
 }));
-export const PlaceholderNode = memo(forwardRef(function PlaceholderNode({ ...props }, forwardedRef) {
-    const { localizedStrings } = useLocalizationContext();
-    return (_jsx(Tree.Item, { ...props, ref: forwardedRef, label: localizedStrings.loading, unstable_decorations: _jsx(Spinner, { size: "small", title: localizedStrings.loading }) }));
+const PlaceholderNode = memo(forwardRef(function PlaceholderNode(t0, forwardedRef) {
+	const $ = c(9);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	const { localizedStrings } = useLocalizationContext();
+	let t1;
+	if ($[2] !== localizedStrings.loading) {
+		t1 = /* @__PURE__ */ jsx(Spinner, {
+			size: "small",
+			title: localizedStrings.loading
+		});
+		$[2] = localizedStrings.loading;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== forwardedRef || $[5] !== localizedStrings.loading || $[6] !== props || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tree.Item, {
+			...props,
+			ref: forwardedRef,
+			label: localizedStrings.loading,
+			unstable_decorations: t1
+		});
+		$[4] = forwardedRef;
+		$[5] = localizedStrings.loading;
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 }));
-function LabelEditor({ initialLabel, labelValidationHint, onChange, onCancel, validate, }) {
-    const { localizedStrings } = useLocalizationContext();
-    const inputRef = useRef(null);
-    const [newLabelValue, setNewLabelValue] = useState(initialLabel);
-    const [hasError, setHasError] = useState(false);
-    const handleLabelChange = () => {
-        if (validate && !validate(newLabelValue)) {
-            setHasError(true);
-            return;
-        }
-        if (initialLabel !== newLabelValue) {
-            onChange?.(newLabelValue);
-            return;
-        }
-        onCancel?.();
-    };
-    const cancelLabelChange = () => {
-        setNewLabelValue(initialLabel);
-        onCancel?.();
-    };
-    useEffect(() => {
-        if (inputRef.current) {
-            inputRef.current.focus();
-            inputRef.current.select();
-        }
-    }, []);
-    const canRename = newLabelValue && newLabelValue !== initialLabel && !hasError;
-    const inputId = useId();
-    return (_jsxs("div", { className: "phr-node-label-editor", children: [_jsxs("div", { className: "phr-node-label-editor-input-row", children: [_jsx(TextBox.Root, { style: { width: "100%" }, className: hasError ? "with-error" : undefined, children: _jsx(TextBox.Input, { id: inputId, ref: inputRef, value: newLabelValue, onChange: (event) => {
-                                setNewLabelValue(event.target.value);
-                                setHasError(false);
-                            }, onKeyUp: (event) => {
-                                if (event.key === "Enter") {
-                                    handleLabelChange();
-                                }
-                                else if (event.key === "Escape") {
-                                    cancelLabelChange();
-                                }
-                            } }) }), _jsx(IconButton, { icon: dismissSvg, label: localizedStrings.cancel, onClick: cancelLabelChange }), _jsx(IconButton, { icon: checkmarkSvg, label: localizedStrings.confirm, onClick: handleLabelChange, disabled: !canRename })] }), labelValidationHint !== undefined ? (_jsx(Description, { id: inputId, tone: hasError ? "critical" : "neutral", style: { display: "flex" }, children: _jsx(Text, { variant: "caption-lg", children: labelValidationHint }) })) : undefined] }, initialLabel));
+function LabelEditor(t0) {
+	const $ = c(43);
+	const { initialLabel, labelValidationHint, onChange, onCancel, validate } = t0;
+	const { localizedStrings } = useLocalizationContext();
+	const inputRef = useRef(null);
+	const [newLabelValue, setNewLabelValue] = useState(initialLabel);
+	const [hasError, setHasError] = useState(false);
+	let t1;
+	if ($[0] !== initialLabel || $[1] !== newLabelValue || $[2] !== onCancel || $[3] !== onChange || $[4] !== validate) {
+		t1 = () => {
+			if (validate && !validate(newLabelValue)) {
+				setHasError(true);
+				return;
+			}
+			if (initialLabel !== newLabelValue) {
+				onChange?.(newLabelValue);
+				return;
+			}
+			onCancel?.();
+		};
+		$[0] = initialLabel;
+		$[1] = newLabelValue;
+		$[2] = onCancel;
+		$[3] = onChange;
+		$[4] = validate;
+		$[5] = t1;
+	} else t1 = $[5];
+	const handleLabelChange = t1;
+	let t2;
+	if ($[6] !== initialLabel || $[7] !== onCancel) {
+		t2 = () => {
+			setNewLabelValue(initialLabel);
+			onCancel?.();
+		};
+		$[6] = initialLabel;
+		$[7] = onCancel;
+		$[8] = t2;
+	} else t2 = $[8];
+	const cancelLabelChange = t2;
+	let t3;
+	let t4;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => {
+			if (inputRef.current) {
+				inputRef.current.focus();
+				inputRef.current.select();
+			}
+		};
+		t4 = [];
+		$[9] = t3;
+		$[10] = t4;
+	} else {
+		t3 = $[9];
+		t4 = $[10];
+	}
+	useEffect(t3, t4);
+	const canRename = newLabelValue && newLabelValue !== initialLabel && !hasError;
+	const inputId = useId();
+	let t5;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = { width: "100%" };
+		$[11] = t5;
+	} else t5 = $[11];
+	const t6 = hasError ? "with-error" : void 0;
+	let t7;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (event) => {
+			setNewLabelValue(event.target.value);
+			setHasError(false);
+		};
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== cancelLabelChange || $[14] !== handleLabelChange) {
+		t8 = (event_0) => {
+			if (event_0.key === "Enter") handleLabelChange();
+			else if (event_0.key === "Escape") cancelLabelChange();
+		};
+		$[13] = cancelLabelChange;
+		$[14] = handleLabelChange;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== inputId || $[17] !== localizedStrings.newLabel || $[18] !== newLabelValue || $[19] !== t8) {
+		t9 = /* @__PURE__ */ jsx(TextBox.Input, {
+			id: inputId,
+			ref: inputRef,
+			"aria-label": localizedStrings.newLabel,
+			value: newLabelValue,
+			onChange: t7,
+			onKeyUp: t8
+		});
+		$[16] = inputId;
+		$[17] = localizedStrings.newLabel;
+		$[18] = newLabelValue;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	let t10;
+	if ($[21] !== t6 || $[22] !== t9) {
+		t10 = /* @__PURE__ */ jsx(TextBox.Root, {
+			style: t5,
+			className: t6,
+			children: t9
+		});
+		$[21] = t6;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	let t11;
+	if ($[24] !== cancelLabelChange || $[25] !== localizedStrings.cancel) {
+		t11 = /* @__PURE__ */ jsx(IconButton, {
+			icon: dismissSvg,
+			label: localizedStrings.cancel,
+			onClick: cancelLabelChange
+		});
+		$[24] = cancelLabelChange;
+		$[25] = localizedStrings.cancel;
+		$[26] = t11;
+	} else t11 = $[26];
+	const t12 = !canRename;
+	let t13;
+	if ($[27] !== handleLabelChange || $[28] !== localizedStrings.confirm || $[29] !== t12) {
+		t13 = /* @__PURE__ */ jsx(IconButton, {
+			icon: checkmarkSvg,
+			label: localizedStrings.confirm,
+			onClick: handleLabelChange,
+			disabled: t12
+		});
+		$[27] = handleLabelChange;
+		$[28] = localizedStrings.confirm;
+		$[29] = t12;
+		$[30] = t13;
+	} else t13 = $[30];
+	let t14;
+	if ($[31] !== t10 || $[32] !== t11 || $[33] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: "phr-node-label-editor-input-row",
+			children: [
+				t10,
+				t11,
+				t13
+			]
+		});
+		$[31] = t10;
+		$[32] = t11;
+		$[33] = t13;
+		$[34] = t14;
+	} else t14 = $[34];
+	let t15;
+	if ($[35] !== hasError || $[36] !== inputId || $[37] !== labelValidationHint) {
+		t15 = labelValidationHint !== void 0 ? /* @__PURE__ */ jsx(Description, {
+			id: inputId,
+			tone: hasError ? "critical" : "neutral",
+			style: { display: "flex" },
+			children: /* @__PURE__ */ jsx(Text, {
+				variant: "caption-lg",
+				children: labelValidationHint
+			})
+		}) : void 0;
+		$[35] = hasError;
+		$[36] = inputId;
+		$[37] = labelValidationHint;
+		$[38] = t15;
+	} else t15 = $[38];
+	let t16;
+	if ($[39] !== initialLabel || $[40] !== t14 || $[41] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: "phr-node-label-editor",
+			children: [t14, t15]
+		}, initialLabel);
+		$[39] = initialLabel;
+		$[40] = t14;
+		$[41] = t15;
+		$[42] = t16;
+	} else t16 = $[42];
+	return t16;
 }
 function injectActionVariant(actions, variant) {
-    return actions
-        .filter((action) => isValidElement(action))
-        .map((action) => cloneElement(action, { variant }));
+	return actions.filter((action) => isValidElement(action)).map((action) => cloneElement(action, { variant }));
 }
+
+//#endregion
+export { PlaceholderNode, StrataKitTreeNodeRenderer };
 //# sourceMappingURL=TreeNodeRenderer.js.map