@itwin/appui-react 4.0.0-dev.3 → 4.0.0-dev.6

package/lib/cjs/appui-react/imodel-components/VisibilityTreeEventHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTreeEventHandler.js","sourceRoot":"","sources":["../../../../src/appui-react/imodel-components/VisibilityTreeEventHandler.ts"],"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\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport { EMPTY } from \"rxjs/internal/observable/empty\";\r\nimport { from } from \"rxjs/internal/observable/from\";\r\nimport { map } from \"rxjs/internal/operators/map\";\r\nimport { mergeMap } from \"rxjs/internal/operators/mergeMap\";\r\nimport {\r\n  CheckBoxInfo, CheckboxStateChange, toRxjsObservable, TreeCheckboxStateChangeEventArgs, TreeModelNode, TreeNodeItem,\r\n  TreeSelectionModificationEventArgs, TreeSelectionReplacementEventArgs,\r\n} from \"@itwin/components-react\";\r\nimport { BeEvent, IDisposable } from \"@itwin/core-bentley\";\r\nimport { CheckBoxState, isPromiseLike } from \"@itwin/core-react\";\r\nimport { NodeKey } from \"@itwin/presentation-common\";\r\nimport { UnifiedSelectionTreeEventHandler, UnifiedSelectionTreeEventHandlerParams } from \"@itwin/presentation-components\";\r\n\r\n/**\r\n * Data structure that describes instance visibility status.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport interface VisibilityStatus {\r\n  state: \"visible\" | \"partial\" | \"hidden\";\r\n  isDisabled?: boolean;\r\n  tooltip?: string;\r\n}\r\n\r\n/**\r\n * Type definition of visibility change event listener.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport type VisibilityChangeListener = (nodeIds?: string[], visibilityStatus?: Map<string, VisibilityStatus>) => void;\r\n\r\n/**\r\n * Visibility handler used to change or get visibility of instances represented by the tree node.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport interface IVisibilityHandler extends IDisposable {\r\n  getVisibilityStatus(node: TreeNodeItem, nodeKey: NodeKey): VisibilityStatus | Promise<VisibilityStatus>;\r\n  changeVisibility(node: TreeNodeItem, nodeKey: NodeKey, shouldDisplay: boolean): Promise<void>;\r\n  onVisibilityChange: BeEvent<VisibilityChangeListener>;\r\n}\r\n\r\n/**\r\n * Type definition of predicate used to decide if node can be selected.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport type VisibilityTreeSelectionPredicate = (key: NodeKey, node: TreeNodeItem) => boolean;\r\n\r\n/**\r\n * Parameters for [[VisibilityTreeEventHandler]]\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport interface VisibilityTreeEventHandlerParams extends UnifiedSelectionTreeEventHandlerParams {\r\n  visibilityHandler: IVisibilityHandler | undefined;\r\n  selectionPredicate?: VisibilityTreeSelectionPredicate;\r\n}\r\n\r\n/**\r\n * Base event handler for visibility tree.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport class VisibilityTreeEventHandler extends UnifiedSelectionTreeEventHandler {\r\n  private _visibilityHandler: IVisibilityHandler | undefined;\r\n  private _selectionPredicate?: VisibilityTreeSelectionPredicate;\r\n  private _listeners = new Array<() => void>();\r\n\r\n  constructor(params: VisibilityTreeEventHandlerParams) {\r\n    super(params);\r\n    this._visibilityHandler = params.visibilityHandler;\r\n    this._selectionPredicate = params.selectionPredicate;\r\n\r\n    if (this._visibilityHandler) {\r\n      this._listeners.push(this._visibilityHandler.onVisibilityChange.addListener(async (nodeIds, visibilityStatus) => this.updateCheckboxes(nodeIds, visibilityStatus)));\r\n    }\r\n\r\n    this._listeners.push(this.modelSource.onModelChanged.addListener(async ([_, changes]) => this.updateCheckboxes([...changes.addedNodeIds, ...changes.modifiedNodeIds])));\r\n    this.updateCheckboxes(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }\r\n\r\n  public override dispose() {\r\n    super.dispose();\r\n    this._listeners.forEach((disposeFunc) => disposeFunc());\r\n  }\r\n\r\n  private filterSelectionItems(items: TreeNodeItem[]) {\r\n    // istanbul ignore if\r\n    if (!this._selectionPredicate)\r\n      return items;\r\n\r\n    return items.filter((item) => this._selectionPredicate!(this.getNodeKey(item), item));\r\n  }\r\n\r\n  public override onSelectionModified({ modifications }: TreeSelectionModificationEventArgs) {\r\n    const filteredModification = toRxjsObservable(modifications).pipe(\r\n      map(({ selectedNodeItems, deselectedNodeItems }) => {\r\n        return {\r\n          selectedNodeItems: this.filterSelectionItems(selectedNodeItems),\r\n          deselectedNodeItems: this.filterSelectionItems(deselectedNodeItems),\r\n        };\r\n      }),\r\n    );\r\n    return super.onSelectionModified({ modifications: filteredModification });\r\n  }\r\n\r\n  public override onSelectionReplaced({ replacements }: TreeSelectionReplacementEventArgs) {\r\n    const filteredReplacements = toRxjsObservable(replacements).pipe(\r\n      map(({ selectedNodeItems }) => {\r\n        return {\r\n          selectedNodeItems: this.filterSelectionItems(selectedNodeItems),\r\n        };\r\n      }),\r\n    );\r\n    return super.onSelectionReplaced({ replacements: filteredReplacements });\r\n  }\r\n\r\n  public override onCheckboxStateChanged(event: TreeCheckboxStateChangeEventArgs) {\r\n    // istanbul ignore if\r\n    if (!this._visibilityHandler)\r\n      return undefined;\r\n\r\n    from(event.stateChanges)\r\n      .pipe(\r\n        mergeMap((changes) => this.changeVisibility(changes)),\r\n      )\r\n      .subscribe();\r\n    return undefined;\r\n  }\r\n\r\n  private changeVisibility(changes: CheckboxStateChange[]) {\r\n    return from(changes)\r\n      .pipe(\r\n        mergeMap(({ nodeItem, newState }) => {\r\n          // istanbul ignore if\r\n          if (!this._visibilityHandler)\r\n            return EMPTY;\r\n          return from(this._visibilityHandler.changeVisibility(nodeItem, this.getNodeKey(nodeItem), newState === CheckBoxState.On));\r\n        }),\r\n      );\r\n  }\r\n\r\n  private async updateCheckboxes(affectedNodes?: string[], visibilityStatus?: Map<string, VisibilityStatus>) {\r\n    const changes = await (affectedNodes ? this.collectAffectedNodesCheckboxInfos(affectedNodes, visibilityStatus) : this.collectAllNodesCheckboxInfos(visibilityStatus));\r\n    this.updateModel(changes);\r\n  }\r\n\r\n  private updateModel(changes: Map<string, CheckBoxInfo>) {\r\n    this.modelSource.modifyModel((model) => {\r\n      for (const [nodeId, checkboxInfo] of changes) {\r\n        const node = model.getNode(nodeId);\r\n        // istanbul ignore if\r\n        if (!node)\r\n          continue;\r\n\r\n        node.checkbox.isDisabled = checkboxInfo.isDisabled;\r\n        node.checkbox.isVisible = checkboxInfo.isVisible;\r\n        node.checkbox.state = checkboxInfo.state;\r\n        node.checkbox.tooltip = checkboxInfo.tooltip;\r\n      }\r\n    });\r\n  }\r\n\r\n  private async collectAffectedNodesCheckboxInfos(affectedNodes: string[], visibilityStatus?: Map<string, VisibilityStatus>) {\r\n    const nodeStates = new Map<string, CheckBoxInfo>();\r\n    if (affectedNodes.length === 0)\r\n      return nodeStates;\r\n\r\n    await Promise.all(affectedNodes.map(async (nodeId) => {\r\n      const node = this.modelSource.getModel().getNode(nodeId);\r\n      // istanbul ignore else\r\n      if (node)\r\n        nodeStates.set(nodeId, await this.getNodeCheckBoxInfo(node, visibilityStatus));\r\n    }));\r\n    return nodeStates;\r\n  }\r\n\r\n  private async collectAllNodesCheckboxInfos(visibilityStatus?: Map<string, VisibilityStatus>) {\r\n    const nodeStates = new Map<string, CheckBoxInfo>();\r\n    for (const node of this.modelSource.getModel().iterateTreeModelNodes()) {\r\n      nodeStates.set(node.id, await this.getNodeCheckBoxInfo(node, visibilityStatus));\r\n    }\r\n    return nodeStates;\r\n  }\r\n\r\n  private async getNodeCheckBoxInfo(node: TreeModelNode, visibilityStatus?: Map<string, VisibilityStatus>): Promise<CheckBoxInfo> {\r\n    if (!this._visibilityHandler)\r\n      return { ...node.checkbox, isVisible: false };\r\n\r\n    const result = visibilityStatus?.get(node.id) ?? this._visibilityHandler.getVisibilityStatus(node.item, this.getNodeKey(node.item));\r\n\r\n    if (isPromiseLike(result))\r\n      return this.createCheckboxInfo(await result);\r\n    return this.createCheckboxInfo(result);\r\n  }\r\n\r\n  private createCheckboxInfo(status: VisibilityStatus): CheckBoxInfo {\r\n    return {\r\n      state: visibilityStateToCheckboxState(status),\r\n      isDisabled: status.isDisabled || false,\r\n      isVisible: true,\r\n      tooltip: status.tooltip,\r\n    };\r\n  }\r\n}\r\n\r\nconst visibilityStateToCheckboxState = (status: VisibilityStatus) => {\r\n  switch (status.state) {\r\n    case \"visible\":\r\n      return CheckBoxState.On;\r\n    // istanbul ignore next\r\n    case \"partial\":\r\n      return CheckBoxState.Partial;\r\n    case \"hidden\":\r\n    default:\r\n      return CheckBoxState.Off;\r\n  }\r\n};\r\n"]}

