@dxos/react-ui-canvas 0.8.3 → 0.8.4-main.84f28bd
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.
- package/dist/lib/browser/index.mjs +11 -11
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +11 -11
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/Canvas/Canvas.stories.d.ts +1 -1
- package/dist/types/src/components/Canvas/Canvas.stories.d.ts.map +1 -1
- package/dist/types/src/components/Grid/Grid.stories.d.ts +1 -1
- package/dist/types/src/components/Grid/Grid.stories.d.ts.map +1 -1
- package/dist/types/src/util/svg.stories.d.ts +1 -1
- package/dist/types/src/util/svg.stories.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +12 -12
- package/src/components/Canvas/Canvas.stories.tsx +1 -1
- package/src/components/Grid/Grid.stories.tsx +1 -1
- package/src/util/svg.stories.tsx +1 -1
- package/dist/lib/node/index.cjs +0 -691
- package/dist/lib/node/index.cjs.map +0 -7
- package/dist/lib/node/meta.json +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
//
|
|
1
|
+
// src/components/Canvas/Canvas.tsx
|
|
2
2
|
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
3
3
|
import React2, { forwardRef, useEffect as useEffect2, useImperativeHandle, useMemo, useState } from "react";
|
|
4
4
|
import { useResizeDetector } from "react-resize-detector";
|
|
5
5
|
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
6
6
|
|
|
7
|
-
//
|
|
7
|
+
// src/hooks/projection.tsx
|
|
8
8
|
import { interpolate, interpolateObject, transition, easeSinOut } from "d3";
|
|
9
9
|
import { applyToPoints, compose, identity, inverse, scale as scaleMatrix, translate as translateMatrix } from "transformation-matrix";
|
|
10
10
|
var defaultOrigin = {
|
|
@@ -96,7 +96,7 @@ var zoomTo = (setTransform, current, next, delay = 200, cb = noop) => {
|
|
|
96
96
|
}).on("end", cb);
|
|
97
97
|
};
|
|
98
98
|
|
|
99
|
-
//
|
|
99
|
+
// src/hooks/useCanvasContext.tsx
|
|
100
100
|
import { createContext, useContext } from "react";
|
|
101
101
|
import { raise } from "@dxos/debug";
|
|
102
102
|
var CanvasContext = /* @__PURE__ */ createContext(null);
|
|
@@ -104,11 +104,11 @@ var useCanvasContext = () => {
|
|
|
104
104
|
return useContext(CanvasContext) ?? raise(new Error("Missing CanvasContext"));
|
|
105
105
|
};
|
|
106
106
|
|
|
107
|
-
//
|
|
107
|
+
// src/hooks/useWheel.tsx
|
|
108
108
|
import { bindAll } from "bind-event-listener";
|
|
109
109
|
import { useEffect } from "react";
|
|
110
110
|
|
|
111
|
-
//
|
|
111
|
+
// src/util/svg.tsx
|
|
112
112
|
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
113
113
|
import React from "react";
|
|
114
114
|
import { mx } from "@dxos/react-ui-theme";
|
|
@@ -259,7 +259,7 @@ var GridPattern = ({ classNames, id, size, offset }) => {
|
|
|
259
259
|
}
|
|
260
260
|
};
|
|
261
261
|
|
|
262
|
-
//
|
|
262
|
+
// src/util/util.ts
|
|
263
263
|
var logged = false;
|
|
264
264
|
var getRelativePoint = (el, ev) => {
|
|
265
265
|
const rect = el.getBoundingClientRect();
|
|
@@ -294,7 +294,7 @@ var inspectElement = (el) => {
|
|
|
294
294
|
};
|
|
295
295
|
var DATA_TEST_ID = "data-test-id";
|
|
296
296
|
|
|
297
|
-
//
|
|
297
|
+
// src/hooks/useWheel.tsx
|
|
298
298
|
var defaultOptions = {
|
|
299
299
|
zoom: true
|
|
300
300
|
};
|
|
@@ -378,7 +378,7 @@ var hasFocus = (element) => {
|
|
|
378
378
|
return false;
|
|
379
379
|
};
|
|
380
380
|
|
|
381
|
-
//
|
|
381
|
+
// src/components/Canvas/Canvas.tsx
|
|
382
382
|
var Canvas = /* @__PURE__ */ forwardRef(({ children, classNames, scale: _scale = 1, offset: _offset = defaultOrigin, ...props }, forwardedRef) => {
|
|
383
383
|
var _effect = _useSignals2();
|
|
384
384
|
try {
|
|
@@ -462,7 +462,7 @@ var Canvas = /* @__PURE__ */ forwardRef(({ children, classNames, scale: _scale =
|
|
|
462
462
|
}
|
|
463
463
|
});
|
|
464
464
|
|
|
465
|
-
//
|
|
465
|
+
// src/components/FPS.tsx
|
|
466
466
|
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
467
467
|
import React3, { useEffect as useEffect3, useReducer, useRef } from "react";
|
|
468
468
|
import { mx as mx3 } from "@dxos/react-ui-theme";
|
|
@@ -539,7 +539,7 @@ var FPS = ({ classNames, width = 60, height = 30, bar = "bg-cyan-500" }) => {
|
|
|
539
539
|
}
|
|
540
540
|
};
|
|
541
541
|
|
|
542
|
-
//
|
|
542
|
+
// src/components/Grid/Grid.tsx
|
|
543
543
|
import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
|
|
544
544
|
import React4, { forwardRef as forwardRef2, useMemo as useMemo2, useId } from "react";
|
|
545
545
|
import { useForwardedRef } from "@dxos/react-ui";
|
|
@@ -615,7 +615,7 @@ var Grid = (props) => {
|
|
|
615
615
|
}
|
|
616
616
|
};
|
|
617
617
|
|
|
618
|
-
//
|
|
618
|
+
// src/types.ts
|
|
619
619
|
import { Schema } from "effect";
|
|
620
620
|
var Point = Schema.Struct({
|
|
621
621
|
x: Schema.Number,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"
|
|
1
|
+
{"inputs":{"src/hooks/projection.tsx":{"bytes":11707,"imports":[{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useCanvasContext.tsx":{"bytes":2093,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"src/util/svg.tsx":{"bytes":13293,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/util/util.ts":{"bytes":4725,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":526,"imports":[{"path":"src/util/svg.tsx","kind":"import-statement","original":"./svg"},{"path":"src/util/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/hooks/useWheel.tsx":{"bytes":10129,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"},{"path":"src/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"src/hooks/index.ts":{"bytes":662,"imports":[{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"},{"path":"src/hooks/useWheel.tsx","kind":"import-statement","original":"./useWheel"}],"format":"esm"},"src/components/Canvas/Canvas.tsx":{"bytes":9629,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"src/components/Canvas/index.ts":{"bytes":470,"imports":[{"path":"src/components/Canvas/Canvas.tsx","kind":"import-statement","original":"./Canvas"}],"format":"esm"},"src/components/FPS.tsx":{"bytes":9343,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Grid/Grid.tsx":{"bytes":9761,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/components/Grid/index.ts":{"bytes":462,"imports":[{"path":"src/components/Grid/Grid.tsx","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/components/index.ts":{"bytes":618,"imports":[{"path":"src/components/Canvas/index.ts","kind":"import-statement","original":"./Canvas"},{"path":"src/components/FPS.tsx","kind":"import-statement","original":"./FPS"},{"path":"src/components/Grid/index.ts","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/types.ts":{"bytes":1681,"imports":[{"path":"effect","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":702,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":35710},"dist/lib/browser/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true}],"exports":["Arrow","Canvas","CanvasContext","DATA_TEST_ID","Dimension","FPS","Grid","GridComponent","GridPattern","Marker","Markers","Point","ProjectionMapper","Rect","createPath","defaultOrigin","getRelativePoint","getZoomTransform","inspectElement","testId","useCanvasContext","useWheel","zoomInPlace","zoomTo"],"entryPoint":"src/index.ts","inputs":{"src/components/Canvas/Canvas.tsx":{"bytesInOutput":2301},"src/hooks/projection.tsx":{"bytesInOutput":2244},"src/hooks/index.ts":{"bytesInOutput":0},"src/hooks/useCanvasContext.tsx":{"bytesInOutput":260},"src/hooks/useWheel.tsx":{"bytesInOutput":2116},"src/util/svg.tsx":{"bytesInOutput":3523},"src/util/index.ts":{"bytesInOutput":0},"src/util/util.ts":{"bytesInOutput":800},"src/components/Canvas/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/FPS.tsx":{"bytesInOutput":2356},"src/components/Grid/Grid.tsx":{"bytesInOutput":2507},"src/components/Grid/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/types.ts":{"bytesInOutput":232}},"bytes":17021}}}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
|
|
3
|
-
//
|
|
3
|
+
// src/components/Canvas/Canvas.tsx
|
|
4
4
|
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
5
5
|
import React2, { forwardRef, useEffect as useEffect2, useImperativeHandle, useMemo, useState } from "react";
|
|
6
6
|
import { useResizeDetector } from "react-resize-detector";
|
|
7
7
|
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
8
8
|
|
|
9
|
-
//
|
|
9
|
+
// src/hooks/projection.tsx
|
|
10
10
|
import { interpolate, interpolateObject, transition, easeSinOut } from "d3";
|
|
11
11
|
import { applyToPoints, compose, identity, inverse, scale as scaleMatrix, translate as translateMatrix } from "transformation-matrix";
|
|
12
12
|
var defaultOrigin = {
|
|
@@ -98,7 +98,7 @@ var zoomTo = (setTransform, current, next, delay = 200, cb = noop) => {
|
|
|
98
98
|
}).on("end", cb);
|
|
99
99
|
};
|
|
100
100
|
|
|
101
|
-
//
|
|
101
|
+
// src/hooks/useCanvasContext.tsx
|
|
102
102
|
import { createContext, useContext } from "react";
|
|
103
103
|
import { raise } from "@dxos/debug";
|
|
104
104
|
var CanvasContext = /* @__PURE__ */ createContext(null);
|
|
@@ -106,11 +106,11 @@ var useCanvasContext = () => {
|
|
|
106
106
|
return useContext(CanvasContext) ?? raise(new Error("Missing CanvasContext"));
|
|
107
107
|
};
|
|
108
108
|
|
|
109
|
-
//
|
|
109
|
+
// src/hooks/useWheel.tsx
|
|
110
110
|
import { bindAll } from "bind-event-listener";
|
|
111
111
|
import { useEffect } from "react";
|
|
112
112
|
|
|
113
|
-
//
|
|
113
|
+
// src/util/svg.tsx
|
|
114
114
|
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
115
115
|
import React from "react";
|
|
116
116
|
import { mx } from "@dxos/react-ui-theme";
|
|
@@ -261,7 +261,7 @@ var GridPattern = ({ classNames, id, size, offset }) => {
|
|
|
261
261
|
}
|
|
262
262
|
};
|
|
263
263
|
|
|
264
|
-
//
|
|
264
|
+
// src/util/util.ts
|
|
265
265
|
var logged = false;
|
|
266
266
|
var getRelativePoint = (el, ev) => {
|
|
267
267
|
const rect = el.getBoundingClientRect();
|
|
@@ -296,7 +296,7 @@ var inspectElement = (el) => {
|
|
|
296
296
|
};
|
|
297
297
|
var DATA_TEST_ID = "data-test-id";
|
|
298
298
|
|
|
299
|
-
//
|
|
299
|
+
// src/hooks/useWheel.tsx
|
|
300
300
|
var defaultOptions = {
|
|
301
301
|
zoom: true
|
|
302
302
|
};
|
|
@@ -380,7 +380,7 @@ var hasFocus = (element) => {
|
|
|
380
380
|
return false;
|
|
381
381
|
};
|
|
382
382
|
|
|
383
|
-
//
|
|
383
|
+
// src/components/Canvas/Canvas.tsx
|
|
384
384
|
var Canvas = /* @__PURE__ */ forwardRef(({ children, classNames, scale: _scale = 1, offset: _offset = defaultOrigin, ...props }, forwardedRef) => {
|
|
385
385
|
var _effect = _useSignals2();
|
|
386
386
|
try {
|
|
@@ -464,7 +464,7 @@ var Canvas = /* @__PURE__ */ forwardRef(({ children, classNames, scale: _scale =
|
|
|
464
464
|
}
|
|
465
465
|
});
|
|
466
466
|
|
|
467
|
-
//
|
|
467
|
+
// src/components/FPS.tsx
|
|
468
468
|
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
469
469
|
import React3, { useEffect as useEffect3, useReducer, useRef } from "react";
|
|
470
470
|
import { mx as mx3 } from "@dxos/react-ui-theme";
|
|
@@ -541,7 +541,7 @@ var FPS = ({ classNames, width = 60, height = 30, bar = "bg-cyan-500" }) => {
|
|
|
541
541
|
}
|
|
542
542
|
};
|
|
543
543
|
|
|
544
|
-
//
|
|
544
|
+
// src/components/Grid/Grid.tsx
|
|
545
545
|
import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
|
|
546
546
|
import React4, { forwardRef as forwardRef2, useMemo as useMemo2, useId } from "react";
|
|
547
547
|
import { useForwardedRef } from "@dxos/react-ui";
|
|
@@ -617,7 +617,7 @@ var Grid = (props) => {
|
|
|
617
617
|
}
|
|
618
618
|
};
|
|
619
619
|
|
|
620
|
-
//
|
|
620
|
+
// src/types.ts
|
|
621
621
|
import { Schema } from "effect";
|
|
622
622
|
var Point = Schema.Struct({
|
|
623
623
|
x: Schema.Number,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"
|
|
1
|
+
{"inputs":{"src/hooks/projection.tsx":{"bytes":11707,"imports":[{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useCanvasContext.tsx":{"bytes":2093,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"src/util/svg.tsx":{"bytes":13293,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/util/util.ts":{"bytes":4725,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":526,"imports":[{"path":"src/util/svg.tsx","kind":"import-statement","original":"./svg"},{"path":"src/util/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"src/hooks/useWheel.tsx":{"bytes":10129,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"},{"path":"src/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"src/hooks/index.ts":{"bytes":662,"imports":[{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"},{"path":"src/hooks/useWheel.tsx","kind":"import-statement","original":"./useWheel"}],"format":"esm"},"src/components/Canvas/Canvas.tsx":{"bytes":9629,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"src/components/Canvas/index.ts":{"bytes":470,"imports":[{"path":"src/components/Canvas/Canvas.tsx","kind":"import-statement","original":"./Canvas"}],"format":"esm"},"src/components/FPS.tsx":{"bytes":9343,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Grid/Grid.tsx":{"bytes":9761,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/components/Grid/index.ts":{"bytes":462,"imports":[{"path":"src/components/Grid/Grid.tsx","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/components/index.ts":{"bytes":618,"imports":[{"path":"src/components/Canvas/index.ts","kind":"import-statement","original":"./Canvas"},{"path":"src/components/FPS.tsx","kind":"import-statement","original":"./FPS"},{"path":"src/components/Grid/index.ts","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/types.ts":{"bytes":1681,"imports":[{"path":"effect","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":702,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":35712},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true}],"exports":["Arrow","Canvas","CanvasContext","DATA_TEST_ID","Dimension","FPS","Grid","GridComponent","GridPattern","Marker","Markers","Point","ProjectionMapper","Rect","createPath","defaultOrigin","getRelativePoint","getZoomTransform","inspectElement","testId","useCanvasContext","useWheel","zoomInPlace","zoomTo"],"entryPoint":"src/index.ts","inputs":{"src/components/Canvas/Canvas.tsx":{"bytesInOutput":2301},"src/hooks/projection.tsx":{"bytesInOutput":2244},"src/hooks/index.ts":{"bytesInOutput":0},"src/hooks/useCanvasContext.tsx":{"bytesInOutput":260},"src/hooks/useWheel.tsx":{"bytesInOutput":2116},"src/util/svg.tsx":{"bytesInOutput":3523},"src/util/index.ts":{"bytesInOutput":0},"src/util/util.ts":{"bytesInOutput":800},"src/components/Canvas/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/FPS.tsx":{"bytesInOutput":2356},"src/components/Grid/Grid.tsx":{"bytesInOutput":2507},"src/components/Grid/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/types.ts":{"bytesInOutput":232}},"bytes":17114}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Canvas.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Canvas/Canvas.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Canvas.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Canvas/Canvas.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAS5D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AA2E/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAKzB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAcvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAKzB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg.stories.d.ts","sourceRoot":"","sources":["../../../../src/util/svg.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"svg.stories.d.ts","sourceRoot":"","sources":["../../../../src/util/svg.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AA2BlD,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}
|