@itwin/presentation-hierarchies-react 2.0.0-alpha.65 → 2.0.0-alpha.67

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @itwin/presentation-hierarchies-react
 
+## 2.0.0-alpha.67
+
+### Patch Changes
+
+- Updated dependencies:
+  - @itwin/presentation-shared@2.0.0-alpha.14
+  - @itwin/presentation-hierarchies@2.0.0-alpha.19
+  - @itwin/unified-selection@2.0.0-alpha.2
+
+## 2.0.0-alpha.66
+
+### Major Changes
+
+- [#1540](https://github.com/iTwin/presentation/pull/1540): Updated StrataKit dependencies to newer versions, including `@stratakit/mui@1.0.0` and `@stratakit/structures@0.6.0`. `@stratakit/foundations` is now a peer dependency and should be installed by the application, along with `@mui/material@^9.4.0`.
+
+### Patch Changes
+
+- [#1514](https://github.com/iTwin/presentation/pull/1514): Fix label editor validation message size
+- [#1538](https://github.com/iTwin/presentation/pull/1538): Fixed keyboard-initiated node rename instantly closing the label editor. Additionally, improved tree node rendering performance by rendering a single shared context menu and label editor at the tree level instead of mounting them in every node.
+- Updated dependencies:
+  - @itwin/presentation-shared@2.0.0-alpha.13
+  - @itwin/presentation-hierarchies@2.0.0-alpha.18
+  - @itwin/unified-selection@2.0.0-alpha.1
+
 ## 2.0.0-alpha.65
 
 ### Patch Changes
@@ -1003,6 +1027,36 @@
 
 - [#847](https://github.com/iTwin/presentation/pull/847): Moving tree rendering components to a new design systems.
 
+## 1.11.6
+
+### Patch Changes
+
+- [#1543](https://github.com/iTwin/presentation/pull/1543): Update iTwin.js core dependencies to `^5.13.1` and refresh related tooling/test dependencies.
+- Updated dependencies:
+  - @itwin/presentation-hierarchies@1.7.21
+  - @itwin/presentation-shared@1.2.22
+  - @itwin/unified-selection@1.8.6
+
+## 1.11.5
+
+### Patch Changes
+
+- [#1500](https://github.com/iTwin/presentation/pull/1500): Update iTwin.js core dependencies to ^5.12.4 and refresh related tooling/test dependencies.
+- Updated dependencies:
+  - @itwin/presentation-hierarchies@1.7.20
+  - @itwin/presentation-shared@1.2.20
+  - @itwin/unified-selection@1.8.5
+
+## 1.11.4
+
+### Patch Changes
+
+- [#1473](https://github.com/iTwin/presentation/pull/1473): Bump dependencies.
+- Updated dependencies:
+  - @itwin/presentation-hierarchies@1.7.19
+  - @itwin/presentation-shared@1.2.19
+  - @itwin/unified-selection@1.8.4
+
 ## 1.11.3
 
 ### Patch Changes

package/README.md

@@ -65,17 +65,14 @@ The hook takes 2 required properties:
 
   ```tsx
   import { IModelConnection } from "@itwin/core-frontend";
-  import { createCachingECClassHierarchyInspector } from "@itwin/presentation-shared";
   import { createECSchemaProvider, createECSqlQueryExecutor, createIModelKey } from "@itwin/presentation-core-interop";
   import { createLimitingECSqlQueryExecutor } from "@itwin/presentation-hierarchies";
 
   function createIModelAccess(imodel: IModelConnection) {
-    const schemaProvider = createECSchemaProvider(imodel.schemaContext);
+    const schemaProvider = createECSchemaProvider(imodel);
     return {
       imodelKey: createIModelKey(imodel),
       ...schemaProvider,
-      // while caching for hierarchy inspector is not mandatory, it's recommended to use it to improve performance
-      ...createCachingECClassHierarchyInspector({ schemaProvider, cacheSize: 100 }),
       // the second argument is the maximum number of rows the executor will return - this allows us to
       // avoid creating hierarchy levels of insane size (expensive to us and useless to users)
       ...createLimitingECSqlQueryExecutor(createECSqlQueryExecutor(imodel), 1000),
@@ -109,7 +106,6 @@ The component renders a virtualized tree using the `Tree` component from `@strat
 
 ```tsx
 import { IModelConnection } from "@itwin/core-frontend";
-import { createCachingECClassHierarchyInspector } from "@itwin/presentation-shared";
 import { createECSchemaProvider, createECSqlQueryExecutor, createIModelKey } from "@itwin/presentation-core-interop";
 import { createLimitingECSqlQueryExecutor } from "@itwin/presentation-hierarchies";
 
@@ -121,12 +117,10 @@ import { useIModelUnifiedSelectionTree } from "@itwin/presentation-hierarchies-r
 import { StrataKitRootErrorRenderer, StrataKitTreeRenderer } from "@itwin/presentation-hierarchies-react/stratakit";
 
 function createIModelAccess(imodel: IModelConnection) {
-  const schemaProvider = createECSchemaProvider(imodel.schemaContext);
+  const schemaProvider = createECSchemaProvider(imodel);
   return {
     imodelKey: createIModelKey(imodel),
     ...schemaProvider,
-    // while caching for hierarchy inspector is not mandatory, it's recommended to use it to improve performance
-    ...createCachingECClassHierarchyInspector({ schemaProvider, cacheSize: 100 }),
     // the second argument is the maximum number of rows the executor will return - this allows us to
     // avoid creating hierarchy levels of insane size (expensive to us and useless to users)
     ...createLimitingECSqlQueryExecutor(createECSqlQueryExecutor(imodel), 1000),

package/lib/presentation-hierarchies-react/UseIModelTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseIModelTree.js","names":["useCallback","createIModelHierarchyProvider","useTranslation","useTree","useUnifiedSelectionTree","HierarchyDefinition","HierarchySearchTree","Props","UseUnifiedTreeSelectionProps","UseTreeProps","UseTreeResult","IModelHierarchyProviderProps","IModelAccess","UseIModelTreeProps","Omit","Pick","getHierarchyDefinition","props","imodelAccess","getSearchPaths","abortSignal","AbortSignal","Promise","useIModelTree","$","_c","imodelChanged","rest","t0","t1","useIModelTreeProps","t2","useIModelUnifiedSelectionTree","translate","hierarchyDefinition","localizedStrings","other","unspecified","t3","t4","getHierarchyProvider"],"sources":["../../src/presentation-hierarchies-react/UseIModelTree.ts"],"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 { useCallback } from \"react\";\nimport { createIModelHierarchyProvider } from \"@itwin/presentation-hierarchies\";\nimport { useTranslation } from \"./LocalizationContext.js\";\nimport { useTree, useUnifiedSelectionTree } from \"./UseTree.js\";\n\nimport type { HierarchyDefinition, HierarchySearchTree } from \"@itwin/presentation-hierarchies\";\nimport type { Props } from \"@itwin/presentation-shared\";\nimport type { UseUnifiedTreeSelectionProps } from \"./internal/UseUnifiedSelection.js\";\nimport type { UseTreeProps, UseTreeResult } from \"./UseTree.js\";\n\n/** @public */\ntype IModelHierarchyProviderProps = Props<typeof createIModelHierarchyProvider>;\n\n/** @public */\ntype IModelAccess = IModelHierarchyProviderProps[\"imodelAccess\"];\n\n/**\n * Props for `useIModelTree` and `useIModelUnifiedSelectionTree` hooks.\n * @public\n */\ntype UseIModelTreeProps = Omit<UseTreeProps, \"getHierarchyProvider\" | \"getSearchPaths\"> &\n  Pick<IModelHierarchyProviderProps, \"imodelAccess\" | \"imodelChanged\"> & {\n    /**\n     * Provides the hierarchy definition for the tree.\n     */\n    getHierarchyDefinition: (props: { imodelAccess: IModelAccess }) => HierarchyDefinition;\n\n    /**\n     * Provides paths to target nodes.\n     */\n    getSearchPaths?: (props: {\n      /**\n       * Object that provides access to the iModel schema and can run queries against the iModel.\n       */\n      imodelAccess: IModelAccess;\n      /**\n       * Signal indicating that that the request was canceled\n       */\n      abortSignal: AbortSignal;\n    }) => Promise<HierarchySearchTree[] | undefined>;\n  };\n\n/**\n * A React hook that creates state for a tree component whose displayed hierarchy is based on\n * iModel data.\n *\n * The hook uses `@itwin/presentation-hierarchies` package to load the hierarchy data and returns a\n * component-agnostic result which may be used to render the hierarchy using any UI framework.\n *\n * See `README.md` for an example\n *\n * @see `useTree`\n * @see `useIModelUnifiedSelectionTree`\n * @public\n */\nexport function useIModelTree(props: UseIModelTreeProps): UseTreeResult {\n  const { imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths, ...rest } = props;\n  return useTree({\n    ...rest,\n    ...useIModelTreeProps({ imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths }),\n  });\n}\n\n/**\n * A React hook that creates state for a tree component whose displayed hierarchy is based on\n * iModel data and that is integrated with unified selection through the given selection\n * storage (previously the storage was provided through the, now deprecated, `UnifiedSelectionProvider`).\n *\n * The hook uses `@itwin/presentation-hierarchies` package to load the hierarchy data and returns a\n * component-agnostic result which may be used to render the hierarchy using any UI framework.\n *\n * See `README.md` for an example\n *\n * @see `useIModelTree`\n * @see `useUnifiedSelectionTree`\n * @see `UnifiedSelectionProvider`\n * @public\n */\nexport function useIModelUnifiedSelectionTree(props: UseIModelTreeProps & UseUnifiedTreeSelectionProps): UseTreeResult {\n  const { imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths, ...rest } = props;\n  return useUnifiedSelectionTree({\n    ...rest,\n    ...useIModelTreeProps({ imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths }),\n  });\n}\n\nfunction useIModelTreeProps(\n  props: Pick<UseIModelTreeProps, \"imodelAccess\" | \"imodelChanged\" | \"getHierarchyDefinition\" | \"getSearchPaths\">,\n): Pick<UseTreeProps, \"getHierarchyProvider\" | \"getSearchPaths\"> {\n  const { imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths } = props;\n  const translate = useTranslation();\n  return {\n    getHierarchyProvider: useCallback(\n      () =>\n        createIModelHierarchyProvider({\n          imodelAccess,\n          imodelChanged,\n          hierarchyDefinition: getHierarchyDefinition({ imodelAccess }),\n          localizedStrings: { other: translate(\"other\"), unspecified: translate(\"unspecified\") },\n        }),\n      [imodelAccess, imodelChanged, translate, getHierarchyDefinition],\n    ),\n    getSearchPaths: useCallback(\n      async ({ abortSignal }: { abortSignal: AbortSignal }) => getSearchPaths?.({ imodelAccess, abortSignal }),\n      [imodelAccess, getSearchPaths],\n    ),\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"UseIModelTree.js","names":["useCallback","createIModelHierarchyProvider","useTranslation","useTree","useUnifiedSelectionTree","HierarchyDefinition","HierarchySearchTree","Props","UseUnifiedTreeSelectionProps","UseTreeProps","UseTreeResult","IModelHierarchyProviderProps","IModelAccess","UseIModelTreeProps","Omit","Pick","getHierarchyDefinition","props","imodelAccess","getSearchPaths","abortSignal","AbortSignal","Promise","useIModelTree","$","_c","imodelChanged","rest","t0","t1","useIModelTreeProps","t2","useIModelUnifiedSelectionTree","translate","hierarchyDefinition","localizedStrings","other","unspecified","t3","t4","getHierarchyProvider"],"sources":["../../src/presentation-hierarchies-react/UseIModelTree.ts"],"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 { useCallback } from \"react\";\nimport { createIModelHierarchyProvider } from \"@itwin/presentation-hierarchies\";\nimport { useTranslation } from \"./LocalizationContext.js\";\nimport { useTree, useUnifiedSelectionTree } from \"./UseTree.js\";\n\nimport type { HierarchyDefinition, HierarchySearchTree } from \"@itwin/presentation-hierarchies\";\nimport type { Props } from \"@itwin/presentation-shared\";\nimport type { UseUnifiedTreeSelectionProps } from \"./internal/UseUnifiedSelection.js\";\nimport type { UseTreeProps, UseTreeResult } from \"./UseTree.js\";\n\n/** @public */\ntype IModelHierarchyProviderProps = Props<typeof createIModelHierarchyProvider>;\n\n/** @public */\ntype IModelAccess = IModelHierarchyProviderProps[\"imodelAccess\"];\n\n/**\n * Props for `useIModelTree` and `useIModelUnifiedSelectionTree` hooks.\n * @public\n */\ntype UseIModelTreeProps = Omit<UseTreeProps, \"getHierarchyProvider\" | \"getSearchPaths\"> &\n  Pick<IModelHierarchyProviderProps, \"imodelAccess\" | \"imodelChanged\"> & {\n    /**\n     * Provides the hierarchy definition for the tree.\n     */\n    getHierarchyDefinition: (props: { imodelAccess: IModelAccess }) => HierarchyDefinition;\n\n    /**\n     * Provides paths to target nodes.\n     */\n    getSearchPaths?: (props: {\n      /**\n       * Object that provides access to the iModel schema and can run queries against the iModel.\n       */\n      imodelAccess: IModelAccess;\n      /**\n       * Signal indicating that that the request was canceled\n       */\n      abortSignal: AbortSignal;\n    }) => Promise<HierarchySearchTree[] | undefined>;\n  };\n\n/**\n * A React hook that creates state for a tree component whose displayed hierarchy is based on\n * iModel data.\n *\n * The hook uses `@itwin/presentation-hierarchies` package to load the hierarchy data and returns a\n * component-agnostic result which may be used to render the hierarchy using any UI framework.\n *\n * See `README.md` for an example\n *\n * @see `useTree`\n * @see `useIModelUnifiedSelectionTree`\n * @public\n */\nexport function useIModelTree(props: UseIModelTreeProps): UseTreeResult {\n  const { imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths, ...rest } = props;\n  return useTree({\n    ...rest,\n    ...useIModelTreeProps({ imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths }),\n  });\n}\n\n/**\n * A React hook that creates state for a tree component whose displayed hierarchy is based on\n * iModel data and that is integrated with unified selection through the given selection\n * storage (previously the storage was provided through the, now deprecated, `UnifiedSelectionProvider`).\n *\n * The hook uses `@itwin/presentation-hierarchies` package to load the hierarchy data and returns a\n * component-agnostic result which may be used to render the hierarchy using any UI framework.\n *\n * See `README.md` for an example\n *\n * @see `useIModelTree`\n * @see `useUnifiedSelectionTree`\n * @see `UnifiedSelectionProvider`\n * @public\n */\nexport function useIModelUnifiedSelectionTree(props: UseIModelTreeProps & UseUnifiedTreeSelectionProps): UseTreeResult {\n  const { imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths, ...rest } = props;\n  return useUnifiedSelectionTree({\n    ...rest,\n    ...useIModelTreeProps({ imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths }),\n  });\n}\n\nfunction useIModelTreeProps(\n  props: Pick<UseIModelTreeProps, \"imodelAccess\" | \"imodelChanged\" | \"getHierarchyDefinition\" | \"getSearchPaths\">,\n): Pick<UseTreeProps, \"getHierarchyProvider\" | \"getSearchPaths\"> {\n  const { imodelAccess, imodelChanged, getHierarchyDefinition, getSearchPaths } = props;\n  const translate = useTranslation();\n  return {\n    getHierarchyProvider: useCallback(\n      () =>\n        createIModelHierarchyProvider({\n          imodelAccess,\n          imodelChanged,\n          hierarchyDefinition: getHierarchyDefinition({ imodelAccess }),\n          localizedStrings: { other: translate(\"other\"), unspecified: translate(\"unspecified\") },\n        }),\n      [imodelAccess, imodelChanged, translate, getHierarchyDefinition],\n    ),\n    getSearchPaths: useCallback(\n      async ({ abortSignal }: { abortSignal: AbortSignal }) => getSearchPaths?.({ imodelAccess, abortSignal }),\n      [imodelAccess, getSearchPaths],\n    ),\n  };\n}\n"],"mappings":"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"}

package/lib/presentation-hierarchies-react/UseTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseTree.js","names":["useCallback","useEffect","useMemo","useRef","useState","HierarchyNode","TreeActions","TreeModel","useUnifiedTreeSelection","safeDispose","useLatest","GenericInstanceFilter","HierarchyProvider","HierarchySearchTree","IPrimitiveValueFormatter","TreeModelHierarchyNode","TreeModelRootNode","UseUnifiedTreeSelectionProps","RootErrorRendererProps","TreeRendererProps","ErrorInfo","TreeNode","SelectionChangeType","useTree","props","$","_c","t0","useTreeInternal","rest","getTreeModelNode","_","t1","useUnifiedSelectionTree","createSelectableForGenericNode","selectionStorage","sourceName","t2","selectionProps","rootErrorRendererProps","undefined","treeRendererProps","rootNodes","t3","t4","UseTreeProps","getHierarchyProvider","getSearchPaths","abortSignal","AbortSignal","Promise","onPerformanceMeasured","action","duration","onHierarchyLimitExceeded","parentId","filter","limit","onHierarchyLoadError","type","error","getTreeNodeErrors","node","UseTreeResult","isReloading","getNode","nodeId","setFormatter","formatter","RendererProps","TreeState","model","Array","state","setState","idToNode","Map","parentChildMap","rootNode","id","nodeData","onPerformanceMeasuredRef","onHierarchyLimitExceededRef","onHierarchyLoadErrorRef","getTreeNodeErrorsRef","actions","get","generateTreeStructure","current","actionType","currentFormatter","hierarchyProvider","setHierarchyProvider","provider","removeHierarchyChangedListener","hierarchyChanged","addListener","hierarchyChangeArgs","shouldDiscardState","searchChange","newSearch","reloadTree","reset","isSearching","setIsSearching","disposed","controller","AbortController","setHierarchySearch","paths","signal","abort","createTreeNode","expandNode","isExpanded","options","selectNodes","nodeIds","changeType","isNodeSelected","getHierarchyLevelDetails","hierarchyNode","isGroupingNode","getInstanceKeysIterator","getNodeInstanceKeys","parentNode","instanceFilter","hierarchyLevelSizeLimit","setInstanceFilter","sizeLimit","hierarchyLimit","setSizeLimit","value","setHierarchyLimit","renderProps","isLoading","parentNodeId","currentChildren","map","childId","modelNode","allErrors","children","label","isFilterable","supportsFiltering","isFiltered","errors"],"sources":["../../src/presentation-hierarchies-react/UseTree.ts"],"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 { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { HierarchyNode } from \"@itwin/presentation-hierarchies\";\nimport { TreeActions } from \"./internal/TreeActions.js\";\nimport { TreeModel } from \"./internal/TreeModel.js\";\nimport { useUnifiedTreeSelection } from \"./internal/UseUnifiedSelection.js\";\nimport { safeDispose } from \"./internal/Utils.js\";\nimport { useLatest } from \"./Utils.js\";\n\nimport type { GenericInstanceFilter, HierarchyProvider, HierarchySearchTree } from \"@itwin/presentation-hierarchies\";\nimport type { IPrimitiveValueFormatter } from \"@itwin/presentation-shared\";\nimport type { TreeModelHierarchyNode, TreeModelRootNode } from \"./internal/TreeModel.js\";\nimport type { UseUnifiedTreeSelectionProps } from \"./internal/UseUnifiedSelection.js\";\nimport type { RootErrorRendererProps, TreeRendererProps } from \"./Renderers.js\";\nimport type { ErrorInfo, TreeNode } from \"./TreeNode.js\";\nimport type { SelectionChangeType } from \"./UseSelectionHandler.js\";\n\n/**\n * A React hook that creates state for a tree component.\n *\n * The hook uses `@itwin/presentation-hierarchies` package to load the hierarchy data and returns a\n * component-agnostic result which may be used to render the hierarchy using any UI framework.\n *\n * See `README.md` for an example\n *\n * @see `useUnifiedSelectionTree`\n * @see `useIModelTree`\n * @public\n */\nexport function useTree(props: UseTreeProps): UseTreeResult {\n  const { getTreeModelNode: _, ...rest } = useTreeInternal(props);\n  return rest;\n}\n\n/**\n * A React hook that creates state for a tree component, that is integrated with unified selection\n * through the given selection storage (previously the storage was provided through the, now\n * deprecated, `UnifiedSelectionProvider`).\n *\n * The hook uses `@itwin/presentation-hierarchies` package to load the hierarchy data and returns a\n * component-agnostic result which may be used to render the hierarchy using any UI framework.\n *\n * See `README.md` for an example\n *\n * @see `useTree`\n * @see `useIModelUnifiedSelectionTree`\n * @see `UnifiedSelectionProvider`\n * @public\n */\nexport function useUnifiedSelectionTree({\n  sourceName,\n  selectionStorage,\n  createSelectableForGenericNode,\n  ...props\n}: UseTreeProps & UseUnifiedTreeSelectionProps): UseTreeResult {\n  const { getTreeModelNode, ...rest } = useTreeInternal(props);\n  const selectionProps = useUnifiedTreeSelection({\n    sourceName,\n    selectionStorage,\n    getTreeModelNode,\n    createSelectableForGenericNode,\n  });\n  if (rest.rootErrorRendererProps === undefined && rest.treeRendererProps?.rootNodes) {\n    return { ...rest, treeRendererProps: { ...rest.treeRendererProps, ...selectionProps } };\n  }\n  return rest;\n}\n\n/** @public */\nexport interface UseTreeProps {\n  /** Provides the hierarchy provider for the tree. */\n  getHierarchyProvider: () => HierarchyProvider;\n  /** Provides paths to search nodes. */\n  getSearchPaths?: ({ abortSignal }: { abortSignal: AbortSignal }) => Promise<HierarchySearchTree[] | undefined>;\n  /**\n   * Callback that is called just after a certain action is finished.\n   * Can be used for performance tracking.\n   */\n  onPerformanceMeasured?: (action: \"initial-load\" | \"hierarchy-level-load\" | \"reload\", duration: number) => void;\n  /** Action to perform when hierarchy level contains more items that the specified limit. */\n  onHierarchyLimitExceeded?: (props: {\n    parentId?: string;\n    filter?: GenericInstanceFilter;\n    limit?: number | \"unbounded\";\n  }) => void;\n  /** Action to perform when an error occurs while loading hierarchy. */\n  onHierarchyLoadError?: (props: { parentId?: string; type: \"timeout\" | \"unknown\"; error: unknown }) => void;\n  /**\n   * Callback to set custom TreeNode errors.\n   * Errors returned from this callback are combined with internal errors when populating `TreeNode.errors`.\n   */\n  getTreeNodeErrors?: (node: HierarchyNode) => ErrorInfo[];\n}\n\n/** @public */\nexport type UseTreeResult = {\n  /**\n   * Specifies whether tree is reloading or not. It is set to `false` when initial tree load is in progress to check if\n   * or tree is reloading.\n   */\n  isReloading: boolean;\n  /**\n   * Get a tree node by id\n   */\n  getNode: (nodeId: string) => TreeNode | undefined;\n  /**\n   * Sets a formatter for the primitive values that are displayed in the hierarchy.\n   */\n  setFormatter: (formatter: IPrimitiveValueFormatter | undefined) => void;\n} & RendererProps;\n\n/**.\n * @alpha\n */\ntype RendererProps =\n  | {\n      /**\n       * An object containing information used to render root error handling UI.\n       * Use in combination with `RootErrorRenderer` or your custom implementation.\n       * Defined when root nodes fail to load.\n       */\n      rootErrorRendererProps: RootErrorRendererProps;\n    }\n  | {\n      /** Is undefined when rootNodes were successfully loaded or are in initial loading process. */\n      rootErrorRendererProps: undefined;\n      /**\n       * An object containing information used to render tree.\n       * Use with `TreeRenderer` or your custom implementation.\n       * Is undefined on initial loading process.\n       */\n      treeRendererProps?: TreeRendererProps;\n    };\n\ninterface TreeState {\n  model: TreeModel;\n  rootNodes: Array<TreeNode> | undefined;\n}\n\nfunction useTreeInternal({\n  getHierarchyProvider,\n  getSearchPaths,\n  onPerformanceMeasured,\n  onHierarchyLimitExceeded,\n  onHierarchyLoadError,\n  getTreeNodeErrors,\n}: UseTreeProps): UseTreeResult & {\n  getTreeModelNode: (nodeId: string) => TreeModelRootNode | TreeModelHierarchyNode | undefined;\n} {\n  const [state, setState] = useState<TreeState>({\n    model: { idToNode: new Map(), parentChildMap: new Map(), rootNode: { id: undefined, nodeData: undefined } },\n    rootNodes: undefined,\n  });\n  const onPerformanceMeasuredRef = useLatest(onPerformanceMeasured);\n  const onHierarchyLimitExceededRef = useLatest(onHierarchyLimitExceeded);\n  const onHierarchyLoadErrorRef = useLatest(onHierarchyLoadError);\n  const getTreeNodeErrorsRef = useLatest(getTreeNodeErrors);\n\n  const [actions] = useState<TreeActions>(\n    // eslint-disable-next-line react-hooks/refs\n    () =>\n      new TreeActions(\n        (model) => {\n          const rootNodes =\n            model.parentChildMap.get(undefined) !== undefined\n              ? generateTreeStructure(undefined, model, getTreeNodeErrorsRef.current)\n              : undefined;\n          setState({ model, rootNodes });\n        },\n        (actionType, duration) => onPerformanceMeasuredRef.current?.(actionType, duration),\n        (props) => onHierarchyLimitExceededRef.current?.(props),\n        (props) => onHierarchyLoadErrorRef.current?.(props),\n      ),\n  );\n  const currentFormatter = useRef<IPrimitiveValueFormatter | undefined>(undefined);\n\n  const [hierarchyProvider, setHierarchyProvider] = useState<HierarchyProvider | undefined>();\n  useEffect(() => {\n    const provider = getHierarchyProvider();\n    provider.setFormatter(currentFormatter.current);\n    const removeHierarchyChangedListener = provider.hierarchyChanged.addListener((hierarchyChangeArgs) => {\n      const shouldDiscardState = hierarchyChangeArgs.searchChange?.newSearch !== undefined;\n      actions.reloadTree({ state: shouldDiscardState ? \"discard\" : \"keep\" });\n    });\n    actions.setHierarchyProvider(provider);\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setHierarchyProvider(provider);\n    return () => {\n      removeHierarchyChangedListener();\n      actions.reset();\n      safeDispose(provider);\n    };\n  }, [actions, getHierarchyProvider]);\n\n  const [isSearching, setIsSearching] = useState(false);\n  useEffect(() => {\n    let disposed = false as boolean;\n    const controller = new AbortController();\n    void (async () => {\n      if (!hierarchyProvider) {\n        return;\n      }\n\n      if (!getSearchPaths) {\n        hierarchyProvider.setHierarchySearch(undefined);\n        // reload tree in case hierarchy provider does not use hierarchy search to load initial nodes\n        actions.reloadTree({ state: \"keep\" });\n        setIsSearching(false);\n        return;\n      }\n\n      setIsSearching(true);\n      let paths: HierarchySearchTree[] | undefined;\n      try {\n        paths = await getSearchPaths({ abortSignal: controller.signal });\n      } catch {\n      } finally {\n        if (!disposed) {\n          hierarchyProvider.setHierarchySearch(paths ? { paths } : undefined);\n          setIsSearching(false);\n        }\n      }\n    })();\n    return () => {\n      controller.abort();\n      disposed = true;\n    };\n  }, [hierarchyProvider, getSearchPaths, actions]);\n\n  const getTreeModelNode = useCallback<(nodeId: string) => TreeModelRootNode | TreeModelHierarchyNode | undefined>(\n    (nodeId: string) => {\n      return actions.getNode(nodeId);\n    },\n    [actions],\n  );\n\n  const getNode = useCallback(\n    (nodeId: string): TreeNode | undefined => {\n      const node = actions.getNode(nodeId);\n      if (!node || node.id === undefined) {\n        return undefined;\n      }\n      return createTreeNode(node, state.model, getTreeNodeErrorsRef.current);\n    },\n    [actions, getTreeNodeErrorsRef, state.model],\n  );\n\n  const expandNode = useCallback<TreeRendererProps[\"expandNode\"]>(\n    (nodeId: string, isExpanded: boolean) => {\n      actions.expandNode(nodeId, isExpanded);\n    },\n    [actions],\n  );\n\n  const reloadTree = useCallback<TreeRendererProps[\"reloadTree\"]>(\n    (options) => {\n      actions.reloadTree(options);\n    },\n    [actions],\n  );\n\n  const selectNodes = useCallback<TreeRendererProps[\"selectNodes\"]>(\n    (nodeIds: Array<string>, changeType: SelectionChangeType) => {\n      actions.selectNodes(nodeIds, changeType);\n    },\n    [actions],\n  );\n\n  const isNodeSelected = useCallback<TreeRendererProps[\"isNodeSelected\"]>(\n    (nodeId: string) => TreeModel.isNodeSelected(state.model, nodeId),\n    [state],\n  );\n\n  const setFormatter = useCallback<UseTreeResult[\"setFormatter\"]>(\n    (formatter: IPrimitiveValueFormatter | undefined) => {\n      currentFormatter.current = formatter;\n      if (!hierarchyProvider) {\n        return;\n      }\n\n      hierarchyProvider.setFormatter(formatter);\n    },\n    [hierarchyProvider],\n  );\n\n  const getHierarchyLevelDetails = useCallback<TreeRendererProps[\"getHierarchyLevelDetails\"]>(\n    (nodeId) => {\n      const node = actions.getNode(nodeId);\n      if (!hierarchyProvider || !node) {\n        return undefined;\n      }\n      const hierarchyNode = node.nodeData;\n      if (hierarchyNode && HierarchyNode.isGroupingNode(hierarchyNode)) {\n        return undefined;\n      }\n\n      return {\n        hierarchyNode,\n        getInstanceKeysIterator: (props) =>\n          hierarchyProvider.getNodeInstanceKeys({\n            parentNode: hierarchyNode,\n            instanceFilter: props?.instanceFilter,\n            hierarchyLevelSizeLimit: props?.hierarchyLevelSizeLimit,\n          }),\n        instanceFilter: node.instanceFilter,\n        setInstanceFilter: (filter) => actions.setInstanceFilter(nodeId, filter),\n        sizeLimit: node.hierarchyLimit,\n        setSizeLimit: (value) => actions.setHierarchyLimit(nodeId, value),\n      };\n    },\n    [actions, hierarchyProvider],\n  );\n\n  const renderProps: RendererProps = useMemo(() => {\n    if (state.model.rootNode.error) {\n      return { rootErrorRendererProps: { error: state.model.rootNode.error, reloadTree, getHierarchyLevelDetails } };\n    }\n    return {\n      rootErrorRendererProps: undefined,\n      treeRendererProps: state.rootNodes\n        ? { rootNodes: state.rootNodes, expandNode, selectNodes, isNodeSelected, reloadTree, getHierarchyLevelDetails }\n        : undefined,\n    };\n  }, [\n    expandNode,\n    getHierarchyLevelDetails,\n    isNodeSelected,\n    reloadTree,\n    selectNodes,\n    state.model.rootNode.error,\n    state.rootNodes,\n  ]);\n\n  return {\n    ...renderProps,\n    isReloading: !!state.model.rootNode.isLoading || isSearching,\n    getTreeModelNode,\n    getNode,\n    setFormatter,\n  };\n}\n\nfunction generateTreeStructure(\n  parentNodeId: string | undefined,\n  model: TreeModel,\n  getTreeNodeErrors?: (node: HierarchyNode) => ErrorInfo[],\n): Array<TreeNode> | undefined {\n  const currentChildren = model.parentChildMap.get(parentNodeId);\n  if (!currentChildren) {\n    return undefined;\n  }\n\n  return currentChildren\n    .map((childId) => model.idToNode.get(childId))\n    .filter((node): node is TreeModelHierarchyNode => !!node)\n    .map<TreeNode>((node) => {\n      return createTreeNode(node, model, getTreeNodeErrors);\n    });\n}\n\nfunction createTreeNode(\n  modelNode: TreeModelHierarchyNode,\n  model: TreeModel,\n  getTreeNodeErrors?: (node: HierarchyNode) => ErrorInfo[],\n): TreeNode {\n  const allErrors = [\n    // internal errors\n    ...(modelNode.error ? [modelNode.error] : []),\n    // external errors\n    ...(getTreeNodeErrors?.(modelNode.nodeData) ?? []),\n  ];\n\n  let children: Array<TreeNode> | undefined;\n  return {\n    id: modelNode.id,\n    label: modelNode.label,\n    nodeData: modelNode.nodeData,\n    isLoading: !!modelNode.isLoading,\n    isExpanded: !!modelNode.isExpanded,\n    isFilterable:\n      !HierarchyNode.isGroupingNode(modelNode.nodeData) && !!modelNode.nodeData.supportsFiltering && modelNode.children,\n    isFiltered: !!modelNode.instanceFilter,\n    errors: allErrors,\n    get children() {\n      if (!children) {\n        children = generateTreeStructure(modelNode.id, model, getTreeNodeErrors);\n      }\n      return children ? children : modelNode.children === true ? true : [];\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"UseTree.js","names":["useCallback","useEffect","useMemo","useRef","useState","HierarchyNode","TreeActions","TreeModel","useUnifiedTreeSelection","safeDispose","useLatest","GenericInstanceFilter","HierarchyProvider","HierarchySearchTree","IPrimitiveValueFormatter","TreeModelHierarchyNode","TreeModelRootNode","UseUnifiedTreeSelectionProps","RootErrorRendererProps","TreeRendererProps","ErrorInfo","TreeNode","SelectionChangeType","useTree","props","$","_c","t0","useTreeInternal","rest","getTreeModelNode","_","t1","useUnifiedSelectionTree","createSelectableForGenericNode","selectionStorage","sourceName","t2","selectionProps","rootErrorRendererProps","undefined","treeRendererProps","rootNodes","t3","t4","UseTreeProps","getHierarchyProvider","getSearchPaths","abortSignal","AbortSignal","Promise","onPerformanceMeasured","action","duration","onHierarchyLimitExceeded","parentId","filter","limit","onHierarchyLoadError","type","error","getTreeNodeErrors","node","UseTreeResult","isReloading","getNode","nodeId","setFormatter","formatter","RendererProps","TreeState","model","Array","state","setState","idToNode","Map","parentChildMap","rootNode","id","nodeData","onPerformanceMeasuredRef","onHierarchyLimitExceededRef","onHierarchyLoadErrorRef","getTreeNodeErrorsRef","actions","get","generateTreeStructure","current","actionType","currentFormatter","hierarchyProvider","setHierarchyProvider","provider","removeHierarchyChangedListener","hierarchyChanged","addListener","hierarchyChangeArgs","shouldDiscardState","searchChange","newSearch","reloadTree","reset","isSearching","setIsSearching","disposed","controller","AbortController","setHierarchySearch","paths","signal","abort","createTreeNode","expandNode","isExpanded","options","selectNodes","nodeIds","changeType","isNodeSelected","getHierarchyLevelDetails","hierarchyNode","isGroupingNode","getInstanceKeysIterator","getNodeInstanceKeys","parentNode","instanceFilter","hierarchyLevelSizeLimit","setInstanceFilter","sizeLimit","hierarchyLimit","setSizeLimit","value","setHierarchyLimit","renderProps","isLoading","parentNodeId","currentChildren","map","childId","modelNode","allErrors","children","label","isFilterable","supportsFiltering","isFiltered","errors"],"sources":["../../src/presentation-hierarchies-react/UseTree.ts"],"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 { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { HierarchyNode } from \"@itwin/presentation-hierarchies\";\nimport { TreeActions } from \"./internal/TreeActions.js\";\nimport { TreeModel } from \"./internal/TreeModel.js\";\nimport { useUnifiedTreeSelection } from \"./internal/UseUnifiedSelection.js\";\nimport { safeDispose } from \"./internal/Utils.js\";\nimport { useLatest } from \"./Utils.js\";\n\nimport type { GenericInstanceFilter, HierarchyProvider, HierarchySearchTree } from \"@itwin/presentation-hierarchies\";\nimport type { IPrimitiveValueFormatter } from \"@itwin/presentation-shared\";\nimport type { TreeModelHierarchyNode, TreeModelRootNode } from \"./internal/TreeModel.js\";\nimport type { UseUnifiedTreeSelectionProps } from \"./internal/UseUnifiedSelection.js\";\nimport type { RootErrorRendererProps, TreeRendererProps } from \"./Renderers.js\";\nimport type { ErrorInfo, TreeNode } from \"./TreeNode.js\";\nimport type { SelectionChangeType } from \"./UseSelectionHandler.js\";\n\n/**\n * A React hook that creates state for a tree component.\n *\n * The hook uses `@itwin/presentation-hierarchies` package to load the hierarchy data and returns a\n * component-agnostic result which may be used to render the hierarchy using any UI framework.\n *\n * See `README.md` for an example\n *\n * @see `useUnifiedSelectionTree`\n * @see `useIModelTree`\n * @public\n */\nexport function useTree(props: UseTreeProps): UseTreeResult {\n  const { getTreeModelNode: _, ...rest } = useTreeInternal(props);\n  return rest;\n}\n\n/**\n * A React hook that creates state for a tree component, that is integrated with unified selection\n * through the given selection storage (previously the storage was provided through the, now\n * deprecated, `UnifiedSelectionProvider`).\n *\n * The hook uses `@itwin/presentation-hierarchies` package to load the hierarchy data and returns a\n * component-agnostic result which may be used to render the hierarchy using any UI framework.\n *\n * See `README.md` for an example\n *\n * @see `useTree`\n * @see `useIModelUnifiedSelectionTree`\n * @see `UnifiedSelectionProvider`\n * @public\n */\nexport function useUnifiedSelectionTree({\n  sourceName,\n  selectionStorage,\n  createSelectableForGenericNode,\n  ...props\n}: UseTreeProps & UseUnifiedTreeSelectionProps): UseTreeResult {\n  const { getTreeModelNode, ...rest } = useTreeInternal(props);\n  const selectionProps = useUnifiedTreeSelection({\n    sourceName,\n    selectionStorage,\n    getTreeModelNode,\n    createSelectableForGenericNode,\n  });\n  if (rest.rootErrorRendererProps === undefined && rest.treeRendererProps?.rootNodes) {\n    return { ...rest, treeRendererProps: { ...rest.treeRendererProps, ...selectionProps } };\n  }\n  return rest;\n}\n\n/** @public */\nexport interface UseTreeProps {\n  /** Provides the hierarchy provider for the tree. */\n  getHierarchyProvider: () => HierarchyProvider;\n  /** Provides paths to search nodes. */\n  getSearchPaths?: ({ abortSignal }: { abortSignal: AbortSignal }) => Promise<HierarchySearchTree[] | undefined>;\n  /**\n   * Callback that is called just after a certain action is finished.\n   * Can be used for performance tracking.\n   */\n  onPerformanceMeasured?: (action: \"initial-load\" | \"hierarchy-level-load\" | \"reload\", duration: number) => void;\n  /** Action to perform when hierarchy level contains more items that the specified limit. */\n  onHierarchyLimitExceeded?: (props: {\n    parentId?: string;\n    filter?: GenericInstanceFilter;\n    limit?: number | \"unbounded\";\n  }) => void;\n  /** Action to perform when an error occurs while loading hierarchy. */\n  onHierarchyLoadError?: (props: { parentId?: string; type: \"timeout\" | \"unknown\"; error: unknown }) => void;\n  /**\n   * Callback to set custom TreeNode errors.\n   * Errors returned from this callback are combined with internal errors when populating `TreeNode.errors`.\n   */\n  getTreeNodeErrors?: (node: HierarchyNode) => ErrorInfo[];\n}\n\n/** @public */\nexport type UseTreeResult = {\n  /**\n   * Specifies whether tree is reloading or not. It is set to `false` when initial tree load is in progress to check if\n   * or tree is reloading.\n   */\n  isReloading: boolean;\n  /**\n   * Get a tree node by id\n   */\n  getNode: (nodeId: string) => TreeNode | undefined;\n  /**\n   * Sets a formatter for the primitive values that are displayed in the hierarchy.\n   */\n  setFormatter: (formatter: IPrimitiveValueFormatter | undefined) => void;\n} & RendererProps;\n\n/**.\n * @alpha\n */\ntype RendererProps =\n  | {\n      /**\n       * An object containing information used to render root error handling UI.\n       * Use in combination with `RootErrorRenderer` or your custom implementation.\n       * Defined when root nodes fail to load.\n       */\n      rootErrorRendererProps: RootErrorRendererProps;\n    }\n  | {\n      /** Is undefined when rootNodes were successfully loaded or are in initial loading process. */\n      rootErrorRendererProps: undefined;\n      /**\n       * An object containing information used to render tree.\n       * Use with `TreeRenderer` or your custom implementation.\n       * Is undefined on initial loading process.\n       */\n      treeRendererProps?: TreeRendererProps;\n    };\n\ninterface TreeState {\n  model: TreeModel;\n  rootNodes: Array<TreeNode> | undefined;\n}\n\nfunction useTreeInternal({\n  getHierarchyProvider,\n  getSearchPaths,\n  onPerformanceMeasured,\n  onHierarchyLimitExceeded,\n  onHierarchyLoadError,\n  getTreeNodeErrors,\n}: UseTreeProps): UseTreeResult & {\n  getTreeModelNode: (nodeId: string) => TreeModelRootNode | TreeModelHierarchyNode | undefined;\n} {\n  const [state, setState] = useState<TreeState>({\n    model: { idToNode: new Map(), parentChildMap: new Map(), rootNode: { id: undefined, nodeData: undefined } },\n    rootNodes: undefined,\n  });\n  const onPerformanceMeasuredRef = useLatest(onPerformanceMeasured);\n  const onHierarchyLimitExceededRef = useLatest(onHierarchyLimitExceeded);\n  const onHierarchyLoadErrorRef = useLatest(onHierarchyLoadError);\n  const getTreeNodeErrorsRef = useLatest(getTreeNodeErrors);\n\n  const [actions] = useState<TreeActions>(\n    // eslint-disable-next-line react-hooks/refs\n    () =>\n      new TreeActions(\n        (model) => {\n          const rootNodes =\n            model.parentChildMap.get(undefined) !== undefined\n              ? generateTreeStructure(undefined, model, getTreeNodeErrorsRef.current)\n              : undefined;\n          setState({ model, rootNodes });\n        },\n        (actionType, duration) => onPerformanceMeasuredRef.current?.(actionType, duration),\n        (props) => onHierarchyLimitExceededRef.current?.(props),\n        (props) => onHierarchyLoadErrorRef.current?.(props),\n      ),\n  );\n  const currentFormatter = useRef<IPrimitiveValueFormatter | undefined>(undefined);\n\n  const [hierarchyProvider, setHierarchyProvider] = useState<HierarchyProvider | undefined>();\n  useEffect(() => {\n    const provider = getHierarchyProvider();\n    provider.setFormatter(currentFormatter.current);\n    const removeHierarchyChangedListener = provider.hierarchyChanged.addListener((hierarchyChangeArgs) => {\n      const shouldDiscardState = hierarchyChangeArgs.searchChange?.newSearch !== undefined;\n      actions.reloadTree({ state: shouldDiscardState ? \"discard\" : \"keep\" });\n    });\n    actions.setHierarchyProvider(provider);\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setHierarchyProvider(provider);\n    return () => {\n      removeHierarchyChangedListener();\n      actions.reset();\n      safeDispose(provider);\n    };\n  }, [actions, getHierarchyProvider]);\n\n  const [isSearching, setIsSearching] = useState(false);\n  useEffect(() => {\n    let disposed = false as boolean;\n    const controller = new AbortController();\n    void (async () => {\n      if (!hierarchyProvider) {\n        return;\n      }\n\n      if (!getSearchPaths) {\n        hierarchyProvider.setHierarchySearch(undefined);\n        // reload tree in case hierarchy provider does not use hierarchy search to load initial nodes\n        actions.reloadTree({ state: \"keep\" });\n        setIsSearching(false);\n        return;\n      }\n\n      setIsSearching(true);\n      let paths: HierarchySearchTree[] | undefined;\n      try {\n        paths = await getSearchPaths({ abortSignal: controller.signal });\n      } catch {\n      } finally {\n        if (!disposed) {\n          hierarchyProvider.setHierarchySearch(paths ? { paths } : undefined);\n          setIsSearching(false);\n        }\n      }\n    })();\n    return () => {\n      controller.abort();\n      disposed = true;\n    };\n  }, [hierarchyProvider, getSearchPaths, actions]);\n\n  const getTreeModelNode = useCallback<(nodeId: string) => TreeModelRootNode | TreeModelHierarchyNode | undefined>(\n    (nodeId: string) => {\n      return actions.getNode(nodeId);\n    },\n    [actions],\n  );\n\n  const getNode = useCallback(\n    (nodeId: string): TreeNode | undefined => {\n      const node = actions.getNode(nodeId);\n      if (!node || node.id === undefined) {\n        return undefined;\n      }\n      return createTreeNode(node, state.model, getTreeNodeErrorsRef.current);\n    },\n    [actions, getTreeNodeErrorsRef, state.model],\n  );\n\n  const expandNode = useCallback<TreeRendererProps[\"expandNode\"]>(\n    (nodeId: string, isExpanded: boolean) => {\n      actions.expandNode(nodeId, isExpanded);\n    },\n    [actions],\n  );\n\n  const reloadTree = useCallback<TreeRendererProps[\"reloadTree\"]>(\n    (options) => {\n      actions.reloadTree(options);\n    },\n    [actions],\n  );\n\n  const selectNodes = useCallback<TreeRendererProps[\"selectNodes\"]>(\n    (nodeIds: Array<string>, changeType: SelectionChangeType) => {\n      actions.selectNodes(nodeIds, changeType);\n    },\n    [actions],\n  );\n\n  const isNodeSelected = useCallback<TreeRendererProps[\"isNodeSelected\"]>(\n    (nodeId: string) => TreeModel.isNodeSelected(state.model, nodeId),\n    [state],\n  );\n\n  const setFormatter = useCallback<UseTreeResult[\"setFormatter\"]>(\n    (formatter: IPrimitiveValueFormatter | undefined) => {\n      currentFormatter.current = formatter;\n      if (!hierarchyProvider) {\n        return;\n      }\n\n      hierarchyProvider.setFormatter(formatter);\n    },\n    [hierarchyProvider],\n  );\n\n  const getHierarchyLevelDetails = useCallback<TreeRendererProps[\"getHierarchyLevelDetails\"]>(\n    (nodeId) => {\n      const node = actions.getNode(nodeId);\n      if (!hierarchyProvider || !node) {\n        return undefined;\n      }\n      const hierarchyNode = node.nodeData;\n      if (hierarchyNode && HierarchyNode.isGroupingNode(hierarchyNode)) {\n        return undefined;\n      }\n\n      return {\n        hierarchyNode,\n        getInstanceKeysIterator: (props) =>\n          hierarchyProvider.getNodeInstanceKeys({\n            parentNode: hierarchyNode,\n            instanceFilter: props?.instanceFilter,\n            hierarchyLevelSizeLimit: props?.hierarchyLevelSizeLimit,\n          }),\n        instanceFilter: node.instanceFilter,\n        setInstanceFilter: (filter) => actions.setInstanceFilter(nodeId, filter),\n        sizeLimit: node.hierarchyLimit,\n        setSizeLimit: (value) => actions.setHierarchyLimit(nodeId, value),\n      };\n    },\n    [actions, hierarchyProvider],\n  );\n\n  const renderProps: RendererProps = useMemo(() => {\n    if (state.model.rootNode.error) {\n      return { rootErrorRendererProps: { error: state.model.rootNode.error, reloadTree, getHierarchyLevelDetails } };\n    }\n    return {\n      rootErrorRendererProps: undefined,\n      treeRendererProps: state.rootNodes\n        ? { rootNodes: state.rootNodes, expandNode, selectNodes, isNodeSelected, reloadTree, getHierarchyLevelDetails }\n        : undefined,\n    };\n  }, [\n    expandNode,\n    getHierarchyLevelDetails,\n    isNodeSelected,\n    reloadTree,\n    selectNodes,\n    state.model.rootNode.error,\n    state.rootNodes,\n  ]);\n\n  return {\n    ...renderProps,\n    isReloading: !!state.model.rootNode.isLoading || isSearching,\n    getTreeModelNode,\n    getNode,\n    setFormatter,\n  };\n}\n\nfunction generateTreeStructure(\n  parentNodeId: string | undefined,\n  model: TreeModel,\n  getTreeNodeErrors?: (node: HierarchyNode) => ErrorInfo[],\n): Array<TreeNode> | undefined {\n  const currentChildren = model.parentChildMap.get(parentNodeId);\n  if (!currentChildren) {\n    return undefined;\n  }\n\n  return currentChildren\n    .map((childId) => model.idToNode.get(childId))\n    .filter((node): node is TreeModelHierarchyNode => !!node)\n    .map<TreeNode>((node) => {\n      return createTreeNode(node, model, getTreeNodeErrors);\n    });\n}\n\nfunction createTreeNode(\n  modelNode: TreeModelHierarchyNode,\n  model: TreeModel,\n  getTreeNodeErrors?: (node: HierarchyNode) => ErrorInfo[],\n): TreeNode {\n  const allErrors = [\n    // internal errors\n    ...(modelNode.error ? [modelNode.error] : []),\n    // external errors\n    ...(getTreeNodeErrors?.(modelNode.nodeData) ?? []),\n  ];\n\n  let children: Array<TreeNode> | undefined;\n  return {\n    id: modelNode.id,\n    label: modelNode.label,\n    nodeData: modelNode.nodeData,\n    isLoading: !!modelNode.isLoading,\n    isExpanded: !!modelNode.isExpanded,\n    isFilterable:\n      !HierarchyNode.isGroupingNode(modelNode.nodeData) && !!modelNode.nodeData.supportsFiltering && modelNode.children,\n    isFiltered: !!modelNode.instanceFilter,\n    errors: allErrors,\n    get children() {\n      if (!children) {\n        children = generateTreeStructure(modelNode.id, model, getTreeNodeErrors);\n      }\n      return children ? children : modelNode.children === true ? true : [];\n    },\n  };\n}\n"],"mappings":"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"}

package/lib/presentation-hierarchies-react/stratakit/{TreeNodeRenderer.css → LabelEditor.css}

@@ -4,15 +4,15 @@
  *--------------------------------------------------------------------------------------------*/
 
 .phr-node-label-editor {
-  padding: var(--stratakit-space-x1);
+  padding: var(--stratakit-space-100);
   width: 300px;
   display: grid;
-  gap: var(--stratakit-space-x1);
+  gap: var(--stratakit-space-100);
   grid-template-rows: auto auto;
 
   .phr-node-label-editor-input-row {
     display: grid;
-    gap: var(--stratakit-space-x1);
+    gap: var(--stratakit-space-100);
     grid-template-columns: 1fr auto auto;
 
     .with-error {

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

@@ -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

@@ -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

@@ -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"}
+{"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

@@ -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]
 			});