@itwin/components-react 4.17.0 → 5.0.0-dev.2

package/lib/components-react/tree/controlled/TreeNodeLoader.d.ts

@@ -0,0 +1,148 @@
+/** @packageDocumentation
+ * @module Tree
+ */
+import type { Observable as RxjsObservable } from "rxjs";
+import type { TreeDataProvider, TreeNodeItem } from "../TreeDataProvider.js";
+import type { Observable } from "./Observable.js";
+import type { TreeModelNode, TreeModelRootNode, TreeNodeItemData } from "./TreeModel.js";
+import type { TreeModelSource } from "./TreeModelSource.js";
+/**
+ * Data structure that describes node load result
+ * @public
+ */
+export interface TreeNodeLoadResult {
+    loadedNodes: TreeNodeItem[];
+}
+/**
+ * Tree node loader which is used to load tree nodes.
+ * @public
+ */
+export interface ITreeNodeLoader {
+    /**
+     * Loads node at specified place in tree.
+     * @param parentId specifies tree branch
+     * @param childIndex specifies offset in the branch.
+     */
+    loadNode(parentId: TreeModelNode | TreeModelRootNode, childIndex: number): Observable<TreeNodeLoadResult>;
+}
+/**
+ * Tree node loader which uses `TreeDataProvider` to load nodes.
+ * @public
+ */
+export interface ITreeNodeLoaderWithProvider<TDataProvider extends TreeDataProvider> extends ITreeNodeLoader {
+    /** Returns `TreeDataProvider` used to load nodes. */
+    readonly dataProvider: TDataProvider;
+}
+/**
+ * Abstract node loader implementation which loads nodes into provided model source.
+ * @public
+ */
+export declare abstract class AbstractTreeNodeLoader implements ITreeNodeLoader {
+    private _treeModelSource;
+    private _loadScheduler;
+    protected constructor(modelSource: TreeModelSource);
+    get modelSource(): TreeModelSource;
+    /** Do not override this method. @see `load` */
+    loadNode(parent: TreeModelNode | TreeModelRootNode, childIndex: number): Observable<TreeNodeLoadResult>;
+    /**
+     * A method that's called when `load` loads some nodes and we need to put them into model source. The
+     * default implementation simply puts loaded child nodes under their parent at correct positions. Concrete
+     * implementation may override this method to handle loaded nodes in a a custom way (put them at custom locations
+     * in the hierarchy, etc.)
+     */
+    protected updateModel(loadedHierarchy: LoadedNodeHierarchy): void;
+    /** An abstract method to load a node at the specific index for the specified parent. */
+    protected abstract load(parent: TreeModelNode | TreeModelRootNode, childIndex: number): Observable<LoadedNodeHierarchy>;
+}
+/**
+ * Abstract node loader with tree data provider which loads nodes into provided model source.
+ * @public
+ */
+export declare abstract class AbstractTreeNodeLoaderWithProvider<TDataProvider extends TreeDataProvider> extends AbstractTreeNodeLoader implements ITreeNodeLoaderWithProvider<TDataProvider> {
+    private _dataProvider;
+    protected constructor(modelSource: TreeModelSource, dataProvider: TDataProvider);
+    get dataProvider(): TDataProvider;
+}
+/**
+ * Default tree node loader with `TreeDataProvider` implementation.
+ * @public
+ */
+export declare class TreeNodeLoader<TDataProvider extends TreeDataProvider> extends AbstractTreeNodeLoaderWithProvider<TDataProvider> {
+    private _treeDataSource;
+    private _activeRequests;
+    private _scheduler;
+    constructor(dataProvider: TDataProvider, modelSource: TreeModelSource);
+    /**
+     * Schedules to load children of node and returns an Observable.
+     * @note It does not start loading node until '.subscribe()' is called on returned Observable.
+     */
+    loadNode(parent: TreeModelNode | TreeModelRootNode, _childIndex?: number): Observable<TreeNodeLoadResult>;
+    protected load(): Observable<LoadedNodeHierarchy>;
+}
+/**
+ * Default paged tree node loader with `TreeDataProvider` implementation.
+ * @public
+ */
+export declare class PagedTreeNodeLoader<TDataProvider extends TreeDataProvider> extends AbstractTreeNodeLoaderWithProvider<TDataProvider> {
+    private _treeDataSource;
+    private _pageSize;
+    private _activePageRequests;
+    private _scheduler;
+    constructor(dataProvider: TDataProvider, modelSource: TreeModelSource, pageSize: number);
+    /** Returns page size used by tree node loader. */
+    get pageSize(): number;
+    /**
+     * Schedules to load one page of node children and returns an Observable.
+     * @note It does not start loading node page until '.subscribe()' is called on returned Observable.
+     */
+    loadNode(parent: TreeModelNode | TreeModelRootNode, childIndex: number): Observable<TreeNodeLoadResult>;
+    protected load(): Observable<LoadedNodeHierarchy>;
+}
+/**
+ * Data structure that describes hierarchy loaded for parent node.
+ * @public
+ */
+export interface LoadedNodeHierarchy {
+    /** Node id of the parent node for loaded hierarchy. */
+    parentId: string | undefined;
+    /** Hierarchy items offset in parent node children array. */
+    offset: number;
+    /** Loaded hierarchy items. */
+    hierarchyItems: LoadedNodeHierarchyItem[];
+    /** Number of children parent node has. */
+    numChildren?: number;
+}
+/**
+ * Data structure that describes one loaded hierarchy item.
+ * @public
+ */
+export interface LoadedNodeHierarchyItem {
+    /** Loaded tree node item. */
+    item: TreeNodeItemData;
+    /** Children of loaded tree node item. */
+    children?: LoadedNodeHierarchyItem[];
+    /** Number of children tree node item has. */
+    numChildren?: number;
+}
+/** @internal */
+export declare function handleLoadedNodeHierarchy(modelSource: TreeModelSource, loadedHierarchy: LoadedNodeHierarchy): void;
+interface TreeDataSourceResult {
+    loadedItems: TreeNodeItemData[];
+    numChildren?: number;
+}
+/**
+ * Wrapper to handle different types of `TreeDataProvider`. Provides one method
+ * to request items from `TreeDataProviderRaw`, `TreeDataProviderMethod`,
+ * `TreeDataProviderPromise` or `TreeDataProviderInterface`.
+ *
+ * @internal
+ */
+export declare class TreeDataSource {
+    private _dataProvider;
+    constructor(dataProvider: TreeDataProvider);
+    requestItems(parent: TreeNodeItem | undefined, firstItemIndex: number, numItems: number, requestNumChildren: boolean): RxjsObservable<TreeDataSourceResult>;
+    private getItems;
+    private getChildren;
+}
+export {};
+//# sourceMappingURL=TreeNodeLoader.d.ts.map

