@itwin/tree-widget-react 2.3.2 → 3.0.0-dev.1

package/lib/esm/components/trees/common/TreeRenderer.scss

@@ -1,149 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.tree-widget-tree-with-header {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .tree-widget-tree-header {
-    height: var(--iui-size-xl);
-  }
-
-  .tree-widget-tree-content {
-    height: calc(100% - var(--iui-size-xl));
-
-    &.enlarge {
-      height: calc(100% - var(--iui-size-xl) - var(--iui-size-m));
-    }
-  }
-}
-
-.tree-widget-tree-nodes-list {
-  height: 100%;
-  width: 100%;
-
-  /* stylelint-disable-next-line selector-class-pattern */
-  .ReactWindow__VariableSizeList {
-    > div {
-      min-width: max-content !important; // to override inline class
-    }
-  }
-
-  .core-tree-node {
-    > .contents {
-      .core-tree-node-icon {
-        line-height: 0;
-      }
-    }
-
-    &.without-expander {
-      > .contents {
-        > .core-tree-node-icon {
-          margin-left: 5px;
-        }
-      }
-    }
-  }
-
-  &.enlarge {
-    --enlarged-node-height: calc(var(--iui-size-l) + var(--iui-size-m) + var(--iui-size-3xs));
-    --enlarged-node-icon-size: var(--iui-size-m);
-    --enlarged-node-without-expander-margin: var(--iui-size-m);
-    --enlarged-node-icon-padding: calc(var(--enlarged-node-height) - var(--enlarged-node-icon-size));
-    --enlarged-node-expander-additional-padding: calc(var(--iui-size-l) - var(--iui-size-3xs) / 2);
-
-    .core-tree-node {
-      &.without-expander {
-        margin-left: var(--enlarged-node-without-expander-margin);
-      }
-
-      > .presentation-components-node-action-buttons {
-        height: var(--enlarged-node-height);
-        width: min-content;
-
-        .presentation-components-node-action-button {
-          height: var(--enlarged-node-height);
-          width: var(--enlarged-node-height);
-
-          svg {
-            height: var(--enlarged-node-height);
-            width: var(--enlarged-node-height);
-            padding: var(--iui-size-s);
-          }
-        }
-      }
-
-      > .contents {
-        height: var(--enlarged-node-height);
-        font-size: var(--iui-font-size-2);
-
-        .core-progress-indicator {
-          margin: calc(var(--enlarged-node-icon-padding) / 2);
-        }
-
-        /* stylelint-disable-next-line selector-class-pattern */
-        .core-tree-expansionToggle {
-          > .icon {
-            height: var(--enlarged-node-height);
-            width: var(--enlarged-node-height);
-            padding: calc(var(--enlarged-node-icon-padding) / 2);
-
-            svg {
-              height: var(--enlarged-node-icon-size);
-              width: var(--enlarged-node-icon-size);
-            }
-          }
-        }
-
-        &.without-expander {
-          > .contents {
-            padding-left: var(--enlarged-node-expander-additional-padding);
-          }
-        }
-
-        .iui-progress-indicator-radial {
-          margin: 0 calc(var(--enlarged-node-icon-padding) / 2);
-        }
-      }
-    }
-  }
-}
-
-.tree-widget-tree-container {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-
-  /* stylelint-disable-next-line selector-class-pattern */
-  .filteredTreeOverlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 9999;
-    background-color: hsl(var(--iui-color-background) / var(--iui-opacity-2));
-  }
-
-  .components-tree-errormessage {
-    position: absolute;
-    top: 40%;
-    left: 50%;
-    width: 75%;
-    text-align: center;
-    transform: translate(-50%, -50%);
-    font-style: italic;
-    color: var(--iui-color-text-muted);
-
-    .errormessage-header {
-      display: block;
-      font-weight: bold;
-    }
-  }
-}

package/lib/esm/components/trees/common/Types.d.ts

