mathbox-react 0.0.5 → 0.0.7

package/README.md

@@ -0,0 +1,6 @@
+To run the example, clone this repo and:
+```
+cd example
+npm install
+npm run start
+```

package/build/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("three"),t=require("mathbox");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),a=e.createContext(null),p=function(){return p=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},p.apply(this,arguments)};function n(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)r.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(t[o[s]]=e[o[s]])}return t}var i=function(r){return e.forwardRef((function(t,o){var p=function(r,t,o){var s=e.useContext(a),p=e.useState(null),i=p[0],l=p[1];return e.useEffect((function(){return function(){i&&i.remove()}}),[i]),e.useEffect((function(){t.children;var e=n(t,["children"]);if(s)if(i)i.set(e);else{var o=s[r](e);l(o)}}),[s,i,l,t,r]),e.useImperativeHandle(o,(function(){return i})),i}(r,t,o);return s.default.createElement(a.Provider,{value:p},t.children)}))},l=i("area"),x=i("array"),c=i("axis"),u=i("camera"),f=i("cartesian"),m=i("cartesian4"),d=i("clamp"),v=i("clock"),h=i("compose"),y=i("dom"),b=i("face"),S=i("format"),w=i("fragment"),g=i("grid"),C=i("group"),O=i("grow"),P=i("html"),j=i("inherit"),k=i("interval"),R=i("join"),E=i("label"),M=i("layer"),I=i("lerp"),T=i("line"),V=i("mask"),z=i("matrix"),L=i("memo"),q=i("move"),A=i("now"),F=i("play"),G=i("point"),H=i("polar"),_=i("present"),B=i("readback"),D=i("repeat"),J=i("resample"),N=i("retext"),U=i("reveal"),K=i("rtt"),Q=i("scale"),W=i("shader"),X=i("slice"),Y=i("slide"),Z=i("spherical"),$=i("split"),ee=i("spread"),re=i("step"),te=i("stereographic"),oe=i("stereographic4"),se=i("strip"),ae=i("subdivide"),pe=i("surface"),ne=i("swizzle"),ie=i("text"),le=i("ticks"),xe=i("transform"),ce=i("transform4"),ue=i("transpose"),fe=i("unit"),me=i("vector"),de=i("vertex"),ve=i("view"),he=i("volume"),ye=i("voxel"),be=e.forwardRef((function(o,i){var l=o.children,x=o.initialCameraPosition,c=o.options,u=n(o,["children","initialCameraPosition","options"]),f=e.useMemo((function(){return null!=c?c:{}}),[c]),m=e.useState(null),d=m[0],v=m[1],h=e.useState(null),y=h[0],b=h[1];return e.useEffect((function(){var e;if(!y)return function(){};var o=t.mathBox(p(p({},f),{element:y}));return v(o),o.three.renderer.setClearColor(new r.Color(16777215),1),x&&(e=o.three.camera.position).set.apply(e,x),function(){o.select("*").remove(),o.three.destroy()}}),[y,f,x]),e.useImperativeHandle(i,(function(){return d})),s.default.createElement("div",p({ref:b},u),s.default.createElement(a.Provider,{value:d},l))}));exports.Area=l,exports.Array=x,exports.Axis=c,exports.Camera=u,exports.Cartesian=f,exports.Cartesian4=m,exports.Clamp=d,exports.Clock=v,exports.Compose=h,exports.Dom=y,exports.Face=b,exports.Format=S,exports.Fragment=w,exports.Grid=g,exports.Group=C,exports.Grow=O,exports.Html=P,exports.Inherit=j,exports.Interval=k,exports.Join=R,exports.Label=E,exports.Layer=M,exports.Lerp=I,exports.Line=T,exports.Mask=V,exports.Mathbox=be,exports.Matrix=z,exports.Memo=L,exports.Move=q,exports.Now=A,exports.Play=F,exports.Point=G,exports.Polar=H,exports.Present=_,exports.Readback=B,exports.Repeat=D,exports.Resample=J,exports.Retext=N,exports.Reveal=U,exports.Rtt=K,exports.Scale=Q,exports.Shader=W,exports.Slice=X,exports.Slide=Y,exports.Spherical=Z,exports.Split=$,exports.Spread=ee,exports.Step=re,exports.Stereographic=te,exports.Stereographic4=oe,exports.Strip=se,exports.Subdivide=ae,exports.Surface=pe,exports.Swizzle=ne,exports.Text=ie,exports.Ticks=le,exports.Transform=xe,exports.Transform4=ce,exports.Transpose=ue,exports.Unit=fe,exports.Vector=me,exports.Vertex=de,exports.View=ve,exports.Volume=he,exports.Voxel=ye;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("three"),t=require("mathbox");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),s=e.createContext(null),a=function(){return a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},a.apply(this,arguments)};function p(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}var i=function(e,r){var t;return(null===(t=e._up)||void 0===t?void 0:t[0])===r[0]},l=function(r){return e.forwardRef((function(t,o){var a=function(r,t,o){var n=e.useContext(s),a=e.useState(null),l=a[0],c=a[1];return e.useEffect((function(){return function(){l&&(l.remove(),c(null))}}),[l,n]),e.useEffect((function(){t.children;var e=p(t,["children"]);if(n)if(l&&i(l,n))l.set(e);else{var o=n[r](e);c(o)}}),[n,l,c,t,r]),e.useImperativeHandle(o,(function(){return l}),[l]),{selection:l,parent:n}}(r,t,o),l=a.selection,c=a.parent;return l&&c&&i(l,c)?n.default.createElement(s.Provider,{value:l},t.children):null}))},c=l("area"),x=l("array"),u=l("axis"),f=l("camera"),d=l("cartesian"),m=l("cartesian4"),v=l("clamp"),h=l("clock"),y=l("compose"),S=l("dom"),b=l("face"),w=l("format"),g=l("fragment"),C=l("grid"),O=l("group"),P=l("grow"),j=l("html"),E=l("inherit"),R=l("interval"),k=l("join"),M=l("label"),I=l("layer"),T=l("lerp"),V=l("line"),z=l("mask"),L=l("matrix"),q=l("memo"),A=l("move"),F=l("now"),G=l("play"),H=l("point"),_=l("polar"),N=l("present"),B=l("readback"),D=l("repeat"),J=l("resample"),U=l("retext"),K=l("reveal"),Q=l("rtt"),W=l("scale"),X=l("shader"),Y=l("slice"),Z=l("slide"),$=l("spherical"),ee=l("split"),re=l("spread"),te=l("step"),oe=l("stereographic"),ne=l("stereographic4"),se=l("strip"),ae=l("subdivide"),pe=l("surface"),ie=l("swizzle"),le=l("text"),ce=l("ticks"),xe=l("transform"),ue=l("transform4"),fe=l("transpose"),de=l("unit"),me=l("vector"),ve=l("vertex"),he=l("view"),ye=l("volume"),Se=l("voxel"),be=e.forwardRef((function(o,i){var l=o.container,c=o.children,x=o.options,u=p(o,["container","children","options"]),f=e.useMemo((function(){return null!=x?x:{}}),[x]),d=e.useState(null),m=d[0],v=d[1];return e.useEffect((function(){if(!l)return function(){};var e=t.mathBox(a(a({},f),{element:l}));return v(e),e.three.renderer.setClearColor(new r.Color(16777215),1),function(){e.select("*").remove(),e.three.destroy(),v(null)}}),[l,f]),e.useEffect((function(){m&&m.set(u)}),[m,u]),e.useImperativeHandle(i,(function(){return m}),[m]),n.default.createElement(s.Provider,{value:m},c)})),we=e.forwardRef((function(r,t){var o=r.children,s=r.containerId,i=r.containerClass,l=r.containerStyle,c=p(r,["children","containerId","containerClass","containerStyle"]),x=e.useState(null),u=x[0],f=x[1];return n.default.createElement("div",{ref:f,id:s,className:i,style:l},u&&n.default.createElement(be,a({ref:t,container:u},c),o))}));exports.Area=c,exports.Array=x,exports.Axis=u,exports.Camera=f,exports.Cartesian=d,exports.Cartesian4=m,exports.Clamp=v,exports.Clock=h,exports.Compose=y,exports.ContainedMathbox=we,exports.Dom=S,exports.Face=b,exports.Format=w,exports.Fragment=g,exports.Grid=C,exports.Group=O,exports.Grow=P,exports.Html=j,exports.Inherit=E,exports.Interval=R,exports.Join=k,exports.Label=M,exports.Layer=I,exports.Lerp=T,exports.Line=V,exports.Mask=z,exports.Mathbox=be,exports.Matrix=L,exports.Memo=q,exports.Move=A,exports.Now=F,exports.Play=G,exports.Point=H,exports.Polar=_,exports.Present=N,exports.Readback=B,exports.Repeat=D,exports.Resample=J,exports.Retext=U,exports.Reveal=K,exports.Rtt=Q,exports.Scale=W,exports.Shader=X,exports.Slice=Y,exports.Slide=Z,exports.Spherical=$,exports.Split=ee,exports.Spread=re,exports.Step=te,exports.Stereographic=oe,exports.Stereographic4=ne,exports.Strip=se,exports.Subdivide=ae,exports.Surface=pe,exports.Swizzle=ie,exports.Text=le,exports.Ticks=ce,exports.Transform=xe,exports.Transform4=ue,exports.Transpose=fe,exports.Unit=de,exports.Vector=me,exports.Vertex=ve,exports.View=he,exports.Volume=ye,exports.Voxel=Se;
 //# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/MathboxNodeContext.ts","../../node_modules/tslib/tslib.es6.js","../../src/components/hooks.ts","../../src/components/components.tsx","../../src/components/Mathbox.tsx"],"sourcesContent":[null,"/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n",null,null,null],"names":["MathboxAPIContext","createContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","mathboxComponentFactory","type","forwardRef","props","ref","nodeAPI","name","parent","useContext","_a","useState","selection","setSelection","useEffect","remove","children","mbProps","set","thisNode","useImperativeHandle","useMathboxAPI","React","createElement","Provider","value","Area","MBArray","Axis","Camera","Cartesian","Cartesian4","Clamp","Clock","Compose","Dom","Face","Format","Fragment","Grid","Group","Grow","Html","Inherit","Interval","Join","Label","Layer","Lerp","Line","Mask","Matrix","Memo","Move","Now","Play","Point","Polar","Present","Readback","Repeat","Resample","Retext","Reveal","Rtt","Scale","Shader","Slice","Slide","Spherical","Split","Spread","Step","Stereographic","Stereographic4","Strip","Subdivide","Surface","Swizzle","Text","Ticks","Transform","Transform4","Transpose","Unit","Vector","Vertex","View","Volume","Voxel","initialCameraPosition","options","divProps","mathboxOptions","useMemo","_b","container","setContainer","mathbox","mathBox","element","three","renderer","setClearColor","Color","camera","position","select","destroy"],"mappings":"sNAGMA,EAAoBC,EAAaA,cAAoC,MC4BhEC,EAAW,WAQlB,OAPAA,EAAWC,OAAOC,QAAU,SAAkBC,GAC1C,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KAAIN,EAAEM,GAAKL,EAAEK,IAE9E,OAAON,GAEJH,EAASa,MAAMC,KAAMP,YAGzB,SAASQ,EAAOX,EAAGY,GACtB,IAAIb,EAAI,GACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,CAAA,IAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,KAE1B,OAAOF,ECzCJ,ICADiB,EAA0B,SAC9BC,GA0BA,OAAOC,EAAAA,YAxBM,SACXC,EACAC,GAEA,IAAMC,EDPmB,SAC3BC,EACAH,EACAC,GAEA,IAAMG,EAASC,aAAW9B,GACpB+B,EAA4BC,EAAAA,SAAqC,MAAhEC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAiC9B,OA/BAI,EAASA,WACP,WAAM,OAAA,WACAF,GACFA,EAAUG,YAGd,CAACH,IAGHE,EAAAA,WAAU,WACyBV,EAAjBY,aAAKC,EAAOrB,EAAKQ,EAA3B,CAAwB,aAC9B,GAAKI,EACL,GAAKI,EAaHA,EAAUM,IAAID,OAbA,CAGd,IAAME,EAAgCX,EAAOD,GAAMU,GACnDJ,EAAaM,MAWd,CAACX,EAAQI,EAAWC,EAAcT,EAAOG,IAE5Ca,EAAAA,oBAAoBf,GAAK,WAAM,OAAAO,KAExBA,EChCWS,CAAcnB,EAAME,EAAOC,GAC3C,OACEiB,EAAA,QAAAC,cAAC5C,EAAkB6C,SAAS,CAAAC,MAAOnB,GAChCF,EAAMY,cAuBFU,EAAOzB,EAAwB,QAKtC0B,EAAU1B,EAAwB,SAO3B2B,EAAO3B,EAAwB,QAK/B4B,EAAS5B,EAAwB,UAKjC6B,EAAY7B,EAAwB,aAKpC8B,EAAa9B,EAAwB,cAKrC+B,EAAQ/B,EAAwB,SAKhCgC,EAAQhC,EAAwB,SAKhCiC,EAAUjC,EAAwB,WAKlCkC,EAAMlC,EAAwB,OAK9BmC,EAAOnC,EAAwB,QAK/BoC,EAASpC,EAAwB,UAKjCqC,EAAWrC,EAAwB,YAKnCsC,EAAOtC,EAAwB,QAK/BuC,EAAQvC,EAAwB,SAKhCwC,EAAOxC,EAAwB,QAK/ByC,EAAOzC,EAAwB,QAK/B0C,EAAU1C,EAAwB,WAKlC2C,EAAW3C,EAAwB,YAKnC4C,EAAO5C,EAAwB,QAK/B6C,EAAQ7C,EAAwB,SAKhC8C,EAAQ9C,EAAwB,SAKhC+C,EAAO/C,EAAwB,QAK/BgD,EAAOhD,EAAwB,QAK/BiD,EAAOjD,EAAwB,QAK/BkD,EAASlD,EAAwB,UAKjCmD,EAAOnD,EAAwB,QAK/BoD,EAAOpD,EAAwB,QAK/BqD,EAAMrD,EAAwB,OAK9BsD,EAAOtD,EAAwB,QAK/BuD,EAAQvD,EAAwB,SAKhCwD,EAAQxD,EAAwB,SAKhCyD,EAAUzD,EAAwB,WAKlC0D,EAAW1D,EAAwB,YAKnC2D,EAAS3D,EAAwB,UAKjC4D,EAAW5D,EAAwB,YAKnC6D,EAAS7D,EAAwB,UAKjC8D,EAAS9D,EAAwB,UAKjC+D,EAAM/D,EAAwB,OAK9BgE,EAAQhE,EAAwB,SAKhCiE,EAASjE,EAAwB,UAKjCkE,EAAQlE,EAAwB,SAKhCmE,EAAQnE,EAAwB,SAKhCoE,EAAYpE,EAAwB,aAKpCqE,EAAQrE,EAAwB,SAKhCsE,GAAStE,EAAwB,UAKjCuE,GAAOvE,EAAwB,QAK/BwE,GAAgBxE,EAAwB,iBAKxCyE,GAAiBzE,EAAwB,kBAKzC0E,GAAQ1E,EAAwB,SAKhC2E,GAAY3E,EAAwB,aAKpC4E,GAAU5E,EAAwB,WAKlC6E,GAAU7E,EAAwB,WAKlC8E,GAAO9E,EAAwB,QAK/B+E,GAAQ/E,EAAwB,SAKhCgF,GAAYhF,EAAwB,aAKpCiF,GAAajF,EAAwB,cAKrCkF,GAAYlF,EAAwB,aAKpCmF,GAAOnF,EAAwB,QAK/BoF,GAASpF,EAAwB,UAKjCqF,GAASrF,EAAwB,UAKjCsF,GAAOtF,EAAwB,QAK/BuF,GAASvF,EAAwB,UAKjCwF,GAAQxF,EAAwB,SC/S9BE,GAAAA,EAAAA,YAzCC,SACdC,EACAC,GAEQ,IAAAW,EAA0DZ,EAAKY,SAArD0E,EAAgDtF,EAA3BsF,sBAAEC,EAAyBvF,UAAbwF,IAAaxF,EAA5D,CAAyD,WAAA,wBAAA,YACzDyF,EAAiBC,EAAOA,SAAC,WAAM,OAAAH,MAAAA,EAAAA,EAAW,KAAI,CAACA,IAC/CjF,EAA4BC,EAAAA,SAChC,MADKC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAGxBqF,EAA4BpF,EAAAA,SAAgC,MAA3DqF,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAuB9B,OAtBAjF,EAAAA,WAAU,iBACR,IAAKkF,EAAW,OAAO,aAEvB,IAAME,EAAUC,EAAAA,QACXtH,EAAAA,EAAA,GAAAgH,IACHO,QAASJ,KAWX,OATAnF,EAAaqF,GAKbA,EAAQG,MAAMC,SAASC,cAAc,IAAIC,EAAAA,MAAM,UAAW,GACtDd,IACFhF,EAAAwF,EAAQG,MAAMI,OAAOC,UAASxF,IAAGxB,MAAAgB,EAAIgF,GAEhC,WACLQ,EAAQS,OAAO,KAAK5F,SACpBmF,EAAQG,MAAMO,aAEf,CAACZ,EAAWH,EAAgBH,IAC/BtE,EAAAA,oBAAoBf,GAAK,WAAM,OAAAO,KAE7BU,EAAK,QAAAC,cAAA,MAAA1C,EAAA,CAAAwB,IAAK4F,GAAkBL,GAC1BtE,UAAAC,cAAC5C,EAAkB6C,SAAQ,CAACC,MAAOb,GAChCI"}