package/lib/components-react/tree/controlled/TreeNodeLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeLoader.d.ts","sourceRoot":"","sources":["../../../../src/components-react/tree/controlled/TreeNodeLoader.ts"],"names":[],"mappings":"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"}

package/lib/components-react/tree/controlled/TreeNodeLoader.js

@@ -0,0 +1,314 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tree
+ */
+import { concatAll, concatMap, defer, finalize, from, map, of, share, toArray, } from "rxjs";
+import { UiError } from "@itwin/appui-abstract";
+import { scheduleSubscription, SubscriptionScheduler, } from "../../common/SubscriptionScheduler.js";
+import { UiComponents } from "../../UiComponents.js";
+import { isTreeDataProviderInterface, isTreeDataProviderMethod, isTreeDataProviderPromise, isTreeDataProviderRaw, } from "../TreeDataProvider.js";
+import { toRxjsObservable } from "./Observable.js";
+import { isTreeModelNode } from "./TreeModel.js";
+/**
+ * Abstract node loader implementation which loads nodes into provided model source.
+ * @public
+ */
+export class AbstractTreeNodeLoader {
+    constructor(modelSource) {
+        this._loadScheduler = new SubscriptionScheduler();
+        this._treeModelSource = modelSource;
+    }
+    get modelSource() {
+        return this._treeModelSource;
+    }
+    /** Do not override this method. @see `load` */
+    loadNode(parent, childIndex) {
+        return toRxjsObservable(this.load(parent, childIndex)).pipe(scheduleSubscription(this._loadScheduler), map((loadedHierarchy) => {
+            this.updateModel(loadedHierarchy);
+            return {
+                loadedNodes: collectTreeNodeItems(loadedHierarchy.hierarchyItems),
+            };
+        }));
+    }
+    /**
+     * A method that's called when `load` loads some nodes and we need to put them into model source. The
+     * default implementation simply puts loaded child nodes under their parent at correct positions. Concrete
+     * implementation may override this method to handle loaded nodes in a a custom way (put them at custom locations
+     * in the hierarchy, etc.)
+     */
+    updateModel(loadedHierarchy) {
+        handleLoadedNodeHierarchy(this._treeModelSource, loadedHierarchy);
+    }
+}
+/**
+ * Abstract node loader with tree data provider which loads nodes into provided model source.
+ * @public
+ */
+export class AbstractTreeNodeLoaderWithProvider extends AbstractTreeNodeLoader {
+    constructor(modelSource, dataProvider) {
+        super(modelSource);
+        this._dataProvider = dataProvider;
+    }
+    get dataProvider() {
+        return this._dataProvider;
+    }
+}
+/**
+ * Default tree node loader with `TreeDataProvider` implementation.
+ * @public
+ */
+export class TreeNodeLoader extends AbstractTreeNodeLoaderWithProvider {
+    constructor(dataProvider, modelSource) {
+        super(modelSource, dataProvider);
+        this._activeRequests = new Map();
+        this._scheduler = new SubscriptionScheduler();
+        this._treeDataSource = new TreeDataSource(dataProvider);
+    }
+    /**
+     * Schedules to load children of node and returns an Observable.
+     * @note It does not start loading node until '.subscribe()' is called on returned Observable.
+     */
+    loadNode(parent, _childIndex) {
+        return defer(() => {
+            const parentItem = isTreeModelNode(parent) ? parent.item : undefined;
+            const parentId = parentItem?.id;
+            const activeRequest = this._activeRequests.get(parentId);
+            if (activeRequest) {
+                return activeRequest;
+            }
+            const newRequest = requestLoadedHierarchy(parentItem, this._treeDataSource, 0, 0, parent.numChildren === undefined).pipe(scheduleSubscription(this._scheduler), map((loadedHierarchy) => {
+                this.updateModel(loadedHierarchy);
+                return {
+                    loadedNodes: collectTreeNodeItems(loadedHierarchy.hierarchyItems),
+                };
+            }), finalize(() => this._activeRequests.delete(parentId)));
+            this._activeRequests.set(parentId, newRequest);
+            return newRequest;
+        });
+    }
+    load() {
+        throw new Error("Method not implemented.");
+    }
+}
+/**
+ * Default paged tree node loader with `TreeDataProvider` implementation.
+ * @public
+ */
+export class PagedTreeNodeLoader extends AbstractTreeNodeLoaderWithProvider {
+    constructor(dataProvider, modelSource, pageSize) {
+        super(modelSource, dataProvider);
+        this._treeDataSource = new TreeDataSource(dataProvider);
+        this._pageSize = pageSize;
+        this._activePageRequests = new Map();
+        this._scheduler = new SubscriptionScheduler();
+    }
+    /** Returns page size used by tree node loader. */
+    get pageSize() {
+        return this._pageSize;
+    }
+    /**
+     * Schedules to load one page of node children and returns an Observable.
+     * @note It does not start loading node page until '.subscribe()' is called on returned Observable.
+     */
+    loadNode(parent, childIndex) {
+        return defer(() => {
+            const parentItem = isTreeModelNode(parent) ? parent.item : undefined;
+            const parentId = parentItem?.id;
+            const parentPageRequests = this._activePageRequests.get(parentId) ??
+                new Map();
+            const page = Math.trunc(childIndex / this._pageSize);
+            const activeRequest = parentPageRequests.get(page);
+            if (activeRequest) {
+                return activeRequest;
+            }
+            const startIndex = page * this._pageSize;
+            const newRequest = requestLoadedHierarchy(parentItem, this._treeDataSource, startIndex, this._pageSize, parent.numChildren === undefined).pipe(scheduleSubscription(this._scheduler), map((loadedHierarchy) => {
+                this.updateModel(loadedHierarchy);
+                return {
+                    loadedNodes: collectTreeNodeItems(loadedHierarchy.hierarchyItems),
+                };
+            }), finalize(() => {
+                parentPageRequests.delete(page);
+                if (parentPageRequests.size === 0) {
+                    this._activePageRequests.delete(parentId);
+                }
+            }));
+            parentPageRequests.set(page, newRequest);
+            this._activePageRequests.set(parentId, parentPageRequests);
+            return newRequest;
+        });
+    }
+    load() {
+        throw new Error("Method not implemented.");
+    }
+}
+function requestLoadedHierarchy(parentItem, dataSource, start, take, requestNumChildren) {
+    const parentId = parentItem && parentItem.id;
+    return dataSource
+        .requestItems(parentItem, start, take, requestNumChildren)
+        .pipe(concatMap(({ numChildren, loadedItems }) => loadHierarchy(loadedItems, dataSource, take).pipe(map((hierarchyItems) => ({
+        parentId,
+        offset: start,
+        hierarchyItems,
+        numChildren,
+    })))));
+}
+function loadHierarchy(rootItems, dataSource, take) {
+    return from(rootItems).pipe(concatMap((item) => {
+        if (!item.autoExpand || item.children) {
+            return of(convertToLoadedNodeHierarchyItem(item));
+        }
+        return dataSource
+            .requestItems(item, 0, take, true)
+            .pipe(concatMap(({ numChildren, loadedItems }) => loadHierarchy(loadedItems, dataSource, take).pipe(map((children) => ({ item, children, numChildren })))));
+    }), toArray());
+}
+function convertToLoadedNodeHierarchyItem(item) {
+    return {
+        item,
+        children: item.children
+            ? item.children.map((child) => convertToLoadedNodeHierarchyItem(child))
+            : undefined,
+        numChildren: item.children ? item.children.length : undefined,
+    };
+}
+function collectTreeNodeItems(hierarchyItems, result = []) {
+    for (const hierarchyItem of hierarchyItems) {
+        result.push(hierarchyItem.item);
+        if (hierarchyItem.children)
+            collectTreeNodeItems(hierarchyItem.children, result);
+    }
+    return result;
+}
+/** @internal */
+export function handleLoadedNodeHierarchy(modelSource, loadedHierarchy) {
+    modelSource.modifyModel((model) => {
+        if (loadedHierarchy.parentId !== undefined) {
+            // Make sure the model sill contains the parent node
+            if (model.getNode(loadedHierarchy.parentId) === undefined)
+                return;
+        }
+        updateChildren(model, loadedHierarchy.parentId, loadedHierarchy.hierarchyItems, loadedHierarchy.offset, loadedHierarchy.numChildren);
+        if (loadedHierarchy.parentId !== undefined) {
+            const parentNode = model.getNode(loadedHierarchy.parentId);
+            if (parentNode &&
+                parentNode.isLoading &&
+                parentNode.numChildren !== undefined) {
+                parentNode.isLoading = false;
+            }
+        }
+    });
+}
+function updateChildren(model, parentId, hierarchyItems, startIndex, numChildren) {
+    // numChildren set to undefined indicates that this is not the first request for children
+    if (numChildren !== undefined) {
+        model.setNumChildren(parentId, numChildren);
+    }
+    // if children array is undefined do not add children as they should be disposed
+    if (model.getChildren(parentId) === undefined) {
+        return;
+    }
+    let offset = startIndex;
+    for (const hierarchyItem of hierarchyItems) {
+        const nodeInput = convertToTreeModelNodeInput(hierarchyItem.item);
+        const existingNode = model.getNode(hierarchyItem.item.id);
+        // if same item exists in the same position and is expanded update it without removing it's subtree
+        if (!existingNode ||
+            !existingNode.isExpanded ||
+            model.getChildOffset(parentId, existingNode.id) !== offset ||
+            nodeInput.numChildren === 0) {
+            model.setChildren(parentId, [nodeInput], offset);
+        }
+        else {
+            existingNode.label = nodeInput.label;
+            existingNode.description = nodeInput.description ?? "";
+            existingNode.item = nodeInput.item;
+        }
+        if (hierarchyItem.children) {
+            updateChildren(model, hierarchyItem.item.id, hierarchyItem.children, 0, hierarchyItem.numChildren);
+        }
+        offset++;
+    }
+}
+function convertToTreeModelNodeInput(item) {
+    let numChildren;
+    if (item.children) {
+        numChildren = item.children.length;
+    }
+    else if (!item.hasChildren) {
+        numChildren = 0;
+    }
+    return {
+        description: item.description,
+        isExpanded: !!item.autoExpand,
+        id: item.id,
+        item,
+        label: item.label,
+        isLoading: false,
+        numChildren,
+        isSelected: false,
+    };
+}
+/**
+ * Wrapper to handle different types of `TreeDataProvider`. Provides one method
+ * to request items from `TreeDataProviderRaw`, `TreeDataProviderMethod`,
+ * `TreeDataProviderPromise` or `TreeDataProviderInterface`.
+ *
+ * @internal
+ */
+export class TreeDataSource {
+    constructor(dataProvider) {
+        this._dataProvider = dataProvider;
+    }
+    requestItems(parent, firstItemIndex, numItems, requestNumChildren) {
+        // During each async operation there is a chance that data provider will become stale. Create an opportunity to
+        // unsubscribe after each async operation so that we stop interacting with the stale data provider immediately.
+        return defer(async () => {
+            if (isTreeDataProviderInterface(this._dataProvider)) {
+                const dataProvider = this._dataProvider;
+                return from(requestNumChildren ? dataProvider.getNodesCount(parent) : [undefined]).pipe(concatMap(async (numChildren) => {
+                    const pageOptions = numItems !== 0
+                        ? { size: numItems, start: firstItemIndex }
+                        : undefined;
+                    return {
+                        loadedItems: await dataProvider.getNodes(parent, pageOptions),
+                        numChildren,
+                    };
+                }));
+            }
+            return from(this.getItems(parent)).pipe(map((loadedItems) => ({
+                loadedItems: numItems !== 0
+                    ? loadedItems.slice(firstItemIndex, firstItemIndex + numItems)
+                    : loadedItems,
+                numChildren: loadedItems.length,
+            })));
+        }).pipe(concatAll(), share({
+            resetOnError: false,
+            resetOnComplete: false,
+            resetOnRefCountZero: true,
+        }));
+    }
+    async getItems(parent) {
+        if (isTreeDataProviderRaw(this._dataProvider)) {
+            return this.getChildren(this._dataProvider, parent);
+        }
+        if (isTreeDataProviderMethod(this._dataProvider)) {
+            return this._dataProvider(parent);
+        }
+        if (isTreeDataProviderPromise(this._dataProvider)) {
+            this._dataProvider = await this._dataProvider;
+            return this.getChildren(this._dataProvider, parent);
+        }
+        // eslint-disable-next-line deprecation/deprecation
+        throw new UiError(UiComponents.loggerCategory("TreeDataSource"), "Unsupported TreeDataProvider.");
+    }
+    getChildren(rawProvider, parent) {
+        if (parent === undefined)
+            return rawProvider;
+        return parent.children ?? [];
+    }
+}
+//# sourceMappingURL=TreeNodeLoader.js.map

