mathbox-react 0.2.3-rc1 → 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,15 +26,15 @@ 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();
@@ -39,4 +42,5 @@ export var getMockContext = function () {
     });
     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.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, target = _a.target, 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,54 +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;
         if (!threestrap.controls)
             return;
-        var controls = threestrap.controls;
+        const controls = threestrap.controls;
         if (target) {
             controls.target = target;
         }
     }, [type, target, 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 (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":"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"}
+{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/threestrap/Controls.ts"],"names":[],"mappings":";;AAAA,+CAA+C;AAC/C,iCAAwC;AAGxC,2DAAmD;AAcnD,MAAM,gBAAgB,GAAG,CAAC,OAAO,CAAC,CAAA;AAElC,MAAM,gBAAgB,GAAG,CACvB,UAAsB,EACtB,EACE,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,KAAK,GACS,EAChB,EAAE;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,OAAO;YAAE,OAAM;QAC5B,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAM;QAChC,MAAM,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,OAAO;YAAE,OAAM;QAC5B,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAM;QAChC,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACrC,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACzC,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;SAC5C;QACD,OAAO,GAAG,EAAE;YACV,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACrC,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACzC,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,KAAK,EAAE;YACT,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;SACxC;QACD,OAAO,GAAG,EAAE;YACV,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,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;IAClD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAC1C,MAAM,IAAI,KAAK,CAAC,wBAAwB,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;KACtD;IACD,MAAM,UAAU,GAAG,IAAA,iCAAa,GAAE,CAAA;IAClC,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACnC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}

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.3-rc1",
+  "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",
@@ -39,12 +39,12 @@
     "@mathbox-react/eslint-config": "workspace:*",
     "@mathbox-react/tsconfig": "workspace:*",
     "@storybook/addon-actions": "7.0.18",
-    "@storybook/addon-essentials": "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.0.0",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/react": "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",
@@ -60,7 +60,7 @@
     "react-dom": "18.2.0",
     "three": "0.152.2",
     "ts-jest": "27.1.5",
-    "typescript": "^5.0.0"
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "mathbox": "^2.3.1",