@dxos/react-ui-canvas 0.8.4-main.406dc2a → 0.8.4-main.548089c
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 +15 -28
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +15 -28
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +12 -12
- package/src/components/Canvas/Canvas.stories.tsx +3 -3
- package/src/components/FPS.tsx +1 -1
- package/src/components/Grid/Grid.tsx +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-ui-canvas",
|
|
3
|
-
"version": "0.8.4-main.
|
|
3
|
+
"version": "0.8.4-main.548089c",
|
|
4
4
|
"description": "A canvas component.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -31,30 +31,30 @@
|
|
|
31
31
|
"d3": "^7.9.0",
|
|
32
32
|
"react-resize-detector": "^11.0.1",
|
|
33
33
|
"transformation-matrix": "^2.16.1",
|
|
34
|
-
"@dxos/debug": "0.8.4-main.
|
|
35
|
-
"@dxos/
|
|
36
|
-
"@dxos/
|
|
37
|
-
"@dxos/
|
|
34
|
+
"@dxos/debug": "0.8.4-main.548089c",
|
|
35
|
+
"@dxos/invariant": "0.8.4-main.548089c",
|
|
36
|
+
"@dxos/log": "0.8.4-main.548089c",
|
|
37
|
+
"@dxos/util": "0.8.4-main.548089c"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/d3": "^7.4.3",
|
|
41
41
|
"@types/react": "~19.2.2",
|
|
42
|
-
"@types/react-dom": "~19.2.
|
|
42
|
+
"@types/react-dom": "~19.2.2",
|
|
43
43
|
"effect": "3.18.3",
|
|
44
44
|
"react": "~19.2.0",
|
|
45
45
|
"react-dom": "~19.2.0",
|
|
46
46
|
"vite": "7.1.9",
|
|
47
|
-
"@dxos/random": "0.8.4-main.
|
|
48
|
-
"@dxos/react-ui": "0.8.4-main.
|
|
49
|
-
"@dxos/
|
|
50
|
-
"@dxos/
|
|
47
|
+
"@dxos/random": "0.8.4-main.548089c",
|
|
48
|
+
"@dxos/react-ui": "0.8.4-main.548089c",
|
|
49
|
+
"@dxos/storybook-utils": "0.8.4-main.548089c",
|
|
50
|
+
"@dxos/react-ui-theme": "0.8.4-main.548089c"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"effect": "3.13.3",
|
|
54
54
|
"react": "^19.0.0",
|
|
55
55
|
"react-dom": "^19.0.0",
|
|
56
|
-
"@dxos/react-ui
|
|
57
|
-
"@dxos/react-ui": "0.8.4-main.
|
|
56
|
+
"@dxos/react-ui": "0.8.4-main.548089c",
|
|
57
|
+
"@dxos/react-ui-theme": "0.8.4-main.548089c"
|
|
58
58
|
},
|
|
59
59
|
"publishConfig": {
|
|
60
60
|
"access": "public"
|
|
@@ -32,14 +32,14 @@ const DefaultStory = (props: GridProps) => {
|
|
|
32
32
|
|
|
33
33
|
const TwoCanvases = (props: GridProps) => {
|
|
34
34
|
return (
|
|
35
|
-
<div className='grid grid-cols-2 gap-2
|
|
36
|
-
<div className='
|
|
35
|
+
<div className='grid grid-cols-2 gap-2 is-full bs-full'>
|
|
36
|
+
<div className='bs-full relative'>
|
|
37
37
|
<Canvas>
|
|
38
38
|
<Grid {...props} />
|
|
39
39
|
<Content />
|
|
40
40
|
</Canvas>
|
|
41
41
|
</div>
|
|
42
|
-
<div className='
|
|
42
|
+
<div className='bs-full relative'>
|
|
43
43
|
<Canvas>
|
|
44
44
|
<Grid {...props} />
|
|
45
45
|
<Content />
|
package/src/components/FPS.tsx
CHANGED
|
@@ -78,7 +78,7 @@ export const FPS = ({ classNames, width = 60, height = 30, bar = 'bg-cyan-500' }
|
|
|
78
78
|
)}
|
|
79
79
|
>
|
|
80
80
|
<div>{fps[len - 1]} FPS</div>
|
|
81
|
-
<div className='
|
|
81
|
+
<div className='is-full relative' style={{ height }}>
|
|
82
82
|
{fps.map((frame, i) => (
|
|
83
83
|
<div
|
|
84
84
|
key={`fps-${i}`}
|
|
@@ -47,7 +47,7 @@ export const GridComponent = forwardRef<SVGSVGElement, GridProps>(
|
|
|
47
47
|
{...testId('dx-canvas-grid')}
|
|
48
48
|
ref={svgRef}
|
|
49
49
|
className={mx(
|
|
50
|
-
'absolute inset-0
|
|
50
|
+
'absolute inset-0 is-full bs-full pointer-events-none touch-none select-none',
|
|
51
51
|
'stroke-neutral-500',
|
|
52
52
|
classNames,
|
|
53
53
|
)}
|