package/lib/components-react/tree/controlled/TreeNodeLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeLoader.js","sourceRoot":"","sources":["../../../../src/components-react/tree/controlled/TreeNodeLoader.ts"],"names":[],"mappings":"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","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/** @packageDocumentation\n * @module Tree\n */\n\nimport type { Observable as RxjsObservable } from \"rxjs\";\nimport {\n  concatAll,\n  concatMap,\n  defer,\n  finalize,\n  from,\n  map,\n  of,\n  share,\n  toArray,\n} from \"rxjs\";\nimport { UiError } from \"@itwin/appui-abstract\";\nimport {\n  scheduleSubscription,\n  SubscriptionScheduler,\n} from \"../../common/SubscriptionScheduler.js\";\nimport { UiComponents } from \"../../UiComponents.js\";\nimport type {\n  ImmediatelyLoadedTreeNodeItem,\n  TreeDataProvider,\n  TreeDataProviderRaw,\n  TreeNodeItem,\n} from \"../TreeDataProvider.js\";\nimport {\n  isTreeDataProviderInterface,\n  isTreeDataProviderMethod,\n  isTreeDataProviderPromise,\n  isTreeDataProviderRaw,\n} from \"../TreeDataProvider.js\";\nimport type { Observable } from \"./Observable.js\";\nimport { toRxjsObservable } from \"./Observable.js\";\nimport type {\n  MutableTreeModel,\n  TreeModelNode,\n  TreeModelNodeInput,\n  TreeModelRootNode,\n  TreeNodeItemData,\n} from \"./TreeModel.js\";\nimport { isTreeModelNode } from \"./TreeModel.js\";\nimport type { TreeModelSource } from \"./TreeModelSource.js\";\n\n/**\n * Data structure that describes node load result\n * @public\n */\nexport interface TreeNodeLoadResult {\n  loadedNodes: TreeNodeItem[];\n}\n\n/**\n * Tree node loader which is used to load tree nodes.\n * @public\n */\nexport interface ITreeNodeLoader {\n  /**\n   * Loads node at specified place in tree.\n   * @param parentId specifies tree branch\n   * @param childIndex specifies offset in the branch.\n   */\n  loadNode(\n    parentId: TreeModelNode | TreeModelRootNode,\n    childIndex: number\n  ): Observable<TreeNodeLoadResult>;\n}\n\n/**\n * Tree node loader which uses `TreeDataProvider` to load nodes.\n * @public\n */\nexport interface ITreeNodeLoaderWithProvider<\n  TDataProvider extends TreeDataProvider\n> extends ITreeNodeLoader {\n  /** Returns `TreeDataProvider` used to load nodes. */\n  readonly dataProvider: TDataProvider;\n}\n\n/**\n * Abstract node loader implementation which loads nodes into provided model source.\n * @public\n */\nexport abstract class AbstractTreeNodeLoader implements ITreeNodeLoader {\n  private _treeModelSource: TreeModelSource;\n  private _loadScheduler = new SubscriptionScheduler<LoadedNodeHierarchy>();\n\n  protected constructor(modelSource: TreeModelSource) {\n    this._treeModelSource = modelSource;\n  }\n\n  public get modelSource() {\n    return this._treeModelSource;\n  }\n\n  /** Do not override this method. @see `load` */\n  public loadNode(\n    parent: TreeModelNode | TreeModelRootNode,\n    childIndex: number\n  ): Observable<TreeNodeLoadResult> {\n    return toRxjsObservable(this.load(parent, childIndex)).pipe(\n      scheduleSubscription(this._loadScheduler),\n      map((loadedHierarchy) => {\n        this.updateModel(loadedHierarchy);\n        return {\n          loadedNodes: collectTreeNodeItems(loadedHierarchy.hierarchyItems),\n        };\n      })\n    );\n  }\n\n  /**\n   * A method that's called when `load` loads some nodes and we need to put them into model source. The\n   * default implementation simply puts loaded child nodes under their parent at correct positions. Concrete\n   * implementation may override this method to handle loaded nodes in a a custom way (put them at custom locations\n   * in the hierarchy, etc.)\n   */\n  protected updateModel(loadedHierarchy: LoadedNodeHierarchy): void {\n    handleLoadedNodeHierarchy(this._treeModelSource, loadedHierarchy);\n  }\n\n  /** An abstract method to load a node at the specific index for the specified parent. */\n  protected abstract load(\n    parent: TreeModelNode | TreeModelRootNode,\n    childIndex: number\n  ): Observable<LoadedNodeHierarchy>;\n}\n\n/**\n * Abstract node loader with tree data provider which loads nodes into provided model source.\n * @public\n */\nexport abstract class AbstractTreeNodeLoaderWithProvider<\n    TDataProvider extends TreeDataProvider\n  >\n  extends AbstractTreeNodeLoader\n  implements ITreeNodeLoaderWithProvider<TDataProvider>\n{\n  private _dataProvider: TDataProvider;\n\n  protected constructor(\n    modelSource: TreeModelSource,\n    dataProvider: TDataProvider\n  ) {\n    super(modelSource);\n    this._dataProvider = dataProvider;\n  }\n\n  public get dataProvider() {\n    return this._dataProvider;\n  }\n}\n\n/**\n * Default tree node loader with `TreeDataProvider` implementation.\n * @public\n */\nexport class TreeNodeLoader<\n  TDataProvider extends TreeDataProvider\n> extends AbstractTreeNodeLoaderWithProvider<TDataProvider> {\n  private _treeDataSource: TreeDataSource;\n  private _activeRequests = new Map<\n    string | undefined,\n    RxjsObservable<TreeNodeLoadResult>\n  >();\n  private _scheduler = new SubscriptionScheduler<LoadedNodeHierarchy>();\n\n  constructor(dataProvider: TDataProvider, modelSource: TreeModelSource) {\n    super(modelSource, dataProvider);\n    this._treeDataSource = new TreeDataSource(dataProvider);\n  }\n\n  /**\n   * Schedules to load children of node and returns an Observable.\n   * @note It does not start loading node until '.subscribe()' is called on returned Observable.\n   */\n  public override loadNode(\n    parent: TreeModelNode | TreeModelRootNode,\n    _childIndex?: number\n  ): Observable<TreeNodeLoadResult> {\n    return defer(() => {\n      const parentItem = isTreeModelNode(parent) ? parent.item : undefined;\n      const parentId = parentItem?.id;\n      const activeRequest = this._activeRequests.get(parentId);\n      if (activeRequest) {\n        return activeRequest;\n      }\n\n      const newRequest = requestLoadedHierarchy(\n        parentItem,\n        this._treeDataSource,\n        0,\n        0,\n        parent.numChildren === undefined\n      ).pipe(\n        scheduleSubscription(this._scheduler),\n        map((loadedHierarchy) => {\n          this.updateModel(loadedHierarchy);\n          return {\n            loadedNodes: collectTreeNodeItems(loadedHierarchy.hierarchyItems),\n          };\n        }),\n        finalize(() => this._activeRequests.delete(parentId))\n      );\n      this._activeRequests.set(parentId, newRequest);\n      return newRequest;\n    });\n  }\n\n  protected load(): Observable<LoadedNodeHierarchy> {\n    throw new Error(\"Method not implemented.\");\n  }\n}\n\n/**\n * Default paged tree node loader with `TreeDataProvider` implementation.\n * @public\n */\nexport class PagedTreeNodeLoader<\n  TDataProvider extends TreeDataProvider\n> extends AbstractTreeNodeLoaderWithProvider<TDataProvider> {\n  private _treeDataSource: TreeDataSource;\n  private _pageSize: number;\n  private _activePageRequests: Map<\n    string | undefined,\n    Map<number, RxjsObservable<TreeNodeLoadResult>>\n  >;\n  private _scheduler: SubscriptionScheduler<LoadedNodeHierarchy>;\n\n  constructor(\n    dataProvider: TDataProvider,\n    modelSource: TreeModelSource,\n    pageSize: number\n  ) {\n    super(modelSource, dataProvider);\n    this._treeDataSource = new TreeDataSource(dataProvider);\n    this._pageSize = pageSize;\n    this._activePageRequests = new Map();\n    this._scheduler = new SubscriptionScheduler();\n  }\n\n  /** Returns page size used by tree node loader. */\n  public get pageSize(): number {\n    return this._pageSize;\n  }\n\n  /**\n   * Schedules to load one page of node children and returns an Observable.\n   * @note It does not start loading node page until '.subscribe()' is called on returned Observable.\n   */\n  public override loadNode(\n    parent: TreeModelNode | TreeModelRootNode,\n    childIndex: number\n  ): Observable<TreeNodeLoadResult> {\n    return defer(() => {\n      const parentItem = isTreeModelNode(parent) ? parent.item : undefined;\n      const parentId = parentItem?.id;\n      const parentPageRequests =\n        this._activePageRequests.get(parentId) ??\n        new Map<number, RxjsObservable<TreeNodeLoadResult>>();\n      const page = Math.trunc(childIndex / this._pageSize);\n      const activeRequest = parentPageRequests.get(page);\n      if (activeRequest) {\n        return activeRequest;\n      }\n\n      const startIndex = page * this._pageSize;\n      const newRequest = requestLoadedHierarchy(\n        parentItem,\n        this._treeDataSource,\n        startIndex,\n        this._pageSize,\n        parent.numChildren === undefined\n      ).pipe(\n        scheduleSubscription(this._scheduler),\n        map((loadedHierarchy) => {\n          this.updateModel(loadedHierarchy);\n          return {\n            loadedNodes: collectTreeNodeItems(loadedHierarchy.hierarchyItems),\n          };\n        }),\n        finalize(() => {\n          parentPageRequests.delete(page);\n          if (parentPageRequests.size === 0) {\n            this._activePageRequests.delete(parentId);\n          }\n        })\n      );\n\n      parentPageRequests.set(page, newRequest);\n      this._activePageRequests.set(parentId, parentPageRequests);\n      return newRequest;\n    });\n  }\n\n  protected load(): Observable<LoadedNodeHierarchy> {\n    throw new Error(\"Method not implemented.\");\n  }\n}\n\n/**\n * Data structure that describes hierarchy loaded for parent node.\n * @public\n */\nexport interface LoadedNodeHierarchy {\n  /** Node id of the parent node for loaded hierarchy. */\n  parentId: string | undefined;\n  /** Hierarchy items offset in parent node children array. */\n  offset: number;\n  /** Loaded hierarchy items. */\n  hierarchyItems: LoadedNodeHierarchyItem[];\n  /** Number of children parent node has. */\n  numChildren?: number;\n}\n\n/**\n * Data structure that describes one loaded hierarchy item.\n * @public\n */\nexport interface LoadedNodeHierarchyItem {\n  /** Loaded tree node item. */\n  item: TreeNodeItemData;\n  /** Children of loaded tree node item. */\n  children?: LoadedNodeHierarchyItem[];\n  /** Number of children tree node item has. */\n  numChildren?: number;\n}\n\nfunction requestLoadedHierarchy(\n  parentItem: TreeNodeItem | undefined,\n  dataSource: TreeDataSource,\n  start: number,\n  take: number,\n  requestNumChildren: boolean\n) {\n  const parentId = parentItem && parentItem.id;\n  return dataSource\n    .requestItems(parentItem, start, take, requestNumChildren)\n    .pipe(\n      concatMap(({ numChildren, loadedItems }) =>\n        loadHierarchy(loadedItems, dataSource, take).pipe(\n          map((hierarchyItems) => ({\n            parentId,\n            offset: start,\n            hierarchyItems,\n            numChildren,\n          }))\n        )\n      )\n    );\n}\n\nfunction loadHierarchy(\n  rootItems: TreeNodeItemData[],\n  dataSource: TreeDataSource,\n  take: number\n): RxjsObservable<LoadedNodeHierarchyItem[]> {\n  return from(rootItems).pipe(\n    concatMap((item) => {\n      if (!item.autoExpand || item.children) {\n        return of(convertToLoadedNodeHierarchyItem(item));\n      }\n\n      return dataSource\n        .requestItems(item, 0, take, true)\n        .pipe(\n          concatMap(({ numChildren, loadedItems }) =>\n            loadHierarchy(loadedItems, dataSource, take).pipe(\n              map((children) => ({ item, children, numChildren }))\n            )\n          )\n        );\n    }),\n    toArray()\n  );\n}\n\nfunction convertToLoadedNodeHierarchyItem(\n  item: TreeNodeItemData\n): LoadedNodeHierarchyItem {\n  return {\n    item,\n    children: item.children\n      ? item.children.map((child) => convertToLoadedNodeHierarchyItem(child))\n      : undefined,\n    numChildren: item.children ? item.children.length : undefined,\n  };\n}\n\nfunction collectTreeNodeItems(\n  hierarchyItems: LoadedNodeHierarchyItem[],\n  result: TreeNodeItem[] = []\n) {\n  for (const hierarchyItem of hierarchyItems) {\n    result.push(hierarchyItem.item);\n    if (hierarchyItem.children)\n      collectTreeNodeItems(hierarchyItem.children, result);\n  }\n\n  return result;\n}\n\n/** @internal */\nexport function handleLoadedNodeHierarchy(\n  modelSource: TreeModelSource,\n  loadedHierarchy: LoadedNodeHierarchy\n) {\n  modelSource.modifyModel((model) => {\n    if (loadedHierarchy.parentId !== undefined) {\n      // Make sure the model sill contains the parent node\n      if (model.getNode(loadedHierarchy.parentId) === undefined) return;\n    }\n\n    updateChildren(\n      model,\n      loadedHierarchy.parentId,\n      loadedHierarchy.hierarchyItems,\n      loadedHierarchy.offset,\n      loadedHierarchy.numChildren\n    );\n    if (loadedHierarchy.parentId !== undefined) {\n      const parentNode = model.getNode(loadedHierarchy.parentId);\n\n      if (\n        parentNode &&\n        parentNode.isLoading &&\n        parentNode.numChildren !== undefined\n      ) {\n        parentNode.isLoading = false;\n      }\n    }\n  });\n}\n\nfunction updateChildren(\n  model: MutableTreeModel,\n  parentId: string | undefined,\n  hierarchyItems: LoadedNodeHierarchyItem[],\n  startIndex: number,\n  numChildren?: number\n) {\n  // numChildren set to undefined indicates that this is not the first request for children\n  if (numChildren !== undefined) {\n    model.setNumChildren(parentId, numChildren);\n  }\n\n  // if children array is undefined do not add children as they should be disposed\n  if (model.getChildren(parentId) === undefined) {\n    return;\n  }\n\n  let offset = startIndex;\n  for (const hierarchyItem of hierarchyItems) {\n    const nodeInput = convertToTreeModelNodeInput(hierarchyItem.item);\n    const existingNode = model.getNode(hierarchyItem.item.id);\n\n    // if same item exists in the same position and is expanded update it without removing it's subtree\n    if (\n      !existingNode ||\n      !existingNode.isExpanded ||\n      model.getChildOffset(parentId, existingNode.id) !== offset ||\n      nodeInput.numChildren === 0\n    ) {\n      model.setChildren(parentId, [nodeInput], offset);\n    } else {\n      existingNode.label = nodeInput.label;\n      existingNode.description = nodeInput.description ?? \"\";\n      existingNode.item = nodeInput.item;\n    }\n\n    if (hierarchyItem.children) {\n      updateChildren(\n        model,\n        hierarchyItem.item.id,\n        hierarchyItem.children,\n        0,\n        hierarchyItem.numChildren\n      );\n    }\n    offset++;\n  }\n}\n\nfunction convertToTreeModelNodeInput(\n  item: TreeNodeItemData\n): TreeModelNodeInput {\n  let numChildren: number | undefined;\n  if (item.children) {\n    numChildren = item.children.length;\n  } else if (!item.hasChildren) {\n    numChildren = 0;\n  }\n\n  return {\n    description: item.description,\n    isExpanded: !!item.autoExpand,\n    id: item.id,\n    item,\n    label: item.label,\n    isLoading: false,\n    numChildren,\n    isSelected: false,\n  };\n}\n\ninterface TreeDataSourceResult {\n  loadedItems: TreeNodeItemData[];\n  numChildren?: number;\n}\n\n/**\n * Wrapper to handle different types of `TreeDataProvider`. Provides one method\n * to request items from `TreeDataProviderRaw`, `TreeDataProviderMethod`,\n * `TreeDataProviderPromise` or `TreeDataProviderInterface`.\n *\n * @internal\n */\nexport class TreeDataSource {\n  private _dataProvider: TreeDataProvider;\n\n  constructor(dataProvider: TreeDataProvider) {\n    this._dataProvider = dataProvider;\n  }\n\n  public requestItems(\n    parent: TreeNodeItem | undefined,\n    firstItemIndex: number,\n    numItems: number,\n    requestNumChildren: boolean\n  ): RxjsObservable<TreeDataSourceResult> {\n    // During each async operation there is a chance that data provider will become stale. Create an opportunity to\n    // unsubscribe after each async operation so that we stop interacting with the stale data provider immediately.\n    return defer(async () => {\n      if (isTreeDataProviderInterface(this._dataProvider)) {\n        const dataProvider = this._dataProvider;\n        return from(\n          requestNumChildren ? dataProvider.getNodesCount(parent) : [undefined]\n        ).pipe(\n          concatMap(async (numChildren) => {\n            const pageOptions =\n              numItems !== 0\n                ? { size: numItems, start: firstItemIndex }\n                : undefined;\n            return {\n              loadedItems: await dataProvider.getNodes(parent, pageOptions),\n              numChildren,\n            };\n          })\n        );\n      }\n\n      return from(this.getItems(parent)).pipe(\n        map((loadedItems) => ({\n          loadedItems:\n            numItems !== 0\n              ? loadedItems.slice(firstItemIndex, firstItemIndex + numItems)\n              : loadedItems,\n          numChildren: loadedItems.length,\n        }))\n      );\n    }).pipe(\n      concatAll(),\n      share({\n        resetOnError: false,\n        resetOnComplete: false,\n        resetOnRefCountZero: true,\n      })\n    );\n  }\n\n  private async getItems(\n    parent: TreeNodeItem | undefined\n  ): Promise<TreeNodeItemData[]> {\n    if (isTreeDataProviderRaw(this._dataProvider)) {\n      return this.getChildren(this._dataProvider, parent);\n    }\n\n    if (isTreeDataProviderMethod(this._dataProvider)) {\n      return this._dataProvider(parent);\n    }\n\n    if (isTreeDataProviderPromise(this._dataProvider)) {\n      this._dataProvider = await this._dataProvider;\n      return this.getChildren(this._dataProvider, parent);\n    }\n    // eslint-disable-next-line deprecation/deprecation\n    throw new UiError(\n      UiComponents.loggerCategory(\"TreeDataSource\"),\n      \"Unsupported TreeDataProvider.\"\n    );\n  }\n\n  private getChildren(\n    rawProvider: TreeDataProviderRaw,\n    parent: TreeNodeItem | undefined\n  ): TreeNodeItemData[] {\n    if (parent === undefined) return rawProvider;\n\n    return (parent as ImmediatelyLoadedTreeNodeItem).children ?? [];\n  }\n}\n"]}

