@itwin/tree-widget-react 0.2.1 → 0.4.1

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/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

package/lib/esm/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":"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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 } 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/esm/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/esm/components/trees/IModelContentTree.js

@@ -0,0 +1,24 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React, { useMemo } from "react";
+import { usePresentationTreeNodeLoader } from "@itwin/presentation-components";
+import { ControlledTree, SelectionMode, useTreeEventsHandler, useTreeModel } from "@itwin/components-react";
+import IMODEL_CONTENT_RULESET from "../rulesets/IModelContent.json";
+import { AutoSizer } from "../utils/AutoSizer";
+import classNames from "classnames";
+export const IModelContentTree = (props) => {
+    const { iModel, className, ...divProps } = props;
+    const { nodeLoader } = usePresentationTreeNodeLoader({
+        imodel: iModel,
+        ruleset: IMODEL_CONTENT_RULESET,
+        pagingSize: 20,
+        appendChildrenCountForGroupingNodes: true,
+    });
+    const eventHandler = useTreeEventsHandler(useMemo(() => ({ nodeLoader, modelSource: nodeLoader.modelSource, collapsedChildrenDisposalEnabled: true }), [nodeLoader]));
+    const treeModel = useTreeModel(nodeLoader.modelSource);
+    return (React.createElement(AutoSizer, null, ({ width, height }) => (React.createElement("div", { ...divProps, className: classNames("imodel-content-tree", className) },
+        React.createElement(ControlledTree, { width: width, height: height, nodeLoader: nodeLoader, selectionMode: SelectionMode.None, eventsHandler: eventHandler, model: treeModel, iconsEnabled: true })))));
+};
+//# sourceMappingURL=IModelContentTree.js.map

package/lib/esm/components/trees/IModelContentTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IModelContentTree.js","sourceRoot":"","sources":["../../../../src/components/trees/IModelContentTree.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5G,OAAO,sBAAsB,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,EAAE,UAAU,EAAE,GAAG,6BAA6B,CAAC;QACnD,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,sBAAiC;QAC1C,UAAU,EAAE,EAAE;QACd,mCAAmC,EAAE,IAAI;KAC1C,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,oBAAoB,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,WAAW,EAAE,gCAAgC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAEtK,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEvD,OAAO,CACL,oBAAC,SAAS,QACP,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACtB,gCAAS,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC;QACxE,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,CAAC,IAAI,EACjC,aAAa,EAAE,YAAY,EAC3B,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,IAAI,GAClB,CACE,CACP,CACS,CACb,CAAC;AACJ,CAAC,CAAC","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, { useMemo } from \"react\";\nimport type { Ruleset } from \"@itwin/presentation-common\";\nimport { usePresentationTreeNodeLoader } from \"@itwin/presentation-components\";\nimport { ControlledTree, SelectionMode, useTreeEventsHandler, useTreeModel } from \"@itwin/components-react\";\nimport IMODEL_CONTENT_RULESET from \"../rulesets/IModelContent.json\";\nimport { AutoSizer } from \"../utils/AutoSizer\";\nimport classNames from \"classnames\";\nimport type { IModelContentTreeProps } from \"../../types\";\n\nexport const IModelContentTree = (props: IModelContentTreeProps) => {\n  const { iModel, className, ...divProps } = props;\n\n  const { nodeLoader } = usePresentationTreeNodeLoader({\n    imodel: iModel,\n    ruleset: IMODEL_CONTENT_RULESET as Ruleset,\n    pagingSize: 20,\n    appendChildrenCountForGroupingNodes: true,\n  });\n  const eventHandler = useTreeEventsHandler(useMemo(() => ({ nodeLoader, modelSource: nodeLoader.modelSource, collapsedChildrenDisposalEnabled: true }), [nodeLoader]));\n\n  const treeModel = useTreeModel(nodeLoader.modelSource);\n\n  return (\n    <AutoSizer>\n      {({ width, height }) => (\n        <div {...divProps} className={classNames(\"imodel-content-tree\", className)}>\n          <ControlledTree\n            width={width}\n            height={height}\n            nodeLoader={nodeLoader}\n            selectionMode={SelectionMode.None}\n            eventsHandler={eventHandler}\n            model={treeModel}\n            iconsEnabled={true}\n          />\n        </div>\n      )}\n    </AutoSizer>\n  );\n};\n"]}

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

@@ -1,10 +1,5 @@
-import type { IModelConnection, Viewport } from "@itwin/core-frontend";
+/// <reference types="react" />
 import "./ModelsTree.scss";
-export interface ModelTreeProps {
-    iModel: IModelConnection;
-    allViewports?: boolean;
-    activeView?: Viewport;
-    enableElementsClassGrouping?: boolean;
-}
-export declare const ModelsTreeComponent: (props: ModelTreeProps) => JSX.Element | null;
+import type { ModelTreeProps } from "../../types";
+export declare const ModelsTreeComponent: (props: ModelTreeProps) => JSX.Element;
 //# sourceMappingURL=ModelsTree.d.ts.map