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

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

@@ -0,0 +1,535 @@
+import { useTranslation } from "./LocalizationContext.js";
+import { TreeActionBase } from "./TreeAction.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";
+
+//#region src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.tsx
+/**
+* A component that renders a given `TreeNode` using the `Tree.Item` component from `@stratakit/structures`.
+*
+* @internal
+*/
+const StrataKitTreeNodeRenderer = memo(forwardRef(function HierarchyNode(props, forwardedRef) {
+	const $ = c(64);
+	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 translate = useTranslation();
+	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] !== translate) {
+				t1 = translate("retry");
+				$[9] = translate;
+				$[10] = t1;
+			} else t1 = $[10];
+			let t2;
+			if ($[11] !== node.id || $[12] !== reloadTree) {
+				t2 = () => reloadTree({
+					parentNodeId: node.id,
+					state: "reset"
+				});
+				$[11] = node.id;
+				$[12] = reloadTree;
+				$[13] = t2;
+			} else t2 = $[13];
+			let t3;
+			if ($[14] !== t1 || $[15] !== t2) {
+				t3 = [/* @__PURE__ */ jsx(TreeActionBase, {
+					label: t1,
+					onClick: t2,
+					visible: true,
+					icon: refreshSvg,
+					variant: "inline"
+				}, "retry")];
+				$[14] = t1;
+				$[15] = t2;
+				$[16] = t3;
+			} else t3 = $[16];
+			t0 = t3;
+			break bb0;
+		}
+		if (!inlineActions) {
+			t0 = void 0;
+			break bb0;
+		}
+		let t1;
+		if ($[17] !== inlineActions) {
+			t1 = injectActionVariant(inlineActions, "inline");
+			$[17] = inlineActions;
+			$[18] = t1;
+		} else t1 = $[18];
+		t0 = t1;
+	}
+	const inlineActionItems = t0;
+	let t1;
+	bb1: {
+		if (!menuActions) {
+			t1 = void 0;
+			break bb1;
+		}
+		let t2;
+		if ($[19] !== menuActions) {
+			t2 = injectActionVariant(menuActions, "default");
+			$[19] = menuActions;
+			$[20] = t2;
+		} else t2 = $[20];
+		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 ($[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) => {
+			expandNode(node.id, isExpanded);
+		};
+		$[29] = expandNode;
+		$[30] = node.id;
+		$[31] = t9;
+	} else t9 = $[31];
+	const t10 = t9;
+	const t11 = node.error ? node.error.id : void 0;
+	let t12;
+	if ($[32] !== contextMenuActions || $[33] !== 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
+			});
+		};
+		$[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, {
+			...treeItemProps,
+			ref: forwardedRef,
+			label,
+			expanded,
+			onExpandedChange: t10,
+			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 !== void 0;
+	let t16;
+	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = (open) => {
+			if (!open) setContextMenuProps(void 0);
+		};
+		$[51] = t16;
+	} else t16 = $[51];
+	const t17 = `${node.id}-${contextMenuProps?.position.x ?? ""}-${contextMenuProps?.position.y ?? ""}`;
+	let t18;
+	if ($[52] !== contextMenuProps) {
+		t18 = contextMenuProps ? /* @__PURE__ */ jsx(DropdownMenu.Button, {
+			style: {
+				position: "fixed",
+				top: contextMenuProps.position.y,
+				left: contextMenuProps.position.x
+			},
+			render: /* @__PURE__ */ jsx("div", {})
+		}) : null;
+		$[52] = contextMenuProps;
+		$[53] = t18;
+	} else t18 = $[53];
+	const t19 = contextMenuProps?.actions;
+	let t20;
+	if ($[54] !== t19) {
+		t20 = /* @__PURE__ */ jsx(DropdownMenu.Content, {
+			focusable: true,
+			autoFocus: true,
+			children: t19
+		});
+		$[54] = t19;
+		$[55] = t20;
+	} else t20 = $[55];
+	let t21;
+	if ($[56] !== t15 || $[57] !== t17 || $[58] !== t18 || $[59] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(DropdownMenu.Provider, {
+			open: t15,
+			setOpen: t16,
+			children: [t18, t20]
+		}, t17);
+		$[56] = t15;
+		$[57] = t17;
+		$[58] = t18;
+		$[59] = t20;
+		$[60] = t21;
+	} else t21 = $[60];
+	let t22;
+	if ($[61] !== t14 || $[62] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Fragment, { children: [t14, t21] });
+		$[61] = t14;
+		$[62] = t21;
+		$[63] = t22;
+	} else t22 = $[63];
+	return t22;
+}));
+const PlaceholderNode = memo(forwardRef(function PlaceholderNode(t0, forwardedRef) {
+	const $ = c(13);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	const translate = useTranslation();
+	let t1;
+	if ($[2] !== translate) {
+		t1 = translate("loading");
+		$[2] = translate;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== translate) {
+		t2 = translate("loading");
+		$[4] = translate;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Spinner, {
+			size: "small",
+			title: t2
+		});
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== forwardedRef || $[9] !== props || $[10] !== t1 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Tree.Item, {
+			...props,
+			ref: forwardedRef,
+			label: t1,
+			unstable_decorations: t3
+		});
+		$[8] = forwardedRef;
+		$[9] = props;
+		$[10] = t1;
+		$[11] = t3;
+		$[12] = t4;
+	} 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] === 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] !== translate) {
+		t7 = translate("newLabel");
+		$[12] = translate;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = (event) => {
+			setNewLabelValue(event.target.value);
+			setHasError(false);
+		};
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== cancelLabelChange || $[16] !== handleLabelChange) {
+		t9 = (event_0) => {
+			if (event_0.key === "Enter") handleLabelChange();
+			else if (event_0.key === "Escape") cancelLabelChange();
+		};
+		$[15] = cancelLabelChange;
+		$[16] = handleLabelChange;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== inputId || $[19] !== newLabelValue || $[20] !== t7 || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx(TextBox.Input, {
+			id: inputId,
+			ref: inputRef,
+			"aria-label": t7,
+			value: newLabelValue,
+			onChange: t8,
+			onKeyUp: t9
+		});
+		$[18] = inputId;
+		$[19] = newLabelValue;
+		$[20] = t7;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== t10 || $[24] !== t6) {
+		t11 = /* @__PURE__ */ jsx(TextBox.Root, {
+			style: t5,
+			className: t6,
+			children: t10
+		});
+		$[23] = t10;
+		$[24] = t6;
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] !== translate) {
+		t12 = translate("cancel");
+		$[26] = translate;
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] !== cancelLabelChange || $[29] !== t12) {
+		t13 = /* @__PURE__ */ jsx(IconButton, {
+			icon: dismissSvg,
+			label: t12,
+			onClick: cancelLabelChange
+		});
+		$[28] = cancelLabelChange;
+		$[29] = t12;
+		$[30] = t13;
+	} else t13 = $[30];
+	let t14;
+	if ($[31] !== translate) {
+		t14 = translate("confirm");
+		$[31] = translate;
+		$[32] = t14;
+	} else t14 = $[32];
+	const t15 = !canRename;
+	let t16;
+	if ($[33] !== handleLabelChange || $[34] !== t14 || $[35] !== t15) {
+		t16 = /* @__PURE__ */ jsx(IconButton, {
+			icon: checkmarkSvg,
+			label: t14,
+			onClick: handleLabelChange,
+			disabled: t15
+		});
+		$[33] = handleLabelChange;
+		$[34] = t14;
+		$[35] = t15;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== t11 || $[38] !== t13 || $[39] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: "phr-node-label-editor-input-row",
+			children: [
+				t11,
+				t13,
+				t16
+			]
+		});
+		$[37] = t11;
+		$[38] = t13;
+		$[39] = t16;
+		$[40] = t17;
+	} else t17 = $[40];
+	let t18;
+	if ($[41] !== hasError || $[42] !== inputId || $[43] !== labelValidationHint) {
+		t18 = 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;
+		$[41] = hasError;
+		$[42] = inputId;
+		$[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 }));
+}
+
+//#endregion
+export { PlaceholderNode, StrataKitTreeNodeRenderer };
+//# sourceMappingURL=TreeNodeRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeRenderer.js","names":["cloneElement","forwardRef","isValidElement","memo","useCallback","useEffect","useId","useMemo","useRef","useState","Description","IconButton","Spinner","Text","TextBox","checkmarkSvg","dismissSvg","refreshSvg","DropdownMenu","unstable_Popover","Popover","Tree","useTranslation","TreeActionBase","useTreeNodeRenameContext","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","error","type","t1","t2","id","parentNodeId","state","t3","injectActionVariant","inlineActionItems","bb1","menuActionItems","bb2","children","length","isExpanded","expanded","renameParameters","cancelRename","t4","commit","t5","labelValidationHint","t6","validate","t7","labelEditor","t8","nodeId","t9","t10","t11","t12","e","onContextMenu","preventDefault","actions","position","x","clientX","y","clientY","t13","t14","t15","t16","Symbol","for","open","t17","t18","top","left","t19","t20","t21","t22","PlaceholderNode","LabelEditor","initialLabel","onChange","onCancel","inputRef","newLabelValue","setNewLabelValue","hasError","setHasError","handleLabelChange","cancelLabelChange","current","focus","select","canRename","inputId","width","event","target","value","event_0","key","display","variant","filter","action","map"],"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 { cloneElement, forwardRef, isValidElement, memo, useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { Description, IconButton, Spinner, Text, TextBox } from \"@stratakit/bricks\";\nimport checkmarkSvg from \"@stratakit/icons/checkmark.svg\";\nimport dismissSvg from \"@stratakit/icons/dismiss.svg\";\nimport refreshSvg from \"@stratakit/icons/refresh.svg\";\nimport { DropdownMenu, 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 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 */\nexport const StrataKitTreeNodeRenderer: FC<PropsWithRef<TreeNodeRendererProps & RefAttributes<HTMLElement>>> = memo(\n  forwardRef<HTMLElement, TreeNodeRendererProps>(function HierarchyNode(props, forwardedRef) {\n    const { node, decorations, inlineActions, menuActions, contextMenuActions, expandNode, reloadTree, ...treeItemProps } = props;\n    const translate = useTranslation();\n    const renameContext = useTreeNodeRenameContext();\n    const [contextMenuProps, setContextMenuProps] = useState<{ position: { x: number; y: number }; actions: ReactNode[] } | undefined>(undefined);\n\n    const label = treeItemProps.label ?? node.label;\n    const inlineActionItems = useMemo(() => {\n      if (node.error !== undefined && node.error.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.error) {\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 content={labelEditor} placement=\"bottom\" open={renameParameters?.nodeId === node.id} setOpen={cancelRename} unmountOnHide>\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.error ? node.error.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({\n                position: {\n                  x: e.clientX,\n                  y: e.clientY,\n                },\n                actions,\n              });\n            }}\n          />\n        </Popover>\n        <DropdownMenu.Provider\n          open={contextMenuProps !== undefined}\n          setOpen={(open) => {\n            if (!open) {\n              setContextMenuProps(undefined);\n            }\n          }}\n          key={`${node.id}-${contextMenuProps?.position.x ?? \"\"}-${contextMenuProps?.position.y ?? \"\"}`}\n        >\n          {contextMenuProps ? (\n            <DropdownMenu.Button style={{ position: \"fixed\", top: contextMenuProps.position.y, left: contextMenuProps.position.x }} render={<div />} />\n          ) : null}\n          {/* `autoFocus` prop is coming from ariakit and is not native HTML `autoFocus` prop. */}\n          {/* `focusable` is needed for `autoFocus` to work. StrataKit exposes only `autoFocus` and does not set `focusable` internally. */}\n          {/* eslint-disable jsx-a11y/no-autofocus */}\n          {/* @ts-expect-error focusable is passed through */}\n          <DropdownMenu.Content focusable autoFocus={true}>\n            {contextMenuProps?.actions}\n          </DropdownMenu.Content>\n        </DropdownMenu.Provider>\n      </>\n    );\n  }),\n);\n\nexport const PlaceholderNode: FC<\n  PropsWithRef<Pick<StrataKitTreeItemProps, \"style\" | \"aria-level\" | \"aria-posinset\" | \"aria-setsize\"> & RefAttributes<HTMLElement>>\n> = memo(\n  forwardRef<HTMLElement, Pick<StrataKitTreeItemProps, \"style\" | \"aria-level\" | \"aria-posinset\" | \"aria-setsize\">>(function PlaceholderNode(\n    { ...props },\n    forwardedRef,\n  ) {\n    const translate = useTranslation();\n    return (\n      <Tree.Item {...props} ref={forwardedRef} label={translate(\"loading\")} unstable_decorations={<Spinner size={\"small\"} title={translate(\"loading\")} />} />\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        <TextBox.Root style={{ width: \"100%\" }} className={hasError ? \"with-error\" : undefined}>\n          <TextBox.Input\n            id={inputId}\n            ref={inputRef}\n            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        </TextBox.Root>\n        <IconButton icon={dismissSvg} label={translate(\"cancel\")} onClick={cancelLabelChange} />\n        <IconButton icon={checkmarkSvg} label={translate(\"confirm\")} onClick={handleLabelChange} disabled={!canRename} />\n      </div>\n      {labelValidationHint !== undefined ? (\n        <Description id={inputId} tone={hasError ? \"critical\" : \"neutral\"} style={{ display: \"flex\" }}>\n          <Text variant=\"caption-lg\">{labelValidationHint}</Text>\n        </Description>\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":"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"}

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

