@itwin/tree-widget-react 0.1.1

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { Ruleset } from "@itwin/presentation-common";
+import { IPresentationTreeDataProvider } from "@itwin/presentation-components";
+import "./TreeWithRulesetTree.scss";
+import { 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

@@ -0,0 +1,83 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { SelectionMode, ControlledTree, 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()
+                .add(this.props.ruleSet) // tslint:disable-line:no-floating-promises
+                .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)
+            Presentation.presentation.rulesets().remove(this._ruleset); // tslint:disable-line:no-floating-promises
+    }
+}
+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 })));
+        }
+    }
+}
+// tslint:disable-next-line:variable-name naming-convention
+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

@@ -0,0 +1 @@
+{"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 { RegisteredRuleset, Ruleset } from \"@itwin/presentation-common\";\nimport {\n  IPresentationTreeDataProvider,\n  usePresentationTreeNodeLoader,\n  useUnifiedSelectionTreeEventHandler,\n  PresentationTreeDataProvider,\n} from \"@itwin/presentation-components\";\nimport {\n  SelectionMode,\n  ControlledTree,\n  useTreeModel,\n} from \"@itwin/components-react\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport \"./TreeWithRulesetTree.scss\";\nimport { 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      Presentation.presentation.rulesets().remove(this._ruleset); // tslint:disable-line:no-floating-promises\n  }\n\n  private _setRuleSet = async () => {\n    return Presentation.presentation\n      .rulesets()\n      .add(this.props.ruleSet) // tslint:disable-line:no-floating-promises\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<\n  TreeProps,\n  TreeState\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 as PresentationTreeDataProvider).pagingSize}\n          />\n        </div>\n      );\n    }\n  }\n}\n\n// tslint:disable-next-line:variable-name naming-convention\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

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/esm/core-react/index";
+.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/trees/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./ModelsTree";
+export * from "./CategoriesTree";
+export * from "./SpatialTree";
+export * from "./ClassificationsTree";
+export * from "./TreeWithRuleset";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+export * from "./ModelsTree";
+export * from "./CategoriesTree";
+export * from "./SpatialTree";
+export * from "./ClassificationsTree";
+export * from "./TreeWithRuleset";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/trees/index.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,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*--------------------------------------------------------------------------------------------*/\nexport * from \"./ModelsTree\";\nexport * from \"./CategoriesTree\";\nexport * from \"./SpatialTree\";\nexport * from \"./ClassificationsTree\";\nexport * from \"./TreeWithRuleset\";"]}

package/lib/esm/tree-widget-react.d.ts

@@ -0,0 +1,7 @@
+export * from "./TreeWidget";
+export * from "./components/TreeWidgetControl";
+export * from "./components/TreeWidgetComponent";
+export * from "./components/header/TreeHeader";
+export * from "./components/trees";
+export * from "./components/TreeWidgetUiItemsProvider";
+//# sourceMappingURL=tree-widget-react.d.ts.map

package/lib/esm/tree-widget-react.js

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+export * from "./TreeWidget";
+export * from "./components/TreeWidgetControl";
+export * from "./components/TreeWidgetComponent";
+export * from "./components/header/TreeHeader";
+export * from "./components/trees";
+export * from "./components/TreeWidgetUiItemsProvider";
+//# sourceMappingURL=tree-widget-react.js.map

package/lib/esm/tree-widget-react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-widget-react.js","sourceRoot":"","sources":["../../src/tree-widget-react.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wCAAwC,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\nexport * from \"./TreeWidget\";\nexport * from \"./components/TreeWidgetControl\";\nexport * from \"./components/TreeWidgetComponent\";\nexport * from \"./components/header/TreeHeader\";\nexport * from \"./components/trees\";\nexport * from \"./components/TreeWidgetUiItemsProvider\";\n"]}

package/lib/public/locales/en/TreeWidget.json

