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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeAction.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeAction.tsx"],"mappings":";;;;;;AAeA;;;UAAiB,wBAAA;EAaX;AAIN;;;;;;EATE,OAAA;EASiG;;;;EAJjG,IAAA;AAAA;;KAIU,mBAAA,GAAsB,cAAA,QAAsB,IAAA,CAAK,UAAA,IAAc,wBAAA;;;;;;;;;;;;;;;;;;;;cAqB9D,cAAA,EAAgB,oBAAA,CAAqB,mBAAA"}

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

@@ -0,0 +1,88 @@
+import { c } from "react-compiler-runtime";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { DropdownMenu, Tree } from "@stratakit/structures";
+//#region src/presentation-hierarchies-react/stratakit/TreeAction.tsx
+/**
+* Base component used to render tree actions. It is designed to allow rendering same action in different contexts: inline, dropdown, context menu.
+* Should be used together with `StrataKitTreeNodeRenderer` and returned from `getInlineActions`, `getMenuActions` and `getContextMenuActions` callbacks.
+*
+* When implementing custom action that returns this component, make sure to forward `TreeActionBaseAttributes` props to it. Example:
+*
+* ```tsx
+* interface MyCustomTreeActionProps extends TreeActionBaseAttributes {
+*   myProp: string
+* }
+*
+* function MyCustomTreeAction({ myProp, ...attributes }: MyCustomTreeActionProps) {
+*   // custom button logic goes here
+*   return <TreeActionBase {...attributes} icon={...} onClick={...} />
+* }
+* ```
+*
+* @alpha
+*/
+const TreeActionBase = memo(function TreeActionBase(t0) {
+	const $ = c(15);
+	let actionProps;
+	let dot;
+	let hide;
+	let t1;
+	let visible;
+	if ($[0] !== t0) {
+		({hide, variant: t1, dot, visible, ...actionProps} = t0);
+		$[0] = t0;
+		$[1] = actionProps;
+		$[2] = dot;
+		$[3] = hide;
+		$[4] = t1;
+		$[5] = visible;
+	} else {
+		actionProps = $[1];
+		dot = $[2];
+		hide = $[3];
+		t1 = $[4];
+		visible = $[5];
+	}
+	const variant = t1 === void 0 ? "default" : t1;
+	if (hide) {
+		let t2;
+		if ($[6] !== actionProps || $[7] !== variant) {
+			t2 = variant === "inline" ? /* @__PURE__ */ jsx(Tree.ItemAction, {
+				...actionProps,
+				visible: false
+			}) : void 0;
+			$[6] = actionProps;
+			$[7] = variant;
+			$[8] = t2;
+		} else t2 = $[8];
+		return t2;
+	}
+	if (variant === "context-menu") {
+		let t2;
+		if ($[9] !== actionProps) {
+			t2 = /* @__PURE__ */ jsx(DropdownMenu.Item, { ...actionProps });
+			$[9] = actionProps;
+			$[10] = t2;
+		} else t2 = $[10];
+		return t2;
+	}
+	const t2 = variant === "inline" ? visible : void 0;
+	let t3;
+	if ($[11] !== actionProps || $[12] !== dot || $[13] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tree.ItemAction, {
+			...actionProps,
+			dot,
+			visible: t2
+		});
+		$[11] = actionProps;
+		$[12] = dot;
+		$[13] = t2;
+		$[14] = t3;
+	} else t3 = $[14];
+	return t3;
+});
+//#endregion
+export { TreeActionBase };
+
+//# sourceMappingURL=TreeAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeAction.js","names":["memo","DropdownMenu","Tree","ComponentProps","NamedExoticComponent","TreeActionBaseAttributes","variant","hide","TreeActionBaseProps","ItemAction","TreeActionBase","t0","$","_c","actionProps","dot","t1","visible","undefined","t2","t3"],"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 { DropdownMenu, Tree } from \"@stratakit/structures\";\n\nimport type { ComponentProps, 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 = ComponentProps<typeof Tree.ItemAction> & TreeActionBaseAttributes;\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    return <DropdownMenu.Item {...actionProps} />;\n  }\n\n  return <Tree.ItemAction {...actionProps} dot={dot} visible={variant === \"inline\" ? visible : undefined} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqDA,MAAaU,iBAA4DV,KAAK,SAAAU,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAD,IAAA;AAAwB,GAAA,CAAAJ,MAAAD,SAAAU,IAAAD,KAAAE,YAAAH,eAAAH;AAMhFC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAL;AAAAK,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAH,gBAAAF,EAAA;AAAAG,QAAAH,EAAA;AAAAL,SAAAK,EAAA;AAAAI,OAAAJ,EAAA;AAAAK,YAAAL,EAAA;;CAJpB,MAAAN,UAAAU,OAAAE,KAAAA,IAAA,YAAAF;AAKA,KAAIT,MAAI;EAAA,IAAAY;AAAA,MAAAP,EAAA,OAAAE,eAAAF,EAAA,OAAAN,SAAA;AACCa,QAAAb,YAAY,WAAW,oBAAA,KAAA,YAAA;IAAA,GAAqBQ;IAAsB,SAAA;IAAqB,CAAA,GAAvFI,KAAAA;AAAuFN,KAAA,KAAAE;AAAAF,KAAA,KAAAN;AAAAM,KAAA,KAAAO;QAAAA,MAAAP,EAAA;AAAA,SAAvFO;;AAGT,KAAIb,YAAY,gBAAc;EAAA,IAAAa;AAAA,MAAAP,EAAA,OAAAE,aAAA;AACrBK,QAAA,oBAAA,aAAA,MAAA,EAAA,GAAuBL,aAAe,CAAA;AAAAF,KAAA,KAAAE;AAAAF,KAAA,MAAAO;QAAAA,MAAAP,EAAA;AAAA,SAAtCO;;CAGmD,MAAAA,KAAAb,YAAY,WAAZW,UAAAC,KAAAA;CAA0C,IAAAE;AAAA,KAAAR,EAAA,QAAAE,eAAAF,EAAA,QAAAG,OAAAH,EAAA,QAAAO,IAAA;AAA/FC,OAAA,oBAAA,KAAA,YAAA;GAAA,GAAqBN;GAAkBC;GAAc,SAAAI;GAA8C,CAAA;AAAAP,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAO;AAAAP,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QAAnGQ;EACP"}

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

