npm - @itwin/tree-widget-react - Versions diffs - 0.1.2 → 0.3.0 - Mend

@itwin/tree-widget-react 0.1.2 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/README.md CHANGED Viewed

@@ -27,6 +27,35 @@ import { UiItemsManager } from "@itwin/appui-abstract";
 import { TreeWidgetUiItemsProvider } from "@itwin/tree-widget-react";
 ...
 UiItemsManager.register(
-  new TreeWidgetUiItemsProvider({ ...TreeWidgetControlOptions })
+  new TreeWidgetUiItemsProvider({ ...TreeWidgetOptions })
 );
 ```
+### Additional trees avaialable
+#### IModelContentTree
+Component that displays a hierarchy with content of a given `IModelConnection`.
+##### Resulting hierarchy
+- Root Subject
+  - Child Subjects
+    - Target Model
+      - Spatial Categories of top-assemblies in the Model (if model is a GeometricModel3d)
+        - Top-assemblies in the model and category
+          - Child elements of the assembly
+      - Drawing Categories of top-assemblies in the Model (if model is a GeometricModel2d)
+        - Top-assemblies in the model and category
+          - Child elements of the assembly
+      - Top-assemblies in the Model (if model is neither GeometricModel3d nor GeometricModel2d)
+        - Child elements of the assembly
+In addition, for every modeled element we show content of the model as children for the element's node.
+More details about Subjects and Models can be found here:
+- <https://www.imodeljs.org/bis/intro/information-hierarchy/>
+- <https://www.imodeljs.org/bis/intro/organizing-models-and-elements/>
+More details about the hierarchy can be found in the [presentation ruleset JSON file](./src/components/rulesets/IModelContent.json).

package/lib/cjs/components/IconButton.scss CHANGED Viewed

@@ -2,8 +2,8 @@
 * 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/appui-layout-react/lib/esm/appui-layout-react/footer/_variables";
+@import "~@itwin/core-react/lib/cjs/core-react/index";
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
 .tree-widget-icon-button {
   display: inline-block;

package/lib/cjs/components/TreeWidgetComponent.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./TreeWidgetComponent.scss";
 import type { SelectableContentDefinition } from "@itwin/components-react";
 interface TreeWidgetComponentProps {

package/lib/cjs/components/TreeWidgetComponent.scss CHANGED Viewed

@@ -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-visibility-widget {
   padding: $uicore-s;

package/lib/cjs/components/header/TreeHeader.d.ts CHANGED Viewed

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

package/lib/cjs/components/header/TreeHeader.scss CHANGED Viewed

@@ -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/cjs/components/rulesets/IModelContent.json ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IModelConnection, Viewport } from "@itwin/core-frontend";
 import "./CategoriesTree.scss";
 export interface CategoriesTreeComponentProps {

package/lib/cjs/components/trees/CategoriesTree.scss CHANGED Viewed

@@ -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/ClassificationsTree.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IModelConnection } from "@itwin/core-frontend";
 export interface ClassificationsTreeComponentProps {
     iModel: IModelConnection;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IModelConnection } from "@itwin/core-frontend";
+export interface IModelContentTreeProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, "children"> {
+    iModel: IModelConnection;
+}
+export declare const IModelContentTree: (props: IModelContentTreeProps) => JSX.Element;
+//# sourceMappingURL=IModelContentTree.d.ts.map

package/lib/cjs/components/trees/IModelContentTree.js ADDED Viewed

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const presentation_components_1 = require("@itwin/presentation-components");
+const components_react_1 = require("@itwin/components-react");
+const IModelContent_json_1 = __importDefault(require("../rulesets/IModelContent.json"));
+const core_react_1 = require("@itwin/core-react");
+const IModelContentTree = (props) => {
+    const { iModel, className, ...divProps } = props;
+    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 { nodeLoader } = presentation_components_1.usePresentationTreeNodeLoader({
+        imodel: iModel,
+        ruleset: IModelContent_json_1.default,
+        pagingSize: 20,
+        appendChildrenCountForGroupingNodes: true,
+    });
+    const eventHandler = components_react_1.useTreeEventsHandler(react_1.useMemo(() => ({ nodeLoader, modelSource: nodeLoader.modelSource, collapsedChildrenDisposalEnabled: true }), [nodeLoader]));
+    return (react_1.default.createElement("div", { ref: ref, style: { width: "100%", height: "100%" }, ...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: components_react_1.useTreeModel(nodeLoader.modelSource), iconsEnabled: true })));
+};
+exports.IModelContentTree = IModelContentTree;
+//# sourceMappingURL=IModelContentTree.js.map

package/lib/cjs/components/trees/IModelContentTree.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IModelContentTree.js","sourceRoot":"","sources":["../../../../src/components/trees/IModelContentTree.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,4DAAoC;AACpC,+CAA8D;AAG9D,4EAA+E;AAC/E,8DAA4G;AAC5G,wFAAoE;AACpE,kDAAsD;AAM/C,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,gBAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,mBAAW,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QACxD,SAAS,CAAC,CAAC,CAAC,CAAC;QACb,QAAQ,CAAC,CAAC,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,GAAG,GAAG,8BAAiB,CAAiB,YAAY,CAAC,CAAC;IAE5D,MAAM,EAAE,UAAU,EAAE,GAAG,uDAA6B,CAAC;QACnD,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,4BAAiC;QAC1C,UAAU,EAAE,EAAE;QACd,mCAAmC,EAAE,IAAI;KAC1C,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,uCAAoB,CAAC,eAAO,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,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAM,QAAQ,EAAE,SAAS,EAAE,oBAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC;QAC5H,8BAAC,iCAAc,IACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,gCAAa,CAAC,IAAI,EACjC,aAAa,EAAE,YAAY,EAC3B,KAAK,EAAE,+BAAY,CAAC,UAAU,CAAC,WAAW,CAAC,EAC3C,YAAY,EAAE,IAAI,GAClB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,iBAAiB,qBAgC5B","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 classNames from \"classnames\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\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 { useResizeObserver } from \"@itwin/core-react\";\n\nexport interface IModelContentTreeProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"children\"> {\n iModel: IModelConnection;\n}\n\nexport const IModelContentTree = (props: IModelContentTreeProps) => {\n const { iModel, className, ...divProps } = props;\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 { 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 return (\n <div ref={ref} style={{ width: \"100%\", height: \"100%\" }} {...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={useTreeModel(nodeLoader.modelSource)}\n iconsEnabled={true}\n />\n </div>\n );\n};\n"]}

package/lib/cjs/components/trees/ModelsTree.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IModelConnection, Viewport } from "@itwin/core-frontend";
 import "./ModelsTree.scss";
 export interface ModelTreeProps {