@defra/interactive-map 0.0.15-alpha → 0.0.17-alpha

package/plugins/beta/draw-ml/src/modes/createDrawMode.js

@@ -39,7 +39,7 @@ export const createDrawMode = (ParentMode, config) => {
   return {
     ...ParentMode,
 
-    onSetup(options) {
+    onSetup (options) {
       const { map } = this
 
       // Some parent modes (DrawLineString) interpret featureId as "continue existing"
@@ -97,7 +97,7 @@ export const createDrawMode = (ParentMode, config) => {
       return state
     },
 
-    onClick(state, e) {
+    onClick (state, e) {
       // Skip non-primary clicks, undo operations, or clicks outside canvas
       if (e.originalEvent.button > 0 || this.map._undoInProgress || e.originalEvent.target !== this.map.getCanvas()) {
         return
@@ -119,11 +119,11 @@ export const createDrawMode = (ParentMode, config) => {
       }
     },
 
-    onTap() {
-      return
+    onTap () {
+
     },
 
-    doClick(state) {
+    doClick (state) {
       // Skip during undo operation
       if (this.map._undoInProgress) {
         return
@@ -160,7 +160,7 @@ export const createDrawMode = (ParentMode, config) => {
       }
     },
 
-    dispatchVertexChange(coords) {
+    dispatchVertexChange (coords) {
       this.map.fire('draw.vertexchange', {
         numVertecies: coords.length
       })
@@ -169,7 +169,7 @@ export const createDrawMode = (ParentMode, config) => {
     /**
      * Push an undo operation for the last added vertex
      */
-    pushDrawUndo(state) {
+    pushDrawUndo (state) {
       const undoStack = this.map._undoStack
       // Don't push during undo operations
       if (!undoStack || this.map._undoInProgress) {
@@ -185,7 +185,7 @@ export const createDrawMode = (ParentMode, config) => {
     /**
      * Undo the last added vertex during drawing
      */
-    undoVertex(state) {
+    undoVertex (state) {
       const feature = getFeature(state)
       const coords = getCoords(feature)
 
@@ -207,7 +207,7 @@ export const createDrawMode = (ParentMode, config) => {
      * For Polygon: reinitialize in place
      * For LineString: restart the draw mode with fresh state
      */
-    _reinitializeFeature(state, feature) {
+    _reinitializeFeature (state, feature) {
       const featureId = feature.id
       this._ctx.store.delete([featureId])
 
@@ -258,7 +258,7 @@ export const createDrawMode = (ParentMode, config) => {
     /**
      * Remove the last committed vertex and update rubber band
      */
-    _removeLastVertex(state, feature, coords) {
+    _removeLastVertex (state, feature, coords) {
       // Structure during drawing: [v1, v2, ..., vN, rubber_band]
       const ring = geometryType === 'Polygon' ? feature.coordinates[0] : coords
       ring.splice(ring.length - 2, 1)
@@ -279,7 +279,7 @@ export const createDrawMode = (ParentMode, config) => {
     /**
      * Update rubber band position based on interface type
      */
-    _updateRubberBand(state, coords) {
+    _updateRubberBand (state, coords) {
       if (['touch', 'keyboard'].includes(state.interfaceType)) {
         // Touch/keyboard: move to map center for add point to work
         this._simulateMouse('mousemove', ParentMode.onMouseMove, state)
@@ -305,13 +305,13 @@ export const createDrawMode = (ParentMode, config) => {
     /**
      * Handle draw.undo event
      */
-    onUndo(state, e) {
+    onUndo (state, e) {
       if (e.operation?.type === 'draw_vertex') {
         this.undoVertex(state)
       }
     },
 
-    _simulateMouse(type, fn, state) {
+    _simulateMouse (type, fn, state) {
       const { map } = this
       const center = map.getCenter()
       const point = map.project(center)
@@ -330,14 +330,14 @@ export const createDrawMode = (ParentMode, config) => {
       this.map.fire('draw.geometrychange', state.polygon || state.line)
     },
 
-    _setInterface(state, type, show = true) {
+    _setInterface (state, type, show = true) {
       state.interfaceType = type
       if (show) {
         state.vertexMarker.style.display = 'block'
       }
     },
 
-    onCreate(state, e) {
+    onCreate (state, e) {
       const draw = this._ctx.api
       const feature = e.features[0]
       draw.delete(feature.id)
@@ -345,24 +345,24 @@ export const createDrawMode = (ParentMode, config) => {
       draw.add(feature, { userProperties: true })
     },
 
-    onVertexButtonClick(state, e) {
+    onVertexButtonClick (state, e) {
       // Only trigger for the specific add vertex button, and skip during undo
       if (state.addVertexButtonId && !this.map._undoInProgress && e.target.closest(`#${state.addVertexButtonId}`)) {
         this.doClick(state)
       }
     },
 
-    onTouchStart(state, e) {
+    onTouchStart (state, e) {
       this._setInterface(state, 'touch')
       this.onMove(state, e)
     },
 
-    onTouchEnd(state, e) {
+    onTouchEnd (state, e) {
       this._setInterface(state, 'touch')
       this.onMove(state, e)
     },
 
-    onKeydown(state, e) {
+    onKeydown (state, e) {
       // Undo with Cmd/Ctrl+Z (works without viewport focus, but not in input fields)
       if (e.key === 'z' && (e.metaKey || e.ctrlKey) && !e.shiftKey) {
         const tag = document.activeElement?.tagName
@@ -396,7 +396,7 @@ export const createDrawMode = (ParentMode, config) => {
       this.onMove(state, e)
     },
 
-    onKeyup(state, e) {
+    onKeyup (state, e) {
       if (e.key === 'Escape') {
         if (state.interfaceType !== 'keyboard') {
           // Mouse/touch: cancel drawing — onKeyUp (capital U) won't fire since container isn't focused
@@ -420,7 +420,7 @@ export const createDrawMode = (ParentMode, config) => {
     //   1. A UI element inside the viewport has focus (e.g. popup menu) → ignore, let React handle
     //   2. Keyboard drawing (container focused, interfaceType === 'keyboard') → Escape restarts
     //   3. Non-keyboard with container focused → skip (already handled by window onKeyup via draw.cancel)
-    onKeyUp(state, e) {
+    onKeyUp (state, e) {
       const activeEl = document.activeElement
       if (activeEl && activeEl !== state.container && state.container.contains(activeEl)) {
         return
@@ -441,17 +441,17 @@ export const createDrawMode = (ParentMode, config) => {
       }
     },
 
-    onFocus(state) {
+    onFocus (state) {
       state.vertexMarker.style.display = ['touch', 'keyboard'].includes(state.interfaceType) ? 'block' : 'none'
     },
 
-    onBlur(state, e) {
+    onBlur (state, e) {
       if (e.target !== state.container) {
         state.vertexMarker.style.display = 'none'
       }
     },
 
-    onMouseMove(state, e) {
+    onMouseMove (state, e) {
       if (isSnapEnabled(state)) {
         const snap = getSnapInstance(this.map)
         triggerSnapAtPoint(snap, this.map, e.point)
@@ -463,11 +463,11 @@ export const createDrawMode = (ParentMode, config) => {
       }
 
       this.map.fire('draw.geometrychange', state.polygon || state.line)
-      
+
       ParentMode.onMouseMove.call(this, state, e)
     },
 
-    onMove(state) {
+    onMove (state) {
       if (['touch', 'keyboard'].includes(state.interfaceType)) {
         if (isSnapEnabled(state)) {
           triggerSnapAtCenter(getSnapInstance(this.map), this.map)
@@ -495,23 +495,23 @@ export const createDrawMode = (ParentMode, config) => {
       }
     },
 
-    onPointerdown(state, e) {
+    onPointerdown (state, e) {
       if (e.pointerType !== 'touch') {
         this._setInterface(state, 'pointer', false)
       }
     },
 
-    onPointermove(state, e) {
+    onPointermove (state, e) {
       if (e.pointerType !== 'touch') {
         state.vertexMarker.style.display = 'none'
       }
     },
 
-    onPointerup(state) {
+    onPointerup (state) {
       this.dispatchVertexChange(getCoords(getFeature(state)))
     },
 
-    toDisplayFeatures(state, geojson, display) {
+    toDisplayFeatures (state, geojson, display) {
       ParentMode.toDisplayFeatures.call(this, state, geojson, display)
 
       const feature = getFeature(state)
@@ -520,7 +520,7 @@ export const createDrawMode = (ParentMode, config) => {
       }
     },
 
-    onStop(state) {
+    onStop (state) {
       ParentMode.onStop.call(this, state)
       this._listeners.forEach(([t, e, h]) => t.removeEventListener ? t.removeEventListener(e, h) : t.off(e, h))
       state.vertexMarker.style.display = 'none'

package/plugins/beta/draw-ml/src/modes/disabledMode.js

@@ -20,4 +20,4 @@ export const DisabledMode = {
     geojson.properties.active = 'false'
     display(geojson)
   }
-}
+}

package/plugins/beta/draw-ml/src/modes/editVertex/touchHandlers.js

@@ -13,7 +13,7 @@ const touchVertexTarget = `
 `
 
 export const touchHandlers = {
-  addTouchVertexTarget(state) {
+  addTouchVertexTarget (state) {
     let el = state.container.querySelector('[data-touch-vertex-target]')
     if (!el) {
       state.container.insertAdjacentHTML('beforeend', touchVertexTarget)
@@ -22,7 +22,7 @@ export const touchHandlers = {
     state.touchVertexTarget = el
   },
 
-  updateTouchVertexTarget(state, point) {
+  updateTouchVertexTarget (state, point) {
     if (point && state.interfaceType === 'touch' && state.selectedVertexIndex >= 0) {
       Object.assign(state.touchVertexTarget.style, { display: 'block', top: `${point.y}px`, left: `${point.x}px` })
     } else {
@@ -30,11 +30,11 @@ export const touchHandlers = {
     }
   },
 
-  hideTouchVertexIndicator(state) {
+  hideTouchVertexIndicator (state) {
     state.touchVertexTarget.style.display = 'none'
   },
 
-  onPointerevent(state, e) {
+  onPointerevent (state, e) {
     state.interfaceType = e.pointerType === 'touch' ? 'touch' : 'pointer'
     state.isPanEnabled = true
     if (e.pointerType === 'touch' && e.type === 'pointermove' && !isOnSVG(e.target.parentNode) && !state._ignorePointermoveDeselect) {
@@ -43,11 +43,11 @@ export const touchHandlers = {
   },
 
   // Empty stubs required by DirectSelect
-  onTouchStart() {},
-  onTouchMove() {},
-  onTouchEnd() {},
+  onTouchStart () {},
+  onTouchMove () {},
+  onTouchEnd () {},
 
-  onTouchend(state) {
+  onTouchend (state) {
     clearSnapState(getSnapInstance(this.map))
     if (state?.featureId) {
       this.syncVertices(state)
@@ -67,7 +67,7 @@ export const touchHandlers = {
     }
   },
 
-  onTap(state, e) {
+  onTap (state, e) {
     // Hide snap indicator on any tap
     const snap = getSnapInstance(this.map)
     if (snap) {
@@ -92,7 +92,7 @@ export const touchHandlers = {
     }
   },
 
-  onTouchstart(state, e) {
+  onTouchstart (state, e) {
     clearSnapState(getSnapInstance(this.map))
     const vertex = state.vertecies?.[state.selectedVertexIndex]
     if (!vertex || !isOnSVG(e.target.parentNode)) {
@@ -111,7 +111,7 @@ export const touchHandlers = {
     state.deltaVertex = { x: (touch.x / state.scale) - vertexPt.x, y: (touch.y / state.scale) - vertexPt.y }
   },
 
-  onTouchmove(state, e) {
+  onTouchmove (state, e) {
     if (state.selectedVertexIndex < 0 || !isOnSVG(e.target.parentNode)) {
       return
     }

package/plugins/beta/draw-ml/src/modes/editVertex/undoHandlers.js

@@ -7,7 +7,7 @@ import { scalePoint } from './helpers.js'
 
 export const undoHandlers = {
   // Fire geometry change event (for external listeners)
-  fireGeometryChange(state) {
+  fireGeometryChange (state) {
     const feature = this.getFeature(state.featureId)
     if (feature) {
       this.map.fire('draw.update', {
@@ -18,7 +18,7 @@ export const undoHandlers = {
   },
 
   // Undo support
-  pushUndo(operation) {
+  pushUndo (operation) {
     const undoStack = this.map._undoStack
     if (!undoStack) {
       return
@@ -26,7 +26,7 @@ export const undoHandlers = {
     undoStack.push(operation)
   },
 
-  handleUndo(state) {
+  handleUndo (state) {
     const undoStack = this.map._undoStack
     if (!undoStack || undoStack.length === 0) {
       return
@@ -43,7 +43,7 @@ export const undoHandlers = {
     }
   },
 
-  undoMoveVertex(state, op) {
+  undoMoveVertex (state, op) {
     const { vertexIndex, previousPosition, featureId } = op
     const feature = this.getFeature(featureId)
     if (!feature) return
@@ -64,7 +64,7 @@ export const undoHandlers = {
     }
   },
 
-  undoInsertVertex(state, op) {
+  undoInsertVertex (state, op) {
     const { vertexIndex, featureId } = op
     const feature = this.getFeature(featureId)
     if (!feature) return
@@ -84,7 +84,7 @@ export const undoHandlers = {
     this.changeMode(state, { selectedVertexIndex: -1, selectedVertexType: null })
   },
 
-  undoDeleteVertex(state, op) {
+  undoDeleteVertex (state, op) {
     const { vertexIndex, position, featureId } = op
     const feature = this.getFeature(featureId)
     if (!feature) {
@@ -123,7 +123,7 @@ export const undoHandlers = {
     this.changeMode(state, { selectedVertexIndex: vertexIndex, selectedVertexType: 'vertex', coordPath: this.getCoordPath(state, vertexIndex) })
   },
 
-  _applyUndoAndSync(state, geojson, featureId) {
+  _applyUndoAndSync (state, geojson, featureId) {
     this._ctx.api.add(geojson)
     state.vertecies = this.getVerticies(featureId)
     state.midpoints = this.getMidpoints(featureId)

package/plugins/beta/draw-ml/src/modes/editVertex/vertexOperations.js

@@ -6,10 +6,10 @@ import {
 } from './geometryHelpers.js'
 
 const ARROW_OFFSETS = { ArrowUp: [0, -1], ArrowDown: [0, 1], ArrowLeft: [-1, 0], ArrowRight: [1, 0] }
-const NUDGE = 1, STEP = 5
+const NUDGE = 1; const STEP = 5
 
 export const vertexOperations = {
-  updateMidpoint(coordinates) {
+  updateMidpoint (coordinates) {
     setTimeout(() => {
       this.map.getSource('mapbox-gl-draw-hot').setData({
         type: 'Feature',
@@ -19,7 +19,7 @@ export const vertexOperations = {
     }, 0)
   },
 
-  updateVertex(state, direction) {
+  updateVertex (state, direction) {
     const [idx, type] = this.getVertexOrMidpoint(state, direction)
     if (idx < 0 || !type) {
       return
@@ -27,18 +27,18 @@ export const vertexOperations = {
     this.changeMode(state, { selectedVertexIndex: idx, selectedVertexType: type, ...(type === 'vertex' && { coordPath: this.getCoordPath(state, idx) }) })
   },
 
-  getOffset(coord, e) {
+  getOffset (coord, e) {
     const pt = this.map.project(coord)
     const offset = e?.shiftKey ? NUDGE : STEP
     const [dx, dy] = e ? ARROW_OFFSETS[e.key].map(v => v * offset) : [0, 0]
     return this.map.unproject({ x: pt.x + dx, y: pt.y + dy })
   },
 
-  getNewCoord(state, e) {
+  getNewCoord (state, e) {
     return this.getOffset(getCoords(this.getFeature(state.featureId))[state.selectedVertexIndex], e)
   },
 
-  insertVertex(state, e) {
+  insertVertex (state, e) {
     const midIdx = state.selectedVertexIndex - state.vertecies.length
     const newCoord = this.getOffset(state.midpoints[midIdx], e)
     const feature = this.getFeature(state.featureId)
@@ -74,7 +74,7 @@ export const vertexOperations = {
     this.changeMode(state, { selectedVertexIndex: globalInsertIdx, selectedVertexType: 'vertex', coordPath: this.getCoordPath(state, globalInsertIdx) })
   },
 
-  moveVertex(state, coord, options = {}) {
+  moveVertex (state, coord, options = {}) {
     if (options.checkSnap && state.enableSnap !== false) {
       const snap = this.map._snapInstance
       if (snap?.snapStatus && snap.snapCoords?.length >= 2) {
@@ -96,7 +96,7 @@ export const vertexOperations = {
     this.map.fire('draw.geometrychange', state.feature)
   },
 
-  deleteVertex(state) {
+  deleteVertex (state) {
     const feature = this.getFeature(state.featureId)
     if (!feature) {
       return

package/plugins/beta/draw-ml/src/modes/editVertex/vertexQueries.js

@@ -6,7 +6,7 @@ import {
 import { spatialNavigate } from '../../utils/spatial.js'
 
 export const vertexQueries = {
-  findVertexIndex(coords, targetCoord, currentIdx) {
+  findVertexIndex (coords, targetCoord, currentIdx) {
     // Search for vertex, preferring matches near currentIdx to handle duplicate coords (e.g., closing vertices)
     const matches = []
     coords.forEach((c, i) => {
@@ -27,7 +27,7 @@ export const vertexQueries = {
     return matches[0]
   },
 
-  getCoordPath(state, idx) {
+  getCoordPath (state, idx) {
     const feature = this.getFeature(state.featureId)
     if (!feature) return '0'
 
@@ -39,16 +39,16 @@ export const vertexQueries = {
     return [...segment.path, localIdx].join('.')
   },
 
-  syncVertices(state) {
+  syncVertices (state) {
     state.vertecies = this.getVerticies(state.featureId)
     state.midpoints = this.getMidpoints(state.featureId)
   },
 
-  getVerticies(featureId) {
+  getVerticies (featureId) {
     return getCoords(this.getFeature(featureId)) || []
   },
 
-  getMidpoints(featureId) {
+  getMidpoints (featureId) {
     const feature = this.getFeature(featureId)
     const coords = getCoords(feature)
     const segments = getRingSegments(feature)
@@ -73,7 +73,7 @@ export const vertexQueries = {
     return midpoints
   },
 
-  getVertexOrMidpoint(state, direction) {
+  getVertexOrMidpoint (state, direction) {
     // Ensure vertices and midpoints are populated
     if (!state.vertecies?.length) {
       state.vertecies = this.getVerticies(state.featureId)
@@ -92,7 +92,7 @@ export const vertexQueries = {
     return [idx, idx < state.vertecies.length ? 'vertex' : 'midpoint']
   },
 
-  getVertexIndexFromMidpoint(state, coordPath) {
+  getVertexIndexFromMidpoint (state, coordPath) {
     const feature = this.getFeature(state.featureId)
     const segments = getRingSegments(feature)
     const parts = coordPath.split('.').map(Number)

package/plugins/beta/draw-ml/src/modes/editVertexMode.js

@@ -20,7 +20,7 @@ export const EditVertexMode = {
   ...vertexOperations,
   ...vertexQueries,
 
-  onSetup(options) {
+  onSetup (options) {
     const state = DirectSelect.onSetup.call(this, options)
     Object.assign(state, {
       container: options.container,
@@ -88,15 +88,22 @@ export const EditVertexMode = {
     return state
   },
 
-  setupEventListeners(state) {
+  setupEventListeners (state) {
     const bind = (fn) => (e) => fn.call(this, state, e)
     const h = this.handlers = {
-      keydown: bind(this.onKeydown), keyup: bind(this.onKeyup),
-      pointerdown: bind(this.onPointerevent), pointermove: bind(this.onPointerevent), pointerup: bind(this.onPointerevent),
+      keydown: bind(this.onKeydown),
+      keyup: bind(this.onKeyup),
+      pointerdown: bind(this.onPointerevent),
+      pointermove: bind(this.onPointerevent),
+      pointerup: bind(this.onPointerevent),
       click: bind(this.onButtonClick),
-      touchstart: bind(this.onTouchstart), touchmove: bind(this.onTouchmove), touchend: bind(this.onTouchend),
-      selectionchange: bind(this.onSelectionChange), scalechange: bind(this.onScaleChange),
-      update: bind(this.onUpdate), move: bind(this.onMove)
+      touchstart: bind(this.onTouchstart),
+      touchmove: bind(this.onTouchmove),
+      touchend: bind(this.onTouchend),
+      selectionchange: bind(this.onSelectionChange),
+      scalechange: bind(this.onScaleChange),
+      update: bind(this.onUpdate),
+      move: bind(this.onMove)
     }
 
     window.addEventListener('keydown', h.keydown, { capture: true })
@@ -114,7 +121,7 @@ export const EditVertexMode = {
     this.map.on('move', h.move)
   },
 
-  onSelectionChange(state, e) {
+  onSelectionChange (state, e) {
     const vertexCoord = e.points[e.points.length - 1]?.geometry.coordinates
 
     // Only update selectedVertexIndex from event if not keyboard mode AND event has valid vertex
@@ -139,11 +146,11 @@ export const EditVertexMode = {
     this.updateTouchVertexTarget(state, vertex ? scalePoint(this.map.project(vertex), state.scale) : null)
   },
 
-  onScaleChange(state, e) {
+  onScaleChange (state, e) {
     state.scale = e.scale
   },
 
-  onUpdate(state) {
+  onUpdate (state) {
     const prev = new Set(state.vertecies.map(c => JSON.stringify(c)))
     if (prev.size === state.vertecies.length) {
       return
@@ -152,7 +159,7 @@ export const EditVertexMode = {
     state.selectedVertexType ??= state.selectedVertexIndex >= 0 ? 'vertex' : null
   },
 
-  onKeydown(state, e) {
+  onKeydown (state, e) {
     if (!state.container.contains(document.activeElement)) {
       return
     }
@@ -247,7 +254,7 @@ export const EditVertexMode = {
     }
   },
 
-  onKeyup(state, e) {
+  onKeyup (state, e) {
     if (!state.container.contains(document.activeElement)) {
       return
     }
@@ -273,7 +280,7 @@ export const EditVertexMode = {
     }
   },
 
-  onMouseDown(state, e) {
+  onMouseDown (state, e) {
     clearSnapState(getSnapInstance(this.map))
     const meta = e.featureTarget?.properties.meta
     const coordPath = e.featureTarget?.properties.coord_path
@@ -313,7 +320,7 @@ export const EditVertexMode = {
     }
   },
 
-  onMouseUp(state, e) {
+  onMouseUp (state, e) {
     clearSnapState(getSnapInstance(this.map))
 
     // Check if vertex actually moved by comparing current position to start position
@@ -353,10 +360,11 @@ export const EditVertexMode = {
         state._insertedVertexIndex = undefined
         // Broadcast the updated vertex count — DirectSelect.onMouseUp only fires
         // draw.update (not draw.selectionchange), so onSelectionChange never runs
-        this.map.fire('draw.vertexselection', { index: insertedIndex, numVertecies: state.vertecies.length })
-      }
-      // Push undo for the move if vertex actually moved
-      else if (vertexMoved && state._moveStartPosition && state._moveStartIndex !== undefined) {
+        this.map.fire('draw.vertexselection', {
+          index: insertedIndex, numVertecies: state.vertecies.length
+        })
+      } else if (vertexMoved && state._moveStartPosition && state._moveStartIndex !== undefined) {
+        // Push undo for the move if vertex actually moved
         this.pushUndo({
           type: 'move_vertex',
           featureId: state.featureId,
@@ -373,7 +381,7 @@ export const EditVertexMode = {
     DirectSelect.onMouseUp.call(this, state, e)
   },
 
-  onDrag(state, e) {
+  onDrag (state, e) {
     if (state.interfaceType === 'touch') {
       return
     }
@@ -404,14 +412,14 @@ export const EditVertexMode = {
     state.dragMoveLocation = e.lngLat
   },
 
-  onMove(state) {
+  onMove (state) {
     const vertex = state.vertecies[state.selectedVertexIndex]
     if (vertex) {
       this.updateTouchVertexTarget(state, scalePoint(this.map.project(vertex), state.scale))
     }
   },
 
-  onButtonClick(state, e) {
+  onButtonClick (state, e) {
     if (e.target.closest(`#${state.deleteVertexButtonId}`) && state.selectedVertexType === 'vertex') {
       this.deleteVertex(state)
     }
@@ -420,19 +428,19 @@ export const EditVertexMode = {
     }
   },
 
-  clickNoTarget(state) {
+  clickNoTarget (state) {
     this.changeMode(state, { selectedVertexIndex: -1, selectedVertexType: null, isPanEnabled: true })
   },
 
   // Prevent selecting other features
-  changeMode(state, updates) {
+  changeMode (state, updates) {
     if (!state.featureId) {
       return
     }
     this._ctx.api.changeMode('edit_vertex', { ...state, ...updates })
   },
 
-  onStop(state) {
+  onStop (state) {
     const h = this.handlers
     state.container.removeEventListener('pointerdown', h.pointerdown)
     state.container.removeEventListener('pointermove', h.pointermove)

package/plugins/beta/draw-ml/src/reducer.js

@@ -84,4 +84,4 @@ const actions = {
 export {
   initialState,
   actions
-}
+}