@itwin/tree-widget-react 0.2.0 → 0.4.0

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/trees/CategoriesTree.js

@@ -31,32 +31,29 @@ const TreeFilteringState_1 = require("../TreeFilteringState");
 require("./CategoriesTree.scss");
 const TreeHeader_1 = require("../header/TreeHeader");
 const appui_react_2 = require("@itwin/appui-react");
-const core_react_1 = require("@itwin/core-react");
+const AutoSizer_1 = require("../utils/AutoSizer");
 function CategoriesTreeComponent(props) {
+    const iModel = appui_react_1.useActiveIModelConnection();
+    const viewport = appui_react_1.useActiveViewport();
     const { searchOptions, filterString, activeMatchIndex, onFilterApplied, filteredProvider, } = TreeFilteringState_1.useTreeFilteringState();
-    const [height, setHeight] = react_1.useState(0);
-    const [width, setWidth] = react_1.useState(0);
-    const handleResize = react_1.useCallback((w, h) => {
-        setHeight(h);
-        setWidth(w);
-    }, []);
-    const ref = core_react_1.useResizeObserver(handleResize);
     const showAll = react_1.useCallback(async () => {
-        return appui_react_1.toggleAllCategories(core_frontend_1.IModelApp.viewManager, props.iModel, true, undefined, true, filteredProvider);
-    }, [props.iModel, filteredProvider]);
+        if (!iModel)
+            return;
+        return appui_react_1.toggleAllCategories(core_frontend_1.IModelApp.viewManager, iModel, true, undefined, true, filteredProvider);
+    }, [iModel, filteredProvider]);
     const hideAll = react_1.useCallback(async () => {
-        return appui_react_1.toggleAllCategories(core_frontend_1.IModelApp.viewManager, props.iModel, false, undefined, true, filteredProvider);
-    }, [props.iModel, filteredProvider]);
+        if (!iModel)
+            return;
+        return appui_react_1.toggleAllCategories(core_frontend_1.IModelApp.viewManager, iModel, false, undefined, true, filteredProvider);
+    }, [iModel, filteredProvider]);
     const invert = react_1.useCallback(async () => {
-        const activeView = core_frontend_1.IModelApp.viewManager.getFirstOpenView();
-        if (!activeView) {
+        if (!iModel || !viewport)
             return;
-        }
-        const ids = await appui_react_1.getCategories(props.iModel, activeView, filteredProvider);
+        const ids = await appui_react_1.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 {
@@ -64,13 +61,14 @@ function CategoriesTreeComponent(props) {
             }
         }
         // Disable enabled
-        appui_react_2.CategoryVisibilityHandler.enableCategory(core_frontend_1.IModelApp.viewManager, props.iModel, enabled, false, true);
+        appui_react_2.CategoryVisibilityHandler.enableCategory(core_frontend_1.IModelApp.viewManager, iModel, enabled, false, true);
         // Enable disabled
-        appui_react_2.CategoryVisibilityHandler.enableCategory(core_frontend_1.IModelApp.viewManager, props.iModel, disabled, true, true);
-    }, [props.iModel, filteredProvider]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(TreeHeader_1.TreeHeaderComponent, { searchOptions: searchOptions, showAll: showAll, hideAll: hideAll, invert: invert }),
-        react_1.default.createElement("div", { ref: ref, style: { width: "100%", height: "100%" } }, width && height && (react_1.default.createElement(appui_react_1.CategoryTree, { ...props, filterInfo: { filter: filterString, activeMatchIndex }, onFilterApplied: onFilterApplied, width: width, height: height })))));
+        appui_react_2.CategoryVisibilityHandler.enableCategory(core_frontend_1.IModelApp.viewManager, iModel, disabled, true, true);
+    }, [iModel, viewport, filteredProvider]);
+    return (react_1.default.createElement(react_1.default.Fragment, null, iModel && viewport &&
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(TreeHeader_1.TreeHeaderComponent, { searchOptions: searchOptions, showAll: showAll, hideAll: hideAll, invert: invert }),
+            react_1.default.createElement(AutoSizer_1.AutoSizer, null, ({ width, height }) => (react_1.default.createElement(appui_react_1.CategoryTree, { ...props, iModel: iModel, width: width, height: height, filterInfo: { filter: filterString, activeMatchIndex }, onFilterApplied: onFilterApplied }))))));
 }
 exports.CategoriesTreeComponent = CategoriesTreeComponent;
 //# sourceMappingURL=CategoriesTree.js.map

