@itwin/tree-widget-react 0.2.1 → 0.4.1

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

@@ -1,35 +0,0 @@
-import React from "react";
-import type { Ruleset } from "@itwin/presentation-common";
-import type { IPresentationTreeDataProvider } from "@itwin/presentation-components";
-import "./TreeWithRulesetTree.scss";
-import type { IModelConnection } from "@itwin/core-frontend";
-export interface ControlledTreeProps {
-    iModel: IModelConnection;
-    dataProvider: IPresentationTreeDataProvider;
-    rulesetId: string;
-    pageSize?: number;
-}
-export interface TreeProps {
-    imodel: IModelConnection;
-    ruleSet: Ruleset;
-    dataProvider: IPresentationTreeDataProvider;
-}
-export interface TreeState {
-    initialized: false;
-    dataProvider?: IPresentationTreeDataProvider;
-}
-export declare abstract class TreeWithRuleset<T extends TreeProps, S extends TreeState> extends React.Component<T, S> {
-    private _ruleset?;
-    /** @internal */
-    componentDidMount(): Promise<void>;
-    componentDidUpdate(prevProps: any): Promise<void>;
-    componentWillUnmount(): void;
-    private removeRuleset;
-    private _setRuleSet;
-}
-export declare class SimpleTreeWithRuleset extends TreeWithRuleset<TreeProps, TreeState> {
-    constructor(props: TreeProps);
-    render(): JSX.Element;
-}
-export declare const ControlledTreeWrapper: React.FC<ControlledTreeProps>;
-//# sourceMappingURL=TreeWithRuleset.d.ts.map

package/lib/cjs/components/trees/TreeWithRuleset.js

