npm - @itwin/presentation-hierarchies-react - Versions diffs - 2.0.0-alpha.64 → 2.0.0-alpha.66 - Mend

@itwin/presentation-hierarchies-react 2.0.0-alpha.64 → 2.0.0-alpha.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/lib/presentation-hierarchies-react/stratakit/LabelEditor.js ADDED Viewed

@@ -0,0 +1,300 @@
+import { useTranslation } from "../LocalizationContext.js";
+import { c } from "react-compiler-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FormHelperText, IconButton, Popover, TextField, Typography } from "@mui/material";
+import { Icon } from "@stratakit/mui";
+import "./LabelEditor.css";
+import checkmarkSvg from "@stratakit/icons/checkmark.svg";
+import dismissSvg from "@stratakit/icons/dismiss.svg";
+//#region src/presentation-hierarchies-react/stratakit/LabelEditor.tsx
+/**
+* Renders the label editor for the node whose rename is in progress. It's rendered once at the tree
+* level as a popover anchored to an invisible element positioned at the renamed node's label location,
+* so it doesn't depend on the virtualized row's DOM element.
+*
+* @internal
+*/
+function TreeNodeLabelEditorOverlay(t0) {
+	const $ = c(18);
+	const { node, renameParameters, onCancel, style } = t0;
+	const [anchorEl, setAnchorEl] = useState(null);
+	let t1;
+	if ($[0] !== style) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			ref: setAnchorEl,
+			style,
+			"aria-hidden": true
+		});
+		$[0] = style;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = anchorEl !== null;
+	let t3;
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			vertical: "top",
+			horizontal: "left"
+		};
+		t4 = {
+			vertical: "top",
+			horizontal: "left"
+		};
+		$[2] = t3;
+		$[3] = t4;
+	} else {
+		t3 = $[2];
+		t4 = $[3];
+	}
+	let t5;
+	if ($[4] !== node.label || $[5] !== onCancel || $[6] !== renameParameters.commit || $[7] !== renameParameters.labelValidationHint || $[8] !== renameParameters.validate) {
+		t5 = /* @__PURE__ */ jsx(LabelEditor, {
+			initialLabel: node.label,
+			onChange: renameParameters.commit,
+			onCancel,
+			labelValidationHint: renameParameters.labelValidationHint,
+			validate: renameParameters.validate
+		});
+		$[4] = node.label;
+		$[5] = onCancel;
+		$[6] = renameParameters.commit;
+		$[7] = renameParameters.labelValidationHint;
+		$[8] = renameParameters.validate;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== anchorEl || $[11] !== onCancel || $[12] !== t2 || $[13] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Popover, {
+			open: t2,
+			anchorEl,
+			onClose: onCancel,
+			anchorOrigin: t3,
+			transformOrigin: t4,
+			disableScrollLock: true,
+			children: t5
+		});
+		$[10] = anchorEl;
+		$[11] = onCancel;
+		$[12] = t2;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== t1 || $[16] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t6] });
+		$[15] = t1;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
+}
+/**
+* An editor for changing a tree node's label, rendered in a popover when node rename is initiated.
+*
+* @internal
+*/
+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,
+			onKeyDown: 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, {
+			render: /* @__PURE__ */ jsx("div", {}),
+			error: hasError,
+			style: { display: "flex" },
+			children: /* @__PURE__ */ jsx(Typography, {
+				variant: "caption-md",
+				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;
+}
+//#endregion
+export { LabelEditor, TreeNodeLabelEditorOverlay };
+//# sourceMappingURL=LabelEditor.js.map

package/lib/presentation-hierarchies-react/stratakit/LabelEditor.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LabelEditor.js","names":["useEffect","useId","useRef","useState","FormHelperText","IconButton","Popover","TextField","Typography","Icon","useTranslation","checkmarkSvg","dismissSvg","CSSProperties","TreeNode","RenameParameters","TreeNodeLabelEditorOverlay","t0","$","_c","node","renameParameters","onCancel","style","anchorEl","setAnchorEl","t1","t2","t3","t4","Symbol","for","vertical","horizontal","t5","label","commit","labelValidationHint","validate","t6","t7","LabelEditorProps","initialLabel","onChange","newLabel","LabelEditor","translate","inputRef","newLabelValue","setNewLabelValue","hasError","setHasError","handleLabelChange","cancelLabelChange","current","focus","select","canRename","inputId","htmlInput","event","target","value","t8","event_0","key","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","undefined","display","t19"],"sources":["../../../src/presentation-hierarchies-react/stratakit/LabelEditor.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 \"./LabelEditor.css\";\n\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { FormHelperText, IconButton, Popover, TextField, Typography } from \"@mui/material\";\nimport { Icon } from \"@stratakit/mui\";\nimport { useTranslation } from \"../LocalizationContext.js\";\n\nimport checkmarkSvg from \"@stratakit/icons/checkmark.svg\";\nimport dismissSvg from \"@stratakit/icons/dismiss.svg\";\n\nimport type { CSSProperties } from \"react\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { RenameParameters } from \"./TreeNodeRenameAction.js\";\n\n/**\n * Renders the label editor for the node whose rename is in progress. It's rendered once at the tree\n * level as a popover anchored to an invisible element positioned at the renamed node's label location,\n * so it doesn't depend on the virtualized row's DOM element.\n *\n * @internal\n */\nexport function TreeNodeLabelEditorOverlay({\n node,\n renameParameters,\n onCancel,\n style,\n}: {\n node: TreeNode;\n renameParameters: RenameParameters;\n onCancel?: () => void;\n /** Placement of the anchor, generally an offset to the renamed node's label within the tree. */\n style?: CSSProperties;\n}) {\n const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>(null);\n return (\n <>\n <div ref={setAnchorEl} style={style} aria-hidden />\n <Popover\n open={anchorEl !== null}\n anchorEl={anchorEl}\n onClose={onCancel}\n anchorOrigin={{ vertical: \"top\", horizontal: \"left\" }}\n transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\n disableScrollLock\n >\n <LabelEditor\n initialLabel={node.label}\n onChange={renameParameters.commit}\n onCancel={onCancel}\n labelValidationHint={renameParameters.labelValidationHint}\n validate={renameParameters.validate}\n />\n </Popover>\n </>\n );\n}\n\ninterface LabelEditorProps {\n initialLabel: string;\n labelValidationHint?: string;\n onChange?: (newLabel: string) => void;\n onCancel?: () => void;\n validate?: (newLabel: string) => boolean;\n}\n\n/**\n * An editor for changing a tree node's label, rendered in a popover when node rename is initiated.\n *\n * @internal\n */\nexport function LabelEditor({ initialLabel, labelValidationHint, onChange, onCancel, validate }: LabelEditorProps) {\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 onKeyDown={(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 render={<div />} error={hasError} style={{ display: \"flex\" }}>\n <Typography variant=\"caption-md\">{labelValidationHint}</Typography>\n </FormHelperText>\n ) : undefined}\n </div>\n );\n}\n"],"mappings":"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"}