package/lib/cjs/appui-react/imodel-components/VisibilityTreeRenderer.d.ts

@@ -0,0 +1,52 @@
+/** @packageDocumentation
+ * @module IModelComponents
+ */
+/// <reference types="react" />
+import { IPresentationTreeDataProvider } from "@itwin/presentation-components";
+import { AbstractTreeNodeLoaderWithProvider, TreeNodeRendererProps, TreeRendererProps } from "@itwin/components-react";
+import { NodeCheckboxRenderProps } from "@itwin/core-react";
+import { VisibilityTreeFilterInfo } from "./Common";
+/**
+ * Creates Visibility tree renderer which renders nodes with eye checkbox.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare const useVisibilityTreeRenderer: (iconsEnabled: boolean, descriptionsEnabled: boolean) => (props: TreeRendererProps) => JSX.Element;
+/**
+ * Creates node renderer which renders node with eye checkbox.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare const createVisibilityTreeNodeRenderer: (iconsEnabled: boolean, descriptionEnabled: boolean) => (props: TreeNodeRendererProps) => JSX.Element;
+/**
+ * Checkbox renderer that renders an eye.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare const visibilityTreeNodeCheckboxRenderer: (props: NodeCheckboxRenderProps) => JSX.Element;
+/**
+ * Filters data provider used in supplied node loader and invokes onFilterApplied when filtering is completed.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare const useVisibilityTreeFiltering: (nodeLoader: AbstractTreeNodeLoaderWithProvider<IPresentationTreeDataProvider>, filterInfo?: VisibilityTreeFilterInfo | undefined, onFilterApplied?: ((filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void) | undefined) => {
+    filteredNodeLoader: AbstractTreeNodeLoaderWithProvider<IPresentationTreeDataProvider>;
+    isFiltering: boolean;
+    nodeHighlightingProps: import("@itwin/components-react").HighlightableTreeProps | undefined;
+};
+/**
+ * Properties for [[VisibilityTreeNoFilteredData]] component.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export interface VisibilityTreeNoFilteredDataProps {
+    title: string;
+    message: string;
+}
+/**
+ * Renders message that no nodes was found for filter.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare function VisibilityTreeNoFilteredData(props: VisibilityTreeNoFilteredDataProps): JSX.Element;
+//# sourceMappingURL=VisibilityTreeRenderer.d.ts.map

package/lib/cjs/appui-react/imodel-components/VisibilityTreeRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTreeRenderer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/imodel-components/VisibilityTreeRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,EAAE,6BAA6B,EAA0C,MAAM,gCAAgC,CAAC;AACvH,OAAO,EACL,kCAAkC,EAAqC,qBAAqB,EAAgB,iBAAiB,EAC9H,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAiB,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,iBAAkB,OAAO,uBAAuB,OAAO,aAG1D,iBAAiB,gBAMnD,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,iBAAkB,OAAO,sBAAsB,OAAO,aAClF,qBAAqB,gBASrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kCAAkC,UAAW,uBAAuB,gBAShF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,eACzB,mCAAmC,6BAA6B,CAAC,+FAEpC,6BAA6B,gBAAgB,MAAM,KAAK,IAAI;;;;CAmBtG,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,iCAAiC,eAOpF"}

package/lib/cjs/appui-react/imodel-components/VisibilityTreeRenderer.js

@@ -0,0 +1,71 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityTreeNoFilteredData = exports.useVisibilityTreeFiltering = exports.visibilityTreeNodeCheckboxRenderer = exports.createVisibilityTreeNodeRenderer = exports.useVisibilityTreeRenderer = void 0;
+/* eslint-disable deprecation/deprecation */
+const React = require("react");
+const presentation_components_1 = require("@itwin/presentation-components");
+const components_react_1 = require("@itwin/components-react");
+const core_react_1 = require("@itwin/core-react");
+/**
+ * Creates Visibility tree renderer which renders nodes with eye checkbox.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+const useVisibilityTreeRenderer = (iconsEnabled, descriptionsEnabled) => {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const nodeRenderer = React.useCallback((0, exports.createVisibilityTreeNodeRenderer)(iconsEnabled, descriptionsEnabled), [iconsEnabled, descriptionsEnabled]);
+    return React.useCallback((props) => (React.createElement(components_react_1.TreeRenderer, { ...props, nodeRenderer: nodeRenderer })), [nodeRenderer]);
+};
+exports.useVisibilityTreeRenderer = useVisibilityTreeRenderer;
+const imageLoader = new components_react_1.TreeImageLoader();
+/**
+ * Creates node renderer which renders node with eye checkbox.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+const createVisibilityTreeNodeRenderer = (iconsEnabled, descriptionEnabled) => {
+    return (props) => ( // eslint-disable-line react/display-name
+    React.createElement(components_react_1.TreeNodeRenderer, { ...props, checkboxRenderer: exports.visibilityTreeNodeCheckboxRenderer, descriptionEnabled: descriptionEnabled, imageLoader: iconsEnabled ? imageLoader : undefined, className: "with-checkbox" }));
+};
+exports.createVisibilityTreeNodeRenderer = createVisibilityTreeNodeRenderer;
+/**
+ * Checkbox renderer that renders an eye.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+const visibilityTreeNodeCheckboxRenderer = (props) => (React.createElement(core_react_1.ImageCheckBox, { checked: props.checked, disabled: props.disabled, imageOn: "icon-visibility", imageOff: "icon-visibility-hide-2", onClick: props.onChange, tooltip: props.title }));
+exports.visibilityTreeNodeCheckboxRenderer = visibilityTreeNodeCheckboxRenderer;
+/**
+ * Filters data provider used in supplied node loader and invokes onFilterApplied when filtering is completed.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+const useVisibilityTreeFiltering = (nodeLoader, filterInfo, onFilterApplied) => {
+    const { filter, activeMatchIndex } = filterInfo !== null && filterInfo !== void 0 ? filterInfo : { filter: undefined, activeMatchIndex: undefined };
+    const { filteredNodeLoader, isFiltering, matchesCount, nodeHighlightingProps, } = (0, presentation_components_1.useControlledPresentationTreeFiltering)({ nodeLoader, filter, activeMatchIndex });
+    React.useEffect(() => {
+        if (filter && matchesCount !== undefined && filteredNodeLoader !== nodeLoader)
+            onFilterApplied && onFilterApplied(filteredNodeLoader.dataProvider, matchesCount);
+    }, [filter, matchesCount, nodeLoader, filteredNodeLoader, onFilterApplied]);
+    return { filteredNodeLoader, isFiltering, nodeHighlightingProps };
+};
+exports.useVisibilityTreeFiltering = useVisibilityTreeFiltering;
+/**
+ * Renders message that no nodes was found for filter.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+function VisibilityTreeNoFilteredData(props) {
+    return (React.createElement("div", { className: "components-tree-errormessage" },
+        React.createElement("span", { className: "errormessage-header" }, props.title),
+        React.createElement("span", { className: "errormessage-body" }, props.message)));
+}
+exports.VisibilityTreeNoFilteredData = VisibilityTreeNoFilteredData;
+//# sourceMappingURL=VisibilityTreeRenderer.js.map

package/lib/cjs/appui-react/imodel-components/VisibilityTreeRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTreeRenderer.js","sourceRoot":"","sources":["../../../../src/appui-react/imodel-components/VisibilityTreeRenderer.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\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport * as React from \"react\";\r\nimport { IPresentationTreeDataProvider, useControlledPresentationTreeFiltering } from \"@itwin/presentation-components\";\r\nimport {\r\n  AbstractTreeNodeLoaderWithProvider, TreeImageLoader, TreeNodeRenderer, TreeNodeRendererProps, TreeRenderer, TreeRendererProps,\r\n} from \"@itwin/components-react\";\r\nimport { ImageCheckBox, NodeCheckboxRenderProps } from \"@itwin/core-react\";\r\nimport { VisibilityTreeFilterInfo } from \"./Common\";\r\n\r\n/**\r\n * Creates Visibility tree renderer which renders nodes with eye checkbox.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport const useVisibilityTreeRenderer = (iconsEnabled: boolean, descriptionsEnabled: boolean) => {\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  const nodeRenderer = React.useCallback(createVisibilityTreeNodeRenderer(iconsEnabled, descriptionsEnabled), [iconsEnabled, descriptionsEnabled]);\r\n  return React.useCallback((props: TreeRendererProps) => (\r\n    <TreeRenderer\r\n      {...props}\r\n      nodeRenderer={nodeRenderer}\r\n    />\r\n  ), [nodeRenderer]);\r\n};\r\n\r\nconst imageLoader = new TreeImageLoader();\r\n/**\r\n * Creates node renderer which renders node with eye checkbox.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport const createVisibilityTreeNodeRenderer = (iconsEnabled: boolean, descriptionEnabled: boolean) => {\r\n  return (props: TreeNodeRendererProps) => ( // eslint-disable-line react/display-name\r\n    <TreeNodeRenderer\r\n      {...props}\r\n      checkboxRenderer={visibilityTreeNodeCheckboxRenderer}\r\n      descriptionEnabled={descriptionEnabled}\r\n      imageLoader={iconsEnabled ? imageLoader : undefined}\r\n      className=\"with-checkbox\"\r\n    />\r\n  );\r\n};\r\n\r\n/**\r\n * Checkbox renderer that renders an eye.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport const visibilityTreeNodeCheckboxRenderer = (props: NodeCheckboxRenderProps) => (\r\n  <ImageCheckBox\r\n    checked={props.checked}\r\n    disabled={props.disabled}\r\n    imageOn=\"icon-visibility\"\r\n    imageOff=\"icon-visibility-hide-2\"\r\n    onClick={props.onChange}\r\n    tooltip={props.title}\r\n  />\r\n);\r\n\r\n/**\r\n * Filters data provider used in supplied node loader and invokes onFilterApplied when filtering is completed.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport const useVisibilityTreeFiltering = (\r\n  nodeLoader: AbstractTreeNodeLoaderWithProvider<IPresentationTreeDataProvider>,\r\n  filterInfo?: VisibilityTreeFilterInfo,\r\n  onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void,\r\n) => {\r\n  const { filter, activeMatchIndex } = filterInfo ?? { filter: undefined, activeMatchIndex: undefined };\r\n  const {\r\n    filteredNodeLoader,\r\n    isFiltering,\r\n    matchesCount,\r\n    nodeHighlightingProps,\r\n  } = useControlledPresentationTreeFiltering({ nodeLoader, filter, activeMatchIndex });\r\n\r\n  React.useEffect(\r\n    () => {\r\n      if (filter && matchesCount !== undefined && filteredNodeLoader !== nodeLoader)\r\n        onFilterApplied && onFilterApplied(filteredNodeLoader.dataProvider, matchesCount);\r\n    },\r\n    [filter, matchesCount, nodeLoader, filteredNodeLoader, onFilterApplied],\r\n  );\r\n\r\n  return { filteredNodeLoader, isFiltering, nodeHighlightingProps };\r\n};\r\n\r\n/**\r\n * Properties for [[VisibilityTreeNoFilteredData]] component.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport interface VisibilityTreeNoFilteredDataProps {\r\n  title: string;\r\n  message: string;\r\n}\r\n\r\n/**\r\n * Renders message that no nodes was found for filter.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport function VisibilityTreeNoFilteredData(props: VisibilityTreeNoFilteredDataProps) {\r\n  return (\r\n    <div className=\"components-tree-errormessage\">\r\n      <span className=\"errormessage-header\">{props.title}</span>\r\n      <span className=\"errormessage-body\">{props.message}</span>\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/imodel-components/category-tree/Categories.json

@@ -0,0 +1,102 @@
+{
+  "$schema": "../../../../node_modules/@itwin/presentation-common/Ruleset.schema.json",
+  "id": "ui-framework/CategoriesTree",
+  "rules": [
+    {
+      "ruleType": "RootNodes",
+      "subConditions": [
+        {
+          "condition": "GetVariableStringValue(\"ViewType\") = \"3d\"",
+          "specifications": [
+            {
+              "specType": "InstanceNodesOfSpecificClasses",
+              "classes": [
+                {
+                  "schemaName": "BisCore",
+                  "classNames": [
+                    "SpatialCategory"
+                  ]
+                }
+              ],
+              "arePolymorphic": true,
+              "relatedInstances": [
+                {
+                  "relationshipPath": {
+                    "relationship": {
+                      "schemaName": "BisCore",
+                      "className": "ModelContainsElements"
+                    },
+                    "direction": "Backward"
+                  },
+                  "isRequired": true,
+                  "alias": "model"
+                }
+              ],
+              "instanceFilter": "NOT this.IsPrivate AND (NOT model.IsPrivate OR model.IsOfClass(\"DictionaryModel\", \"BisCore\")) AND this.HasRelatedInstance(\"BisCore:GeometricElement3dIsInCategory\", \"Backward\", \"BisCore:Element\")",
+              "groupByClass": false,
+              "groupByLabel": false
+            }
+          ]
+        },
+        {
+          "condition": "GetVariableStringValue(\"ViewType\") = \"2d\"",
+          "specifications": [
+            {
+              "specType": "InstanceNodesOfSpecificClasses",
+              "classes": [
+                {
+                  "schemaName": "BisCore",
+                  "classNames": [
+                    "DrawingCategory"
+                  ]
+                }
+              ],
+              "arePolymorphic": true,
+              "relatedInstances": [
+                {
+                  "relationshipPath": {
+                    "relationship": {
+                      "schemaName": "BisCore",
+                      "className": "ModelContainsElements"
+                    },
+                    "direction": "Backward"
+                  },
+                  "isRequired": true,
+                  "alias": "model"
+                }
+              ],
+              "instanceFilter": "NOT this.IsPrivate AND (NOT model.IsPrivate OR model.IsOfClass(\"DictionaryModel\", \"BisCore\")) AND this.HasRelatedInstance(\"BisCore:GeometricElement2dIsInCategory\", \"Backward\", \"BisCore:Element\")",
+              "groupByClass": false,
+              "groupByLabel": false
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "ruleType": "ChildNodes",
+      "condition": "ParentNode.IsOfClass(\"Category\", \"BisCore\") ANDALSO ParentNode.ECInstance.GetRelatedInstancesCount(\"BisCore:CategoryOwnsSubCategories\", \"Forward\", \"BisCore:SubCategory\") > 1",
+      "specifications": [
+        {
+          "specType": "RelatedInstanceNodes",
+          "relationshipPaths": [
+            {
+              "relationship": {
+                "schemaName": "BisCore",
+                "className": "CategoryOwnsSubCategories"
+              },
+              "direction": "Forward"
+            }
+          ],
+          "groupByClass": false,
+          "groupByLabel": false
+        }
+      ]
+    },
+    {
+      "ruleType": "LabelOverride",
+      "condition": "this.IsOfClass(\"Category\", \"BisCore\")",
+      "description": "this.Description"
+    }
+  ]
+}

package/lib/cjs/appui-react/imodel-components/category-tree/CategoriesTree.d.ts

@@ -0,0 +1,72 @@
+/** @packageDocumentation
+ * @module IModelComponents
+ */
+/// <reference types="react" />
+import "./CategoriesTree.scss";
+import { IModelConnection, ViewManager, Viewport } from "@itwin/core-frontend";
+import { Ruleset } from "@itwin/presentation-common";
+import { IPresentationTreeDataProvider } from "@itwin/presentation-components";
+import { VisibilityTreeFilterInfo } from "../Common";
+import { CategoryVisibilityHandler } from "./CategoryVisibilityHandler";
+/**
+ * Presentation rules used by ControlledCategoriesTree
+ * @internal
+ */
+export declare const RULESET_CATEGORIES: Ruleset;
+/**
+ * Properties for the [[CategoryTree]] component
+ * @public
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export interface CategoryTreeProps {
+    /** Flag for accommodating all viewports */
+    allViewports?: boolean;
+    /** Active viewport */
+    activeView?: Viewport;
+    /**
+     * An IModel to pull data from
+     */
+    iModel: IModelConnection;
+    /** Width of the component */
+    width: number;
+    /** Height of the component */
+    height: number;
+    /**
+     * Information for tree filtering.s
+     * @alpha
+     */
+    filterInfo?: VisibilityTreeFilterInfo;
+    /**
+     * Callback invoked when tree is filtered.
+     */
+    onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;
+    /**
+     * Custom category visibility handler to use for testing
+     * @internal
+     */
+    categoryVisibilityHandler?: CategoryVisibilityHandler;
+    /**
+     * Custom view manager to use for testing
+     * @internal
+     */
+    viewManager?: ViewManager;
+}
+/**
+ * Tree which displays and manages categories contained in an iModel.
+ * @public
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare function CategoryTree(props: CategoryTreeProps): JSX.Element;
+/**
+ * Toggles visibility of categories to show or hide.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare function toggleAllCategories(viewManager: ViewManager, imodel: IModelConnection, display: boolean, viewport?: Viewport, forAllViewports?: boolean, filteredProvider?: IPresentationTreeDataProvider): Promise<void>;
+/**
+ * Gets ids of all categories or categories from filtered data provider.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare function getCategories(imodel: IModelConnection, viewport?: Viewport, filteredProvider?: IPresentationTreeDataProvider): Promise<string[]>;
+//# sourceMappingURL=CategoriesTree.d.ts.map

package/lib/cjs/appui-react/imodel-components/category-tree/CategoriesTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesTree.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/imodel-components/category-tree/CategoriesTree.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAa,gBAAgB,EAAoB,WAAW,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,6BAA6B,EAAiC,MAAM,gCAAgC,CAAC;AAK9G,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAGrD,OAAO,EAAY,yBAAyB,EAA6C,MAAM,6BAA6B,CAAC;AAI7H;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAsC,CAAC;AAExE;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sBAAsB;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB;;OAEG;IACH,MAAM,EAAE,gBAAgB,CAAC;IACzB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,oBAAoB,EAAE,6BAA6B,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtG;;;OAGG;IACH,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAsDpD;AAoBD;;;;GAIG;AACH,wBAAsB,mBAAmB,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,gBAAgB,CAAC,EAAE,6BAA6B,iBAS/M;AAED;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,gBAAgB,CAAC,EAAE,6BAA6B,qBAQlI"}

package/lib/cjs/appui-react/imodel-components/category-tree/CategoriesTree.js

@@ -0,0 +1,109 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCategories = exports.toggleAllCategories = exports.CategoryTree = exports.RULESET_CATEGORIES = void 0;
+/* eslint-disable deprecation/deprecation */
+require("./CategoriesTree.scss");
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const presentation_components_1 = require("@itwin/presentation-components");
+const presentation_frontend_1 = require("@itwin/presentation-frontend");
+const components_react_1 = require("@itwin/components-react");
+const core_react_1 = require("@itwin/core-react");
+const UiFramework_1 = require("../../UiFramework");
+const VisibilityTreeEventHandler_1 = require("../VisibilityTreeEventHandler");
+const VisibilityTreeRenderer_1 = require("../VisibilityTreeRenderer");
+const CategoryVisibilityHandler_1 = require("./CategoryVisibilityHandler");
+const PAGING_SIZE = 20;
+/**
+ * Presentation rules used by ControlledCategoriesTree
+ * @internal
+ */
+exports.RULESET_CATEGORIES = require("./Categories.json"); // eslint-disable-line @typescript-eslint/no-var-requires
+/**
+ * Tree which displays and manages categories contained in an iModel.
+ * @public
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+function CategoryTree(props) {
+    var _a;
+    const { nodeLoader } = (0, presentation_components_1.usePresentationTreeNodeLoader)({
+        imodel: props.iModel,
+        ruleset: exports.RULESET_CATEGORIES,
+        pagingSize: PAGING_SIZE,
+    });
+    const { filteredNodeLoader, isFiltering, nodeHighlightingProps } = (0, VisibilityTreeRenderer_1.useVisibilityTreeFiltering)(nodeLoader, props.filterInfo, props.onFilterApplied);
+    // istanbul ignore next
+    const viewManager = (_a = props.viewManager) !== null && _a !== void 0 ? _a : core_frontend_1.IModelApp.viewManager;
+    const { activeView, allViewports, categoryVisibilityHandler } = props;
+    const currentActiveView = activeView !== null && activeView !== void 0 ? activeView : viewManager.getFirstOpenView();
+    const categories = (0, CategoryVisibilityHandler_1.useCategories)(viewManager, props.iModel, currentActiveView);
+    const visibilityHandler = useCategoryVisibilityHandler(viewManager, props.iModel, categories, currentActiveView, allViewports, categoryVisibilityHandler);
+    React.useEffect(() => {
+        setViewType(currentActiveView); // eslint-disable-line @typescript-eslint/no-floating-promises
+    }, [currentActiveView]);
+    const eventHandler = (0, core_react_1.useDisposable)(React.useCallback(() => new VisibilityTreeEventHandler_1.VisibilityTreeEventHandler({
+        nodeLoader: filteredNodeLoader,
+        visibilityHandler,
+        collapsedChildrenDisposalEnabled: true,
+    }), [filteredNodeLoader, visibilityHandler]));
+    const treeModel = (0, components_react_1.useTreeModel)(filteredNodeLoader.modelSource);
+    const treeRenderer = (0, VisibilityTreeRenderer_1.useVisibilityTreeRenderer)(false, true);
+    const overlay = isFiltering ? React.createElement("div", { className: "filteredTreeOverlay" }) : undefined;
+    const filterApplied = filteredNodeLoader !== nodeLoader;
+    const noFilteredDataRenderer = React.useCallback(() => {
+        return React.createElement(VisibilityTreeRenderer_1.VisibilityTreeNoFilteredData, { title: UiFramework_1.UiFramework.localization.getLocalizedString("UiFramework:categoriesTree.noCategoryFound"), message: UiFramework_1.UiFramework.localization.getLocalizedString("UiFramework:categoriesTree.noMatchingCategoryNames") });
+    }, []);
+    return (React.createElement("div", { className: "ui-fw-categories-tree" },
+        React.createElement(components_react_1.ControlledTree, { nodeLoader: filteredNodeLoader, model: treeModel, selectionMode: components_react_1.SelectionMode.None, eventsHandler: eventHandler, treeRenderer: treeRenderer, descriptionsEnabled: true, nodeHighlightingProps: nodeHighlightingProps, noDataRenderer: filterApplied ? noFilteredDataRenderer : undefined, width: props.width, height: props.height }),
+        overlay));
+}
+exports.CategoryTree = CategoryTree;
+function useCategoryVisibilityHandler(viewManager, imodel, categories, activeView, allViewports, visibilityHandler) {
+    return (0, core_react_1.useDisposable)(React.useCallback(() => 
+    // istanbul ignore next
+    visibilityHandler !== null && visibilityHandler !== void 0 ? visibilityHandler : new CategoryVisibilityHandler_1.CategoryVisibilityHandler({ viewManager, imodel, categories, activeView, allViewports }), [viewManager, imodel, categories, activeView, allViewports, visibilityHandler]));
+}
+async function setViewType(activeView) {
+    if (!activeView)
+        return;
+    const view = activeView.view;
+    const viewType = view.is3d() ? "3d" : "2d";
+    await presentation_frontend_1.Presentation.presentation.vars(exports.RULESET_CATEGORIES.id).setString("ViewType", viewType);
+}
+/**
+ * Toggles visibility of categories to show or hide.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+async function toggleAllCategories(viewManager, imodel, display, viewport, forAllViewports, filteredProvider) {
+    // istanbul ignore next
+    const activeView = viewport !== null && viewport !== void 0 ? viewport : viewManager.getFirstOpenView();
+    const ids = await getCategories(imodel, activeView, filteredProvider);
+    // istanbul ignore else
+    if (ids.length > 0) {
+        CategoryVisibilityHandler_1.CategoryVisibilityHandler.enableCategory(viewManager, imodel, ids, display, forAllViewports !== null && forAllViewports !== void 0 ? forAllViewports : false);
+    }
+}
+exports.toggleAllCategories = toggleAllCategories;
+/**
+ * Gets ids of all categories or categories from filtered data provider.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+async function getCategories(imodel, viewport, filteredProvider) {
+    if (filteredProvider) {
+        const nodes = await filteredProvider.getNodes();
+        return nodes.map((node) => CategoryVisibilityHandler_1.CategoryVisibilityHandler.getInstanceIdFromTreeNodeKey(filteredProvider.getNodeKey(node)));
+    }
+    const categories = await (0, CategoryVisibilityHandler_1.loadCategoriesFromViewport)(imodel, viewport);
+    return categories.map((category) => category.key);
+}
+exports.getCategories = getCategories;
+//# sourceMappingURL=CategoriesTree.js.map

package/lib/cjs/appui-react/imodel-components/category-tree/CategoriesTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesTree.js","sourceRoot":"","sources":["../../../../../src/appui-react/imodel-components/category-tree/CategoriesTree.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\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport \"./CategoriesTree.scss\";\r\nimport * as React from \"react\";\r\nimport { IModelApp, IModelConnection, SpatialViewState, ViewManager, Viewport } from \"@itwin/core-frontend\";\r\nimport { Ruleset } from \"@itwin/presentation-common\";\r\nimport { IPresentationTreeDataProvider, usePresentationTreeNodeLoader } from \"@itwin/presentation-components\";\r\nimport { Presentation } from \"@itwin/presentation-frontend\";\r\nimport { ControlledTree, SelectionMode, useTreeModel } from \"@itwin/components-react\";\r\nimport { useDisposable } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { VisibilityTreeFilterInfo } from \"../Common\";\r\nimport { VisibilityTreeEventHandler } from \"../VisibilityTreeEventHandler\";\r\nimport { useVisibilityTreeFiltering, useVisibilityTreeRenderer, VisibilityTreeNoFilteredData } from \"../VisibilityTreeRenderer\";\r\nimport { Category, CategoryVisibilityHandler, loadCategoriesFromViewport, useCategories } from \"./CategoryVisibilityHandler\";\r\n\r\nconst PAGING_SIZE = 20;\r\n\r\n/**\r\n * Presentation rules used by ControlledCategoriesTree\r\n * @internal\r\n */\r\nexport const RULESET_CATEGORIES: Ruleset = require(\"./Categories.json\"); // eslint-disable-line @typescript-eslint/no-var-requires\r\n\r\n/**\r\n * Properties for the [[CategoryTree]] component\r\n * @public\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport interface CategoryTreeProps {\r\n  /** Flag for accommodating all viewports */\r\n  allViewports?: boolean;\r\n  /** Active viewport */\r\n  activeView?: Viewport;\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   * Information for tree filtering.s\r\n   * @alpha\r\n   */\r\n  filterInfo?: VisibilityTreeFilterInfo;\r\n  /**\r\n   * Callback invoked when tree is filtered.\r\n   */\r\n  onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;\r\n  /**\r\n   * Custom category visibility handler to use for testing\r\n   * @internal\r\n   */\r\n  categoryVisibilityHandler?: CategoryVisibilityHandler;\r\n  /**\r\n   * Custom view manager to use for testing\r\n   * @internal\r\n   */\r\n  viewManager?: ViewManager;\r\n}\r\n\r\n/**\r\n * Tree which displays and manages categories contained in an iModel.\r\n * @public\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport function CategoryTree(props: CategoryTreeProps) {\r\n  const { nodeLoader } = usePresentationTreeNodeLoader({\r\n    imodel: props.iModel,\r\n    ruleset: RULESET_CATEGORIES,\r\n    pagingSize: PAGING_SIZE,\r\n  });\r\n\r\n  const { filteredNodeLoader, isFiltering, nodeHighlightingProps } = useVisibilityTreeFiltering(nodeLoader, props.filterInfo, props.onFilterApplied);\r\n  // istanbul ignore next\r\n  const viewManager = props.viewManager ?? IModelApp.viewManager;\r\n  const { activeView, allViewports, categoryVisibilityHandler } = props;\r\n  const currentActiveView = activeView ?? viewManager.getFirstOpenView();\r\n  const categories = useCategories(viewManager, props.iModel, currentActiveView);\r\n  const visibilityHandler = useCategoryVisibilityHandler(viewManager, props.iModel, categories, currentActiveView, allViewports, categoryVisibilityHandler);\r\n\r\n  React.useEffect(() => {\r\n    setViewType(currentActiveView); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }, [currentActiveView]);\r\n\r\n  const eventHandler = useDisposable(React.useCallback(() => new VisibilityTreeEventHandler({\r\n    nodeLoader: filteredNodeLoader,\r\n    visibilityHandler,\r\n    collapsedChildrenDisposalEnabled: true,\r\n  }), [filteredNodeLoader, visibilityHandler]));\r\n\r\n  const treeModel = useTreeModel(filteredNodeLoader.modelSource);\r\n  const treeRenderer = useVisibilityTreeRenderer(false, true);\r\n  const overlay = isFiltering ? <div className=\"filteredTreeOverlay\" /> : undefined;\r\n  const filterApplied = filteredNodeLoader !== nodeLoader;\r\n\r\n  const noFilteredDataRenderer = React.useCallback(() => {\r\n    return <VisibilityTreeNoFilteredData\r\n      title={UiFramework.localization.getLocalizedString(\"UiFramework:categoriesTree.noCategoryFound\")}\r\n      message={UiFramework.localization.getLocalizedString(\"UiFramework:categoriesTree.noMatchingCategoryNames\")}\r\n    />;\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"ui-fw-categories-tree\">\r\n      <ControlledTree\r\n        nodeLoader={filteredNodeLoader}\r\n        model={treeModel}\r\n        selectionMode={SelectionMode.None}\r\n        eventsHandler={eventHandler}\r\n        treeRenderer={treeRenderer}\r\n        descriptionsEnabled={true}\r\n        nodeHighlightingProps={nodeHighlightingProps}\r\n        noDataRenderer={filterApplied ? noFilteredDataRenderer : undefined}\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 useCategoryVisibilityHandler(viewManager: ViewManager, imodel: IModelConnection, categories: Category[], activeView?: Viewport, allViewports?: boolean, visibilityHandler?: CategoryVisibilityHandler) {\r\n  return useDisposable(React.useCallback(\r\n    () =>\r\n      // istanbul ignore next\r\n      visibilityHandler ?? new CategoryVisibilityHandler({ viewManager, imodel, categories, activeView, allViewports }),\r\n    [viewManager, imodel, categories, activeView, allViewports, visibilityHandler]),\r\n  );\r\n}\r\n\r\nasync function setViewType(activeView?: Viewport) {\r\n  if (!activeView)\r\n    return;\r\n\r\n  const view = activeView.view as SpatialViewState;\r\n  const viewType = view.is3d() ? \"3d\" : \"2d\";\r\n  await Presentation.presentation.vars(RULESET_CATEGORIES.id).setString(\"ViewType\", viewType);\r\n}\r\n\r\n/**\r\n * Toggles visibility of categories to show or hide.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport async function toggleAllCategories(viewManager: ViewManager, imodel: IModelConnection, display: boolean, viewport?: Viewport, forAllViewports?: boolean, filteredProvider?: IPresentationTreeDataProvider) {\r\n  // istanbul ignore next\r\n  const activeView = viewport ?? viewManager.getFirstOpenView();\r\n  const ids = await getCategories(imodel, activeView, filteredProvider);\r\n\r\n  // istanbul ignore else\r\n  if (ids.length > 0) {\r\n    CategoryVisibilityHandler.enableCategory(viewManager, imodel, ids, display, forAllViewports ?? false);\r\n  }\r\n}\r\n\r\n/**\r\n * Gets ids of all categories or categories from filtered data provider.\r\n * @alpha\r\n * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.\r\n */\r\nexport async function getCategories(imodel: IModelConnection, viewport?: Viewport, filteredProvider?: IPresentationTreeDataProvider) {\r\n  if (filteredProvider) {\r\n    const nodes = await filteredProvider.getNodes();\r\n    return nodes.map((node) => CategoryVisibilityHandler.getInstanceIdFromTreeNodeKey(filteredProvider.getNodeKey(node)));\r\n  }\r\n\r\n  const categories = await loadCategoriesFromViewport(imodel, viewport);\r\n  return categories.map((category) => category.key);\r\n}\r\n"]}