@@ -1,57 +0,0 @@
-import type { IModelConnection } from "@itwin/core-frontend";
-import type { SelectionMode } from "@itwin/components-react";
-import type { IPresentationTreeDataProvider } from "@itwin/presentation-components";
-import type { TreeRendererBaseProps } from "./TreeRenderer";
-/**
- * An option of how class grouping should work in a component.
- * @public
- */
-export declare enum ClassGroupingOption {
-    /** Class grouping is disabled */
-    No = 0,
-    /** Class grouping is enabled */
-    Yes = 1,
-    /** Class grouping is enabled and grouping node shows grouped items count */
-    YesWithCounts = 2
-}
-/**
- * Data structure that describes info used to filter visibility tree.
- * @public
- */
-export interface VisibilityTreeFilterInfo {
-    filter: string;
-    activeMatchIndex?: number;
-}
-/**
- * Configuration for hierarchy levels. Setting it implies that hierarchy level filtering will be enabled.
- * @beta
- */
-export interface HierarchyLevelConfig {
-    isFilteringEnabled: true;
-    sizeLimit?: number;
-}
-/**
- * Base props for tree components.
- * @public
- */
-export interface BaseTreeProps extends TreeRendererBaseProps {
-    /** An iModel to pull data from. */
-    iModel: IModelConnection;
-    /** Width of the component. */
-    width: number;
-    /** Height of the component. */
-    height: number;
-    /** Selection mode in the tree. */
-    selectionMode?: SelectionMode;
-}
-/**
- * Base props for filterable tree components.
- * @public
- */
-export interface BaseFilterableTreeProps extends BaseTreeProps {
-    /** Information for tree filtering. */
-    filterInfo?: VisibilityTreeFilterInfo;
-    /** Callback invoked when tree is filtered. */
-    onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;
-}
-//# sourceMappingURL=Types.d.ts.map

package/lib/esm/components/trees/common/Types.js

@@ -1,18 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/**
- * An option of how class grouping should work in a component.
- * @public
- */
-export var ClassGroupingOption;
-(function (ClassGroupingOption) {
-    /** Class grouping is disabled */
-    ClassGroupingOption[ClassGroupingOption["No"] = 0] = "No";
-    /** Class grouping is enabled */
-    ClassGroupingOption[ClassGroupingOption["Yes"] = 1] = "Yes";
-    /** Class grouping is enabled and grouping node shows grouped items count */
-    ClassGroupingOption[ClassGroupingOption["YesWithCounts"] = 2] = "YesWithCounts";
-})(ClassGroupingOption || (ClassGroupingOption = {}));
-//# sourceMappingURL=Types.js.map

package/lib/esm/components/trees/common/Types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../../../src/components/trees/common/Types.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAOhG;;;GAGG;AACH,MAAM,CAAN,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAC7B,iCAAiC;IACjC,yDAAE,CAAA;IACF,gCAAgC;IAChC,2DAAG,CAAA;IACH,4EAA4E;IAC5E,+EAAa,CAAA;AACf,CAAC,EAPW,mBAAmB,KAAnB,mBAAmB,QAO9B","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\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { SelectionMode } from \"@itwin/components-react\";\nimport type { IPresentationTreeDataProvider } from \"@itwin/presentation-components\";\nimport type { TreeRendererBaseProps } from \"./TreeRenderer\";\n\n/**\n * An option of how class grouping should work in a component.\n * @public\n */\nexport enum ClassGroupingOption {\n  /** Class grouping is disabled */\n  No,\n  /** Class grouping is enabled */\n  Yes,\n  /** Class grouping is enabled and grouping node shows grouped items count */\n  YesWithCounts,\n}\n\n/**\n * Data structure that describes info used to filter visibility tree.\n * @public\n */\nexport interface VisibilityTreeFilterInfo {\n  filter: string;\n  activeMatchIndex?: number;\n}\n\n/**\n * Configuration for hierarchy levels. Setting it implies that hierarchy level filtering will be enabled.\n * @beta\n */\nexport interface HierarchyLevelConfig {\n  isFilteringEnabled: true;\n  sizeLimit?: number;\n}\n\n/**\n * Base props for tree components.\n * @public\n */\nexport interface BaseTreeProps extends TreeRendererBaseProps {\n  /** An iModel to pull data from. */\n  iModel: IModelConnection;\n  /** Width of the component. */\n  width: number;\n  /** Height of the component. */\n  height: number;\n  /** Selection mode in the tree. */\n  selectionMode?: SelectionMode;\n}\n\n/**\n * Base props for filterable tree components.\n * @public\n */\nexport interface BaseFilterableTreeProps extends BaseTreeProps {\n  /** Information for tree filtering. */\n  filterInfo?: VisibilityTreeFilterInfo;\n  /** Callback invoked when tree is filtered. */\n  onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;\n}\n"]}

