mathbox-react 0.2.2 → 0.2.3-rc1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/build/cjs/components/ContainedMathbox.js +3 -3
  2. package/build/cjs/components/ContainedMathbox.js.map +1 -1
  3. package/build/cjs/components/Mathbox.js +4 -4
  4. package/build/cjs/components/Mathbox.js.map +1 -1
  5. package/build/cjs/components/MathboxAPIContext.js +2 -2
  6. package/build/cjs/components/MathboxAPIContext.js.map +1 -1
  7. package/build/cjs/components/components.js +3 -3
  8. package/build/cjs/components/components.js.map +1 -1
  9. package/build/cjs/components/components.spec.js +50 -50
  10. package/build/cjs/components/components.spec.js.map +1 -1
  11. package/build/cjs/components/index.js +7 -4
  12. package/build/cjs/components/index.js.map +1 -1
  13. package/build/cjs/components/types.js +1 -1
  14. package/build/cjs/components/util.js +2 -2
  15. package/build/cjs/components/util.js.map +1 -1
  16. package/build/cjs/index.js +1 -1
  17. package/build/cjs/testSetup.js +1 -1
  18. package/build/cjs/testUtils.js +3 -3
  19. package/build/cjs/threestrap/Controls.d.ts +2 -0
  20. package/build/cjs/threestrap/Controls.js +13 -3
  21. package/build/cjs/threestrap/Controls.js.map +1 -1
  22. package/build/cjs/threestrap/Renderer.js +2 -2
  23. package/build/cjs/threestrap/Renderer.js.map +1 -1
  24. package/build/cjs/threestrap/ThreestrapContext.js +2 -2
  25. package/build/cjs/threestrap/ThreestrapContext.js.map +1 -1
  26. package/build/cjs/threestrap/index.js +7 -15
  27. package/build/cjs/threestrap/index.js.map +1 -1
  28. package/build/cjs/threestrap/threestrap.js +1 -1
  29. package/build/esm/components/components.spec.js +1 -1
  30. package/build/esm/testUtils.js +2 -2
  31. package/build/esm/threestrap/Controls.d.ts +2 -0
  32. package/build/esm/threestrap/Controls.js +11 -1
  33. package/build/esm/threestrap/Controls.js.map +1 -1
  34. package/package.json +16 -16
  35. package/build/cjs/stories/Area.stories.d.ts +0 -69
  36. package/build/cjs/stories/Area.stories.js +0 -53
  37. package/build/cjs/stories/Area.stories.js.map +0 -1
  38. package/build/cjs/stories/Cartesian.stories.d.ts +0 -35
  39. package/build/cjs/stories/Cartesian.stories.js +0 -47
  40. package/build/cjs/stories/Cartesian.stories.js.map +0 -1
  41. package/build/cjs/stories/Grid.stories.d.ts +0 -263
  42. package/build/cjs/stories/Grid.stories.js +0 -45
  43. package/build/cjs/stories/Grid.stories.js.map +0 -1
  44. package/build/cjs/stories/Mathbox.stories.d.ts +0 -19
  45. package/build/cjs/stories/Mathbox.stories.js +0 -16
  46. package/build/cjs/stories/Mathbox.stories.js.map +0 -1
  47. package/build/cjs/stories/Play.stories.d.ts +0 -37
  48. package/build/cjs/stories/Play.stories.js +0 -35
  49. package/build/cjs/stories/Play.stories.js.map +0 -1
  50. package/build/cjs/stories/Point.stories.d.ts +0 -102
  51. package/build/cjs/stories/Point.stories.js +0 -103
  52. package/build/cjs/stories/Point.stories.js.map +0 -1
  53. package/build/cjs/stories/Surface.stories.d.ts +0 -69
  54. package/build/cjs/stories/Surface.stories.js +0 -49
  55. package/build/cjs/stories/Surface.stories.js.map +0 -1
  56. package/build/cjs/stories/utils.d.ts +0 -5
  57. package/build/cjs/stories/utils.js +0 -69
  58. package/build/cjs/stories/utils.js.map +0 -1
  59. package/build/esm/stories/Area.stories.d.ts +0 -69
  60. package/build/esm/stories/Area.stories.js +0 -47
  61. package/build/esm/stories/Area.stories.js.map +0 -1
  62. package/build/esm/stories/Cartesian.stories.d.ts +0 -35
  63. package/build/esm/stories/Cartesian.stories.js +0 -41
  64. package/build/esm/stories/Cartesian.stories.js.map +0 -1
  65. package/build/esm/stories/Grid.stories.d.ts +0 -263
  66. package/build/esm/stories/Grid.stories.js +0 -39
  67. package/build/esm/stories/Grid.stories.js.map +0 -1
  68. package/build/esm/stories/Mathbox.stories.d.ts +0 -19
  69. package/build/esm/stories/Mathbox.stories.js +0 -10
  70. package/build/esm/stories/Mathbox.stories.js.map +0 -1
  71. package/build/esm/stories/Play.stories.d.ts +0 -37
  72. package/build/esm/stories/Play.stories.js +0 -29
  73. package/build/esm/stories/Play.stories.js.map +0 -1
  74. package/build/esm/stories/Point.stories.d.ts +0 -102
  75. package/build/esm/stories/Point.stories.js +0 -77
  76. package/build/esm/stories/Point.stories.js.map +0 -1
  77. package/build/esm/stories/Surface.stories.d.ts +0 -69
  78. package/build/esm/stories/Surface.stories.js +0 -43
  79. package/build/esm/stories/Surface.stories.js.map +0 -1
  80. package/build/esm/stories/utils.d.ts +0 -5
  81. package/build/esm/stories/utils.js +0 -42
  82. package/build/esm/stories/utils.js.map +0 -1
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
- exports.__esModule = true;
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useThreestrap = void 0;
4
4
  var react_1 = require("react");
