mathbox-react 0.2.2 → 0.2.3-rc2

package/build/esm/components/util.js

@@ -1,20 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeepCompareMemo = exports.capitalize = exports.canNodeHaveChildren = exports.isSelectionParent = exports.isRootDestroyed = void 0;
 /* eslint-disable no-underscore-dangle */
-import isEqual from "lodash/isEqual";
-import { useRef, useMemo } from "react";
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
+const react_1 = require("react");
 /**
  * Get root node given any node in Mathbox tree
  */
-var getRoot = function (selection) {
-    var current = selection;
+const getRoot = (selection) => {
+    let current = selection;
     while (current._up) {
         current = current._up;
     }
     return current;
 };
-export var isRootDestroyed = function (selection) {
-    var root = getRoot(selection);
+const isRootDestroyed = (selection) => {
+    const root = getRoot(selection);
     return root.three === undefined;
 };
+exports.isRootDestroyed = isRootDestroyed;
 /**
  * Check that parent is actually the selection's parent.
  * The mathbox components occasionally render with a selection value whose
@@ -30,12 +37,12 @@ export var isRootDestroyed = function (selection) {
  * in a render function. Hooks seem nice for dependencies, but mathbox is pretty
  * smart about diffing out the actual changes.
  */
-export var isSelectionParent = function (selection, parent) {
-    var _a;
-    var selectionParentNode = (_a = selection._up) === null || _a === void 0 ? void 0 : _a[0];
+const isSelectionParent = (selection, parent) => {
+    const selectionParentNode = selection._up?.[0];
     return selectionParentNode === parent[0];
 };
-var CAN_HAVE_CHILDREN = [
+exports.isSelectionParent = isSelectionParent;
+const CAN_HAVE_CHILDREN = [
     "view",
     "cartesian",
     "cartesian4",
@@ -61,14 +68,14 @@ var CAN_HAVE_CHILDREN = [
     "reveal",
     "slide",
 ];
-export var canNodeHaveChildren = function (type) {
-    return CAN_HAVE_CHILDREN.includes(type);
-};
-export var capitalize = function (s) {
+const canNodeHaveChildren = (type) => CAN_HAVE_CHILDREN.includes(type);
+exports.canNodeHaveChildren = canNodeHaveChildren;
+const capitalize = (s) => {
     if (!s)
         return "";
     return s[0].toLocaleUpperCase() + s.slice(1);
 };
+exports.capitalize = capitalize;
 /**
  * Returns the same reference to `value` as long as the the given values are
  * deep equal.
@@ -83,14 +90,15 @@ export var capitalize = function (s) {
  *
  * But should work OK for mathbox options.
  */
-export var useDeepCompareMemo = function (value, initial) {
-    var oldValue = useRef(initial);
-    var memoOptions = useMemo(function () {
-        if (isEqual(value, oldValue.current))
+const useDeepCompareMemo = (value, initial) => {
+    const oldValue = (0, react_1.useRef)(initial);
+    const memoOptions = (0, react_1.useMemo)(() => {
+        if ((0, isEqual_1.default)(value, oldValue.current))
             return oldValue.current;
         oldValue.current = value;
         return value;
     }, [value]);
     return memoOptions;
 };
+exports.useDeepCompareMemo = useDeepCompareMemo;
 //# sourceMappingURL=util.js.map

package/build/esm/components/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/util.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAKvC;;GAEG;AACH,IAAM,OAAO,GAAG,UAAC,SAA2B;IAC1C,IAAI,OAAO,GAAG,SAA0B,CAAA;IACxC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO,GAAG,OAAO,CAAC,GAAG,CAAA;KACtB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,SAA2B;IACzD,IAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAC/B,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;AACjC,CAAC,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAC/B,SAA2B,EAC3B,MAAwB;;IAExB,IAAM,mBAAmB,GAAG,MAAC,SAA2B,CAAC,GAAG,0CAAG,CAAC,CAAC,CAAA;IACjE,OAAO,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED,IAAM,iBAAiB,GAAG;IACxB,MAAM;IACN,WAAW;IACX,YAAY;IACZ,OAAO;IACP,WAAW;IACX,eAAe;IACf,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,UAAU;IACV,OAAO;IACP,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;IACN,MAAM;IACN,KAAK;IACL,OAAO;IACP,KAAK;IACL,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;CACC,CAAA;AAIV,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,IAAc;IAChD,OAAC,iBAAuC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAAvD,CAAuD,CAAA;AAEzD,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,CAAS;IAClC,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAA;IACjB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AAC9C,CAAC,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAI,KAAQ,EAAE,OAAU;IACxD,IAAM,QAAQ,GAAG,MAAM,CAAI,OAAO,CAAC,CAAA;IACnC,IAAM,WAAW,GAAG,OAAO,CAAC;QAC1B,IAAI,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;YAAE,OAAO,QAAQ,CAAC,OAAO,CAAA;QAC7D,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAA;QACxB,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA"}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/util.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAyC;AACzC,6DAAoC;AACpC,iCAAuC;AAKvC;;GAEG;AACH,MAAM,OAAO,GAAG,CAAC,SAA2B,EAAE,EAAE;IAC9C,IAAI,OAAO,GAAG,SAA0B,CAAA;IACxC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO,GAAG,OAAO,CAAC,GAAG,CAAA;KACtB;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEM,MAAM,eAAe,GAAG,CAAC,SAA2B,EAAE,EAAE;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAC/B,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;AACjC,CAAC,CAAA;AAHY,QAAA,eAAe,mBAG3B;AAED;;;;;;;;;;;;;;GAcG;AACI,MAAM,iBAAiB,GAAG,CAC/B,SAA2B,EAC3B,MAAwB,EACxB,EAAE;IACF,MAAM,mBAAmB,GAAI,SAA2B,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAA;IACjE,OAAO,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,CAAA;AAC1C,CAAC,CAAA;AANY,QAAA,iBAAiB,qBAM7B;AAED,MAAM,iBAAiB,GAAG;IACxB,MAAM;IACN,WAAW;IACX,YAAY;IACZ,OAAO;IACP,WAAW;IACX,eAAe;IACf,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,UAAU;IACV,OAAO;IACP,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;IACN,MAAM;IACN,KAAK;IACL,OAAO;IACP,KAAK;IACL,MAAM;IACN,SAAS;IACT,QAAQ;IACR,OAAO;CACC,CAAA;AAIH,MAAM,mBAAmB,GAAG,CAAC,IAAc,EAAE,EAAE,CACnD,iBAAuC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AAD5C,QAAA,mBAAmB,uBACyB;AAElD,MAAM,UAAU,GAAG,CAAC,CAAS,EAAE,EAAE;IACtC,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAA;IACjB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AAC9C,CAAC,CAAA;AAHY,QAAA,UAAU,cAGtB;AAED;;;;;;;;;;;;;GAaG;AACI,MAAM,kBAAkB,GAAG,CAAI,KAAQ,EAAE,OAAU,EAAK,EAAE;IAC/D,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAI,OAAO,CAAC,CAAA;IACnC,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,IAAI,IAAA,iBAAO,EAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;YAAE,OAAO,QAAQ,CAAC,OAAO,CAAA;QAC7D,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAA;QACxB,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AARY,QAAA,kBAAkB,sBAQ9B"}

package/build/esm/index.js

@@ -1,4 +1,33 @@
-import * as Threestrap from "./threestrap";
-export * from "./components";
-export { Threestrap };
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Threestrap = void 0;
+const Threestrap = __importStar(require("./threestrap"));
+exports.Threestrap = Threestrap;
+__exportStar(require("./components"), exports);
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAE1C,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAA0C;AAGjC,gCAAU;AADnB,+CAA4B"}

package/build/esm/testSetup.js

@@ -1,3 +1,5 @@
-import { getMockContext } from "./testUtils";
-HTMLCanvasElement.prototype.getContext = getMockContext;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testUtils_1 = require("./testUtils");
+HTMLCanvasElement.prototype.getContext = testUtils_1.getMockContext;
 //# sourceMappingURL=testSetup.js.map

package/build/esm/testSetup.js.map

@@ -1 +1 @@
-{"version":3,"file":"testSetup.js","sourceRoot":"","sources":["../../src/testSetup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,iBAAiB,CAAC,SAAS,CAAC,UAAU,GAAG,cAAc,CAAA"}
+{"version":3,"file":"testSetup.js","sourceRoot":"","sources":["../../src/testSetup.ts"],"names":[],"mappings":";;AAAA,2CAA4C;AAE5C,iBAAiB,CAAC,SAAS,CAAC,UAAU,GAAG,0BAAc,CAAA"}

package/build/esm/testUtils.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMockContext = void 0;
 /**
  * A mock that uses proxies to create properties as they are accessed. Supports
  * function calls and toPrimitive.
@@ -7,15 +10,15 @@
  * accessed on automock.
  * @returns
  */
-var getAutomock = function (specifics) {
-    var autmockSeed = jest.fn();
-    var handler = {
-        get: function (target, prop) {
+const getAutomock = (specifics) => {
+    const autmockSeed = jest.fn();
+    const handler = {
+        get(target, prop) {
             if (prop === Symbol.toPrimitive) {
-                return function () { return "Automock: ".concat(JSON.stringify(specifics)); };
+                return () => `Automock: ${JSON.stringify(specifics)}`;
             }
             if (specifics && Reflect.has(specifics, prop)) {
-                var value = Reflect.get(specifics, prop);
+                const value = Reflect.get(specifics, prop);
                 return value;
             }
             if (!Reflect.has(target, prop)) {
@@ -23,20 +26,21 @@ var getAutomock = function (specifics) {
             }
             return Reflect.get(target, prop);
         },
-        apply: function () {
+        apply() {
             return getAutomock();
-        }
+        },
     };
     return new Proxy(autmockSeed, handler);
 };
-export var getMockContext = function () {
-    var mockContext = getAutomock({
-        getParameter: jest.fn(function (name) {
+const getMockContext = () => {
+    const mockContext = getAutomock({
+        getParameter: jest.fn((name) => {
             if (name === mockContext.VERSION)
                 return "Fake version!";
             return getAutomock();
-        })
+        }),
     });
     return mockContext;
 };
+exports.getMockContext = getMockContext;
 //# sourceMappingURL=testUtils.js.map

package/build/esm/testUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"testUtils.js","sourceRoot":"","sources":["../../src/testUtils.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,IAAM,WAAW,GAAG,UAClB,SAAa;IAEb,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;IAC7B,IAAM,OAAO,GAAG;QACd,GAAG,YAAC,MAAgB,EAAE,IAAqB;YACzC,IAAI,IAAI,KAAK,MAAM,CAAC,WAAW,EAAE;gBAC/B,OAAO,cAAM,OAAA,oBAAa,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAE,EAAxC,CAAwC,CAAA;aACtD;YACD,IAAI,SAAS,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE;gBAC7C,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;gBAC1C,OAAO,KAAK,CAAA;aACb;YACD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE;gBAC9B,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;aACzC;YACD,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAClC,CAAC;QACD,KAAK;YACH,OAAO,WAAW,EAAE,CAAA;QACtB,CAAC;KACF,CAAA;IACD,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,UAAC,IAAI;YACzB,IAAI,IAAI,KAAK,WAAW,CAAC,OAAO;gBAAE,OAAO,eAAe,CAAA;YACxD,OAAO,WAAW,EAAE,CAAA;QACtB,CAAC,CAAC;KACH,CAAC,CAAA;IACF,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA"}
+{"version":3,"file":"testUtils.js","sourceRoot":"","sources":["../../src/testUtils.ts"],"names":[],"mappings":";;;AAGA;;;;;;;;GAQG;AACH,MAAM,WAAW,GAAG,CAClB,SAAa,EACH,EAAE;IACZ,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;IAC7B,MAAM,OAAO,GAAG;QACd,GAAG,CAAC,MAAgB,EAAE,IAAqB;YACzC,IAAI,IAAI,KAAK,MAAM,CAAC,WAAW,EAAE;gBAC/B,OAAO,GAAG,EAAE,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,CAAA;aACtD;YACD,IAAI,SAAS,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE;gBAC7C,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;gBAC1C,OAAO,KAAK,CAAA;aACb;YACD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE;gBAC9B,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;aACzC;YACD,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAClC,CAAC;QACD,KAAK;YACH,OAAO,WAAW,EAAE,CAAA;QACtB,CAAC;KACF,CAAA;IACD,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;AACxC,CAAC,CAAA;AAEM,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7B,IAAI,IAAI,KAAK,WAAW,CAAC,OAAO;gBAAE,OAAO,eAAe,CAAA;YACxD,OAAO,WAAW,EAAE,CAAA;QACtB,CAAC,CAAC;KACH,CAAC,CAAA;IACF,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AARY,QAAA,cAAc,kBAQ1B"}

package/build/esm/threestrap/Controls.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
 import type { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
+import type { Vector3 } from "three";
 type OrbitControlsProps = {
     type: "orbit";
     enablePan?: boolean;
     enableRotate?: boolean;
     enableZoom?: boolean;
+    target?: Vector3;
     onStart?: (event: {
         type: "end";
         target: OrbitControls;

package/build/esm/threestrap/Controls.js

@@ -1,15 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable react/no-unused-prop-types */
-import { useEffect } from "react";
-import { useThreestrap } from "./ThreestrapContext";
-var ALLOWED_CONTROLS = ["orbit"];
-var useOrbitControls = function (threestrap, _a) {
-    var type = _a.type, enablePan = _a.enablePan, enableRotate = _a.enableRotate, enableZoom = _a.enableZoom, onStart = _a.onStart, onEnd = _a.onEnd;
-    useEffect(function () {
+const react_1 = require("react");
+const ThreestrapContext_1 = require("./ThreestrapContext");
+const ALLOWED_CONTROLS = ["orbit"];
+const useOrbitControls = (threestrap, { type, enablePan, enableRotate, enableZoom, target, onStart, onEnd, }) => {
+    (0, react_1.useEffect)(() => {
         if (type !== "orbit")
             return;
         if (!threestrap.controls)
             return;
-        var controls = threestrap.controls;
+        const controls = threestrap.controls;
         if (enablePan !== undefined) {
             controls.enablePan = enablePan;
         }
@@ -20,44 +21,54 @@ var useOrbitControls = function (threestrap, _a) {
             controls.enableRotate = enableRotate;
         }
     }, [type, enablePan, enableRotate, enableZoom, threestrap.controls]);
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         if (type !== "orbit")
-            return function () { };
+            return;
+        if (!threestrap.controls)
+            return;
+        const controls = threestrap.controls;
+        if (target) {
+            controls.target = target;
+        }
+    }, [type, target, threestrap.controls]);
+    (0, react_1.useEffect)(() => {
+        if (type !== "orbit")
+            return () => { };
         if (!threestrap.controls)
-            return function () { };
-        var controls = threestrap.controls;
+            return () => { };
+        const controls = threestrap.controls;
         if (onStart) {
             controls.addEventListener("start", onStart);
         }
-        return function () {
+        return () => {
             if (onStart) {
                 controls.removeEventListener("start", onStart);
             }
         };
     }, [type, onStart, threestrap.controls]);
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         if (type !== "orbit")
-            return function () { };
+            return () => { };
         if (!threestrap.controls)
-            return function () { };
-        var controls = threestrap.controls;
+            return () => { };
+        const controls = threestrap.controls;
         if (onEnd) {
             controls.addEventListener("end", onEnd);
         }
-        return function () {
+        return () => {
             if (onEnd) {
                 controls.removeEventListener("end", onEnd);
             }
         };
     }, [type, onEnd, threestrap.controls]);
 };
-var Controls = function (props) {
+const Controls = (props) => {
     if (!ALLOWED_CONTROLS.includes(props.type)) {
-        throw new Error("Invalid control type ".concat(props.type));
+        throw new Error(`Invalid control type ${props.type}`);
     }
-    var threestrap = useThreestrap();
+    const threestrap = (0, ThreestrapContext_1.useThreestrap)();
     useOrbitControls(threestrap, props);
     return null;
 };
-export default Controls;
+exports.default = Controls;
 //# sourceMappingURL=Controls.js.map

package/build/esm/threestrap/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/threestrap/Controls.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAanD,IAAM,gBAAgB,GAAG,CAAC,OAAO,CAAC,CAAA;AAElC,IAAM,gBAAgB,GAAG,UACvB,UAAsB,EACtB,EAA4E;QAA1E,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAE3D,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,OAAO;YAAE,OAAM;QAC5B,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAM;QAChC,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,SAAS,KAAK,SAAS,EAAE;YAC3B,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAA;SAC/B;QACD,IAAI,UAAU,KAAK,SAAS,EAAE;YAC5B,QAAQ,CAAC,UAAU,GAAG,UAAU,CAAA;SACjC;QACD,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAA;SACrC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEpE,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,cAAO,CAAC,CAAA;QACrC,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAO,cAAO,CAAC,CAAA;QACzC,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;SAC5C;QACD,OAAO;YACL,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;aAC/C;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;IAExC,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,cAAO,CAAC,CAAA;QACrC,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAO,cAAO,CAAC,CAAA;QACzC,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,KAAK,EAAE;YACT,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;SACxC;QACD,OAAO;YACL,IAAI,KAAK,EAAE;gBACT,QAAQ,CAAC,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;aAC3C;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;AACxC,CAAC,CAAA;AAED,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC9C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAC1C,MAAM,IAAI,KAAK,CAAC,+BAAwB,KAAK,CAAC,IAAI,CAAE,CAAC,CAAA;KACtD;IACD,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACnC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/threestrap/Controls.ts"],"names":[],"mappings":"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"}

package/build/esm/threestrap/Renderer.js

@@ -1,13 +1,15 @@
-import { useEffect } from "react";
-import { useThreestrap } from "./ThreestrapContext";
-var Renderer = function (props) {
-    var threestrap = useThreestrap();
-    useEffect(function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const ThreestrapContext_1 = require("./ThreestrapContext");
+const Renderer = (props) => {
+    const threestrap = (0, ThreestrapContext_1.useThreestrap)();
+    (0, react_1.useEffect)(() => {
         if (props.clearColor) {
             threestrap.renderer.setClearColor(props.clearColor);
         }
     });
     return null;
 };
-export default Renderer;
+exports.default = Renderer;
 //# sourceMappingURL=Renderer.js.map

package/build/esm/threestrap/Renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../src/threestrap/Renderer.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAMnD,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC9C,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,SAAS,CAAC;QACR,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;SACpD;IACH,CAAC,CAAC,CAAA;IACF,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../src/threestrap/Renderer.ts"],"names":[],"mappings":";;AAAA,iCAAwC;AAExC,2DAAmD;AAMnD,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,UAAU,GAAG,IAAA,iCAAa,GAAE,CAAA;IAClC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;SACpD;IACH,CAAC,CAAC,CAAA;IACF,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}

package/build/esm/threestrap/ThreestrapContext.js

@@ -1,12 +1,15 @@
-import { createContext, useContext } from "react";
-var ThreestrapContext = createContext(null);
-export default ThreestrapContext;
-var useThreestrap = function () {
-    var threestrap = useContext(ThreestrapContext);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThreestrap = void 0;
+const react_1 = require("react");
+const ThreestrapContext = (0, react_1.createContext)(null);
+exports.default = ThreestrapContext;
+const useThreestrap = () => {
+    const threestrap = (0, react_1.useContext)(ThreestrapContext);
     if (!threestrap) {
         throw new Error("Threestrap context is not available");
     }
     return threestrap;
 };
-export { useThreestrap };
+exports.useThreestrap = useThreestrap;
 //# sourceMappingURL=ThreestrapContext.js.map

package/build/esm/threestrap/ThreestrapContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreestrapContext.js","sourceRoot":"","sources":["../../../src/threestrap/ThreestrapContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGjD,IAAM,iBAAiB,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAA;AAEhE,eAAe,iBAAiB,CAAA;AAEhC,IAAM,aAAa,GAAG;IACpB,IAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAChD,IAAI,CAAC,UAAU,EAAE;QACf,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;KACvD;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"ThreestrapContext.js","sourceRoot":"","sources":["../../../src/threestrap/ThreestrapContext.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAGjD,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAoB,IAAI,CAAC,CAAA;AAEhE,kBAAe,iBAAiB,CAAA;AAEhC,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAA;IAChD,IAAI,CAAC,UAAU,EAAE;QACf,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;KACvD;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAEQ,sCAAa"}

package/build/esm/threestrap/index.js

@@ -1,4 +1,13 @@
-export { default as Renderer } from "./Renderer";
-export { default as Controls } from "./Controls";
-export { useThreestrap } from "./ThreestrapContext";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThreestrap = exports.Controls = exports.Renderer = void 0;
+var Renderer_1 = require("./Renderer");
+Object.defineProperty(exports, "Renderer", { enumerable: true, get: function () { return __importDefault(Renderer_1).default; } });
+var Controls_1 = require("./Controls");
+Object.defineProperty(exports, "Controls", { enumerable: true, get: function () { return __importDefault(Controls_1).default; } });
+var ThreestrapContext_1 = require("./ThreestrapContext");
+Object.defineProperty(exports, "useThreestrap", { enumerable: true, get: function () { return ThreestrapContext_1.useThreestrap; } });
 //# sourceMappingURL=index.js.map

package/build/esm/threestrap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAgD;AAAvC,qHAAA,OAAO,OAAY;AAC5B,uCAAgD;AAAvC,qHAAA,OAAO,OAAY;AAC5B,yDAAmD;AAA1C,kHAAA,aAAa,OAAA"}

package/build/esm/threestrap/threestrap.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=threestrap.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mathbox-react",
-  "version": "0.2.2",
+  "version": "0.2.3-rc2",
   "description": "React wrapper for Mathbox",
   "license": "ISC",
   "repository": {
@@ -25,7 +25,7 @@
   ],
   "scripts": {
     "build": "rm -rf ./build && yarn build-esm && yarn build-cjs",
-    "build-esm": "tsc",
+    "build-esm": "tsc --project tsconfig.esm.json",
     "build-cjs": "tsc --project tsconfig.cjs.json",
     "build-watch": "tsc --watch",
     "storybook": "start-storybook -p 6006",
@@ -34,23 +34,23 @@
     "test": "jest"
   },
   "devDependencies": {
-    "@babel/core": "7.20.12",
-    "@babel/preset-env": "7.20.2",
+    "@babel/core": "7.22.5",
+    "@babel/preset-env": "7.22.5",
     "@mathbox-react/eslint-config": "workspace:*",
     "@mathbox-react/tsconfig": "workspace:*",
-    "@storybook/addon-actions": "6.5.16",
-    "@storybook/addon-essentials": "6.5.16",
-    "@storybook/addon-interactions": "6.5.16",
-    "@storybook/addon-links": "6.5.16",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/react": "6.5.16",
-    "@storybook/testing-library": "0.0.13",
-    "@testing-library/react": "13.4.0",
+    "@storybook/addon-actions": "7.0.18",
+    "@storybook/addon-essentials": "^7.4.2",
+    "@storybook/addon-interactions": "7.0.18",
+    "@storybook/addon-links": "7.0.18",
+    "@storybook/builder-webpack5": "^7.4.2",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react": "^7.4.2",
+    "@storybook/testing-library": "0.1.0",
+    "@testing-library/react": "14.0.0",
     "@types/jest": "27.5.2",
-    "@types/lodash": "4.14.191",
-    "@types/react": "18.0.27",
-    "@types/three": "0.148.1",
+    "@types/lodash": "4.14.195",
+    "@types/react": "18.2.11",
+    "@types/three": "0.148.0",
     "babel-jest": "27.5.1",
     "babel-loader": "9.1.2",
     "eslint": "^8.32.0",
@@ -58,9 +58,9 @@
     "mathbox": "2.3.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "three": "0.149.0",
+    "three": "0.152.2",
     "ts-jest": "27.1.5",
-    "typescript": "^4.9.4"
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "mathbox": "^2.3.1",

package/build/cjs/stories/Area.stories.d.ts

@@ -1,69 +0,0 @@
-import React from "react";
-import { Story, Meta } from "@storybook/react";
-declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").AreaProps & React.RefAttributes<import("mathbox").MathboxSelection<"area">> & {
-    liveProps?: {
-        expr?: ((t: number, dt: number) => import("mathbox").AreaEmitter | undefined) | undefined;
-        id?: ((t: number, dt: number) => import("mathbox").Optional<string>) | undefined;
-        classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
-        channels?: ((t: number, dt: number) => import("mathbox").Optional<1 | 3 | 2 | 4>) | undefined;
-        items?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        fps?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        hurry?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        limit?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        realtime?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        observe?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        aligned?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        data?: ((t: number, dt: number) => unknown) | undefined;
-        bind?: ((t: number, dt: number) => unknown) | undefined;
-        live?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        width?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        height?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        history?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        bufferWidth?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        bufferHeight?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        minFilter?: ((t: number, dt: number) => unknown) | undefined;
-        magFilter?: ((t: number, dt: number) => unknown) | undefined;
-        type?: ((t: number, dt: number) => unknown) | undefined;
-        axes?: ((t: number, dt: number) => import("mathbox").Optional<string | import("mathbox").Axes[]>) | undefined;
-        rangeX?: ((t: number, dt: number) => number | number[] | import("three").Vector2 | null | undefined) | undefined;
-        rangeY?: ((t: number, dt: number) => number | number[] | import("three").Vector2 | null | undefined) | undefined;
-        centeredX?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        paddingX?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        centeredY?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        paddingY?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-    } | undefined;
-}>>;
-export default _default;
-export declare const DefaultCartesian: Story<import("mathbox").AreaProps & React.RefAttributes<import("mathbox").MathboxSelection<"area">> & {
-    liveProps?: {
-        expr?: ((t: number, dt: number) => import("mathbox").AreaEmitter | undefined) | undefined;
-        id?: ((t: number, dt: number) => import("mathbox").Optional<string>) | undefined;
-        classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
-        channels?: ((t: number, dt: number) => import("mathbox").Optional<1 | 3 | 2 | 4>) | undefined;
-        items?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        fps?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        hurry?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        limit?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        realtime?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        observe?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        aligned?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        data?: ((t: number, dt: number) => unknown) | undefined;
-        bind?: ((t: number, dt: number) => unknown) | undefined;
-        live?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        width?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        height?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        history?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        bufferWidth?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        bufferHeight?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        minFilter?: ((t: number, dt: number) => unknown) | undefined;
-        magFilter?: ((t: number, dt: number) => unknown) | undefined;
-        type?: ((t: number, dt: number) => unknown) | undefined;
-        axes?: ((t: number, dt: number) => import("mathbox").Optional<string | import("mathbox").Axes[]>) | undefined;
-        rangeX?: ((t: number, dt: number) => number | number[] | import("three").Vector2 | null | undefined) | undefined;
-        rangeY?: ((t: number, dt: number) => number | number[] | import("three").Vector2 | null | undefined) | undefined;
-        centeredX?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        paddingX?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        centeredY?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
-        paddingY?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-    } | undefined;
-}>;

package/build/cjs/stories/Area.stories.js

@@ -1,53 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.DefaultCartesian = void 0;
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("./utils");
-var components_1 = require("../components/components");
-exports["default"] = {
-    title: "Area",
-    component: components_1.Area,
-    argTypes: {
-        width: {
-            type: "number",
-            defaultValue: 18
-        },
-        height: {
-            type: "number",
-            defaultValue: 18
-        },
-        live: {
-            type: "boolean",
-            defaultValue: true
-        }
-    }
-};
-var Template = function (args) { return (react_1["default"].createElement(utils_1.CustomMathbox, { containerStyle: { height: 450 } },
-    react_1["default"].createElement(components_1.Cartesian, { range: [
-            [-5, 5],
-            [-2, 2],
-            [-5, 5],
-        ] },
-        react_1["default"].createElement(components_1.Grid, { axes: "xz" }),
-        react_1["default"].createElement(components_1.Area, __assign({ axes: ["x", "z"], expr: function (emit, x, z, i, j, t) {
-                var y = Math.sin(x - t) * Math.cos(z - t);
-                emit(x, y, z);
-            } }, args)),
-        react_1["default"].createElement(components_1.Surface, { color: 0x3090ff, shaded: true })))); };
-exports.DefaultCartesian = Template.bind({});
-exports.DefaultCartesian.args = {};
-//# sourceMappingURL=Area.stories.js.map