@@ -1,110 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ControlledTreeWrapper = exports.SimpleTreeWithRuleset = exports.TreeWithRuleset = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const react_1 = __importStar(require("react"));
-const presentation_components_1 = require("@itwin/presentation-components");
-const components_react_1 = require("@itwin/components-react");
-const presentation_frontend_1 = require("@itwin/presentation-frontend");
-require("./TreeWithRulesetTree.scss");
-const core_react_1 = require("@itwin/core-react");
-class TreeWithRuleset extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this._setRuleSet = async () => {
-            return presentation_frontend_1.Presentation.presentation
-                .rulesets()
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
-                .add(this.props.ruleSet)
-                .then((ruleset) => {
-                this._ruleset = ruleset;
-                const dataProvider = this.props.dataProvider;
-                this.setState({ dataProvider });
-            });
-        };
-    }
-    /** @internal */
-    async componentDidMount() {
-        await this._setRuleSet();
-    }
-    async componentDidUpdate(prevProps) {
-        if (this.props.ruleSet !== prevProps.ruleSet) {
-            this.removeRuleset();
-            await this._setRuleSet();
-        }
-    }
-    componentWillUnmount() {
-        this.removeRuleset();
-    }
-    removeRuleset() {
-        if (this._ruleset) {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            presentation_frontend_1.Presentation.presentation.rulesets().remove(this._ruleset);
-        }
-    }
-}
-exports.TreeWithRuleset = TreeWithRuleset;
-class SimpleTreeWithRuleset extends TreeWithRuleset {
-    constructor(props) {
-        super(props);
-        this.state = {
-            initialized: false,
-        };
-    }
-    render() {
-        const dataProvider = this.state
-            .dataProvider;
-        if (!dataProvider)
-            return react_1.default.createElement("div", null);
-        else {
-            return (react_1.default.createElement("div", { className: "spatial-tree" },
-                react_1.default.createElement(exports.ControlledTreeWrapper, { rulesetId: this.props.ruleSet.id, iModel: this.props.imodel, dataProvider: dataProvider, pageSize: dataProvider.pagingSize })));
-        }
-    }
-}
-exports.SimpleTreeWithRuleset = SimpleTreeWithRuleset;
-const ControlledTreeWrapper = (props) => {
-    const { nodeLoader } = presentation_components_1.usePresentationTreeNodeLoader({
-        imodel: props.iModel,
-        ruleset: props.rulesetId,
-        pagingSize: props.pageSize || 20,
-    });
-    const modelSource = nodeLoader.modelSource;
-    const unifiedSelectionEventHandler = presentation_components_1.useUnifiedSelectionTreeEventHandler({
-        nodeLoader,
-        collapsedChildrenDisposalEnabled: true,
-    });
-    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 treeModel = components_react_1.useTreeModel(modelSource);
-    return (react_1.default.createElement("div", { ref: ref, style: { width: "100%", height: "100%" } }, width && height && (react_1.default.createElement(components_react_1.ControlledTree, { model: treeModel, nodeLoader: nodeLoader, eventsHandler: unifiedSelectionEventHandler, selectionMode: components_react_1.SelectionMode.Extended, width: width, height: height }))));
-};
-exports.ControlledTreeWrapper = ControlledTreeWrapper;
-//# sourceMappingURL=TreeWithRuleset.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TreeWithRuleset.js","sourceRoot":"","sources":["../../../../src/components/trees/TreeWithRuleset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAqD;AAMrD,4EAGwC;AACxC,8DAIiC;AACjC,wEAA4D;AAC5D,sCAAoC;AAEpC,kDAAsD;AAoBtD,MAAsB,eAGpB,SAAQ,eAAK,CAAC,SAAe;IAH/B;;QA4BU,gBAAW,GAAG,KAAK,IAAI,EAAE;YAC/B,OAAO,oCAAY,CAAC,YAAY;iBAC7B,QAAQ,EAAE;gBACX,mEAAmE;iBAClE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;iBACvB,IAAI,CAAC,CAAC,OAA0B,EAAE,EAAE;gBACnC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;gBACxB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;gBAC7C,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;IACJ,CAAC;IAlCC,gBAAgB;IACT,KAAK,CAAC,iBAAiB;QAC5B,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;IAC3B,CAAC;IAEM,KAAK,CAAC,kBAAkB,CAAC,SAAc;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,EAAE;YAC5C,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;SAC1B;IACH,CAAC;IAEM,oBAAoB;QACzB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,mEAAmE;YACnE,oCAAY,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC5D;IACH,CAAC;CAaF;AAvCD,0CAuCC;AAED,MAAa,qBAAsB,SAAQ,eAG1C;IACC,YAAY,KAAgB;QAC1B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACX,WAAW,EAAE,KAAK;SACnB,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK;aAC5B,YAA4C,CAAC;QAChD,IAAI,CAAC,YAAY;YAAE,OAAO,0CAAO,CAAC;aAC7B;YACH,OAAO,CACL,uCAAK,SAAS,EAAC,cAAc;gBAC3B,8BAAC,6BAAqB,IACpB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAChC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,CAAC,UAAU,GACjC,CACE,CACP,CAAC;SACH;IACH,CAAC;CACF;AA5BD,sDA4BC;AAEM,MAAM,qBAAqB,GAAkC,CAClE,KAA0B,EAC1B,EAAE;IACF,MAAM,EAAE,UAAU,EAAE,GAAG,uDAA6B,CAAC;QACnD,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,KAAK,CAAC,SAAS;QACxB,UAAU,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE;KACjC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;IAC3C,MAAM,4BAA4B,GAAG,6DAAmC,CAAC;QACvE,UAAU;QACV,gCAAgC,EAAE,IAAI;KACvC,CAAC,CAAC;IAEH,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,SAAS,GAAG,+BAAY,CAAC,WAAW,CAAC,CAAC;IAE5C,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IACpD,KAAK,IAAI,MAAM,IAAI,CAClB,8BAAC,iCAAc,IACb,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,4BAA4B,EAC3C,aAAa,EAAE,gCAAa,CAAC,QAAQ,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,qBAAqB,yBAuChC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useState } from \"react\";\nimport type { RegisteredRuleset, Ruleset } from \"@itwin/presentation-common\";\nimport type {\n  IPresentationTreeDataProvider,\n  PresentationTreeDataProvider,\n} from \"@itwin/presentation-components\";\nimport {\n  usePresentationTreeNodeLoader,\n  useUnifiedSelectionTreeEventHandler,\n} from \"@itwin/presentation-components\";\nimport {\n  ControlledTree,\n  SelectionMode,\n  useTreeModel,\n} from \"@itwin/components-react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport \"./TreeWithRulesetTree.scss\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { useResizeObserver } from \"@itwin/core-react\";\n\nexport interface ControlledTreeProps {\n  iModel: IModelConnection;\n  dataProvider: IPresentationTreeDataProvider;\n  rulesetId: string;\n  pageSize?: number;\n}\n\nexport interface TreeProps {\n  imodel: IModelConnection;\n  ruleSet: Ruleset;\n  dataProvider: IPresentationTreeDataProvider;\n}\n\nexport interface TreeState {\n  initialized: false;\n  dataProvider?: IPresentationTreeDataProvider;\n}\n\nexport abstract class TreeWithRuleset<\n  T extends TreeProps,\n  S extends TreeState\n> extends React.Component<T, S> {\n  private _ruleset?: RegisteredRuleset;\n  /** @internal */\n  public async componentDidMount() {\n    await this._setRuleSet();\n  }\n\n  public async componentDidUpdate(prevProps: any) {\n    if (this.props.ruleSet !== prevProps.ruleSet) {\n      this.removeRuleset();\n      await this._setRuleSet();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.removeRuleset();\n  }\n\n  private removeRuleset() {\n    if (this._ruleset) {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      Presentation.presentation.rulesets().remove(this._ruleset);\n    }\n  }\n\n  private _setRuleSet = async () => {\n    return Presentation.presentation\n      .rulesets()\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      .add(this.props.ruleSet)\n      .then((ruleset: RegisteredRuleset) => {\n        this._ruleset = ruleset;\n        const dataProvider = this.props.dataProvider;\n        this.setState({ dataProvider });\n      });\n  };\n}\n\nexport class SimpleTreeWithRuleset extends TreeWithRuleset<\nTreeProps,\nTreeState\n> {\n  constructor(props: TreeProps) {\n    super(props);\n    this.state = {\n      initialized: false,\n    };\n  }\n\n  public render() {\n    const dataProvider = this.state\n      .dataProvider as PresentationTreeDataProvider;\n    if (!dataProvider) return <div />;\n    else {\n      return (\n        <div className=\"spatial-tree\">\n          <ControlledTreeWrapper\n            rulesetId={this.props.ruleSet.id}\n            iModel={this.props.imodel}\n            dataProvider={dataProvider}\n            pageSize={dataProvider.pagingSize}\n          />\n        </div>\n      );\n    }\n  }\n}\n\nexport const ControlledTreeWrapper: React.FC<ControlledTreeProps> = (\n  props: ControlledTreeProps\n) => {\n  const { nodeLoader } = usePresentationTreeNodeLoader({\n    imodel: props.iModel,\n    ruleset: props.rulesetId,\n    pagingSize: props.pageSize || 20,\n  });\n\n  const modelSource = nodeLoader.modelSource;\n  const unifiedSelectionEventHandler = useUnifiedSelectionTreeEventHandler({\n    nodeLoader,\n    collapsedChildrenDisposalEnabled: true,\n  });\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 treeModel = useTreeModel(modelSource);\n\n  return (\n    <div ref={ref} style={{ width: \"100%\", height: \"100%\" }}>\n      {width && height && (\n        <ControlledTree\n          model={treeModel}\n          nodeLoader={nodeLoader}\n          eventsHandler={unifiedSelectionEventHandler}\n          selectionMode={SelectionMode.Extended}\n          width={width}\n          height={height}\n        />\n      )}\n    </div>\n  );\n};\n\n"]}

