@itwin/imodel-components-react 3.4.0-dev.56 → 3.4.0-dev.57

package/lib/cjs/imodel-components-react/lineweight/WeightPickerButton.scss

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* 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/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/button/button";
-
-.components-weightpicker-button {
-  color: $buic-foreground-body;
-  background: $buic-background-control;
-  border: 1px solid $buic-inputs-border;
-  border-radius: 3px;
-  min-width: 100px;
-
-  &:not(.readonly):not([disabled]) {
-    cursor: pointer;
-  }
-
-  &:active,
-  &:focus {
-    @include uicore-buttons-button-focused;
-  }
-}
-
-.components-weightpicker-popup {
-
-  &.core-popup {
-    background: $buic-background-control;
-    border: 1px solid $buic-inputs-border;
-  }
-
-  .components-weightpicker-popup-container {
-    color: $buic-foreground-body;
-    background: $buic-background-control;
-    min-width: 60px;
-    padding: 0 4px;
-    border-radius: 4px;
-
-    >ul {
-      padding: 4px 0;
-      list-style: none;
-      margin: 0.25rem 0;
-
-      >.components-weightpicker-swatch:hover {
-        background: $buic-row-hover;
-      }
-
-      >.components-weightpicker-swatch.active {
-        background: $buic-row-selection;
-      }
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* 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/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/button/button";
+
+.components-weightpicker-button {
+  color: $buic-foreground-body;
+  background: $buic-background-control;
+  border: 1px solid $buic-inputs-border;
+  border-radius: 3px;
+  min-width: 100px;
+
+  &:not(.readonly):not([disabled]) {
+    cursor: pointer;
+  }
+
+  &:active,
+  &:focus {
+    @include uicore-buttons-button-focused;
+  }
+}
+
+.components-weightpicker-popup {
+
+  &.core-popup {
+    background: $buic-background-control;
+    border: 1px solid $buic-inputs-border;
+  }
+
+  .components-weightpicker-popup-container {
+    color: $buic-foreground-body;
+    background: $buic-background-control;
+    min-width: 60px;
+    padding: 0 4px;
+    border-radius: 4px;
+
+    >ul {
+      padding: 4px 0;
+      list-style: none;
+      margin: 0.25rem 0;
+
+      >.components-weightpicker-swatch:hover {
+        background: $buic-row-hover;
+      }
+
+      >.components-weightpicker-swatch.active {
+        background: $buic-row-selection;
+      }
+    }
+  }
 }

package/lib/cjs/imodel-components-react/navigationaids/Cube.d.ts

@@ -1,46 +1,46 @@
-/** @packageDocumentation
- * @module Cube
- */
-import "./Cube.scss";
-import * as React from "react";
-import { Matrix3d } from "@itwin/core-geometry";
-import { CommonProps } from "@itwin/core-react";
-/** Cube Face enumeration
- * @public
- */
-export declare enum Face {
-    None = "",
-    Left = "left",
-    Right = "right",
-    Back = "back",
-    Front = "front",
-    Bottom = "bottom",
-    Top = "top"
-}
-/** Properties for the [[Cube]] React component
- * @public
- */
-export interface CubeProps extends React.AllHTMLAttributes<HTMLDivElement>, CommonProps {
-    faces?: {
-        [key: string]: React.ReactNode;
-    };
-    rotMatrix: Matrix3d;
-}
-/** Cube React component used by the 3d Cube Navigation Aid
- * @public
- */
-export declare class Cube extends React.PureComponent<CubeProps> {
-    render(): React.ReactNode;
-}
-/** @internal */
-export interface CubeFaceProps extends React.AllHTMLAttributes<HTMLDivElement> {
-    rotMatrix: Matrix3d;
-    face: Face;
-}
-/** @internal */
-export declare class CubeFace extends React.Component<CubeFaceProps> {
-    private _faceWidth;
-    render(): React.ReactNode;
-    private getCSSClassNameFromFace;
-}
+/** @packageDocumentation
+ * @module Cube
+ */
+import "./Cube.scss";
+import * as React from "react";
+import { Matrix3d } from "@itwin/core-geometry";
+import { CommonProps } from "@itwin/core-react";
+/** Cube Face enumeration
+ * @public
+ */
+export declare enum Face {
+    None = "",
+    Left = "left",
+    Right = "right",
+    Back = "back",
+    Front = "front",
+    Bottom = "bottom",
+    Top = "top"
+}
+/** Properties for the [[Cube]] React component
+ * @public
+ */
+export interface CubeProps extends React.AllHTMLAttributes<HTMLDivElement>, CommonProps {
+    faces?: {
+        [key: string]: React.ReactNode;
+    };
+    rotMatrix: Matrix3d;
+}
+/** Cube React component used by the 3d Cube Navigation Aid
+ * @public
+ */
+export declare class Cube extends React.PureComponent<CubeProps> {
+    render(): React.ReactNode;
+}
+/** @internal */
+export interface CubeFaceProps extends React.AllHTMLAttributes<HTMLDivElement> {
+    rotMatrix: Matrix3d;
+    face: Face;
+}
+/** @internal */
+export declare class CubeFace extends React.Component<CubeFaceProps> {
+    private _faceWidth;
+    render(): React.ReactNode;
+    private getCSSClassNameFromFace;
+}
 //# sourceMappingURL=Cube.d.ts.map

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

@@ -1,128 +1,128 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CubeFace = exports.Cube = exports.Face = void 0;
-require("./Cube.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const core_geometry_1 = require("@itwin/core-geometry");
-/** Cube Face enumeration
- * @public
- */
-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 = exports.Face || (exports.Face = {}));
-/** Cube React component used by the 3d Cube Navigation Aid
- * @public
- */
-class Cube extends React.PureComponent {
-    render() {
-        const { faces, rotMatrix, className, ...props } = this.props;
-        return (React.createElement("div", { className: (0, classnames_1.default)("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));
-        })));
-    }
-}
-exports.Cube = Cube;
-/** @internal */
-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 = (0, classnames_1.default)("face", this.getCSSClassNameFromFace(face));
-        // orient face (flip because of y axis reversal, rotate as necessary)
-        let reorient = core_geometry_1.Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);
-        // Position face correctly (applies to rotation, as well as translation)
-        let reposition = core_geometry_1.Matrix3d.createIdentity();
-        switch (this.props.face) {
-            case Face.Bottom:
-                reposition = core_geometry_1.Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, -1);
-                reorient = core_geometry_1.Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);
-                break;
-            case Face.Right:
-                reposition = core_geometry_1.Matrix3d.createRowValues(0, 0, 1, 0, 1, 0, -1, 0, 0);
-                reorient = core_geometry_1.Matrix3d.createRowValues(0, 1, 0, 1, 0, 0, 0, 0, 1);
-                break;
-            case Face.Left:
-                reposition = core_geometry_1.Matrix3d.createRowValues(0, 0, -1, 0, 1, 0, 1, 0, 0);
-                reorient = core_geometry_1.Matrix3d.createRowValues(0, -1, 0, -1, 0, 0, 0, 0, 1);
-                break;
-            case Face.Back:
-                reposition = core_geometry_1.Matrix3d.createRowValues(1, 0, 0, 0, 0, 1, 0, -1, 0);
-                reorient = core_geometry_1.Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);
-                break;
-            case Face.Front:
-                reposition = core_geometry_1.Matrix3d.createRowValues(1, 0, 0, 0, 0, -1, 0, 1, 0);
-                reorient = core_geometry_1.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;
-    }
-}
-exports.CubeFace = CubeFace;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CubeFace = exports.Cube = exports.Face = void 0;
+require("./Cube.scss");
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const core_geometry_1 = require("@itwin/core-geometry");
+/** Cube Face enumeration
+ * @public
+ */
+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 = exports.Face || (exports.Face = {}));
+/** Cube React component used by the 3d Cube Navigation Aid
+ * @public
+ */
+class Cube extends React.PureComponent {
+    render() {
+        const { faces, rotMatrix, className, ...props } = this.props;
+        return (React.createElement("div", { className: (0, classnames_1.default)("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));
+        })));
+    }
+}
+exports.Cube = Cube;
+/** @internal */
+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 = (0, classnames_1.default)("face", this.getCSSClassNameFromFace(face));
+        // orient face (flip because of y axis reversal, rotate as necessary)
+        let reorient = core_geometry_1.Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);
+        // Position face correctly (applies to rotation, as well as translation)
+        let reposition = core_geometry_1.Matrix3d.createIdentity();
+        switch (this.props.face) {
+            case Face.Bottom:
+                reposition = core_geometry_1.Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, -1);
+                reorient = core_geometry_1.Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);
+                break;
+            case Face.Right:
+                reposition = core_geometry_1.Matrix3d.createRowValues(0, 0, 1, 0, 1, 0, -1, 0, 0);
+                reorient = core_geometry_1.Matrix3d.createRowValues(0, 1, 0, 1, 0, 0, 0, 0, 1);
+                break;
+            case Face.Left:
+                reposition = core_geometry_1.Matrix3d.createRowValues(0, 0, -1, 0, 1, 0, 1, 0, 0);
+                reorient = core_geometry_1.Matrix3d.createRowValues(0, -1, 0, -1, 0, 0, 0, 0, 1);
+                break;
+            case Face.Back:
+                reposition = core_geometry_1.Matrix3d.createRowValues(1, 0, 0, 0, 0, 1, 0, -1, 0);
+                reorient = core_geometry_1.Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);
+                break;
+            case Face.Front:
+                reposition = core_geometry_1.Matrix3d.createRowValues(1, 0, 0, 0, 0, -1, 0, 1, 0);
+                reorient = core_geometry_1.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;
+    }
+}
+exports.CubeFace = CubeFace;
 //# sourceMappingURL=Cube.js.map

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

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

@@ -1,19 +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;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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;
+  }
+}