package/lib/esm/components/trees/common/UseVisibilityTreeState.d.ts

@@ -1,43 +0,0 @@
-import { VisibilityTreeEventHandler } from "../VisibilityTreeEventHandler";
-import { ReportingTreeEventHandler } from "./ReportingTreeEventHandler";
-import type { IModelConnection } from "@itwin/core-frontend";
-import type { Ruleset } from "@itwin/presentation-common";
-import type { IFilteredPresentationTreeDataProvider, UsePresentationTreeStateProps } from "@itwin/presentation-components";
-import type { IVisibilityHandler, VisibilityTreeEventHandlerParams, VisibilityTreeSelectionPredicate } from "../VisibilityTreeEventHandler";
-import type { VisibilityTreeFilterInfo } from "./Types";
-import type { UsageTrackedFeatures } from "./UseFeatureReporting";
-/**
- * Props for [[useVisibilityTreeState]] hook.
- * @beta
- */
-export interface UseVisibilityTreeStateProps extends Omit<UsePresentationTreeStateProps<VisibilityTreeEventHandler>, "rulesetOrId"> {
-    /** iModel to pull data from. */
-    imodel: IModelConnection;
-    /** Presentation rules to use when pulling data from iModel. */
-    ruleset: Ruleset;
-    /** Visibility handler that will be used to determine tree node visibility or change it. */
-    visibilityHandler?: IVisibilityHandler;
-    /** Info about filter that should be applied on tree. */
-    filterInfo?: VisibilityTreeFilterInfo;
-    /** Callback that is invoked when filter is applied, changed or removed. */
-    onFilterChange?: (filteredDataProvider?: IFilteredPresentationTreeDataProvider, matchesCount?: number) => void;
-    /** Callback that is used to determine if node can be selected. If not provided all nodes are selectable. */
-    selectionPredicate?: VisibilityTreeSelectionPredicate;
-    /** Factory for custom `VisibilityTreeEventHandler`. Defaults to `VisibilityTreeEventHandler`. */
-    eventHandler?: (props: VisibilityTreeEventHandlerParams) => VisibilityTreeEventHandler;
-    /** The limit for how many items should be loaded for a single hierarchy level. */
-    hierarchyLevelSizeLimit?: number;
-    /** Callback called when a feature is used. */
-    reportUsage?: (props: {
-        featureId?: UsageTrackedFeatures;
-        reportInteraction: boolean;
-    }) => void;
-}
-/**
- * Custom hook for creating visibility tree component state.
- *
- * @returns `undefined` on first render cycle. On all other render cycles state is initialized and valid object is returned.
- * @beta
- */
-export declare function useVisibilityTreeState({ imodel, ruleset, filterInfo, onFilterChange, visibilityHandler, selectionPredicate, eventHandler, reportUsage, ...props }: UseVisibilityTreeStateProps): import("@itwin/presentation-components").UsePresentationTreeStateResult<VisibilityTreeEventHandler | ReportingTreeEventHandler> | undefined;
-//# sourceMappingURL=UseVisibilityTreeState.d.ts.map

package/lib/esm/components/trees/common/UseVisibilityTreeState.js