package/lib/cjs/components/trees/TreeWithRulesetTree.scss

@@ -1,17 +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 "~@itwin/core-react/lib/cjs/core-react/index";
-.spatial-tree {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.components-tree-node-content {
-  height: $uicore-l;
-  line-height: $uicore-font-size-small;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}

package/lib/esm/components/TreeWidgetControl.d.ts

@@ -1,26 +0,0 @@
-import type { ConfigurableCreateInfo } from "@itwin/appui-react";
-import { WidgetControl } from "@itwin/appui-react";
-import React from "react";
-import type { IModelConnection, Viewport } from "@itwin/core-frontend";
-import type { SelectableContentDefinition } from "@itwin/components-react";
-export interface TreeWidgetControlOptions {
-    iModelConnection: IModelConnection;
-    activeView?: Viewport;
-    enableElementsClassGrouping?: boolean;
-    allViewports?: boolean;
-    additionalTrees?: SelectableContentDefinition[];
-    additionalProps?: {
-        modelsTree?: {};
-        categoriesTree?: {};
-        spatialTree?: {};
-    };
-    treeReplacements?: {
-        modelsTree?: () => React.ReactNode;
-        categoriesTree?: () => React.ReactNode;
-        spatialTree?: () => React.ReactNode;
-    };
-}
-export declare class TreeWidgetControl extends WidgetControl {
-    constructor(info: ConfigurableCreateInfo, options: TreeWidgetControlOptions);
-}
-//# sourceMappingURL=TreeWidgetControl.d.ts.map

package/lib/esm/components/TreeWidgetControl.js

@@ -1,59 +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 { ClassGroupingOption, WidgetControl, } from "@itwin/appui-react";
-import React from "react";
-import { CategoriesTreeComponent } from "./trees/CategoriesTree";
-import { ModelsTreeComponent } from "./trees/ModelsTree";
-import { SpatialTreeComponent } from "./trees/SpatialTree";
-import { TreeWidgetComponent } from "./TreeWidgetComponent";
-import { TreeWidget } from "../TreeWidget";
-export class TreeWidgetControl extends WidgetControl {
-    constructor(info, options) {
-        var _a, _b, _c, _d, _e, _f;
-        super(info, options);
-        const { iModelConnection: imodel, activeView } = options;
-        const modelsTreeProps = (_a = options.additionalProps) === null || _a === void 0 ? void 0 : _a.modelsTree;
-        const categoriesTreeProps = (_b = options.additionalProps) === null || _b === void 0 ? void 0 : _b.categoriesTree;
-        const spatialTreeProps = (_c = options.additionalProps) === null || _c === void 0 ? void 0 : _c.spatialTree;
-        const enableElementsClassGrouping = options.enableElementsClassGrouping;
-        const allViewPorts = options.allViewports;
-        const additionalTrees = options.additionalTrees;
-        const modelsTreeReplacement = (_d = options.treeReplacements) === null || _d === void 0 ? void 0 : _d.modelsTree;
-        const categoriesTreeReplacement = (_e = options.treeReplacements) === null || _e === void 0 ? void 0 : _e.categoriesTree;
-        const spatialTreeReplacement = (_f = options.treeReplacements) === null || _f === void 0 ? void 0 : _f.spatialTree;
-        const modelsTreeComponent = (React.createElement(ModelsTreeComponent, { iModel: imodel, allViewports: allViewPorts, activeView: activeView, enableElementsClassGrouping: enableElementsClassGrouping, ...modelsTreeProps }));
-        const categoriesTreeComponent = (React.createElement(CategoriesTreeComponent, { iModel: imodel, allViewports: allViewPorts, activeView: activeView, ...categoriesTreeProps }));
-        const spatialContainmentComponent = (React.createElement(SpatialTreeComponent, { iModel: imodel, enableElementsClassGrouping: enableElementsClassGrouping
-                ? ClassGroupingOption.Yes
-                : ClassGroupingOption.No, ...spatialTreeProps }));
-        const trees = [
-            {
-                label: TreeWidget.translate("modeltree"),
-                id: "model-tree",
-                render: modelsTreeReplacement
-                    ? modelsTreeReplacement
-                    : () => modelsTreeComponent,
-            },
-            {
-                label: TreeWidget.translate("categories"),
-                id: "categories-tree",
-                render: categoriesTreeReplacement
-                    ? categoriesTreeReplacement
-                    : () => categoriesTreeComponent,
-            },
-            {
-                label: TreeWidget.translate("containment"),
-                id: "spatial-containment-tree",
-                render: spatialTreeReplacement
-                    ? spatialTreeReplacement
-                    : () => spatialContainmentComponent,
-            },
-        ];
-        if (additionalTrees)
-            trees.push(...additionalTrees);
-        this.reactNode = React.createElement(TreeWidgetComponent, { trees: trees });
-    }
-}
-//# sourceMappingURL=TreeWidgetControl.js.map

package/lib/esm/components/TreeWidgetControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeWidgetControl.js","sourceRoot":"","sources":["../../../src/components/TreeWidgetControl.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\nimport type { ConfigurableCreateInfo } from \"@itwin/appui-react\";\nimport {\n  ClassGroupingOption,\n  WidgetControl,\n} from \"@itwin/appui-react\";\nimport React from \"react\";\nimport { CategoriesTreeComponent } from \"./trees/CategoriesTree\";\nimport { ModelsTreeComponent } from \"./trees/ModelsTree\";\nimport { SpatialTreeComponent } from \"./trees/SpatialTree\";\nimport type { IModelConnection, Viewport } from \"@itwin/core-frontend\";\nimport { TreeWidgetComponent } from \"./TreeWidgetComponent\";\nimport type { SelectableContentDefinition } from \"@itwin/components-react\";\nimport { TreeWidget } from \"../TreeWidget\";\n\nexport interface TreeWidgetControlOptions {\n  iModelConnection: IModelConnection;\n  activeView?: Viewport;\n  enableElementsClassGrouping?: boolean;\n  allViewports?: boolean;\n  additionalTrees?: SelectableContentDefinition[];\n  additionalProps?: {\n    modelsTree?: {};\n    categoriesTree?: {};\n    spatialTree?: {};\n  };\n  treeReplacements?: {\n    modelsTree?: () => React.ReactNode;\n    categoriesTree?: () => React.ReactNode;\n    spatialTree?: () => React.ReactNode;\n  };\n}\n\nexport class TreeWidgetControl extends WidgetControl {\n  constructor(info: ConfigurableCreateInfo, options: TreeWidgetControlOptions) {\n    super(info, options);\n\n    const { iModelConnection: imodel, activeView } = options;\n    const modelsTreeProps = options.additionalProps?.modelsTree;\n    const categoriesTreeProps = options.additionalProps?.categoriesTree;\n    const spatialTreeProps = options.additionalProps?.spatialTree;\n    const enableElementsClassGrouping = options.enableElementsClassGrouping;\n    const allViewPorts = options.allViewports;\n    const additionalTrees = options.additionalTrees;\n    const modelsTreeReplacement = options.treeReplacements?.modelsTree;\n    const categoriesTreeReplacement = options.treeReplacements?.categoriesTree;\n    const spatialTreeReplacement = options.treeReplacements?.spatialTree;\n\n    const modelsTreeComponent = (\n      <ModelsTreeComponent\n        iModel={imodel}\n        allViewports={allViewPorts}\n        activeView={activeView}\n        enableElementsClassGrouping={enableElementsClassGrouping}\n        {...modelsTreeProps}\n      />\n    );\n\n    const categoriesTreeComponent = (\n      <CategoriesTreeComponent\n        iModel={imodel}\n        allViewports={allViewPorts}\n        activeView={activeView}\n        {...categoriesTreeProps}\n      />\n    );\n\n    const spatialContainmentComponent = (\n      <SpatialTreeComponent\n        iModel={imodel}\n        enableElementsClassGrouping={\n          enableElementsClassGrouping\n            ? ClassGroupingOption.Yes\n            : ClassGroupingOption.No\n        }\n        {...spatialTreeProps}\n      />\n    );\n\n    const trees: SelectableContentDefinition[] = [\n      {\n        label: TreeWidget.translate(\"modeltree\"),\n        id: \"model-tree\",\n        render: modelsTreeReplacement\n          ? modelsTreeReplacement\n          : () => modelsTreeComponent,\n      },\n      {\n        label: TreeWidget.translate(\"categories\"),\n        id: \"categories-tree\",\n        render: categoriesTreeReplacement\n          ? categoriesTreeReplacement\n          : () => categoriesTreeComponent,\n      },\n      {\n        label: TreeWidget.translate(\"containment\"),\n        id: \"spatial-containment-tree\",\n        render: spatialTreeReplacement\n          ? spatialTreeReplacement\n          : () => spatialContainmentComponent,\n      },\n    ];\n\n    if (additionalTrees) trees.push(...additionalTrees);\n\n    this.reactNode = <TreeWidgetComponent trees={trees} />;\n  }\n}\n"]}

