@itwin/presentation-hierarchies-react 2.0.0-alpha.65 → 2.0.0-alpha.67

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

@@ -1,15 +1,11 @@
 import { useTranslation } from "../LocalizationContext.js";
 import { TreeActionBase } from "./TreeAction.js";
-import { useTreeNodeRenameContext } from "./TreeNodeRenameAction.js";
+import { useTreeContextMenu } from "./TreeContextMenu.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 { CircularProgress, FormHelperText, IconButton, Menu, TextField, Typography } from "@mui/material";
-import { Icon } from "@stratakit/mui";
-import { Tree, unstable_Popover } from "@stratakit/structures";
-import "./TreeNodeRenderer.css";
-import checkmarkSvg from "@stratakit/icons/checkmark.svg";
-import dismissSvg from "@stratakit/icons/dismiss.svg";
+import { cloneElement, forwardRef, isValidElement, memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { CircularProgress } from "@mui/material";
+import { Tree } from "@stratakit/structures";
 import refreshSvg from "@stratakit/icons/refresh.svg";
 //#region src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.tsx
 /**
@@ -18,7 +14,7 @@ import refreshSvg from "@stratakit/icons/refresh.svg";
 * @internal
 */
 const StrataKitTreeNodeRenderer = memo(forwardRef(function HierarchyNode(props, forwardedRef) {
-	const $ = c(66);
+	const $ = c(39);
 	let contextMenuActions;
 	let decorations;
 	let expandNode;
@@ -49,8 +45,7 @@ const StrataKitTreeNodeRenderer = memo(forwardRef(function HierarchyNode(props,
 		treeItemProps = $[8];
 	}
 	const translate = useTranslation();
-	const renameContext = useTreeNodeRenameContext();
-	const [contextMenuProps, setContextMenuProps] = useState(void 0);
+	const contextMenu = useTreeContextMenu();
 	const label = treeItemProps.label ?? node.label;
 	let t0;
 	bb0: {
@@ -129,53 +124,25 @@ const StrataKitTreeNodeRenderer = memo(forwardRef(function HierarchyNode(props,
 	}
 	const expanded = t2;
 	let t3;
-	if ($[21] !== renameContext) {
-		t3 = renameContext ?? {};
-		$[21] = renameContext;
-		$[22] = t3;
-	} else t3 = $[22];
-	const { renameParameters, cancelRename } = t3;
-	const t4 = renameParameters?.commit;
-	const t5 = renameParameters?.labelValidationHint;
-	const t6 = renameParameters?.validate;
-	let t7;
-	if ($[23] !== cancelRename || $[24] !== node.label || $[25] !== t4 || $[26] !== t5 || $[27] !== t6) {
-		t7 = /* @__PURE__ */ jsx(LabelEditor, {
-			initialLabel: node.label,
-			onChange: t4,
-			onCancel: cancelRename,
-			labelValidationHint: t5,
-			validate: t6
-		});
-		$[23] = cancelRename;
-		$[24] = node.label;
-		$[25] = t4;
-		$[26] = t5;
-		$[27] = t6;
-		$[28] = t7;
-	} else t7 = $[28];
-	const labelEditor = t7;
-	const t8 = renameParameters?.nodeId === node.id;
-	let t9;
-	if ($[29] !== expandNode || $[30] !== node.id) {
-		t9 = (isExpanded) => {
+	if ($[21] !== expandNode || $[22] !== node.id) {
+		t3 = (isExpanded) => {
 			expandNode(node.id, isExpanded);
 		};
-		$[29] = expandNode;
-		$[30] = node.id;
-		$[31] = t9;
-	} else t9 = $[31];
-	const t10 = t9;
-	const t11 = node.errors.length > 0 ? node.errors[0].id : void 0;
-	let t12;
-	if ($[32] !== contextMenuActions || $[33] !== treeItemProps) {
-		t12 = (e_1) => {
+		$[21] = expandNode;
+		$[22] = node.id;
+		$[23] = t3;
+	} else t3 = $[23];
+	const onExpandedChange = t3;
+	const t4 = node.errors.length > 0 ? node.errors[0].id : void 0;
+	let t5;
+	if ($[24] !== contextMenu || $[25] !== contextMenuActions || $[26] !== treeItemProps) {
+		t5 = (e_1) => {
 			if (treeItemProps.onContextMenu) treeItemProps.onContextMenu(e_1);
 			if (!contextMenuActions) return;
 			e_1.preventDefault();
 			const actions = injectActionVariant(contextMenuActions, "context-menu");
 			if (actions.length === 0) return;
-			setContextMenuProps({
+			contextMenu.openContextMenu({
 				position: {
 					x: e_1.clientX,
 					y: e_1.clientY
@@ -183,114 +150,38 @@ const StrataKitTreeNodeRenderer = memo(forwardRef(function HierarchyNode(props,
 				actions
 			});
 		};
-		$[32] = contextMenuActions;
-		$[33] = treeItemProps;
-		$[34] = t12;
-	} else t12 = $[34];
-	let t13;
-	if ($[35] !== decorations || $[36] !== expanded || $[37] !== forwardedRef || $[38] !== inlineActionItems || $[39] !== label || $[40] !== menuActionItems || $[41] !== t10 || $[42] !== t11 || $[43] !== t12 || $[44] !== treeItemProps) {
-		t13 = /* @__PURE__ */ jsx(Tree.Item, {
+		$[24] = contextMenu;
+		$[25] = contextMenuActions;
+		$[26] = treeItemProps;
+		$[27] = t5;
+	} else t5 = $[27];
+	let t6;
+	if ($[28] !== decorations || $[29] !== expanded || $[30] !== forwardedRef || $[31] !== inlineActionItems || $[32] !== label || $[33] !== menuActionItems || $[34] !== onExpandedChange || $[35] !== t4 || $[36] !== t5 || $[37] !== treeItemProps) {
+		t6 = /* @__PURE__ */ jsx(Tree.Item, {
 			...treeItemProps,
 			ref: forwardedRef,
 			label,
 			expanded,
-			onExpandedChange: t10,
+			onExpandedChange,
 			inlineActions: inlineActionItems,
 			actions: menuActionItems,
 			unstable_decorations: decorations,
-			error: t11,
-			onContextMenu: t12
-		});
-		$[35] = decorations;
-		$[36] = expanded;
-		$[37] = forwardedRef;
-		$[38] = inlineActionItems;
-		$[39] = label;
-		$[40] = menuActionItems;
-		$[41] = t10;
-		$[42] = t11;
-		$[43] = t12;
-		$[44] = treeItemProps;
-		$[45] = t13;
-	} else t13 = $[45];
-	let t14;
-	if ($[46] !== cancelRename || $[47] !== labelEditor || $[48] !== t13 || $[49] !== t8) {
-		t14 = /* @__PURE__ */ jsx(unstable_Popover, {
-			content: labelEditor,
-			placement: "bottom",
-			open: t8,
-			setOpen: cancelRename,
-			unmountOnHide: true,
-			children: t13
-		});
-		$[46] = cancelRename;
-		$[47] = labelEditor;
-		$[48] = t13;
-		$[49] = t8;
-		$[50] = t14;
-	} else t14 = $[50];
-	const t15 = !!contextMenuProps;
-	let t16;
-	let t17;
-	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = () => setContextMenuProps(void 0);
-		t17 = (e_2) => {
-			e_2.preventDefault();
-			setContextMenuProps(void 0);
-		};
-		$[51] = t16;
-		$[52] = t17;
-	} else {
-		t16 = $[51];
-		t17 = $[52];
-	}
-	let t18;
-	if ($[53] !== contextMenuProps) {
-		t18 = contextMenuProps ? {
-			top: contextMenuProps.position.y,
-			left: contextMenuProps.position.x
-		} : void 0;
-		$[53] = contextMenuProps;
-		$[54] = t18;
-	} else t18 = $[54];
-	let t19;
-	if ($[55] !== translate) {
-		t19 = translate("more");
-		$[55] = translate;
-		$[56] = t19;
-	} else t19 = $[56];
-	let t20;
-	if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
-		t20 = () => setContextMenuProps(void 0);
-		$[57] = t20;
-	} else t20 = $[57];
-	const t21 = contextMenuProps?.actions;
-	let t22;
-	if ($[58] !== t15 || $[59] !== t18 || $[60] !== t19 || $[61] !== t21) {
-		t22 = /* @__PURE__ */ jsx(Menu, {
-			open: t15,
-			onClose: t16,
-			onContextMenu: t17,
-			anchorReference: "anchorPosition",
-			anchorPosition: t18,
-			"aria-label": t19,
-			onClick: t20,
-			children: t21
+			error: t4,
+			onContextMenu: t5
 		});
-		$[58] = t15;
-		$[59] = t18;
-		$[60] = t19;
-		$[61] = t21;
-		$[62] = t22;
-	} else t22 = $[62];
-	let t23;
-	if ($[63] !== t14 || $[64] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(Fragment, { children: [t14, t22] });
-		$[63] = t14;
-		$[64] = t22;
-		$[65] = t23;
-	} else t23 = $[65];
-	return t23;
+		$[28] = decorations;
+		$[29] = expanded;
+		$[30] = forwardedRef;
+		$[31] = inlineActionItems;
+		$[32] = label;
+		$[33] = menuActionItems;
+		$[34] = onExpandedChange;
+		$[35] = t4;
+		$[36] = t5;
+		$[37] = treeItemProps;
+		$[38] = t6;
+	} else t6 = $[38];
+	return t6;
 }));
 const PlaceholderNode = memo(forwardRef(function PlaceholderNode(t0, forwardedRef) {
 	const $ = c(13);
@@ -338,205 +229,6 @@ const PlaceholderNode = memo(forwardRef(function PlaceholderNode(t0, forwardedRe
 	} else t4 = $[12];
 	return t4;
 }));
-function LabelEditor(t0) {
-	const $ = c(49);
-	const { initialLabel, labelValidationHint, onChange, onCancel, validate } = t0;
-	const translate = useTranslation();
-	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] !== translate) {
-		t5 = translate("newLabel");
-		$[11] = translate;
-		$[12] = t5;
-	} else t5 = $[12];
-	let t6;
-	if ($[13] !== t5) {
-		t6 = { htmlInput: { "aria-label": t5 } };
-		$[13] = t5;
-		$[14] = t6;
-	} else t6 = $[14];
-	let t7;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = (event) => {
-			setNewLabelValue(event.target.value);
-			setHasError(false);
-		};
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
-	if ($[16] !== cancelLabelChange || $[17] !== handleLabelChange) {
-		t8 = (event_0) => {
-			if (event_0.key === "Enter") handleLabelChange();
-			else if (event_0.key === "Escape") cancelLabelChange();
-		};
-		$[16] = cancelLabelChange;
-		$[17] = handleLabelChange;
-		$[18] = t8;
-	} else t8 = $[18];
-	let t9;
-	if ($[19] !== hasError || $[20] !== inputId || $[21] !== newLabelValue || $[22] !== t6 || $[23] !== t8) {
-		t9 = /* @__PURE__ */ jsx(TextField, {
-			fullWidth: true,
-			error: hasError,
-			size: "small",
-			id: inputId,
-			inputRef,
-			slotProps: t6,
-			value: newLabelValue,
-			onChange: t7,
-			onKeyUp: t8
-		});
-		$[19] = hasError;
-		$[20] = inputId;
-		$[21] = newLabelValue;
-		$[22] = t6;
-		$[23] = t8;
-		$[24] = t9;
-	} else t9 = $[24];
-	let t10;
-	if ($[25] !== translate) {
-		t10 = translate("cancel");
-		$[25] = translate;
-		$[26] = t10;
-	} else t10 = $[26];
-	let t11;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx(Icon, { href: dismissSvg });
-		$[27] = t11;
-	} else t11 = $[27];
-	let t12;
-	if ($[28] !== cancelLabelChange || $[29] !== t10) {
-		t12 = /* @__PURE__ */ jsx(IconButton, {
-			"aria-label": t10,
-			onClick: cancelLabelChange,
-			size: "small",
-			children: t11
-		});
-		$[28] = cancelLabelChange;
-		$[29] = t10;
-		$[30] = t12;
-	} else t12 = $[30];
-	let t13;
-	if ($[31] !== translate) {
-		t13 = translate("confirm");
-		$[31] = translate;
-		$[32] = t13;
-	} else t13 = $[32];
-	const t14 = !canRename;
-	let t15;
-	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsx(Icon, { href: checkmarkSvg });
-		$[33] = t15;
-	} else t15 = $[33];
-	let t16;
-	if ($[34] !== handleLabelChange || $[35] !== t13 || $[36] !== t14) {
-		t16 = /* @__PURE__ */ jsx(IconButton, {
-			"aria-label": t13,
-			onClick: handleLabelChange,
-			disabled: t14,
-			size: "small",
-			children: t15
-		});
-		$[34] = handleLabelChange;
-		$[35] = t13;
-		$[36] = t14;
-		$[37] = t16;
-	} else t16 = $[37];
-	let t17;
-	if ($[38] !== t12 || $[39] !== t16 || $[40] !== t9) {
-		t17 = /* @__PURE__ */ jsxs("div", {
-			className: "phr-node-label-editor-input-row",
-			children: [
-				t9,
-				t12,
-				t16
-			]
-		});
-		$[38] = t12;
-		$[39] = t16;
-		$[40] = t9;
-		$[41] = t17;
-	} else t17 = $[41];
-	let t18;
-	if ($[42] !== hasError || $[43] !== labelValidationHint) {
-		t18 = labelValidationHint !== void 0 ? /* @__PURE__ */ jsx(FormHelperText, {
-			error: hasError,
-			style: { display: "flex" },
-			children: /* @__PURE__ */ jsx(Typography, {
-				variant: "caption",
-				children: labelValidationHint
-			})
-		}) : void 0;
-		$[42] = hasError;
-		$[43] = labelValidationHint;
-		$[44] = t18;
-	} else t18 = $[44];
-	let t19;
-	if ($[45] !== initialLabel || $[46] !== t17 || $[47] !== t18) {
-		t19 = /* @__PURE__ */ jsxs("div", {
-			className: "phr-node-label-editor",
-			children: [t17, t18]
-		}, initialLabel);
-		$[45] = initialLabel;
-		$[46] = t17;
-		$[47] = t18;
-		$[48] = t19;
-	} else t19 = $[48];
-	return t19;
-}
 function injectActionVariant(actions, variant) {
 	return actions.filter((action) => isValidElement(action)).map((action) => cloneElement(action, { variant }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeRenderer.js","names":["cloneElement","forwardRef","isValidElement","memo","useCallback","useEffect","useId","useMemo","useRef","useState","CircularProgress","FormHelperText","IconButton","Menu","TextField","Typography","Icon","unstable_Popover","Popover","Tree","useTranslation","TreeActionBase","useTreeNodeRenameContext","checkmarkSvg","dismissSvg","refreshSvg","ComponentPropsWithoutRef","FC","PropsWithRef","ReactNode","RefAttributes","TreeRendererProps","TreeNode","TreeActionBaseAttributes","TreeNodeRendererOwnProps","Pick","node","menuActions","inlineActions","contextMenuActions","StrataKitTreeItemProps","Omit","Item","decorations","TreeNodeRendererProps","StrataKitTreeNodeRenderer","HTMLElement","HierarchyNode","props","forwardedRef","$","_c","expandNode","reloadTree","treeItemProps","translate","renameContext","contextMenuProps","setContextMenuProps","undefined","label","t0","bb0","errors","some","_temp","t1","t2","id","parentNodeId","state","t3","injectActionVariant","inlineActionItems","bb1","menuActionItems","bb2","_temp2","children","length","isExpanded","expanded","renameParameters","cancelRename","t4","commit","t5","labelValidationHint","t6","validate","t7","labelEditor","t8","nodeId","t9","t10","t11","t12","e_1","onContextMenu","e","preventDefault","actions","position","x","clientX","y","clientY","t13","t14","t15","t16","t17","Symbol","for","e_2","t18","top","left","t19","t20","t21","t22","t23","PlaceholderNode","LabelEditor","initialLabel","onChange","onCancel","inputRef","newLabelValue","setNewLabelValue","hasError","setHasError","handleLabelChange","cancelLabelChange","current","focus","select","canRename","inputId","htmlInput","event","target","value","event_0","key","display","variant","filter","action","map","type","e_0","isNodeExpandable"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.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 \"./TreeNodeRenderer.css\";\n\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  memo,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { CircularProgress, FormHelperText, IconButton, Menu, TextField, Typography } from \"@mui/material\";\nimport { Icon } from \"@stratakit/mui\";\nimport { unstable_Popover as Popover, Tree } from \"@stratakit/structures\";\nimport { useTranslation } from \"../LocalizationContext.js\";\nimport { TreeActionBase } from \"./TreeAction.js\";\nimport { useTreeNodeRenameContext } from \"./TreeNodeRenameAction.js\";\n\nimport checkmarkSvg from \"@stratakit/icons/checkmark.svg\";\nimport dismissSvg from \"@stratakit/icons/dismiss.svg\";\nimport refreshSvg from \"@stratakit/icons/refresh.svg\";\n\nimport type { ComponentPropsWithoutRef, FC, PropsWithRef, ReactNode, RefAttributes } from \"react\";\nimport type { TreeRendererProps } from \"../Renderers.js\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { TreeActionBaseAttributes } from \"./TreeAction.js\";\n\n/** @internal */\ninterface TreeNodeRendererOwnProps extends Pick<TreeRendererProps, \"expandNode\" | \"reloadTree\"> {\n  /** Node that is rendered. */\n  node: TreeNode;\n  /**\n   * Menu actions for tree item.\n   * Must be an array of `<TreeActionBase />` or `<Divider />` elements.\n   */\n  menuActions?: ReactNode[];\n  /**\n   * Inline actions for tree item.\n   * Must be an array of `<TreeActionBase />` elements.\n   * Max 2 items.\n   */\n  inlineActions?: ReactNode[];\n  /**\n   * Context menu actions for tree item.\n   * Must be an array of `<TreeActionBase />` or `<Divider />` elements.\n   */\n  contextMenuActions?: ReactNode[];\n}\n\n/** @alpha */\nexport type StrataKitTreeItemProps = Omit<\n  ComponentPropsWithoutRef<typeof Tree.Item>,\n  \"actions\" | \"inlineActions\" | \"expanded\" | \"onExpandedChange\" | \"icon\" | \"unstable_decorations\" | \"error\"\n> & {\n  /**\n   * Used to render elements between expander and label.\n   * E.g. icons, color picker, etc.\n   */\n  decorations?: ReactNode;\n};\n\n/** @internal */\nexport type TreeNodeRendererProps = StrataKitTreeItemProps & TreeNodeRendererOwnProps;\n\n/**\n * A component that renders a given `TreeNode` using the `Tree.Item` component from `@stratakit/structures`.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StrataKitTreeNodeRenderer: FC<PropsWithRef<TreeNodeRendererProps & RefAttributes<HTMLElement>>> = memo(\n  forwardRef<HTMLElement, TreeNodeRendererProps>(function HierarchyNode(props, forwardedRef) {\n    const {\n      node,\n      decorations,\n      inlineActions,\n      menuActions,\n      contextMenuActions,\n      expandNode,\n      reloadTree,\n      ...treeItemProps\n    } = props;\n    const translate = useTranslation();\n    const renameContext = useTreeNodeRenameContext();\n    const [contextMenuProps, setContextMenuProps] = useState<\n      { position: { x: number; y: number }; actions: ReactNode[] } | undefined\n    >(undefined);\n\n    const label = treeItemProps.label ?? node.label;\n    const inlineActionItems = useMemo(() => {\n      if (node.errors.some((e) => e.type === \"ChildrenLoad\")) {\n        return [\n          <TreeActionBase\n            key=\"retry\"\n            label={translate(\"retry\")}\n            onClick={() => reloadTree({ parentNodeId: node.id, state: \"reset\" })}\n            visible={true}\n            icon={refreshSvg}\n            variant=\"inline\"\n          />,\n        ];\n      }\n      if (!inlineActions) {\n        return undefined;\n      }\n      return injectActionVariant(inlineActions, \"inline\");\n    }, [node, inlineActions, translate, reloadTree]);\n\n    const menuActionItems = useMemo(() => {\n      if (!menuActions) {\n        return undefined;\n      }\n      return injectActionVariant(menuActions, \"default\");\n    }, [menuActions]);\n\n    const expanded = useMemo(() => {\n      if (node.errors.some((e) => e.type !== \"Unknown\" || !e.isNodeExpandable)) {\n        return undefined;\n      }\n\n      // this is a leaf node\n      if (node.children !== true && node.children.length === 0) {\n        return undefined;\n      }\n\n      return node.isExpanded;\n    }, [node]);\n\n    const { renameParameters, cancelRename } = renameContext ?? {};\n    const labelEditor = (\n      <LabelEditor\n        initialLabel={node.label}\n        onChange={renameParameters?.commit}\n        onCancel={cancelRename}\n        labelValidationHint={renameParameters?.labelValidationHint}\n        validate={renameParameters?.validate}\n      />\n    );\n\n    return (\n      <>\n        <Popover\n          content={labelEditor}\n          placement=\"bottom\"\n          open={renameParameters?.nodeId === node.id}\n          setOpen={cancelRename}\n          unmountOnHide\n        >\n          <Tree.Item\n            {...treeItemProps}\n            ref={forwardedRef}\n            label={label}\n            expanded={expanded}\n            onExpandedChange={useCallback(\n              (isExpanded: boolean) => {\n                expandNode(node.id, isExpanded);\n              },\n              [node, expandNode],\n            )}\n            inlineActions={inlineActionItems}\n            actions={menuActionItems}\n            unstable_decorations={decorations}\n            error={node.errors.length > 0 ? node.errors[0].id : undefined}\n            onContextMenu={(e) => {\n              if (treeItemProps.onContextMenu) {\n                treeItemProps.onContextMenu(e);\n              }\n\n              if (!contextMenuActions) {\n                return;\n              }\n\n              e.preventDefault();\n              const actions = injectActionVariant(contextMenuActions, \"context-menu\");\n              if (actions.length === 0) {\n                return;\n              }\n\n              setContextMenuProps({ position: { x: e.clientX, y: e.clientY }, actions });\n            }}\n          />\n        </Popover>\n        <Menu\n          open={!!contextMenuProps}\n          onClose={() => setContextMenuProps(undefined)}\n          onContextMenu={(e) => {\n            e.preventDefault();\n            setContextMenuProps(undefined);\n          }}\n          anchorReference=\"anchorPosition\"\n          anchorPosition={\n            contextMenuProps ? { top: contextMenuProps.position.y, left: contextMenuProps.position.x } : undefined\n          }\n          aria-label={translate(\"more\")}\n          onClick={() => setContextMenuProps(undefined)}\n        >\n          {contextMenuProps?.actions}\n        </Menu>\n      </>\n    );\n  }),\n);\n\nexport const PlaceholderNode: FC<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PropsWithRef<\n    Pick<StrataKitTreeItemProps, \"style\" | \"aria-level\" | \"aria-posinset\" | \"aria-setsize\"> & RefAttributes<HTMLElement>\n  >\n> = memo(\n  forwardRef<HTMLElement, Pick<StrataKitTreeItemProps, \"style\" | \"aria-level\" | \"aria-posinset\" | \"aria-setsize\">>(\n    function PlaceholderNode({ ...props }, forwardedRef) {\n      const translate = useTranslation();\n      return (\n        <Tree.Item\n          {...props}\n          ref={forwardedRef}\n          label={translate(\"loading\")}\n          unstable_decorations={<CircularProgress size={16} title={translate(\"loading\")} />}\n        />\n      );\n    },\n  ),\n);\n\nfunction LabelEditor({\n  initialLabel,\n  labelValidationHint,\n  onChange,\n  onCancel,\n  validate,\n}: {\n  initialLabel: string;\n  labelValidationHint?: string;\n  onChange?: (newLabel: string) => void;\n  onCancel?: () => void;\n  validate?: (newLabel: string) => boolean;\n}) {\n  const translate = useTranslation();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [newLabelValue, setNewLabelValue] = useState(initialLabel);\n  const [hasError, setHasError] = useState<boolean>(false);\n  const handleLabelChange = () => {\n    if (validate && !validate(newLabelValue)) {\n      setHasError(true);\n      return;\n    }\n\n    if (initialLabel !== newLabelValue) {\n      onChange?.(newLabelValue);\n      return;\n    }\n    onCancel?.();\n  };\n\n  const cancelLabelChange = () => {\n    setNewLabelValue(initialLabel);\n    onCancel?.();\n  };\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.select();\n    }\n  }, []);\n\n  const canRename = newLabelValue && newLabelValue !== initialLabel && !hasError;\n  const inputId = useId();\n\n  return (\n    <div key={initialLabel} className=\"phr-node-label-editor\">\n      <div className=\"phr-node-label-editor-input-row\">\n        <TextField\n          fullWidth\n          error={hasError}\n          size=\"small\"\n          id={inputId}\n          inputRef={inputRef}\n          slotProps={{ htmlInput: { \"aria-label\": translate(\"newLabel\") } }}\n          value={newLabelValue}\n          onChange={(event) => {\n            setNewLabelValue(event.target.value);\n            setHasError(false);\n          }}\n          onKeyUp={(event) => {\n            if (event.key === \"Enter\") {\n              handleLabelChange();\n            } else if (event.key === \"Escape\") {\n              cancelLabelChange();\n            }\n          }}\n        />\n        <IconButton aria-label={translate(\"cancel\")} onClick={cancelLabelChange} size=\"small\">\n          <Icon href={dismissSvg} />\n        </IconButton>\n        <IconButton aria-label={translate(\"confirm\")} onClick={handleLabelChange} disabled={!canRename} size=\"small\">\n          <Icon href={checkmarkSvg} />\n        </IconButton>\n      </div>\n      {labelValidationHint !== undefined ? (\n        <FormHelperText error={hasError} style={{ display: \"flex\" }}>\n          <Typography variant=\"caption\">{labelValidationHint}</Typography>\n        </FormHelperText>\n      ) : undefined}\n    </div>\n  );\n}\n\nfunction injectActionVariant(actions: ReactNode[], variant: TreeActionBaseAttributes[\"variant\"]) {\n  return actions\n    .filter((action) => isValidElement<TreeActionBaseAttributes>(action))\n    .map((action) => cloneElement<TreeActionBaseAttributes>(action, { variant }));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA8EA,MAAa6C,4BAAkG1C,KAC7GF,WAA+C,SAAA8C,cAAAC,OAAAC,cAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAZ;CAAA,IAAAI;CAAA,IAAAS;CAAA,IAAAd;CAAA,IAAAD;CAAA,IAAAD;CAAA,IAAAiB;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAF,OAAA;EAC7C,CAAA,CAAAZ,MAAAO,aAAAL,eAAAD,aAAAE,oBAAAa,YAAAC,eAAAC,iBASIN;EAAME,EAAA,KAAAF;EAAAE,EAAA,KAAAX;EAAAW,EAAA,KAAAP;EAAAO,EAAA,KAAAE;EAAAF,EAAA,KAAAZ;EAAAY,EAAA,KAAAb;EAAAa,EAAA,KAAAd;EAAAc,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAf,qBAAAW,EAAA;EAAAP,cAAAO,EAAA;EAAAE,aAAAF,EAAA;EAAAZ,gBAAAY,EAAA;EAAAb,cAAAa,EAAA;EAAAd,OAAAc,EAAA;EAAAG,aAAAH,EAAA;EAAAI,gBAAAJ,EAAA;CAAA;CACV,MAAAK,YAAkBnC,eAAe;CACjC,MAAAoC,gBAAsBlC,yBAAyB;CAC/C,MAAA,CAAAmC,kBAAAC,uBAAgDjD,SAE9CkD,KAAAA,CAAS;CAEX,MAAAC,QAAcN,cAAaM,SAAUxB,KAAIwB;CAAO,IAAAC;CAAAC,KAAA;EAE9C,IAAI1B,KAAI2B,OAAOC,KAAMC,KAAgC,GAAC;GAAA,IAAAC;GAAA,IAAAhB,EAAA,OAAAK,WAAA;IAIzCW,KAAAX,UAAU,OAAO;IAACL,EAAA,KAAAK;IAAAL,EAAA,MAAAgB;GAAA,OAAAA,KAAAhB,EAAA;GAAA,IAAAiB;GAAA,IAAAjB,EAAA,QAAAd,KAAAgC,MAAAlB,EAAA,QAAAG,YAAA;IAChBc,WAAMd,WAAW;KAAAgB,cAAgBjC,KAAIgC;KAAGE,OAAS;IAAQ,CAAC;IAACpB,EAAA,MAAAd,KAAAgC;IAAAlB,EAAA,MAAAG;IAAAH,EAAA,MAAAiB;GAAA,OAAAA,KAAAjB,EAAA;GAAA,IAAAqB;GAAA,IAAArB,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;IAJjEI,KAAA,CACL,oBAAC,gBAAD;KAES,OAAAL;KACE,SAAAC;KACA,SAAA;KACH1C,MAAAA;KACE,SAAA;IAAQ,GALZ,OAKY,CAChB;IACHyB,EAAA,MAAAgB;IAAAhB,EAAA,MAAAiB;IAAAjB,EAAA,MAAAqB;GAAA,OAAAA,KAAArB,EAAA;GATDW,KAAOU;GAAP,MAAAT;EASE;EAEJ,IAAI,CAACxB,eAAa;GAChBuB,KAAOF,KAAAA;GAAP,MAAAG;EAAiB;EAClB,IAAAI;EAAA,IAAAhB,EAAA,QAAAZ,eAAA;GACM4B,KAAAM,oBAAoBlC,eAAe,QAAQ;GAACY,EAAA,MAAAZ;GAAAY,EAAA,MAAAgB;EAAA,OAAAA,KAAAhB,EAAA;EAAnDW,KAAOK;CAA6C;CAhBtD,MAAAO,oBAA0BZ;CAiBuB,IAAAK;CAAAQ,KAAA;EAG/C,IAAI,CAACrC,aAAW;GACd6B,KAAOP,KAAAA;GAAP,MAAAe;EAAiB;EAClB,IAAAP;EAAA,IAAAjB,EAAA,QAAAb,aAAA;GACM8B,KAAAK,oBAAoBnC,aAAa,SAAS;GAACa,EAAA,MAAAb;GAAAa,EAAA,MAAAiB;EAAA,OAAAA,KAAAjB,EAAA;EAAlDgB,KAAOC;CAA4C;CAJrD,MAAAQ,kBAAwBT;CAKN,IAAAC;CAAAS,KAAA;EAGhB,IAAIxC,KAAI2B,OAAOC,KAAMa,MAAkD,GAAC;GACtEV,KAAOR,KAAAA;GAAP,MAAAiB;EAAiB;EAInB,IAAIxC,KAAI0C,aAAc,QAAQ1C,KAAI0C,SAASC,WAAY,GAAC;GACtDZ,KAAOR,KAAAA;GAAP,MAAAiB;EAAiB;EAGnBT,KAAO/B,KAAI4C;CAAY;CAVzB,MAAAC,WAAiBd;CAWN,IAAAI;CAAA,IAAArB,EAAA,QAAAM,eAAA;EAEgCe,KAAAf,iBAAA,CAAkB;EAACN,EAAA,MAAAM;EAAAN,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAA9D,MAAA,EAAAgC,kBAAAC,iBAA2CZ;CAI7B,MAAAa,KAAAF,kBAAgBG;CAEL,MAAAC,KAAAJ,kBAAgBK;CAC3B,MAAAC,KAAAN,kBAAgBO;CAAU,IAAAC;CAAA,IAAAxC,EAAA,QAAAiC,gBAAAjC,EAAA,QAAAd,KAAAwB,SAAAV,EAAA,QAAAkC,MAAAlC,EAAA,QAAAoC,MAAApC,EAAA,QAAAsC,IAAA;EALtCE,KAAA,oBAAC,aAAD;GACgB,cAAAtD,KAAIwB;GACR,UAAAwB;GACAD,UAAAA;GACW,qBAAAG;GACX,UAAAE;EAA0B,CAAA;EACpCtC,EAAA,MAAAiC;EAAAjC,EAAA,MAAAd,KAAAwB;EAAAV,EAAA,MAAAkC;EAAAlC,EAAA,MAAAoC;EAAApC,EAAA,MAAAsC;EAAAtC,EAAA,MAAAwC;CAAA,OAAAA,KAAAxC,EAAA;CAPJ,MAAAyC,cACED;CAcU,MAAAE,KAAAV,kBAAgBW,WAAazD,KAAIgC;CAAG,IAAA0B;CAAA,IAAA5C,EAAA,QAAAE,cAAAF,EAAA,QAAAd,KAAAgC,IAAA;EAUtC0B,MAAAd,eAAA;GACE5B,WAAWhB,KAAIgC,IAAKY,UAAU;EAAC;EAChC9B,EAAA,MAAAE;EAAAF,EAAA,MAAAd,KAAAgC;EAAAlB,EAAA,MAAA4C;CAAA,OAAAA,KAAA5C,EAAA;CAHe,MAAA6C,MAAAD;CASX,MAAAE,MAAA5D,KAAI2B,OAAOgB,SAAU,IAAI3C,KAAI2B,OAAO,EAAG,CAAAK,KAAvCT,KAAAA;CAAsD,IAAAsC;CAAA,IAAA/C,EAAA,QAAAX,sBAAAW,EAAA,QAAAI,eAAA;EAC9C2C,OAAAC,QAAA;GACb,IAAI5C,cAAa6C,eACf7C,cAAa6C,cAAeC,GAAC;GAG/B,IAAI,CAAC7D,oBAAkB;GAIvB6D,IAACC,eAAgB;GACjB,MAAAC,UAAgB9B,oBAAoBjC,oBAAoB,cAAc;GACtE,IAAI+D,QAAOvB,WAAY,GAAC;GAIxBrB,oBAAoB;IAAA6C,UAAY;KAAAC,GAAKJ,IAACK;KAAQC,GAAKN,IAACO;IAAS;IAACL;GAAU,CAAC;EAAC;EAC3EpD,EAAA,MAAAX;EAAAW,EAAA,MAAAI;EAAAJ,EAAA,MAAA+C;CAAA,OAAAA,MAAA/C,EAAA;CAAA,IAAA0D;CAAA,IAAA1D,EAAA,QAAAP,eAAAO,EAAA,QAAA+B,YAAA/B,EAAA,QAAAD,gBAAAC,EAAA,QAAAuB,qBAAAvB,EAAA,QAAAU,SAAAV,EAAA,QAAAyB,mBAAAzB,EAAA,QAAA6C,OAAA7C,EAAA,QAAA8C,OAAA9C,EAAA,QAAA+C,OAAA/C,EAAA,QAAAI,eAAA;EA/BHsD,MAAA,oBAAA,KAAA,MAAA;GAAA,GACMtD;GACCL,KAAAA;GACEW;GACGqB;GACQ,kBAAAc;GAMHtB,eAAAA;GACNE,SAAAA;GACahC,sBAAAA;GACf,OAAAqD;GACQ,eAAAC;EAgBd,CAAA;EACD/C,EAAA,MAAAP;EAAAO,EAAA,MAAA+B;EAAA/B,EAAA,MAAAD;EAAAC,EAAA,MAAAuB;EAAAvB,EAAA,MAAAU;EAAAV,EAAA,MAAAyB;EAAAzB,EAAA,MAAA6C;EAAA7C,EAAA,MAAA8C;EAAA9C,EAAA,MAAA+C;EAAA/C,EAAA,MAAAI;EAAAJ,EAAA,MAAA0D;CAAA,OAAAA,MAAA1D,EAAA;CAAA,IAAA2D;CAAA,IAAA3D,EAAA,QAAAiC,gBAAAjC,EAAA,QAAAyC,eAAAzC,EAAA,QAAA0D,OAAA1D,EAAA,QAAA0C,IAAA;EAvCJiB,MAAA,oBAAC,kBAAD;GACWlB,SAAAA;GACC,WAAA;GACJ,MAAAC;GACGT,SAAAA;GACT,eAAA;GAEAyB,UAAAA;EAPM,CAAA;EAwCE1D,EAAA,MAAAiC;EAAAjC,EAAA,MAAAyC;EAAAzC,EAAA,MAAA0D;EAAA1D,EAAA,MAAA0C;EAAA1C,EAAA,MAAA2D;CAAA,OAAAA,MAAA3D,EAAA;CAEF,MAAA4D,MAAA,CAAC,CAACrD;CAAgB,IAAAsD;CAAA,IAAAC;CAAA,IAAA9D,EAAA,QAAA+D,OAAAC,IAAA,2BAAA,GAAA;EACfH,YAAMrD,oBAAoBC,KAAAA,CAAS;EAC7BqD,OAAAG,QAAA;GACbf,IAACC,eAAgB;GACjB3C,oBAAoBC,KAAAA,CAAS;EAAC;EAC/BT,EAAA,MAAA6D;EAAA7D,EAAA,MAAA8D;CAAA,OAAA;EAAAD,MAAA7D,EAAA;EAAA8D,MAAA9D,EAAA;CAAA;CAAA,IAAAkE;CAAA,IAAAlE,EAAA,QAAAO,kBAAA;EAGC2D,MAAA3D,mBAAA;GAAA4D,KAA0B5D,iBAAgB8C,SAASG;GAAEY,MAAQ7D,iBAAgB8C,SAASC;EAAe,IAArG7C,KAAAA;EAAsGT,EAAA,MAAAO;EAAAP,EAAA,MAAAkE;CAAA,OAAAA,MAAAlE,EAAA;CAAA,IAAAqE;CAAA,IAAArE,EAAA,QAAAK,WAAA;EAE5FgE,MAAAhE,UAAU,MAAM;EAACL,EAAA,MAAAK;EAAAL,EAAA,MAAAqE;CAAA,OAAAA,MAAArE,EAAA;CAAA,IAAAsE;CAAA,IAAAtE,EAAA,QAAA+D,OAAAC,IAAA,2BAAA,GAAA;EACpBM,YAAM9D,oBAAoBC,KAAAA,CAAS;EAACT,EAAA,MAAAsE;CAAA,OAAAA,MAAAtE,EAAA;CAE5C,MAAAuE,MAAAhE,kBAAgB6C;CAAS,IAAAoB;CAAA,IAAAxE,EAAA,QAAA4D,OAAA5D,EAAA,QAAAkE,OAAAlE,EAAA,QAAAqE,OAAArE,EAAA,QAAAuE,KAAA;EAd5BC,MAAA,oBAAC,MAAD;GACQ,MAAAZ;GACG,SAAAC;GACM,eAAAC;GAIC,iBAAA;GAEd,gBAAAI;GAEU,cAAAG;GACH,SAAAC;GAERC,UAAAA;EAdE,CAAA;EAeEvE,EAAA,MAAA4D;EAAA5D,EAAA,MAAAkE;EAAAlE,EAAA,MAAAqE;EAAArE,EAAA,MAAAuE;EAAAvE,EAAA,MAAAwE;CAAA,OAAAA,MAAAxE,EAAA;CAAA,IAAAyE;CAAA,IAAAzE,EAAA,QAAA2D,OAAA3D,EAAA,QAAAwE,KAAA;EAzDTC,MAAA,qBAAA,UAAA,EAAA,UAAA,CACEd,KAyCAa,GAeO,EAAA,CAAA;EACNxE,EAAA,MAAA2D;EAAA3D,EAAA,MAAAwE;EAAAxE,EAAA,MAAAyE;CAAA,OAAAA,MAAAzE,EAAA;CAAA,OA1DHyE;AA0DG,CAEN,CACH;AAEA,MAAaC,kBAKTzH,KACFF,WACE,SAAA2H,gBAAA/D,IAAAZ,cAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAH;CAAA,IAAAE,EAAA,OAAAW,IAAA;EAAyB,CAAA,IAAAb,SAAAa;EAAYX,EAAA,KAAAW;EAAAX,EAAA,KAAAF;CAAA,OAAAA,QAAAE,EAAA;CACnC,MAAAK,YAAkBnC,eAAe;CAAE,IAAA8C;CAAA,IAAAhB,EAAA,OAAAK,WAAA;EAKxBW,KAAAX,UAAU,SAAS;EAACL,EAAA,KAAAK;EAAAL,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAK,WAAA;EAC8BY,KAAAZ,UAAU,SAAS;EAACL,EAAA,KAAAK;EAAAL,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAqB;CAAA,IAAArB,EAAA,OAAAiB,IAAA;EAAvDI,KAAA,oBAAC,kBAAD;GAAwB,MAAA;GAAW,OAAAJ;EAAoB,CAAA;EAAIjB,EAAA,KAAAiB;EAAAjB,EAAA,KAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,IAAAkC;CAAA,IAAAlC,EAAA,OAAAD,gBAAAC,EAAA,OAAAF,SAAAE,EAAA,QAAAgB,MAAAhB,EAAA,QAAAqB,IAAA;EAJnFa,KAAA,oBAAA,KAAA,MAAA;GAAA,GACMpC;GACCC,KAAAA;GACE,OAAAiB;GACe,sBAAAK;EAA2D,CAAA;EACjFrB,EAAA,KAAAD;EAAAC,EAAA,KAAAF;EAAAE,EAAA,MAAAgB;EAAAhB,EAAA,MAAAqB;EAAArB,EAAA,MAAAkC;CAAA,OAAAA,KAAAlC,EAAA;CAAA,OALFkC;AAKE,CAGR,CACF;AAEA,SAAAyC,YAAAhE,IAAA;CAAA,MAAAX,IAAAC,EAAA,EAAA;CAAqB,MAAA,EAAA2E,cAAAvC,qBAAAwC,UAAAC,UAAAvC,aAAA5B;CAanB,MAAAN,YAAkBnC,eAAe;CACjC,MAAA6G,WAAiBzH,OAAyB,IAAI;CAC9C,MAAA,CAAA0H,eAAAC,oBAA0C1H,SAASqH,YAAY;CAC/D,MAAA,CAAAM,UAAAC,eAAgC5H,SAAkB,KAAK;CAAE,IAAAyD;CAAA,IAAAhB,EAAA,OAAA4E,gBAAA5E,EAAA,OAAAgF,iBAAAhF,EAAA,OAAA8E,YAAA9E,EAAA,OAAA6E,YAAA7E,EAAA,OAAAuC,UAAA;EAC/BvB,WAAA;GACxB,IAAIuB,YAAA,CAAaA,SAASyC,aAAa,GAAC;IACtCG,YAAY,IAAI;IAAC;GAAA;GAInB,IAAIP,iBAAiBI,eAAa;IAChCH,WAAWG,aAAa;IAAC;GAAA;GAG3BF,WAAW;EAAC;EACb9E,EAAA,KAAA4E;EAAA5E,EAAA,KAAAgF;EAAAhF,EAAA,KAAA8E;EAAA9E,EAAA,KAAA6E;EAAA7E,EAAA,KAAAuC;EAAAvC,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAXD,MAAAoF,oBAA0BpE;CAWxB,IAAAC;CAAA,IAAAjB,EAAA,OAAA4E,gBAAA5E,EAAA,OAAA8E,UAAA;EAEwB7D,WAAA;GACxBgE,iBAAiBL,YAAY;GAC7BE,WAAW;EAAC;EACb9E,EAAA,KAAA4E;EAAA5E,EAAA,KAAA8E;EAAA9E,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAHD,MAAAqF,oBAA0BpE;CAGxB,IAAAI;CAAA,IAAAa;CAAA,IAAAlC,EAAA,OAAA+D,OAAAC,IAAA,2BAAA,GAAA;EAEQ3C,WAAA;GACR,IAAI0D,SAAQO,SAAQ;IAClBP,SAAQO,QAAQC,MAAO;IACvBR,SAAQO,QAAQE,OAAQ;GAAC;EAC1B;EACAtD,KAAA,CAAA;EAAElC,EAAA,KAAAqB;EAAArB,EAAA,MAAAkC;CAAA,OAAA;EAAAb,KAAArB,EAAA;EAAAkC,KAAAlC,EAAA;CAAA;CALL7C,UAAUkE,IAKPa,EAAE;CAEL,MAAAuD,YAAkBT,iBAAiBA,kBAAkBJ,gBAAnC,CAAoDM;CACtE,MAAAQ,UAAgBtI,MAAM;CAAE,IAAAgF;CAAA,IAAApC,EAAA,QAAAK,WAAA;EAWwB+B,KAAA/B,UAAU,UAAU;EAACL,EAAA,MAAAK;EAAAL,EAAA,MAAAoC;CAAA,OAAAA,KAAApC,EAAA;CAAA,IAAAsC;CAAA,IAAAtC,EAAA,QAAAoC,IAAA;EAAlDE,KAAA,EAAAqD,WAAa,EAAA,cAAgBvD,GAAsB,EAAE;EAACpC,EAAA,MAAAoC;EAAApC,EAAA,MAAAsC;CAAA,OAAAA,KAAAtC,EAAA;CAAA,IAAAwC;CAAA,IAAAxC,EAAA,QAAA+D,OAAAC,IAAA,2BAAA,GAAA;EAEvDxB,MAAAoD,UAAA;GACRX,iBAAiBW,MAAKC,OAAOC,KAAM;GACnCX,YAAY,KAAK;EAAC;EACnBnF,EAAA,MAAAwC;CAAA,OAAAA,KAAAxC,EAAA;CAAA,IAAA0C;CAAA,IAAA1C,EAAA,QAAAqF,qBAAArF,EAAA,QAAAoF,mBAAA;EACQ1C,MAAAqD,YAAA;GACP,IAAIH,QAAKI,QAAS,SAChBZ,kBAAkB;QACb,IAAIQ,QAAKI,QAAS,UACvBX,kBAAkB;EACnB;EACFrF,EAAA,MAAAqF;EAAArF,EAAA,MAAAoF;EAAApF,EAAA,MAAA0C;CAAA,OAAAA,KAAA1C,EAAA;CAAA,IAAA4C;CAAA,IAAA5C,EAAA,QAAAkF,YAAAlF,EAAA,QAAA0F,WAAA1F,EAAA,QAAAgF,iBAAAhF,EAAA,QAAAsC,MAAAtC,EAAA,QAAA0C,IAAA;EAlBHE,KAAA,oBAAC,WAAD;GACE,WAAA;GACOsC,OAAAA;GACF,MAAA;GACDQ,IAAAA;GACMX;GACC,WAAAzC;GACJ0C,OAAAA;GACG,UAAAxC;GAID,SAAAE;EAMR,CAAA;EACD1C,EAAA,MAAAkF;EAAAlF,EAAA,MAAA0F;EAAA1F,EAAA,MAAAgF;EAAAhF,EAAA,MAAAsC;EAAAtC,EAAA,MAAA0C;EAAA1C,EAAA,MAAA4C;CAAA,OAAAA,KAAA5C,EAAA;CAAA,IAAA6C;CAAA,IAAA7C,EAAA,QAAAK,WAAA;EACsBwC,MAAAxC,UAAU,QAAQ;EAACL,EAAA,MAAAK;EAAAL,EAAA,MAAA6C;CAAA,OAAAA,MAAA7C,EAAA;CAAA,IAAA8C;CAAA,IAAA9C,EAAA,QAAA+D,OAAAC,IAAA,2BAAA,GAAA;EACzClB,MAAA,oBAAC,MAAD,EAAYxE,MAAAA,WAAU,CAAA;EAAI0B,EAAA,MAAA8C;CAAA,OAAAA,MAAA9C,EAAA;CAAA,IAAA+C;CAAA,IAAA/C,EAAA,QAAAqF,qBAAArF,EAAA,QAAA6C,KAAA;EAD5BE,MAAA,oBAAC,YAAD;GAAwB,cAAAF;GAA8BwC,SAAAA;GAAwB,MAAA;GAC5EvC,UAAAA;EADS,CAAA;EAEE9C,EAAA,MAAAqF;EAAArF,EAAA,MAAA6C;EAAA7C,EAAA,MAAA+C;CAAA,OAAAA,MAAA/C,EAAA;CAAA,IAAA0D;CAAA,IAAA1D,EAAA,QAAAK,WAAA;EACWqD,MAAArD,UAAU,SAAS;EAACL,EAAA,MAAAK;EAAAL,EAAA,MAAA0D;CAAA,OAAAA,MAAA1D,EAAA;CAAwC,MAAA2D,MAAA,CAAC8B;CAAS,IAAA7B;CAAA,IAAA5D,EAAA,QAAA+D,OAAAC,IAAA,2BAAA,GAAA;EAC5FJ,MAAA,oBAAC,MAAD,EAAYvF,MAAAA,aAAY,CAAA;EAAI2B,EAAA,MAAA4D;CAAA,OAAAA,MAAA5D,EAAA;CAAA,IAAA6D;CAAA,IAAA7D,EAAA,QAAAoF,qBAAApF,EAAA,QAAA0D,OAAA1D,EAAA,QAAA2D,KAAA;EAD9BE,MAAA,oBAAC,YAAD;GAAwB,cAAAH;GAA+B0B,SAAAA;GAA6B,UAAAzB;GAAiB,MAAA;GACnGC,UAAAA;EADS,CAAA;EAEE5D,EAAA,MAAAoF;EAAApF,EAAA,MAAA0D;EAAA1D,EAAA,MAAA2D;EAAA3D,EAAA,MAAA6D;CAAA,OAAAA,MAAA7D,EAAA;CAAA,IAAA8D;CAAA,IAAA9D,EAAA,QAAA+C,OAAA/C,EAAA,QAAA6D,OAAA7D,EAAA,QAAA4C,IAAA;EA1BfkB,MAAA,qBAAA,OAAA;GAAe,WAAA;GAAf,UAAA;IACElB;IAoBAG;IAGAc;GAGI;;EAAA7D,EAAA,MAAA+C;EAAA/C,EAAA,MAAA6D;EAAA7D,EAAA,MAAA4C;EAAA5C,EAAA,MAAA8D;CAAA,OAAAA,MAAA9D,EAAA;CAAA,IAAAkE;CAAA,IAAAlE,EAAA,QAAAkF,YAAAlF,EAAA,QAAAqC,qBAAA;EACL6B,MAAA7B,wBAAwB5B,KAAAA,IACvB,oBAAC,gBAAD;GAAuByE,OAAAA;GAAiB,OAAA,EAAAe,SAAW,OAAO;GACxD,UAAA,oBAAC,YAAD;IAAoB,SAAA;IAAW5D,UAAAA;GAApB,CAAA;EADE,CAAA,IADhB5B,KAAAA;EAIYT,EAAA,MAAAkF;EAAAlF,EAAA,MAAAqC;EAAArC,EAAA,MAAAkE;CAAA,OAAAA,MAAAlE,EAAA;CAAA,IAAAqE;CAAA,IAAArE,EAAA,QAAA4E,gBAAA5E,EAAA,QAAA8D,OAAA9D,EAAA,QAAAkE,KAAA;EAjCfG,MAAA,qBAAA,OAAA;GAAkC,WAAA;GAAlC,UAAA,CACEP,KA4BCI,GAKG;EAlCIU,GAAAA,YAkCJ;EAAA5E,EAAA,MAAA4E;EAAA5E,EAAA,MAAA8D;EAAA9D,EAAA,MAAAkE;EAAAlE,EAAA,MAAAqE;CAAA,OAAAA,MAAArE,EAAA;CAAA,OAlCNqE;AAkCM;AAIV,SAAS/C,oBAAoB8B,SAAsB8C,SAA8C;CAC/F,OAAO9C,QACJ+C,QAAQC,WAAWpJ,eAAyCoJ,MAAM,CAAC,CAAC,CACpEC,KAAKD,WAAWtJ,aAAuCsJ,QAAQ,EAAEF,QAAQ,CAAC,CAAC;AAChF;AAjPiD,SAAAnF,MAAAmC,GAAA;CAAA,OAmBfA,EAACoD,SAAU;AAAc;AAnBV,SAAA3E,OAAA4E,KAAA;CAAA,OA6CfrD,IAACoD,SAAU,aAAX,CAAyBpD,IAACsD;AAAiB"}
+{"version":3,"file":"TreeNodeRenderer.js","names":["cloneElement","forwardRef","isValidElement","memo","useCallback","useMemo","CircularProgress","Tree","useTranslation","TreeActionBase","useTreeContextMenu","refreshSvg","ComponentPropsWithoutRef","FC","PropsWithRef","ReactNode","RefAttributes","TreeRendererProps","TreeNode","TreeActionBaseAttributes","TreeNodeRendererOwnProps","Pick","node","menuActions","inlineActions","contextMenuActions","StrataKitTreeItemProps","Omit","Item","decorations","TreeNodeRendererProps","StrataKitTreeNodeRenderer","HTMLElement","HierarchyNode","props","forwardedRef","$","_c","expandNode","reloadTree","treeItemProps","translate","contextMenu","label","t0","bb0","errors","some","_temp","t1","t2","id","parentNodeId","state","t3","undefined","injectActionVariant","inlineActionItems","bb1","menuActionItems","bb2","_temp2","children","length","isExpanded","expanded","onExpandedChange","t4","t5","e_1","onContextMenu","e","preventDefault","actions","openContextMenu","position","x","clientX","y","clientY","t6","PlaceholderNode","variant","filter","action","map","type","e_0","isNodeExpandable"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.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 { cloneElement, forwardRef, isValidElement, memo, useCallback, useMemo } from \"react\";\nimport { CircularProgress } from \"@mui/material\";\nimport { Tree } from \"@stratakit/structures\";\nimport { useTranslation } from \"../LocalizationContext.js\";\nimport { TreeActionBase } from \"./TreeAction.js\";\nimport { useTreeContextMenu } from \"./TreeContextMenu.js\";\n\nimport refreshSvg from \"@stratakit/icons/refresh.svg\";\n\nimport type { ComponentPropsWithoutRef, FC, PropsWithRef, ReactNode, RefAttributes } from \"react\";\nimport type { TreeRendererProps } from \"../Renderers.js\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { TreeActionBaseAttributes } from \"./TreeAction.js\";\n\n/** @internal */\ninterface TreeNodeRendererOwnProps extends Pick<TreeRendererProps, \"expandNode\" | \"reloadTree\"> {\n  /** Node that is rendered. */\n  node: TreeNode;\n  /**\n   * Menu actions for tree item.\n   * Must be an array of `<TreeActionBase />` or `<Divider />` elements.\n   */\n  menuActions?: ReactNode[];\n  /**\n   * Inline actions for tree item.\n   * Must be an array of `<TreeActionBase />` elements.\n   * Max 2 items.\n   */\n  inlineActions?: ReactNode[];\n  /**\n   * Context menu actions for tree item.\n   * Must be an array of `<TreeActionBase />` or `<Divider />` elements.\n   */\n  contextMenuActions?: ReactNode[];\n}\n\n/** @alpha */\nexport type StrataKitTreeItemProps = Omit<\n  ComponentPropsWithoutRef<typeof Tree.Item>,\n  \"actions\" | \"inlineActions\" | \"expanded\" | \"onExpandedChange\" | \"icon\" | \"unstable_decorations\" | \"error\"\n> & {\n  /**\n   * Used to render elements between expander and label.\n   * E.g. icons, color picker, etc.\n   */\n  decorations?: ReactNode;\n};\n\n/** @internal */\nexport type TreeNodeRendererProps = StrataKitTreeItemProps & TreeNodeRendererOwnProps;\n\n/**\n * A component that renders a given `TreeNode` using the `Tree.Item` component from `@stratakit/structures`.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StrataKitTreeNodeRenderer: FC<PropsWithRef<TreeNodeRendererProps & RefAttributes<HTMLElement>>> = memo(\n  forwardRef<HTMLElement, TreeNodeRendererProps>(function HierarchyNode(props, forwardedRef) {\n    const {\n      node,\n      decorations,\n      inlineActions,\n      menuActions,\n      contextMenuActions,\n      expandNode,\n      reloadTree,\n      ...treeItemProps\n    } = props;\n    const translate = useTranslation();\n    const contextMenu = useTreeContextMenu();\n\n    const label = treeItemProps.label ?? node.label;\n    const inlineActionItems = useMemo(() => {\n      if (node.errors.some((e) => e.type === \"ChildrenLoad\")) {\n        return [\n          <TreeActionBase\n            key=\"retry\"\n            label={translate(\"retry\")}\n            onClick={() => reloadTree({ parentNodeId: node.id, state: \"reset\" })}\n            visible={true}\n            icon={refreshSvg}\n            variant=\"inline\"\n          />,\n        ];\n      }\n      if (!inlineActions) {\n        return undefined;\n      }\n      return injectActionVariant(inlineActions, \"inline\");\n    }, [node, inlineActions, translate, reloadTree]);\n\n    const menuActionItems = useMemo(() => {\n      if (!menuActions) {\n        return undefined;\n      }\n      return injectActionVariant(menuActions, \"default\");\n    }, [menuActions]);\n\n    const expanded = useMemo(() => {\n      if (node.errors.some((e) => e.type !== \"Unknown\" || !e.isNodeExpandable)) {\n        return undefined;\n      }\n\n      // this is a leaf node\n      if (node.children !== true && node.children.length === 0) {\n        return undefined;\n      }\n\n      return node.isExpanded;\n    }, [node]);\n\n    const onExpandedChange = useCallback(\n      (isExpanded: boolean) => {\n        expandNode(node.id, isExpanded);\n      },\n      [node, expandNode],\n    );\n\n    return (\n      <Tree.Item\n        {...treeItemProps}\n        ref={forwardedRef}\n        label={label}\n        expanded={expanded}\n        onExpandedChange={onExpandedChange}\n        inlineActions={inlineActionItems}\n        actions={menuActionItems}\n        unstable_decorations={decorations}\n        error={node.errors.length > 0 ? node.errors[0].id : undefined}\n        onContextMenu={(e) => {\n          if (treeItemProps.onContextMenu) {\n            treeItemProps.onContextMenu(e);\n          }\n\n          if (!contextMenuActions) {\n            return;\n          }\n\n          e.preventDefault();\n          const actions = injectActionVariant(contextMenuActions, \"context-menu\");\n          if (actions.length === 0) {\n            return;\n          }\n\n          contextMenu.openContextMenu({ position: { x: e.clientX, y: e.clientY }, actions });\n        }}\n      />\n    );\n  }),\n);\n\nexport const PlaceholderNode: FC<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PropsWithRef<\n    Pick<StrataKitTreeItemProps, \"style\" | \"aria-level\" | \"aria-posinset\" | \"aria-setsize\"> & RefAttributes<HTMLElement>\n  >\n> = memo(\n  forwardRef<HTMLElement, Pick<StrataKitTreeItemProps, \"style\" | \"aria-level\" | \"aria-posinset\" | \"aria-setsize\">>(\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    function PlaceholderNode({ ...props }, forwardedRef) {\n      const translate = useTranslation();\n      return (\n        <Tree.Item\n          {...props}\n          ref={forwardedRef}\n          label={translate(\"loading\")}\n          unstable_decorations={<CircularProgress size={16} title={translate(\"loading\")} />}\n        />\n      );\n    },\n  ),\n);\n\nfunction injectActionVariant(actions: ReactNode[], variant: TreeActionBaseAttributes[\"variant\"]) {\n  return actions\n    .filter((action) => isValidElement<TreeActionBaseAttributes>(action))\n    .map((action) => cloneElement<TreeActionBaseAttributes>(action, { variant }));\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TreeRenderer.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeRenderer.tsx"],"mappings":";;;;;;;;;;UAyBU;EACR;;;;;EAKA;;EAEA,gBAAgB;;EAEhB,iBAAiB,OAAO,2BAA2B;;EAEnD,mBAAmB,MAAM,aAAa;;EAGtC,gBAAgB,QAAQ,KAAK,sBAAsB,KAAK;;EAGxD,oBACE,MAAM,aACH,QAAQ,KAAK;;;;;EAMlB,kBAAkB;IAAS,YAAY;IAAU,eAAe;QAAiB;;;;;;EAMjF,oBAAoB;IAAS,YAAY;IAAU,eAAe;QAAiB;;;;;EAKnF,yBAAyB;IAAS,YAAY;IAAU,eAAe;QAAiB;;;UAIzE;;;;;;;EAOf,aAAa,gBAAgB,MAAM;;;KAIhC,6BAA6B,oBAChC,KAAK,kDACL;;;;;;cAOW,uBAAuB,GAClC,gBAAgB,8BAA8B,cAAc"}
+{"version":3,"file":"TreeRenderer.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeRenderer.tsx"],"mappings":";;;;;;;;;;UA4BU;EACR;;;;;EAKA;;EAEA,gBAAgB;;EAEhB,iBAAiB,OAAO,2BAA2B;;EAEnD,mBAAmB,MAAM,aAAa;;EAGtC,gBAAgB,QAAQ,KAAK,sBAAsB,KAAK;;EAGxD,oBACE,MAAM,aACH,QAAQ,KAAK;;;;;EAMlB,kBAAkB;IAAS,YAAY;IAAU,eAAe;QAAiB;;;;;;EAMjF,oBAAoB;IAAS,YAAY;IAAU,eAAe;QAAiB;;;;;EAKnF,yBAAyB;IAAS,YAAY;IAAU,eAAe;QAAiB;;;UAIzE;;;;;;;EAOf,aAAa,gBAAgB,MAAM;;;KAIhC,6BAA6B,oBAChC,KAAK,kDACL;;;;;;cAOW,uBAAuB,GAClC,gBAAgB,8BAA8B,cAAc"}

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

@@ -2,11 +2,13 @@ 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 { TreeNodeLabelEditorOverlay } from "./LabelEditor.js";
+import { TreeContextMenuProvider } from "./TreeContextMenu.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 { 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
@@ -69,15 +71,21 @@ const StrataKitTreeRenderer = forwardRef(function StrataKitTreeRenderer(props, f
 			return calculatedSelectedNodes;
 		};
 	}, [flatItems, isNodeSelected]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [errorRenderer ? errorRenderer(errorRendererProps) : /* @__PURE__ */ jsx(TreeErrorRenderer, { ...errorRendererProps }), /* @__PURE__ */ jsx("div", {
+	const renameOverlayTarget = getRenameOverlayTarget({
+		renameParameters: renameContext.renameParameters,
+		items,
+		flatItems
+	});
+	return /* @__PURE__ */ jsxs(TreeContextMenuProvider, { children: [errorRenderer ? errorRenderer(errorRendererProps) : /* @__PURE__ */ jsx(TreeErrorRenderer, { ...errorRendererProps }), /* @__PURE__ */ jsxs("div", {
 		id,
 		style: {
 			height: "100%",
 			width: "100%",
-			overflowY: "auto"
+			overflowY: "auto",
+			position: "relative"
 		},
 		ref: parentRef,
-		children: /* @__PURE__ */ jsx(Tree.Root, {
+		children: [/* @__PURE__ */ jsx(Tree.Root, {
 			...treeRootProps,
 			style: {
 				height: virtualizer.getTotalSize(),
@@ -108,9 +116,30 @@ const StrataKitTreeRenderer = forwardRef(function StrataKitTreeRenderer(props, f
 					}, virtualizedItem.key);
 				})
 			})
-		})
+		}), renameContext.renameParameters && renameOverlayTarget ? /* @__PURE__ */ jsx(TreeNodeLabelEditorOverlay, {
+			node: renameOverlayTarget.node,
+			renameParameters: renameContext.renameParameters,
+			onCancel: cancelRename,
+			style: renameOverlayTarget.style
+		}) : null]
 	})] });
 });
+function getRenameOverlayTarget({ renameParameters, items, flatItems }) {
+	if (!renameParameters) return;
+	const virtualItem = items.find((virtualizedItem) => flatItems[virtualizedItem.index].id === renameParameters.nodeId);
+	const item = virtualItem ? flatItems[virtualItem.index] : void 0;
+	if (!virtualItem || !item || isPlaceholderItem(item)) return;
+	const levelPadding = `var(--stratakit-space-x2) + (var(--stratakit-space-x1) + var(--stratakit-space-x05)) * ${item.level - 1}`;
+	return {
+		node: item.node,
+		style: {
+			position: "absolute",
+			top: 0,
+			left: `calc(${levelPadding} + 1.5rem + var(--stratakit-space-x1))`,
+			transform: `translateY(${virtualItem.start + virtualItem.size}px)`
+		}
+	};
+}
 function useExpandAndScrollToNode(t0) {
 	const $ = c(11);
 	const { rootNodes, flatItems, expandNode, virtualizer } = t0;