@itwin/appui-react 3.6.0-dev.7 → 4.0.0-dev.2

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

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

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

@@ -1,65 +1,65 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module IModelComponents
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VisibilityTreeNoFilteredData = exports.useVisibilityTreeFiltering = exports.visibilityTreeNodeCheckboxRenderer = exports.createVisibilityTreeNodeRenderer = exports.useVisibilityTreeRenderer = void 0;
-const React = require("react");
-const presentation_components_1 = require("@itwin/presentation-components");
-const components_react_1 = require("@itwin/components-react");
-const core_react_1 = require("@itwin/core-react");
-/**
- * Creates Visibility tree renderer which renders nodes with eye checkbox.
- * @alpha
- */
-const useVisibilityTreeRenderer = (iconsEnabled, descriptionsEnabled) => {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const nodeRenderer = React.useCallback((0, exports.createVisibilityTreeNodeRenderer)(iconsEnabled, descriptionsEnabled), [iconsEnabled, descriptionsEnabled]);
-    return React.useCallback((props) => (React.createElement(components_react_1.TreeRenderer, { ...props, nodeRenderer: nodeRenderer })), [nodeRenderer]);
-};
-exports.useVisibilityTreeRenderer = useVisibilityTreeRenderer;
-const imageLoader = new components_react_1.TreeImageLoader();
-/**
- * Creates node renderer which renders node with eye checkbox.
- * @alpha
- */
-const createVisibilityTreeNodeRenderer = (iconsEnabled, descriptionEnabled) => {
-    return (props) => ( // eslint-disable-line react/display-name
-    React.createElement(components_react_1.TreeNodeRenderer, { ...props, checkboxRenderer: exports.visibilityTreeNodeCheckboxRenderer, descriptionEnabled: descriptionEnabled, imageLoader: iconsEnabled ? imageLoader : undefined, className: "with-checkbox" }));
-};
-exports.createVisibilityTreeNodeRenderer = createVisibilityTreeNodeRenderer;
-/**
- * Checkbox renderer that renders an eye.
- * @alpha
- */
-const visibilityTreeNodeCheckboxRenderer = (props) => (React.createElement(core_react_1.ImageCheckBox, { checked: props.checked, disabled: props.disabled, imageOn: "icon-visibility", imageOff: "icon-visibility-hide-2", onClick: props.onChange, tooltip: props.title }));
-exports.visibilityTreeNodeCheckboxRenderer = visibilityTreeNodeCheckboxRenderer;
-/**
- * Filters data provider used in supplied node loader and invokes onFilterApplied when filtering is completed.
- * @alpha
- */
-const useVisibilityTreeFiltering = (nodeLoader, filterInfo, onFilterApplied) => {
-    const { filter, activeMatchIndex } = filterInfo !== null && filterInfo !== void 0 ? filterInfo : { filter: undefined, activeMatchIndex: undefined };
-    const { filteredNodeLoader, isFiltering, matchesCount, nodeHighlightingProps, } = (0, presentation_components_1.useControlledPresentationTreeFiltering)({ nodeLoader, filter, activeMatchIndex });
-    React.useEffect(() => {
-        if (filter && matchesCount !== undefined && filteredNodeLoader !== nodeLoader)
-            onFilterApplied && onFilterApplied(filteredNodeLoader.dataProvider, matchesCount);
-    }, [filter, matchesCount, nodeLoader, filteredNodeLoader, onFilterApplied]);
-    return { filteredNodeLoader, isFiltering, nodeHighlightingProps };
-};
-exports.useVisibilityTreeFiltering = useVisibilityTreeFiltering;
-/**
- * Renders message that no nodes was found for filter.
- * @alpha
- */
-function VisibilityTreeNoFilteredData(props) {
-    return (React.createElement("div", { className: "components-tree-errormessage" },
-        React.createElement("span", { className: "errormessage-header" }, props.title),
-        React.createElement("span", { className: "errormessage-body" }, props.message)));
-}
-exports.VisibilityTreeNoFilteredData = VisibilityTreeNoFilteredData;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module IModelComponents
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityTreeNoFilteredData = exports.useVisibilityTreeFiltering = exports.visibilityTreeNodeCheckboxRenderer = exports.createVisibilityTreeNodeRenderer = exports.useVisibilityTreeRenderer = void 0;
+const React = require("react");
+const presentation_components_1 = require("@itwin/presentation-components");
+const components_react_1 = require("@itwin/components-react");
+const core_react_1 = require("@itwin/core-react");
+/**
+ * Creates Visibility tree renderer which renders nodes with eye checkbox.
+ * @alpha
+ */
+const useVisibilityTreeRenderer = (iconsEnabled, descriptionsEnabled) => {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const nodeRenderer = React.useCallback((0, exports.createVisibilityTreeNodeRenderer)(iconsEnabled, descriptionsEnabled), [iconsEnabled, descriptionsEnabled]);
+    return React.useCallback((props) => (React.createElement(components_react_1.TreeRenderer, { ...props, nodeRenderer: nodeRenderer })), [nodeRenderer]);
+};
+exports.useVisibilityTreeRenderer = useVisibilityTreeRenderer;
+const imageLoader = new components_react_1.TreeImageLoader();
+/**
+ * Creates node renderer which renders node with eye checkbox.
+ * @alpha
+ */
+const createVisibilityTreeNodeRenderer = (iconsEnabled, descriptionEnabled) => {
+    return (props) => ( // eslint-disable-line react/display-name
+    React.createElement(components_react_1.TreeNodeRenderer, { ...props, checkboxRenderer: exports.visibilityTreeNodeCheckboxRenderer, descriptionEnabled: descriptionEnabled, imageLoader: iconsEnabled ? imageLoader : undefined, className: "with-checkbox" }));
+};
+exports.createVisibilityTreeNodeRenderer = createVisibilityTreeNodeRenderer;
+/**
+ * Checkbox renderer that renders an eye.
+ * @alpha
+ */
+const visibilityTreeNodeCheckboxRenderer = (props) => (React.createElement(core_react_1.ImageCheckBox, { checked: props.checked, disabled: props.disabled, imageOn: "icon-visibility", imageOff: "icon-visibility-hide-2", onClick: props.onChange, tooltip: props.title }));
+exports.visibilityTreeNodeCheckboxRenderer = visibilityTreeNodeCheckboxRenderer;
+/**
+ * Filters data provider used in supplied node loader and invokes onFilterApplied when filtering is completed.
+ * @alpha
+ */
+const useVisibilityTreeFiltering = (nodeLoader, filterInfo, onFilterApplied) => {
+    const { filter, activeMatchIndex } = filterInfo !== null && filterInfo !== void 0 ? filterInfo : { filter: undefined, activeMatchIndex: undefined };
+    const { filteredNodeLoader, isFiltering, matchesCount, nodeHighlightingProps, } = (0, presentation_components_1.useControlledPresentationTreeFiltering)({ nodeLoader, filter, activeMatchIndex });
+    React.useEffect(() => {
+        if (filter && matchesCount !== undefined && filteredNodeLoader !== nodeLoader)
+            onFilterApplied && onFilterApplied(filteredNodeLoader.dataProvider, matchesCount);
+    }, [filter, matchesCount, nodeLoader, filteredNodeLoader, onFilterApplied]);
+    return { filteredNodeLoader, isFiltering, nodeHighlightingProps };
+};
+exports.useVisibilityTreeFiltering = useVisibilityTreeFiltering;
+/**
+ * Renders message that no nodes was found for filter.
+ * @alpha
+ */
+function VisibilityTreeNoFilteredData(props) {
+    return (React.createElement("div", { className: "components-tree-errormessage" },
+        React.createElement("span", { className: "errormessage-header" }, props.title),
+        React.createElement("span", { className: "errormessage-body" }, props.message)));
+}
+exports.VisibilityTreeNoFilteredData = VisibilityTreeNoFilteredData;
 //# sourceMappingURL=VisibilityTreeRenderer.js.map

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

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

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

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

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

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