package/lib/cjs/components/trees/CategoriesTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesTree.js","sourceRoot":"","sources":["../../../../src/components/trees/CategoriesTree.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*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useState } from \"react\";\nimport type { IModelConnection, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { CategoryTree, getCategories, toggleAllCategories } from \"@itwin/appui-react\";\nimport { useTreeFilteringState } from \"../TreeFilteringState\";\nimport \"./CategoriesTree.scss\";\nimport { TreeHeaderComponent } from \"../header/TreeHeader\";\nimport { CategoryVisibilityHandler } from \"@itwin/appui-react\";\nimport { useResizeObserver } from \"@itwin/core-react\";\n\nexport interface CategoriesTreeComponentProps {\n  iModel: IModelConnection;\n  allViewports?: boolean;\n  activeView?: Viewport;\n}\n\nexport function CategoriesTreeComponent(props: CategoriesTreeComponentProps) {\n  const {\n    searchOptions,\n    filterString,\n    activeMatchIndex,\n    onFilterApplied,\n    filteredProvider,\n  } = useTreeFilteringState();\n\n  const [height, setHeight] = useState(0);\n  const [width, setWidth] = useState(0);\n  const handleResize = useCallback((w: number, h: number) => {\n    setHeight(h);\n    setWidth(w);\n  }, []);\n  const ref = useResizeObserver<HTMLDivElement>(handleResize);\n\n  const showAll = useCallback(async () => {\n    return toggleAllCategories(\n      IModelApp.viewManager,\n      props.iModel,\n      true,\n      undefined,\n      true,\n      filteredProvider\n    );\n  }, [props.iModel, filteredProvider]);\n\n  const hideAll = useCallback(async () => {\n    return toggleAllCategories(\n      IModelApp.viewManager,\n      props.iModel,\n      false,\n      undefined,\n      true,\n      filteredProvider\n    );\n  }, [props.iModel, filteredProvider]);\n\n  const invert = useCallback(async () => {\n    const activeView = IModelApp.viewManager.getFirstOpenView();\n    if (!activeView) {\n      return;\n    }\n\n    const ids = await getCategories(props.iModel, activeView, filteredProvider);\n    const enabled: string[] = [];\n    const disabled: string[] = [];\n    for (const id of ids) {\n      if (activeView.view.viewsCategory(id)) {\n        enabled.push(id);\n      } else {\n        disabled.push(id);\n      }\n    }\n    // Disable enabled\n    CategoryVisibilityHandler.enableCategory(\n      IModelApp.viewManager,\n      props.iModel,\n      enabled,\n      false,\n      true\n    );\n    // Enable disabled\n    CategoryVisibilityHandler.enableCategory(\n      IModelApp.viewManager,\n      props.iModel,\n      disabled,\n      true,\n      true\n    );\n  }, [props.iModel, filteredProvider]);\n\n  return (\n    <>\n      <TreeHeaderComponent\n        searchOptions={searchOptions}\n        showAll={showAll}\n        hideAll={hideAll}\n        invert={invert}\n      />\n      <div ref={ref} style={{ width: \"100%\", height: \"100%\" }}>\n        {width && height && (\n          <CategoryTree\n            {...props}\n            filterInfo={{ filter: filterString, activeMatchIndex }}\n            onFilterApplied={onFilterApplied}\n            width={width}\n            height={height}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"CategoriesTree.js","sourceRoot":"","sources":["../../../../src/components/trees/CategoriesTree.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAA2C;AAC3C,wDAAiD;AACjD,oDAAoI;AACpI,8DAA8D;AAC9D,iCAA+B;AAC/B,qDAA2D;AAC3D,oDAA+D;AAE/D,kDAA+C;AAE/C,SAAgB,uBAAuB,CAAC,KAA0B;IAChE,MAAM,MAAM,GAAG,uCAAyB,EAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,+BAAiB,EAAE,CAAC;IAErC,MAAM,EACJ,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,GAAG,0CAAqB,EAAE,CAAC;IAE5B,MAAM,OAAO,GAAG,mBAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,OAAO,iCAAmB,CACxB,yBAAS,CAAC,WAAW,EACrB,MAAM,EACN,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/B,MAAM,OAAO,GAAG,mBAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,OAAO,iCAAmB,CACxB,yBAAS,CAAC,WAAW,EACrB,MAAM,EACN,KAAK,EACL,SAAS,EACT,IAAI,EACJ,gBAAgB,CACjB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/B,MAAM,MAAM,GAAG,mBAAW,CAAC,KAAK,IAAI,EAAE;QACpC,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEjC,MAAM,GAAG,GAAG,MAAM,2BAAa,CAAC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC;QACpE,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,MAAM,QAAQ,GAAa,EAAE,CAAC;QAC9B,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE;YACpB,IAAI,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE;gBACnC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;aAClB;iBAAM;gBACL,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;aACnB;SACF;QACD,kBAAkB;QAClB,uCAAyB,CAAC,cAAc,CACtC,yBAAS,CAAC,WAAW,EACrB,MAAM,EACN,OAAO,EACP,KAAK,EACL,IAAI,CACL,CAAC;QACF,kBAAkB;QAClB,uCAAyB,CAAC,cAAc,CACtC,yBAAS,CAAC,WAAW,EACrB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,IAAI,CACL,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,8DACG,MAAM,IAAI,QAAQ;QACjB;YACE,8BAAC,gCAAmB,IAClB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GACd;YACF,8BAAC,qBAAS,QACP,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACtB,8BAAC,0BAAY,OACP,KAAK,EACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,EACtD,eAAe,EAAE,eAAe,GAChC,CACH,CACS,CACX,CAEJ,CACJ,CAAC;AACJ,CAAC;AA9FD,0DA8FC","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 React, { useCallback } from \"react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { CategoryTree, getCategories, toggleAllCategories, useActiveIModelConnection, useActiveViewport } from \"@itwin/appui-react\";\nimport { useTreeFilteringState } from \"../TreeFilteringState\";\nimport \"./CategoriesTree.scss\";\nimport { TreeHeaderComponent } from \"../header/TreeHeader\";\nimport { CategoryVisibilityHandler } from \"@itwin/appui-react\";\nimport type { CategoriesTreeProps } from \"../../types\";\nimport { AutoSizer } from \"../utils/AutoSizer\";\n\nexport function CategoriesTreeComponent(props: CategoriesTreeProps) {\n  const iModel = useActiveIModelConnection();\n  const viewport = useActiveViewport();\n\n  const {\n    searchOptions,\n    filterString,\n    activeMatchIndex,\n    onFilterApplied,\n    filteredProvider,\n  } = useTreeFilteringState();\n\n  const showAll = useCallback(async () => {\n    if (!iModel) return;\n\n    return toggleAllCategories(\n      IModelApp.viewManager,\n      iModel,\n      true,\n      undefined,\n      true,\n      filteredProvider\n    );\n  }, [iModel, filteredProvider]);\n\n  const hideAll = useCallback(async () => {\n    if (!iModel) return;\n    return toggleAllCategories(\n      IModelApp.viewManager,\n      iModel,\n      false,\n      undefined,\n      true,\n      filteredProvider\n    );\n  }, [iModel, filteredProvider]);\n\n  const invert = useCallback(async () => {\n    if (!iModel || !viewport) return;\n\n    const ids = await getCategories(iModel, viewport, filteredProvider);\n    const enabled: string[] = [];\n    const disabled: string[] = [];\n    for (const id of ids) {\n      if (viewport.view.viewsCategory(id)) {\n        enabled.push(id);\n      } else {\n        disabled.push(id);\n      }\n    }\n    // Disable enabled\n    CategoryVisibilityHandler.enableCategory(\n      IModelApp.viewManager,\n      iModel,\n      enabled,\n      false,\n      true\n    );\n    // Enable disabled\n    CategoryVisibilityHandler.enableCategory(\n      IModelApp.viewManager,\n      iModel,\n      disabled,\n      true,\n      true\n    );\n  }, [iModel, viewport, filteredProvider]);\n\n  return (\n    <>\n      {iModel && viewport &&\n        <>\n          <TreeHeaderComponent\n            searchOptions={searchOptions}\n            showAll={showAll}\n            hideAll={hideAll}\n            invert={invert}\n          />\n          <AutoSizer>\n            {({ width, height }) => (\n              <CategoryTree\n                {...props}\n                iModel={iModel}\n                width={width}\n                height={height}\n                filterInfo={{ filter: filterString, activeMatchIndex }}\n                onFilterApplied={onFilterApplied}\n              />\n            )}\n          </AutoSizer>\n        </>\n      }\n    </>\n  );\n}\n"]}