@@ -0,0 +1,16 @@
+{
+  "searchForSomething": "Search for something",
+  "search": "Search...",
+  "showAll": "Show All",
+  "hideAll": "Hide All",
+  "invert": "Invert",
+  "toggle2DViews": "Toggle 2D Views",
+  "toggle3DViews": "Toggle 3D Views",
+  "label2D": "2D",
+  "label3D": "3D",
+  "learnMore": "Learn more",
+  "modeltree": "Model Tree",
+  "categories": "Categories",
+  "containment": "Spatial Containment",
+  "treeview": "Tree View"
+}

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@itwin/tree-widget-react",
+  "version": "0.1.1",
+  "description": "Tree Widget React",
+  "keywords": [
+    "Bentley",
+    "iModel Tree Widget",
+    "iTwin.js"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/itwin/viewer-components-react/tree/master/packages/itwin/tree-widget"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Bentley Systems, Inc.",
+    "url": "http://www.bentley.com"
+  },
+  "main": "lib/cjs/tree-widget-react.js",
+  "module": "lib/esm/tree-widget-react.js",
+  "typings": "lib/cjs/tree-widget-react",
+  "dependencies": {
+    "classnames": "^2.3.1",
+    "i18next": "^10.2.2",
+    "react-redux": "^7.2.0",
+    "redux": "^4.0.3"
+  },
+  "devDependencies": {
+    "@bentley/itwin-client": "rc",
+    "@itwin/appui-abstract": "rc",
+    "@itwin/appui-layout-react": "rc",
+    "@itwin/appui-react": "rc",
+    "@itwin/build-tools": "rc",
+    "@itwin/components-react": "rc",
+    "@itwin/core-bentley": "rc",
+    "@itwin/core-common": "rc",
+    "@itwin/core-frontend": "rc",
+    "@itwin/core-geometry": "rc",
+    "@itwin/core-i18n": "rc",
+    "@itwin/core-markup": "rc",
+    "@itwin/core-orbitgt": "rc",
+    "@itwin/core-quantity": "rc",
+    "@itwin/core-react": "rc",
+    "@itwin/presentation-common": "rc",
+    "@itwin/presentation-components": "rc",
+    "@itwin/presentation-frontend": "rc",
+    "@itwin/webgl-compatibility": "rc",
+    "@types/i18next": "^8.4.2",
+    "@types/react": "^17.0.19",
+    "@types/react-dom": "^17.0.9",
+    "@types/react-redux": "^7.0.1",
+    "cpx": "^1.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "rimraf": "^3.0.2",
+    "tslint": "^5.11.0",
+    "typescript": "~4.3.0"
+  },
+  "peerDependencies": {
+    "@bentley/itwin-client": "rc",
+    "@itwin/appui-abstract": "rc",
+    "@itwin/appui-layout-react": "rc",
+    "@itwin/appui-react": "rc",
+    "@itwin/components-react": "rc",
+    "@itwin/core-bentley": "rc",
+    "@itwin/core-common": "rc",
+    "@itwin/core-frontend": "rc",
+    "@itwin/core-geometry": "rc",
+    "@itwin/core-i18n": "rc",
+    "@itwin/core-markup": "rc",
+    "@itwin/core-orbitgt": "rc",
+    "@itwin/core-quantity": "rc",
+    "@itwin/core-react": "rc",
+    "@itwin/presentation-common": "rc",
+    "@itwin/presentation-components": "rc",
+    "@itwin/presentation-frontend": "rc",
+    "@itwin/webgl-compatibility": "rc",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "scripts": {
+    "build": "npm run -s dual-build && npm run -s copy:assets",
+    "dual-build": "npm run -s build:cjs && npm run -s build:esm",
+    "build:cjs": "tsc 1>&2 --outDir lib/cjs",
+    "build:esm": "tsc 1>&2 --module ES2020 --outDir lib/esm",
+    "copy:assets": "npm run -s copy:public && npm run -s copy:cjs && npm run -s copy:esm",
+    "copy:public": "cpx \"./public/**/*\" ./lib/public",
+    "copy:cjs": "cpx \"./src/**/*.scss\" ./lib/cjs",
+    "copy:esm": "cpx \"./src/**/*.scss\" ./lib/esm",
+    "cover": "",
+    "lint": "",
+    "pseudolocalize": "betools pseudolocalize --englishDir ./public/locales/en --out ./lib/public/locales/en-PSEUDO",
+    "test": "",
+    "clean": "rimraf lib .rush/temp/package-deps*.json",
+    "rebuild": "npm run clean && npm run build"
+  }
+}