@@ -1,45 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import { useCallback, useEffect } from "react";
-import { usePresentationTreeState } from "@itwin/presentation-components";
-import { VisibilityTreeEventHandler } from "../VisibilityTreeEventHandler";
-import { ReportingTreeEventHandler } from "./ReportingTreeEventHandler";
-/**
- * Custom hook for creating visibility tree component state.
- *
- * @returns `undefined` on first render cycle. On all other render cycles state is initialized and valid object is returned.
- * @beta
- */
-export function useVisibilityTreeState({ imodel, ruleset, filterInfo, onFilterChange, visibilityHandler, selectionPredicate, eventHandler, reportUsage, ...props }) {
-    const eventHandlerFactory = useCallback((params) => {
-        if (!visibilityHandler) {
-            return undefined;
-        }
-        const eventHandlerProps = {
-            nodeLoader: params.nodeLoader,
-            visibilityHandler,
-            selectionPredicate,
-        };
-        const handler = eventHandler ? eventHandler(eventHandlerProps) : new VisibilityTreeEventHandler(eventHandlerProps);
-        return reportUsage ? new ReportingTreeEventHandler({ eventHandler: handler, reportUsage, nodeLoader: eventHandlerProps.nodeLoader }) : handler;
-    }, [visibilityHandler, selectionPredicate, eventHandler, reportUsage]);
-    const treeState = usePresentationTreeState({
-        ...props,
-        imodel,
-        ruleset,
-        eventHandlerFactory,
-        filteringParams: filterInfo?.filter
-            ? {
-                filter: filterInfo.filter,
-                activeMatchIndex: filterInfo?.activeMatchIndex,
-            }
-            : undefined,
-    });
-    useEffect(() => {
-        onFilterChange && onFilterChange(treeState?.filteringResult?.filteredProvider, treeState?.filteringResult?.matchesCount);
-    }, [treeState?.filteringResult?.matchesCount, treeState?.filteringResult?.filteredProvider, onFilterChange]);
-    return treeState;
-}
-//# sourceMappingURL=UseVisibilityTreeState.js.map

package/lib/esm/components/trees/common/UseVisibilityTreeState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseVisibilityTreeState.js","sourceRoot":"","sources":["../../../../../src/components/trees/common/UseVisibilityTreeState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAiCxE;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,GAAG,KAAK,EACoB;IAC5B,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,MAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,iBAAiB,EAAE;YACtB,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,iBAAiB,GAAqC;YAC1D,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,iBAAiB;YACjB,kBAAkB;SACnB,CAAC;QAEF,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,0BAA0B,CAAC,iBAAiB,CAAC,CAAC;QACnH,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,yBAAyB,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACjJ,CAAC,EACD,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,CAAC,CACnE,CAAC;IAEF,MAAM,SAAS,GAAG,wBAAwB,CAAC;QACzC,GAAG,KAAK;QACR,MAAM;QACN,OAAO;QACP,mBAAmB;QACnB,eAAe,EAAE,UAAU,EAAE,MAAM;YACjC,CAAC,CAAC;gBACE,MAAM,EAAE,UAAU,CAAC,MAAM;gBACzB,gBAAgB,EAAE,UAAU,EAAE,gBAAgB;aAC/C;YACH,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,IAAI,cAAc,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;IAC3H,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE7G,OAAO,SAAS,CAAC;AACnB,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 *--------------------------------------------------------------------------------------------*/\n\nimport { useCallback, useEffect } from \"react\";\nimport { usePresentationTreeState } from \"@itwin/presentation-components\";\nimport { VisibilityTreeEventHandler } from \"../VisibilityTreeEventHandler\";\nimport { ReportingTreeEventHandler } from \"./ReportingTreeEventHandler\";\n\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { Ruleset } from \"@itwin/presentation-common\";\nimport type { IFilteredPresentationTreeDataProvider, PresentationTreeEventHandlerProps, UsePresentationTreeStateProps } from \"@itwin/presentation-components\";\nimport type { IVisibilityHandler, VisibilityTreeEventHandlerParams, VisibilityTreeSelectionPredicate } from \"../VisibilityTreeEventHandler\";\nimport type { VisibilityTreeFilterInfo } from \"./Types\";\nimport type { UsageTrackedFeatures } from \"./UseFeatureReporting\";\n/**\n * Props for [[useVisibilityTreeState]] hook.\n * @beta\n */\nexport interface UseVisibilityTreeStateProps extends Omit<UsePresentationTreeStateProps<VisibilityTreeEventHandler>, \"rulesetOrId\"> {\n  /** iModel to pull data from. */\n  imodel: IModelConnection;\n  /** Presentation rules to use when pulling data from iModel. */\n  ruleset: Ruleset;\n  /** Visibility handler that will be used to determine tree node visibility or change it. */\n  visibilityHandler?: IVisibilityHandler;\n  /** Info about filter that should be applied on tree. */\n  filterInfo?: VisibilityTreeFilterInfo;\n  /** Callback that is invoked when filter is applied, changed or removed. */\n  onFilterChange?: (filteredDataProvider?: IFilteredPresentationTreeDataProvider, matchesCount?: number) => void;\n  /** Callback that is used to determine if node can be selected. If not provided all nodes are selectable. */\n  selectionPredicate?: VisibilityTreeSelectionPredicate;\n  /** Factory for custom `VisibilityTreeEventHandler`. Defaults to `VisibilityTreeEventHandler`. */\n  eventHandler?: (props: VisibilityTreeEventHandlerParams) => VisibilityTreeEventHandler;\n  /** The limit for how many items should be loaded for a single hierarchy level. */\n  hierarchyLevelSizeLimit?: number;\n  /** Callback called when a feature is used. */\n  reportUsage?: (props: { featureId?: UsageTrackedFeatures; reportInteraction: boolean }) => void;\n}\n\n/**\n * Custom hook for creating visibility tree component state.\n *\n * @returns `undefined` on first render cycle. On all other render cycles state is initialized and valid object is returned.\n * @beta\n */\nexport function useVisibilityTreeState({\n  imodel,\n  ruleset,\n  filterInfo,\n  onFilterChange,\n  visibilityHandler,\n  selectionPredicate,\n  eventHandler,\n  reportUsage,\n  ...props\n}: UseVisibilityTreeStateProps) {\n  const eventHandlerFactory = useCallback(\n    (params: PresentationTreeEventHandlerProps) => {\n      if (!visibilityHandler) {\n        return undefined;\n      }\n\n      const eventHandlerProps: VisibilityTreeEventHandlerParams = {\n        nodeLoader: params.nodeLoader,\n        visibilityHandler,\n        selectionPredicate,\n      };\n\n      const handler = eventHandler ? eventHandler(eventHandlerProps) : new VisibilityTreeEventHandler(eventHandlerProps);\n      return reportUsage ? new ReportingTreeEventHandler({ eventHandler: handler, reportUsage, nodeLoader: eventHandlerProps.nodeLoader }) : handler;\n    },\n    [visibilityHandler, selectionPredicate, eventHandler, reportUsage],\n  );\n\n  const treeState = usePresentationTreeState({\n    ...props,\n    imodel,\n    ruleset,\n    eventHandlerFactory,\n    filteringParams: filterInfo?.filter\n      ? {\n          filter: filterInfo.filter,\n          activeMatchIndex: filterInfo?.activeMatchIndex,\n        }\n      : undefined,\n  });\n\n  useEffect(() => {\n    onFilterChange && onFilterChange(treeState?.filteringResult?.filteredProvider, treeState?.filteringResult?.matchesCount);\n  }, [treeState?.filteringResult?.matchesCount, treeState?.filteringResult?.filteredProvider, onFilterChange]);\n\n  return treeState;\n}\n"]}