package/lib/cjs/components/trees/CategoriesTree.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-category-tree-search-bar {
   margin-bottom: $uicore-s;

package/lib/cjs/components/trees/IModelContentTree.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IModelContentTreeProps } from "../../types";
+export declare const IModelContentTree: (props: IModelContentTreeProps) => JSX.Element;
+//# sourceMappingURL=IModelContentTree.d.ts.map

package/lib/cjs/components/trees/{ClassificationsTree.js → IModelContentTree.js}

@@ -22,22 +22,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClassificationsTreeComponent = void 0;
+exports.IModelContentTree = void 0;
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const TreeWithRuleset_1 = require("./TreeWithRuleset");
+const react_1 = __importStar(require("react"));
 const presentation_components_1 = require("@itwin/presentation-components");
-const ClassificationSystems_json_1 = __importDefault(require("../rulesets/ClassificationSystems.json"));
-function ClassificationsTreeComponent(props) {
-    const dataProvider = new presentation_components_1.PresentationTreeDataProvider({
-        imodel: props.iModel,
-        ruleset: ClassificationSystems_json_1.default.id,
+const components_react_1 = require("@itwin/components-react");
+const IModelContent_json_1 = __importDefault(require("../rulesets/IModelContent.json"));
+const AutoSizer_1 = require("../utils/AutoSizer");
+const classnames_1 = __importDefault(require("classnames"));
+const IModelContentTree = (props) => {
+    const { iModel, className, ...divProps } = props;
+    const { nodeLoader } = presentation_components_1.usePresentationTreeNodeLoader({
+        imodel: iModel,
+        ruleset: IModelContent_json_1.default,
         pagingSize: 20,
+        appendChildrenCountForGroupingNodes: true,
     });
-    return (React.createElement(TreeWithRuleset_1.SimpleTreeWithRuleset, { imodel: props.iModel, ruleSet: ClassificationSystems_json_1.default, dataProvider: dataProvider }));
-}
-exports.ClassificationsTreeComponent = ClassificationsTreeComponent;
-//# sourceMappingURL=ClassificationsTree.js.map
+    const eventHandler = components_react_1.useTreeEventsHandler(react_1.useMemo(() => ({ nodeLoader, modelSource: nodeLoader.modelSource, collapsedChildrenDisposalEnabled: true }), [nodeLoader]));
+    const treeModel = components_react_1.useTreeModel(nodeLoader.modelSource);
+    return (react_1.default.createElement(AutoSizer_1.AutoSizer, null, ({ width, height }) => (react_1.default.createElement("div", { ...divProps, className: classnames_1.default("imodel-content-tree", className) },
+        react_1.default.createElement(components_react_1.ControlledTree, { width: width, height: height, nodeLoader: nodeLoader, selectionMode: components_react_1.SelectionMode.None, eventsHandler: eventHandler, model: treeModel, iconsEnabled: true })))));
+};
+exports.IModelContentTree = IModelContentTree;
+//# sourceMappingURL=IModelContentTree.js.map