+{"version":3,"file":"index.js","sources":["../../src/components/MathboxNodeContext.ts","../../node_modules/tslib/tslib.es6.js","../../src/components/hooks.ts","../../src/components/components.tsx","../../src/components/Mathbox.tsx","../../src/components/ContainedMathbox.tsx"],"sourcesContent":[null,"/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n",null,null,null,null],"names":["MathboxAPIContext","createContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","isSelectionParent","selection","parent","_a","_up","mathboxComponentFactory","type","forwardRef","props","ref","name","useContext","useState","setSelection","useEffect","remove","children","mbProps","set","thisNode","useImperativeHandle","useMathboxAPI","React","createElement","Provider","value","Area","MBArray","Axis","Camera","Cartesian","Cartesian4","Clamp","Clock","Compose","Dom","Face","Format","Fragment","Grid","Group","Grow","Html","Inherit","Interval","Join","Label","Layer","Lerp","Line","Mask","Matrix","Memo","Move","Now","Play","Point","Polar","Present","Readback","Repeat","Resample","Retext","Reveal","Rtt","Scale","Shader","Slice","Slide","Spherical","Split","Spread","Step","Stereographic","Stereographic4","Strip","Subdivide","Surface","Swizzle","Text","Ticks","Transform","Transform4","Transpose","Unit","Vector","Vertex","View","Volume","Voxel","container","options","rootProps","mathboxOptions","useMemo","mathbox","mathBox","element","three","renderer","setClearColor","Color","select","destroy","containerId","containerClass","containerStyle","others","setContainer","id","className","style","Mathbox"],"mappings":"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"}