5
5
  var ThreestrapContext = (0, react_1.createContext)(null);
6
- exports["default"] = ThreestrapContext;
6
+ exports.default = ThreestrapContext;
7
7
  var useThreestrap = function () {
8
8
  var threestrap = (0, react_1.useContext)(ThreestrapContext);
9
9
  if (!threestrap) {
@@ -1 +1 @@
1
- {"version":3,"file":"ThreestrapContext.js","sourceRoot":"","sources":["../../../src/threestrap/ThreestrapContext.ts"],"names":[],"mappings":";;;AAAA,+BAAiD;AAGjD,IAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAoB,IAAI,CAAC,CAAA;AAEhE,qBAAe,iBAAiB,CAAA;AAEhC,IAAM,aAAa,GAAG;IACpB,IAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAA;IAChD,IAAI,CAAC,UAAU,EAAE;QACf,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;KACvD;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAEQ,sCAAa"}
1
+ {"version":3,"file":"ThreestrapContext.js","sourceRoot":"","sources":["../../../src/threestrap/ThreestrapContext.ts"],"names":[],"mappings":";;;AAAA,+BAAiD;AAGjD,IAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAoB,IAAI,CAAC,CAAA;AAEhE,kBAAe,iBAAiB,CAAA;AAEhC,IAAM,aAAa,GAAG;IACpB,IAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAA;IAChD,IAAI,CAAC,UAAU,EAAE;QACf,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;KACvD;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAEQ,sCAAa"}
@@ -1,21 +1,13 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- exports.__esModule = true;
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
14
6
  exports.useThreestrap = exports.Controls = exports.Renderer = void 0;
15
7
  var Renderer_1 = require("./Renderer");
16
- __createBinding(exports, Renderer_1, "default", "Renderer");
8
+ Object.defineProperty(exports, "Renderer", { enumerable: true, get: function () { return __importDefault(Renderer_1).default; } });
17
9
  var Controls_1 = require("./Controls");
18
- __createBinding(exports, Controls_1, "default", "Controls");
10
+ Object.defineProperty(exports, "Controls", { enumerable: true, get: function () { return __importDefault(Controls_1).default; } });
19
11
  var ThreestrapContext_1 = require("./ThreestrapContext");
20
- __createBinding(exports, ThreestrapContext_1, "useThreestrap");
12
+ Object.defineProperty(exports, "useThreestrap", { enumerable: true, get: function () { return ThreestrapContext_1.useThreestrap; } });
21
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,uCAAgD;AAAvC,4DAAmB;AAC5B,uCAAgD;AAAvC,4DAAmB;AAC5B,yDAAmD;AAA1C,+DAAa"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAgD;AAAvC,qHAAA,OAAO,OAAY;AAC5B,uCAAgD;AAAvC,qHAAA,OAAO,OAAY;AAC5B,yDAAmD;AAA1C,kHAAA,aAAa,OAAA"}
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
- exports.__esModule = true;
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  //# sourceMappingURL=threestrap.js.map
@@ -159,7 +159,7 @@ describe("Cartesian", function () {
159
159
  rerender = render(React.createElement(ContainedMathbox, { ref: mbRef },
160
160
  React.createElement(Cartesian, null,
161
161
  React.createElement(Grid, { liveProps: {
162
- width: function (t) { return 1 + t; }
162
+ width: function (t) { return 1 + t; },
163
163
  } })))).rerender;
164
164
  grid = (_a = mbRef.current) === null || _a === void 0 ? void 0 : _a.select("grid");
165
165
  assertNotNil(grid);
@@ -25,7 +25,7 @@ var getAutomock = function (specifics) {
25
25
  },
26
26
  apply: function () {
27
27
  return getAutomock();
28
- }
28
+ },
29
29
  };
30
30
  return new Proxy(autmockSeed, handler);
31
31
  };