@@ -0,0 +1,38 @@
+import { useErrorNodes } from "../FlatTreeNode.js";
+import { ErrorItemRendererProps } from "./ErrorItemRenderer.js";
+import { JSX, ReactElement } from "react";
+
+//#region src/presentation-hierarchies-react/stratakit/TreeErrorRenderer.d.ts
+/**
+ * Interface containing building blocks for `TreeErrorRenderer`.
+ *
+ * @alpha
+ */
+interface TreeErrorRendererOwnProps {
+  /**
+   * A user friendly display label of the tree. Should be unique within the consuming application,
+   * as it's used for creating a unique accessible label for the error region.
+   */
+  treeLabel: string;
+  /** List of error nodes to render errors for. */
+  errorNodes: ReturnType<typeof useErrorNodes>;
+  /** Callback to render custom error messages. Component should be wrapped in `unstable_ErrorRegion.Item` from `@stratakit/structures` package. */
+  renderError?: (props: ErrorItemRendererProps) => ReactElement;
+}
+/** @alpha */
+type TreeErrorRendererProps = TreeErrorRendererOwnProps & Omit<ErrorItemRendererProps, "errorNode">;
+/**
+ * A component that renders error display dropdown using the `unstable_ErrorRegion` component from `@stratakit/structures`.
+ * As input, the component uses a list of `ErrorNode` objects, which are generally created using the `useErrorNodes` hook.
+ *
+ * @alpha
+ */
+declare function TreeErrorRenderer({
+  treeLabel,
+  errorNodes,
+  renderError,
+  ...errorItemRendererProps
+}: TreeErrorRendererProps): JSX.Element;
+//#endregion
+export { TreeErrorRenderer, TreeErrorRendererProps };
+//# sourceMappingURL=TreeErrorRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeErrorRenderer.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeErrorRenderer.tsx"],"mappings":";;;;;;;AAYqE;;;UAO3D,yBAAA;EAOI;;;;EAFZ,SAAA;EAAA;EAEA,UAAA,EAAY,UAAA,QAAkB,aAAA;EAAlB;EAEZ,WAAA,IAAe,KAAA,EAAO,sBAAA,KAA2B,YAAA;AAAA;;KAIvC,sBAAA,GAAyB,yBAAA,GAA4B,IAAA,CAAK,sBAAA;;;;AAAtE;;;iBAQgB,iBAAA,CAAA;EACd,SAAA;EACA,UAAA;EACA,WAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAyB,GAAA,CAAI,OAAA"}

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

