@itwin/tree-widget-react 0.2.0 → 0.4.0

package/lib/esm/components/TreeWidgetUiItemsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeWidgetUiItemsProvider.js","sourceRoot":"","sources":["../../../src/components/TreeWidgetUiItemsProvider.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,kBAAkB,EAClB,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,OAAO,yBAAyB;IAepC,YAAY,KAAyC;;QAdrC,OAAE,GAAG,2BAA2B,CAAC;QAe/C,IAAI,CAAC,OAAO,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,CAAC;QACvC,IAAI,CAAC,WAAW,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC;QACrC,IAAI,CAAC,4BAA4B,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,2BAA2B,CAAC;QACvE,IAAI,CAAC,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC;QACzC,IAAI,CAAC,gBAAgB,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC;QAC/C,IAAI,CAAC,gBAAgB,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,0CAAE,UAAU,CAAC;QAC3D,IAAI,CAAC,oBAAoB,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,0CAAE,cAAc,CAAC;QACnE,IAAI,CAAC,iBAAiB,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,0CAAE,WAAW,CAAC;QAC7D,IAAI,CAAC,sBAAsB,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,0CAAE,UAAU,CAAC;QAClE,IAAI,CAAC,0BAA0B,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,0CAAE,cAAc,CAAC;QAC1E,IAAI,CAAC,uBAAuB,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,0CAAE,WAAW,CAAC;IACtE,CAAC;IAEM,cAAc,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAA4B,EAC5B,QAAuC;;QAEvC,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,MAAM,MAAM,GAAG,WAAW,CAAC,mBAAmB,EAAE,CAAC;QACjD,IACE,UAAU,KAAK,UAAU,CAAC,OAAO;YACjC,QAAQ,KAAK,kBAAkB,CAAC,KAAK;YACrC,MAAM,KAAK,SAAS,EACpB;YACA,MAAM,mBAAmB,GAAG,CAC1B,oBAAC,mBAAmB,IAClB,MAAM,EAAE,MAAA,IAAI,CAAC,OAAO,mCAAI,MAAM,EAC9B,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,2BAA2B,EAAE,IAAI,CAAC,4BAA4B,KAC1D,IAAI,CAAC,gBAAgB,GACzB,CACH,CAAC;YAEF,MAAM,uBAAuB,GAAG,CAC9B,oBAAC,uBAAuB,IACtB,MAAM,EAAE,MAAA,IAAI,CAAC,OAAO,mCAAI,MAAM,EAC9B,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,UAAU,EAAE,IAAI,CAAC,WAAW,KACxB,IAAI,CAAC,oBAAoB,GAC7B,CACH,CAAC;YAEF,MAAM,2BAA2B,GAAG,CAClC,oBAAC,oBAAoB,IACnB,MAAM,EAAE,MAAA,IAAI,CAAC,OAAO,mCAAI,MAAM,EAC9B,2BAA2B,EACzB,IAAI,CAAC,4BAA4B;oBAC/B,CAAC,CAAC,mBAAmB,CAAC,GAAG;oBACzB,CAAC,CAAC,mBAAmB,CAAC,EAAE,KAExB,IAAI,CAAC,iBAAiB,GAC1B,CACH,CAAC;YAEF,MAAM,KAAK,GAAkC;gBAC3C;oBACE,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC;oBACxC,EAAE,EAAE,YAAY;oBAChB,MAAM,EAAE,IAAI,CAAC,sBAAsB;wBACjC,CAAC,CAAC,IAAI,CAAC,sBAAsB;wBAC7B,CAAC,CAAC,GAAG,EAAE,CAAC,mBAAmB;iBAC9B;gBACD;oBACE,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC;oBACzC,EAAE,EAAE,iBAAiB;oBACrB,MAAM,EAAE,IAAI,CAAC,0BAA0B;wBACrC,CAAC,CAAC,IAAI,CAAC,0BAA0B;wBACjC,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAuB;iBAClC;gBACD;oBACE,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,aAAa,CAAC;oBAC1C,EAAE,EAAE,0BAA0B;oBAC9B,MAAM,EAAE,IAAI,CAAC,uBAAuB;wBAClC,CAAC,CAAC,IAAI,CAAC,uBAAuB;wBAC9B,CAAC,CAAC,GAAG,EAAE,CAAC,2BAA2B;iBACtC;aACF,CAAC;YAEF,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC;aACtC;YAED,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC;gBACvC,8CAA8C;gBAC9C,gBAAgB,EAAE,GAAG,EAAE,CAAC,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,GAAI;aAC9D,CAAC,CAAC;SACJ;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","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*--------------------------------------------------------------------------------------------*/\nimport type {\n  AbstractWidgetProps,\n  StagePanelSection,\n  UiItemsProvider,\n} from \"@itwin/appui-abstract\";\nimport {\n  StagePanelLocation,\n  StageUsage,\n} from \"@itwin/appui-abstract\";\nimport { ClassGroupingOption, UiFramework } from \"@itwin/appui-react\";\nimport React from \"react\";\nimport { TreeWidgetComponent } from \"./TreeWidgetComponent\";\nimport { CategoriesTreeComponent } from \"./trees/CategoriesTree\";\nimport { ModelsTreeComponent } from \"./trees/ModelsTree\";\nimport { SpatialTreeComponent } from \"./trees/SpatialTree\";\nimport type { IModelConnection, Viewport } from \"@itwin/core-frontend\";\nimport type { SelectableContentDefinition } from \"@itwin/components-react\";\nimport { TreeWidget } from \"../TreeWidget\";\nimport type { TreeWidgetControlOptions } from \"./TreeWidgetControl\";\n\nexport class TreeWidgetUiItemsProvider implements UiItemsProvider {\n  public readonly id = \"TreeWidgetUiitemsProvider\";\n\n  private _imodel?: IModelConnection;\n  private _activeView?: Viewport;\n  private _enableElementsClassGrouping?: boolean;\n  private _allViewports?: boolean;\n  private _additionalTrees?: SelectableContentDefinition[];\n  private _modelsTreeProps?: {};\n  private _categoriesTreeProps?: {};\n  private _spatialTreeProps?: {};\n  private _modelsTreeReplacement?: () => React.ReactNode;\n  private _categoriesTreeReplacement?: () => React.ReactNode;\n  private _spatialTreeReplacement?: () => React.ReactNode;\n\n  constructor(props?: Partial<TreeWidgetControlOptions>) {\n    this._imodel = props?.iModelConnection;\n    this._activeView = props?.activeView;\n    this._enableElementsClassGrouping = props?.enableElementsClassGrouping;\n    this._allViewports = props?.allViewports;\n    this._additionalTrees = props?.additionalTrees;\n    this._modelsTreeProps = props?.additionalProps?.modelsTree;\n    this._categoriesTreeProps = props?.additionalProps?.categoriesTree;\n    this._spatialTreeProps = props?.additionalProps?.spatialTree;\n    this._modelsTreeReplacement = props?.treeReplacements?.modelsTree;\n    this._categoriesTreeReplacement = props?.treeReplacements?.categoriesTree;\n    this._spatialTreeReplacement = props?.treeReplacements?.spatialTree;\n  }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    _section: StagePanelSection | undefined\n  ): ReadonlyArray<AbstractWidgetProps> {\n    const widgets: AbstractWidgetProps[] = [];\n    const imodel = UiFramework.getIModelConnection();\n    if (\n      stageUsage === StageUsage.General &&\n      location === StagePanelLocation.Right &&\n      imodel !== undefined\n    ) {\n      const modelsTreeComponent = (\n        <ModelsTreeComponent\n          iModel={this._imodel ?? imodel}\n          allViewports={this._allViewports}\n          activeView={this._activeView}\n          enableElementsClassGrouping={this._enableElementsClassGrouping}\n          {...this._modelsTreeProps}\n        />\n      );\n\n      const categoriesTreeComponent = (\n        <CategoriesTreeComponent\n          iModel={this._imodel ?? imodel}\n          allViewports={this._allViewports}\n          activeView={this._activeView}\n          {...this._categoriesTreeProps}\n        />\n      );\n\n      const spatialContainmentComponent = (\n        <SpatialTreeComponent\n          iModel={this._imodel ?? imodel}\n          enableElementsClassGrouping={\n            this._enableElementsClassGrouping\n              ? ClassGroupingOption.Yes\n              : ClassGroupingOption.No\n          }\n          {...this._spatialTreeProps}\n        />\n      );\n\n      const trees: SelectableContentDefinition[] = [\n        {\n          label: TreeWidget.translate(\"modeltree\"),\n          id: \"model-tree\",\n          render: this._modelsTreeReplacement\n            ? this._modelsTreeReplacement\n            : () => modelsTreeComponent,\n        },\n        {\n          label: TreeWidget.translate(\"categories\"),\n          id: \"categories-tree\",\n          render: this._categoriesTreeReplacement\n            ? this._categoriesTreeReplacement\n            : () => categoriesTreeComponent,\n        },\n        {\n          label: TreeWidget.translate(\"containment\"),\n          id: \"spatial-containment-tree\",\n          render: this._spatialTreeReplacement\n            ? this._spatialTreeReplacement\n            : () => spatialContainmentComponent,\n        },\n      ];\n\n      if (this._additionalTrees) {\n        trees.push(...this._additionalTrees);\n      }\n\n      widgets.push({\n        id: \"tree\",\n        label: TreeWidget.translate(\"treeview\"),\n        // eslint-disable-next-line react/display-name\n        getWidgetContent: () => <TreeWidgetComponent trees={trees} />,\n      });\n    }\n\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"TreeWidgetUiItemsProvider.js","sourceRoot":"","sources":["../../../src/components/TreeWidgetUiItemsProvider.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/* eslint-disable react/display-name */\nimport type {\n  AbstractWidgetProps,\n  StagePanelSection,\n  UiItemsProvider,\n} from \"@itwin/appui-abstract\";\nimport {\n  AbstractZoneLocation,\n  StagePanelLocation,\n  StageUsage,\n} from \"@itwin/appui-abstract\";\nimport { ClassGroupingOption, UiFramework } from \"@itwin/appui-react\";\nimport React from \"react\";\nimport { TreeWidgetComponent } from \"./TreeWidgetComponent\";\nimport { CategoriesTreeComponent } from \"./trees/CategoriesTree\";\nimport { ModelsTreeComponent } from \"./trees/ModelsTree\";\nimport { SpatialTreeComponent } from \"./trees/SpatialTree\";\nimport type { SelectableContentDefinition } from \"@itwin/components-react\";\nimport { TreeWidget } from \"../TreeWidget\";\nimport type { TreeWidgetOptions } from \"../types\";\n\nexport const TreeWidgetId = \"tree-widget-react:trees\";\nexport class TreeWidgetUiItemsProvider implements UiItemsProvider {\n  public readonly id = \"TreeWidgetUiItemsProvider\";\n\n  constructor(private _treeWidgetOptions?: TreeWidgetOptions) { }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection,\n    // eslint-disable-next-line deprecation/deprecation\n    zoneLocation?: AbstractZoneLocation,\n  ): ReadonlyArray<AbstractWidgetProps> {\n    const widgets: AbstractWidgetProps[] = [];\n    if (\n      // eslint-disable-next-line deprecation/deprecation\n      (!section && stageUsage === StageUsage.General && zoneLocation === AbstractZoneLocation.CenterRight) ||\n      (stageUsage === StageUsage.General && location === StagePanelLocation.Right && UiFramework.uiVersion !== \"1\")\n    ) {\n      const trees: SelectableContentDefinition[] = [];\n\n      if (!this._treeWidgetOptions?.hideTrees?.modelsTree) {\n        trees.push({\n          label: TreeWidget.translate(\"modeltree\"),\n          id: \"model-tree\",\n          render: () => (\n            <ModelsTreeComponent\n              enableElementsClassGrouping={\n                this._treeWidgetOptions?.enableElementsClassGrouping\n                  ? ClassGroupingOption.YesWithCounts\n                  : ClassGroupingOption.No\n              }\n              {...this._treeWidgetOptions?.modelsTreeProps}\n            />\n          ),\n        });\n      }\n\n      if (!this._treeWidgetOptions?.hideTrees?.categoriesTree) {\n        trees.push({\n          label: TreeWidget.translate(\"categories\"),\n          id: \"categories-tree\",\n          render: () => (\n            <CategoriesTreeComponent {...this._treeWidgetOptions?.categoriesTreeProps} />\n          ),\n        });\n      }\n\n      if (!this._treeWidgetOptions?.hideTrees?.spatialTree) {\n        trees.push({\n          label: TreeWidget.translate(\"containment\"),\n          id: \"spatial-containment-tree\",\n          render: () => (\n            <SpatialTreeComponent\n              enableElementsClassGrouping={\n                this._treeWidgetOptions?.enableElementsClassGrouping\n                  ? ClassGroupingOption.YesWithCounts\n                  : ClassGroupingOption.No\n              }\n              {...this._treeWidgetOptions?.spatialTreeProps}\n            />\n          ),\n        });\n      }\n\n      if (this._treeWidgetOptions?.additionalTrees) {\n        trees.push(...this._treeWidgetOptions.additionalTrees);\n      }\n\n      widgets.push({\n        id: TreeWidgetId,\n        label: TreeWidget.translate(\"treeview\"),\n        getWidgetContent: () => <TreeWidgetComponent trees={trees} />,\n      });\n    }\n\n    return widgets;\n  }\n}\n"]}

