@itwin/tree-widget-react 0.1.1 → 0.1.2

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

@@ -4,7 +4,7 @@
 *--------------------------------------------------------------------------------------------*/
 import React, { useCallback, useState } from "react";
 import { usePresentationTreeNodeLoader, useUnifiedSelectionTreeEventHandler, } from "@itwin/presentation-components";
-import { SelectionMode, ControlledTree, useTreeModel, } from "@itwin/components-react";
+import { ControlledTree, SelectionMode, useTreeModel, } from "@itwin/components-react";
 import { Presentation } from "@itwin/presentation-frontend";
 import "./TreeWithRulesetTree.scss";
 import { useResizeObserver } from "@itwin/core-react";
@@ -14,7 +14,8 @@ export class TreeWithRuleset extends React.Component {
         this._setRuleSet = async () => {
             return Presentation.presentation
                 .rulesets()
-                .add(this.props.ruleSet) // tslint:disable-line:no-floating-promises
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                .add(this.props.ruleSet)
                 .then((ruleset) => {
                 this._ruleset = ruleset;
                 const dataProvider = this.props.dataProvider;
@@ -36,8 +37,10 @@ export class TreeWithRuleset extends React.Component {
         this.removeRuleset();
     }
     removeRuleset() {
-        if (this._ruleset)
-            Presentation.presentation.rulesets().remove(this._ruleset); // tslint:disable-line:no-floating-promises
+        if (this._ruleset) {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            Presentation.presentation.rulesets().remove(this._ruleset);
+        }
     }
 }
 export class SimpleTreeWithRuleset extends TreeWithRuleset {
@@ -58,7 +61,6 @@ export class SimpleTreeWithRuleset extends TreeWithRuleset {
         }
     }
 }
-// tslint:disable-next-line:variable-name naming-convention
 export const ControlledTreeWrapper = (props) => {
     const { nodeLoader } = usePresentationTreeNodeLoader({
         imodel: props.iModel,

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

@@ -1 +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"]}
+{"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/index.js.map

@@ -1 +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\";"]}
+{"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\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/tree-widget-react",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Tree Widget React",
   "keywords": [
     "Bentley",
@@ -26,7 +26,6 @@
     "redux": "^4.0.3"
   },
   "devDependencies": {
-    "@bentley/itwin-client": "rc",
     "@itwin/appui-abstract": "rc",
     "@itwin/appui-layout-react": "rc",
     "@itwin/appui-react": "rc",
@@ -37,10 +36,9 @@
     "@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/eslint-plugin": "rc",
     "@itwin/presentation-common": "rc",
     "@itwin/presentation-components": "rc",
     "@itwin/presentation-frontend": "rc",
@@ -49,35 +47,35 @@
     "@types/react": "^17.0.19",
     "@types/react-dom": "^17.0.9",
     "@types/react-redux": "^7.0.1",
-    "cpx": "^1.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.3.1",
+    "cpx2": "^3.0.0",
+    "eslint": "^7.11.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"
   },
+  "eslintConfig": {
+    "plugins": [
+      "@itwin"
+    ],
+    "extends": "plugin:@itwin/ui",
+    "rules": {
+      "no-duplicate-imports": "off",
+      "@typescript-eslint/consistent-type-imports": "error"
+    }
+  },
   "scripts": {
     "build": "npm run -s dual-build && npm run -s copy:assets",
     "dual-build": "npm run -s build:cjs && npm run -s build:esm",
@@ -88,7 +86,8 @@
     "copy:cjs": "cpx \"./src/**/*.scss\" ./lib/cjs",
     "copy:esm": "cpx \"./src/**/*.scss\" ./lib/esm",
     "cover": "",
-    "lint": "",
+    "lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
+    "lint:fix": "npm run lint -- --fix",
     "pseudolocalize": "betools pseudolocalize --englishDir ./public/locales/en --out ./lib/public/locales/en-PSEUDO",
     "test": "",
     "clean": "rimraf lib .rush/temp/package-deps*.json",