@itwin/tree-widget-react 0.2.0 → 0.4.0

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/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;
-}