@dxos/react-ui-canvas 0.8.4-main.d05539e30a → 0.8.4-main.d9fc60f731
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 +43 -5
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +43 -5
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/CellGrid/CellGrid.d.ts +1 -1
- package/dist/types/src/components/CellGrid/CellGrid.d.ts.map +1 -1
- package/dist/types/src/components/CellGrid/input/pointer.d.ts +4 -0
- package/dist/types/src/components/CellGrid/input/pointer.d.ts.map +1 -1
- package/dist/types/src/components/CellGrid/state/types.d.ts +1 -1
- package/dist/types/src/components/CellGrid/state/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +14 -14
- package/src/components/CellGrid/CellGrid.tsx +6 -2
- package/src/components/CellGrid/input/pointer.ts +29 -1
- package/src/components/CellGrid/state/types.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/hooks/projection.tsx":{"bytes":11613,"imports":[{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useCanvasContext.tsx":{"bytes":1997,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useDrag.tsx":{"bytes":8949,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"}],"format":"esm"},"src/util/svg.tsx":{"bytes":12224,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/util/util.ts":{"bytes":4639,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":443,"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":7766,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/util/index.ts","kind":"import-statement","original":"../util"},{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"}],"format":"esm"},"src/hooks/index.ts":{"bytes":665,"imports":[{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"},{"path":"src/hooks/useDrag.tsx","kind":"import-statement","original":"./useDrag"},{"path":"src/hooks/useWheel.tsx","kind":"import-statement","original":"./useWheel"}],"format":"esm"},"src/components/Canvas/Canvas.tsx":{"bytes":8909,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/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":370,"imports":[{"path":"src/components/Canvas/Canvas.tsx","kind":"import-statement","original":"./Canvas"}],"format":"esm"},"src/components/CellGrid/state/viewport.ts":{"bytes":10093,"imports":[],"format":"esm"},"src/components/CellGrid/headers/Ruler.tsx":{"bytes":7272,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/headers/TrackHeader.tsx":{"bytes":6346,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/CellGrid/headers/index.ts":{"bytes":468,"imports":[{"path":"src/components/CellGrid/headers/Ruler.tsx","kind":"import-statement","original":"./Ruler"},{"path":"src/components/CellGrid/headers/TrackHeader.tsx","kind":"import-statement","original":"./TrackHeader"}],"format":"esm"},"src/components/CellGrid/input/pointer.ts":{"bytes":22329,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/input/wheel.ts":{"bytes":8667,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/input/index.ts":{"bytes":456,"imports":[{"path":"src/components/CellGrid/input/pointer.ts","kind":"import-statement","original":"./pointer"},{"path":"src/components/CellGrid/input/wheel.ts","kind":"import-statement","original":"./wheel"}],"format":"esm"},"src/components/CellGrid/render/overlay-layer.ts":{"bytes":7572,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/render/static-layer.ts":{"bytes":10313,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/render/index.ts":{"bytes":489,"imports":[{"path":"src/components/CellGrid/render/overlay-layer.ts","kind":"import-statement","original":"./overlay-layer"},{"path":"src/components/CellGrid/render/static-layer.ts","kind":"import-statement","original":"./static-layer"}],"format":"esm"},"src/components/CellGrid/CellGrid.tsx":{"bytes":30497,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/CellGrid/headers/index.ts","kind":"import-statement","original":"./headers"},{"path":"src/components/CellGrid/input/index.ts","kind":"import-statement","original":"./input"},{"path":"src/components/CellGrid/render/index.ts","kind":"import-statement","original":"./render"}],"format":"esm"},"src/components/CellGrid/state/atoms.ts":{"bytes":4299,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true}],"format":"esm"},"src/components/CellGrid/state/types.ts":{"bytes":1336,"imports":[],"format":"esm"},"src/components/CellGrid/state/index.ts":{"bytes":538,"imports":[{"path":"src/components/CellGrid/state/atoms.ts","kind":"import-statement","original":"./atoms"},{"path":"src/components/CellGrid/state/types.ts","kind":"import-statement","original":"./types"},{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"./viewport"}],"format":"esm"},"src/components/CellGrid/index.ts":{"bytes":707,"imports":[{"path":"src/components/CellGrid/CellGrid.tsx","kind":"import-statement","original":"./CellGrid"},{"path":"src/components/CellGrid/headers/index.ts","kind":"import-statement","original":"./headers"},{"path":"src/components/CellGrid/input/index.ts","kind":"import-statement","original":"./input"},{"path":"src/components/CellGrid/render/index.ts","kind":"import-statement","original":"./render"},{"path":"src/components/CellGrid/state/index.ts","kind":"import-statement","original":"./state"}],"format":"esm"},"src/components/FPS.tsx":{"bytes":8820,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Grid/Grid.tsx":{"bytes":9149,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/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":368,"imports":[{"path":"src/components/Grid/Grid.tsx","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/components/index.ts":{"bytes":613,"imports":[{"path":"src/components/Canvas/index.ts","kind":"import-statement","original":"./Canvas"},{"path":"src/components/CellGrid/index.ts","kind":"import-statement","original":"./CellGrid"},{"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":1615,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":620,"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":93554},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/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":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"effect/Schema","kind":"import-statement","external":true}],"exports":["Arrow","Canvas","CanvasContext","CellGrid","DATA_TEST_ID","Dimension","FPS","Grid","GridComponent","GridPattern","Marker","Markers","Point","ProjectionMapper","Rect","Ruler","TrackHeader","attachPointerHandlers","attachWheelHandlers","cellKey","cellWidth","createCellGridAtoms","createPath","defaultOrigin","defaultViewport","drawCells","drawOverlay","getRelativePoint","getZoomTransform","hitTestCell","inspectElement","screenToWorld","testId","toggleCell","useCanvasContext","useDrag","useWheel","visibleCellRange","visibleCells","worldToScreen","zoomInPlace","zoomTo"],"entryPoint":"src/index.ts","inputs":{"src/components/Canvas/Canvas.tsx":{"bytesInOutput":1982},"src/hooks/projection.tsx":{"bytesInOutput":2203},"src/hooks/index.ts":{"bytesInOutput":0},"src/hooks/useCanvasContext.tsx":{"bytesInOutput":260},"src/hooks/useDrag.tsx":{"bytesInOutput":1670},"src/hooks/useWheel.tsx":{"bytesInOutput":1585},"src/util/svg.tsx":{"bytesInOutput":2730},"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/CellGrid/CellGrid.tsx":{"bytesInOutput":7250},"src/components/CellGrid/headers/Ruler.tsx":{"bytesInOutput":1605},"src/components/CellGrid/state/viewport.ts":{"bytesInOutput":1850},"src/components/CellGrid/headers/index.ts":{"bytesInOutput":0},"src/components/CellGrid/headers/TrackHeader.tsx":{"bytesInOutput":1353},"src/components/CellGrid/input/pointer.ts":{"bytesInOutput":4331},"src/components/CellGrid/input/index.ts":{"bytesInOutput":0},"src/components/CellGrid/input/wheel.ts":{"bytesInOutput":1628},"src/components/CellGrid/render/overlay-layer.ts":{"bytesInOutput":1414},"src/components/CellGrid/render/index.ts":{"bytesInOutput":0},"src/components/CellGrid/render/static-layer.ts":{"bytesInOutput":1734},"src/components/CellGrid/index.ts":{"bytesInOutput":0},"src/components/CellGrid/state/atoms.ts":{"bytesInOutput":547},"src/components/CellGrid/state/index.ts":{"bytesInOutput":0},"src/components/FPS.tsx":{"bytesInOutput":2082},"src/components/Grid/Grid.tsx":{"bytesInOutput":2164},"src/components/Grid/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/types.ts":{"bytesInOutput":240}},"bytes":39023}}}
|
|
1
|
+
{"inputs":{"src/hooks/projection.tsx":{"bytes":11613,"imports":[{"path":"d3","kind":"import-statement","external":true},{"path":"transformation-matrix","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useCanvasContext.tsx":{"bytes":1997,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"src/hooks/useDrag.tsx":{"bytes":8949,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"}],"format":"esm"},"src/util/svg.tsx":{"bytes":12224,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/util/util.ts":{"bytes":4639,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":443,"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":7766,"imports":[{"path":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/util/index.ts","kind":"import-statement","original":"../util"},{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"}],"format":"esm"},"src/hooks/index.ts":{"bytes":665,"imports":[{"path":"src/hooks/projection.tsx","kind":"import-statement","original":"./projection"},{"path":"src/hooks/useCanvasContext.tsx","kind":"import-statement","original":"./useCanvasContext"},{"path":"src/hooks/useDrag.tsx","kind":"import-statement","original":"./useDrag"},{"path":"src/hooks/useWheel.tsx","kind":"import-statement","original":"./useWheel"}],"format":"esm"},"src/components/Canvas/Canvas.tsx":{"bytes":8909,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/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":370,"imports":[{"path":"src/components/Canvas/Canvas.tsx","kind":"import-statement","original":"./Canvas"}],"format":"esm"},"src/components/CellGrid/state/viewport.ts":{"bytes":10093,"imports":[],"format":"esm"},"src/components/CellGrid/headers/Ruler.tsx":{"bytes":7272,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/headers/TrackHeader.tsx":{"bytes":6346,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/CellGrid/headers/index.ts":{"bytes":468,"imports":[{"path":"src/components/CellGrid/headers/Ruler.tsx","kind":"import-statement","original":"./Ruler"},{"path":"src/components/CellGrid/headers/TrackHeader.tsx","kind":"import-statement","original":"./TrackHeader"}],"format":"esm"},"src/components/CellGrid/input/pointer.ts":{"bytes":26965,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/input/wheel.ts":{"bytes":8667,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/input/index.ts":{"bytes":456,"imports":[{"path":"src/components/CellGrid/input/pointer.ts","kind":"import-statement","original":"./pointer"},{"path":"src/components/CellGrid/input/wheel.ts","kind":"import-statement","original":"./wheel"}],"format":"esm"},"src/components/CellGrid/render/overlay-layer.ts":{"bytes":7572,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/render/static-layer.ts":{"bytes":10313,"imports":[{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"../state/viewport"}],"format":"esm"},"src/components/CellGrid/render/index.ts":{"bytes":489,"imports":[{"path":"src/components/CellGrid/render/overlay-layer.ts","kind":"import-statement","original":"./overlay-layer"},{"path":"src/components/CellGrid/render/static-layer.ts","kind":"import-statement","original":"./static-layer"}],"format":"esm"},"src/components/CellGrid/CellGrid.tsx":{"bytes":31459,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/CellGrid/headers/index.ts","kind":"import-statement","original":"./headers"},{"path":"src/components/CellGrid/input/index.ts","kind":"import-statement","original":"./input"},{"path":"src/components/CellGrid/render/index.ts","kind":"import-statement","original":"./render"}],"format":"esm"},"src/components/CellGrid/state/atoms.ts":{"bytes":4299,"imports":[{"path":"@effect-atom/atom-react","kind":"import-statement","external":true}],"format":"esm"},"src/components/CellGrid/state/types.ts":{"bytes":1364,"imports":[],"format":"esm"},"src/components/CellGrid/state/index.ts":{"bytes":538,"imports":[{"path":"src/components/CellGrid/state/atoms.ts","kind":"import-statement","original":"./atoms"},{"path":"src/components/CellGrid/state/types.ts","kind":"import-statement","original":"./types"},{"path":"src/components/CellGrid/state/viewport.ts","kind":"import-statement","original":"./viewport"}],"format":"esm"},"src/components/CellGrid/index.ts":{"bytes":707,"imports":[{"path":"src/components/CellGrid/CellGrid.tsx","kind":"import-statement","original":"./CellGrid"},{"path":"src/components/CellGrid/headers/index.ts","kind":"import-statement","original":"./headers"},{"path":"src/components/CellGrid/input/index.ts","kind":"import-statement","original":"./input"},{"path":"src/components/CellGrid/render/index.ts","kind":"import-statement","original":"./render"},{"path":"src/components/CellGrid/state/index.ts","kind":"import-statement","original":"./state"}],"format":"esm"},"src/components/FPS.tsx":{"bytes":8820,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Grid/Grid.tsx":{"bytes":9149,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/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":368,"imports":[{"path":"src/components/Grid/Grid.tsx","kind":"import-statement","original":"./Grid"}],"format":"esm"},"src/components/index.ts":{"bytes":613,"imports":[{"path":"src/components/Canvas/index.ts","kind":"import-statement","original":"./Canvas"},{"path":"src/components/CellGrid/index.ts","kind":"import-statement","original":"./CellGrid"},{"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":1615,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":620,"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":96164},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/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":"bind-event-listener","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@effect-atom/atom-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"effect/Schema","kind":"import-statement","external":true}],"exports":["Arrow","Canvas","CanvasContext","CellGrid","DATA_TEST_ID","Dimension","FPS","Grid","GridComponent","GridPattern","Marker","Markers","Point","ProjectionMapper","Rect","Ruler","TrackHeader","attachPointerHandlers","attachWheelHandlers","cellKey","cellWidth","createCellGridAtoms","createPath","defaultOrigin","defaultViewport","drawCells","drawOverlay","getRelativePoint","getZoomTransform","hitTestCell","inspectElement","screenToWorld","testId","toggleCell","useCanvasContext","useDrag","useWheel","visibleCellRange","visibleCells","worldToScreen","zoomInPlace","zoomTo"],"entryPoint":"src/index.ts","inputs":{"src/components/Canvas/Canvas.tsx":{"bytesInOutput":1982},"src/hooks/projection.tsx":{"bytesInOutput":2203},"src/hooks/index.ts":{"bytesInOutput":0},"src/hooks/useCanvasContext.tsx":{"bytesInOutput":260},"src/hooks/useDrag.tsx":{"bytesInOutput":1670},"src/hooks/useWheel.tsx":{"bytesInOutput":1585},"src/util/svg.tsx":{"bytesInOutput":2730},"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/CellGrid/CellGrid.tsx":{"bytesInOutput":7524},"src/components/CellGrid/headers/Ruler.tsx":{"bytesInOutput":1605},"src/components/CellGrid/state/viewport.ts":{"bytesInOutput":1850},"src/components/CellGrid/headers/index.ts":{"bytesInOutput":0},"src/components/CellGrid/headers/TrackHeader.tsx":{"bytesInOutput":1353},"src/components/CellGrid/input/pointer.ts":{"bytesInOutput":5235},"src/components/CellGrid/input/index.ts":{"bytesInOutput":0},"src/components/CellGrid/input/wheel.ts":{"bytesInOutput":1628},"src/components/CellGrid/render/overlay-layer.ts":{"bytesInOutput":1414},"src/components/CellGrid/render/index.ts":{"bytesInOutput":0},"src/components/CellGrid/render/static-layer.ts":{"bytesInOutput":1734},"src/components/CellGrid/index.ts":{"bytesInOutput":0},"src/components/CellGrid/state/atoms.ts":{"bytesInOutput":547},"src/components/CellGrid/state/index.ts":{"bytesInOutput":0},"src/components/FPS.tsx":{"bytesInOutput":2082},"src/components/Grid/Grid.tsx":{"bytesInOutput":2164},"src/components/Grid/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/types.ts":{"bytesInOutput":240}},"bytes":40201}}}
|
|
@@ -16,6 +16,6 @@ export type CellGridProps<T = unknown> = ThemedClassName<PointerHandlers & {
|
|
|
16
16
|
* Canvas-based 2D grid where cells contain pluggable shapes. Suitable for music sequencers,
|
|
17
17
|
* time-series data viz, and similar workloads at ~1k visible cells per viewport.
|
|
18
18
|
*/
|
|
19
|
-
export declare const CellGrid: <T>({ atoms, rows, renderCell, headers: headersProp, staticStyle: staticStyleProp, overlayStyle: overlayStyleProp, classNames, onCellToggle, onSelectionCommit, }: CellGridProps<T>) => React.JSX.Element;
|
|
19
|
+
export declare const CellGrid: <T>({ atoms, rows, renderCell, headers: headersProp, staticStyle: staticStyleProp, overlayStyle: overlayStyleProp, classNames, onCellToggle, onSelectionCommit, onDrawUpdate, onDrawCommit, }: CellGridProps<T>) => React.JSX.Element;
|
|
20
20
|
export type { Cell };
|
|
21
21
|
//# sourceMappingURL=CellGrid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/CellGrid/CellGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,OAAO,EAA8C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC3F,OAAO,EAA0B,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC7G,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,eAAe,CACtD,eAAe,GAAG;IAChB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACtC,CACF,CAAC;AA6BF;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"CellGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/CellGrid/CellGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,OAAO,EAA8C,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC3F,OAAO,EAA0B,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC7G,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,eAAe,CACtD,eAAe,GAAG;IAChB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACtC,CACF,CAAC;AA6BF;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,6LAYvB,aAAa,CAAC,CAAC,CAAC,sBAoMlB,CAAC;AAEF,YAAY,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -11,6 +11,10 @@ export type ToggleMode = 'set' | 'unset' | 'toggle';
|
|
|
11
11
|
export type PointerHandlers = {
|
|
12
12
|
onCellToggle?: (coord: CellCoord, mode: ToggleMode) => void;
|
|
13
13
|
onSelectionCommit?: (range: SelectionRange) => void;
|
|
14
|
+
/** Called each time the draw cursor moves to a new cell (edit tool). */
|
|
15
|
+
onDrawUpdate?: (startCoord: CellCoord, endCoord: CellCoord) => void;
|
|
16
|
+
/** Called when the user releases after an edit-tool drag; caller commits the note. */
|
|
17
|
+
onDrawCommit?: (startCoord: CellCoord, endCoord: CellCoord) => void;
|
|
14
18
|
};
|
|
15
19
|
export type PointerControllerOptions<T> = {
|
|
16
20
|
registry: Registry.Registry;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CellGrid/input/pointer.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAQ,MAAM,gBAAgB,CAAC;AAGrF;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CellGrid/input/pointer.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAQ,MAAM,gBAAgB,CAAC;AAGrF;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,wEAAwE;IACxE,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;IACpE,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;CACrE,CAAC;AAQF,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACxC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC5B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,WAC5B,WAAW,0CACoB,wBAAwB,CAAC,CAAC,CAAC,KAClE,CAAC,MAAM,IAAI,CAsKb,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,YAChB,QAAQ,CAAC,QAAQ,SACpB,aAAa,CAAC,CAAC,CAAC,SAChB,SAAS,WACP,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,SAChC,UAAU,KACf,IAYF,CAAC"}
|
|
@@ -27,7 +27,7 @@ export type SelectionRange = {
|
|
|
27
27
|
export type Selection = {
|
|
28
28
|
range: SelectionRange | null;
|
|
29
29
|
};
|
|
30
|
-
export type Tool = 'toggle' | 'select' | 'resize';
|
|
30
|
+
export type Tool = 'toggle' | 'select' | 'resize' | 'edit' | 'delete';
|
|
31
31
|
export type Row = {
|
|
32
32
|
id: string;
|
|
33
33
|
label?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CellGrid/state/types.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CellGrid/state/types.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,OAAO,IAAI;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtE,MAAM,MAAM,GAAG,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjD,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC"}
|