package/lib/esm/components/trees/external-sources-tree/ExternalSources.json

@@ -1,228 +0,0 @@
-{
-  "$schema": "../../../../node_modules/@itwin/presentation-common/Ruleset.schema.json",
-  "id": "tree-widget-react/ExternalSources",
-  "requiredSchemas": [
-    {
-      "name": "BisCore",
-      "minVersion": "1.0.13"
-    }
-  ],
-  "rules": [
-    {
-      "ruleType": "RootNodes",
-      "specifications": [
-        {
-          "specType": "InstanceNodesOfSpecificClasses",
-          "classes": [
-            {
-              "schemaName": "BisCore",
-              "classNames": ["ExternalSource"],
-              "arePolymorphic": false
-            }
-          ],
-          "relatedInstances": [
-            {
-              "relationshipPath": [
-                {
-                  "relationship": {
-                    "schemaName": "BisCore",
-                    "className": "SynchronizationConfigSpecifiesRootSources"
-                  },
-                  "direction": "Backward"
-                }
-              ],
-              "isRequired": true,
-              "alias": "configRoot"
-            },
-            {
-              "relationshipPath": [
-                {
-                  "relationship": {
-                    "schemaName": "BisCore",
-                    "className": "ExternalSourceIsInRepository"
-                  },
-                  "direction": "Forward"
-                }
-              ],
-              "isRequired": true,
-              "alias": "repo"
-            }
-          ],
-          "instanceFilter": "configRoot.ECInstanceId <> NULL",
-          "groupByClass": false,
-          "groupByLabel": false
-        }
-      ],
-      "autoExpand": true
-    },
-    {
-      "ruleType": "ChildNodes",
-      "condition": "ParentNode.IsOfClass(\"ExternalSourceGroup\", \"BisCore\")",
-      "specifications": [
-        {
-          "specType": "RelatedInstanceNodes",
-          "relationshipPaths": [
-            [
-              {
-                "relationship": {
-                  "schemaName": "BisCore",
-                  "className": "ExternalSourceGroupGroupsSources"
-                },
-                "direction": "Forward"
-              }
-            ]
-          ],
-          "groupByClass": false,
-          "groupByLabel": false
-        }
-      ]
-    },
-    {
-      "ruleType": "ChildNodes",
-      "condition": "ParentNode.IsOfClass(\"ExternalSource\", \"BisCore\")",
-      "specifications": [
-        {
-          "specType": "RelatedInstanceNodes",
-          "relationshipPaths": [
-            [
-              {
-                "relationship": {
-                  "schemaName": "BisCore",
-                  "className": "ExternalSourceOwnsAttachments"
-                },
-                "direction": "Forward"
-              },
-              {
-                "relationship": {
-                  "schemaName": "BisCore",
-                  "className": "ExternalSourceAttachmentAttachesSource"
-                },
-                "direction": "Forward"
-              }
-            ]
-          ],
-          "groupByClass": false,
-          "groupByLabel": false
-        },
-        {
-          "specType": "CustomNode",
-          "type": "T_ExternalSource_Elements",
-          "label": "Elements",
-          "hideIfNoChildren": true,
-          "nestedRules": [
-            {
-              "ruleType": "ChildNodes",
-              "specifications": [
-                {
-                  "specType": "RelatedInstanceNodes",
-                  "relationshipPaths": [
-                    [
-                      {
-                        "relationship": {
-                          "schemaName": "BisCore",
-                          "className": "ElementIsFromSource"
-                        },
-                        "direction": "Backward",
-                        "targetClass": {
-                          "schemaName": "BisCore",
-                          "className": "ExternalSourceAspect"
-                        }
-                      },
-                      {
-                        "relationship": {
-                          "schemaName": "BisCore",
-                          "className": "ElementOwnsMultiAspects"
-                        },
-                        "direction": "Backward",
-                        "targetClass": {
-                          "schemaName": "BisCore",
-                          "className": "GeometricElement"
-                        }
-                      }
-                    ]
-                  ],
-                  "groupByClass": true,
-                  "groupByLabel": false
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "ruleType": "InstanceLabelOverride",
-      "class": {
-        "schemaName": "BisCore",
-        "className": "RepositoryLink"
-      },
-      "values": [
-        {
-          "specType": "Property",
-          "propertyName": "UserLabel"
-        }
-      ]
-    },
-    {
-      "ruleType": "InstanceLabelOverride",
-      "class": {
-        "schemaName": "BisCore",
-        "className": "ExternalSource"
-      },
-      "values": [
-        {
-          "specType": "Composite",
-          "separator": " - ",
-          "parts": [
-            {
-              "spec": {
-                "specType": "RelatedInstanceLabel",
-                "pathToRelatedInstance": {
-                  "relationship": {
-                    "schemaName": "BisCore",
-                    "className": "ExternalSourceIsInRepository"
-                  },
-                  "direction": "Forward"
-                }
-              }
-            },
-            {
-              "spec": {
-                "specType": "Property",
-                "propertyName": "UserLabel"
-              }
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "ruleType": "ExtendedData",
-      "condition": "ThisNode.IsInstanceNode ANDALSO this.IsOfClass(\"ExternalSource\", \"BisCore\")",
-      "items": {
-        "imageId": "\"icon-document\""
-      }
-    },
-    {
-      "ruleType": "ExtendedData",
-      "condition": "ThisNode.Type = \"T_ExternalSource_Elements\"",
-      "items": {
-        "imageId": "\"icon-ec-schema\""
-      }
-    },
-    {
-      "ruleType": "ExtendedData",
-      "condition": "ThisNode.IsClassGroupingNode",
-      "items": {
-        "imageId": "\"icon-ec-class\""
-      }
-    },
-    {
-      "ruleType": "ExtendedData",
-      "condition": "ThisNode.IsInstanceNode ANDALSO ThisNode.IsOfClass(\"GeometricElement\", \"BisCore\")",
-      "items": {
-        "imageId": "\"icon-item\""
-      }
-    }
-  ]
-}