package/lib/presentation-hierarchies-react/stratakit/TreeAction.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeAction.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeAction.tsx"],"mappings":";;;;;;;;UAiBiB;;;;;;;;EAQf;;;;;EAKA;;;KAIU,sBAAsB,KAAK,gCAAgC,KAAK,0BAC1E;;EAEE;;;;;;;;;;;;;;;;;;;;;~~cAsBS~~,gBAAgB,qBAAqB"}
1	+ {"version":3,"file":"TreeAction.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeAction.tsx"],"mappings":";;;;;;;;UAiBiB;;;;;;;;EAQf;;;;;EAKA;;;KAIU,sBAAsB,KAAK,gCAAgC,KAAK,0BAC1E;;EAEE;;;;;;;;;;;;;;;;;;;;;cAuBS,gBAAgB,qBAAqB"}

package/lib/presentation-hierarchies-react/stratakit/TreeAction.js CHANGED Viewed

@@ -80,7 +80,6 @@ const TreeActionBase = memo(function TreeActionBase(t0) {
 		let t4;
 		if ($[13] !== onClick || $[14] !== t2 || $[15] !== t3) {
 			t4 = /* @__PURE__ */ jsxs(MenuItem, {
-				dense: true,
 				onClick,
 				children: [t2, t3]
 			});

package/lib/presentation-hierarchies-react/stratakit/TreeAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeAction.js","names":["memo","ListItemIcon","MenuItem","Typography","Icon","Tree","ComponentPropsWithoutRef","NamedExoticComponent","TreeActionBaseAttributes","variant","hide","TreeActionBaseProps","Omit","ItemAction","onClick","TreeActionBase","t0","$","_c","actionProps","dot","t1","visible","undefined","t2","label","icon","t3","t4"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeAction.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 { memo } from \"react\";\nimport { ListItemIcon, MenuItem, Typography } from \"@mui/material\";\nimport { Icon } from \"@stratakit/mui\";\nimport { Tree } from \"@stratakit/structures\";\n\nimport type { ComponentPropsWithoutRef, NamedExoticComponent } from \"react\";\n\n/*\n Attributes used to decide how to render tree actions. They allow to differentiate action style based on the context\n * where that action is used.\n * @alpha\n /\nexport interface TreeActionBaseAttributes {\n /\n Specifies action variant supported by tree nodes:\n \n - \"default\" - standard action displayed in the dropdown menu accessible through the ellipsis button on the node.\n * - \"inline\" - actions displayed directly on the tree node.\n * - \"context-menu\" - actions displayed in the context menu opened by right-clicking the tree node.\n /\n variant?: \"default\" \| \"inline\" \| \"context-menu\";\n /\n Indicates that the actions is not applicable for current tree node and should be hidden.\n * When set to true, the action will not be rendered at all.\n /\n hide?: boolean;\n}\n\n/* @alpha /\nexport type TreeActionBaseProps = Omit<ComponentPropsWithoutRef<typeof Tree.ItemAction>, \"onClick\"> &\n TreeActionBaseAttributes & {\n /* Callback invoked when the action is clicked. /\n onClick?: () => void;\n };\n\n/\n Base component used to render tree actions. It is designed to allow rendering same action in different contexts: inline, dropdown, context menu.\n * Should be used together with `StrataKitTreeNodeRenderer` and returned from `getInlineActions`, `getMenuActions` and `getContextMenuActions` callbacks.\n \n When implementing custom action that returns this component, make sure to forward `TreeActionBaseAttributes` props to it. Example:\n \n ```tsx\n * interface MyCustomTreeActionProps extends TreeActionBaseAttributes {\n * myProp: string\n * }\n \n function MyCustomTreeAction({ myProp, ...attributes }: MyCustomTreeActionProps) {\n * // custom button logic goes here\n * return <TreeActionBase {...attributes} icon={...} onClick={...} />\n * }\n * ```\n \n @alpha\n */\nexport const TreeActionBase: NamedExoticComponent<TreeActionBaseProps> = memo(function TreeActionBase({\n hide,\n variant = \"default\",\n dot,\n visible,\n ...actionProps\n}: TreeActionBaseProps) {\n if (hide) {\n return variant === \"inline\" ? <Tree.ItemAction {...actionProps} visible={false} /> : undefined;\n }\n\n if (variant === \"context-menu\") {\n const { label, icon, onClick } = actionProps;\n return (\n <MenuItem ~~dense~~ onClick={onClick}>\n {icon ? <ListItemIcon>{typeof icon === \"string\" ? <Icon href={icon} /> : icon}</ListItemIcon> : null}\n <Typography variant=\"caption\">{label}</Typography>\n </MenuItem>\n );\n }\n\n return <Tree.ItemAction {...actionProps} dot={dot} visible={variant === \"inline\" ? visible : undefined} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;~~AA2DA~~,MAAae,iBAA4Df,KAAK,SAAAe,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAV;CAAA,IAAAW;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,IAAA;EAAwB,CAAA,CAAAN,MAAAD,SAAAY,IAAAD,KAAAE,~~YAAAH~~,eAAAH;EAMhFC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,cAAAF,EAAA;EAAAG,MAAAH,EAAA;EAAAP,OAAAO,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,UAAAL,EAAA;CAAA;CAJpB,MAAAR,UAAAY,OAAAE,KAAAA,IAAA,YAAAF;CAKA,IAAIX,MAAI;EAAA,IAAAc;EAAA,IAAAP,EAAA,OAAAE,eAAAF,EAAA,OAAAR,SAAA;GACCe,KAAAf,YAAY,WAAW,oBAAA,KAAA,YAAA;IAAA,GAAqBU;IAAsB,SAAA;GAAK,CAAA,IAAvEI,KAAAA;GAAuFN,EAAA,KAAAE;GAAAF,EAAA,KAAAR;GAAAQ,EAAA,KAAAO;EAAA,OAAAA,KAAAP,EAAA;EAAA,OAAvFO;CAAuF;CAGhG,IAAIf,YAAY,gBAAc;EAC5B,MAAA,EAAAgB,OAAAC,MAAAZ,YAAiCK;EAAY,IAAAK;EAAA,IAAAP,EAAA,OAAAS,MAAA;GAGxCF,KAAAE,OAAO,oBAAC,cAAD,EAAA,UAAe,OAAOA,SAAS,WAAW,oBAAC,MAAD,EAAYA,MAAAA,KAAI,CAAA,IAA3CA,KAAF,CAAA,IAApB;GAAmGT,EAAA,KAAAS;GAAAT,EAAA,MAAAO;EAAA,OAAAA,KAAAP,EAAA;EAAA,IAAAU;EAAA,IAAAV,EAAA,QAAAQ,OAAA;GACpGE,KAAA,oBAAC,YAAD;IAAoB,SAAA;IAAWF,UAAAA;GAApB,CAAA;GAAuCR,EAAA,MAAAQ;GAAAR,EAAA,MAAAU;EAAA,OAAAA,KAAAV,EAAA;EAAA,IAAAW;EAAA,IAAAX,EAAA,QAAAH,WAAAG,EAAA,QAAAO,MAAAP,EAAA,QAAAU,IAAA;GAFpDC,KAAA,qBAAC,UAAD;~~IAAU,OAAA~~;~~IAAed;IAAzB~~,UAAA,CACGU,IACDG,EAFO;;GAGEV,EAAA,MAAAH;GAAAG,EAAA,MAAAO;GAAAP,EAAA,MAAAU;GAAAV,EAAA,MAAAW;EAAA,OAAAA,KAAAX,EAAA;EAAA,OAHXW;CAGW;CAI6C,MAAAJ,KAAAf,YAAY,WAAZa,UAAAC,KAAAA;CAA0C,IAAAI;CAAA,IAAAV,EAAA,QAAAE,eAAAF,EAAA,QAAAG,OAAAH,EAAA,QAAAO,IAAA;EAA/FG,KAAA,oBAAA,KAAA,YAAA;GAAA,GAAqBR;GAAkBC;GAAc,SAAAI;EAA0C,CAAA;EAAIP,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAO;EAAAP,EAAA,MAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,OAAnGU;AAAmG,CAC3G"}
1	+ {"version":3,"file":"TreeAction.js","names":["memo","ListItemIcon","MenuItem","Typography","Icon","Tree","ComponentPropsWithoutRef","NamedExoticComponent","TreeActionBaseAttributes","variant","hide","TreeActionBaseProps","Omit","ItemAction","onClick","TreeActionBase","t0","$","_c","actionProps","dot","t1","visible","undefined","t2","label","icon","t3","t4"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeAction.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 { memo } from \"react\";\nimport { ListItemIcon, MenuItem, Typography } from \"@mui/material\";\nimport { Icon } from \"@stratakit/mui\";\nimport { Tree } from \"@stratakit/structures\";\n\nimport type { ComponentPropsWithoutRef, NamedExoticComponent } from \"react\";\n\n/*\n Attributes used to decide how to render tree actions. They allow to differentiate action style based on the context\n * where that action is used.\n * @alpha\n /\nexport interface TreeActionBaseAttributes {\n /\n Specifies action variant supported by tree nodes:\n \n - \"default\" - standard action displayed in the dropdown menu accessible through the ellipsis button on the node.\n * - \"inline\" - actions displayed directly on the tree node.\n * - \"context-menu\" - actions displayed in the context menu opened by right-clicking the tree node.\n /\n variant?: \"default\" \| \"inline\" \| \"context-menu\";\n /\n Indicates that the actions is not applicable for current tree node and should be hidden.\n * When set to true, the action will not be rendered at all.\n /\n hide?: boolean;\n}\n\n/* @alpha /\nexport type TreeActionBaseProps = Omit<ComponentPropsWithoutRef<typeof Tree.ItemAction>, \"onClick\"> &\n TreeActionBaseAttributes & {\n /* Callback invoked when the action is clicked. /\n onClick?: () => void;\n };\n\n/\n Base component used to render tree actions. It is designed to allow rendering same action in different contexts: inline, dropdown, context menu.\n * Should be used together with `StrataKitTreeNodeRenderer` and returned from `getInlineActions`, `getMenuActions` and `getContextMenuActions` callbacks.\n \n When implementing custom action that returns this component, make sure to forward `TreeActionBaseAttributes` props to it. Example:\n \n ```tsx\n * interface MyCustomTreeActionProps extends TreeActionBaseAttributes {\n * myProp: string\n * }\n \n function MyCustomTreeAction({ myProp, ...attributes }: MyCustomTreeActionProps) {\n * // custom button logic goes here\n * return <TreeActionBase {...attributes} icon={...} onClick={...} />\n * }\n * ```\n \n @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-shadow\nexport const TreeActionBase: NamedExoticComponent<TreeActionBaseProps> = memo(function TreeActionBase({\n hide,\n variant = \"default\",\n dot,\n visible,\n ...actionProps\n}: TreeActionBaseProps) {\n if (hide) {\n return variant === \"inline\" ? <Tree.ItemAction {...actionProps} visible={false} /> : undefined;\n }\n\n if (variant === \"context-menu\") {\n const { label, icon, onClick } = actionProps;\n return (\n <MenuItem onClick={onClick}>\n {icon ? <ListItemIcon>{typeof icon === \"string\" ? <Icon href={icon} /> : icon}</ListItemIcon> : null}\n <Typography variant=\"caption\">{label}</Typography>\n </MenuItem>\n );\n }\n\n return <Tree.ItemAction {...actionProps} dot={dot} visible={variant === \"inline\" ? visible : undefined} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,MAAae,iBAA4Df,KAAK,SAAAe,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAV;CAAA,IAAAW;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,IAAA;EAAwB,CAAA,CAAAN,MAAAD,SAAAY,IAAAD,KAAAE,SAAA,GAAAH,eAAAH;EAMhFC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,cAAAF,EAAA;EAAAG,MAAAH,EAAA;EAAAP,OAAAO,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,UAAAL,EAAA;CAAA;CAJpB,MAAAR,UAAAY,OAAAE,KAAAA,IAAA,YAAAF;CAKA,IAAIX,MAAI;EAAA,IAAAc;EAAA,IAAAP,EAAA,OAAAE,eAAAF,EAAA,OAAAR,SAAA;GACCe,KAAAf,YAAY,WAAW,oBAAA,KAAA,YAAA;IAAA,GAAqBU;IAAsB,SAAA;GAAK,CAAA,IAAvEI,KAAAA;GAAuFN,EAAA,KAAAE;GAAAF,EAAA,KAAAR;GAAAQ,EAAA,KAAAO;EAAA,OAAAA,KAAAP,EAAA;EAAA,OAAvFO;CAAuF;CAGhG,IAAIf,YAAY,gBAAc;EAC5B,MAAA,EAAAgB,OAAAC,MAAAZ,YAAiCK;EAAY,IAAAK;EAAA,IAAAP,EAAA,OAAAS,MAAA;GAGxCF,KAAAE,OAAO,oBAAC,cAAD,EAAA,UAAe,OAAOA,SAAS,WAAW,oBAAC,MAAD,EAAYA,MAAAA,KAAI,CAAA,IAA3CA,KAAF,CAAA,IAApB;GAAmGT,EAAA,KAAAS;GAAAT,EAAA,MAAAO;EAAA,OAAAA,KAAAP,EAAA;EAAA,IAAAU;EAAA,IAAAV,EAAA,QAAAQ,OAAA;GACpGE,KAAA,oBAAC,YAAD;IAAoB,SAAA;IAAWF,UAAAA;GAApB,CAAA;GAAuCR,EAAA,MAAAQ;GAAAR,EAAA,MAAAU;EAAA,OAAAA,KAAAV,EAAA;EAAA,IAAAW;EAAA,IAAAX,EAAA,QAAAH,WAAAG,EAAA,QAAAO,MAAAP,EAAA,QAAAU,IAAA;GAFpDC,KAAA,qBAAC,UAAD;IAAmBd;IAAnB,UAAA,CACGU,IACDG,EAFO;;GAGEV,EAAA,MAAAH;GAAAG,EAAA,MAAAO;GAAAP,EAAA,MAAAU;GAAAV,EAAA,MAAAW;EAAA,OAAAA,KAAAX,EAAA;EAAA,OAHXW;CAGW;CAI6C,MAAAJ,KAAAf,YAAY,WAAZa,UAAAC,KAAAA;CAA0C,IAAAI;CAAA,IAAAV,EAAA,QAAAE,eAAAF,EAAA,QAAAG,OAAAH,EAAA,QAAAO,IAAA;EAA/FG,KAAA,oBAAA,KAAA,YAAA;GAAA,GAAqBR;GAAkBC;GAAc,SAAAI;EAA0C,CAAA;EAAIP,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAO;EAAAP,EAAA,MAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,OAAnGU;AAAmG,CAC3G"}

package/lib/presentation-hierarchies-react/stratakit/TreeContextMenu.js ADDED Viewed

@@ -0,0 +1,97 @@
+import { useTranslation } from "../LocalizationContext.js";
+import { c } from "react-compiler-runtime";
+import { createContext, useContext, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu } from "@mui/material";
+//#region src/presentation-hierarchies-react/stratakit/TreeContextMenu.tsx
+const TreeContextMenuContext = createContext({ openContextMenu: () => {} });
+/** @internal */
+function useTreeContextMenu() {
+	return useContext(TreeContextMenuContext);
+}
+/**
+* Renders a single context menu shared by all tree items, avoiding the cost of mounting a `Menu` per row.
+*
+* @internal
+*/
+function TreeContextMenuProvider(t0) {
+	const $ = c(16);
+	const { children } = t0;
+	const translate = useTranslation();
+	const [menuProps, setMenuProps] = useState(void 0);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { openContextMenu: setMenuProps };
+		$[0] = t1;
+	} else t1 = $[0];
+	const contextValue = t1;
+	const t2 = !!menuProps;
+	let t3;
+	let t4;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => setMenuProps(void 0);
+		t4 = (e) => {
+			e.preventDefault();
+			setMenuProps(void 0);
+		};
+		$[1] = t3;
+		$[2] = t4;
+	} else {
+		t3 = $[1];
+		t4 = $[2];
+	}
+	let t5;
+	if ($[3] !== menuProps) {
+		t5 = menuProps ? {
+			top: menuProps.position.y,
+			left: menuProps.position.x
+		} : void 0;
+		$[3] = menuProps;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== translate) {
+		t6 = translate("more");
+		$[5] = translate;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = () => setMenuProps(void 0);
+		$[7] = t7;
+	} else t7 = $[7];
+	const t8 = menuProps?.actions;
+	let t9;
+	if ($[8] !== t2 || $[9] !== t5 || $[10] !== t6 || $[11] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Menu, {
+			open: t2,
+			onClose: t3,
+			onContextMenu: t4,
+			anchorReference: "anchorPosition",
+			anchorPosition: t5,
+			"aria-label": t6,
+			onClick: t7,
+			children: t8
+		});
+		$[8] = t2;
+		$[9] = t5;
+		$[10] = t6;
+		$[11] = t8;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== children || $[14] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(TreeContextMenuContext.Provider, {
+			value: contextValue,
+			children: [children, t9]
+		});
+		$[13] = children;
+		$[14] = t9;
+		$[15] = t10;
+	} else t10 = $[15];
+	return t10;
+}
+//#endregion
+export { TreeContextMenuProvider, useTreeContextMenu };
+//# sourceMappingURL=TreeContextMenu.js.map

