expose getEditingProps

Author: MartynasStrazdas

apps/test-viewer/src/UiProvidersConfig.tsx

@@ -163,8 +163,12 @@ const configuredUiItems = new Map<string, UiItem>([
                   <ClassificationsTreeComponent
                     selectionStorage={unifiedSelectionStorage}
                     hierarchyConfig={{ rootClassificationSystemCode: "50k classifications" }}
-                    onLabelChanged={(node, newLabel) => {
-                      console.log("node label changed", node, newLabel);
+                    getEditingProps={(node) => {
+                      return {
+                        onLabelChanged: (newLabel: string) => {
+                          console.log("node label changed", node, newLabel);
+                        },
+                      };
                     }}
                   />
                 ),

packages/itwin/tree-widget/api/tree-widget-react.api.md

@@ -128,7 +128,7 @@ export const ClassificationsTreeComponent: {
 };
 
 // @alpha (undocumented)
-interface ClassificationsTreeComponentProps extends Pick<ClassificationsTreeProps, "selectionStorage" | "hierarchyLevelConfig" | "selectionMode" | "emptyTreeContent" | "getActions" | "getDecorations" | "hierarchyConfig" | "onLabelChanged"> {
+interface ClassificationsTreeComponentProps extends Pick<ClassificationsTreeProps, "selectionStorage" | "hierarchyLevelConfig" | "selectionMode" | "emptyTreeContent" | "getActions" | "getDecorations" | "hierarchyConfig" | "getEditingProps"> {
     // (undocumented)
     onFeatureUsed?: (feature: string) => void;
     // (undocumented)
@@ -147,11 +147,10 @@ export function ClassificationsTreeIcon({ node }: {
 }): JSX_2.Element | undefined;
 
 // @alpha (undocumented)
-type ClassificationsTreeProps = Pick<VisibilityTreeProps, "imodel" | "selectionStorage" | "selectionMode" | "emptyTreeContent"> & Pick<VisibilityTreeRendererProps, "getActions" | "getDecorations"> & UseClassificationsTreeProps & {
+type ClassificationsTreeProps = Pick<VisibilityTreeProps, "imodel" | "selectionStorage" | "selectionMode" | "emptyTreeContent"> & Pick<VisibilityTreeRendererProps, "getActions" | "getDecorations" | "getEditingProps"> & UseClassificationsTreeProps & {
     hierarchyLevelConfig?: {
         sizeLimit?: number;
     };
-    onLabelChanged?: (node: PresentationHierarchyNode, newLabel: string) => void;
 };
 
 // @public

packages/itwin/tree-widget/src/tree-widget-react/components/trees/classifications-tree/ClassificationsTree.tsx

@@ -4,25 +4,23 @@
  *--------------------------------------------------------------------------------------------*/
 
 import type { VisibilityTreeProps } from "../common/components/VisibilityTree.js";
-import type { ComponentProps } from "react";
 import { useCallback } from "react";
 import { RenameAction } from "@itwin/presentation-hierarchies-react";
 import { VisibilityTree } from "../common/components/VisibilityTree.js";
 import { VisibilityTreeRenderer } from "../common/components/VisibilityTreeRenderer.js";
 import { useClassificationsTree } from "./UseClassificationsTree.js";
 
-import type { PresentationHierarchyNode, StrataKitTreeRenderer } from "@itwin/presentation-hierarchies-react";
+import type { PresentationHierarchyNode } from "@itwin/presentation-hierarchies-react";
 import type { VisibilityTreeRendererProps } from "../common/components/VisibilityTreeRenderer.js";
 import type { UseClassificationsTreeProps } from "./UseClassificationsTree.js";
 
 /** @alpha */
 export type ClassificationsTreeProps = Pick<VisibilityTreeProps, "imodel" | "selectionStorage" | "selectionMode" | "emptyTreeContent"> &
-  Pick<VisibilityTreeRendererProps, "getActions" | "getDecorations"> &
+  Pick<VisibilityTreeRendererProps, "getActions" | "getDecorations" | "getEditingProps"> &
   UseClassificationsTreeProps & {
     hierarchyLevelConfig?: {
       sizeLimit?: number;
     };
-    onLabelChanged?: (node: PresentationHierarchyNode, newLabel: string) => void;
   };
 
 /** @alpha */
@@ -36,7 +34,7 @@ export function ClassificationsTree({
   emptyTreeContent,
   getDecorations,
   getActions,
-  onLabelChanged,
+  getEditingProps,
 }: ClassificationsTreeProps) {
   const { categoriesTreeProps, rendererProps } = useClassificationsTree({
     activeView,
@@ -51,19 +49,6 @@ export function ClassificationsTree({
     [getActions],
   );
 
-  const getEditingProps = useCallback<Required<ComponentProps<typeof StrataKitTreeRenderer>>["getEditingProps"]>(
-    (node) => {
-      return {
-        onLabelChanged: onLabelChanged
-          ? (newLabel) => {
-              onLabelChanged(node, newLabel);
-            }
-          : undefined,
-      };
-    },
-    [onLabelChanged],
-  );
-
   return (
     <VisibilityTree
       {...categoriesTreeProps}

packages/itwin/tree-widget/src/tree-widget-react/components/trees/classifications-tree/ClassificationsTreeComponent.tsx

@@ -18,7 +18,7 @@ import type { IModelConnection, ScreenViewport } from "@itwin/core-frontend";
 interface ClassificationsTreeComponentProps
   extends Pick<
     ClassificationsTreeProps,
-    "selectionStorage" | "hierarchyLevelConfig" | "selectionMode" | "emptyTreeContent" | "getActions" | "getDecorations" | "hierarchyConfig" | "onLabelChanged"
+    "selectionStorage" | "hierarchyLevelConfig" | "selectionMode" | "emptyTreeContent" | "getActions" | "getDecorations" | "hierarchyConfig" | "getEditingProps"
   > {
   onPerformanceMeasured?: (featureId: string, duration: number) => void;
   onFeatureUsed?: (feature: string) => void;