package/lib/components-react/tree/controlled/component/ControlledTree.d.ts

@@ -0,0 +1,68 @@
+/** @packageDocumentation
+ * @module Tree
+ */
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+import type { SelectionMode } from "../../../common/selection/SelectionModes.js";
+import type { HighlightableTreeProps } from "../../HighlightingEngine.js";
+import type { TreeEvents } from "../TreeEvents.js";
+import type { TreeModel } from "../TreeModel.js";
+import type { ITreeNodeLoader } from "../TreeNodeLoader.js";
+import type { RenderedItemsRange, TreeRendererProps } from "./TreeRenderer.js";
+/**
+ * Properties for [[ControlledTree]]
+ * @public
+ */
+export interface ControlledTreeProps extends CommonProps {
+    /** Model of the tree to display. */
+    model: TreeModel;
+    /** Node loader used to load root nodes and placeholder nodes. */
+    nodeLoader: ITreeNodeLoader;
+    /** Tree events handler. */
+    eventsHandler: TreeEvents;
+    /** Mode of nodes' selection in tree. */
+    selectionMode: SelectionMode;
+    /**
+     * Specifies whether to show node description or not. It is used in default node renderer and to determine node height.
+     * If custom node renderer and node height callbacks are used it does nothing.
+     */
+    descriptionsEnabled?: boolean;
+    /**
+     * Specifies whether to show node icon or not. It is used in default node renderer.
+     * If custom node renderer is used it does nothing.
+     */
+    iconsEnabled?: boolean;
+    /**
+     * Used to highlight matches when filtering tree.
+     * It is passed to treeRenderer.
+     */
+    nodeHighlightingProps?: HighlightableTreeProps;
+    /** Custom renderer to be used to render a tree. */
+    treeRenderer?: (props: TreeRendererProps) => React.ReactElement;
+    /** Custom renderer to be used while root nodes is loading. */
+    spinnerRenderer?: () => React.ReactElement;
+    /** Custom renderer to be used when there is no data to show in tree. */
+    noDataRenderer?: () => React.ReactElement;
+    /** Callback that is invoked when rendered items range changes. */
+    onItemsRendered?: (items: RenderedItemsRange) => void;
+    /** Width of the tree renderer. */
+    width: number;
+    /** Height of the tree renderer. */
+    height: number;
+}
+/**
+ * React tree component which rendering is fully controlled from outside.
+ * @public
+ */
+export declare function ControlledTree(props: ControlledTreeProps): React.JSX.Element;
+/**
+ * Returns callbacks for persisting and restoring [[ControlledTree]] layout state.
+ * Returned `ref` should be set on container containing ControlledTree.
+ * @public
+ */
+export declare function useControlledTreeLayoutStorage<T extends Element>(): {
+    ref: React.Ref<T>;
+    persist: () => void;
+    restore: () => void;
+};
+//# sourceMappingURL=ControlledTree.d.ts.map

package/lib/components-react/tree/controlled/component/ControlledTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledTree.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/component/ControlledTree.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAG1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EACV,SAAS,EAIV,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAK/E;;;GAGG;AAEH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,UAAU,EAAE,eAAe,CAAC;IAC5B,2BAA2B;IAC3B,aAAa,EAAE,UAAU,CAAC;IAC1B,wCAAwC;IACxC,aAAa,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,sBAAsB,CAAC;IAC/C,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,YAAY,CAAC;IAChE,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IAC3C,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IAC1C,kEAAkE;IAClE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtD,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA2DxD;AAED;;;;GAIG;AACH,wBAAgB,8BAA8B,CAAC,CAAC,SAAS,OAAO;;;;EAE/D"}