@dxos/react-ui-canvas 0.8.4-main.d05539e30a → 0.8.4-main.d9fc60f731

package/dist/lib/browser/meta.json

@@ -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/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93552},"dist/lib/browser/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":38930}}}
+{"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/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":96162},"dist/lib/browser/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":40108}}}

package/dist/lib/node-esm/index.mjs

@@ -675,6 +675,27 @@ var attachPointerHandlers = (element, { registry, atoms, headers, handlers }) =>
         };
         break;
       }
+      case "edit": {
+        drag = {
+          kind: "draw",
+          startCoord: coord,
+          endCoord: coord
+        };
+        handlers.onDrawUpdate?.(coord, coord);
+        break;
+      }
+      case "delete": {
+        const key = cellKey(coord.col, coord.row);
+        handlers.onCellToggle?.(coord, "unset");
+        drag = {
+          kind: "toggle",
+          mode: "unset",
+          touched: /* @__PURE__ */ new Set([
+            key
+          ])
+        };
+        break;
+      }
       case "select": {
         drag = {
           kind: "select",
@@ -719,6 +740,15 @@ var attachPointerHandlers = (element, { registry, atoms, headers, handlers }) =>
         drag.touched.add(key);
         handlers.onCellToggle?.(coord, drag.mode);
       }
+    } else if (drag.kind === "draw") {
+      const constrainedCol = coord.col;
+      if (constrainedCol !== drag.endCoord.col) {
+        drag.endCoord = {
+          col: constrainedCol,
+          row: drag.startCoord.row
+        };
+        handlers.onDrawUpdate?.(drag.startCoord, drag.endCoord);
+      }
     } else if (drag.kind === "select") {
       registry.set(atoms.selection, {
         range: {
@@ -739,7 +769,9 @@ var attachPointerHandlers = (element, { registry, atoms, headers, handlers }) =>
     if (!drag) {
       return;
     }
-    if (drag.kind === "select") {
+    if (drag.kind === "draw") {
+      handlers.onDrawCommit?.(drag.startCoord, drag.endCoord);
+    } else if (drag.kind === "select") {
       const range = registry.get(atoms.selection).range;
       if (range) {
         handlers.onSelectionCommit?.(range);
@@ -957,7 +989,7 @@ var setupCanvas = (canvas, width, height) => {
   ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
   return ctx;
 };
-var CellGrid = ({ atoms, rows, renderCell, headers: headersProp, staticStyle: staticStyleProp, overlayStyle: overlayStyleProp, classNames, onCellToggle, onSelectionCommit }) => {
+var CellGrid = ({ atoms, rows, renderCell, headers: headersProp, staticStyle: staticStyleProp, overlayStyle: overlayStyleProp, classNames, onCellToggle, onSelectionCommit, onDrawUpdate, onDrawCommit }) => {
   const registry = useContext2(RegistryContext);
   const headers = useMemo3(() => {
     if (headersProp === false) {
@@ -1124,11 +1156,15 @@ var CellGrid = ({ atoms, rows, renderCell, headers: headersProp, staticStyle: st
   ]);
   const callbacksRef = useRef2({
     onCellToggle,
-    onSelectionCommit
+    onSelectionCommit,
+    onDrawUpdate,
+    onDrawCommit
   });
   callbacksRef.current = {
     onCellToggle,
-    onSelectionCommit
+    onSelectionCommit,
+    onDrawUpdate,
+    onDrawCommit
   };
   useEffect4(() => {
     const element = overlayInputRef.current;
@@ -1141,7 +1177,9 @@ var CellGrid = ({ atoms, rows, renderCell, headers: headersProp, staticStyle: st
       headers,
       handlers: {
         onCellToggle: (coord, mode) => callbacksRef.current.onCellToggle?.(coord, mode),
-        onSelectionCommit: (range) => callbacksRef.current.onSelectionCommit?.(range)
+        onSelectionCommit: (range) => callbacksRef.current.onSelectionCommit?.(range),
+        onDrawUpdate: (start, end) => callbacksRef.current.onDrawUpdate?.(start, end),
+        onDrawCommit: (start, end) => callbacksRef.current.onDrawCommit?.(start, end)
       }
     });
     const detachWheel = attachWheelHandlers(element, {