@ifiwas/standard-view 2.0.0

package/lib/controls/index.d.ts

@@ -0,0 +1 @@
+export { OrbitControls, MapControls } from "./OrbitControls";

package/lib/controls/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MapControls", {
+  enumerable: true,
+  get: function get() {
+    return _OrbitControls.MapControls;
+  }
+});
+Object.defineProperty(exports, "OrbitControls", {
+  enumerable: true,
+  get: function get() {
+    return _OrbitControls.OrbitControls;
+  }
+});
+var _OrbitControls = require("./OrbitControls");

package/lib/groups/Arrow.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { MeshProps } from "../primitives/Mesh";
+interface ArrowProps extends MeshProps {
+    tail?: Array<number>;
+    start?: Array<number>;
+    position?: Array<number>;
+    head?: Array<number>;
+    end?: Array<number>;
+    target?: Array<number>;
+    normal?: Array<number>;
+    magnitude?: number;
+    radius?: number;
+    shaftRadius?: number;
+    headTipRadius?: number;
+    headBaseRadius?: number;
+    headRatio?: number;
+}
+declare const ArrowMemo: React.NamedExoticComponent<ArrowProps>;
+export default ArrowMemo;

package/lib/groups/Arrow.js

@@ -0,0 +1,134 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var THREE = _interopRequireWildcard(require("three"));
+var _Group = _interopRequireDefault(require("./Group"));
+var _Cylinder = _interopRequireDefault(require("../primitives/Cylinder"));
+var _Sphere = _interopRequireDefault(require("../primitives/Sphere"));
+var _constants = require("../utils/constants");
+var _math = require("../utils/math");
+var _excluded = ["tail", "start", "position", "head", "end", "target", "radius", "shaftRadius", "headBaseRadius", "headTipRadius", "headRatio", "normal", "magnitude", "color", "hoverColor", "children"]; // Arrow.tsx
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var useMemo = React.useMemo,
+  memo = React.memo;
+/**
+ * Arrow
+ *
+ * In Standard View, Arrow is a Group comprised of two Cylinders and a Sphere.
+ * The head of the arrow is Cylinder with different radiusTop and radiusBottom,
+ * which scales according to the magnitude of the arrow's length by default.
+ * The tail also has a Sphere which also scales according to the magnitude of
+ * the shaftRadius.
+ * The shaftRadius, headBaseRadius, and headTipRadius may be specifically set.
+ * The tail and head may be specified with tail/start/position and
+ * head/end/target props.
+ * The tail/start/position is also the center of the Sphere at the tail,
+ * and head/end/target is the tip of the Cylinder at the head.
+ *
+ * @param {CapsuleProps} props
+ */
+var Arrow = function Arrow(_ref) {
+  var tail = _ref.tail,
+    start = _ref.start,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? [0, 0, 0] : _ref$position,
+    head = _ref.head,
+    end = _ref.end,
+    target = _ref.target,
+    radius = _ref.radius,
+    shaftRadius = _ref.shaftRadius,
+    headBaseRadius = _ref.headBaseRadius,
+    _ref$headTipRadius = _ref.headTipRadius,
+    headTipRadius = _ref$headTipRadius === void 0 ? 0 : _ref$headTipRadius,
+    _ref$headRatio = _ref.headRatio,
+    headRatio = _ref$headRatio === void 0 ? 0.1 : _ref$headRatio,
+    _ref$normal = _ref.normal,
+    normal = _ref$normal === void 0 ? _constants.DEFAULT_NORMAL : _ref$normal,
+    _ref$magnitude = _ref.magnitude,
+    magnitude = _ref$magnitude === void 0 ? 1 : _ref$magnitude,
+    color = _ref.color,
+    hoverColor = _ref.hoverColor,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useMemo = useMemo(function updateTail() {
+      // Head and Tail
+      /* eslint-disable no-shadow */
+      var _tail = tail || start || position;
+      var _head = head || end || target;
+      /* eslint-enable no-shadow */
+
+      // Compute head and headBase
+      var tailVec = _construct(THREE.Vector3, _toConsumableArray(_tail));
+      var arrowVec;
+      if (_head != null) {
+        // Define Arrow with head/end/target
+        arrowVec = _construct(THREE.Vector3, _toConsumableArray(_head)).sub(tailVec);
+      } else {
+        // Define Arrow with position, normal, and magnitude
+        arrowVec = _construct(THREE.Vector3, _toConsumableArray(normal)).normalize().multiplyScalar(magnitude);
+      }
+      /* eslint-disable no-shadow */
+      _head = [arrowVec.x, arrowVec.y, arrowVec.z];
+      var _headRatio = (0, _math.minmax)(headRatio, 0, 1);
+      var headBaseVec = arrowVec.clone().multiplyScalar(1 - _headRatio);
+      var _headBase = [headBaseVec.x, headBaseVec.y, headBaseVec.z];
+      var _magnitude = arrowVec.length();
+      /* eslint-enable no-shadow */
+
+      return {
+        _tail: _tail,
+        _head: _head,
+        _headBase: _headBase,
+        _headRatio: _headRatio,
+        _magnitude: _magnitude
+      };
+    }, [tail, start, position, head, end, target, headRatio, normal, magnitude]),
+    _tail = _useMemo._tail,
+    _head = _useMemo._head,
+    _headBase = _useMemo._headBase,
+    _headRatio = _useMemo._headRatio,
+    _magnitude = _useMemo._magnitude;
+  var _shaftRadius = useMemo(function updateShaftRadius() {
+    return shaftRadius || radius || 0.02 * _magnitude;
+  }, [shaftRadius, radius, _magnitude]);
+  var _headBaseRadius = useMemo(function updateHeadBaseRadius() {
+    return headBaseRadius || _headRatio * _magnitude;
+  }, [headBaseRadius, _headRatio, _magnitude]);
+  return /*#__PURE__*/React.createElement(_Group["default"], _extends({
+    position: _tail,
+    color: color,
+    hoverColor: hoverColor
+  }, otherProps), /*#__PURE__*/React.createElement(_Sphere["default"], {
+    radius: _shaftRadius
+  }), /*#__PURE__*/React.createElement(_Cylinder["default"], {
+    radius: _shaftRadius,
+    start: [0, 0, 0],
+    end: _headBase
+  }), /*#__PURE__*/React.createElement(_Cylinder["default"], {
+    start: _headBase,
+    end: _head,
+    radiusBottom: _headBaseRadius,
+    radiusTop: headTipRadius
+  }, children));
+};
+var ArrowMemo = memo(Arrow);
+ArrowMemo.displayName = "Arrow";
+var _default = exports["default"] = ArrowMemo;