package/lib/esm/components/rulesets/ClassificationSystems.json

@@ -1,122 +0,0 @@
-{
-    "id": "tree-widget-react/ClassificationSystems",
-    "rules": [
-        {
-            "ruleType": "RootNodes",
-            "specifications": [
-                {
-                    "specType": "InstanceNodesOfSpecificClasses",
-                    "classes": [
-                        {
-                            "schemaName": "ClassificationSystems",
-                            "classNames": [
-                                "ClassificationSystem"
-                            ]
-                        }
-                    ],
-                    "arePolymorphic": false,
-                    "groupByClass": false,
-                    "groupByLabel": false
-                }
-            ]
-        },
-        {
-            "ruleType": "ChildNodes",
-            "condition": "ParentNode.IsOfClass(\"ClassificationSystem\", \"ClassificationSystems\")",
-            "specifications": [
-                {
-                    "specType": "RelatedInstanceNodes",
-                    "relationships": {
-                        "schemaName": "ClassificationSystems",
-                        "classNames": [
-                            "ClassificationSystemOwnsClassificationTable"
-                        ]
-                    },
-                    "relatedClasses": {
-                        "schemaName": "ClassificationSystems",
-                        "classNames": [
-                            "ClassificationTable"
-                        ]
-                    },
-                    "requiredDirection": "Forward",
-                    "groupByClass": false,
-                    "groupByLabel": false,
-                    "doNotSort": true
-                }
-            ]
-        },
-        {
-            "ruleType": "ChildNodes",
-            "condition": "ParentNode.IsOfClass(\"ClassificationTable\", \"ClassificationSystems\")",
-            "specifications": [
-                {
-                    "specType": "RelatedInstanceNodes",
-                    "relationships": {
-                        "schemaName": "BisCore",
-                        "classNames": [
-                            "ModelModelsElement"
-                        ]
-                    },
-                    "relatedClasses": {
-                        "schemaName": "BisCore",
-                        "classNames": [
-                            "Model"
-                        ]
-                    },
-                    "requiredDirection": "Backward",
-                    "groupByClass": false,
-                    "groupByLabel": false,
-                    "hideNodesInHierarchy": true
-                }
-            ]
-        },
-        {
-            "ruleType": "ChildNodes",
-            "condition": "ParentNode.IsOfClass(\"Model\", \"BisCore\")",
-            "specifications": [
-                {
-                    "specType": "RelatedInstanceNodes",
-                    "relationships": {
-                        "schemaName": "BisCore",
-                        "classNames": [
-                            "ModelContainsElements"
-                        ]
-                    },
-                    "relatedClasses": {
-                        "schemaName": "ClassificationSystems",
-                        "classNames": [
-                            "Classification"
-                        ]
-                    },
-                    "requiredDirection": "Forward",
-                    "groupByClass": false,
-                    "groupByLabel": false
-                }
-            ]
-        },
-        {
-            "ruleType": "ChildNodes",
-            "condition": "ParentNode.IsOfClass(\"Classification\", \"ClassificationSystems\")",
-            "specifications": [
-                {
-                    "specType": "RelatedInstanceNodes",
-                    "relationships": {
-                        "schemaName": "ClassificationSystems",
-                        "classNames": [
-                            "ElementHasClassifications"
-                        ]
-                    },
-                    "relatedClasses": {
-                        "schemaName": "BisCore",
-                        "classNames": [
-                            "Element"
-                        ]
-                    },
-                    "requiredDirection": "Backward",
-                    "groupByClass": false,
-                    "groupByLabel": false
-                }
-            ]
-        }
-    ]
-}

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

