@itwin/imodel-components-react 3.0.0-dev.77 → 3.0.0-dev.81

package/lib/esm/imodel-components-react/navigationaids/Cube.js

@@ -0,0 +1,101 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Cube
+ */
+import "./Cube.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Matrix3d } from "@itwin/core-geometry";
+/** Cube Face enumeration
+ * @public
+ */
+export var Face;
+(function (Face) {
+    Face["None"] = "";
+    Face["Left"] = "left";
+    Face["Right"] = "right";
+    Face["Back"] = "back";
+    Face["Front"] = "front";
+    Face["Bottom"] = "bottom";
+    Face["Top"] = "top";
+})(Face || (Face = {}));
+/** Cube React component used by the 3d Cube Navigation Aid
+ * @public
+ */
+export class Cube extends React.PureComponent {
+    render() {
+        const { faces, rotMatrix, className, ...props } = this.props;
+        return (React.createElement("div", { className: classnames("components-cube-css3d", className), "data-testid": "components-cube", ...props }, [Face.Front, Face.Back, Face.Right, Face.Left, Face.Top, Face.Bottom]
+            .map((face) => {
+            const content = faces && faces[face];
+            return (React.createElement(CubeFace, { key: face, rotMatrix: rotMatrix, face: face }, content));
+        })));
+    }
+}
+/** @internal */
+export class CubeFace extends React.Component {
+    constructor() {
+        super(...arguments);
+        this._faceWidth = 0;
+    }
+    render() {
+        const { rotMatrix, face, style, children, ...props } = this.props;
+        if (face === Face.None)
+            return null;
+        const classes = classnames("face", this.getCSSClassNameFromFace(face));
+        // orient face (flip because of y axis reversal, rotate as necessary)
+        let reorient = Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);
+        // Position face correctly (applies to rotation, as well as translation)
+        let reposition = Matrix3d.createIdentity();
+        switch (this.props.face) {
+            case Face.Bottom:
+                reposition = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, -1);
+                reorient = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);
+                break;
+            case Face.Right:
+                reposition = Matrix3d.createRowValues(0, 0, 1, 0, 1, 0, -1, 0, 0);
+                reorient = Matrix3d.createRowValues(0, 1, 0, 1, 0, 0, 0, 0, 1);
+                break;
+            case Face.Left:
+                reposition = Matrix3d.createRowValues(0, 0, -1, 0, 1, 0, 1, 0, 0);
+                reorient = Matrix3d.createRowValues(0, -1, 0, -1, 0, 0, 0, 0, 1);
+                break;
+            case Face.Back:
+                reposition = Matrix3d.createRowValues(1, 0, 0, 0, 0, 1, 0, -1, 0);
+                reorient = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);
+                break;
+            case Face.Front:
+                reposition = Matrix3d.createRowValues(1, 0, 0, 0, 0, -1, 0, 1, 0);
+                reorient = Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);
+                break;
+        }
+        const repositioned = rotMatrix.multiplyMatrixMatrix(reposition);
+        const vect = repositioned.multiplyXYZ(0, 0, this._faceWidth);
+        const m = repositioned.multiplyMatrixMatrix(reorient);
+        const list = [
+            m.at(0, 0), -m.at(1, 0), m.at(2, 0), 0,
+            m.at(0, 1), -m.at(1, 1), m.at(2, 1), 0,
+            m.at(0, 2), -m.at(1, 2), m.at(2, 2), 0,
+            vect.at(0), -vect.at(1), vect.at(2) - this._faceWidth /* move back faceWidth so face is on screen level */, 1,
+        ];
+        const transform = `matrix3d(${list.join(", ")})`;
+        const s = {
+            transform,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            WebkitTransform: transform,
+            ...style,
+        };
+        return (React.createElement("div", { style: s, "data-testid": `components-cube-face-${face}`, className: classes, ref: (e) => { this._faceWidth = (e && e.clientWidth / 2) || 0; }, ...props }, children));
+    }
+    getCSSClassNameFromFace(face) {
+        let className = "";
+        // istanbul ignore else
+        if (face !== Face.None)
+            className = `cube-${face}`;
+        return className;
+    }
+}
+//# sourceMappingURL=Cube.js.map

