@itwin/appui-react 3.4.1 → 3.4.2

package/lib/esm/appui-react/imodel-components/models-tree/ModelsTree.d.ts

@@ -1,83 +1,83 @@
-/** @packageDocumentation
- * @module IModelComponents
- */
-import "./ModelsTree.scss";
-import * as React from "react";
-import { SelectionMode } from "@itwin/components-react";
-import { Id64Array } from "@itwin/core-bentley";
-import { IModelConnection, Viewport } from "@itwin/core-frontend";
-import { Ruleset } from "@itwin/presentation-common";
-import { IPresentationTreeDataProvider } from "@itwin/presentation-components";
-import { ClassGroupingOption, VisibilityTreeFilterInfo } from "../Common";
-import { ModelsTreeSelectionPredicate, ModelsVisibilityHandler } from "./ModelsVisibilityHandler";
-/** @internal */
-export declare const RULESET_MODELS: Ruleset;
-/** @internal */
-export declare const RULESET_MODELS_GROUPED_BY_CLASS: Ruleset;
-/** Props for [[ModelsTree]] component
- * @public
- */
-export interface ModelsTreeProps {
-    /**
-     * An IModel to pull data from
-     */
-    iModel: IModelConnection;
-    /** Width of the component */
-    width: number;
-    /** Height of the component */
-    height: number;
-    /**
-     * Selection mode in the tree
-     */
-    selectionMode?: SelectionMode;
-    /**
-     * Predicate which indicates whether node can be selected or no
-     * @alpha
-     */
-    selectionPredicate?: ModelsTreeSelectionPredicate;
-    /**
-     * Active view used to determine and control visibility
-     */
-    activeView?: Viewport;
-    /**
-     * Ref to the root HTML element used by this component
-     */
-    rootElementRef?: React.Ref<HTMLDivElement>;
-    /**
-     * Information for tree filtering.
-     * @alpha
-     */
-    filterInfo?: VisibilityTreeFilterInfo;
-    /**
-     * Filter the hierarchy by given element IDs.
-     * @alpha
-     */
-    filteredElementIds?: Id64Array;
-    /**
-     * Callback invoked when tree is filtered.
-     */
-    onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;
-    /**
-     * Should the tree group displayed element nodes by class.
-     * @beta
-     */
-    enableElementsClassGrouping?: ClassGroupingOption;
-    /**
-     * Auto-update the hierarchy when data in the iModel changes.
-     * @alpha
-     */
-    enableHierarchyAutoUpdate?: boolean;
-    /**
-     * Custom visibility handler.
-     * @alpha
-     */
-    modelsVisibilityHandler?: ModelsVisibilityHandler;
-}
-/**
- * A tree component that shows a subject - model - category - element
- * hierarchy along with checkboxes that represent and allow changing
- * the display of those instances.
- * @public
- */
-export declare function ModelsTree(props: ModelsTreeProps): JSX.Element;
+/** @packageDocumentation
+ * @module IModelComponents
+ */
+import "./ModelsTree.scss";
+import * as React from "react";
+import { SelectionMode } from "@itwin/components-react";
+import { Id64Array } from "@itwin/core-bentley";
+import { IModelConnection, Viewport } from "@itwin/core-frontend";
+import { Ruleset } from "@itwin/presentation-common";
+import { IPresentationTreeDataProvider } from "@itwin/presentation-components";
+import { ClassGroupingOption, VisibilityTreeFilterInfo } from "../Common";
+import { ModelsTreeSelectionPredicate, ModelsVisibilityHandler } from "./ModelsVisibilityHandler";
+/** @internal */
+export declare const RULESET_MODELS: Ruleset;
+/** @internal */
+export declare const RULESET_MODELS_GROUPED_BY_CLASS: Ruleset;
+/** Props for [[ModelsTree]] component
+ * @public
+ */
+export interface ModelsTreeProps {
+    /**
+     * An IModel to pull data from
+     */
+    iModel: IModelConnection;
+    /** Width of the component */
+    width: number;
+    /** Height of the component */
+    height: number;
+    /**
+     * Selection mode in the tree
+     */
+    selectionMode?: SelectionMode;
+    /**
+     * Predicate which indicates whether node can be selected or no
+     * @alpha
+     */
+    selectionPredicate?: ModelsTreeSelectionPredicate;
+    /**
+     * Active view used to determine and control visibility
+     */
+    activeView?: Viewport;
+    /**
+     * Ref to the root HTML element used by this component
+     */
+    rootElementRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Information for tree filtering.
+     * @alpha
+     */
+    filterInfo?: VisibilityTreeFilterInfo;
+    /**
+     * Filter the hierarchy by given element IDs.
+     * @alpha
+     */
+    filteredElementIds?: Id64Array;
+    /**
+     * Callback invoked when tree is filtered.
+     */
+    onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;
+    /**
+     * Should the tree group displayed element nodes by class.
+     * @beta
+     */
+    enableElementsClassGrouping?: ClassGroupingOption;
+    /**
+     * Auto-update the hierarchy when data in the iModel changes.
+     * @alpha
+     */
+    enableHierarchyAutoUpdate?: boolean;
+    /**
+     * Custom visibility handler.
+     * @alpha
+     */
+    modelsVisibilityHandler?: ModelsVisibilityHandler;
+}
+/**
+ * A tree component that shows a subject - model - category - element
+ * hierarchy along with checkboxes that represent and allow changing
+ * the display of those instances.
+ * @public
+ */
+export declare function ModelsTree(props: ModelsTreeProps): JSX.Element;
 //# sourceMappingURL=ModelsTree.d.ts.map

package/lib/esm/appui-react/imodel-components/models-tree/ModelsTree.js