@@ -1,6 +0,0 @@
-import type { IModelConnection } from "@itwin/core-frontend";
-export interface ClassificationsTreeComponentProps {
-    iModel: IModelConnection;
-}
-export declare function ClassificationsTreeComponent(props: ClassificationsTreeComponentProps): JSX.Element;
-//# sourceMappingURL=ClassificationsTree.d.ts.map

package/lib/esm/components/trees/ClassificationsTree.js

@@ -1,17 +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 * as React from "react";
-import { SimpleTreeWithRuleset } from "./TreeWithRuleset";
-import { PresentationTreeDataProvider } from "@itwin/presentation-components";
-import classificationRules from "../rulesets/ClassificationSystems.json";
-export function ClassificationsTreeComponent(props) {
-    const dataProvider = new PresentationTreeDataProvider({
-        imodel: props.iModel,
-        ruleset: classificationRules.id,
-        pagingSize: 20,
-    });
-    return (React.createElement(SimpleTreeWithRuleset, { imodel: props.iModel, ruleSet: classificationRules, dataProvider: dataProvider }));
-}
-//# sourceMappingURL=ClassificationsTree.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ClassificationsTree.js","sourceRoot":"","sources":["../../../../src/components/trees/ClassificationsTree.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,mBAAmB,MAAM,wCAAwC,CAAC;AAMzE,MAAM,UAAU,4BAA4B,CAC1C,KAAwC;IAExC,MAAM,YAAY,GAAG,IAAI,4BAA4B,CAAC;QACpD,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,mBAAmB,CAAC,EAAE;QAC/B,UAAU,EAAE,EAAE;KACf,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,qBAAqB,IACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,mBAA8B,EACvC,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { Ruleset } from \"@itwin/presentation-common\";\nimport { SimpleTreeWithRuleset } from \"./TreeWithRuleset\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { PresentationTreeDataProvider } from \"@itwin/presentation-components\";\nimport classificationRules from \"../rulesets/ClassificationSystems.json\";\n\nexport interface ClassificationsTreeComponentProps {\n  iModel: IModelConnection;\n}\n\nexport function ClassificationsTreeComponent(\n  props: ClassificationsTreeComponentProps\n) {\n  const dataProvider = new PresentationTreeDataProvider({\n    imodel: props.iModel,\n    ruleset: classificationRules.id,\n    pagingSize: 20,\n  });\n\n  return (\n    <SimpleTreeWithRuleset\n      imodel={props.iModel}\n      ruleSet={classificationRules as Ruleset}\n      dataProvider={dataProvider}\n    />\n  );\n}\n"]}

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