package/lib/esm/imodel-components-react/navigationaids/Cube.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cube.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/navigationaids/Cube.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/** @packageDocumentation\n * @module Cube\n */\n\nimport \"./Cube.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Matrix3d } from \"@itwin/core-geometry\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Cube Face enumeration\n * @public\n */\nexport enum Face {\n  None = \"\",\n  Left = \"left\",\n  Right = \"right\",\n  Back = \"back\",\n  Front = \"front\",\n  Bottom = \"bottom\",\n  Top = \"top\",\n}\n\n/** Properties for the [[Cube]] React component\n * @public\n */\nexport interface CubeProps extends React.AllHTMLAttributes<HTMLDivElement>, CommonProps {\n  faces?: { [key: string]: React.ReactNode };\n  rotMatrix: Matrix3d;\n}\n\n/** Cube React component used by the 3d Cube Navigation Aid\n * @public\n */\nexport class Cube extends React.PureComponent<CubeProps> {\n  public override render(): React.ReactNode {\n    const { faces, rotMatrix, className, ...props } = this.props;\n    return (\n      <div className={classnames(\"components-cube-css3d\", className)} data-testid=\"components-cube\" {...props}>\n        {[Face.Front, Face.Back, Face.Right, Face.Left, Face.Top, Face.Bottom]\n          .map((face: Face) => {\n            const content = faces && faces[face];\n            return (\n              <CubeFace\n                key={face}\n                rotMatrix={rotMatrix}\n                face={face}>\n                {content}\n              </CubeFace>\n            );\n          })}\n      </div>\n    );\n  }\n}\n\n/** @internal */\nexport interface CubeFaceProps extends React.AllHTMLAttributes<HTMLDivElement> {\n  rotMatrix: Matrix3d;\n  face: Face;\n}\n\n/** @internal */\nexport class CubeFace extends React.Component<CubeFaceProps> {\n  private _faceWidth: number = 0;\n  public override render(): React.ReactNode {\n    const { rotMatrix, face, style, children, ...props } = this.props;\n    if (face === Face.None)\n      return null;\n    const classes = classnames(\"face\", this.getCSSClassNameFromFace(face));\n    // orient face (flip because of y axis reversal, rotate as necessary)\n    let reorient: Matrix3d = Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);\n    // Position face correctly (applies to rotation, as well as translation)\n    let reposition: Matrix3d = Matrix3d.createIdentity();\n    switch (this.props.face) {\n      case Face.Bottom:\n        reposition = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, -1);\n        reorient = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);\n        break;\n      case Face.Right:\n        reposition = Matrix3d.createRowValues(0, 0, 1, 0, 1, 0, -1, 0, 0);\n        reorient = Matrix3d.createRowValues(0, 1, 0, 1, 0, 0, 0, 0, 1);\n        break;\n      case Face.Left:\n        reposition = Matrix3d.createRowValues(0, 0, -1, 0, 1, 0, 1, 0, 0);\n        reorient = Matrix3d.createRowValues(0, -1, 0, -1, 0, 0, 0, 0, 1);\n        break;\n      case Face.Back:\n        reposition = Matrix3d.createRowValues(1, 0, 0, 0, 0, 1, 0, -1, 0);\n        reorient = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);\n        break;\n      case Face.Front:\n        reposition = Matrix3d.createRowValues(1, 0, 0, 0, 0, -1, 0, 1, 0);\n        reorient = Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);\n        break;\n    }\n    const repositioned = rotMatrix.multiplyMatrixMatrix(reposition);\n    const vect = repositioned.multiplyXYZ(0, 0, this._faceWidth);\n    const m = repositioned.multiplyMatrixMatrix(reorient);\n    const list = [\n      m.at(0, 0), -m.at(1, 0), m.at(2, 0), 0,\n      m.at(0, 1), -m.at(1, 1), m.at(2, 1), 0,\n      m.at(0, 2), -m.at(1, 2), m.at(2, 2), 0,\n      vect.at(0), -vect.at(1), vect.at(2) - this._faceWidth /* move back faceWidth so face is on screen level */, 1,\n    ];\n    const transform = `matrix3d(${list.join(\", \")})`;\n    const s: React.CSSProperties = {\n      transform,\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      WebkitTransform: transform,\n      ...style,\n    };\n\n    return (\n      <div style={s}\n        data-testid={`components-cube-face-${face}`}\n        className={classes}\n        ref={(e) => { this._faceWidth = (e && e.clientWidth / 2) || 0; }}\n        {...props}>\n        {children}\n      </div>\n    );\n  }\n\n  private getCSSClassNameFromFace(face: Face): string {\n    let className = \"\";\n\n    // istanbul ignore else\n    if (face !== Face.None)\n      className = `cube-${face}`;\n\n    return className;\n  }\n}\n"]}

package/lib/esm/imodel-components-react/navigationaids/Cube.scss

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+$cube-width: 128px;
+$cube-side-width: 12px;
+
+.components-cube-css3d {
+  width: $cube-width;
+  height: $cube-width;
+  perspective: 300px;
+  transform-style: preserve-3d;
+  .face {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    backface-visibility: inherit;
+  }
+}

package/lib/esm/imodel-components-react/navigationaids/CubeNavigationAid.d.ts

