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

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

@@ -0,0 +1,540 @@
+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.errors.some(_temp)) {
+			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.errors.some(_temp2)) {
+			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.errors.length > 0 ? node.errors[0].id : void 0;
+	let t12;
+	if ($[32] !== contextMenuActions || $[33] !== treeItemProps) {
+		t12 = (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({
+				position: {
+					x: e_1.clientX,
+					y: e_1.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 }));
+}
+function _temp(e) {
+	return e.type === "ChildrenLoad";
+}
+function _temp2(e_0) {
+	return e_0.type !== "Unknown" || !e_0.isNodeExpandable;
+}
+//#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","DropdownMenu","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","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","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 { Description, IconButton, Spinner, Text, TextBox } from \"@stratakit/bricks\";\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 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 */\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        <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\n              style={{ position: \"fixed\", top: contextMenuProps.position.y, left: contextMenuProps.position.x }}\n              render={<div />}\n            />\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<\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={<Spinner size={\"small\"} 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        <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\n          icon={checkmarkSvg}\n          label={translate(\"confirm\")}\n          onClick={handleLabelChange}\n          disabled={!canRename}\n        />\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;EAO9B;EAJR,aAAA,GAAgB,OAAA,CAAQ,IAAA,CAAK,cAAA,QAAsB,IAAA,CAAK,IAAA;EAK3C;EAFb,gBAAA,IACE,IAAA,EAAM,QAAA,KACH,OAAA,CAAQ,IAAA,CAAK,sBAAA;EAMqB;;;;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;EAtBlE;;;;EA2BjB,qBAAA,IAAyB,KAAA;IAAS,UAAA,EAAY,QAAA;IAAU,aAAA,EAAe,QAAA;EAAA,MAAiB,SAAA;AAAA;;UAIzE,+BAAA;EA1ByC;;;;;;EAiCxD,UAAA,GAAa,aAAA,GAAgB,IAAA,EAAM,QAAA;AAAA;;KAIhC,0BAAA,GAA6B,iBAAA,GAChC,IAAA,CAAK,sBAAA,4BACL,oBAAA;;;;;;cAOW,qBAAA,EAAuB,EAAA,CAClC,eAAA,CAAgB,0BAAA,IAA8B,aAAA,CAAc,+BAAA"}