@@ -1,35 +0,0 @@
-import React from "react";
-import type { Ruleset } from "@itwin/presentation-common";
-import type { IPresentationTreeDataProvider } from "@itwin/presentation-components";
-import "./TreeWithRulesetTree.scss";
-import type { IModelConnection } from "@itwin/core-frontend";
-export interface ControlledTreeProps {
-    iModel: IModelConnection;
-    dataProvider: IPresentationTreeDataProvider;
-    rulesetId: string;
-    pageSize?: number;
-}
-export interface TreeProps {
-    imodel: IModelConnection;
-    ruleSet: Ruleset;
-    dataProvider: IPresentationTreeDataProvider;
-}
-export interface TreeState {
-    initialized: false;
-    dataProvider?: IPresentationTreeDataProvider;
-}
-export declare abstract class TreeWithRuleset<T extends TreeProps, S extends TreeState> extends React.Component<T, S> {
-    private _ruleset?;
-    /** @internal */
-    componentDidMount(): Promise<void>;
-    componentDidUpdate(prevProps: any): Promise<void>;
-    componentWillUnmount(): void;
-    private removeRuleset;
-    private _setRuleSet;
-}
-export declare class SimpleTreeWithRuleset extends TreeWithRuleset<TreeProps, TreeState> {
-    constructor(props: TreeProps);
-    render(): JSX.Element;
-}
-export declare const ControlledTreeWrapper: React.FC<ControlledTreeProps>;
-//# sourceMappingURL=TreeWithRuleset.d.ts.map

