@itwin/presentation-hierarchies-react 2.0.0-alpha.54 → 2.0.0-alpha.56

package/lib/{esm/presentation-hierarchies-react → presentation-hierarchies-react}/stratakit/TreeNodeRenameAction.js

@@ -1,5 +1,5 @@
+import { useTranslation } from "./LocalizationContext.js";
 import { TreeActionBase } from "./TreeAction.js";
-import { useLocalizationContext } from "./LocalizationContext.js";
 import { c } from "react-compiler-runtime";
 import { createContext, memo, useContext, useState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -18,7 +18,7 @@ import renameSvg from "@stratakit/icons/rename.svg";
 * @alpha
 */
 const TreeNodeRenameAction = memo(function TreeNodeRenameAction(t0) {
-	const $ = c(14);
+	const $ = c(16);
 	let actionAttributes;
 	let node;
 	if ($[0] !== t0) {
@@ -30,45 +30,51 @@ const TreeNodeRenameAction = memo(function TreeNodeRenameAction(t0) {
 		actionAttributes = $[1];
 		node = $[2];
 	}
-	const { localizedStrings } = useLocalizationContext();
+	const translate = useTranslation();
 	const context = useTreeNodeRenameContext();
-	const { rename } = localizedStrings;
 	let t1;
-	if ($[3] !== context || $[4] !== node) {
-		t1 = context?.canRename(node) ?? false;
-		$[3] = context;
-		$[4] = node;
-		$[5] = t1;
-	} else t1 = $[5];
-	const canRename = t1;
-	const startRename = context?.startRename;
+	if ($[3] !== translate) {
+		t1 = translate("rename");
+		$[3] = translate;
+		$[4] = t1;
+	} else t1 = $[4];
+	const rename = t1;
 	let t2;
-	if ($[6] !== node || $[7] !== startRename) {
-		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);
 		};
-		$[6] = node;
-		$[7] = startRename;
-		$[8] = t2;
-	} else t2 = $[8];
-	const handleClick = t2;
-	const t3 = !canRename;
-	let t4;
-	if ($[9] !== actionAttributes || $[10] !== handleClick || $[11] !== rename || $[12] !== t3) {
-		t4 = /* @__PURE__ */ jsx(TreeActionBase, {
+		$[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: t3
+			hide: t4
 		});
-		$[9] = actionAttributes;
-		$[10] = handleClick;
-		$[11] = rename;
-		$[12] = t3;
-		$[13] = t4;
-	} else t4 = $[13];
-	return t4;
+		$[11] = actionAttributes;
+		$[12] = handleClick;
+		$[13] = rename;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
 });
 const treeNodeRenameContext = createContext(void 0);
 /** @internal */

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeRenameAction.js","names":["createContext","memo","useCallback","useContext","useMemo","useState","renameSvg","useTranslation","TreeActionBase","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 renameSvg from \"@stratakit/icons/rename.svg\";\nimport { useTranslation } from \"./LocalizationContext.js\";\nimport { TreeActionBase } from \"./TreeAction.js\";\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(function TreeNodeRenameAction({\n  node,\n  ...actionAttributes\n}: 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 <TreeActionBase {...actionAttributes} label={rename} onClick={handleClick} icon={renameSvg} hide={!canRename} />;\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({ value, children }: PropsWithChildren<{ value: TreeNodeRenameContext }>) {\n  return <treeNodeRenameContext.Provider value={value}>{children}</treeNodeRenameContext.Provider>;\n}\n\n/** @internal */\nexport function useTreeNodeRenameContextValue({ getEditingProps }: { getEditingProps?: (node: TreeNode) => TreeNodeEditingProps | undefined }) {\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    () => ({\n      renameParameters,\n      cancelRename,\n      startRename,\n      canRename,\n    }),\n    [renameParameters, canRename, startRename, cancelRename],\n  );\n}\n"],"mappings":"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"}

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":";;;;;;;;KA6CY,sBAAA,GAAyB,IAAA,CACnC,wBAAA,QAAgC,IAAA,CAAK,IAAA;;;;;EAOrC,WAAA,GAAc,SAAA;AAAA"}