package/lib/presentation-hierarchies-react/stratakit/TreeContextMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TreeContextMenu.js","names":["createContext","useContext","useMemo","useState","Menu","useTranslation","PropsWithChildren","ReactNode","TreeContextMenuContextValue","openContextMenu","props","position","x","y","actions","TreeContextMenuContext","useTreeContextMenu","TreeContextMenuProvider","t0","$","_c","children","translate","menuProps","setMenuProps","undefined","t1","Symbol","for","contextValue","t2","t3","t4","e","preventDefault","t5","top","left","t6","t7","t8","t9","t10"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeContextMenu.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 { createContext, useContext, useMemo, useState } from \"react\";\nimport { Menu } from \"@mui/material\";\nimport { useTranslation } from \"../LocalizationContext.js\";\n\nimport type { PropsWithChildren, ReactNode } from \"react\";\n\ninterface TreeContextMenuContextValue {\n openContextMenu: (props: { position: { x: number; y: number }; actions: ReactNode[] }) => void;\n}\n\nconst TreeContextMenuContext = createContext<TreeContextMenuContextValue>({ openContextMenu: () => {} });\n\n/** @internal */\nexport function useTreeContextMenu() {\n return useContext(TreeContextMenuContext);\n}\n\n/**\n * Renders a single context menu shared by all tree items, avoiding the cost of mounting a `Menu` per row.\n *\n * @internal\n */\nexport function TreeContextMenuProvider({ children }: PropsWithChildren) {\n const translate = useTranslation();\n const [menuProps, setMenuProps] = useState<{ position: { x: number; y: number }; actions: ReactNode[] } | undefined>(\n undefined,\n );\n const contextValue = useMemo<TreeContextMenuContextValue>(() => ({ openContextMenu: setMenuProps }), []);\n return (\n <TreeContextMenuContext.Provider value={contextValue}>\n {children}\n <Menu\n open={!!menuProps}\n onClose={() => setMenuProps(undefined)}\n onContextMenu={(e) => {\n e.preventDefault();\n setMenuProps(undefined);\n }}\n anchorReference=\"anchorPosition\"\n anchorPosition={menuProps ? { top: menuProps.position.y, left: menuProps.position.x } : undefined}\n aria-label={translate(\"more\")}\n onClick={() => setMenuProps(undefined)}\n >\n {menuProps?.actions}\n </Menu>\n </TreeContextMenuContext.Provider>\n );\n}\n"],"mappings":";;;;;;AAeA,MAAMe,yBAAyBf,cAA2C,EAAES,uBAAuB,CAAC,EAAE,CAAC;;AAGvG,SAAOO,qBAAA;CAAA,OACEf,WAAWc,sBAAsB;AAAC;;;;;;AAQ3C,SAAOE,wBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAiC,MAAA,EAAAC,aAAAH;CACtC,MAAAI,YAAkBjB,eAAe;CACjC,MAAA,CAAAkB,WAAAC,gBAAkCrB,SAChCsB,KAAAA,CACF;CAAE,IAAAC;CAAA,IAAAP,EAAA,OAAAQ,OAAAC,IAAA,2BAAA,GAAA;EAC+DF,KAAA,EAAAjB,iBAAmBe,aAAa;EAACL,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAlG,MAAAU,eAAiEH;CAKrD,MAAAI,KAAA,CAAC,CAACP;CAAS,IAAAQ;CAAA,IAAAC;CAAA,IAAAb,EAAA,OAAAQ,OAAAC,IAAA,2BAAA,GAAA;EACRG,WAAMP,aAAaC,KAAAA,CAAS;EACtBO,MAAAC,MAAA;GACbA,EAACC,eAAgB;GACjBV,aAAaC,KAAAA,CAAS;EAAC;EACxBN,EAAA,KAAAY;EAAAZ,EAAA,KAAAa;CAAA,OAAA;EAAAD,KAAAZ,EAAA;EAAAa,KAAAb,EAAA;CAAA;CAAA,IAAAgB;CAAA,IAAAhB,EAAA,OAAAI,WAAA;EAEeY,KAAAZ,YAAA;GAAAa,KAAmBb,UAASZ,SAASE;GAAEwB,MAAQd,UAASZ,SAASC;EAAe,IAAhFa,KAAAA;EAAiFN,EAAA,KAAAI;EAAAJ,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAAG,WAAA;EACrFgB,KAAAhB,UAAU,MAAM;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,OAAAQ,OAAAC,IAAA,2BAAA,GAAA;EACpBW,WAAMf,aAAaC,KAAAA,CAAS;EAACN,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAErC,MAAAqB,KAAAjB,WAAST;CAAS,IAAA2B;CAAA,IAAAtB,EAAA,OAAAW,MAAAX,EAAA,OAAAgB,MAAAhB,EAAA,QAAAmB,MAAAnB,EAAA,QAAAqB,IAAA;EAZrBC,KAAA,oBAAC,MAAD;GACQ,MAAAX;GACG,SAAAC;GACM,eAAAC;GAIC,iBAAA;GACA,gBAAAG;GACJ,cAAAG;GACH,SAAAC;GAERC,UAAAA;EAZE,CAAA;EAaErB,EAAA,KAAAW;EAAAX,EAAA,KAAAgB;EAAAhB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,QAAAE,YAAAF,EAAA,QAAAsB,IAAA;EAfTC,MAAA,qBAAA,uBAAA,UAAA;GAAwCb,OAAAA;GAAxC,UAAA,CACGR,UACDoB,EAcF;;EAAkCtB,EAAA,MAAAE;EAAAF,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;CAAA,OAAAA,MAAAvB,EAAA;CAAA,OAhBlCuB;AAgBkC"}