@@ -35,7 +35,7 @@ export var getMockContext = function () {
35
35
  if (name === mockContext.VERSION)
36
36
  return "Fake version!";
37
37
  return getAutomock();
38
- })
38
+ }),
39
39
  });
40
40
  return mockContext;
41
41
  };
@@ -1,10 +1,12 @@
1
1
  import React from "react";
2
2
  import type { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
3
+ import type { Vector3 } from "three";
3
4
  type OrbitControlsProps = {
4
5
  type: "orbit";
5
6
  enablePan?: boolean;
6
7
  enableRotate?: boolean;
7
8
  enableZoom?: boolean;
9
+ target?: Vector3;
8
10
  onStart?: (event: {
9
11
  type: "end";
10
12
  target: OrbitControls;
@@ -3,7 +3,7 @@ import { useEffect } from "react";
3
3
  import { useThreestrap } from "./ThreestrapContext";
4
4
  var ALLOWED_CONTROLS = ["orbit"];
5
5
  var useOrbitControls = function (threestrap, _a) {
6
- var type = _a.type, enablePan = _a.enablePan, enableRotate = _a.enableRotate, enableZoom = _a.enableZoom, onStart = _a.onStart, onEnd = _a.onEnd;
6
+ var type = _a.type, enablePan = _a.enablePan, enableRotate = _a.enableRotate, enableZoom = _a.enableZoom, target = _a.target, onStart = _a.onStart, onEnd = _a.onEnd;
7
7
  useEffect(function () {
8
8
  if (type !== "orbit")
9
9
  return;
@@ -20,6 +20,16 @@ var useOrbitControls = function (threestrap, _a) {
20
20
  controls.enableRotate = enableRotate;
21
21
  }
22
22
  }, [type, enablePan, enableRotate, enableZoom, threestrap.controls]);
23
+ useEffect(function () {
24
+ if (type !== "orbit")
25
+ return;
26
+ if (!threestrap.controls)
27
+ return;
28
+ var controls = threestrap.controls;
29
+ if (target) {
30
+ controls.target = target;
31
+ }
32
+ }, [type, target, threestrap.controls]);
23
33
  useEffect(function () {
24
34
  if (type !== "orbit")
25
35
  return function () { };
@@ -1 +1 @@
1
- {"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/threestrap/Controls.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAanD,IAAM,gBAAgB,GAAG,CAAC,OAAO,CAAC,CAAA;AAElC,IAAM,gBAAgB,GAAG,UACvB,UAAsB,EACtB,EAA4E;QAA1E,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAE3D,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,OAAO;YAAE,OAAM;QAC5B,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAM;QAChC,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,SAAS,KAAK,SAAS,EAAE;YAC3B,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAA;SAC/B;QACD,IAAI,UAAU,KAAK,SAAS,EAAE;YAC5B,QAAQ,CAAC,UAAU,GAAG,UAAU,CAAA;SACjC;QACD,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAA;SACrC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEpE,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,cAAO,CAAC,CAAA;QACrC,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAO,cAAO,CAAC,CAAA;QACzC,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;SAC5C;QACD,OAAO;YACL,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;aAC/C;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;IAExC,SAAS,CAAC;QACR,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,cAAO,CAAC,CAAA;QACrC,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAO,cAAO,CAAC,CAAA;QACzC,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,KAAK,EAAE;YACT,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;SACxC;QACD,OAAO;YACL,IAAI,KAAK,EAAE;gBACT,QAAQ,CAAC,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;aAC3C;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;AACxC,CAAC,CAAA;AAED,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC9C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAC1C,MAAM,IAAI,KAAK,CAAC,+BAAwB,KAAK,CAAC,IAAI,CAAE,CAAC,CAAA;KACtD;IACD,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACnC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/threestrap/Controls.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mathbox-react",
3
- "version": "0.2.2",
3
+ "version": "0.2.3-rc1",
4
4
  "description": "React wrapper for Mathbox",
5
5
  "license": "ISC",
6
6
  "repository": {
@@ -34,23 +34,23 @@
34
34
  "test": "jest"
35
35
  },
36
36
  "devDependencies": {
37
- "@babel/core": "7.20.12",
38
- "@babel/preset-env": "7.20.2",
37
+ "@babel/core": "7.22.5",
38
+ "@babel/preset-env": "7.22.5",
39
39
  "@mathbox-react/eslint-config": "workspace:*",
40
40
  "@mathbox-react/tsconfig": "workspace:*",
41
- "@storybook/addon-actions": "6.5.16",
42
- "@storybook/addon-essentials": "6.5.16",
43
- "@storybook/addon-interactions": "6.5.16",
44
- "@storybook/addon-links": "6.5.16",
45
- "@storybook/builder-webpack5": "^6.5.15",
41
+ "@storybook/addon-actions": "7.0.18",
42
+ "@storybook/addon-essentials": "7.0.18",
43
+ "@storybook/addon-interactions": "7.0.18",
44
+ "@storybook/addon-links": "7.0.18",
45
+ "@storybook/builder-webpack5": "^7.0.0",
46
46
  "@storybook/manager-webpack5": "^6.5.15",
47
- "@storybook/react": "6.5.16",
48
- "@storybook/testing-library": "0.0.13",
49
- "@testing-library/react": "13.4.0",
47
+ "@storybook/react": "7.0.18",
48
+ "@storybook/testing-library": "0.1.0",
49
+ "@testing-library/react": "14.0.0",
50
50
  "@types/jest": "27.5.2",
51
- "@types/lodash": "4.14.191",
52
- "@types/react": "18.0.27",
53
- "@types/three": "0.148.1",
51
+ "@types/lodash": "4.14.195",
52
+ "@types/react": "18.2.11",
53
+ "@types/three": "0.148.0",
54
54
  "babel-jest": "27.5.1",
55
55
  "babel-loader": "9.1.2",
56
56
  "eslint": "^8.32.0",
@@ -58,9 +58,9 @@
58
58
  "mathbox": "2.3.1",
59
59
  "react": "18.2.0",
60
60
  "react-dom": "18.2.0",
61
- "three": "0.149.0",
61
+ "three": "0.152.2",
62
62
  "ts-jest": "27.1.5",
63
- "typescript": "^4.9.4"
63
+ "typescript": "^5.0.0"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "mathbox": "^2.3.1",
@@ -1,69 +0,0 @@
1
- import React from "react";
2
- import { Story, Meta } from "@storybook/react";
3
- declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").AreaProps & React.RefAttributes<import("mathbox").MathboxSelection<"area">> & {
4
- liveProps?: {
5
- expr?: ((t: number, dt: number) => import("mathbox").AreaEmitter | undefined) | undefined;
6
- id?: ((t: number, dt: number) => import("mathbox").Optional<string>) | undefined;
7
- classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
8
- channels?: ((t: number, dt: number) => import("mathbox").Optional<1 | 3 | 2 | 4>) | undefined;
9
- items?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
10
- fps?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
11
- hurry?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
12
- limit?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
13
- realtime?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
14
- observe?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
15
- aligned?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
16
- data?: ((t: number, dt: number) => unknown) | undefined;
17
- bind?: ((t: number, dt: number) => unknown) | undefined;
18
- live?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
19
- width?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
20
- height?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
21
- history?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
22
- bufferWidth?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
23
- bufferHeight?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
24
- minFilter?: ((t: number, dt: number) => unknown) | undefined;
25
- magFilter?: ((t: number, dt: number) => unknown) | undefined;
26
- type?: ((t: number, dt: number) => unknown) | undefined;
27
- axes?: ((t: number, dt: number) => import("mathbox").Optional<string | import("mathbox").Axes[]>) | undefined;
28
- rangeX?: ((t: number, dt: number) => number | number[] | import("three").Vector2 | null | undefined) | undefined;
29
- rangeY?: ((t: number, dt: number) => number | number[] | import("three").Vector2 | null | undefined) | undefined;
30
- centeredX?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
31
- paddingX?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
32
- centeredY?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
33
- paddingY?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
34
- } | undefined;
35
- }>>;
36
- export default _default;
37
- export declare const DefaultCartesian: Story<import("mathbox").AreaProps & React.RefAttributes<import("mathbox").MathboxSelection<"area">> & {
38
- liveProps?: {
39
- expr?: ((t: number, dt: number) => import("mathbox").AreaEmitter | undefined) | undefined;
40
- id?: ((t: number, dt: number) => import("mathbox").Optional<string>) | undefined;
41
- classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
42
- channels?: ((t: number, dt: number) => import("mathbox").Optional<1 | 3 | 2 | 4>) | undefined;
43
- items?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
44
- fps?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
45
- hurry?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
46
- limit?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
47
- realtime?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
48
- observe?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
49
- aligned?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
50
- data?: ((t: number, dt: number) => unknown) | undefined;
51
- bind?: ((t: number, dt: number) => unknown) | undefined;
52
- live?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
53
- width?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
54
- height?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
55
- history?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
56
- bufferWidth?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
57
- bufferHeight?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
58
- minFilter?: ((t: number, dt: number) => unknown) | undefined;
59
- magFilter?: ((t: number, dt: number) => unknown) | undefined;
60
- type?: ((t: number, dt: number) => unknown) | undefined;
61
- axes?: ((t: number, dt: number) => import("mathbox").Optional<string | import("mathbox").Axes[]>) | undefined;
62
- rangeX?: ((t: number, dt: number) => number | number[] | import("three").Vector2 | null | undefined) | undefined;
63
- rangeY?: ((t: number, dt: number) => number | number[] | import("three").Vector2 | null | undefined) | undefined;
64
- centeredX?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
65
- paddingX?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
66
- centeredY?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
67
- paddingY?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
68
- } | undefined;
69
- }>;
@@ -1,53 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- exports.__esModule = true;
17
- exports.DefaultCartesian = void 0;
18
- var react_1 = __importDefault(require("react"));
19
- var utils_1 = require("./utils");
20
- var components_1 = require("../components/components");
21
- exports["default"] = {
22
- title: "Area",
23
- component: components_1.Area,
24
- argTypes: {
25
- width: {
26
- type: "number",
27
- defaultValue: 18
28
- },
29
- height: {
30
- type: "number",
31
- defaultValue: 18
32
- },
33
- live: {
34
- type: "boolean",
35
- defaultValue: true
36
- }
37
- }
38
- };
39
- var Template = function (args) { return (react_1["default"].createElement(utils_1.CustomMathbox, { containerStyle: { height: 450 } },
40
- react_1["default"].createElement(components_1.Cartesian, { range: [
41
- [-5, 5],
42
- [-2, 2],
43
- [-5, 5],
44
- ] },
45
- react_1["default"].createElement(components_1.Grid, { axes: "xz" }),
46
- react_1["default"].createElement(components_1.Area, __assign({ axes: ["x", "z"], expr: function (emit, x, z, i, j, t) {
47
- var y = Math.sin(x - t) * Math.cos(z - t);
48
- emit(x, y, z);
49
- } }, args)),
50
- react_1["default"].createElement(components_1.Surface, { color: 0x3090ff, shaded: true })))); };
51
- exports.DefaultCartesian = Template.bind({});
52
- exports.DefaultCartesian.args = {};
53
- //# sourceMappingURL=Area.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Area.stories.js","sourceRoot":"","sources":["../../../src/stories/Area.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAGzB,iCAAkD;AAClD,uDAAyE;AAEzE,qBAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,iBAAI;IACf,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,EAAE;SACjB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,IAAI;SACnB;KACF;CACmB,CAAA;AAEtB,IAAM,QAAQ,GAA6C,UAAC,IAAI,IAAK,OAAA,CACnE,iCAAC,qBAAO,IAAC,cAAc,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IACtC,iCAAC,sBAAS,IACR,KAAK,EAAE;YACL,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACP,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACP,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACR;QAED,iCAAC,iBAAI,IAAC,IAAI,EAAC,IAAI,GAAG;QAClB,iCAAC,iBAAI,aACH,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAChB,IAAI,EAAE,UAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACxB,IAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;gBAC3C,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;YACf,CAAC,IACG,IAAI,EACR;QACF,iCAAC,oBAAO,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAG,CACzB,CACJ,CACX,EArBoE,CAqBpE,CAAA;AAEY,QAAA,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,wBAAgB,CAAC,IAAI,GAAG,EAAE,CAAA"}
@@ -1,35 +0,0 @@
1
- import React from "react";
2
- import { Story, Meta } from "@storybook/react";
3
- declare const _default: Meta<React.ForwardRefExoticComponent<{
4
- children?: React.ReactNode | React.ReactNode[];
5
- } & import("mathbox").CartesianProps & React.RefAttributes<import("mathbox").MathboxSelection<"cartesian">> & {
6
- liveProps?: {
7
- id?: ((t: number, dt: number) => import("mathbox").Optional<string>) | undefined;
8
- classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
9
- visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
10
- range?: ((t: number, dt: number) => (number | number[] | import("three").Vector2)[] | undefined) | undefined;
11
- position?: ((t: number, dt: number) => number | import("three").Vector3 | number[] | undefined) | undefined;
12
- quaternion?: ((t: number, dt: number) => number | number[] | import("three").Vector4 | import("three").Quaternion | undefined) | undefined;
13
- rotation?: ((t: number, dt: number) => number | import("three").Vector3 | number[] | undefined) | undefined;
14
- scale?: ((t: number, dt: number) => number | import("three").Vector3 | number[] | undefined) | undefined;
15
- eulerOrder?: ((t: number, dt: number) => import("mathbox").Optional<string | import("mathbox").Axes[]>) | undefined;
16
- pass?: ((t: number, dt: number) => unknown) | undefined;
17
- } | undefined;
18
- }>>;
19
- export default _default;
20
- export declare const DefaultCartesian: Story<{
21
- children?: React.ReactNode | React.ReactNode[];
22
- } & import("mathbox").CartesianProps & React.RefAttributes<import("mathbox").MathboxSelection<"cartesian">> & {
23
- liveProps?: {
24
- id?: ((t: number, dt: number) => import("mathbox").Optional<string>) | undefined;
25
- classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
26
- visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
27
- range?: ((t: number, dt: number) => (number | number[] | import("three").Vector2)[] | undefined) | undefined;
28
- position?: ((t: number, dt: number) => number | import("three").Vector3 | number[] | undefined) | undefined;
29
- quaternion?: ((t: number, dt: number) => number | number[] | import("three").Vector4 | import("three").Quaternion | undefined) | undefined;
30
- rotation?: ((t: number, dt: number) => number | import("three").Vector3 | number[] | undefined) | undefined;
31
- scale?: ((t: number, dt: number) => number | import("three").Vector3 | number[] | undefined) | undefined;
32
- eulerOrder?: ((t: number, dt: number) => import("mathbox").Optional<string | import("mathbox").Axes[]>) | undefined;
33
- pass?: ((t: number, dt: number) => unknown) | undefined;
34
- } | undefined;
35
- }>;
@@ -1,47 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- exports.__esModule = true;
17
- exports.DefaultCartesian = void 0;
18
- var react_1 = __importDefault(require("react"));
19
- var utils_1 = require("./utils");
20
- var components_1 = require("../components/components");
21
- exports["default"] = {
22
- title: "Cartesian",
23
- component: components_1.Cartesian,
24
- argTypes: {
25
- range: {
26
- type: "array",
27
- defaultValue: [
28
- [-1, 1],
29
- [-1, 1],
30
- [-1, 1],
31
- ]
32
- },
33
- scale: {
34
- type: "array",
35
- defaultValue: [1, 1, 1]
36
- }
37
- }
38
- };
39
- var Template = function (args) { return (react_1["default"].createElement(utils_1.CustomMathbox, { containerStyle: { height: 450 } },
40
- react_1["default"].createElement(components_1.Cartesian, __assign({}, args),
41
- react_1["default"].createElement(components_1.Grid, { axes: "xz" }),
42
- react_1["default"].createElement(components_1.Axis, { width: 4, axis: "x", color: "red" }),
43
- react_1["default"].createElement(components_1.Axis, { width: 4, axis: "y", color: "green" }),
44
- react_1["default"].createElement(components_1.Axis, { width: 4, axis: "z", color: "blue" })))); };
45
- exports.DefaultCartesian = Template.bind({});
46
- exports.DefaultCartesian.args = {};
47
- //# sourceMappingURL=Cartesian.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Cartesian.stories.js","sourceRoot":"","sources":["../../../src/stories/Cartesian.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAGzB,iCAAkD;AAClD,uDAAgE;AAEhE,qBAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,sBAAS;IACpB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,YAAY,EAAE;gBACZ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;aACR;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SACxB;KACF;CACwB,CAAA;AAE3B,IAAM,QAAQ,GAAkD,UAAC,IAAI,IAAK,OAAA,CACxE,iCAAC,qBAAO,IAAC,cAAc,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IACtC,iCAAC,sBAAS,eAAK,IAAI;QACjB,iCAAC,iBAAI,IAAC,IAAI,EAAC,IAAI,GAAG;QAClB,iCAAC,iBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,GAAG;QACvC,iCAAC,iBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,OAAO,GAAG;QACzC,iCAAC,iBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,GAAG,CAC9B,CACJ,CACX,EATyE,CASzE,CAAA;AAEY,QAAA,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,wBAAgB,CAAC,IAAI,GAAG,EAAE,CAAA"}