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

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

@@ -17,7 +17,7 @@ export const createUndoStack = (map) => {
      * Push an undo operation onto the stack
      * @param {Object} operation - { type, undo: Function, ...data }
      */
-    push(operation) {
+    push (operation) {
       stack.push(operation)
       fireChange()
     },
@@ -26,7 +26,7 @@ export const createUndoStack = (map) => {
      * Pop and return the last operation (does not execute it)
      * @returns {Object|undefined} The operation or undefined if empty
      */
-    pop() {
+    pop () {
       const op = stack.pop()
       fireChange()
       return op
@@ -35,7 +35,7 @@ export const createUndoStack = (map) => {
     /**
      * Clear all operations from the stack
      */
-    clear() {
+    clear () {
       stack.length = 0
       fireChange()
     },
@@ -43,7 +43,7 @@ export const createUndoStack = (map) => {
     /**
      * Get current stack length
      */
-    get length() {
+    get length () {
       return stack.length
     }
   }

package/plugins/beta/draw-ml/src/utils/snapHelpers.js

@@ -8,7 +8,7 @@
  * @param {maplibregl.Map} map - Map instance
  * @returns {MapboxSnap|null} Snap instance or null
  */
-export function getSnapInstance(map) {
+export function getSnapInstance (map) {
   return map?._snapInstance ?? null
 }
 
@@ -17,7 +17,7 @@ export function getSnapInstance(map) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {boolean} True if snap is active with valid coordinates
  */
-export function isSnapActive(snap) {
+export function isSnapActive (snap) {
   // Also check snap.status to ensure snap feature is enabled
   return !!(snap?.status && snap?.snapStatus && snap.snapCoords?.length >= 2)
 }
@@ -27,7 +27,7 @@ export function isSnapActive(snap) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {{ lng: number, lat: number }|null} Snapped coordinates or null
  */
-export function getSnapLngLat(snap) {
+export function getSnapLngLat (snap) {
   if (!isSnapActive(snap)) {
     return null
   }
@@ -42,7 +42,7 @@ export function getSnapLngLat(snap) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {[number, number]|null} Snapped coordinates or null
  */
-export function getSnapCoords(snap) {
+export function getSnapCoords (snap) {
   if (!isSnapActive(snap)) {
     return null
   }
@@ -56,7 +56,7 @@ export function getSnapCoords(snap) {
  * @param {{ x: number, y: number }} point - Screen point
  * @returns {boolean} True if snap was triggered
  */
-export function triggerSnapAtPoint(snap, map, point) {
+export function triggerSnapAtPoint (snap, map, point) {
   if (!snap || !map || !snap.status) {
     return false
   }
@@ -72,7 +72,7 @@ export function triggerSnapAtPoint(snap, map, point) {
  * @param {maplibregl.Map} map - Map instance
  * @returns {boolean} True if snap was triggered
  */
-export function triggerSnapAtCenter(snap, map) {
+export function triggerSnapAtCenter (snap, map) {
   // Don't trigger snap if library is disabled
   if (!snap || !map || !snap.status) {
     return false
@@ -89,7 +89,7 @@ export function triggerSnapAtCenter(snap, map) {
  * @param {MapboxSnap} snap - Snap instance
  * @param {maplibregl.Map} [map] - Optional map instance for direct layer control
  */
-export function clearSnapIndicator(snap, map) {
+export function clearSnapIndicator (snap, map) {
   if (snap) {
     snap.snapStatus = false
     snap.snapCoords = null
@@ -116,7 +116,7 @@ export function clearSnapIndicator(snap, map) {
  * Clear all snap state (for use between drag operations)
  * @param {MapboxSnap} snap - Snap instance
  */
-export function clearSnapState(snap) {
+export function clearSnapState (snap) {
   if (!snap) {
     return
   }
@@ -139,7 +139,7 @@ export function clearSnapState(snap) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {number} Snap radius in pixels (default 15)
  */
-export function getSnapRadius(snap) {
+export function getSnapRadius (snap) {
   return snap?.options?.radius ?? 15
 }
 
@@ -148,7 +148,7 @@ export function getSnapRadius(snap) {
  * @param {object} state - Mode state with optional getSnapEnabled function
  * @returns {boolean} True if snapping is enabled
  */
-export function isSnapEnabled(state) {
+export function isSnapEnabled (state) {
   // Only return true if getSnapEnabled exists and explicitly returns true
   if (typeof state?.getSnapEnabled !== 'function') {
     return false
@@ -162,7 +162,7 @@ export function isSnapEnabled(state) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {object} Event with snapped lngLat or original event
  */
-export function createSnappedEvent(e, snap) {
+export function createSnappedEvent (e, snap) {
   const lngLat = getSnapLngLat(snap)
   if (!lngLat) {
     return e
@@ -180,7 +180,7 @@ export function createSnappedEvent(e, snap) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {object|null} Synthetic event or null if no snap
  */
-export function createSnappedClickEvent(map, snap) {
+export function createSnappedClickEvent (map, snap) {
   const lngLat = getSnapLngLat(snap)
   if (!lngLat) {
     return null

package/plugins/beta/draw-ml/src/utils/spatial.js

@@ -28,7 +28,7 @@ import {
  * @param {Feature<LineString>} line
  * @param {number} extendDist (distance to extend in Turf units)
  */
-function extendLine(line, extendDist = 1, units = 'meters') {
+function extendLine (line, extendDist = 1, units = 'meters') {
   const coords = line.geometry.coordinates
   const result = []
 
@@ -113,17 +113,17 @@ const toTurfGeometry = (featureOrGeom) => {
 
   switch (geom.type) {
     case 'Polygon':
-      return turfPolygon(geom.coordinates);
+      return turfPolygon(geom.coordinates)
     case 'MultiPolygon':
-      return turfMultiPolygon(geom.coordinates);
+      return turfMultiPolygon(geom.coordinates)
     case 'LineString':
-      return turfLineString(geom.coordinates);
+      return turfLineString(geom.coordinates)
     case 'MultiLineString':
-      return turfMultiLineString(geom.coordinates);
+      return turfMultiLineString(geom.coordinates)
     case 'Point':
-      return turfPoint(geom.coordinates);
+      return turfPoint(geom.coordinates)
     case 'MultiPoint':
-      return turfMultiPoint(geom.coordinates);
+      return turfMultiPoint(geom.coordinates)
     default:
       throw new Error(`Unsupported geometry type: ${geom.type}`)
   }
@@ -251,8 +251,8 @@ export {
   toTurfGeometry,
   splitPolygon,
   extendLine,
-	isNewCoordinate,
-	isValidClick,
-	isValidLineClick,
+  isNewCoordinate,
+  isValidClick,
+  isValidLineClick,
   spatialNavigate
-}
+}

package/plugins/beta/frame/src/Frame.jsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useState } from 'react'
 import { computeInset } from './utils.js'
 
-export function Frame({ appState, mapState, pluginState, mapProvider }) {
+export function Frame ({ appState, mapState, pluginState, mapProvider }) {
   const { actionsRef, mainRef, footerRef, viewportRef } = appState.layoutRefs
   const { dispatch } = pluginState
   const elRef = useRef(null)
@@ -87,7 +87,7 @@ export function Frame({ appState, mapState, pluginState, mapProvider }) {
     const viewportRect = viewportEl.getBoundingClientRect()
 
     // Calculate padding from viewport edges to frame edges
-    const scale = {small: 1, medium: 1.5, large: 2}[mapState.mapSize]
+    const scale = { small: 1, medium: 1.5, large: 2 }[mapState.mapSize]
 
     const padding = {
       top: (frameRect.top - viewportRect.top) / scale,
@@ -108,11 +108,11 @@ export function Frame({ appState, mapState, pluginState, mapProvider }) {
   return (
     <>
       {/* Spacer */}
-      <div className="im-c-frame-spacer" style={{ inset: parentInset }} ref={elRef} />
+      <div className='im-c-frame-spacer' style={{ inset: parentInset }} ref={elRef} />
 
       {/* Child */}
       {childStyle && (
-        <div ref={displayRef} className="im-c-frame-display" style={{ ...childStyle }} />
+        <div ref={displayRef} className='im-c-frame-display' style={{ ...childStyle }} />
       )}
     </>
   )

package/plugins/beta/frame/src/FrameInit.jsx

@@ -23,8 +23,8 @@ export const FrameInit = ({
   // Attach events
   useEffect(() => {
     if (!isActive) {
-			return
-		}
+      return
+    }
 
     // --- Done
     frameDone.onClick = () => {
@@ -32,7 +32,7 @@ export const FrameInit = ({
         frameEl: frameRefs.displayRef.current,
         viewportEl: layoutRefs.viewportRef.current,
         featureId: frame?.featureId,
-        scale: {small: 1, medium: 1.5, large: 2}[mapState.mapSize],
+        scale: { small: 1, medium: 1.5, large: 2 }[mapState.mapSize],
         mapProvider
       })
 
@@ -51,4 +51,4 @@ export const FrameInit = ({
       frameCancel.onClick = null
     }
   }, [mapState.isMapReady, mode, breakpoint, frame, frameRefs, layoutRefs, mapProvider, dispatch, eventBus, frameDone, frameCancel])
-}
+}

package/plugins/beta/frame/src/api/addFrame.js

@@ -15,4 +15,4 @@ export const addFrame = ({ pluginConfig, pluginState, services }, featureId, con
   dispatch({ type: 'SET_FRAME', payload: frame })
 
   eventBus.emit('frame:add')
-}
+}

package/plugins/beta/frame/src/api/editFeature.js

@@ -24,4 +24,4 @@ export const editFeature = ({ pluginConfig, pluginState, mapProvider, services }
   dispatch({ type: 'SET_FRAME', payload: { ...frame, bounds } })
 
   eventBus.emit('frame:edit')
-}
+}

package/plugins/beta/frame/src/config.js

@@ -3,4 +3,4 @@ export const DEFAULT = {
   mobileWidth: '300px',
   tabletWidth: '360px',
   desktopWidth: '400px'
-}
+}

package/plugins/beta/frame/src/manifest.js

@@ -6,8 +6,8 @@ import { addFrame } from './api/addFrame.js'
 import { editFeature } from './api/editFeature.js'
 
 const buttonSlots = {
-  mobile:  { slot: 'actions', showLabel: true },
-  tablet:  { slot: 'actions', showLabel: true },
+  mobile: { slot: 'actions', showLabel: true },
+  tablet: { slot: 'actions', showLabel: true },
   desktop: { slot: 'actions', showLabel: true }
 }
 
@@ -40,7 +40,7 @@ export const manifest = {
     variant: 'primary',
     hiddenWhen: ({ pluginState }) => !pluginState.frame,
     ...buttonSlots
-  },{
+  }, {
     id: 'frameCancel',
     label: 'Cancel',
     variant: 'tertiary',

package/plugins/beta/frame/src/reducer.js

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

package/plugins/beta/frame/src/utils.js

@@ -132,7 +132,7 @@ function getFeatureAspectRatio (feature, mapProvider) {
   if (height === 0) {
     return null
   }
-  
+
   // Round to 6 decimal places to account for floating point precision
   return Math.round((width / height) * 1000000) / 1000000
 }

package/plugins/beta/map-styles/src/MapStyles.jsx

@@ -18,14 +18,14 @@ export const MapStyles = ({ mapState, pluginConfig, services, mapProvider }) =>
   }
 
   return (
-    <div className="im-c-map-styles">
-      <div className="im-c-map-styles__group">
-        <div className="im-c-map-styles__inner">
+    <div className='im-c-map-styles'>
+      <div className='im-c-map-styles__group'>
+        <div className='im-c-map-styles__inner'>
           {mapStyles.filter(mapStyle => mapStyle.url).map(mapStyle => (
-            <div className="im-c-map-styles__item" key={mapStyle.id}>
-              <button className="im-c-map-styles__button" aria-pressed={mapStyle.id === currentMapStyle.id} onClick={() => handleMapStyleClick(mapStyle)}>
-                <div className="im-c-map-styles__image">
-                  <img src={mapStyle.thumbnail || undefined} alt="" height="60" width="60" />
+            <div className='im-c-map-styles__item' key={mapStyle.id}>
+              <button className='im-c-map-styles__button' aria-pressed={mapStyle.id === currentMapStyle.id} onClick={() => handleMapStyleClick(mapStyle)}>
+                <div className='im-c-map-styles__image'>
+                  <img src={mapStyle.thumbnail || undefined} alt='' height='60' width='60' />
                 </div>
                 {mapStyle.label}
               </button>
@@ -34,16 +34,16 @@ export const MapStyles = ({ mapState, pluginConfig, services, mapProvider }) =>
         </div>
       </div>
       {supportsMapSizes && (
-        <div className="im-c-map-styles__group">
-          <h3 className="im-c-map-styles__heading" id="map-text-sizes">Map size</h3>
-          <div className="im-c-map-styles__inner">
-            {["small", "medium", "large"].map(size => (
-              <div className="im-c-map-styles__item" key={size}>
-                <button className="im-c-map-styles__button" onClick={() => handleMapSizeClick(size)} aria-pressed={size === currentMapSize}>
-                  <div className="im-c-map-styles__image">
-                    <svg width="60" height="60" viewBox="0 0 60 60" fillRule="evenodd">
-                      <rect className="im-c-map-styles__image-bg" width="100%" height="100%" />
-                      <g style={{ transform: `scale(${scaleFactor[size]})`, transformOrigin: "8px 52px" }}>
+        <div className='im-c-map-styles__group'>
+          <h3 className='im-c-map-styles__heading' id='map-text-sizes'>Map size</h3>
+          <div className='im-c-map-styles__inner'>
+            {['small', 'medium', 'large'].map(size => (
+              <div className='im-c-map-styles__item' key={size}>
+                <button className='im-c-map-styles__button' onClick={() => handleMapSizeClick(size)} aria-pressed={size === currentMapSize}>
+                  <div className='im-c-map-styles__image'>
+                    <svg width='60' height='60' viewBox='0 0 60 60' fillRule='evenodd'>
+                      <rect className='im-c-map-styles__image-bg' width='100%' height='100%' />
+                      <g style={{ transform: `scale(${scaleFactor[size]})`, transformOrigin: '8px 52px' }}>
                         <path d={textSizeSvgPath} />
                       </g>
                     </svg>
@@ -57,4 +57,4 @@ export const MapStyles = ({ mapState, pluginConfig, services, mapProvider }) =>
       )}
     </div>
   )
-}
+}

package/plugins/beta/scale-bar/src/ScaleBar.jsx

@@ -23,12 +23,12 @@ export function ScaleBar ({
   }, [resolution, mapSize, pluginConfig.units])
 
   return (
-    <div className="im-c-scale-bar" ref={elRef} style={{ width: `${scale.width}px` }}>
-      <span className="im-c-scale-bar__label">
-        <span className="im-u-visually-hidden">Scale bar: </span>
+    <div className='im-c-scale-bar' ref={elRef} style={{ width: `${scale.width}px` }}>
+      <span className='im-c-scale-bar__label'>
+        <span className='im-u-visually-hidden'>Scale bar: </span>
         {scale.label}
-        <span aria-hidden="true">{scale.abbr}</span>
-        <span className="im-u-visually-hidden">{scale.unit}</span>
+        <span aria-hidden='true'>{scale.abbr}</span>
+        <span className='im-u-visually-hidden'>{scale.unit}</span>
       </span>
     </div>
   )

package/plugins/beta/use-location/src/UseLocation.jsx

@@ -5,7 +5,7 @@ export const UseLocation = ({ pluginState }) => {
   const { errorMessage } = pluginState
 
   return (
-    <div className="im-c-use-location">
+    <div className='im-c-use-location'>
       <p>{errorMessage}</p>
     </div>
   )

package/plugins/beta/use-location/src/defaults.js

@@ -3,4 +3,4 @@ export const errorMessages = {
   POSITION_UNAVAILABLE: 'Location information is unavailable.',
   TIMEOUT: 'The location request timed out. Please try again.',
   FALLBACK: 'Unable to get your location.'
-}
+}

package/plugins/beta/use-location/src/events.js

@@ -1,6 +1,6 @@
 import { errorMessages } from './defaults.js'
 
-export function attachEvents({ appState, pluginState, mapProvider, useLocationButton }) {
+export function attachEvents ({ appState, pluginState, mapProvider, useLocationButton }) {
   const { dispatch: appDispatch, buttonRefs } = appState
   const { dispatch: pluginDispatch } = pluginState
 
@@ -30,7 +30,7 @@ export function attachEvents({ appState, pluginState, mapProvider, useLocationBu
       const message = getFriendlyError(err)
       const triggeringElement = buttonRefs.current[useLocationButton.id]
       pluginDispatch({ type: 'SET_ERROR_MESSAGE', payload: message })
-      appDispatch({ type: 'OPEN_PANEL', payload: { panelId: 'useLocation', props: { triggeringElement }}})
+      appDispatch({ type: 'OPEN_PANEL', payload: { panelId: 'useLocation', props: { triggeringElement } } })
     }, {
       enableHighAccuracy: true,
       maximumAge: 0,
@@ -78,4 +78,4 @@ export function attachEvents({ appState, pluginState, mapProvider, useLocationBu
 
   // Return helpers in case you want them in future
   return { startTracking, stopTracking }
-}
+}

package/plugins/interact/src/InteractInit.jsx

@@ -24,7 +24,7 @@ export const InteractInit = ({
     mapState,
     pluginState,
     services,
-    mapProvider,
+    mapProvider
   })
 
   // Refs updated synchronously each render — keeps callbacks fresh without re-attaching events
@@ -89,6 +89,5 @@ export const InteractInit = ({
     return cleanupEvents
   }, [pluginState.enabled, buttonConfig, events, eventBus, closeApp])
 
-
   return null
 }

package/plugins/interact/src/api/enable.js

@@ -7,9 +7,12 @@
 import { DEFAULTS } from '../defaults.js'
 
 export const enable = ({ pluginState, pluginConfig }, options) => {
-  pluginState.dispatch({ type: 'ENABLE', payload: {
-    ...DEFAULTS,
-    ...pluginConfig,
-    ...options
-  }})
+  pluginState.dispatch({
+    type: 'ENABLE',
+    payload: {
+      ...DEFAULTS,
+      ...pluginConfig,
+      ...options
+    }
+  })
 }

package/plugins/interact/src/api/enable.test.js

@@ -18,9 +18,9 @@ describe('enable', () => {
     expect(dispatch).toHaveBeenCalledWith({
       type: 'ENABLE',
       payload: expect.objectContaining({
-        interactionMode: 'select',   // options override DEFAULTS
+        interactionMode: 'select', // options override DEFAULTS
         multiSelect: DEFAULTS.multiSelect, // default preserved
-        markerColor: 'green',        // options override pluginConfig
+        markerColor: 'green', // options override pluginConfig
         dataLayers: [{ layerId: 'test' }] // options passed
       })
     })

package/plugins/interact/src/api/selectFeature.js

@@ -6,8 +6,8 @@
  */
 export const selectFeature = ({ services }, { featureId, layerId, idProperty }) => {
   services.eventBus.emit('interact:selectFeature', {
-		featureId,
-		layerId,
-		idProperty
-	})
+    featureId,
+    layerId,
+    idProperty
+  })
 }

package/plugins/interact/src/api/unselectFeature.js

@@ -6,8 +6,8 @@
  */
 export const unselectFeature = ({ services }, { featureId, layerId, idProperty }) => {
   services.eventBus.emit('interact:unselectFeature', {
-		featureId,
-		layerId,
-		idProperty
-	})
-}
+    featureId,
+    layerId,
+    idProperty
+  })
+}

package/plugins/interact/src/defaults.js

@@ -9,4 +9,3 @@ export const DEFAULTS = {
   selectedFill: 'rgba(255, 0, 0, 0.1)',
   selectedStrokeWidth: 2
 }
-

package/plugins/interact/src/events.test.js

@@ -18,7 +18,7 @@ describe('attachEvents', () => {
         getPluginState: () => pluginState,
         mapState: {
           markers: { remove: jest.fn(), getMarker: jest.fn(() => null) },
-          crossHair: { getDetail: jest.fn(() => ({ point: { x: 0, y: 0 }, coords: [0,0] })) }
+          crossHair: { getDetail: jest.fn(() => ({ point: { x: 0, y: 0 }, coords: [0, 0] })) }
         },
         buttonConfig: { selectDone: {}, selectAtTarget: {}, selectCancel: {} },
         events: { MAP_CLICK: 'map:click' },
@@ -78,10 +78,10 @@ describe('attachEvents', () => {
     params.clickReadyRef.current = true
     cleanup = attachEvents(params)
 
-    const handler = params.eventBus.on.mock.calls.find(c => c[0]==='map:click')[1]
-    handler({ point:{x:1,y:2}, coords:[3,4] })
+    const handler = params.eventBus.on.mock.calls.find(c => c[0] === 'map:click')[1]
+    handler({ point: { x: 1, y: 2 }, coords: [3, 4] })
 
-    expect(params.handleInteraction).toHaveBeenCalledWith({ point:{x:1,y:2}, coords:[3,4] })
+    expect(params.handleInteraction).toHaveBeenCalledWith({ point: { x: 1, y: 2 }, coords: [3, 4] })
   })
 
   it('map click is suppressed when clickReadyRef is false', () => {
@@ -89,8 +89,8 @@ describe('attachEvents', () => {
     params.clickReadyRef.current = false
     cleanup = attachEvents(params)
 
-    const handler = params.eventBus.on.mock.calls.find(c => c[0]==='map:click')[1]
-    handler({ point:{x:1,y:2}, coords:[3,4] })
+    const handler = params.eventBus.on.mock.calls.find(c => c[0] === 'map:click')[1]
+    handler({ point: { x: 1, y: 2 }, coords: [3, 4] })
 
     expect(params.handleInteraction).not.toHaveBeenCalled()
   })
@@ -99,7 +99,7 @@ describe('attachEvents', () => {
     const params = createParams()
     cleanup = attachEvents(params)
 
-    const crossDetail = { point:{x:1,y:2}, coords:[3,4] }
+    const crossDetail = { point: { x: 1, y: 2 }, coords: [3, 4] }
     params.mapState.crossHair.getDetail.mockReturnValue(crossDetail)
 
     params.buttonConfig.selectAtTarget.onClick()
@@ -111,14 +111,14 @@ describe('attachEvents', () => {
     cleanup = attachEvents(params)
 
     // closeOnAction = true (already covered)
-    params.mapState.markers.getMarker.mockReturnValue({ coords:[1,2] })
+    params.mapState.markers.getMarker.mockReturnValue({ coords: [1, 2] })
     params.buttonConfig.selectDone.onClick()
     expect(params.closeApp).toHaveBeenCalled()
 
     // cover closeOnAction = false
     params.closeApp.mockClear()
     params.pluginState.closeOnAction = false
-    params.mapState.markers.getMarker.mockReturnValue({ coords:[3,4] })
+    params.mapState.markers.getMarker.mockReturnValue({ coords: [3, 4] })
     params.buttonConfig.selectDone.onClick()
     expect(params.closeApp).not.toHaveBeenCalled()
   })
@@ -155,11 +155,11 @@ describe('attachEvents', () => {
     const params = createParams()
     cleanup = attachEvents(params)
 
-    const selectHandler = params.eventBus.on.mock.calls.find(c => c[0]==='interact:selectFeature')[1]
-    const unselectHandler = params.eventBus.on.mock.calls.find(c => c[0]==='interact:unselectFeature')[1]
+    const selectHandler = params.eventBus.on.mock.calls.find(c => c[0] === 'interact:selectFeature')[1]
+    const unselectHandler = params.eventBus.on.mock.calls.find(c => c[0] === 'interact:unselectFeature')[1]
 
-    selectHandler({ featureId:'F1' })
-    unselectHandler({ featureId:'F2' })
+    selectHandler({ featureId: 'F1' })
+    unselectHandler({ featureId: 'F2' })
 
     expect(params.pluginState.dispatch).toHaveBeenCalledTimes(2)
     expect(params.mapState.markers.remove).toHaveBeenCalledTimes(2)
@@ -178,7 +178,7 @@ describe('attachEvents', () => {
 
     // Ensure marker returns null (no coords)
     params.mapState.markers.getMarker.mockReturnValue(null)
-    
+
     // Set up features and bounds
     params.pluginState.selectedFeatures = [{ id: 'f1' }]
     params.pluginState.selectionBounds = { sw: [0, 0], ne: [1, 1] }
@@ -194,7 +194,7 @@ describe('attachEvents', () => {
   it('respects default closeOnAction when value is undefined (fallback to true)', () => {
     const params = createParams()
     // Explicitly set to undefined to trigger the ?? fallback
-    params.pluginState.closeOnAction = undefined 
+    params.pluginState.closeOnAction = undefined
     cleanup = attachEvents(params)
 
     // Test for selectDone

package/plugins/interact/src/hooks/useHighlightSync.js

@@ -45,4 +45,4 @@ export const useHighlightSync = ({
       eventBus.off(events.MAP_DATA_CHANGE, updateHighlightedFeatures)
     }
   }, [selectedFeatures, mapProvider, stylesMap])
-}
+}

package/plugins/interact/src/hooks/useInteractionHandlers.js

@@ -34,7 +34,7 @@ export const useInteractionHandlers = ({
   mapState,
   pluginState,
   services,
-  mapProvider,
+  mapProvider
 }) => {
   const { markers } = mapState
   const { dispatch, dataLayers, interactionMode, multiSelect, contiguous, markerColor, tolerance, selectedFeatures, selectionBounds, deselectOnClickOutside } = pluginState
@@ -71,7 +71,7 @@ export const useInteractionHandlers = ({
     }
 
     // Internal helper to keep complexity low
-    function processFeatureMatch({ feature, config }) {
+    function processFeatureMatch ({ feature, config }) {
       markers.remove('location')
       const isNewContiguous = contiguous && isContiguousWithAny(feature, selectedFeatures)
       const featureId = feature.properties?.[config.idProperty] ?? feature.id

package/plugins/interact/src/hooks/useInteractionHandlers.test.js

@@ -295,7 +295,7 @@ it('emits selectionchange once when bounds exist', () => {
 
 it('skips emission when selection remains empty after being cleared', () => {
   const eventBus = { emit: jest.fn() }
-  
+
   // 1. First render with a feature (prev is null, emission happens)
   const { rerender } = renderHook(
     ({ features }) => useInteractionHandlers({
@@ -306,7 +306,7 @@ it('skips emission when selection remains empty after being cleared', () => {
     }),
     { initialProps: { features: [{ id: 'f1' }] } }
   )
-  
+
   expect(eventBus.emit).toHaveBeenCalledTimes(1)
   eventBus.emit.mockClear()
 
@@ -315,11 +315,11 @@ it('skips emission when selection remains empty after being cleared', () => {
   expect(eventBus.emit).toHaveBeenCalledTimes(1)
   eventBus.emit.mockClear()
 
-  // 3. Rerender with empty selection AGAIN 
+  // 3. Rerender with empty selection AGAIN
   // This triggers: prev !== null AND prev.length === 0
   rerender({ features: [] })
-  
-  // Should skip emission because wasEmpty is true (via prev.length === 0) 
+
+  // Should skip emission because wasEmpty is true (via prev.length === 0)
   // and current features.length is 0
   expect(eventBus.emit).not.toHaveBeenCalled()
 })