package/lib/presentation-hierarchies-react/stratakit/TreeNodeFilterAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeNodeFilterAction.js","names":["memo","useCallback","useTranslation","TreeActionBase","filterSvg","NamedExoticComponent","HierarchyLevelDetails","TreeRendererProps","TreeNode","TreeActionBaseAttributes","TreeNodeFilterActionProps","onFilter","hierarchyLevelDetails","Pick","TreeNodeFilterAction","node","t0","$","_c","actionAttributes","getHierarchyLevelDetails","translate","t1","filterHierarchyLevel","t2","filterHierarchyLevelActiveDescription","t3","id","handleClick","t4","isFiltered","undefined","t5","t6","isFilterable","t7"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeFilterAction.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 { memo, useCallback } from \"react\";\nimport { useTranslation } from \"../LocalizationContext.js\";\nimport { TreeActionBase } from \"./TreeAction.js\";\n\nimport filterSvg from \"@stratakit/icons/filter.svg\";\n\nimport type { NamedExoticComponent } from \"react\";\nimport type { HierarchyLevelDetails, TreeRendererProps } from \"../Renderers.js\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { TreeActionBaseAttributes } from \"./TreeAction.js\";\n\n/** @alpha /\ntype TreeNodeFilterActionProps = {\n /\n Action to perform when the filter button is clicked for this node.\n /\n onFilter?: (hierarchyLevelDetails: HierarchyLevelDetails) => void;\n} & TreeActionBaseAttributes &\n Pick<TreeRendererProps, \"getHierarchyLevelDetails\">;\n\n/\n React component that renders a filter action for a tree item.\n \n The action calls the `onFilter` callback prop when clicked.\n \n @see `getMenuActions`, `getInlineActions`, `getContextMenuActions` props of `TreeRenderer` to add this action\n * to tree items.\n \n @alpha\n */\nexport const TreeNodeFilterAction: NamedExoticComponent<TreeNodeFilterActionProps & { node: TreeNode }> = memo(\n function TreeNodeFilterAction({\n node,\n onFilter,\n getHierarchyLevelDetails,\n ...actionAttributes\n }: TreeNodeFilterActionProps & { node: TreeNode }) {\n const translate = useTranslation();\n const filterHierarchyLevel = translate(\"filterHierarchyLevel\");\n const filterHierarchyLevelActiveDescription = translate(\"filterHierarchyLevelActiveDescription\");\n\n const handleClick = useCallback(() => {\n const hierarchyLevelDetails = getHierarchyLevelDetails(node.id);\n hierarchyLevelDetails && onFilter?.(hierarchyLevelDetails);\n }, [node, getHierarchyLevelDetails, onFilter]);\n\n return (\n <TreeActionBase\n {...actionAttributes}\n label={filterHierarchyLevel}\n onClick={handleClick}\n icon={filterSvg}\n visible={node.isFiltered ? true : undefined}\n dot={node.isFiltered ? filterHierarchyLevelActiveDescription : undefined}\n hide={!onFilter \|\| !node.isFilterable}\n />\n );\n },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;AAmCA,MAAac,uBAA6Fd,~~KACxG~~,SAAAc,qBAAAE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL;CAAA,IAAAJ;CAAA,IAAAM,EAAA,OAAAD,IAAA;EAA8B,CAAA,CAAAD,MAAAJ,UAAAS,~~6BAAAD~~,oBAAAH;EAKmBC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAF;EAAAE,EAAA,KAAAN;CAAA,OAAA;EAAAQ,mBAAAF,EAAA;EAAAG,2BAAAH,EAAA;EAAAF,OAAAE,EAAA;EAAAN,WAAAM,EAAA;CAAA;CAC/C,MAAAI,YAAkBnB,eAAe;CAAE,IAAAoB;CAAA,IAAAL,EAAA,OAAAI,WAAA;EACNC,KAAAD,UAAU,sBAAsB;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAA9D,MAAAM,uBAA6BD;CAAkC,IAAAE;CAAA,IAAAP,EAAA,OAAAI,WAAA;EACjBG,KAAAH,UAAU,uCAAuC;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAhG,MAAAQ,wCAA8CD;CAAmD,IAAAE;CAAA,IAAAT,EAAA,OAAAG,4BAAAH,EAAA,QAAAF,KAAAY,MAAAV,EAAA,QAAAN,UAAA;EAEjEe,WAAA;GAC9B,MAAAd,wBAA8BQ,yBAAyBL,KAAIY,EAAG;GAC9Df,yBAAyBD,WAAWC,qBAAqB;EAAC;EAC3DK,EAAA,KAAAG;EAAAH,EAAA,MAAAF,KAAAY;EAAAV,EAAA,MAAAN;EAAAM,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAHD,MAAAW,cAAoBF;CAWP,MAAAG,KAAAd,KAAIe,aAAJ,OAAAC,KAAAA;CACJ,MAAAC,KAAAjB,KAAIe,aAAJL,wCAAAM,KAAAA;CACC,MAAAE,KAAA,CAACtB,YAAD,CAAcI,KAAImB;CAAa,IAAAC;CAAA,IAAAlB,EAAA,QAAAE,oBAAAF,EAAA,QAAAM,wBAAAN,EAAA,QAAAW,eAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;EAPvCE,KAAA,oBAAC,gBAAD;GAAe,GACThB;GACGI,OAAAA;GACEK,SAAAA;GACHxB,MAAAA;GACG,SAAAyB;GACJ,KAAAG;GACC,MAAAC;EAA+B,CAAA;EACrChB,EAAA,MAAAE;EAAAF,EAAA,MAAAM;EAAAN,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,OARFkB;AAQE,CAGR"}
1	+ {"version":3,"file":"TreeNodeFilterAction.js","names":["memo","useCallback","useTranslation","TreeActionBase","filterSvg","NamedExoticComponent","HierarchyLevelDetails","TreeRendererProps","TreeNode","TreeActionBaseAttributes","TreeNodeFilterActionProps","onFilter","hierarchyLevelDetails","Pick","TreeNodeFilterAction","node","t0","$","_c","actionAttributes","getHierarchyLevelDetails","translate","t1","filterHierarchyLevel","t2","filterHierarchyLevelActiveDescription","t3","id","handleClick","t4","isFiltered","undefined","t5","t6","isFilterable","t7"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeFilterAction.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 { memo, useCallback } from \"react\";\nimport { useTranslation } from \"../LocalizationContext.js\";\nimport { TreeActionBase } from \"./TreeAction.js\";\n\nimport filterSvg from \"@stratakit/icons/filter.svg\";\n\nimport type { NamedExoticComponent } from \"react\";\nimport type { HierarchyLevelDetails, TreeRendererProps } from \"../Renderers.js\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { TreeActionBaseAttributes } from \"./TreeAction.js\";\n\n/** @alpha /\ntype TreeNodeFilterActionProps = {\n /\n Action to perform when the filter button is clicked for this node.\n /\n onFilter?: (hierarchyLevelDetails: HierarchyLevelDetails) => void;\n} & TreeActionBaseAttributes &\n Pick<TreeRendererProps, \"getHierarchyLevelDetails\">;\n\n/\n React component that renders a filter action for a tree item.\n \n The action calls the `onFilter` callback prop when clicked.\n \n @see `getMenuActions`, `getInlineActions`, `getContextMenuActions` props of `TreeRenderer` to add this action\n * to tree items.\n \n @alpha\n */\nexport const TreeNodeFilterAction: NamedExoticComponent<TreeNodeFilterActionProps & { node: TreeNode }> = memo(\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function TreeNodeFilterAction({\n node,\n onFilter,\n getHierarchyLevelDetails,\n ...actionAttributes\n }: TreeNodeFilterActionProps & { node: TreeNode }) {\n const translate = useTranslation();\n const filterHierarchyLevel = translate(\"filterHierarchyLevel\");\n const filterHierarchyLevelActiveDescription = translate(\"filterHierarchyLevelActiveDescription\");\n\n const handleClick = useCallback(() => {\n const hierarchyLevelDetails = getHierarchyLevelDetails(node.id);\n hierarchyLevelDetails && onFilter?.(hierarchyLevelDetails);\n }, [node, getHierarchyLevelDetails, onFilter]);\n\n return (\n <TreeActionBase\n {...actionAttributes}\n label={filterHierarchyLevel}\n onClick={handleClick}\n icon={filterSvg}\n visible={node.isFiltered ? true : undefined}\n dot={node.isFiltered ? filterHierarchyLevelActiveDescription : undefined}\n hide={!onFilter \|\| !node.isFilterable}\n />\n );\n },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;AAmCA,MAAac,uBAA6Fd,KAExG,SAAAc,qBAAAE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL;CAAA,IAAAJ;CAAA,IAAAM,EAAA,OAAAD,IAAA;EAA8B,CAAA,CAAAD,MAAAJ,UAAAS,0BAAA,GAAAD,oBAAAH;EAKmBC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAF;EAAAE,EAAA,KAAAN;CAAA,OAAA;EAAAQ,mBAAAF,EAAA;EAAAG,2BAAAH,EAAA;EAAAF,OAAAE,EAAA;EAAAN,WAAAM,EAAA;CAAA;CAC/C,MAAAI,YAAkBnB,eAAe;CAAE,IAAAoB;CAAA,IAAAL,EAAA,OAAAI,WAAA;EACNC,KAAAD,UAAU,sBAAsB;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAA9D,MAAAM,uBAA6BD;CAAkC,IAAAE;CAAA,IAAAP,EAAA,OAAAI,WAAA;EACjBG,KAAAH,UAAU,uCAAuC;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAhG,MAAAQ,wCAA8CD;CAAmD,IAAAE;CAAA,IAAAT,EAAA,OAAAG,4BAAAH,EAAA,QAAAF,KAAAY,MAAAV,EAAA,QAAAN,UAAA;EAEjEe,WAAA;GAC9B,MAAAd,wBAA8BQ,yBAAyBL,KAAIY,EAAG;GAC9Df,yBAAyBD,WAAWC,qBAAqB;EAAC;EAC3DK,EAAA,KAAAG;EAAAH,EAAA,MAAAF,KAAAY;EAAAV,EAAA,MAAAN;EAAAM,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAHD,MAAAW,cAAoBF;CAWP,MAAAG,KAAAd,KAAIe,aAAJ,OAAAC,KAAAA;CACJ,MAAAC,KAAAjB,KAAIe,aAAJL,wCAAAM,KAAAA;CACC,MAAAE,KAAA,CAACtB,YAAD,CAAcI,KAAImB;CAAa,IAAAC;CAAA,IAAAlB,EAAA,QAAAE,oBAAAF,EAAA,QAAAM,wBAAAN,EAAA,QAAAW,eAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;EAPvCE,KAAA,oBAAC,gBAAD;GAAe,GACThB;GACGI,OAAAA;GACEK,SAAAA;GACHxB,MAAAA;GACG,SAAAyB;GACJ,KAAAG;GACC,MAAAC;EAA+B,CAAA;EACrChB,EAAA,MAAAE;EAAAF,EAAA,MAAAM;EAAAN,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,OARFkB;AAQE,CAGR"}

package/lib/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeNodeRenameAction.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.tsx"],"mappings":";;;;;;;;;;;;;;;cA0Ba,sBAAsB,qBAAqB;EAA6B,MAAM;;;~~UAmB1E~~;;;;;EAKf,iBAAiB;EACjB;EACA,YAAY"}
1	+ {"version":3,"file":"TreeNodeRenameAction.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.tsx"],"mappings":";;;;;;;;;;;;;;;cA0Ba,sBAAsB,qBAAqB;EAA6B,MAAM;;;UAoB1E;;;;;EAKf,iBAAiB;EACjB;EACA,YAAY"}