package/lib/esm/components/header/TreeHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { SearchOptions } from "../TreeFilteringState";
 import "./TreeHeader.scss";
 export interface TreeHeaderComponentProps {

package/lib/esm/components/header/TreeHeader.scss

@@ -2,7 +2,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/esm/core-react/index";
+@import "~@itwin/core-react/lib/cjs/core-react/index";
 
 .tree-widget-header-tree-search-bar {
   margin-bottom: $uicore-s;

package/lib/esm/components/rulesets/IModelContent.json

@@ -0,0 +1,435 @@
+{
+    "$schema": "../../node_modules/@itwin/presentation-common/Ruleset.schema.json",
+    "id": "tree-widget-react/imodel-content",
+    "requiredSchemas": [
+        {
+            "name": "BisCore"
+        }
+    ],
+    "rules": [
+        {
+            "ruleType": "RootNodes",
+            "autoExpand": true,
+            "specifications": [
+                {
+                    "specType": "InstanceNodesOfSpecificClasses",
+                    "classes": [
+                        {
+                            "schemaName": "BisCore",
+                            "classNames": ["Subject"],
+                            "arePolymorphic": false
+                        }
+                    ],
+                    "instanceFilter": "this.Parent = NULL",
+                    "groupByClass": false,
+                    "groupByLabel": false
+                }
+            ]
+        },
+        {
+            "ruleType": "ChildNodes",
+            "condition": "ParentNode.IsOfClass(\"Subject\", \"BisCore\")",
+            "specifications": [
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        {
+                            "relationship": {
+                                "schemaName": "BisCore",
+                                "className": "SubjectOwnsSubjects"
+                            },
+                            "direction": "Forward",
+                            "targetClass": {
+                                "schemaName": "BisCore",
+                                "className": "Subject"
+                            }
+                        }
+                    ],
+                    "instanceFilter": "json_extract(this.JsonProperties, \"$.Subject.Job.Bridge\") <> NULL OR ifnull(json_extract(this.JsonProperties, \"$.Subject.Model.Type\"), \"\") = \"Hierarchy\"",
+                    "hideNodesInHierarchy": true,
+                    "groupByClass": false,
+                    "groupByLabel": false
+                },
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        {
+                            "relationship": {
+                                "schemaName": "BisCore",
+                                "className": "SubjectOwnsSubjects"
+                            },
+                            "direction": "Forward",
+                            "targetClass": {
+                                "schemaName": "BisCore",
+                                "className": "Subject"
+                            }
+                        }
+                    ],
+                    "instanceFilter": "json_extract(this.JsonProperties, \"$.Subject.Job.Bridge\") = NULL AND ifnull(json_extract(this.JsonProperties, \"$.Subject.Model.Type\"), \"\") <> \"Hierarchy\"",
+                    "groupByClass": false,
+                    "groupByLabel": false
+                }
+            ]
+        },
+        {
+            "ruleType": "ChildNodes",
+            "condition": "ParentNode.IsOfClass(\"Subject\", \"BisCore\")",
+            "specifications": [
+                {
+                    "specType": "InstanceNodesOfSpecificClasses",
+                    "classes": {
+                        "schemaName": "BisCore",
+                        "classNames": ["Model"],
+                        "arePolymorphic": true
+                    },
+                    "relatedInstances": [
+                        {
+                            "relationshipPath": {
+                                "relationship": {
+                                    "schemaName": "BisCore",
+                                    "className": "ModelModelsElement"
+                                },
+                                "direction": "Forward",
+                                "targetClass": {
+                                    "schemaName": "BisCore",
+                                    "className": "InformationPartitionElement"
+                                }
+                            },
+                            "alias": "partition",
+                            "isRequired": true
+                        }
+                    ],
+                    "instanceFilter": "(parent.ECInstanceId = partition.Parent.Id OR json_extract(parent.JsonProperties, \"$.Subject.Model.TargetPartition\") = printf(\"0x%x\", partition.ECInstanceId)) AND NOT this.IsPrivate AND json_extract(partition.JsonProperties, \"$.PhysicalPartition.Model.Content\") = NULL AND json_extract(partition.JsonProperties, \"$.GraphicalPartition3d.Model.Content\") = NULL",
+                    "groupByClass": false,
+                    "groupByLabel": false
+                },
+                {
+                    "specType": "InstanceNodesOfSpecificClasses",
+                    "classes": {
+                        "schemaName": "BisCore",
+                        "classNames": ["Model"],
+                        "arePolymorphic": true
+                    },
+                    "relatedInstances": [
+                        {
+                            "relationshipPath": {
+                                "relationship": {
+                                    "schemaName": "BisCore",
+                                    "className": "ModelModelsElement"
+                                },
+                                "direction": "Forward",
+                                "targetClass": {
+                                    "schemaName": "BisCore",
+                                    "className": "InformationPartitionElement"
+                                }
+                            },
+                            "alias": "partition",
+                            "isRequired": true
+                        }
+                    ],
+                    "instanceFilter": "(parent.ECInstanceId = partition.Parent.Id OR json_extract(parent.JsonProperties, \"$.Subject.Model.TargetPartition\") = printf(\"0x%x\", partition.ECInstanceId)) AND NOT this.IsPrivate AND (json_extract(partition.JsonProperties, \"$.PhysicalPartition.Model.Content\") <> NULL OR json_extract(partition.JsonProperties, \"$.GraphicalPartition3d.Model.Content\") <> NULL)",
+                    "hideNodesInHierarchy": true,
+                    "groupByClass": false,
+                    "groupByLabel": false
+                }
+            ]
+        },
+        {
+            "ruleType": "ChildNodes",
+            "condition": "ParentNode.IsOfClass(\"ISubModeledElement\", \"BisCore\")",
+            "specifications": [
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        {
+                            "relationship": {
+                                "schemaName": "BisCore",
+                                "className": "ModelModelsElement"
+                            },
+                            "direction": "Backward"
+                        }
+                    ],
+                    "instanceFilter": "NOT this.IsPrivate",
+                    "hideNodesInHierarchy": true,
+                    "groupByClass": false,
+                    "groupByLabel": false
+                }
+            ]
+        },
+        {
+            "ruleType": "ChildNodes",
+            "condition": "ParentNode.IsOfClass(\"GeometricModel3d\", \"BisCore\")",
+            "specifications": [
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        [
+                            {
+                                "relationship": {
+                                    "schemaName": "BisCore",
+                                    "className": "ModelContainsElements"
+                                },
+                                "direction": "Forward"
+                            },
+                            {
+                                "relationship": {
+                                    "schemaName": "BisCore",
+                                    "className": "GeometricElement3dIsInCategory"
+                                },
+                                "direction": "Forward"
+                            }
+                        ]
+                    ],
+                    "suppressSimilarAncestorsCheck": true,
+                    "groupByClass": false,
+                    "groupByLabel": false,
+                    "nestedRules": [
+                        {
+                            "ruleType": "ChildNodes",
+                            "condition": "ParentNode.IsOfClass(\"SpatialCategory\", \"BisCore\")",
+                            "specifications": [
+                                {
+                                    "specType": "RelatedInstanceNodes",
+                                    "relationshipPaths": [
+                                        {
+                                            "relationship": {
+                                                "schemaName": "BisCore",
+                                                "className": "GeometricElement3dIsInCategory"
+                                            },
+                                            "direction": "Backward"
+                                        }
+                                    ],
+                                    "instanceFilter": "this.Model.Id = parent.parent.ECInstanceId ANDALSO this.Parent = NULL",
+                                    "groupByClass": true,
+                                    "groupByLabel": false
+                                }
+                            ]
+                        }
+                    ]
+                },
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        {
+                            "relationship": {
+                                "schemaName": "BisCore",
+                                "className": "ModelContainsElements"
+                            },
+                            "direction": "Forward",
+                            "targetClass": {
+                                "schemaName": "BisCore",
+                                "className": "InformationContentElement"
+                            }
+                        }
+                    ],
+                    "groupByClass": true,
+                    "groupByLabel": false
+                }
+            ]
+        },
+        {
+            "ruleType": "ChildNodes",
+            "condition": "ParentNode.IsOfClass(\"GeometricModel2d\", \"BisCore\")",
+            "specifications": [
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        [
+                            {
+                                "relationship": {
+                                    "schemaName": "BisCore",
+                                    "className": "ModelContainsElements"
+                                },
+                                "direction": "Forward"
+                            },
+                            {
+                                "relationship": {
+                                    "schemaName": "BisCore",
+                                    "className": "GeometricElement2dIsInCategory"
+                                },
+                                "direction": "Forward"
+                            }
+                        ]
+                    ],
+                    "suppressSimilarAncestorsCheck": true,
+                    "groupByClass": false,
+                    "groupByLabel": false,
+                    "nestedRules": [
+                        {
+                            "ruleType": "ChildNodes",
+                            "condition": "ParentNode.IsOfClass(\"DrawingCategory\", \"BisCore\")",
+                            "specifications": [
+                                {
+                                    "specType": "RelatedInstanceNodes",
+                                    "relationshipPaths": [
+                                        {
+                                            "relationship": {
+                                                "schemaName": "BisCore",
+                                                "className": "GeometricElement2dIsInCategory"
+                                            },
+                                            "direction": "Backward"
+                                        }
+                                    ],
+                                    "instanceFilter": "this.Model.Id = parent.parent.ECInstanceId ANDALSO this.Parent = NULL",
+                                    "groupByClass": true,
+                                    "groupByLabel": false
+                                }
+                            ]
+                        }
+                    ]
+                },
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        {
+                            "relationship": {
+                                "schemaName": "BisCore",
+                                "className": "ModelContainsElements"
+                            },
+                            "direction": "Forward",
+                            "targetClass": {
+                                "schemaName": "BisCore",
+                                "className": "InformationContentElement"
+                            }
+                        }
+                    ],
+                    "groupByClass": true,
+                    "groupByLabel": false
+                }
+            ]
+        },
+        {
+            "ruleType": "ChildNodes",
+            "condition": "ParentNode.IsOfClass(\"Model\", \"BisCore\")",
+            "onlyIfNotHandled": true,
+            "specifications": [
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        [
+                            {
+                                "relationship": {
+                                    "schemaName": "BisCore",
+                                    "className": "ModelContainsElements"
+                                },
+                                "direction": "Forward"
+                            }
+                        ]
+                    ],
+                    "instanceFilter": "this.Parent = NULL",
+                    "groupByClass": true,
+                    "groupByLabel": false
+                }
+            ]
+        },
+        {
+            "ruleType": "ChildNodes",
+            "condition": "ParentNode.IsOfClass(\"GroupInformationElement\", \"BisCore\")",
+            "onlyIfNotHandled": true,
+            "specifications": [
+                {
+                    "specType": "CustomNode",
+                    "type": "T_CHILDREN",
+                    "label": "Children",
+                    "imageId": "icon-hierarchy-tree",
+                    "hideIfNoChildren": true,
+                    "nestedRules": [
+                        {
+                            "ruleType": "ChildNodes",
+                            "specifications": [
+                                {
+                                    "specType": "RelatedInstanceNodes",
+                                    "relationshipPaths": [
+                                        {
+                                            "relationship": {
+                                                "schemaName": "BisCore",
+                                                "className": "ElementOwnsChildElements"
+                                            },
+                                            "direction": "Forward"
+                                        }
+                                    ],
+                                    "groupByClass": true,
+                                    "groupByLabel": false
+                                }
+                            ]
+                        }
+                    ]
+                },
+                {
+                    "specType": "CustomNode",
+                    "type": "T_GROUPED_MEMBERS",
+                    "label": "Members",
+                    "imageId": "icon-group",
+                    "hideIfNoChildren": true,
+                    "nestedRules": [
+                        {
+                            "ruleType": "ChildNodes",
+                            "specifications": [
+                                {
+                                    "specType": "RelatedInstanceNodes",
+                                    "relationshipPaths": [
+                                        {
+                                            "relationship": {
+                                                "schemaName": "BisCore",
+                                                "className": "ElementGroupsMembers"
+                                            },
+                                            "direction": "Forward"
+                                        }
+                                    ],
+                                    "groupByClass": true,
+                                    "groupByLabel": false
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "ruleType": "ChildNodes",
+            "condition": "ParentNode.IsOfClass(\"Element\", \"BisCore\")",
+            "onlyIfNotHandled": true,
+            "specifications": [
+                {
+                    "specType": "RelatedInstanceNodes",
+                    "relationshipPaths": [
+                        {
+                            "relationship": {
+                                "schemaName": "BisCore",
+                                "className": "ElementOwnsChildElements"
+                            },
+                            "direction": "Forward"
+                        }
+                    ],
+                    "groupByClass": true,
+                    "groupByLabel": false
+                }
+            ]
+        },
+        {
+            "ruleType": "ImageIdOverride",
+            "condition": "ThisNode.IsInstanceNode ANDALSO ThisNode.IsOfClass(\"Subject\", \"BisCore\")",
+            "imageIdExpression": "IIF(this.Parent.Id = NULL, \"icon-imodel-hollow-2\", \"icon-folder\")"
+        },
+        {
+            "ruleType": "ImageIdOverride",
+            "condition": "ThisNode.IsInstanceNode ANDALSO ThisNode.IsOfClass(\"Model\", \"BisCore\")",
+            "imageIdExpression": "\"icon-model\""
+        },
+        {
+            "ruleType": "ImageIdOverride",
+            "condition": "ThisNode.IsInstanceNode ANDALSO ThisNode.IsOfClass(\"Category\", \"BisCore\")",
+            "imageIdExpression": "\"icon-layers\""
+        },
+        {
+            "ruleType": "ImageIdOverride",
+            "condition": "ThisNode.IsInstanceNode ANDALSO ThisNode.IsOfClass(\"Element\", \"BisCore\")",
+            "imageIdExpression": "\"icon-item\""
+        },
+        {
+            "ruleType": "ImageIdOverride",
+            "condition": "ThisNode.IsClassGroupingNode",
+            "imageIdExpression": "\"icon-ec-class\""
+        }
+    ]
+}

package/lib/esm/components/search-bar/Popup.scss

@@ -2,7 +2,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/esm/core-react/index";
+@import "~@itwin/core-react/lib/cjs/core-react/index";
 
 .tree-widget-search-popup {
   display: block;

package/lib/esm/components/search-bar/SearchBar.scss

@@ -2,7 +2,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/esm/core-react/index";
+@import "~@itwin/core-react/lib/cjs/core-react/index";
 
 .tree-widget-search-bar {
   display: flex;

package/lib/esm/components/search-bar/SearchBox.scss

@@ -2,7 +2,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/esm/core-react/index";
+@import "~@itwin/core-react/lib/cjs/core-react/index";
 
 .tree-widget-searchbox {
   @include uicore-font-family;

package/lib/esm/components/trees/CategoriesTree.d.ts

@@ -1,9 +1,5 @@
-import type { IModelConnection, Viewport } from "@itwin/core-frontend";
+/// <reference types="react" />
 import "./CategoriesTree.scss";
-export interface CategoriesTreeComponentProps {
-    iModel: IModelConnection;
-    allViewports?: boolean;
-    activeView?: Viewport;
-}
-export declare function CategoriesTreeComponent(props: CategoriesTreeComponentProps): JSX.Element;
+import type { CategoriesTreeProps } from "../../types";
+export declare function CategoriesTreeComponent(props: CategoriesTreeProps): JSX.Element;
 //# sourceMappingURL=CategoriesTree.d.ts.map

package/lib/esm/components/trees/CategoriesTree.js

@@ -2,39 +2,36 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-import React, { useCallback, useState } from "react";
+import React, { useCallback } from "react";
 import { IModelApp } from "@itwin/core-frontend";
-import { CategoryTree, getCategories, toggleAllCategories } from "@itwin/appui-react";
+import { CategoryTree, getCategories, toggleAllCategories, useActiveIModelConnection, useActiveViewport } from "@itwin/appui-react";
 import { useTreeFilteringState } from "../TreeFilteringState";
 import "./CategoriesTree.scss";
 import { TreeHeaderComponent } from "../header/TreeHeader";
 import { CategoryVisibilityHandler } from "@itwin/appui-react";
-import { useResizeObserver } from "@itwin/core-react";
+import { AutoSizer } from "../utils/AutoSizer";
 export function CategoriesTreeComponent(props) {
+    const iModel = useActiveIModelConnection();
+    const viewport = useActiveViewport();
     const { searchOptions, filterString, activeMatchIndex, onFilterApplied, filteredProvider, } = useTreeFilteringState();
-    const [height, setHeight] = useState(0);
-    const [width, setWidth] = useState(0);
-    const handleResize = useCallback((w, h) => {
-        setHeight(h);
-        setWidth(w);
-    }, []);
-    const ref = useResizeObserver(handleResize);
     const showAll = useCallback(async () => {
-        return toggleAllCategories(IModelApp.viewManager, props.iModel, true, undefined, true, filteredProvider);
-    }, [props.iModel, filteredProvider]);
+        if (!iModel)
+            return;
+        return toggleAllCategories(IModelApp.viewManager, iModel, true, undefined, true, filteredProvider);
+    }, [iModel, filteredProvider]);
     const hideAll = useCallback(async () => {
-        return toggleAllCategories(IModelApp.viewManager, props.iModel, false, undefined, true, filteredProvider);
-    }, [props.iModel, filteredProvider]);
+        if (!iModel)
+            return;
+        return toggleAllCategories(IModelApp.viewManager, iModel, false, undefined, true, filteredProvider);
+    }, [iModel, filteredProvider]);
     const invert = useCallback(async () => {
-        const activeView = IModelApp.viewManager.getFirstOpenView();
-        if (!activeView) {
+        if (!iModel || !viewport)
             return;
-        }
-        const ids = await getCategories(props.iModel, activeView, filteredProvider);
+        const ids = await getCategories(iModel, viewport, filteredProvider);
         const enabled = [];
         const disabled = [];
         for (const id of ids) {
-            if (activeView.view.viewsCategory(id)) {
+            if (viewport.view.viewsCategory(id)) {
                 enabled.push(id);
             }
             else {
@@ -42,12 +39,13 @@ export function CategoriesTreeComponent(props) {
             }
         }
         // Disable enabled
-        CategoryVisibilityHandler.enableCategory(IModelApp.viewManager, props.iModel, enabled, false, true);
+        CategoryVisibilityHandler.enableCategory(IModelApp.viewManager, iModel, enabled, false, true);
         // Enable disabled
-        CategoryVisibilityHandler.enableCategory(IModelApp.viewManager, props.iModel, disabled, true, true);
-    }, [props.iModel, filteredProvider]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TreeHeaderComponent, { searchOptions: searchOptions, showAll: showAll, hideAll: hideAll, invert: invert }),
-        React.createElement("div", { ref: ref, style: { width: "100%", height: "100%" } }, width && height && (React.createElement(CategoryTree, { ...props, filterInfo: { filter: filterString, activeMatchIndex }, onFilterApplied: onFilterApplied, width: width, height: height })))));
+        CategoryVisibilityHandler.enableCategory(IModelApp.viewManager, iModel, disabled, true, true);
+    }, [iModel, viewport, filteredProvider]);
+    return (React.createElement(React.Fragment, null, iModel && viewport &&
+        React.createElement(React.Fragment, null,
+            React.createElement(TreeHeaderComponent, { searchOptions: searchOptions, showAll: showAll, hideAll: hideAll, invert: invert }),
+            React.createElement(AutoSizer, null, ({ width, height }) => (React.createElement(CategoryTree, { ...props, iModel: iModel, width: width, height: height, filterInfo: { filter: filterString, activeMatchIndex }, onFilterApplied: onFilterApplied }))))));
 }
 //# sourceMappingURL=CategoriesTree.js.map