@@ -0,0 +1,75 @@
+import { TreeNode } from "../TreeNode.js";
+import { TreeRendererProps } from "../Renderers.js";
+import { SelectionMode } from "../UseSelectionHandler.js";
+import { TreeNodeEditingProps } from "./TreeNodeRenameAction.js";
+import { TreeErrorRendererProps } from "./TreeErrorRenderer.js";
+import { StrataKitTreeItemProps } from "./TreeNodeRenderer.js";
+import { ComponentProps, FC, PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from "react";
+import { Tree } from "@stratakit/structures";
+
+//#region src/presentation-hierarchies-react/stratakit/TreeRenderer.d.ts
+/** @alpha */
+interface TreeRendererOwnProps {
+  id?: string;
+  /**
+   * A user friendly display label of the tree. Should be unique within the consuming application,
+   * as it's used for accessibility purposes.
+   */
+  treeLabel: string;
+  /** Active selection mode used by the tree. Defaults to `"single"`. */
+  selectionMode?: SelectionMode;
+  /** A render function for errors' display component. Defaults to `<TreeErrorRenderer />`. */
+  errorRenderer?: (props: TreeErrorRendererProps) => ReactElement;
+  /** Props that defines if current node supports editing. */
+  getEditingProps?: (node: TreeNode) => TreeNodeEditingProps | undefined;
+  /** Custom props for the root Tree component. */
+  treeRootProps?: Partial<Omit<ComponentProps<typeof Tree.Root>, "style">>;
+  /** A callback that returns tree item props for specific node. */
+  getTreeItemProps?: (node: TreeNode) => Partial<Omit<StrataKitTreeItemProps, "selected" | "aria-level" | "aria-posinset" | "aria-setsize">>;
+  /**
+   * Callback that returns menu actions for tree item.
+   * Must return an array of `<TreeActionBase />` or `<Divider />` elements.
+   */
+  getMenuActions?: (props: {
+    targetNode: TreeNode;
+    selectedNodes: TreeNode[];
+  }) => ReactNode[];
+  /**
+   * Callback that returns inline actions for tree item.
+   * Must return an array of `<TreeActionBase />` elements.
+   * Max 2 items.
+   */
+  getInlineActions?: (props: {
+    targetNode: TreeNode;
+    selectedNodes: TreeNode[];
+  }) => ReactNode[];
+  /**
+   * Callback that returns actions for tree item context menu.
+   * Must return an array of `<TreeActionBase />` or `<Divider />` elements.
+   */
+  getContextMenuActions?: (props: {
+    targetNode: TreeNode;
+    selectedNodes: TreeNode[];
+  }) => ReactNode[];
+}
+/** @alpha */
+interface StrataKitTreeRendererAttributes {
+  /**
+   * Opens rename mode for the first node that matches the given predicate. Node must be already loaded in the tree.
+   * If the node is not visible (because its parent is collapsed), all parents will be expanded to make it visible and node will be scrolled into view.
+   *
+   * Returns "node-not-found" if no node matches the predicate, "success" if rename was initiated.
+   */
+  renameNode: (nodePredicate: (node: TreeNode) => boolean) => "node-not-found" | "success";
+}
+/** @alpha */
+type StrataKitTreeRendererProps = TreeRendererProps & Pick<TreeErrorRendererProps, "filterHierarchyLevel"> & TreeRendererOwnProps;
+/**
+ * A component that renders a tree using the `Tree` component from `@stratakit/structures`.
+ *
+ * @alpha
+ */
+declare const StrataKitTreeRenderer: FC<PropsWithoutRef<StrataKitTreeRendererProps> & RefAttributes<StrataKitTreeRendererAttributes>>;
+//#endregion
+export { StrataKitTreeRenderer, StrataKitTreeRendererAttributes };
+//# sourceMappingURL=TreeRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRenderer.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeRenderer.tsx"],"mappings":";;;;;;;;;;;UAyBU,oBAAA;EACR,EAAA;EAD4B;;;;EAM5B,SAAA;EAMyB;EAJzB,aAAA,GAAgB,aAAA;EAOmC;EALnD,aAAA,IAAiB,KAAA,EAAO,sBAAA,KAA2B,YAAA;EAK3B;EAHxB,eAAA,IAAmB,IAAA,EAAM,QAAA,KAAa,oBAAA;EAMZ;EAH1B,aAAA,GAAgB,OAAA,CAAQ,IAAA,CAAK,cAAA,QAAsB,IAAA,CAAK,IAAA;EAGT;EAA/C,gBAAA,IAAoB,IAAA,EAAM,QAAA,KAAa,OAAA,CAAQ,IAAA,CAAK,sBAAA;EAMb;;;;EAAvC,cAAA,IAAkB,KAAA;IAAS,UAAA,EAAY,QAAA;IAAU,aAAA,EAAe,QAAA;EAAA,MAAiB,SAAA;EAWO;;;;;EALxF,gBAAA,IAAoB,KAAA;IAAS,UAAA,EAAY,QAAA;IAAU,aAAA,EAAe,QAAA;EAAA,MAAiB,SAAA;EApBlE;;;;EAyBjB,qBAAA,IAAyB,KAAA;IAAS,UAAA,EAAY,QAAA;IAAU,aAAA,EAAe,QAAA;EAAA,MAAiB,SAAA;AAAA;;UAIzE,+BAAA;EAxByC;;;;;;EA+BxD,UAAA,GAAa,aAAA,GAAgB,IAAA,EAAM,QAAA;AAAA;;KAIhC,0BAAA,GAA6B,iBAAA,GAAoB,IAAA,CAAK,sBAAA,4BAAkD,oBAAA;;;;;;cAOhG,qBAAA,EAAuB,EAAA,CAAG,eAAA,CAAgB,0BAAA,IAA8B,aAAA,CAAc,+BAAA"}