package/lib/esm/components/trees/TreeWithRuleset.js

@@ -1,85 +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 React, { useCallback, useState } from "react";
-import { usePresentationTreeNodeLoader, useUnifiedSelectionTreeEventHandler, } from "@itwin/presentation-components";
-import { ControlledTree, SelectionMode, useTreeModel, } from "@itwin/components-react";
-import { Presentation } from "@itwin/presentation-frontend";
-import "./TreeWithRulesetTree.scss";
-import { useResizeObserver } from "@itwin/core-react";
-export class TreeWithRuleset extends React.Component {
-    constructor() {
-        super(...arguments);
-        this._setRuleSet = async () => {
-            return Presentation.presentation
-                .rulesets()
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
-                .add(this.props.ruleSet)
-                .then((ruleset) => {
-                this._ruleset = ruleset;
-                const dataProvider = this.props.dataProvider;
-                this.setState({ dataProvider });
-            });
-        };
-    }
-    /** @internal */
-    async componentDidMount() {
-        await this._setRuleSet();
-    }
-    async componentDidUpdate(prevProps) {
-        if (this.props.ruleSet !== prevProps.ruleSet) {
-            this.removeRuleset();
-            await this._setRuleSet();
-        }
-    }
-    componentWillUnmount() {
-        this.removeRuleset();
-    }
-    removeRuleset() {
-        if (this._ruleset) {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            Presentation.presentation.rulesets().remove(this._ruleset);
-        }
-    }
-}
-export class SimpleTreeWithRuleset extends TreeWithRuleset {
-    constructor(props) {
-        super(props);
-        this.state = {
-            initialized: false,
-        };
-    }
-    render() {
-        const dataProvider = this.state
-            .dataProvider;
-        if (!dataProvider)
-            return React.createElement("div", null);
-        else {
-            return (React.createElement("div", { className: "spatial-tree" },
-                React.createElement(ControlledTreeWrapper, { rulesetId: this.props.ruleSet.id, iModel: this.props.imodel, dataProvider: dataProvider, pageSize: dataProvider.pagingSize })));
-        }
-    }
-}
-export const ControlledTreeWrapper = (props) => {
-    const { nodeLoader } = usePresentationTreeNodeLoader({
-        imodel: props.iModel,
-        ruleset: props.rulesetId,
-        pagingSize: props.pageSize || 20,
-    });
-    const modelSource = nodeLoader.modelSource;
-    const unifiedSelectionEventHandler = useUnifiedSelectionTreeEventHandler({
-        nodeLoader,
-        collapsedChildrenDisposalEnabled: true,
-    });
-    const [height, setHeight] = useState(0);
-    const [width, setWidth] = useState(0);
-    const handleResize = useCallback((w, h) => {
-        setHeight(h);
-        setWidth(w);
-    }, []);
-    const ref = useResizeObserver(handleResize);
-    const treeModel = useTreeModel(modelSource);
-    return (React.createElement("div", { ref: ref, style: { width: "100%", height: "100%" } }, width && height && (React.createElement(ControlledTree, { model: treeModel, nodeLoader: nodeLoader, eventsHandler: unifiedSelectionEventHandler, selectionMode: SelectionMode.Extended, width: width, height: height }))));
-};
-//# sourceMappingURL=TreeWithRuleset.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TreeWithRuleset.js","sourceRoot":"","sources":["../../../../src/components/trees/TreeWithRuleset.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useState } from \"react\";\nimport type { RegisteredRuleset, Ruleset } from \"@itwin/presentation-common\";\nimport type {\n  IPresentationTreeDataProvider,\n  PresentationTreeDataProvider,\n} from \"@itwin/presentation-components\";\nimport {\n  usePresentationTreeNodeLoader,\n  useUnifiedSelectionTreeEventHandler,\n} from \"@itwin/presentation-components\";\nimport {\n  ControlledTree,\n  SelectionMode,\n  useTreeModel,\n} from \"@itwin/components-react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport \"./TreeWithRulesetTree.scss\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { useResizeObserver } from \"@itwin/core-react\";\n\nexport interface ControlledTreeProps {\n  iModel: IModelConnection;\n  dataProvider: IPresentationTreeDataProvider;\n  rulesetId: string;\n  pageSize?: number;\n}\n\nexport interface TreeProps {\n  imodel: IModelConnection;\n  ruleSet: Ruleset;\n  dataProvider: IPresentationTreeDataProvider;\n}\n\nexport interface TreeState {\n  initialized: false;\n  dataProvider?: IPresentationTreeDataProvider;\n}\n\nexport abstract class TreeWithRuleset<\n  T extends TreeProps,\n  S extends TreeState\n> extends React.Component<T, S> {\n  private _ruleset?: RegisteredRuleset;\n  /** @internal */\n  public async componentDidMount() {\n    await this._setRuleSet();\n  }\n\n  public async componentDidUpdate(prevProps: any) {\n    if (this.props.ruleSet !== prevProps.ruleSet) {\n      this.removeRuleset();\n      await this._setRuleSet();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.removeRuleset();\n  }\n\n  private removeRuleset() {\n    if (this._ruleset) {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      Presentation.presentation.rulesets().remove(this._ruleset);\n    }\n  }\n\n  private _setRuleSet = async () => {\n    return Presentation.presentation\n      .rulesets()\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      .add(this.props.ruleSet)\n      .then((ruleset: RegisteredRuleset) => {\n        this._ruleset = ruleset;\n        const dataProvider = this.props.dataProvider;\n        this.setState({ dataProvider });\n      });\n  };\n}\n\nexport class SimpleTreeWithRuleset extends TreeWithRuleset<\nTreeProps,\nTreeState\n> {\n  constructor(props: TreeProps) {\n    super(props);\n    this.state = {\n      initialized: false,\n    };\n  }\n\n  public render() {\n    const dataProvider = this.state\n      .dataProvider as PresentationTreeDataProvider;\n    if (!dataProvider) return <div />;\n    else {\n      return (\n        <div className=\"spatial-tree\">\n          <ControlledTreeWrapper\n            rulesetId={this.props.ruleSet.id}\n            iModel={this.props.imodel}\n            dataProvider={dataProvider}\n            pageSize={dataProvider.pagingSize}\n          />\n        </div>\n      );\n    }\n  }\n}\n\nexport const ControlledTreeWrapper: React.FC<ControlledTreeProps> = (\n  props: ControlledTreeProps\n) => {\n  const { nodeLoader } = usePresentationTreeNodeLoader({\n    imodel: props.iModel,\n    ruleset: props.rulesetId,\n    pagingSize: props.pageSize || 20,\n  });\n\n  const modelSource = nodeLoader.modelSource;\n  const unifiedSelectionEventHandler = useUnifiedSelectionTreeEventHandler({\n    nodeLoader,\n    collapsedChildrenDisposalEnabled: true,\n  });\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 treeModel = useTreeModel(modelSource);\n\n  return (\n    <div ref={ref} style={{ width: \"100%\", height: \"100%\" }}>\n      {width && height && (\n        <ControlledTree\n          model={treeModel}\n          nodeLoader={nodeLoader}\n          eventsHandler={unifiedSelectionEventHandler}\n          selectionMode={SelectionMode.Extended}\n          width={width}\n          height={height}\n        />\n      )}\n    </div>\n  );\n};\n\n"]}

package/lib/esm/components/trees/TreeWithRulesetTree.scss

@@ -1,17 +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 "~@itwin/core-react/lib/cjs/core-react/index";
-.spatial-tree {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.components-tree-node-content {
-  height: $uicore-l;
-  line-height: $uicore-font-size-small;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}