package/lib/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeNodeRenameAction.js","names":["createContext","memo","useCallback","useContext","useMemo","useState","useTranslation","TreeActionBase","renameSvg","NamedExoticComponent","PropsWithChildren","TreeNode","TreeActionBaseAttributes","TreeNodeRenameAction","node","t0","$","_c","actionAttributes","translate","context","useTreeNodeRenameContext","t1","rename","t2","canRename","startRename","t3","handleClick","t4","t5","TreeNodeEditingProps","onLabelChanged","newLabel","labelValidationHint","validate","RenameParameters","nodeId","commit","TreeNodeRenameContext","renameParameters","cancelRename","treeNodeRenameContext","undefined","TreeNodeRenameContextProvider","value","children","useTreeNodeRenameContextValue","getEditingProps","setRenameParameters","id","Symbol","for","node_0"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.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 { createContext, memo, useCallback, useContext, useMemo, useState } from \"react\";\nimport { useTranslation } from \"../LocalizationContext.js\";\nimport { TreeActionBase } from \"./TreeAction.js\";\n\nimport renameSvg from \"@stratakit/icons/rename.svg\";\n\nimport type { NamedExoticComponent, PropsWithChildren } from \"react\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { TreeActionBaseAttributes } from \"./TreeAction.js\";\n\n/*\n React component that renders a rename action for a tree item.\n \n The tree component must have `getEditingProps.onLabelChanged` prop set to enable renaming functionality. When\n * rename is completed, the `onLabelChanged` function is called to make the actual data update.\n \n @see `getMenuActions`, `getInlineActions`, `getContextMenuActions` props of `TreeRenderer` to add this action\n * to tree items.\n \n @alpha\n /\nexport const TreeNodeRenameAction: NamedExoticComponent<TreeActionBaseAttributes & { node: TreeNode }> = memo(\n function TreeNodeRenameAction({ node, ...actionAttributes }: TreeActionBaseAttributes & { node: TreeNode }) {\n const translate = useTranslation();\n const context = useTreeNodeRenameContext();\n const rename = translate(\"rename\");\n\n const canRename = context?.canRename(node) ?? false;\n const startRename = context?.startRename;\n const handleClick = useCallback(() => {\n startRename?.(node);\n }, [startRename, node]);\n\n return (\n <TreeActionBase {...actionAttributes} label={rename} onClick={handleClick} icon={renameSvg} hide={!canRename} />\n );\n },\n);\n\n/* @alpha /\nexport interface TreeNodeEditingProps {\n /\n A callback that is invoked when node label is changed. Should be used together\n * with `<TreeNodeRenameAction />` to enter label editing mode.\n /\n onLabelChanged: (newLabel: string) => void;\n labelValidationHint?: string;\n validate?: (newLabel: string) => boolean;\n}\n\n/* @internal /\nexport interface RenameParameters {\n nodeId: string;\n commit: (newLabel: string) => void;\n labelValidationHint?: string;\n validate?: (newLabel: string) => boolean;\n}\n\ninterface TreeNodeRenameContext {\n renameParameters?: RenameParameters;\n startRename: (node: TreeNode) => void;\n canRename: (node: TreeNode) => boolean;\n cancelRename: () => void;\n}\n\nconst treeNodeRenameContext = createContext<TreeNodeRenameContext \| undefined>(undefined);\n\n/* @internal /\nexport const useTreeNodeRenameContext = () => {\n return useContext(treeNodeRenameContext);\n};\n\n/* @internal /\nexport function TreeNodeRenameContextProvider({\n value,\n children,\n}: PropsWithChildren<{ value: TreeNodeRenameContext }>) {\n return <treeNodeRenameContext.Provider value={value}>{children}</treeNodeRenameContext.Provider>;\n}\n\n/* @internal */\nexport function useTreeNodeRenameContextValue({\n getEditingProps,\n}: {\n getEditingProps?: (node: TreeNode) => TreeNodeEditingProps \| undefined;\n}) {\n const [renameParameters, setRenameParameters] = useState<RenameParameters \| undefined>(undefined);\n\n const startRename = useCallback(\n (node: TreeNode) => {\n const { onLabelChanged, labelValidationHint, validate } = getEditingProps?.(node) ?? {};\n if (onLabelChanged) {\n setRenameParameters({\n nodeId: node.id,\n commit: (newLabel) => {\n onLabelChanged(newLabel);\n setRenameParameters(undefined);\n },\n labelValidationHint,\n validate,\n });\n }\n },\n [getEditingProps],\n );\n\n const cancelRename = useCallback(() => {\n setRenameParameters(undefined);\n }, []);\n\n const canRename = useCallback(\n (node: TreeNode) => {\n return getEditingProps?.(node)?.onLabelChanged !== undefined;\n },\n [getEditingProps],\n );\n\n return useMemo(\n () => ({ renameParameters, cancelRename, startRename, canRename }),\n [renameParameters, canRename, startRename, cancelRename],\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAaa,uBAA4FZ,~~KACvG~~,SAAAY,qBAAAE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAJ;CAAA,IAAAE,EAAA,OAAAD,IAAA;EAA8B,CAAA,CAAAD,~~SAAAI~~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"}
1	+ {"version":3,"file":"TreeNodeRenameAction.js","names":["createContext","memo","useCallback","useContext","useMemo","useState","useTranslation","TreeActionBase","renameSvg","NamedExoticComponent","PropsWithChildren","TreeNode","TreeActionBaseAttributes","TreeNodeRenameAction","node","t0","$","_c","actionAttributes","translate","context","useTreeNodeRenameContext","t1","rename","t2","canRename","startRename","t3","handleClick","t4","t5","TreeNodeEditingProps","onLabelChanged","newLabel","labelValidationHint","validate","RenameParameters","nodeId","commit","TreeNodeRenameContext","renameParameters","cancelRename","treeNodeRenameContext","undefined","TreeNodeRenameContextProvider","value","children","useTreeNodeRenameContextValue","getEditingProps","setRenameParameters","id","Symbol","for","node_0"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.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 { createContext, memo, useCallback, useContext, useMemo, useState } from \"react\";\nimport { useTranslation } from \"../LocalizationContext.js\";\nimport { TreeActionBase } from \"./TreeAction.js\";\n\nimport renameSvg from \"@stratakit/icons/rename.svg\";\n\nimport type { NamedExoticComponent, PropsWithChildren } from \"react\";\nimport type { TreeNode } from \"../TreeNode.js\";\nimport type { TreeActionBaseAttributes } from \"./TreeAction.js\";\n\n/*\n React component that renders a rename action for a tree item.\n \n The tree component must have `getEditingProps.onLabelChanged` prop set to enable renaming functionality. When\n * rename is completed, the `onLabelChanged` function is called to make the actual data update.\n \n @see `getMenuActions`, `getInlineActions`, `getContextMenuActions` props of `TreeRenderer` to add this action\n * to tree items.\n \n @alpha\n /\nexport const TreeNodeRenameAction: NamedExoticComponent<TreeActionBaseAttributes & { node: TreeNode }> = memo(\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function TreeNodeRenameAction({ node, ...actionAttributes }: TreeActionBaseAttributes & { node: TreeNode }) {\n const translate = useTranslation();\n const context = useTreeNodeRenameContext();\n const rename = translate(\"rename\");\n\n const canRename = context?.canRename(node) ?? false;\n const startRename = context?.startRename;\n const handleClick = useCallback(() => {\n startRename?.(node);\n }, [startRename, node]);\n\n return (\n <TreeActionBase {...actionAttributes} label={rename} onClick={handleClick} icon={renameSvg} hide={!canRename} />\n );\n },\n);\n\n/* @alpha /\nexport interface TreeNodeEditingProps {\n /\n A callback that is invoked when node label is changed. Should be used together\n * with `<TreeNodeRenameAction />` to enter label editing mode.\n /\n onLabelChanged: (newLabel: string) => void;\n labelValidationHint?: string;\n validate?: (newLabel: string) => boolean;\n}\n\n/* @internal /\nexport interface RenameParameters {\n nodeId: string;\n commit: (newLabel: string) => void;\n labelValidationHint?: string;\n validate?: (newLabel: string) => boolean;\n}\n\ninterface TreeNodeRenameContext {\n renameParameters?: RenameParameters;\n startRename: (node: TreeNode) => void;\n canRename: (node: TreeNode) => boolean;\n cancelRename: () => void;\n}\n\nconst treeNodeRenameContext = createContext<TreeNodeRenameContext \| undefined>(undefined);\n\n/* @internal /\nexport const useTreeNodeRenameContext = () => {\n return useContext(treeNodeRenameContext);\n};\n\n/* @internal /\nexport function TreeNodeRenameContextProvider({\n value,\n children,\n}: PropsWithChildren<{ value: TreeNodeRenameContext }>) {\n return <treeNodeRenameContext.Provider value={value}>{children}</treeNodeRenameContext.Provider>;\n}\n\n/* @internal */\nexport function useTreeNodeRenameContextValue({\n getEditingProps,\n}: {\n getEditingProps?: (node: TreeNode) => TreeNodeEditingProps \| undefined;\n}) {\n const [renameParameters, setRenameParameters] = useState<RenameParameters \| undefined>(undefined);\n\n const startRename = useCallback(\n (node: TreeNode) => {\n const { onLabelChanged, labelValidationHint, validate } = getEditingProps?.(node) ?? {};\n if (onLabelChanged) {\n setRenameParameters({\n nodeId: node.id,\n commit: (newLabel) => {\n onLabelChanged(newLabel);\n setRenameParameters(undefined);\n },\n labelValidationHint,\n validate,\n });\n }\n },\n [getEditingProps],\n );\n\n const cancelRename = useCallback(() => {\n setRenameParameters(undefined);\n }, []);\n\n const canRename = useCallback(\n (node: TreeNode) => {\n return getEditingProps?.(node)?.onLabelChanged !== undefined;\n },\n [getEditingProps],\n );\n\n return useMemo(\n () => ({ renameParameters, cancelRename, startRename, canRename }),\n [renameParameters, canRename, startRename, cancelRename],\n );\n}\n"],"mappings":"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"}

package/lib/presentation-hierarchies-react/stratakit/TreeNodeRenderer.d.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import "../TreeNode.js";
 import "../Renderers.js";
 import { ComponentPropsWithoutRef, FC, ReactNode, RefAttributes } from "react";
 import { Tree } from "@stratakit/structures";
-import "./TreeNodeRenderer.css";
 //#region src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.d.ts
 /** @alpha */
 type StrataKitTreeItemProps = Omit<ComponentPropsWithoutRef<typeof Tree.Item>, "actions" | "inlineActions" | "expanded" | "onExpandedChange" | "icon" | "unstable_decorations" | "error"> & {

package/lib/presentation-hierarchies-react/stratakit/TreeNodeRenderer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeNodeRenderer.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.tsx"],"mappings":"~~;;;;;;;KA0DY~~,yBAAyB,KACnC,gCAAgC,KAAK;;;;;EAOrC,cAAc"}
1	+ {"version":3,"file":"TreeNodeRenderer.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.tsx"],"mappings":";;;;;;KA0CY,yBAAyB,KACnC,gCAAgC,KAAK;;;;;EAOrC,cAAc"}