@@ -1,124 +1,124 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module IModelComponents
- */
-import "./ModelsTree.scss";
-import * as React from "react";
-import { ControlledTree, SelectionMode, useTreeModel } from "@itwin/components-react";
-import { useDisposable, useOptionalDisposable } from "@itwin/core-react";
-import { usePresentationTreeNodeLoader } from "@itwin/presentation-components";
-import { Presentation } from "@itwin/presentation-frontend";
-import { UiFramework } from "../../../appui-react/UiFramework";
-import { ClassGroupingOption } from "../Common";
-import { VisibilityTreeEventHandler } from "../VisibilityTreeEventHandler";
-import { useVisibilityTreeFiltering, useVisibilityTreeRenderer, VisibilityTreeNoFilteredData } from "../VisibilityTreeRenderer";
-import { ModelsVisibilityHandler, SubjectModelIdsCache } from "./ModelsVisibilityHandler";
-const PAGING_SIZE = 20;
-/** @internal */
-export const RULESET_MODELS = require("./Hierarchy.json"); // eslint-disable-line @typescript-eslint/no-var-requires
-/** @internal */
-export const RULESET_MODELS_GROUPED_BY_CLASS = require("./Hierarchy.GroupedByClass.json"); // eslint-disable-line @typescript-eslint/no-var-requires
-const RULESET_MODELS_SEARCH = require("./ModelsTreeSearch.json"); // eslint-disable-line @typescript-eslint/no-var-requires
-/**
- * A tree component that shows a subject - model - category - element
- * hierarchy along with checkboxes that represent and allow changing
- * the display of those instances.
- * @public
- */
-export function ModelsTree(props) {
-    const { nodeLoader, onItemsRendered } = useModelsTreeNodeLoader(props);
-    const { filteredNodeLoader, isFiltering, nodeHighlightingProps } = useVisibilityTreeFiltering(nodeLoader, props.filterInfo, props.onFilterApplied);
-    const filterApplied = filteredNodeLoader !== nodeLoader;
-    const { activeView, modelsVisibilityHandler, selectionPredicate } = props;
-    const nodeSelectionPredicate = React.useCallback((key, node) => {
-        return !selectionPredicate ? true : selectionPredicate(key, ModelsVisibilityHandler.getNodeType(node, nodeLoader.dataProvider));
-    }, [selectionPredicate, nodeLoader.dataProvider]);
-    const visibilityHandler = useVisibilityHandler(nodeLoader.dataProvider.rulesetId, props.iModel, activeView, modelsVisibilityHandler, getFilteredDataProvider(filteredNodeLoader.dataProvider), props.enableHierarchyAutoUpdate);
-    const eventHandler = useDisposable(React.useCallback(() => new VisibilityTreeEventHandler({
-        nodeLoader: filteredNodeLoader,
-        visibilityHandler,
-        collapsedChildrenDisposalEnabled: true,
-        selectionPredicate: nodeSelectionPredicate,
-    }), [filteredNodeLoader, visibilityHandler, nodeSelectionPredicate]));
-    const treeModel = useTreeModel(filteredNodeLoader.modelSource);
-    const treeRenderer = useVisibilityTreeRenderer(true, false);
-    const overlay = isFiltering ? React.createElement("div", { className: "filteredTreeOverlay" }) : undefined;
-    // istanbul ignore next
-    const noFilteredDataRenderer = React.useCallback(() => {
-        return React.createElement(VisibilityTreeNoFilteredData, { title: UiFramework.localization.getLocalizedString("UiFramework:modelTree.noModelFound"), message: UiFramework.localization.getLocalizedString("UiFramework:modelTree.noMatchingModelNames") });
-    }, []);
-    return (React.createElement("div", { className: "ui-fw-models-tree", ref: props.rootElementRef },
-        React.createElement(ControlledTree, { nodeLoader: filteredNodeLoader, model: treeModel, selectionMode: props.selectionMode || SelectionMode.None, eventsHandler: eventHandler, treeRenderer: treeRenderer, nodeHighlightingProps: nodeHighlightingProps, noDataRenderer: filterApplied ? noFilteredDataRenderer : undefined, onItemsRendered: onItemsRendered, width: props.width, height: props.height }),
-        overlay));
-}
-function useModelsTreeNodeLoader(props) {
-    var _a, _b;
-    // note: this is a temporary workaround for auto-update not working on ruleset variable changes - instead
-    // of auto-updating we just re-create the node loader by re-creating the ruleset
-    const rulesets = React.useMemo(() => {
-        return {
-            general: (!props.enableElementsClassGrouping) ? { ...RULESET_MODELS } : /* istanbul ignore next */ { ...RULESET_MODELS_GROUPED_BY_CLASS },
-            search: { ...RULESET_MODELS_SEARCH },
-        };
-    }, [props.filteredElementIds]); // eslint-disable-line react-hooks/exhaustive-deps
-    // const rulesets = {
-    //   general: (!props.enableElementsClassGrouping) ? RULESET_MODELS : /* istanbul ignore next */ RULESET_MODELS_GROUPED_BY_CLASS,
-    //   search: RULESET_MODELS_SEARCH,
-    // };
-    const { nodeLoader, onItemsRendered } = usePresentationTreeNodeLoader({
-        imodel: props.iModel,
-        ruleset: rulesets.general,
-        appendChildrenCountForGroupingNodes: (props.enableElementsClassGrouping === ClassGroupingOption.YesWithCounts),
-        pagingSize: PAGING_SIZE,
-        enableHierarchyAutoUpdate: props.enableHierarchyAutoUpdate,
-    });
-    const { nodeLoader: searchNodeLoader, onItemsRendered: onSearchItemsRendered } = usePresentationTreeNodeLoader({
-        imodel: props.iModel,
-        ruleset: rulesets.search,
-        pagingSize: PAGING_SIZE,
-        enableHierarchyAutoUpdate: props.enableHierarchyAutoUpdate,
-    });
-    const activeNodeLoader = ((_a = props.filterInfo) === null || _a === void 0 ? void 0 : _a.filter) ? searchNodeLoader : nodeLoader;
-    const activeItemsRenderedCallback = ((_b = props.filterInfo) === null || _b === void 0 ? void 0 : _b.filter) ? onSearchItemsRendered : onItemsRendered;
-    const vars = Presentation.presentation.vars(activeNodeLoader.dataProvider.rulesetId);
-    if (props.filteredElementIds) {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        vars.setId64s("filtered-element-ids", props.filteredElementIds);
-    }
-    else {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        vars.unset("filtered-element-ids");
-    }
-    return {
-        nodeLoader: activeNodeLoader,
-        onItemsRendered: activeItemsRenderedCallback,
-    };
-}
-function useVisibilityHandler(rulesetId, iModel, activeView, visibilityHandler, filteredDataProvider, hierarchyAutoUpdateEnabled) {
-    const subjectModelIdsCache = React.useMemo(() => new SubjectModelIdsCache(iModel), [iModel]);
-    const defaultVisibilityHandler = useOptionalDisposable(React.useCallback(() => {
-        if (activeView)
-            return createVisibilityHandler(rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled);
-        return undefined;
-    }, [rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled]));
-    const handler = visibilityHandler !== null && visibilityHandler !== void 0 ? visibilityHandler : defaultVisibilityHandler;
-    React.useEffect(() => {
-        handler && handler.setFilteredDataProvider(filteredDataProvider);
-    }, [handler, filteredDataProvider]);
-    return handler;
-}
-const createVisibilityHandler = (rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled) => {
-    // istanbul ignore next
-    return new ModelsVisibilityHandler({ rulesetId, viewport: activeView, hierarchyAutoUpdateEnabled, subjectModelIdsCache });
-};
-const isFilteredDataProvider = (dataProvider) => {
-    const filteredProvider = dataProvider;
-    return filteredProvider.nodeMatchesFilter !== undefined && filteredProvider.getActiveMatch !== undefined && filteredProvider.countFilteringResults !== undefined;
-};
-const getFilteredDataProvider = (dataProvider) => {
-    return isFilteredDataProvider(dataProvider) ? dataProvider : undefined;
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module IModelComponents
+ */
+import "./ModelsTree.scss";
+import * as React from "react";
+import { ControlledTree, SelectionMode, useTreeModel } from "@itwin/components-react";
+import { useDisposable, useOptionalDisposable } from "@itwin/core-react";
+import { usePresentationTreeNodeLoader } from "@itwin/presentation-components";
+import { Presentation } from "@itwin/presentation-frontend";
+import { UiFramework } from "../../../appui-react/UiFramework";
+import { ClassGroupingOption } from "../Common";
+import { VisibilityTreeEventHandler } from "../VisibilityTreeEventHandler";
+import { useVisibilityTreeFiltering, useVisibilityTreeRenderer, VisibilityTreeNoFilteredData } from "../VisibilityTreeRenderer";
+import { ModelsVisibilityHandler, SubjectModelIdsCache } from "./ModelsVisibilityHandler";
+const PAGING_SIZE = 20;
+/** @internal */
+export const RULESET_MODELS = require("./Hierarchy.json"); // eslint-disable-line @typescript-eslint/no-var-requires
+/** @internal */
+export const RULESET_MODELS_GROUPED_BY_CLASS = require("./Hierarchy.GroupedByClass.json"); // eslint-disable-line @typescript-eslint/no-var-requires
+const RULESET_MODELS_SEARCH = require("./ModelsTreeSearch.json"); // eslint-disable-line @typescript-eslint/no-var-requires
+/**
+ * A tree component that shows a subject - model - category - element
+ * hierarchy along with checkboxes that represent and allow changing
+ * the display of those instances.
+ * @public
+ */
+export function ModelsTree(props) {
+    const { nodeLoader, onItemsRendered } = useModelsTreeNodeLoader(props);
+    const { filteredNodeLoader, isFiltering, nodeHighlightingProps } = useVisibilityTreeFiltering(nodeLoader, props.filterInfo, props.onFilterApplied);
+    const filterApplied = filteredNodeLoader !== nodeLoader;
+    const { activeView, modelsVisibilityHandler, selectionPredicate } = props;
+    const nodeSelectionPredicate = React.useCallback((key, node) => {
+        return !selectionPredicate ? true : selectionPredicate(key, ModelsVisibilityHandler.getNodeType(node, nodeLoader.dataProvider));
+    }, [selectionPredicate, nodeLoader.dataProvider]);
+    const visibilityHandler = useVisibilityHandler(nodeLoader.dataProvider.rulesetId, props.iModel, activeView, modelsVisibilityHandler, getFilteredDataProvider(filteredNodeLoader.dataProvider), props.enableHierarchyAutoUpdate);
+    const eventHandler = useDisposable(React.useCallback(() => new VisibilityTreeEventHandler({
+        nodeLoader: filteredNodeLoader,
+        visibilityHandler,
+        collapsedChildrenDisposalEnabled: true,
+        selectionPredicate: nodeSelectionPredicate,
+    }), [filteredNodeLoader, visibilityHandler, nodeSelectionPredicate]));
+    const treeModel = useTreeModel(filteredNodeLoader.modelSource);
+    const treeRenderer = useVisibilityTreeRenderer(true, false);
+    const overlay = isFiltering ? React.createElement("div", { className: "filteredTreeOverlay" }) : undefined;
+    // istanbul ignore next
+    const noFilteredDataRenderer = React.useCallback(() => {
+        return React.createElement(VisibilityTreeNoFilteredData, { title: UiFramework.localization.getLocalizedString("UiFramework:modelTree.noModelFound"), message: UiFramework.localization.getLocalizedString("UiFramework:modelTree.noMatchingModelNames") });
+    }, []);
+    return (React.createElement("div", { className: "ui-fw-models-tree", ref: props.rootElementRef },
+        React.createElement(ControlledTree, { nodeLoader: filteredNodeLoader, model: treeModel, selectionMode: props.selectionMode || SelectionMode.None, eventsHandler: eventHandler, treeRenderer: treeRenderer, nodeHighlightingProps: nodeHighlightingProps, noDataRenderer: filterApplied ? noFilteredDataRenderer : undefined, onItemsRendered: onItemsRendered, width: props.width, height: props.height }),
+        overlay));
+}
+function useModelsTreeNodeLoader(props) {
+    var _a, _b;
+    // note: this is a temporary workaround for auto-update not working on ruleset variable changes - instead
+    // of auto-updating we just re-create the node loader by re-creating the ruleset
+    const rulesets = React.useMemo(() => {
+        return {
+            general: (!props.enableElementsClassGrouping) ? { ...RULESET_MODELS } : /* istanbul ignore next */ { ...RULESET_MODELS_GROUPED_BY_CLASS },
+            search: { ...RULESET_MODELS_SEARCH },
+        };
+    }, [props.filteredElementIds]); // eslint-disable-line react-hooks/exhaustive-deps
+    // const rulesets = {
+    //   general: (!props.enableElementsClassGrouping) ? RULESET_MODELS : /* istanbul ignore next */ RULESET_MODELS_GROUPED_BY_CLASS,
+    //   search: RULESET_MODELS_SEARCH,
+    // };
+    const { nodeLoader, onItemsRendered } = usePresentationTreeNodeLoader({
+        imodel: props.iModel,
+        ruleset: rulesets.general,
+        appendChildrenCountForGroupingNodes: (props.enableElementsClassGrouping === ClassGroupingOption.YesWithCounts),
+        pagingSize: PAGING_SIZE,
+        enableHierarchyAutoUpdate: props.enableHierarchyAutoUpdate,
+    });
+    const { nodeLoader: searchNodeLoader, onItemsRendered: onSearchItemsRendered } = usePresentationTreeNodeLoader({
+        imodel: props.iModel,
+        ruleset: rulesets.search,
+        pagingSize: PAGING_SIZE,
+        enableHierarchyAutoUpdate: props.enableHierarchyAutoUpdate,
+    });
+    const activeNodeLoader = ((_a = props.filterInfo) === null || _a === void 0 ? void 0 : _a.filter) ? searchNodeLoader : nodeLoader;
+    const activeItemsRenderedCallback = ((_b = props.filterInfo) === null || _b === void 0 ? void 0 : _b.filter) ? onSearchItemsRendered : onItemsRendered;
+    const vars = Presentation.presentation.vars(activeNodeLoader.dataProvider.rulesetId);
+    if (props.filteredElementIds) {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        vars.setId64s("filtered-element-ids", props.filteredElementIds);
+    }
+    else {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        vars.unset("filtered-element-ids");
+    }
+    return {
+        nodeLoader: activeNodeLoader,
+        onItemsRendered: activeItemsRenderedCallback,
+    };
+}
+function useVisibilityHandler(rulesetId, iModel, activeView, visibilityHandler, filteredDataProvider, hierarchyAutoUpdateEnabled) {
+    const subjectModelIdsCache = React.useMemo(() => new SubjectModelIdsCache(iModel), [iModel]);
+    const defaultVisibilityHandler = useOptionalDisposable(React.useCallback(() => {
+        if (activeView)
+            return createVisibilityHandler(rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled);
+        return undefined;
+    }, [rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled]));
+    const handler = visibilityHandler !== null && visibilityHandler !== void 0 ? visibilityHandler : defaultVisibilityHandler;
+    React.useEffect(() => {
+        handler && handler.setFilteredDataProvider(filteredDataProvider);
+    }, [handler, filteredDataProvider]);
+    return handler;
+}
+const createVisibilityHandler = (rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled) => {
+    // istanbul ignore next
+    return new ModelsVisibilityHandler({ rulesetId, viewport: activeView, hierarchyAutoUpdateEnabled, subjectModelIdsCache });
+};
+const isFilteredDataProvider = (dataProvider) => {
+    const filteredProvider = dataProvider;
+    return filteredProvider.nodeMatchesFilter !== undefined && filteredProvider.getActiveMatch !== undefined && filteredProvider.countFilteringResults !== undefined;
+};
+const getFilteredDataProvider = (dataProvider) => {
+    return isFilteredDataProvider(dataProvider) ? dataProvider : undefined;
+};
 //# sourceMappingURL=ModelsTree.js.map

package/lib/esm/appui-react/imodel-components/models-tree/ModelsTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModelsTree.js","sourceRoot":"","sources":["../../../../../src/appui-react/imodel-components/models-tree/ModelsTree.tsx"],"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 IModelComponents\n */\n\nimport \"./ModelsTree.scss\";\nimport * as React from \"react\";\nimport { ControlledTree, SelectionMode, TreeNodeItem, useTreeModel } from \"@itwin/components-react\";\nimport { Id64Array } from \"@itwin/core-bentley\";\nimport { IModelConnection, Viewport } from \"@itwin/core-frontend\";\nimport { useDisposable, useOptionalDisposable } from \"@itwin/core-react\";\nimport { NodeKey, Ruleset } from \"@itwin/presentation-common\";\nimport { IFilteredPresentationTreeDataProvider, IPresentationTreeDataProvider, usePresentationTreeNodeLoader } from \"@itwin/presentation-components\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { UiFramework } from \"../../../appui-react/UiFramework\";\nimport { ClassGroupingOption, VisibilityTreeFilterInfo } from \"../Common\";\nimport { VisibilityTreeEventHandler } from \"../VisibilityTreeEventHandler\";\nimport { useVisibilityTreeFiltering, useVisibilityTreeRenderer, VisibilityTreeNoFilteredData } from \"../VisibilityTreeRenderer\";\nimport { ModelsTreeSelectionPredicate, ModelsVisibilityHandler, SubjectModelIdsCache } from \"./ModelsVisibilityHandler\";\n\nconst PAGING_SIZE = 20;\n\n/** @internal */\nexport const RULESET_MODELS: Ruleset = require(\"./Hierarchy.json\"); // eslint-disable-line @typescript-eslint/no-var-requires\n/** @internal */\nexport const RULESET_MODELS_GROUPED_BY_CLASS: Ruleset = require(\"./Hierarchy.GroupedByClass.json\"); // eslint-disable-line @typescript-eslint/no-var-requires\n\nconst RULESET_MODELS_SEARCH: Ruleset = require(\"./ModelsTreeSearch.json\"); // eslint-disable-line @typescript-eslint/no-var-requires\n\n/** Props for [[ModelsTree]] component\n * @public\n */\nexport interface ModelsTreeProps {\n  /**\n   * An IModel to pull data from\n   */\n  iModel: IModelConnection;\n  /** Width of the component */\n  width: number;\n  /** Height of the component */\n  height: number;\n  /**\n   * Selection mode in the tree\n   */\n  selectionMode?: SelectionMode;\n  /**\n   * Predicate which indicates whether node can be selected or no\n   * @alpha\n   */\n  selectionPredicate?: ModelsTreeSelectionPredicate;\n  /**\n   * Active view used to determine and control visibility\n   */\n  activeView?: Viewport;\n  /**\n   * Ref to the root HTML element used by this component\n   */\n  rootElementRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Information for tree filtering.\n   * @alpha\n   */\n  filterInfo?: VisibilityTreeFilterInfo;\n  /**\n   * Filter the hierarchy by given element IDs.\n   * @alpha\n   */\n  filteredElementIds?: Id64Array;\n  /**\n   * Callback invoked when tree is filtered.\n   */\n  onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;\n  /**\n   * Should the tree group displayed element nodes by class.\n   * @beta\n   */\n  enableElementsClassGrouping?: ClassGroupingOption;\n  /**\n   * Auto-update the hierarchy when data in the iModel changes.\n   * @alpha\n   */\n  enableHierarchyAutoUpdate?: boolean;\n  /**\n   * Custom visibility handler.\n   * @alpha\n   */\n  modelsVisibilityHandler?: ModelsVisibilityHandler;\n}\n\n/**\n * A tree component that shows a subject - model - category - element\n * hierarchy along with checkboxes that represent and allow changing\n * the display of those instances.\n * @public\n */\nexport function ModelsTree(props: ModelsTreeProps) {\n  const { nodeLoader, onItemsRendered } = useModelsTreeNodeLoader(props);\n  const { filteredNodeLoader, isFiltering, nodeHighlightingProps } = useVisibilityTreeFiltering(nodeLoader, props.filterInfo, props.onFilterApplied);\n  const filterApplied = filteredNodeLoader !== nodeLoader;\n\n  const { activeView, modelsVisibilityHandler, selectionPredicate } = props;\n  const nodeSelectionPredicate = React.useCallback((key: NodeKey, node: TreeNodeItem) => {\n    return !selectionPredicate ? true : selectionPredicate(key, ModelsVisibilityHandler.getNodeType(node, nodeLoader.dataProvider));\n  }, [selectionPredicate, nodeLoader.dataProvider]);\n\n  const visibilityHandler = useVisibilityHandler(\n    nodeLoader.dataProvider.rulesetId,\n    props.iModel,\n    activeView,\n    modelsVisibilityHandler,\n    getFilteredDataProvider(filteredNodeLoader.dataProvider),\n    props.enableHierarchyAutoUpdate);\n  const eventHandler = useDisposable(React.useCallback(() => new VisibilityTreeEventHandler({\n    nodeLoader: filteredNodeLoader,\n    visibilityHandler,\n    collapsedChildrenDisposalEnabled: true,\n    selectionPredicate: nodeSelectionPredicate,\n  }), [filteredNodeLoader, visibilityHandler, nodeSelectionPredicate]));\n\n  const treeModel = useTreeModel(filteredNodeLoader.modelSource);\n  const treeRenderer = useVisibilityTreeRenderer(true, false);\n\n  const overlay = isFiltering ? <div className=\"filteredTreeOverlay\" /> : undefined;\n\n  // istanbul ignore next\n  const noFilteredDataRenderer = React.useCallback(() => {\n    return <VisibilityTreeNoFilteredData\n      title={UiFramework.localization.getLocalizedString(\"UiFramework:modelTree.noModelFound\")}\n      message={UiFramework.localization.getLocalizedString(\"UiFramework:modelTree.noMatchingModelNames\")}\n    />;\n  }, []);\n\n  return (\n    <div className=\"ui-fw-models-tree\" ref={props.rootElementRef}>\n      <ControlledTree\n        nodeLoader={filteredNodeLoader}\n        model={treeModel}\n        selectionMode={props.selectionMode || SelectionMode.None}\n        eventsHandler={eventHandler}\n        treeRenderer={treeRenderer}\n        nodeHighlightingProps={nodeHighlightingProps}\n        noDataRenderer={filterApplied ? noFilteredDataRenderer : undefined}\n        onItemsRendered={onItemsRendered}\n        width={props.width}\n        height={props.height}\n      />\n      {overlay}\n    </div>\n  );\n}\n\nfunction useModelsTreeNodeLoader(props: ModelsTreeProps) {\n  // note: this is a temporary workaround for auto-update not working on ruleset variable changes - instead\n  // of auto-updating we just re-create the node loader by re-creating the ruleset\n  const rulesets = React.useMemo(() => {\n    return {\n      general: (!props.enableElementsClassGrouping) ? { ...RULESET_MODELS } : /* istanbul ignore next */ { ...RULESET_MODELS_GROUPED_BY_CLASS },\n      search: { ...RULESET_MODELS_SEARCH },\n    };\n  }, [props.filteredElementIds]); // eslint-disable-line react-hooks/exhaustive-deps\n  // const rulesets = {\n  //   general: (!props.enableElementsClassGrouping) ? RULESET_MODELS : /* istanbul ignore next */ RULESET_MODELS_GROUPED_BY_CLASS,\n  //   search: RULESET_MODELS_SEARCH,\n  // };\n\n  const { nodeLoader, onItemsRendered } = usePresentationTreeNodeLoader({\n    imodel: props.iModel,\n    ruleset: rulesets.general,\n    appendChildrenCountForGroupingNodes: (props.enableElementsClassGrouping === ClassGroupingOption.YesWithCounts),\n    pagingSize: PAGING_SIZE,\n    enableHierarchyAutoUpdate: props.enableHierarchyAutoUpdate,\n  });\n  const { nodeLoader: searchNodeLoader, onItemsRendered: onSearchItemsRendered } = usePresentationTreeNodeLoader({\n    imodel: props.iModel,\n    ruleset: rulesets.search,\n    pagingSize: PAGING_SIZE,\n    enableHierarchyAutoUpdate: props.enableHierarchyAutoUpdate,\n  });\n\n  const activeNodeLoader = props.filterInfo?.filter ? searchNodeLoader : nodeLoader;\n  const activeItemsRenderedCallback = props.filterInfo?.filter ? onSearchItemsRendered : onItemsRendered;\n\n  const vars = Presentation.presentation.vars(activeNodeLoader.dataProvider.rulesetId);\n  if (props.filteredElementIds) {\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    vars.setId64s(\"filtered-element-ids\", props.filteredElementIds);\n  } else {\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    vars.unset(\"filtered-element-ids\");\n  }\n\n  return {\n    nodeLoader: activeNodeLoader,\n    onItemsRendered: activeItemsRenderedCallback,\n  };\n}\n\nfunction useVisibilityHandler(\n  rulesetId: string,\n  iModel: IModelConnection,\n  activeView?: Viewport,\n  visibilityHandler?: ModelsVisibilityHandler,\n  filteredDataProvider?: IFilteredPresentationTreeDataProvider,\n  hierarchyAutoUpdateEnabled?: boolean,\n) {\n  const subjectModelIdsCache = React.useMemo(() => new SubjectModelIdsCache(iModel), [iModel]);\n  const defaultVisibilityHandler = useOptionalDisposable(React.useCallback(() => {\n    if (activeView)\n      return createVisibilityHandler(rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled);\n    return undefined;\n  }, [rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled]));\n\n  const handler = visibilityHandler ?? defaultVisibilityHandler;\n\n  React.useEffect(() => {\n    handler && handler.setFilteredDataProvider(filteredDataProvider);\n  }, [handler, filteredDataProvider]);\n\n  return handler;\n}\n\nconst createVisibilityHandler = (rulesetId: string, activeView: Viewport, subjectModelIdsCache: SubjectModelIdsCache, hierarchyAutoUpdateEnabled?: boolean): ModelsVisibilityHandler | undefined => {\n  // istanbul ignore next\n  return new ModelsVisibilityHandler({ rulesetId, viewport: activeView, hierarchyAutoUpdateEnabled, subjectModelIdsCache });\n};\n\nconst isFilteredDataProvider = (dataProvider: IPresentationTreeDataProvider | IFilteredPresentationTreeDataProvider): dataProvider is IFilteredPresentationTreeDataProvider => {\n  const filteredProvider = dataProvider as IFilteredPresentationTreeDataProvider;\n  return filteredProvider.nodeMatchesFilter !== undefined && filteredProvider.getActiveMatch !== undefined && filteredProvider.countFilteringResults !== undefined;\n};\n\nconst getFilteredDataProvider = (dataProvider: IPresentationTreeDataProvider | IFilteredPresentationTreeDataProvider): IFilteredPresentationTreeDataProvider | undefined => {\n  return isFilteredDataProvider(dataProvider) ? dataProvider : undefined;\n};\n"]}
+{"version":3,"file":"ModelsTree.js","sourceRoot":"","sources":["../../../../../src/appui-react/imodel-components/models-tree/ModelsTree.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module IModelComponents\r\n */\r\n\r\nimport \"./ModelsTree.scss\";\r\nimport * as React from \"react\";\r\nimport { ControlledTree, SelectionMode, TreeNodeItem, useTreeModel } from \"@itwin/components-react\";\r\nimport { Id64Array } from \"@itwin/core-bentley\";\r\nimport { IModelConnection, Viewport } from \"@itwin/core-frontend\";\r\nimport { useDisposable, useOptionalDisposable } from \"@itwin/core-react\";\r\nimport { NodeKey, Ruleset } from \"@itwin/presentation-common\";\r\nimport { IFilteredPresentationTreeDataProvider, IPresentationTreeDataProvider, usePresentationTreeNodeLoader } from \"@itwin/presentation-components\";\r\nimport { Presentation } from \"@itwin/presentation-frontend\";\r\nimport { UiFramework } from \"../../../appui-react/UiFramework\";\r\nimport { ClassGroupingOption, VisibilityTreeFilterInfo } from \"../Common\";\r\nimport { VisibilityTreeEventHandler } from \"../VisibilityTreeEventHandler\";\r\nimport { useVisibilityTreeFiltering, useVisibilityTreeRenderer, VisibilityTreeNoFilteredData } from \"../VisibilityTreeRenderer\";\r\nimport { ModelsTreeSelectionPredicate, ModelsVisibilityHandler, SubjectModelIdsCache } from \"./ModelsVisibilityHandler\";\r\n\r\nconst PAGING_SIZE = 20;\r\n\r\n/** @internal */\r\nexport const RULESET_MODELS: Ruleset = require(\"./Hierarchy.json\"); // eslint-disable-line @typescript-eslint/no-var-requires\r\n/** @internal */\r\nexport const RULESET_MODELS_GROUPED_BY_CLASS: Ruleset = require(\"./Hierarchy.GroupedByClass.json\"); // eslint-disable-line @typescript-eslint/no-var-requires\r\n\r\nconst RULESET_MODELS_SEARCH: Ruleset = require(\"./ModelsTreeSearch.json\"); // eslint-disable-line @typescript-eslint/no-var-requires\r\n\r\n/** Props for [[ModelsTree]] component\r\n * @public\r\n */\r\nexport interface ModelsTreeProps {\r\n  /**\r\n   * An IModel to pull data from\r\n   */\r\n  iModel: IModelConnection;\r\n  /** Width of the component */\r\n  width: number;\r\n  /** Height of the component */\r\n  height: number;\r\n  /**\r\n   * Selection mode in the tree\r\n   */\r\n  selectionMode?: SelectionMode;\r\n  /**\r\n   * Predicate which indicates whether node can be selected or no\r\n   * @alpha\r\n   */\r\n  selectionPredicate?: ModelsTreeSelectionPredicate;\r\n  /**\r\n   * Active view used to determine and control visibility\r\n   */\r\n  activeView?: Viewport;\r\n  /**\r\n   * Ref to the root HTML element used by this component\r\n   */\r\n  rootElementRef?: React.Ref<HTMLDivElement>;\r\n  /**\r\n   * Information for tree filtering.\r\n   * @alpha\r\n   */\r\n  filterInfo?: VisibilityTreeFilterInfo;\r\n  /**\r\n   * Filter the hierarchy by given element IDs.\r\n   * @alpha\r\n   */\r\n  filteredElementIds?: Id64Array;\r\n  /**\r\n   * Callback invoked when tree is filtered.\r\n   */\r\n  onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;\r\n  /**\r\n   * Should the tree group displayed element nodes by class.\r\n   * @beta\r\n   */\r\n  enableElementsClassGrouping?: ClassGroupingOption;\r\n  /**\r\n   * Auto-update the hierarchy when data in the iModel changes.\r\n   * @alpha\r\n   */\r\n  enableHierarchyAutoUpdate?: boolean;\r\n  /**\r\n   * Custom visibility handler.\r\n   * @alpha\r\n   */\r\n  modelsVisibilityHandler?: ModelsVisibilityHandler;\r\n}\r\n\r\n/**\r\n * A tree component that shows a subject - model - category - element\r\n * hierarchy along with checkboxes that represent and allow changing\r\n * the display of those instances.\r\n * @public\r\n */\r\nexport function ModelsTree(props: ModelsTreeProps) {\r\n  const { nodeLoader, onItemsRendered } = useModelsTreeNodeLoader(props);\r\n  const { filteredNodeLoader, isFiltering, nodeHighlightingProps } = useVisibilityTreeFiltering(nodeLoader, props.filterInfo, props.onFilterApplied);\r\n  const filterApplied = filteredNodeLoader !== nodeLoader;\r\n\r\n  const { activeView, modelsVisibilityHandler, selectionPredicate } = props;\r\n  const nodeSelectionPredicate = React.useCallback((key: NodeKey, node: TreeNodeItem) => {\r\n    return !selectionPredicate ? true : selectionPredicate(key, ModelsVisibilityHandler.getNodeType(node, nodeLoader.dataProvider));\r\n  }, [selectionPredicate, nodeLoader.dataProvider]);\r\n\r\n  const visibilityHandler = useVisibilityHandler(\r\n    nodeLoader.dataProvider.rulesetId,\r\n    props.iModel,\r\n    activeView,\r\n    modelsVisibilityHandler,\r\n    getFilteredDataProvider(filteredNodeLoader.dataProvider),\r\n    props.enableHierarchyAutoUpdate);\r\n  const eventHandler = useDisposable(React.useCallback(() => new VisibilityTreeEventHandler({\r\n    nodeLoader: filteredNodeLoader,\r\n    visibilityHandler,\r\n    collapsedChildrenDisposalEnabled: true,\r\n    selectionPredicate: nodeSelectionPredicate,\r\n  }), [filteredNodeLoader, visibilityHandler, nodeSelectionPredicate]));\r\n\r\n  const treeModel = useTreeModel(filteredNodeLoader.modelSource);\r\n  const treeRenderer = useVisibilityTreeRenderer(true, false);\r\n\r\n  const overlay = isFiltering ? <div className=\"filteredTreeOverlay\" /> : undefined;\r\n\r\n  // istanbul ignore next\r\n  const noFilteredDataRenderer = React.useCallback(() => {\r\n    return <VisibilityTreeNoFilteredData\r\n      title={UiFramework.localization.getLocalizedString(\"UiFramework:modelTree.noModelFound\")}\r\n      message={UiFramework.localization.getLocalizedString(\"UiFramework:modelTree.noMatchingModelNames\")}\r\n    />;\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"ui-fw-models-tree\" ref={props.rootElementRef}>\r\n      <ControlledTree\r\n        nodeLoader={filteredNodeLoader}\r\n        model={treeModel}\r\n        selectionMode={props.selectionMode || SelectionMode.None}\r\n        eventsHandler={eventHandler}\r\n        treeRenderer={treeRenderer}\r\n        nodeHighlightingProps={nodeHighlightingProps}\r\n        noDataRenderer={filterApplied ? noFilteredDataRenderer : undefined}\r\n        onItemsRendered={onItemsRendered}\r\n        width={props.width}\r\n        height={props.height}\r\n      />\r\n      {overlay}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction useModelsTreeNodeLoader(props: ModelsTreeProps) {\r\n  // note: this is a temporary workaround for auto-update not working on ruleset variable changes - instead\r\n  // of auto-updating we just re-create the node loader by re-creating the ruleset\r\n  const rulesets = React.useMemo(() => {\r\n    return {\r\n      general: (!props.enableElementsClassGrouping) ? { ...RULESET_MODELS } : /* istanbul ignore next */ { ...RULESET_MODELS_GROUPED_BY_CLASS },\r\n      search: { ...RULESET_MODELS_SEARCH },\r\n    };\r\n  }, [props.filteredElementIds]); // eslint-disable-line react-hooks/exhaustive-deps\r\n  // const rulesets = {\r\n  //   general: (!props.enableElementsClassGrouping) ? RULESET_MODELS : /* istanbul ignore next */ RULESET_MODELS_GROUPED_BY_CLASS,\r\n  //   search: RULESET_MODELS_SEARCH,\r\n  // };\r\n\r\n  const { nodeLoader, onItemsRendered } = usePresentationTreeNodeLoader({\r\n    imodel: props.iModel,\r\n    ruleset: rulesets.general,\r\n    appendChildrenCountForGroupingNodes: (props.enableElementsClassGrouping === ClassGroupingOption.YesWithCounts),\r\n    pagingSize: PAGING_SIZE,\r\n    enableHierarchyAutoUpdate: props.enableHierarchyAutoUpdate,\r\n  });\r\n  const { nodeLoader: searchNodeLoader, onItemsRendered: onSearchItemsRendered } = usePresentationTreeNodeLoader({\r\n    imodel: props.iModel,\r\n    ruleset: rulesets.search,\r\n    pagingSize: PAGING_SIZE,\r\n    enableHierarchyAutoUpdate: props.enableHierarchyAutoUpdate,\r\n  });\r\n\r\n  const activeNodeLoader = props.filterInfo?.filter ? searchNodeLoader : nodeLoader;\r\n  const activeItemsRenderedCallback = props.filterInfo?.filter ? onSearchItemsRendered : onItemsRendered;\r\n\r\n  const vars = Presentation.presentation.vars(activeNodeLoader.dataProvider.rulesetId);\r\n  if (props.filteredElementIds) {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    vars.setId64s(\"filtered-element-ids\", props.filteredElementIds);\r\n  } else {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    vars.unset(\"filtered-element-ids\");\r\n  }\r\n\r\n  return {\r\n    nodeLoader: activeNodeLoader,\r\n    onItemsRendered: activeItemsRenderedCallback,\r\n  };\r\n}\r\n\r\nfunction useVisibilityHandler(\r\n  rulesetId: string,\r\n  iModel: IModelConnection,\r\n  activeView?: Viewport,\r\n  visibilityHandler?: ModelsVisibilityHandler,\r\n  filteredDataProvider?: IFilteredPresentationTreeDataProvider,\r\n  hierarchyAutoUpdateEnabled?: boolean,\r\n) {\r\n  const subjectModelIdsCache = React.useMemo(() => new SubjectModelIdsCache(iModel), [iModel]);\r\n  const defaultVisibilityHandler = useOptionalDisposable(React.useCallback(() => {\r\n    if (activeView)\r\n      return createVisibilityHandler(rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled);\r\n    return undefined;\r\n  }, [rulesetId, activeView, subjectModelIdsCache, hierarchyAutoUpdateEnabled]));\r\n\r\n  const handler = visibilityHandler ?? defaultVisibilityHandler;\r\n\r\n  React.useEffect(() => {\r\n    handler && handler.setFilteredDataProvider(filteredDataProvider);\r\n  }, [handler, filteredDataProvider]);\r\n\r\n  return handler;\r\n}\r\n\r\nconst createVisibilityHandler = (rulesetId: string, activeView: Viewport, subjectModelIdsCache: SubjectModelIdsCache, hierarchyAutoUpdateEnabled?: boolean): ModelsVisibilityHandler | undefined => {\r\n  // istanbul ignore next\r\n  return new ModelsVisibilityHandler({ rulesetId, viewport: activeView, hierarchyAutoUpdateEnabled, subjectModelIdsCache });\r\n};\r\n\r\nconst isFilteredDataProvider = (dataProvider: IPresentationTreeDataProvider | IFilteredPresentationTreeDataProvider): dataProvider is IFilteredPresentationTreeDataProvider => {\r\n  const filteredProvider = dataProvider as IFilteredPresentationTreeDataProvider;\r\n  return filteredProvider.nodeMatchesFilter !== undefined && filteredProvider.getActiveMatch !== undefined && filteredProvider.countFilteringResults !== undefined;\r\n};\r\n\r\nconst getFilteredDataProvider = (dataProvider: IPresentationTreeDataProvider | IFilteredPresentationTreeDataProvider): IFilteredPresentationTreeDataProvider | undefined => {\r\n  return isFilteredDataProvider(dataProvider) ? dataProvider : undefined;\r\n};\r\n"]}

package/lib/esm/appui-react/imodel-components/models-tree/ModelsTree.scss

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../VisibilityTreeBase";
-
-.ui-fw-models-tree {
-  @include ui-fw-visibility-tree-base;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../VisibilityTreeBase";
+
+.ui-fw-models-tree {
+  @include ui-fw-visibility-tree-base;
+}