@@ -0,0 +1,174 @@
+/** @packageDocumentation
+ * @module NavigationAids
+ */
+import "./CubeNavigationAid.scss";
+import * as React from "react";
+import { Matrix3d, Vector3d } from "@itwin/core-geometry";
+import { IModelConnection, Viewport } from "@itwin/core-frontend";
+import { CommonProps } from "@itwin/core-react";
+import { Face } from "./Cube";
+/** @public */
+export declare enum CubeNavigationHitBoxX {
+    None = 0,
+    Right = 1,
+    Left = -1
+}
+/** @internal
+ * @deprecated Use [[CubeNavigationHitBoxX]] */
+export declare enum HitBoxX {
+    None = 0,
+    Right = 1,
+    Left = -1
+}
+/** @public */
+export declare enum CubeNavigationHitBoxY {
+    None = 0,
+    Back = 1,
+    Front = -1
+}
+/** @internal
+ * @deprecated Use [[CubeNavigationHitBoxY]] */
+export declare enum HitBoxY {
+    None = 0,
+    Back = 1,
+    Front = -1
+}
+/** @public */
+export declare enum CubeNavigationHitBoxZ {
+    None = 0,
+    Top = 1,
+    Bottom = -1
+}
+/** @internal
+ * @deprecated [[CubeNavigationHitBoxZ]] */
+export declare enum HitBoxZ {
+    None = 0,
+    Top = 1,
+    Bottom = -1
+}
+/** @internal */
+export declare enum CubeHover {
+    None = 0,
+    Hover = 1,
+    Active = 2
+}
+/** Properties for the [[CubeNavigationAid]] component
+ * @public
+ */
+export interface CubeNavigationAidProps extends CommonProps {
+    iModelConnection: IModelConnection;
+    viewport?: Viewport;
+    /** @internal */
+    onAnimationEnd?: () => void;
+    /** @internal */
+    animationTime?: number;
+}
+/** @public */
+interface CubeNavigationAidState {
+    dragging: boolean;
+    startRotMatrix: Matrix3d;
+    endRotMatrix: Matrix3d;
+    animation: number;
+    hoverMap: {
+        [key: string]: CubeHover;
+    };
+    face: Face;
+}
+/** Cube Navigation Aid Component
+ * @public
+ */
+export declare class CubeNavigationAid extends React.Component<CubeNavigationAidProps, CubeNavigationAidState> {
+    private _start;
+    /** @internal */
+    readonly state: Readonly<CubeNavigationAidState>;
+    private _lastTime;
+    private _animationFrame;
+    private _mounted;
+    private _labels;
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    private _handleViewRotationChangeEvent;
+    private _animation;
+    private _animationEnd;
+    private static _animationFn;
+    private static _isMatrixFace;
+    render(): React.ReactNode;
+    private _handleCellHoverChange;
+    private static _getMatrixFace;
+    private static _interpolateRotMatrix;
+    private static correctSmallNumber;
+    /**
+     * Snap coordinates of a vector to zero and to each other so that the vector prefers to be
+     * * perpendicular to a face of the unit cube.
+     * * or pass through a nearby vertex or edge of the unit cube.
+     * @param zVector existing z vector.
+     * @param tolerance tolerance to determine if a z vector component is close to zero or 1.
+     */
+    private static snapVectorToCubeFeatures;
+    /**
+     * Adjust a worldToView matrix to favor both
+     * * direct view at faces, edges, and corners of a view cube.
+     * * heads up
+     * @param worldToView candidate matrix
+     * @param tolerance tolerance for cleaning up fuzz.  The default (1.0e-6) is appropriate if very dirty viewing operations are expected.
+     * @param result optional result.
+     */
+    private static snapWorldToViewMatrixToCubeFeatures;
+    private getArrowRotationAndFace;
+    private _onArrowClick;
+    private getArrowTitle;
+    private _lastClientXY;
+    private _processDrag;
+    private _handleBoxMouseDown;
+    private _onMouseMove;
+    private _onMouseUp;
+    private _handleBoxTouchStart;
+    private _onTouchMove;
+    private _onTouchEnd;
+    private _handleFaceCellClick;
+    private _animateRotation;
+    private _setRotation;
+}
+/** @internal */
+export interface NavCubeFaceProps extends React.AllHTMLAttributes<HTMLDivElement> {
+    face: Face;
+    label: string;
+    hoverMap: {
+        [key: string]: CubeHover;
+    };
+    onFaceCellClick: (vector: Vector3d, face: Face) => void;
+    onFaceCellHoverChange: (vector: Vector3d, state: CubeHover) => void;
+}
+/** @internal */
+export declare class NavCubeFace extends React.Component<NavCubeFaceProps> {
+    render(): React.ReactNode;
+    static faceCellToPos: (face: Face, x: number, y: number) => Vector3d;
+}
+/** @internal */
+export interface FaceCellProps extends React.AllHTMLAttributes<HTMLDivElement> {
+    center?: boolean;
+    onFaceCellClick: (vector: Vector3d, face: Face) => void;
+    onFaceCellHoverChange: (vector: Vector3d, state: CubeHover) => void;
+    hoverMap: {
+        [key: string]: CubeHover;
+    };
+    vector: Vector3d;
+    face: Face;
+}
+/** @internal */
+export declare class FaceCell extends React.Component<FaceCellProps> {
+    private _startMouse;
+    render(): React.ReactNode;
+    private _handleMouseOver;
+    private _handleMouseOut;
+    private _handleMouseDown;
+    private _handleMouseUp;
+    private _handleTouchStart;
+    private _handleTouchEnd;
+    private handlePointerDown;
+    private handlePointerUp;
+}
+export {};
+//# sourceMappingURL=CubeNavigationAid.d.ts.map

package/lib/esm/imodel-components-react/navigationaids/CubeNavigationAid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/navigationaids/CubeNavigationAid.tsx"],"names":[],"mappings":"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"}