package/lib/groups/Axis.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { GroupProps } from './Group';
+interface AxisProps extends GroupProps {
+    x?: Array<number>;
+    y?: Array<number>;
+    z?: Array<number>;
+    xColor?: string;
+    yColor?: string;
+    zColor?: string;
+    labelColor?: string;
+    xLabel?: string;
+    yLabel?: string;
+    zLabel?: string;
+    labelSize?: number;
+    labelDepth?: number;
+    labelRotation?: Array<number>;
+    thickness?: number;
+}
+declare const AxisMemo: React.NamedExoticComponent<AxisProps>;
+export default AxisMemo;

package/lib/groups/Axis.js

@@ -0,0 +1,147 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var THREE = _interopRequireWildcard(require("three"));
+var _Group = _interopRequireWildcard(require("./Group"));
+var _Cylinder = _interopRequireDefault(require("../primitives/Cylinder"));
+var _Sphere = _interopRequireDefault(require("../primitives/Sphere"));
+var _Text = _interopRequireDefault(require("../primitives/Text"));
+var _excluded = ["x", "y", "z", "xColor", "yColor", "zColor", "labelColor", "xLabel", "yLabel", "zLabel", "labelSize", "labelDepth", "labelRotation", "thickness", "children"]; // Axis.tsx
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var useMemo = React.useMemo,
+  memo = React.memo;
+/**
+ * Axis
+ *
+ * Axis of unit length with text labels.
+ * By default the axis is along x, y, and z directions.
+ * The colors, axis directions, thickness of each axis Cylinder,
+ * and label text may be set. The color of each axis and label text
+ * may be individually set as well.
+ *
+ * @param {AxisProps} props
+ */
+var Axis = function Axis(props) {
+  var _generateGroupProps = (0, _Group.generateGroupProps)(props),
+    cleanedProps = _generateGroupProps.cleanedProps,
+    groupProps = _generateGroupProps.groupProps;
+  var _cleanedProps$x = cleanedProps.x,
+    x = _cleanedProps$x === void 0 ? [1, 0, 0] : _cleanedProps$x,
+    _cleanedProps$y = cleanedProps.y,
+    y = _cleanedProps$y === void 0 ? [0, 1, 0] : _cleanedProps$y,
+    _cleanedProps$z = cleanedProps.z,
+    z = _cleanedProps$z === void 0 ? [0, 0, 1] : _cleanedProps$z,
+    _cleanedProps$xColor = cleanedProps.xColor,
+    xColor = _cleanedProps$xColor === void 0 ? 'red' : _cleanedProps$xColor,
+    _cleanedProps$yColor = cleanedProps.yColor,
+    yColor = _cleanedProps$yColor === void 0 ? 'blue' : _cleanedProps$yColor,
+    _cleanedProps$zColor = cleanedProps.zColor,
+    zColor = _cleanedProps$zColor === void 0 ? 'lime' : _cleanedProps$zColor,
+    _cleanedProps$labelCo = cleanedProps.labelColor,
+    labelColor = _cleanedProps$labelCo === void 0 ? 'gray' : _cleanedProps$labelCo,
+    _cleanedProps$xLabel = cleanedProps.xLabel,
+    xLabel = _cleanedProps$xLabel === void 0 ? 'x' : _cleanedProps$xLabel,
+    _cleanedProps$yLabel = cleanedProps.yLabel,
+    yLabel = _cleanedProps$yLabel === void 0 ? 'y' : _cleanedProps$yLabel,
+    _cleanedProps$zLabel = cleanedProps.zLabel,
+    zLabel = _cleanedProps$zLabel === void 0 ? 'z' : _cleanedProps$zLabel,
+    _cleanedProps$labelSi = cleanedProps.labelSize,
+    labelSize = _cleanedProps$labelSi === void 0 ? 0.2 : _cleanedProps$labelSi,
+    _cleanedProps$labelDe = cleanedProps.labelDepth,
+    labelDepth = _cleanedProps$labelDe === void 0 ? 0.02 : _cleanedProps$labelDe,
+    _cleanedProps$labelRo = cleanedProps.labelRotation,
+    labelRotation = _cleanedProps$labelRo === void 0 ? [0, 0, 0] : _cleanedProps$labelRo,
+    _cleanedProps$thickne = cleanedProps.thickness,
+    thickness = _cleanedProps$thickne === void 0 ? 0.1 : _cleanedProps$thickne,
+    children = cleanedProps.children,
+    otherProps = _objectWithoutProperties(cleanedProps, _excluded);
+  var offsetX = useMemo(function updateOffsetX() {
+    var axisX = _construct(THREE.Vector3, _toConsumableArray(x));
+    var offX = axisX.multiplyScalar(1.25);
+    return [offX.x, offX.y, offX.z];
+  }, [x]);
+  var offsetY = useMemo(function updateOffsetY() {
+    var axisY = _construct(THREE.Vector3, _toConsumableArray(y));
+    var offY = axisY.multiplyScalar(1.25);
+    return [offY.x, offY.y, offY.z];
+  }, [y]);
+  var offsetZ = useMemo(function updateOffsetZ() {
+    var axisZ = _construct(THREE.Vector3, _toConsumableArray(z));
+    var offZ = axisZ.multiplyScalar(1.25);
+    return [offZ.x, offZ.y, offZ.z];
+  }, [z]);
+  return /*#__PURE__*/React.createElement(_Group["default"], groupProps, /*#__PURE__*/React.createElement(_Cylinder["default"], _extends({
+    start: [0, 0, 0],
+    end: x,
+    color: xColor,
+    radius: thickness
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Sphere["default"], _extends({
+    position: x,
+    color: xColor,
+    radius: thickness
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Cylinder["default"], _extends({
+    start: [0, 0, 0],
+    end: y,
+    color: yColor,
+    radius: thickness
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Sphere["default"], _extends({
+    position: y,
+    color: yColor,
+    radius: thickness
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Cylinder["default"], _extends({
+    start: [0, 0, 0],
+    end: z,
+    color: zColor,
+    radius: thickness
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Sphere["default"], _extends({
+    position: z,
+    color: zColor,
+    radius: thickness
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Sphere["default"], _extends({
+    position: [0, 0, 0],
+    color: "black",
+    radius: thickness
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Text["default"], {
+    position: offsetX,
+    size: labelSize,
+    depth: labelDepth,
+    text: xLabel,
+    color: labelColor,
+    billboard: true
+  }), /*#__PURE__*/React.createElement(_Text["default"], {
+    position: offsetY,
+    size: labelSize,
+    depth: labelDepth,
+    text: yLabel,
+    color: labelColor,
+    billboard: true
+  }), /*#__PURE__*/React.createElement(_Text["default"], {
+    position: offsetZ,
+    size: labelSize,
+    depth: labelDepth,
+    text: zLabel,
+    color: labelColor,
+    billboard: true
+  }));
+};
+var AxisMemo = memo(Axis);
+AxisMemo.displayName = 'Axis';
+var _default = exports["default"] = AxisMemo;

package/lib/groups/BoundingBox.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { GroupProps } from "./Group";
+import { LineProps } from "../primitives/Line";
+interface BoundingBoxProps extends LineProps, GroupProps {
+    min?: Array<number>;
+    max?: Array<number>;
+}
+declare const BoundingBoxMemo: React.NamedExoticComponent<BoundingBoxProps>;
+export default BoundingBoxMemo;

package/lib/groups/BoundingBox.js

@@ -0,0 +1,143 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var THREE = _interopRequireWildcard(require("three"));
+var _Group = _interopRequireWildcard(require("./Group"));
+var _Line = _interopRequireDefault(require("../primitives/Line"));
+var _math = require("../utils/math");
+var _excluded = ["min", "max", "color", "hoverColor", "children"],
+  _excluded2 = ["position", "scale"]; // BoundingBox.tsx
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var useMemo = React.useMemo,
+  memo = React.memo;
+/**
+ * BoundingBox
+ *
+ * In Standard View, BoundingBox is a shape composed with Line primitives.
+ * The min and max points are used to determine the bounding box.
+ * The position represents the center of the bounding box and based on the
+ * min and max the box is scaled to match the min and max corners.
+ *
+ * If max coordinates are less than or equal to min for any dimension,
+ * a small but non-zero scale is used. This seemingly collapses dimensions
+ * without incurring uninvertibility and also prevents inverting min and max.
+ *
+ * @param {BoundingBoxProps} props
+ */
+var BoundingBox = function BoundingBox(props) {
+  var _generateGroupProps = (0, _Group.generateGroupProps)(props),
+    cleanedProps = _generateGroupProps.cleanedProps,
+    groupProps = _generateGroupProps.groupProps;
+  // hoverColor for Line has issues because the boundingbox has some bugs
+  /* eslint-disable @typescript-eslint/no-unused-vars */
+  var min = cleanedProps.min,
+    max = cleanedProps.max,
+    color = cleanedProps.color,
+    hoverColor = cleanedProps.hoverColor,
+    children = cleanedProps.children,
+    otherProps = _objectWithoutProperties(cleanedProps, _excluded);
+  var _groupProps$position = groupProps.position,
+    position = _groupProps$position === void 0 ? [0, 0, 0] : _groupProps$position,
+    scale = groupProps.scale,
+    otherGroupProps = _objectWithoutProperties(groupProps, _excluded2);
+
+  // Position
+  var _useMemo = useMemo(function updatePositionAndScale() {
+      var _min = min;
+      var _max = max;
+      var _pos = position;
+
+      // Min and Max
+      if (_min == null || _max == null) {
+        var x = _pos[0];
+        var y = _pos[1];
+        var z = _pos[2];
+        _min = [x - 0.5, y - 0.5, z - 0.5];
+        _max = [x + 0.5, y + 0.5, z + 0.5];
+      }
+      var minVec = _construct(THREE.Vector3, _toConsumableArray(_min));
+      var maxVec = _construct(THREE.Vector3, _toConsumableArray(_max));
+      var displacement = maxVec.clone().sub(minVec);
+
+      // Position
+      var center = minVec.clone().add(maxVec).multiplyScalar(0.5);
+      return {
+        _position: [center.x, center.y, center.z],
+        disp: displacement
+      };
+    }, [position, min, max]),
+    _position = _useMemo._position,
+    disp = _useMemo.disp;
+  var _scale = useMemo(function updateScale() {
+    // Scale
+    if (scale) {
+      return scale;
+    }
+    disp.x = Math.max(disp.x, _math.EPS);
+    disp.y = Math.max(disp.y, _math.EPS);
+    disp.z = Math.max(disp.z, _math.EPS);
+    return [disp.x, disp.y, disp.z];
+  }, [scale, disp]);
+  return /*#__PURE__*/React.createElement(_Group["default"], _extends({
+    position: _position,
+    scale: _scale,
+    color: color
+  }, otherGroupProps), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [-0.5, -0.5, -0.5],
+    end: [0.5, -0.5, -0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [-0.5, -0.5, -0.5],
+    end: [-0.5, 0.5, -0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [-0.5, -0.5, -0.5],
+    end: [-0.5, -0.5, 0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [0.5, -0.5, -0.5],
+    end: [0.5, 0.5, -0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [0.5, -0.5, -0.5],
+    end: [0.5, -0.5, 0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [-0.5, 0.5, -0.5],
+    end: [0.5, 0.5, -0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [-0.5, 0.5, -0.5],
+    end: [-0.5, 0.5, 0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [-0.5, -0.5, 0.5],
+    end: [0.5, -0.5, 0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [-0.5, -0.5, 0.5],
+    end: [-0.5, 0.5, 0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [0.5, 0.5, 0.5],
+    end: [-0.5, 0.5, 0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [0.5, 0.5, 0.5],
+    end: [0.5, -0.5, 0.5]
+  }, otherProps), children), /*#__PURE__*/React.createElement(_Line["default"], _extends({
+    start: [0.5, 0.5, 0.5],
+    end: [0.5, 0.5, -0.5]
+  }, otherProps), children));
+};
+var BoundingBoxMemo = memo(BoundingBox);
+BoundingBoxMemo.displayName = "BoundingBox";
+var _default = exports["default"] = BoundingBoxMemo;

package/lib/groups/Camera.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { MeshProps } from '../primitives/Mesh';
+interface CameraProps extends MeshProps {
+    type?: string;
+    width?: number;
+    height?: number;
+    left?: number;
+    right?: number;
+    top?: number;
+    bottom?: number;
+    near?: number;
+    far?: number;
+    fov?: number;
+    aspect?: number;
+    roll?: number;
+    helper?: boolean;
+    meshColor?: string;
+    wireframeColor?: string;
+    coverageColor?: string;
+    coverageOpacity?: number;
+    showUp?: boolean;
+    showNormal?: boolean;
+    showRoll?: boolean;
+    showLookAt?: boolean;
+    showLabel?: boolean;
+    labelText?: string;
+    labelOffset?: Array<number>;
+    target?: Array<number>;
+    cull?: boolean;
+}
+declare const CameraMemo: React.NamedExoticComponent<CameraProps>;
+export default CameraMemo;