@@ -0,0 +1,63 @@
+import { useTranslation } from "../LocalizationContext.js";
+import { ErrorItemRenderer } from "./ErrorItemRenderer.js";
+import { c } from "react-compiler-runtime";
+import { cloneElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import { unstable_ErrorRegion } from "@stratakit/structures";
+//#region src/presentation-hierarchies-react/stratakit/TreeErrorRenderer.tsx
+/**
+* A component that renders error display dropdown using the `unstable_ErrorRegion` component from `@stratakit/structures`.
+* As input, the component uses a list of `ErrorNode` objects, which are generally created using the `useErrorNodes` hook.
+*
+* @alpha
+*/
+function TreeErrorRenderer(t0) {
+	const $ = c(11);
+	const { treeLabel, errorNodes, renderError, ...errorItemRendererProps } = t0;
+	const translate = useTranslation();
+	const errorItems = errorNodes.map((errorNode) => {
+		const errorRendererProps = {
+			errorNode,
+			...errorItemRendererProps
+		};
+		if (renderError) return cloneElement(renderError(errorRendererProps), { key: errorNode.id });
+		return /* @__PURE__ */ jsx(ErrorItemRenderer, { ...errorRendererProps }, errorNode.id);
+	});
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { width: "100%" };
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== translate || $[2] !== treeLabel) {
+		t2 = translate("issuesForTree").replace("{{tree_label}}", treeLabel);
+		$[1] = translate;
+		$[2] = treeLabel;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== errorNodes.length || $[5] !== translate) {
+		t3 = errorNodes.length === 0 ? translate("noIssuesFound") : translate("issuesFound").replace("{{number_of_issues}}", errorNodes.length.toString());
+		$[4] = errorNodes.length;
+		$[5] = translate;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== errorItems || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(unstable_ErrorRegion.Root, {
+			style: t1,
+			"aria-label": t2,
+			label: t3,
+			items: errorItems
+		});
+		$[7] = errorItems;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+//#endregion
+export { TreeErrorRenderer };
+
+//# sourceMappingURL=TreeErrorRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeErrorRenderer.js","names":["cloneElement","unstable_ErrorRegion","ErrorRegion","useTranslation","ErrorItemRenderer","JSX","ReactElement","useErrorNodes","ErrorItemRendererProps","TreeErrorRendererOwnProps","treeLabel","errorNodes","ReturnType","renderError","props","TreeErrorRendererProps","Omit","TreeErrorRenderer","t0","$","_c","errorItemRendererProps","translate","errorItems","map","errorNode","errorRendererProps","key","id","t1","Symbol","for","width","t2","replace","t3","length","toString","t4"],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeErrorRenderer.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { cloneElement } from \"react\";\nimport { unstable_ErrorRegion as ErrorRegion } from \"@stratakit/structures\";\nimport { useTranslation } from \"../LocalizationContext.js\";\nimport { ErrorItemRenderer } from \"./ErrorItemRenderer.js\";\n\nimport type { JSX, ReactElement } from \"react\";\nimport type { useErrorNodes } from \"../FlatTreeNode.js\";\nimport type { ErrorItemRendererProps } from \"./ErrorItemRenderer.js\";\n\n/**\n * Interface containing building blocks for `TreeErrorRenderer`.\n *\n * @alpha\n */\ninterface TreeErrorRendererOwnProps {\n  /**\n   * A user friendly display label of the tree. Should be unique within the consuming application,\n   * as it's used for creating a unique accessible label for the error region.\n   */\n  treeLabel: string;\n  /** List of error nodes to render errors for. */\n  errorNodes: ReturnType<typeof useErrorNodes>;\n  /** Callback to render custom error messages. Component should be wrapped in `unstable_ErrorRegion.Item` from `@stratakit/structures` package. */\n  renderError?: (props: ErrorItemRendererProps) => ReactElement;\n}\n\n/** @alpha */\nexport type TreeErrorRendererProps = TreeErrorRendererOwnProps & Omit<ErrorItemRendererProps, \"errorNode\">;\n\n/**\n * A component that renders error display dropdown using the `unstable_ErrorRegion` component from `@stratakit/structures`.\n * As input, the component uses a list of `ErrorNode` objects, which are generally created using the `useErrorNodes` hook.\n *\n * @alpha\n */\nexport function TreeErrorRenderer({\n  treeLabel,\n  errorNodes,\n  renderError,\n  ...errorItemRendererProps\n}: TreeErrorRendererProps): JSX.Element {\n  const translate = useTranslation();\n  const errorItems = errorNodes.map((errorNode) => {\n    const errorRendererProps: ErrorItemRendererProps = { errorNode, ...errorItemRendererProps };\n\n    if (renderError) {\n      return cloneElement(renderError(errorRendererProps), { key: errorNode.id });\n    }\n\n    return <ErrorItemRenderer key={errorNode.id} {...errorRendererProps} />;\n  });\n\n  return (\n    <ErrorRegion.Root\n      style={{ width: \"100%\" }}\n      aria-label={translate(\"issuesForTree\").replace(\"{{tree_label}}\", treeLabel)}\n      label={\n        errorNodes.length === 0\n          ? translate(\"noIssuesFound\")\n          : translate(\"issuesFound\").replace(\"{{number_of_issues}}\", errorNodes.length.toString())\n      }\n      items={errorItems}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAwCA,SAAOiB,kBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAA2B,MAAA,EAAAV,WAAAC,YAAAE,aAAA,GAAAQ,2BAAAH;CAMhC,MAAAI,YAAkBnB,gBAAgB;CAClC,MAAAoB,aAAmBZ,WAAUa,KAAKC,cAAA;EAChC,MAAAC,qBAAmD;GAAAD;GAAA,GAAgBJ;GAAwB;AAE3F,MAAIR,YAAW,QACNb,aAAaa,YAAYa,mBAAmB,EAAE,EAAAC,KAAOF,UAASG,IAAK,CAAC;AAC5E,SAEM,oBAAC,mBAAD,EAAoC,GAAMF,oBAAsB,EAAxCD,UAASG,GAA+B;GACvE;CAAC,IAAAC;AAAA,KAAAV,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AAIQF,OAAA,EAAAG,OAAS,QAAQ;AAAAb,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAG,aAAAH,EAAA,OAAAT,WAAA;AACZuB,OAAAX,UAAU,gBAAgB,CAAAY,QAAS,kBAAkBxB,UAAU;AAAAS,IAAA,KAAAG;AAAAH,IAAA,KAAAT;AAAAS,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,OAAAR,WAAAyB,UAAAjB,EAAA,OAAAG,WAAA;AAEzEa,OAAAxB,WAAUyB,WAAY,IAClBd,UAAU,gBAC4E,GAAtFA,UAAU,cAAc,CAAAY,QAAS,wBAAwBvB,WAAUyB,OAAOC,UAAW,CAAC;AAAAlB,IAAA,KAAAR,WAAAyB;AAAAjB,IAAA,KAAAG;AAAAH,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,OAAAI,cAAAJ,EAAA,OAAAc,MAAAd,EAAA,OAAAgB,IAAA;AAN9FG,OAAA,oBAAA,qBAAA,MAAA;GACS,OAAAT;GACK,cAAAI;GAEV,OAAAE;GAIKZ,OAAAA;GACP,CAAA;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAc;AAAAd,IAAA,KAAAgB;AAAAhB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;AAAA,QATFmB"}

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

@@ -0,0 +1,29 @@
+import { TreeNode } from "../TreeNode.js";
+import { HierarchyLevelDetails, TreeRendererProps } from "../Renderers.js";
+import { TreeActionBaseAttributes } from "./TreeAction.js";
+import { NamedExoticComponent } from "react";
+
+//#region src/presentation-hierarchies-react/stratakit/TreeNodeFilterAction.d.ts
+/** @alpha */
+type TreeNodeFilterActionProps = {
+  /**
+   * Action to perform when the filter button is clicked for this node.
+   */
+  onFilter?: (hierarchyLevelDetails: HierarchyLevelDetails) => void;
+} & TreeActionBaseAttributes & Pick<TreeRendererProps, "getHierarchyLevelDetails">;
+/**
+ * React component that renders a filter action for a tree item.
+ *
+ * The action calls the `onFilter` callback prop when clicked.
+ *
+ * @see `getMenuActions`, `getInlineActions`, `getContextMenuActions` props of `TreeRenderer` to add this action
+ * to tree items.
+ *
+ * @alpha
+ */
+declare const TreeNodeFilterAction: NamedExoticComponent<TreeNodeFilterActionProps & {
+  node: TreeNode;
+}>;
+//#endregion
+export { TreeNodeFilterAction };
+//# sourceMappingURL=TreeNodeFilterAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeFilterAction.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeFilterAction.tsx"],"mappings":";;;;;;;KAiBK,yBAAA;EAAA;;;EAIH,QAAA,IAAY,qBAAA,EAAuB,qBAAA;AAAA,IACjC,wBAAA,GACF,IAAA,CAAK,iBAAA;;;;;;;;;;;cAYM,oBAAA,EAAsB,oBAAA,CAAqB,yBAAA;EAA8B,IAAA,EAAM,QAAA;AAAA"}

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

@@ -0,0 +1,91 @@
+import { useTranslation } from "../LocalizationContext.js";
+import { TreeActionBase } from "./TreeAction.js";
+import { c } from "react-compiler-runtime";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import filterSvg from "@stratakit/icons/filter.svg";
+//#region src/presentation-hierarchies-react/stratakit/TreeNodeFilterAction.tsx
+/**
+* React component that renders a filter action for a tree item.
+*
+* The action calls the `onFilter` callback prop when clicked.
+*
+* @see `getMenuActions`, `getInlineActions`, `getContextMenuActions` props of `TreeRenderer` to add this action
+* to tree items.
+*
+* @alpha
+*/
+const TreeNodeFilterAction = memo(function TreeNodeFilterAction(t0) {
+	const $ = c(20);
+	let actionAttributes;
+	let getHierarchyLevelDetails;
+	let node;
+	let onFilter;
+	if ($[0] !== t0) {
+		({node, onFilter, getHierarchyLevelDetails, ...actionAttributes} = t0);
+		$[0] = t0;
+		$[1] = actionAttributes;
+		$[2] = getHierarchyLevelDetails;
+		$[3] = node;
+		$[4] = onFilter;
+	} else {
+		actionAttributes = $[1];
+		getHierarchyLevelDetails = $[2];
+		node = $[3];
+		onFilter = $[4];
+	}
+	const translate = useTranslation();
+	let t1;
+	if ($[5] !== translate) {
+		t1 = translate("filterHierarchyLevel");
+		$[5] = translate;
+		$[6] = t1;
+	} else t1 = $[6];
+	const filterHierarchyLevel = t1;
+	let t2;
+	if ($[7] !== translate) {
+		t2 = translate("filterHierarchyLevelActiveDescription");
+		$[7] = translate;
+		$[8] = t2;
+	} else t2 = $[8];
+	const filterHierarchyLevelActiveDescription = t2;
+	let t3;
+	if ($[9] !== getHierarchyLevelDetails || $[10] !== node.id || $[11] !== onFilter) {
+		t3 = () => {
+			const hierarchyLevelDetails = getHierarchyLevelDetails(node.id);
+			hierarchyLevelDetails && onFilter?.(hierarchyLevelDetails);
+		};
+		$[9] = getHierarchyLevelDetails;
+		$[10] = node.id;
+		$[11] = onFilter;
+		$[12] = t3;
+	} else t3 = $[12];
+	const handleClick = t3;
+	const t4 = node.isFiltered ? true : void 0;
+	const t5 = node.isFiltered ? filterHierarchyLevelActiveDescription : void 0;
+	const t6 = !onFilter || !node.isFilterable;
+	let t7;
+	if ($[13] !== actionAttributes || $[14] !== filterHierarchyLevel || $[15] !== handleClick || $[16] !== t4 || $[17] !== t5 || $[18] !== t6) {
+		t7 = /* @__PURE__ */ jsx(TreeActionBase, {
+			...actionAttributes,
+			label: filterHierarchyLevel,
+			onClick: handleClick,
+			icon: filterSvg,
+			visible: t4,
+			dot: t5,
+			hide: t6
+		});
+		$[13] = actionAttributes;
+		$[14] = filterHierarchyLevel;
+		$[15] = handleClick;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t7;
+});
+//#endregion
+export { TreeNodeFilterAction };
+
+//# sourceMappingURL=TreeNodeFilterAction.js.map

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

@@ -0,0 +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,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL;CAAA,IAAAJ;AAAA,KAAAM,EAAA,OAAAD,IAAA;AAA8B,GAAA,CAAAD,MAAAJ,UAAAS,6BAAAD,oBAAAH;AAKmBC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAF;AAAAE,IAAA,KAAAN;QAAA;AAAAQ,qBAAAF,EAAA;AAAAG,6BAAAH,EAAA;AAAAF,SAAAE,EAAA;AAAAN,aAAAM,EAAA;;CAC/C,MAAAI,YAAkBnB,gBAAgB;CAAC,IAAAoB;AAAA,KAAAL,EAAA,OAAAI,WAAA;AACNC,OAAAD,UAAU,uBAAuB;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAA9D,MAAAM,uBAA6BD;CAAkC,IAAAE;AAAA,KAAAP,EAAA,OAAAI,WAAA;AACjBG,OAAAH,UAAU,wCAAwC;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAhG,MAAAQ,wCAA8CD;CAAmD,IAAAE;AAAA,KAAAT,EAAA,OAAAG,4BAAAH,EAAA,QAAAF,KAAAY,MAAAV,EAAA,QAAAN,UAAA;AAEjEe,aAAA;GAC9B,MAAAd,wBAA8BQ,yBAAyBL,KAAIY,GAAI;AAC/Df,4BAAyBD,WAAWC,sBAAsB;;AAC3DK,IAAA,KAAAG;AAAAH,IAAA,MAAAF,KAAAY;AAAAV,IAAA,MAAAN;AAAAM,IAAA,MAAAS;OAAAA,MAAAT,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;AAAA,KAAAlB,EAAA,QAAAE,oBAAAF,EAAA,QAAAM,wBAAAN,EAAA,QAAAW,eAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;AAPvCE,OAAA,oBAAC,gBAAD;GAAe,GACThB;GACGI,OAAAA;GACEK,SAAAA;GACHxB,MAAAA;GACG,SAAAyB;GACJ,KAAAG;GACC,MAAAC;GACN,CAAA;AAAAhB,IAAA,MAAAE;AAAAF,IAAA,MAAAM;AAAAN,IAAA,MAAAW;AAAAX,IAAA,MAAAY;AAAAZ,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QARFkB;EAWL"}

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

@@ -0,0 +1,31 @@
+import { TreeNode } from "../TreeNode.js";
+import { TreeActionBaseAttributes } from "./TreeAction.js";
+import { NamedExoticComponent, PropsWithChildren } from "react";
+//#region src/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.d.ts
+/**
+ * React component that renders a rename action for a tree item.
+ *
+ * The tree component must have `getEditingProps.onLabelChanged` prop set to enable renaming functionality. When
+ * rename is completed, the `onLabelChanged` function is called to make the actual data update.
+ *
+ * @see `getMenuActions`, `getInlineActions`, `getContextMenuActions` props of `TreeRenderer` to add this action
+ * to tree items.
+ *
+ * @alpha
+ */
+declare const TreeNodeRenameAction: NamedExoticComponent<TreeActionBaseAttributes & {
+  node: TreeNode;
+}>;
+/** @alpha */
+interface TreeNodeEditingProps {
+  /**
+   * A callback that is invoked when node label is changed. Should be used together
+   * with `<TreeNodeRenameAction />` to enter label editing mode.
+   */
+  onLabelChanged: (newLabel: string) => void;
+  labelValidationHint?: string;
+  validate?: (newLabel: string) => boolean;
+}
+//#endregion
+export { TreeNodeEditingProps, TreeNodeRenameAction };
+//# sourceMappingURL=TreeNodeRenameAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeRenameAction.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.tsx"],"mappings":";;;;;;;AA0BA;;;;;;;;cAAa,oBAAA,EAAsB,oBAAA,CAAqB,wBAAA;EAA6B,IAAA,EAAM,QAAA;AAAA;;UAmB1E,oBAAA;EAnBkF;AAmBnG;;;EAKE,cAAA,GAAiB,QAAA;EACjB,mBAAA;EACA,QAAA,IAAY,QAAA;AAAA"}

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

@@ -0,0 +1,155 @@
+import { useTranslation } from "../LocalizationContext.js";
+import { TreeActionBase } from "./TreeAction.js";
+import { c } from "react-compiler-runtime";
+import { createContext, memo, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import renameSvg from "@stratakit/icons/rename.svg";
+//#region src/presentation-hierarchies-react/stratakit/TreeNodeRenameAction.tsx
+/**
+* React component that renders a rename action for a tree item.
+*
+* The tree component must have `getEditingProps.onLabelChanged` prop set to enable renaming functionality. When
+* rename is completed, the `onLabelChanged` function is called to make the actual data update.
+*
+* @see `getMenuActions`, `getInlineActions`, `getContextMenuActions` props of `TreeRenderer` to add this action
+* to tree items.
+*
+* @alpha
+*/
+const TreeNodeRenameAction = memo(function TreeNodeRenameAction(t0) {
+	const $ = c(16);
+	let actionAttributes;
+	let node;
+	if ($[0] !== t0) {
+		({node, ...actionAttributes} = t0);
+		$[0] = t0;
+		$[1] = actionAttributes;
+		$[2] = node;
+	} else {
+		actionAttributes = $[1];
+		node = $[2];
+	}
+	const translate = useTranslation();
+	const context = useTreeNodeRenameContext();
+	let t1;
+	if ($[3] !== translate) {
+		t1 = translate("rename");
+		$[3] = translate;
+		$[4] = t1;
+	} else t1 = $[4];
+	const rename = t1;
+	let t2;
+	if ($[5] !== context || $[6] !== node) {
+		t2 = context?.canRename(node) ?? false;
+		$[5] = context;
+		$[6] = node;
+		$[7] = t2;
+	} else t2 = $[7];
+	const canRename = t2;
+	const startRename = context?.startRename;
+	let t3;
+	if ($[8] !== node || $[9] !== startRename) {
+		t3 = () => {
+			startRename?.(node);
+		};
+		$[8] = node;
+		$[9] = startRename;
+		$[10] = t3;
+	} else t3 = $[10];
+	const handleClick = t3;
+	const t4 = !canRename;
+	let t5;
+	if ($[11] !== actionAttributes || $[12] !== handleClick || $[13] !== rename || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TreeActionBase, {
+			...actionAttributes,
+			label: rename,
+			onClick: handleClick,
+			icon: renameSvg,
+			hide: t4
+		});
+		$[11] = actionAttributes;
+		$[12] = handleClick;
+		$[13] = rename;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
+});
+const treeNodeRenameContext = createContext(void 0);
+/** @internal */
+const useTreeNodeRenameContext = () => {
+	return useContext(treeNodeRenameContext);
+};
+/** @internal */
+function TreeNodeRenameContextProvider(t0) {
+	const $ = c(3);
+	const { value, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== value) {
+		t1 = /* @__PURE__ */ jsx(treeNodeRenameContext.Provider, {
+			value,
+			children
+		});
+		$[0] = children;
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+/** @internal */
+function useTreeNodeRenameContextValue(t0) {
+	const $ = c(9);
+	const { getEditingProps } = t0;
+	const [renameParameters, setRenameParameters] = useState(void 0);
+	let t1;
+	if ($[0] !== getEditingProps) {
+		t1 = (node) => {
+			const { onLabelChanged, labelValidationHint, validate } = getEditingProps?.(node) ?? {};
+			if (onLabelChanged) setRenameParameters({
+				nodeId: node.id,
+				commit: (newLabel) => {
+					onLabelChanged(newLabel);
+					setRenameParameters(void 0);
+				},
+				labelValidationHint,
+				validate
+			});
+		};
+		$[0] = getEditingProps;
+		$[1] = t1;
+	} else t1 = $[1];
+	const startRename = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => {
+			setRenameParameters(void 0);
+		};
+		$[2] = t2;
+	} else t2 = $[2];
+	const cancelRename = t2;
+	let t3;
+	if ($[3] !== getEditingProps) {
+		t3 = (node_0) => getEditingProps?.(node_0)?.onLabelChanged !== void 0;
+		$[3] = getEditingProps;
+		$[4] = t3;
+	} else t3 = $[4];
+	const canRename = t3;
+	let t4;
+	if ($[5] !== canRename || $[6] !== renameParameters || $[7] !== startRename) {
+		t4 = {
+			renameParameters,
+			cancelRename,
+			startRename,
+			canRename
+		};
+		$[5] = canRename;
+		$[6] = renameParameters;
+		$[7] = startRename;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+}
+//#endregion
+export { TreeNodeRenameAction, TreeNodeRenameContextProvider, useTreeNodeRenameContext, useTreeNodeRenameContextValue };
+
+//# sourceMappingURL=TreeNodeRenameAction.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.phr-node-label-editor {
+  padding: var(--stratakit-space-x1);
+  width: 300px;
+  display: grid;
+  gap: var(--stratakit-space-x1);
+  grid-template-rows: auto auto;
+
+  .phr-node-label-editor-input-row {
+    display: grid;
+    gap: var(--stratakit-space-x1);
+    grid-template-columns: 1fr auto auto;
+
+    .with-error {
+      outline-color: var(--stratakit-color-border-critical-base);
+      &::before {
+        border-color: var(--stratakit-color-border-critical-base);
+      }
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, FC, ReactNode, RefAttributes } from "react";
+import { Tree } from "@stratakit/structures";
+//#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"> & {
+  /**
+   * Used to render elements between expander and label.
+   * E.g. icons, color picker, etc.
+   */
+  decorations?: ReactNode;
+};
+//#endregion
+export { StrataKitTreeItemProps };
+//# sourceMappingURL=TreeNodeRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeRenderer.d.ts","names":[],"sources":["../../../src/presentation-hierarchies-react/stratakit/TreeNodeRenderer.tsx"],"mappings":";;;;KAyDY,sBAAA,GAAyB,IAAA,CACnC,wBAAA,QAAgC,IAAA,CAAK,IAAA;;;;;EAOrC,WAAA,GAAc,SAAA;AAAA"}