package/lib/cjs/appui-react/imodel-components/category-tree/CategoriesTree.scss

@@ -0,0 +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-categories-tree {
+  @include ui-fw-visibility-tree-base;
+}

package/lib/cjs/appui-react/imodel-components/category-tree/CategoryVisibilityHandler.d.ts

@@ -0,0 +1,64 @@
+/** @packageDocumentation
+ * @module IModelComponents
+ */
+import { BeEvent } from "@itwin/core-bentley";
+import { IModelConnection, ViewManager, Viewport } from "@itwin/core-frontend";
+import { NodeKey } from "@itwin/presentation-common";
+import { TreeNodeItem } from "@itwin/components-react";
+import { IVisibilityHandler, VisibilityChangeListener, VisibilityStatus } from "../VisibilityTreeEventHandler";
+/**
+ * Loads categories from viewport or uses provided list of categories.
+ * @internal
+ */
+export declare function useCategories(viewManager: ViewManager, imodel: IModelConnection, view?: Viewport): Category[];
+/** @internal */
+export declare function loadCategoriesFromViewport(iModel?: IModelConnection, vp?: Viewport): Promise<Category[]>;
+/**
+ * Data structure that describes category.
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export interface Category {
+    key: string;
+    children?: string[];
+}
+/**
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export interface CategoryVisibilityHandlerParams {
+    viewManager: ViewManager;
+    imodel: IModelConnection;
+    categories: Category[];
+    activeView?: Viewport;
+    allViewports?: boolean;
+}
+/**
+ * @alpha
+ * @deprecated in 3.6. Was moved to `@itwin/tree-widget-react` package.
+ */
+export declare class CategoryVisibilityHandler implements IVisibilityHandler {
+    private _viewManager;
+    private _imodel;
+    private _pendingVisibilityChange;
+    private _activeView?;
+    private _useAllViewports;
+    private _categories;
+    constructor(params: CategoryVisibilityHandlerParams);
+    dispose(): void;
+    onVisibilityChange: BeEvent<VisibilityChangeListener>;
+    getVisibilityStatus(node: TreeNodeItem, nodeKey: NodeKey): VisibilityStatus;
+    changeVisibility(node: TreeNodeItem, nodeKey: NodeKey, shouldDisplay: boolean): Promise<void>;
+    getSubCategoryVisibility(id: string): "hidden" | "visible";
+    getCategoryVisibility(id: string): "hidden" | "visible";
+    getParent(key: string): Category | undefined;
+    private onDisplayStyleChanged;
+    private onViewedCategoriesChanged;
+    private onVisibilityChangeInternal;
+    static getInstanceIdFromTreeNodeKey(nodeKey: NodeKey): string;
+    /** Changes category display in the viewport */
+    static enableCategory(viewManager: ViewManager, imodel: IModelConnection, ids: string[], enabled: boolean, forAllViewports: boolean, enableAllSubCategories?: boolean): void;
+    /** Changes subcategory display in the viewport */
+    static enableSubCategory(viewManager: ViewManager, key: string, enabled: boolean, forAllViewports?: boolean): void;
+}
+//# sourceMappingURL=CategoryVisibilityHandler.d.ts.map