package/build/cjs/types/components/ContainedMathbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { RootProps, MathboxSelection } from "mathbox";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    containerId?: string | undefined;
+    containerClass?: string | undefined;
+    containerStyle?: React.CSSProperties | undefined;
+    options?: any;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
+export default _default;

package/build/cjs/types/components/Mathbox.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
-import { MathboxSelection } from "mathbox";
-declare const _default: React.ForwardRefExoticComponent<Pick<{
+import { RootProps, MathboxSelection } from "mathbox";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    container: HTMLElement;
     options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<MathboxSelection<"root">>>;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
 export default _default;

package/build/cjs/types/components/hooks.d.ts

@@ -1,4 +1,23 @@
 import React from "react";
 import type { MathboxSelection, Props } from "mathbox";
 import type { WithChildren } from "./types";
-export declare const useMathboxAPI: <T extends keyof Props>(name: T, props: WithChildren<Props[T]>, ref: React.Ref<MathboxSelection<T> | null>) => MathboxSelection<T> | null;
+/**
+ * Check that parent is actually the selection's parent.
+ * The mathbox components occasionally render with a selection value whose
+ * parent does not match the parent specified in MathboxContext.
+ *
+ * I believe this fundamentally this is happening because
+ * - we store parent value in context...
+ * - we update the context parent value using useEffect hooks..
+ * - useEffect hooks are called children before parents.
+ *
+ * One wonders whether we really need to be using useEffect hooks for the
+ * mathbox components, or if we can just put all the node creation/removal stuff
+ * in a render function. Hooks seem nice for dependencies, but mathbox is pretty
+ * smart about diffing out the actual changes.
+ */
+export declare const isSelectionParent: (selection: MathboxSelection, parent: MathboxSelection) => boolean;
+export declare const useMathboxAPI: <T extends keyof Props>(name: T, props: WithChildren<Props[T]>, ref: React.Ref<MathboxSelection<T> | null>) => {
+    selection: MathboxSelection<T> | null;
+    parent: MathboxSelection<keyof Props> | null;
+};

package/build/cjs/types/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./components";
 export { default as Mathbox } from "./Mathbox";
+export { default as ContainedMathbox } from "./ContainedMathbox";

package/build/cjs/types/stories/utils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare const CustomMathbox: React.ForwardRefExoticComponent<Pick<Pick<{
-    options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<import("mathbox").MathboxSelection<"root">>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<import("mathbox").MathboxSelection<"root">>>;
+import { ContainedMathbox } from "../components";
+declare type MathboxProps = React.ComponentProps<typeof ContainedMathbox>;
+export declare const CustomMathbox: (props: MathboxProps) => JSX.Element;
+export {};

package/build/esm/index.js

@@ -1,4 +1,4 @@
-import e,{createContext as r,useContext as t,useState as n,useEffect as o,useImperativeHandle as a,forwardRef as i,useMemo as l}from"react";import{Color as c}from"three";import{mathBox as s}from"mathbox";var u=r(null),p=function(){return p=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},p.apply(this,arguments)};
+import e,{createContext as r,useContext as n,useState as t,useEffect as o,useImperativeHandle as a,forwardRef as i,useMemo as l}from"react";import{Color as c}from"three";import{mathBox as s}from"mathbox";var u=r(null),f=function(){return f=Object.assign||function(e){for(var r,n=1,t=arguments.length;n<t;n++)for(var o in r=arguments[n])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},f.apply(this,arguments)};
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */function f(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}var m=function(r){return i((function(i,l){var c=function(e,r,i){var l=t(u),c=n(null),s=c[0],p=c[1];return o((function(){return function(){s&&s.remove()}}),[s]),o((function(){r.children;var t=f(r,["children"]);if(l)if(s)s.set(t);else{var n=l[e](t);p(n)}}),[l,s,p,r,e]),a(i,(function(){return s})),s}(r,i,l);return e.createElement(u.Provider,{value:c},i.children)}))},v=m("area"),h=m("array"),d=m("axis"),y=m("camera"),b=m("cartesian"),O=m("cartesian4"),g=m("clamp"),x=m("clock"),w=m("compose"),P=m("dom"),j=m("face"),k=m("format"),C=m("fragment"),E=m("grid"),z=m("group"),S=m("grow"),A=m("html"),I=m("inherit"),M=m("interval"),q=m("join"),B=m("label"),D=m("layer"),F=m("lerp"),G=m("line"),H=m("mask"),J=m("matrix"),K=m("memo"),L=m("move"),N=m("now"),Q=m("play"),R=m("point"),T=m("polar"),U=m("present"),V=m("readback"),W=m("repeat"),X=m("resample"),Y=m("retext"),Z=m("reveal"),$=m("rtt"),_=m("scale"),ee=m("shader"),re=m("slice"),te=m("slide"),ne=m("spherical"),oe=m("split"),ae=m("spread"),ie=m("step"),le=m("stereographic"),ce=m("stereographic4"),se=m("strip"),ue=m("subdivide"),pe=m("surface"),fe=m("swizzle"),me=m("text"),ve=m("ticks"),he=m("transform"),de=m("transform4"),ye=m("transpose"),be=m("unit"),Oe=m("vector"),ge=m("vertex"),xe=m("view"),we=m("volume"),Pe=m("voxel"),je=i((function(r,t){var i=r.children,m=r.initialCameraPosition,v=r.options,h=f(r,["children","initialCameraPosition","options"]),d=l((function(){return null!=v?v:{}}),[v]),y=n(null),b=y[0],O=y[1],g=n(null),x=g[0],w=g[1];return o((function(){var e;if(!x)return function(){};var r=s(p(p({},d),{element:x}));return O(r),r.three.renderer.setClearColor(new c(16777215),1),m&&(e=r.three.camera.position).set.apply(e,m),function(){r.select("*").remove(),r.three.destroy()}}),[x,d,m]),a(t,(function(){return b})),e.createElement("div",p({ref:w},h),e.createElement(u.Provider,{value:b},i))}));export{v as Area,h as Array,d as Axis,y as Camera,b as Cartesian,O as Cartesian4,g as Clamp,x as Clock,w as Compose,P as Dom,j as Face,k as Format,C as Fragment,E as Grid,z as Group,S as Grow,A as Html,I as Inherit,M as Interval,q as Join,B as Label,D as Layer,F as Lerp,G as Line,H as Mask,je as Mathbox,J as Matrix,K as Memo,L as Move,N as Now,Q as Play,R as Point,T as Polar,U as Present,V as Readback,W as Repeat,X as Resample,Y as Retext,Z as Reveal,$ as Rtt,_ as Scale,ee as Shader,re as Slice,te as Slide,ne as Spherical,oe as Split,ae as Spread,ie as Step,le as Stereographic,ce as Stereographic4,se as Strip,ue as Subdivide,pe as Surface,fe as Swizzle,me as Text,ve as Ticks,he as Transform,de as Transform4,ye as Transpose,be as Unit,Oe as Vector,ge as Vertex,xe as View,we as Volume,Pe as Voxel};
+***************************************************************************** */function p(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(n[t[o]]=e[t[o]])}return n}var m=function(e,r){var n;return(null===(n=e._up)||void 0===n?void 0:n[0])===r[0]},v=function(r){return i((function(i,l){var c=function(e,r,i){var l=n(u),c=t(null),s=c[0],f=c[1];return o((function(){return function(){s&&(s.remove(),f(null))}}),[s,l]),o((function(){r.children;var n=p(r,["children"]);if(l)if(s&&m(s,l))s.set(n);else{var t=l[e](n);f(t)}}),[l,s,f,r,e]),a(i,(function(){return s}),[s]),{selection:s,parent:l}}(r,i,l),s=c.selection,f=c.parent;return s&&f&&m(s,f)?e.createElement(u.Provider,{value:s},i.children):null}))},d=v("area"),h=v("array"),y=v("axis"),b=v("camera"),x=v("cartesian"),O=v("cartesian4"),g=v("clamp"),w=v("clock"),j=v("compose"),P=v("dom"),C=v("face"),E=v("format"),k=v("fragment"),S=v("grid"),I=v("group"),z=v("grow"),M=v("html"),A=v("inherit"),N=v("interval"),_=v("join"),q=v("label"),B=v("layer"),D=v("lerp"),F=v("line"),G=v("mask"),H=v("matrix"),J=v("memo"),K=v("move"),L=v("now"),Q=v("play"),R=v("point"),T=v("polar"),U=v("present"),V=v("readback"),W=v("repeat"),X=v("resample"),Y=v("retext"),Z=v("reveal"),$=v("rtt"),ee=v("scale"),re=v("shader"),ne=v("slice"),te=v("slide"),oe=v("spherical"),ae=v("split"),ie=v("spread"),le=v("step"),ce=v("stereographic"),se=v("stereographic4"),ue=v("strip"),fe=v("subdivide"),pe=v("surface"),me=v("swizzle"),ve=v("text"),de=v("ticks"),he=v("transform"),ye=v("transform4"),be=v("transpose"),xe=v("unit"),Oe=v("vector"),ge=v("vertex"),we=v("view"),je=v("volume"),Pe=v("voxel"),Ce=i((function(r,n){var i=r.container,m=r.children,v=r.options,d=p(r,["container","children","options"]),h=l((function(){return null!=v?v:{}}),[v]),y=t(null),b=y[0],x=y[1];return o((function(){if(!i)return function(){};var e=s(f(f({},h),{element:i}));return x(e),e.three.renderer.setClearColor(new c(16777215),1),function(){e.select("*").remove(),e.three.destroy(),x(null)}}),[i,h]),o((function(){b&&b.set(d)}),[b,d]),a(n,(function(){return b}),[b]),e.createElement(u.Provider,{value:b},m)})),Ee=i((function(r,n){var o=r.children,a=r.containerId,i=r.containerClass,l=r.containerStyle,c=p(r,["children","containerId","containerClass","containerStyle"]),s=t(null),u=s[0],m=s[1];return e.createElement("div",{ref:m,id:a,className:i,style:l},u&&e.createElement(Ce,f({ref:n,container:u},c),o))}));export{d as Area,h as Array,y as Axis,b as Camera,x as Cartesian,O as Cartesian4,g as Clamp,w as Clock,j as Compose,Ee as ContainedMathbox,P as Dom,C as Face,E as Format,k as Fragment,S as Grid,I as Group,z as Grow,M as Html,A as Inherit,N as Interval,_ as Join,q as Label,B as Layer,D as Lerp,F as Line,G as Mask,Ce as Mathbox,H as Matrix,J as Memo,K as Move,L as Now,Q as Play,R as Point,T as Polar,U as Present,V as Readback,W as Repeat,X as Resample,Y as Retext,Z as Reveal,$ as Rtt,ee as Scale,re as Shader,ne as Slice,te as Slide,oe as Spherical,ae as Split,ie as Spread,le as Step,ce as Stereographic,se as Stereographic4,ue as Strip,fe as Subdivide,pe as Surface,me as Swizzle,ve as Text,de as Ticks,he as Transform,ye as Transform4,be as Transpose,xe as Unit,Oe as Vector,ge as Vertex,we as View,je as Volume,Pe as Voxel};
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/MathboxNodeContext.ts","../../node_modules/tslib/tslib.es6.js","../../src/components/hooks.ts","../../src/components/components.tsx","../../src/components/Mathbox.tsx"],"sourcesContent":[null,"/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n",null,null,null],"names":["MathboxAPIContext","createContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","mathboxComponentFactory","type","forwardRef","props","ref","nodeAPI","name","parent","useContext","_a","useState","selection","setSelection","useEffect","remove","children","mbProps","set","thisNode","useImperativeHandle","useMathboxAPI","React","createElement","Provider","value","Area","MBArray","Axis","Camera","Cartesian","Cartesian4","Clamp","Clock","Compose","Dom","Face","Format","Fragment","Grid","Group","Grow","Html","Inherit","Interval","Join","Label","Layer","Lerp","Line","Mask","Matrix","Memo","Move","Now","Play","Point","Polar","Present","Readback","Repeat","Resample","Retext","Reveal","Rtt","Scale","Shader","Slice","Slide","Spherical","Split","Spread","Step","Stereographic","Stereographic4","Strip","Subdivide","Surface","Swizzle","Text","Ticks","Transform","Transform4","Transpose","Unit","Vector","Vertex","View","Volume","Voxel","Mathbox$1","initialCameraPosition","options","divProps","mathboxOptions","useMemo","_b","container","setContainer","mathbox","mathBox","element","three","renderer","setClearColor","Color","camera","position","select","destroy"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/MathboxNodeContext.ts","../../node_modules/tslib/tslib.es6.js","../../src/components/hooks.ts","../../src/components/components.tsx","../../src/components/Mathbox.tsx","../../src/components/ContainedMathbox.tsx"],"sourcesContent":[null,"/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n",null,null,null,null],"names":["MathboxAPIContext","createContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","isSelectionParent","selection","parent","_a","_up","mathboxComponentFactory","type","forwardRef","props","ref","name","useContext","useState","setSelection","useEffect","remove","children","mbProps","set","thisNode","useImperativeHandle","useMathboxAPI","React","createElement","Provider","value","Area","MBArray","Axis","Camera","Cartesian","Cartesian4","Clamp","Clock","Compose","Dom","Face","Format","Fragment","Grid","Group","Grow","Html","Inherit","Interval","Join","Label","Layer","Lerp","Line","Mask","Matrix","Memo","Move","Now","Play","Point","Polar","Present","Readback","Repeat","Resample","Retext","Reveal","Rtt","Scale","Shader","Slice","Slide","Spherical","Split","Spread","Step","Stereographic","Stereographic4","Strip","Subdivide","Surface","Swizzle","Text","Ticks","Transform","Transform4","Transpose","Unit","Vector","Vertex","View","Volume","Voxel","Mathbox$1","container","options","rootProps","mathboxOptions","useMemo","mathbox","mathBox","element","three","renderer","setClearColor","Color","select","destroy","ContainedMathbox$1","containerId","containerClass","containerStyle","others","setContainer","id","className","style","Mathbox"],"mappings":"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"}