package/lib/cjs/appui-react/imodel-components/category-tree/CategoryVisibilityHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryVisibilityHandler.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/imodel-components/category-tree/CategoryVisibilityHandler.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAA8B,WAAW,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3G,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAiB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAI/G;;;GAGG;AACH,wBAAgB,aAAa,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI,CAAC,EAAE,QAAQ,cAIhG;AAED,gBAAgB;AAChB,wBAAsB,0BAA0B,CAAC,MAAM,CAAC,EAAE,gBAAgB,EAAE,EAAE,CAAC,EAAE,QAAQ,uBAuBxF;AAED;;;;GAIG;AACH,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,+BAA+B;IAC9C,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAClE,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,wBAAwB,CAAkB;IAClD,OAAO,CAAC,WAAW,CAAC,CAAW;IAC/B,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,WAAW,CAAa;gBAEpB,MAAM,EAAE,+BAA+B;IAa5C,OAAO;IAQP,kBAAkB,oCAA2C;IAE7D,mBAAmB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAG,gBAAgB;IAKrE,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBnG,wBAAwB,CAAC,EAAE,EAAE,MAAM;IASnC,qBAAqB,CAAC,EAAE,EAAE,MAAM;IAMhC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS;IAanD,OAAO,CAAC,qBAAqB,CAE3B;IAGF,OAAO,CAAC,yBAAyB,CAE/B;IAEF,OAAO,CAAC,0BAA0B;WAUpB,4BAA4B,CAAC,OAAO,EAAE,OAAO;IAI3D,+CAA+C;WACjC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,sBAAsB,UAAO;IA0CzK,kDAAkD;WACpC,iBAAiB,CAAC,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,CAAC,EAAE,OAAO;CAqBnH"}