package/build/esm/types/components/ContainedMathbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { RootProps, MathboxSelection } from "mathbox";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    containerId?: string | undefined;
+    containerClass?: string | undefined;
+    containerStyle?: React.CSSProperties | undefined;
+    options?: any;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
+export default _default;

package/build/esm/types/components/Mathbox.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
-import { MathboxSelection } from "mathbox";
-declare const _default: React.ForwardRefExoticComponent<Pick<{
+import { RootProps, MathboxSelection } from "mathbox";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    container: HTMLElement;
     options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<MathboxSelection<"root">>>;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
 export default _default;

package/build/esm/types/components/hooks.d.ts

@@ -1,4 +1,23 @@
 import React from "react";
 import type { MathboxSelection, Props } from "mathbox";
 import type { WithChildren } from "./types";
-export declare const useMathboxAPI: <T extends keyof Props>(name: T, props: WithChildren<Props[T]>, ref: React.Ref<MathboxSelection<T> | null>) => MathboxSelection<T> | null;
+/**
+ * Check that parent is actually the selection's parent.
+ * The mathbox components occasionally render with a selection value whose
+ * parent does not match the parent specified in MathboxContext.
+ *
+ * I believe this fundamentally this is happening because
+ * - we store parent value in context...
+ * - we update the context parent value using useEffect hooks..
+ * - useEffect hooks are called children before parents.
+ *
+ * One wonders whether we really need to be using useEffect hooks for the
+ * mathbox components, or if we can just put all the node creation/removal stuff
+ * in a render function. Hooks seem nice for dependencies, but mathbox is pretty
+ * smart about diffing out the actual changes.
+ */
+export declare const isSelectionParent: (selection: MathboxSelection, parent: MathboxSelection) => boolean;
+export declare const useMathboxAPI: <T extends keyof Props>(name: T, props: WithChildren<Props[T]>, ref: React.Ref<MathboxSelection<T> | null>) => {
+    selection: MathboxSelection<T> | null;
+    parent: MathboxSelection<keyof Props> | null;
+};

package/build/esm/types/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./components";
 export { default as Mathbox } from "./Mathbox";
+export { default as ContainedMathbox } from "./ContainedMathbox";

package/build/esm/types/stories/utils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare const CustomMathbox: React.ForwardRefExoticComponent<Pick<Pick<{
-    options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<import("mathbox").MathboxSelection<"root">>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<import("mathbox").MathboxSelection<"root">>>;
+import { ContainedMathbox } from "../components";
+declare type MathboxProps = React.ComponentProps<typeof ContainedMathbox>;
+export declare const CustomMathbox: (props: MathboxProps) => JSX.Element;
+export {};

package/build/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { NodeType, Props, MathboxSelection } from 'mathbox';
+import { NodeType, Props, MathboxSelection, RootProps } from 'mathbox';
 
 declare type WithChildren<T> = {
     children?: ReactNode | ReactNode[];
@@ -264,9 +264,20 @@ declare const Volume: MathboxComponent<"volume">;
  */
 declare const Voxel: MathboxComponent<"voxel">;
 
-declare const _default: React.ForwardRefExoticComponent<Pick<{
+declare const _default$1: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    container: HTMLElement;
     options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<MathboxSelection<"root">>>;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
 
-export { Area, MBArray as Array, Axis, Camera, Cartesian, Cartesian4, Clamp, Clock, Compose, Dom, Face, Format, Fragment, Grid, Group, Grow, Html, Inherit, Interval, Join, Label, Layer, Lerp, Line, Mask, _default as Mathbox, Matrix, Memo, Move, Now, Play, Point, Polar, Present, Readback, Repeat, Resample, Retext, Reveal, Rtt, Scale, Shader, Slice, Slide, Spherical, Split, Spread, Step, Stereographic, Stereographic4, Strip, Subdivide, Surface, Swizzle, Text, Ticks, Transform, Transform4, Transpose, Unit, Vector, Vertex, View, Volume, Voxel };
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    containerId?: string | undefined;
+    containerClass?: string | undefined;
+    containerStyle?: React.CSSProperties | undefined;
+    options?: any;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
+
+export { Area, MBArray as Array, Axis, Camera, Cartesian, Cartesian4, Clamp, Clock, Compose, _default as ContainedMathbox, Dom, Face, Format, Fragment, Grid, Group, Grow, Html, Inherit, Interval, Join, Label, Layer, Lerp, Line, Mask, _default$1 as Mathbox, Matrix, Memo, Move, Now, Play, Point, Polar, Present, Readback, Repeat, Resample, Retext, Reveal, Rtt, Scale, Shader, Slice, Slide, Spherical, Split, Spread, Step, Stereographic, Stereographic4, Strip, Subdivide, Surface, Swizzle, Text, Ticks, Transform, Transform4, Transpose, Unit, Vector, Vertex, View, Volume, Voxel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mathbox-react",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "React wrapper for Mathbox",
   "license": "ISC",
   "author": "Chris Chudzicki",

package/src/components/Cartesian.spec.tsx

@@ -1,13 +1,30 @@
-import React from "react"
-import { render } from "@testing-library/react"
+import React, { useState } from "react"
+import { render, act } from "@testing-library/react"
+import { MathboxSelection } from "mathbox"
+import ContainedMathbox from "./ContainedMathbox"
 import Mathbox from "./Mathbox"
 import { Cartesian, Grid } from "./components"
 import { MathboxRef } from "./types"
 
-function assertNotUndefined<T>(value: T | undefined): asserts value is T {
+function assertNotNil<T>(value: T): asserts value is NonNullable<T> {
   if (value === undefined) {
     throw new Error("Unexpected undefined value")
   }
+  if (value === null) {
+    throw new Error("Unexpected null value")
+  }
+}
+
+/**
+ * Assert that two mathbox selections have the same nodes in the same order.
+ */
+const assertSelectionsEqual = (s1: MathboxSelection, s2: MathboxSelection) => {
+  expect(s1.length).toBe(s2.length)
+  Array(s1.length)
+    .fill(null)
+    .forEach((_, i) => {
+      expect(s1[i]).toBe(s2[i])
+    })
 }
 
 describe("Cartesian", () => {
@@ -15,9 +32,9 @@ describe("Cartesian", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     const cartesianRef: MathboxRef<"cartesian"> = { current: null }
     render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian ref={cartesianRef} />
-      </Mathbox>
+      </ContainedMathbox>
     )
 
     expect(mbRef.current?.[0].type).toBe("root")
@@ -27,9 +44,9 @@ describe("Cartesian", () => {
   it("creates a cartesian instance as child of root", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian />
-      </Mathbox>
+      </ContainedMathbox>
     )
     expect(mbRef.current?.select("cartesian").length).toBe(1)
   })
@@ -37,12 +54,12 @@ describe("Cartesian", () => {
   it("creates mathbox children as children of itself", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian>
           <Grid />
           <Grid />
         </Cartesian>
-      </Mathbox>
+      </ContainedMathbox>
     )
     mbRef.current?.print()
     expect(mbRef.current?.select("cartesian").length).toBe(1)
@@ -52,12 +69,12 @@ describe("Cartesian", () => {
   it("removes its mathbox instance when unmounted", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     const { rerender } = render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian />
-      </Mathbox>
+      </ContainedMathbox>
     )
     expect(mbRef.current?.select("cartesian").length).toBe(1)
-    rerender(<Mathbox ref={mbRef} />)
+    rerender(<ContainedMathbox ref={mbRef} />)
     expect(mbRef.current?.select("cartesian").length).toBe(0)
   })
 
@@ -67,13 +84,13 @@ describe("Cartesian", () => {
   ])("passes appropriate props to its mathbox instance", ({ props }) => {
     const mbRef: MathboxRef<"root"> = { current: null }
     render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian {...props} />
-      </Mathbox>
+      </ContainedMathbox>
     )
     const cartesian = mbRef.current?.select<"cartesian">("cartesian")
 
-    assertNotUndefined(cartesian)
+    assertNotNil(cartesian)
 
     expect(cartesian.get("visible")).toBe(props.visible)
     // Mathbox converts scale to a ThreeJS Vec3
@@ -83,19 +100,105 @@ describe("Cartesian", () => {
   it("updates props on its mathbox instance when rerendered", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     const { rerender } = render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian />
-      </Mathbox>
+      </ContainedMathbox>
     )
     const cartesian = mbRef.current?.select<"cartesian">("cartesian")
-    assertNotUndefined(cartesian)
+    assertNotNil(cartesian)
 
     expect(cartesian.get("visible")).toBe(true)
     rerender(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian visible={false} />
-      </Mathbox>
+      </ContainedMathbox>
     )
     expect(cartesian.get("visible")).toBe(false)
   })
+
+  it("re-renders inside new instance when root changes", () => {
+    const mbRef: MathboxRef<"root"> = { current: null }
+    const cartesianRef: MathboxRef<"cartesian"> = { current: null }
+    const gridRef: MathboxRef<"grid"> = { current: null }
+    const options1 = {}
+    const { rerender } = render(
+      <ContainedMathbox ref={mbRef} options={options1}>
+        <Cartesian ref={cartesianRef}>
+          <Grid ref={gridRef} />
+        </Cartesian>
+      </ContainedMathbox>
+    )
+
+    const mb1 = mbRef.current
+    const cartesian1 = cartesianRef.current
+    const grid1 = gridRef.current
+    assertNotNil(mb1)
+    assertNotNil(cartesian1)
+    assertNotNil(grid1)
+
+    expect(cartesian1).toHaveLength(1)
+    assertSelectionsEqual(mb1.select("cartesian"), cartesian1)
+    expect(grid1).toHaveLength(1)
+    assertSelectionsEqual(mb1.select("grid"), grid1)
+
+    /**
+     * When re-rendered, this will create a new mathBox since the options
+     * object prop will have changed.
+     */
+    const options2 = {}
+    expect(options1).not.toBe(options2)
+
+    rerender(
+      <ContainedMathbox ref={mbRef} options={options2}>
+        <Cartesian ref={cartesianRef}>
+          <Grid ref={gridRef} />
+        </Cartesian>
+      </ContainedMathbox>
+    )
+
+    const mb2 = mbRef.current
+    const cartesian2 = cartesianRef.current
+    const grid2 = gridRef.current
+    assertNotNil(mb2)
+    assertNotNil(cartesian2)
+    assertNotNil(grid2)
+
+    // It creates a new instance b/c the options prop has changed by reference
+    expect(mb1).not.toBe(mb2)
+
+    expect(cartesian2).toHaveLength(1)
+    assertSelectionsEqual(mb2.select("cartesian"), cartesian2)
+    expect(grid2).toHaveLength(1)
+    assertSelectionsEqual(mb2.select("grid"), grid2)
+  })
+
+  it("Can render a new instance without error", async () => {
+    const mbRef: MathboxRef<"root"> = { current: null }
+    let containerDiv: HTMLDivElement | null = null
+    let setKey: (key: string) => void
+    const KeyedMathbox = () => {
+      const [container, setContainer] = useState<HTMLDivElement | null>(null)
+      const [key, setKeyState] = useState("key-0")
+      setKey = setKeyState
+      containerDiv = container
+      return (
+        <div ref={setContainer} key={key}>
+          {container && (
+            <Mathbox ref={mbRef} container={container}>
+              <Cartesian />
+            </Mathbox>
+          )}
+        </div>
+      )
+    }
+    render(<KeyedMathbox />)
+
+    assertNotNil(mbRef.current)
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    act(() => setKey!("key-2"))
+
+    assertNotNil(containerDiv)
+    expect(mbRef.current.three.element).toBe(containerDiv)
+    expect(mbRef.current.select("cartesian").length).toBe(1)
+  })
 })

package/src/components/ContainedMathbox.tsx

@@ -0,0 +1,38 @@
+import React, { useState, forwardRef } from "react"
+import { RootProps, MathBoxOptions, MathboxSelection } from "mathbox"
+import Mathbox from "./Mathbox"
+import { WithChildren } from "./types"
+
+type Props = WithChildren<
+  {
+    containerId?: string
+    containerClass?: string
+    containerStyle?: React.CSSProperties
+    options?: MathBoxOptions
+  } & RootProps
+>
+
+const ContainedMathbox = (
+  props: Props,
+  ref: React.Ref<MathboxSelection<"root">>
+) => {
+  const { children, containerId, containerClass, containerStyle, ...others } =
+    props
+  const [container, setContainer] = useState<HTMLDivElement | null>(null)
+  return (
+    <div
+      ref={setContainer}
+      id={containerId}
+      className={containerClass}
+      style={containerStyle}
+    >
+      {container && (
+        <Mathbox ref={ref} container={container} {...others}>
+          {children}
+        </Mathbox>
+      )}
+    </div>
+  )
+}
+
+export default forwardRef(ContainedMathbox)

package/src/components/Mathbox.tsx

@@ -6,24 +6,26 @@ import React, {
   useMemo,
 } from "react"
 import { Color } from "three"
-import { mathBox, MathboxSelection, MathBoxOptions } from "mathbox"
+import { mathBox, RootProps, MathboxSelection, MathBoxOptions } from "mathbox"
 import MathboxAPIContext from "./MathboxNodeContext"
+import { WithChildren } from "./types"
 
-type Props = {
-  options?: MathBoxOptions
-  initialCameraPosition?: number[]
-} & React.HTMLProps<HTMLDivElement>
+type Props = WithChildren<
+  {
+    container: HTMLElement
+    options?: MathBoxOptions
+  } & RootProps
+>
 
 const Mathbox = (
   props: Props,
   ref: React.Ref<MathboxSelection<"root"> | null>
 ) => {
-  const { children, initialCameraPosition, options, ...divProps } = props
+  const { container, children, options, ...rootProps } = props
   const mathboxOptions = useMemo(() => options ?? {}, [options])
   const [selection, setSelection] = useState<MathboxSelection<"root"> | null>(
     null
   )
-  const [container, setContainer] = useState<HTMLDivElement | null>(null)
   useEffect(() => {
     if (!container) return () => {}
 
@@ -37,21 +39,23 @@ const Mathbox = (
      * TODO: Should Mathbox component allow setting these more easily?
      */
     mathbox.three.renderer.setClearColor(new Color(0xffffff), 1.0)
-    if (initialCameraPosition) {
-      mathbox.three.camera.position.set(...initialCameraPosition)
-    }
     return () => {
       mathbox.select("*").remove()
       mathbox.three.destroy()
+      setSelection(null)
     }
-  }, [container, mathboxOptions, initialCameraPosition])
-  useImperativeHandle(ref, () => selection)
+  }, [container, mathboxOptions])
+
+  useEffect(() => {
+    if (!selection) return
+    selection.set(rootProps)
+  }, [selection, rootProps])
+
+  useImperativeHandle(ref, () => selection, [selection])
   return (
-    <div ref={setContainer} {...divProps}>
-      <MathboxAPIContext.Provider value={selection}>
-        {children}
-      </MathboxAPIContext.Provider>
-    </div>
+    <MathboxAPIContext.Provider value={selection}>
+      {children}
+    </MathboxAPIContext.Provider>
   )
 }
 

package/src/components/components.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from "react"
 import { Props, NodeType, MathboxSelection } from "mathbox"
 import MathboxAPIContext from "./MathboxNodeContext"
-import { useMathboxAPI } from "./hooks"
+import { useMathboxAPI, isSelectionParent } from "./hooks"
 import { WithChildren } from "./types"
 
 type MathboxComponent<T extends NodeType> = React.ForwardRefExoticComponent<
@@ -15,9 +15,12 @@ const mathboxComponentFactory = <T extends NodeType>(
     props: WithChildren<Props[T]>,
     ref: React.Ref<MathboxSelection<T> | null>
   ) => {
-    const nodeAPI = useMathboxAPI(type, props, ref)
+    const { selection, parent } = useMathboxAPI(type, props, ref)
+    if (!selection) return null
+    if (!parent) return null
+    if (!isSelectionParent(selection, parent)) return null
     return (
-      <MathboxAPIContext.Provider value={nodeAPI}>
+      <MathboxAPIContext.Provider value={selection}>
         {props.children}
       </MathboxAPIContext.Provider>
     )

package/src/components/hooks.ts

@@ -8,6 +8,32 @@ import type { MathboxSelection, NodeType, Props } from "mathbox"
 import MathboxAPIContext from "./MathboxNodeContext"
 import type { WithChildren } from "./types"
 
+type WithPrivateUp = MathboxSelection & { _up: WithPrivateUp | null }
+
+/**
+ * Check that parent is actually the selection's parent.
+ * The mathbox components occasionally render with a selection value whose
+ * parent does not match the parent specified in MathboxContext.
+ *
+ * I believe this fundamentally this is happening because
+ * - we store parent value in context...
+ * - we update the context parent value using useEffect hooks..
+ * - useEffect hooks are called children before parents.
+ *
+ * One wonders whether we really need to be using useEffect hooks for the
+ * mathbox components, or if we can just put all the node creation/removal stuff
+ * in a render function. Hooks seem nice for dependencies, but mathbox is pretty
+ * smart about diffing out the actual changes.
+ */
+export const isSelectionParent = (
+  selection: MathboxSelection,
+  parent: MathboxSelection
+) => {
+  // eslint-disable-next-line no-underscore-dangle
+  const selectionParentNode = (selection as WithPrivateUp)._up?.[0]
+  return selectionParentNode === parent[0]
+}
+
 export const useMathboxAPI = <T extends NodeType>(
   name: T,
   props: WithChildren<Props[T]>,
@@ -20,15 +46,16 @@ export const useMathboxAPI = <T extends NodeType>(
     () => () => {
       if (selection) {
         selection.remove()
+        setSelection(null)
       }
     },
-    [selection]
+    [selection, parent]
   )
 
   useEffect(() => {
     const { children, ...mbProps } = props
     if (!parent) return
-    if (!selection) {
+    if (!selection || !isSelectionParent(selection, parent)) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       const thisNode: MathboxSelection<T> = parent[name](mbProps)
@@ -45,7 +72,7 @@ export const useMathboxAPI = <T extends NodeType>(
     }
   }, [parent, selection, setSelection, props, name])
 
-  useImperativeHandle(ref, () => selection)
+  useImperativeHandle(ref, () => selection, [selection])
 
-  return selection
+  return { selection, parent }
 }

package/src/components/index.ts

@@ -1,2 +1,3 @@
 export * from "./components"
 export { default as Mathbox } from "./Mathbox"
+export { default as ContainedMathbox } from "./ContainedMathbox"

package/src/stories/Cartesian.stories.tsx

@@ -25,7 +25,7 @@ export default {
 } as Meta<typeof Cartesian>
 
 const Template: Story<React.ComponentProps<typeof Cartesian>> = (args) => (
-  <Mathbox style={{ height: 450 }}>
+  <Mathbox containerStyle={{ height: 450 }}>
     <Cartesian {...args}>
       <Grid />
     </Cartesian>

package/src/stories/Grid.stories.tsx

@@ -20,7 +20,7 @@ export default {
 } as Meta<typeof Grid>
 
 const Template: Story<React.ComponentProps<typeof Grid>> = (args) => (
-  <Mathbox style={{ height: 450 }}>
+  <Mathbox containerStyle={{ height: 450 }}>
     <Grid {...args} />
   </Mathbox>
 )

package/src/stories/Mathbox.stories.tsx

@@ -1,16 +1,16 @@
 import React from "react"
 import { Story, Meta } from "@storybook/react"
 
-import Mathbox from "../components/Mathbox"
+import { ContainedMathbox } from "../components"
 
 export default {
   title: "Mathbox",
-  component: Mathbox,
+  component: ContainedMathbox,
   argTypes: {},
-} as Meta<typeof Mathbox>
+} as Meta<typeof ContainedMathbox>
 
-const Template: Story<React.ComponentProps<typeof Mathbox>> = () => (
-  <Mathbox style={{ height: 450 }} />
+const Template: Story<React.ComponentProps<typeof ContainedMathbox>> = () => (
+  <ContainedMathbox />
 )
 
 export const HelloWorld = Template.bind({})

package/src/stories/Point.stories.tsx

@@ -31,7 +31,7 @@ const Template: Story<React.ComponentProps<typeof Point>> = (args) => {
   const { points, ...otherArgs } = args
   const [data, setData] = useState<MathboxSelection<"array">>()
   return (
-    <Mathbox style={{ height: 450 }}>
+    <Mathbox containerStyle={{ height: 450 }}>
       <Cartesian
         range={[
           [-5, 5],

package/src/stories/utils.tsx

@@ -1,9 +1,9 @@
-import React, { forwardRef, useMemo } from "react"
+import React, { useMemo, useCallback } from "react"
+import { MathboxSelection } from "mathbox"
 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"
-import { Mathbox } from "../components"
+import { ContainedMathbox } from "../components"
 
-type MathboxProps = React.ComponentProps<typeof Mathbox>
-type MathboxRef = React.ComponentRef<typeof Mathbox>
+type MathboxProps = React.ComponentProps<typeof ContainedMathbox>
 
 const storybookDefaultMathboxOptions = {
   plugins: ["core", "controls", "cursor"],
@@ -12,20 +12,22 @@ const storybookDefaultMathboxOptions = {
   },
 }
 
-const CustomMathboxF = (props: MathboxProps, ref: React.Ref<MathboxRef>) => {
-  const { options: overrides, ...divProps } = props
+export const CustomMathbox = (props: MathboxProps) => {
+  const { options: overrides, ...others } = props
   const options = useMemo(
     () => ({
       ...storybookDefaultMathboxOptions,
-      ...(props.options ?? {}),
+      ...(overrides ?? {}),
     }),
-    [props.options]
+    [overrides]
   )
+  const setup = useCallback((mathbox: MathboxSelection<"root"> | null) => {
+    if (mathbox === null) return
+    mathbox.three.camera.position.set(1, 1, 2)
+  }, [])
   return (
-    <Mathbox options={options} {...divProps} ref={ref}>
+    <ContainedMathbox ref={setup} options={options} {...others}>
       {props.children}
-    </Mathbox>
+    </ContainedMathbox>
   )
 }
-
-export const CustomMathbox = forwardRef(CustomMathboxF)