@defra/interactive-map 0.0.23-alpha → 0.0.24-alpha

package/plugins/search/src/components/Form/Form.jsx

@@ -2,9 +2,12 @@
 import { useEffect } from 'react'
 import { Suggestions } from '../Suggestions/Suggestions'
 
-const getResultMessage = (count) => {
+const getResultMessage = (count, hasSearchError, searchErrorMessage, noResultsMessage) => {
+  if (hasSearchError) {
+    return searchErrorMessage
+  }
   if (count === 0) {
-    return 'No results available'
+    return noResultsMessage
   }
   const plural = count === 1 ? 'result' : 'results'
   return `${count} ${plural} available`
@@ -25,7 +28,8 @@ export const Form = ({
   services,
   children // For SearchClose
 }) => {
-  const { areSuggestionsVisible, hasFetchedSuggestions, suggestions = [] } = pluginState
+  const { areSuggestionsVisible, hasFetchedSuggestions, hasSearchError, suggestions = [] } = pluginState
+  const { noResultsMessage, searchErrorMessage } = pluginConfig
 
   // Announce when a fetch has completed (hasFetchedSuggestions flips to true),
   // not when the input is merely focused/clicked (SHOW_SUGGESTIONS resets it to false).
@@ -33,7 +37,7 @@ export const Form = ({
     if (!areSuggestionsVisible || !hasFetchedSuggestions) {
       return
     }
-    services.announce(getResultMessage(suggestions.length))
+    services.announce(getResultMessage(suggestions.length, hasSearchError, searchErrorMessage, noResultsMessage))
   }, [suggestions, hasFetchedSuggestions])
 
   const classNames = [
@@ -42,7 +46,7 @@ export const Form = ({
     'im-c-panel'
   ].filter(Boolean).join(' ')
 
-  const showNoResults = areSuggestionsVisible && hasFetchedSuggestions && !suggestions.length
+  const showStatus = areSuggestionsVisible && hasFetchedSuggestions && (hasSearchError || !suggestions.length)
 
   return (
     <form
@@ -89,9 +93,9 @@ export const Form = ({
         {/* Close button passed as child */}
         {children}
       </div>
-      {showNoResults && (
+      {showStatus && (
         <div className='im-c-search__status' aria-hidden='true'>
-          No results available
+          {hasSearchError ? searchErrorMessage : noResultsMessage}
         </div>
       )}
       <Suggestions

package/plugins/search/src/components/Form/Form.test.jsx

@@ -32,7 +32,9 @@ describe('Form', () => {
     },
     pluginConfig: {
       expanded: false,
-      width: '400px'
+      width: '400px',
+      noResultsMessage: 'No results available',
+      searchErrorMessage: 'Sorry, there was a problem with search'
     },
     appState: {
       breakpoint: 'desktop',
@@ -251,5 +253,25 @@ describe('Form', () => {
       )
       expect(baseProps.services.announce).not.toHaveBeenCalled()
     })
+
+    it('shows the error message when hasSearchError is true', () => {
+      render(
+        <Form
+          {...baseProps}
+          pluginState={{ ...baseProps.pluginState, ...searchedState, suggestions: [], hasSearchError: true }}
+        />
+      )
+      expect(screen.getByText('Sorry, there was a problem with search')).toBeInTheDocument()
+    })
+
+    it('announces the error message when hasSearchError is true', () => {
+      render(
+        <Form
+          {...baseProps}
+          pluginState={{ ...baseProps.pluginState, ...searchedState, suggestions: [], hasSearchError: true }}
+        />
+      )
+      expect(baseProps.services.announce).toHaveBeenCalledWith('Sorry, there was a problem with search')
+    })
   })
 })

package/plugins/search/src/datasets.js

@@ -1,7 +1,7 @@
 // src/plugins/search/datasets.js
 import { parseOsNamesResults } from './utils/parseOsNamesResults.js'
 
-export function createDatasets ({ customDatasets = [], osNamesURL, crs, regions = ['england', 'scotland', 'wales'] }) {
+export function createDatasets ({ customDatasets = [], osNamesURL, crs, regions = ['england', 'scotland', 'wales'], maxSuggestions }) {
   if (!osNamesURL) {
     return customDatasets
   }
@@ -9,7 +9,7 @@ export function createDatasets ({ customDatasets = [], osNamesURL, crs, regions
   const defaultDatasets = [{
     name: 'osNames',
     urlTemplate: osNamesURL,
-    parseResults: (json, query) => parseOsNamesResults(json, query, regions, crs),
+    parseResults: (json, query) => parseOsNamesResults(json, query, regions, crs, maxSuggestions),
     includeRegex: /[a-zA-Z0-9]/,
     excludeRegex: /^(?:[a-z]{2}\s*(?:\d{3}\s*\d{3}|\d{4}\s*\d{4}|\d{5}\s*\d{5})|\d+\s*,?\s*\d+)$/i // NOSONAR - complexity unavoidable for gridref/coordinate matching
   }]

package/plugins/search/src/datasets.test.js

@@ -54,7 +54,7 @@ describe('createDatasets', () => {
     const query = 'test query'
 
     const result = datasets[0].parseResults(json, query)
-    expect(parseMock).toHaveBeenCalledWith(json, query, ['england', 'scotland', 'wales'], crs)
+    expect(parseMock).toHaveBeenCalledWith(json, query, ['england', 'scotland', 'wales'], crs, undefined)
     expect(result).toBe('parsed')
     parseMock.mockRestore()
   })

package/plugins/search/src/defaults.js

@@ -1,3 +1,9 @@
 export const DEFAULTS = {
-  minSearchLength: 3
+  expanded: false,
+  showMarker: true,
+  placeholder: 'Search',
+  minSearchLength: 3,
+  maxSuggestions: 8,
+  noResultsMessage: 'No results available',
+  searchErrorMessage: 'Sorry, there was a problem with search'
 }

package/plugins/search/src/events/fetchSuggestions.js

@@ -1,6 +1,6 @@
 // src/plugins/search/events/fetchSuggestions.js
 
-export const sanitiseQuery = (value) => value.replace(/[^a-zA-Z0-9\s\-.,]/g, '').trim()
+export const sanitiseQuery = (value) => value.replaceAll(/[^a-zA-Z0-9\s\-.,]/g, '').trim()
 
 const toRequest = ({ url, options }) => new Request(url, options)
 
@@ -32,14 +32,14 @@ const fetchDatasetResults = async (ds, request, query) => {
 
     if (!response.ok) {
       console.error(`Fetch error for ${ds.label || 'dataset'}: ${response.status}`)
-      return null
+      return { error: true }
     }
 
     const json = await response.json()
     return ds.parseResults(json, query)
   } catch (err) {
     console.error(`Network error for ${ds.label || 'dataset'}:`, err)
-    return null
+    return { error: true }
   }
 }
 
@@ -53,23 +53,26 @@ export const fetchSuggestions = async (value, datasets, dispatch, transformReque
   })
 
   let finalResults = []
+  let hasError = false
 
   for (const ds of activeDatasets) {
     const request = await getRequestConfig(ds, sanitisedValue, transformRequest)
     const results = await fetchDatasetResults(ds, request, sanitisedValue)
 
-    // Check if we have results to add
-    if (results?.length) {
+    if (results?.error) {
+      hasError = true
+    } else if (results?.length) {
       finalResults = [...finalResults, ...results]
+    } else {
+      // No action
+    }
 
-      // Only one control-flow statement allowed: the break for exclusivity
-      if (ds.exclusive) {
-        break
-      }
+    if (ds.exclusive && finalResults.length) {
+      break
     }
   }
 
-  dispatch({ type: 'UPDATE_SUGGESTIONS', payload: finalResults })
+  dispatch({ type: 'UPDATE_SUGGESTIONS', payload: { results: finalResults, hasError } })
 
   return {
     results: finalResults,

package/plugins/search/src/events/fetchSuggestions.test.js

@@ -43,7 +43,7 @@ describe('fetchSuggestions', () => {
     expect(result.results).toEqual(['a', 'b'])
     expect(dispatch).toHaveBeenCalledWith({
       type: 'UPDATE_SUGGESTIONS',
-      payload: ['a', 'b']
+      payload: { results: ['a', 'b'], hasError: false }
     })
   })
 
@@ -162,6 +162,19 @@ describe('fetchSuggestions', () => {
     expect(console.error).toHaveBeenCalled()
   })
 
+  test('dataset returning empty results does not set hasError', async () => {
+    global.fetch.mockResolvedValueOnce({ ok: true, json: async () => ({}) })
+
+    const datasets = [{ urlTemplate: '/api?q={query}', parseResults: () => [] }]
+    const result = await fetchSuggestions('test', datasets, dispatch)
+
+    expect(result.results).toEqual([])
+    expect(dispatch).toHaveBeenCalledWith({
+      type: 'UPDATE_SUGGESTIONS',
+      payload: { results: [], hasError: false }
+    })
+  })
+
   test('stops processing when exclusive dataset returns results', async () => {
     global.fetch
       .mockResolvedValueOnce({

package/plugins/search/src/events/formHandlers.js

@@ -23,7 +23,7 @@ export const createFormHandlers = ({
 
     handleCloseClick (_e, buttonRef) {
       dispatch({ type: 'TOGGLE_EXPANDED', payload: false })
-      dispatch({ type: 'UPDATE_SUGGESTIONS', payload: [] })
+      dispatch({ type: 'UPDATE_SUGGESTIONS', payload: { results: [], hasError: false } })
       dispatch({ type: 'SET_VALUE', payload: '' })
       setTimeout(() => buttonRef.current.focus(), 0)
       markers.remove('search')
@@ -60,9 +60,7 @@ export const createFormHandlers = ({
       }
 
       if (newSuggestions.length) {
-        if (appState.interfaceType === 'keyboard') {
-          viewportRef.current?.focus()
-        }
+        viewportRef.current?.focus()
         if (appState.breakpoint === 'mobile') {
           dispatch({ type: 'TOGGLE_EXPANDED', payload: false })
           services.eventBus.emit('search:close')

package/plugins/search/src/events/formHandlers.test.js

@@ -63,7 +63,7 @@ describe('createFormHandlers', () => {
     handlers.handleCloseClick(null, buttonRef)
 
     expect(dispatch).toHaveBeenCalledWith({ type: 'TOGGLE_EXPANDED', payload: false })
-    expect(dispatch).toHaveBeenCalledWith({ type: 'UPDATE_SUGGESTIONS', payload: [] })
+    expect(dispatch).toHaveBeenCalledWith({ type: 'UPDATE_SUGGESTIONS', payload: { results: [], hasError: false } })
     expect(dispatch).toHaveBeenCalledWith({ type: 'SET_VALUE', payload: '' })
     expect(markers.remove).toHaveBeenCalledWith('search')
 
@@ -122,7 +122,7 @@ describe('createFormHandlers', () => {
     expect(updateMap).not.toHaveBeenCalled()
   })
 
-  test('handleSubmit fetches suggestions and updates map (keyboard)', async () => {
+  test('handleSubmit fetches suggestions and updates map', async () => {
     fetchSuggestions.mockResolvedValueOnce({
       sanitisedValue: 'rome',
       results: [
@@ -132,7 +132,7 @@ describe('createFormHandlers', () => {
 
     await handlers.handleSubmit(
       { preventDefault: jest.fn() },
-      { interfaceType: 'keyboard' },
+      {},
       {
         suggestions: [],
         selectedIndex: -1,

package/plugins/search/src/events/inputHandlers.js

@@ -19,7 +19,7 @@ export const createInputHandlers = ({ dispatch, debouncedFetchSuggestions }) =>
 
     if (value.length < DEFAULTS.minSearchLength) {
       debouncedFetchSuggestions.cancel()
-      dispatch({ type: 'UPDATE_SUGGESTIONS', payload: [] })
+      dispatch({ type: 'UPDATE_SUGGESTIONS', payload: { results: [], hasError: false } })
       dispatch({ type: 'HIDE_SUGGESTIONS' })
       return
     }

package/plugins/search/src/events/inputHandlers.test.js

@@ -72,7 +72,7 @@ describe('createInputHandlers', () => {
 
     expect(dispatch).toHaveBeenCalledWith({
       type: 'UPDATE_SUGGESTIONS',
-      payload: []
+      payload: { results: [], hasError: false }
     })
 
     expect(dispatch).toHaveBeenCalledWith({

package/plugins/search/src/events/suggestionHandlers.js

@@ -1,6 +1,6 @@
 import { updateMap } from '../utils/updateMap.js'
 
-export const createSuggestionHandlers = ({ dispatch, services, mapProvider, markers, showMarker, markerOptions }) => {
+export const createSuggestionHandlers = ({ dispatch, services, mapProvider, markers, showMarker, markerOptions, viewportRef }) => {
   const selectionMessage = (suggestions, index) =>
     index >= 0
       ? `${suggestions[index]?.text}. ${index + 1} of ${suggestions.length} is highlighted`
@@ -17,6 +17,7 @@ export const createSuggestionHandlers = ({ dispatch, services, mapProvider, mark
         services.eventBus.emit('search:close')
       }
 
+      viewportRef.current?.focus()
       updateMap({ mapProvider, bounds: suggestion.bounds, point: suggestion.point, markers, showMarker, markerOptions })
       services.eventBus.emit('search:match', { query: suggestion.text, ...suggestion })
     },

package/plugins/search/src/events/suggestionHandlers.test.js

@@ -9,6 +9,7 @@ jest.mock('../utils/updateMap.js')
 describe('createSuggestionHandlers', () => {
   let dispatch
   let services
+  let viewportRef
   let handlers
 
   beforeEach(() => {
@@ -19,13 +20,16 @@ describe('createSuggestionHandlers', () => {
       announce: jest.fn()
     }
 
+    viewportRef = { current: { focus: jest.fn() } }
+
     handlers = createSuggestionHandlers({
       dispatch,
       services,
       mapProvider: 'map',
       markers: 'markers',
       showMarker: true,
-      markerOptions: { backgroundColor: 'blue' }
+      markerOptions: { backgroundColor: 'blue' },
+      viewportRef
     })
 
     jest.clearAllMocks()
@@ -41,6 +45,7 @@ describe('createSuggestionHandlers', () => {
     expect(dispatch).toHaveBeenCalledWith({ type: 'SET_VALUE', payload: 'Paris' })
     expect(dispatch).toHaveBeenCalledWith({ type: 'HIDE_SUGGESTIONS' })
     expect(dispatch).toHaveBeenCalledWith({ type: 'SET_SELECTED', payload: -1 })
+    expect(viewportRef.current.focus).toHaveBeenCalled()
     expect(updateMap).toHaveBeenCalledWith(expect.objectContaining({ bounds: 'b', point: 'p' }))
     expect(services.eventBus.emit).toHaveBeenCalledWith(
       'search:match',
@@ -55,6 +60,7 @@ describe('createSuggestionHandlers', () => {
 
     expect(dispatch).toHaveBeenCalledWith({ type: 'TOGGLE_EXPANDED', payload: false })
     expect(services.eventBus.emit).toHaveBeenCalledWith('search:close')
+    expect(viewportRef.current.focus).toHaveBeenCalled()
   })
 
   // ---------- ArrowDown ----------

package/plugins/search/src/index.js

@@ -1,16 +1,12 @@
 // /plugins/search/index.js
 import './search.scss'
+import { DEFAULTS } from './defaults.js'
 
 export default function createPlugin (options = {}) {
-  // If search is open then we need to overirde the mobile slot
-  if (options.expanded) {
-    options.manifest = { controls: [{ id: 'search', mobile: { slot: 'banner' } }] }
-  }
-
   return {
-    showMarker: true,
-    placeholder: 'Search',
+    ...DEFAULTS,
     ...options,
+    ...(options.expanded && { manifest: { controls: [{ id: 'search', mobile: { slot: 'banner' } }] } }),
     id: 'search',
     load: async () => {
       const module = (await import(/* webpackChunkName: "im-search-plugin" */ './manifest.js')).manifest

package/plugins/search/src/reducer.js

@@ -5,6 +5,7 @@ const initialState = {
   suggestions: [],
   areSuggestionsVisible: false,
   hasFetchedSuggestions: false,
+  hasSearchError: false,
   selectedIndex: -1
 }
 
@@ -13,7 +14,8 @@ const toggleExpanded = (state, payload) => {
     ...state,
     isExpanded: payload,
     areSuggestionsVisible: payload,
-    hasFetchedSuggestions: false
+    hasFetchedSuggestions: false,
+    hasSearchError: false
   }
 }
 
@@ -44,8 +46,9 @@ const setValue = (state, payload) => {
 const updateSuggestions = (state, payload) => {
   return {
     ...state,
-    suggestions: payload,
-    hasFetchedSuggestions: true
+    suggestions: payload.results,
+    hasFetchedSuggestions: true,
+    hasSearchError: payload.hasError
   }
 }
 
@@ -53,7 +56,8 @@ const showSuggestions = (state) => {
   return {
     ...state,
     areSuggestionsVisible: true,
-    hasFetchedSuggestions: false
+    hasFetchedSuggestions: false,
+    hasSearchError: false
   }
 }
 
@@ -61,7 +65,8 @@ const hideSuggestions = (state) => {
   return {
     ...state,
     areSuggestionsVisible: false,
-    hasFetchedSuggestions: false
+    hasFetchedSuggestions: false,
+    hasSearchError: false
   }
 }
 

package/plugins/search/src/reducer.test.js

@@ -52,9 +52,10 @@ describe('search state actions', () => {
   it('UPDATE_SUGGESTIONS updates the suggestions array and sets hasFetchedSuggestions', () => {
     const state = { ...initialState }
     const suggestions = [{ id: 1 }, { id: 2 }]
-    const newState = actions.UPDATE_SUGGESTIONS(state, suggestions)
+    const newState = actions.UPDATE_SUGGESTIONS(state, { results: suggestions, hasError: false })
     expect(newState.suggestions).toEqual(suggestions)
     expect(newState.hasFetchedSuggestions).toBe(true)
+    expect(newState.hasSearchError).toBe(false)
   })
 
   it('SHOW_SUGGESTIONS sets areSuggestionsVisible to true and resets hasFetchedSuggestions', () => {

package/plugins/search/src/utils/parseOsNamesResults.js

@@ -2,7 +2,7 @@
 import OsGridRef from 'geodesy/osgridref.js'
 
 const POINT_BUFFER = 500
-const MAX_RESULTS = 8
+const DEFAULT_MAX_RESULTS = 8
 
 const isPostcode = (value) => {
   value = value.replace(/\s/g, '')
@@ -100,7 +100,7 @@ const label = (query, { NAME1, COUNTY_UNITARY, DISTRICT_BOROUGH, POSTCODE_DISTRI
   }
 }
 
-const parseOsNamesResults = (json, query, regions, crs) => {
+const parseOsNamesResults = (json, query, regions, crs, maxSuggestions = DEFAULT_MAX_RESULTS) => {
   if (!json || json.error || json.header?.totalresults === 0) {
     return []
   }
@@ -108,7 +108,7 @@ const parseOsNamesResults = (json, query, regions, crs) => {
   results = removeTenuousResults(results, query)
   results = removeDuplicates(results)
   results = removeRegions(results, regions)
-  results = results.slice(0, MAX_RESULTS)
+  results = results.slice(0, maxSuggestions)
 
   return results.map(l => ({
     id: l.GAZETTEER_ENTRY.ID,

package/providers/beta/openlayers/dist/esm/im-openlayers-provider.js

@@ -0,0 +1 @@
+import e from"@babel/runtime/helpers/asyncToGenerator";import t from"ol/Map.js";import o from"ol/View.js";import r from"ol/layer/Tile.js";import{defaults as n}from"ol/interaction/defaults.js";import i from"proj4";import{register as a}from"ol/proj/proj4.js";import s from"ol/source/XYZ.js";import l from"ol/tilegrid/TileGrid.js";import u from"ol/TileState.js";import{transformExtent as m}from"ol/proj.js";var p=[896,448,224,112,56,28,14,7,3.5,1.75,.875,.4375,.21875,.109375],c=[156543.03392800014,78271.51696400007,39135.758482000034,19567.879241000017,9783.939620500008,4891.969810250004,2445.984905125002,1222.992452562501,611.4962262812505,305.74811314062526,152.87405657031263,76.43702828515632,38.21851414257816,19.10925707128908,9.55462853564454,4.77731426782227,2.388657133911135,1.1943285669555674,.5971642834777837,.29858214173889186,.14929107086944593,.07464553543472296,.03732276771736148,.01866138385868074],v=[-238375,1376256],d=300,g=2,h=["showKeyboardHelp","selectControl","moveLarge","nudgeMap","zoomLarge","nudgeZoom"],f="uk",M="world";var w=(e,t)=>{var o=null,r=function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];clearTimeout(o),o=setTimeout(()=>{e(...n)},t)};return r.cancel=()=>{o&&(clearTimeout(o),o=null)},r};function y(e){var{map:t,view:o,emit:r,eventBus:n,events:i,on:a,debouncers:s}=e,l=!1,u=w(()=>{l=!1,r(i.MAP_MOVE_END)},500);s.push(u);var m,p,c,v=(m=()=>r(i.MAP_MOVE),p=10,c=0,function(){var e=Date.now();e-c>=p&&(c=e,m(...arguments))});a(o,"change",()=>{l||(l=!0,n.emit(i.MAP_MOVE_START)),u()}),a(t,"postrender",()=>{l&&v()})}function b(e){var{map:t,source:o,events:r,eventBus:n,getZoom:i,getCenter:a,getBounds:s,getResolution:l}=e,u=!1,m=[],p=[],c=t.getView(),v=c.getMinZoom(),d=c.getMaxZoom(),g=e=>{var t=(()=>{if(u)return null;var e=i();return{center:a(),bounds:s(),resolution:l(),zoom:e,isAtMaxZoom:e+.01>=d,isAtMinZoom:e-.01<=v}})();t&&n.emit(e,t)},h=(e,t,o)=>{e.on(t,o),m.push([e,t,o])};!function(e){var{source:t,map:o,emit:r,eventBus:n,events:i,on:a}=e,s=!1;a(t,"tileloadend",()=>{s||(s=!0,n.emit(i.MAP_LOADED))}),o.once("rendercomplete",()=>r(i.MAP_FIRST_IDLE))}({source:o,map:t,emit:g,eventBus:n,events:r,on:h}),y({map:t,view:t.getView(),emit:g,eventBus:n,events:r,on:h,debouncers:p}),function(e){var{map:t,eventBus:o,events:r,on:n}=e,i=null;n(t,"pointerdown",e=>{i=e.pixel}),n(t,"click",e=>{if(i){var t=e.pixel[0]-i[0],n=e.pixel[1]-i[1];if(Math.hypot(t,n)>6)return}o.emit(r.MAP_CLICK,{point:{x:e.pixel[0],y:e.pixel[1]},coords:e.coordinate})})}({map:t,eventBus:n,events:r,on:h}),h(t,"postrender",()=>n.emit(r.MAP_RENDER));var f=w(()=>g(r.MAP_DATA_CHANGE),500);return p.push(f),h(o,"tileloadend",f),{remove(){u=!0,p.forEach(e=>e.cancel()),m.forEach(e=>{var[t,o,r]=e;return t.un(o,r)})}}}var S=e=>(t,o)=>{var r=e(o,"Tile")||{},n=r.url||o,i=r.headers||{};fetch(n,{headers:i}).then(e=>e.blob()).then(e=>{t.getImage().src=URL.createObjectURL(e)}).catch(()=>t.setState(u.ERROR))};function x(e,t){var o=new l({resolutions:p,origin:v,tileSize:256});return new s({projection:"EPSG:27700",tileGrid:o,tileUrlFunction:t=>{var[o,r,n]=t;return e.replace("{z}",o).replace("{x}",r).replace("{y}",n)},tileLoadFunction:t?S(t):void 0})}function E(e,t,o){if(null!==e)for(var r,n,i,a,s,l,u,m,p=0,c=0,v=e.type,d="FeatureCollection"===v,g="Feature"===v,h=d?e.features.length:1,f=0;f<h;f++){s=(m=!!(u=d?e.features[f].geometry:g?e.geometry:e)&&"GeometryCollection"===u.type)?u.geometries.length:1;for(var M=0;M<s;M++){var w=0,y=0;if(null!==(a=m?u.geometries[M]:u)){l=a.coordinates;var b=a.type;switch(p=0,b){case null:break;case"Point":if(!1===t(l,c,f,w,y))return!1;c++,w++;break;case"LineString":case"MultiPoint":for(r=0;r<l.length;r++){if(!1===t(l[r],c,f,w,y))return!1;c++,"MultiPoint"===b&&w++}"LineString"===b&&w++;break;case"Polygon":case"MultiLineString":for(r=0;r<l.length;r++){for(n=0;n<l[r].length-p;n++){if(!1===t(l[r][n],c,f,w,y))return!1;c++}"MultiLineString"===b&&w++,"Polygon"===b&&y++}"Polygon"===b&&w++;break;case"MultiPolygon":for(r=0;r<l.length;r++){for(y=0,n=0;n<l[r].length;n++){for(i=0;i<l[r][n].length-p;i++){if(!1===t(l[r][n][i],c,f,w,y))return!1;c++}y++}w++}break;case"GeometryCollection":for(r=0;r<a.geometries.length;r++)if(!1===E(a.geometries[r],t))return!1;break;default:throw new Error("Unknown Geometry Type")}}}}}var P=function(e,t={}){if(null!=e.bbox&&!0!==t.recompute)return e.bbox;const o=[1/0,1/0,-1/0,-1/0];return E(e,e=>{o[0]>e[0]&&(o[0]=e[0]),o[1]>e[1]&&(o[1]=e[1]),o[2]<e[0]&&(o[2]=e[0]),o[3]<e[1]&&(o[3]=e[1])}),o},A=e=>{var t=e/1609.344;if(t<.5)return"".concat(Math.round(e),"m");if(t<10){var o=Number.parseFloat(t.toFixed(1)),r=1===o?"mile":"miles";return"".concat(o," ").concat(r)}var n=Math.round(t);return"".concat(n," miles")},Z=(e,t,o)=>{var r=o.getTargetElement().getBoundingClientRect(),[n,i,a,s]=(e=>P(e))(e),l=[[n,i],[n,s],[a,i],[a,s]].map(e=>o.getPixelFromCoordinate(e)).filter(Boolean);if(!l.length)return!1;var u=Math.min(...l.map(e=>e[0])),m=Math.max(...l.map(e=>e[0])),p=Math.min(...l.map(e=>e[1])),c=Math.max(...l.map(e=>e[1])),v=t.left-r.left,d=t.top-r.top,g=t.right-r.left,h=t.bottom-r.top;return u<g&&m>v&&p<h&&c>d},C="EPSG:27700",_=e=>{if(e){var{top:t=0,right:o=0,bottom:r=0,left:n=0}=e;return[t,o,r,n]}};i.defs(C,"+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 +x_0=400000 +y_0=-100000 +ellps=airy +towgs84=446.448,-125.157,542.06,0.15,0.247,0.842,-20.489 +units=m +no_defs"),a(i);class T{constructor(e){var{mapProviderConfig:t={},events:o,eventBus:r}=e;this.events=o,this.eventBus=r,this.capabilities={supportedShortcuts:h,supportsMapSizes:!1},Object.assign(this,t)}initMap(i){var a=this;return e(function*(){var e,{container:s,padding:l,mapStyle:u,mapSize:m,center:v,zoom:d,bounds:g,minZoom:h,maxZoom:w,transformRequest:y}=i;a.mapStyleId=null==u?void 0:u.id,a.mapSize=m;var{events:S,eventBus:E}=a,P=x(u.url,y),A=new r({source:P}),Z=(null!==(e=a.zoomAlignment)&&void 0!==e?e:f)===M?{resolutions:c,defaultMinZoom:6,maxZoom:20}:{resolutions:p,defaultMinZoom:0,maxZoom:p.length-1},T=new o({projection:C,center:v,zoom:null!=d?d:Z.defaultMinZoom,minZoom:Math.max(null!=h?h:Z.defaultMinZoom,Z.defaultMinZoom),maxZoom:null!=w?w:Z.maxZoom,resolutions:Z.resolutions,constrainResolution:!1,padding:_(l)}),z=new t({target:s,layers:[A],view:T,controls:[],interactions:n({doubleClickZoom:!1})});g&&z.once("rendercomplete",()=>{T.fit(g,{size:z.getSize(),duration:0})}),a.mapEventHandles=b({map:z,source:P,events:S,eventBus:E,getZoom:a.getZoom.bind(a),getCenter:a.getCenter.bind(a),getBounds:a.getBounds.bind(a),getResolution:a.getResolution.bind(a)}),a.appEventHandles=function(e){var{tileLayer:t,transformRequest:o,events:r,eventBus:n}=e,i=e=>{var i=x(e.url,o);t.setSource(i),n.emit(r.MAP_STYLE_CHANGE,{mapStyleId:e.id})};return n.on(r.MAP_SET_STYLE,i),{remove(){n.off(r.MAP_SET_STYLE,i)}}}({tileLayer:A,transformRequest:y,events:S,eventBus:E})||[],a.map=z,a.view=T,a.tileLayer=A,a.source=P,E.emit(S.MAP_READY,{map:a.map,mapStyleId:a.mapStyleId,mapSize:a.mapSize,crs:a.crs})})()}destroyMap(){var e,t;null===(e=this.mapEventHandles)||void 0===e||e.remove(),null===(t=this.appEventHandles)||void 0===t||t.remove(),this.mapEventHandles=null,this.appEventHandles=null,this.map&&(this.map.setTarget(null),this.map=null),this.view=null,this.tileLayer=null,this.source=null}setView(e){var{center:t,zoom:o}=e;this.view.animate({center:null!=t?t:this.view.getCenter(),zoom:null!=o?o:this.view.getZoom(),duration:d})}zoomIn(e){this.view.animate({zoom:this.view.getZoom()+e,duration:d})}zoomOut(e){this.view.animate({zoom:this.view.getZoom()-e,duration:d})}panBy(e){var t=this.view.getCenter(),o=this.view.getResolution();this.view.animate({center:[t[0]+e[0]*o,t[1]-e[1]*o],duration:d})}fitToBounds(e){var t,o=Array.isArray(e)?e:(t=P(e),m(t,"EPSG:4326","EPSG:27700"));this.view.fit(o,{duration:d})}setPadding(e){this.view.padding=_(e)}getCenter(){var e=this.view.getCenter(),t=g;return[Math.round(e[0]*Math.pow(10,t))/Math.pow(10,t),Math.round(e[1]*Math.pow(10,t))/Math.pow(10,t)]}getZoom(){return this.view.getZoom()}getBounds(){return this.view.calculateExtent(this.map.getSize()).map(e=>Math.round(100*e)/100)}getFeaturesAtPoint(e,t){return[]}getVisibleFeatures(e){return[]}getAreaDimensions(){return(e=>{if(!e)return"";var[t,o,r,n]=e,i=r-t;return"".concat(A(n-o)," by ").concat(A(i))})((e=>{var t=e.getSize(),o=e.getView().padding||[0,0,0,0],[r,n,i,a]=o,s=[a,t[1]-i],l=[t[0]-n,r],u=e.getCoordinateFromPixel(s),m=e.getCoordinateFromPixel(l);return u&&m?[u[0],u[1],m[0],m[1]]:null})(this.map))}getCardinalMove(e,t){return((e,t)=>{var o=t[0]-e[0],r=t[1]-e[1],n=[];return Math.abs(r)>1&&n.push("".concat(r>0?"north":"south"," ").concat(A(Math.abs(r)))),Math.abs(o)>1&&n.push("".concat(o>0?"east":"west"," ").concat(A(Math.abs(o)))),n.join(", ")})(e,t)}getResolution(){return this.view.getResolution()}mapToScreen(e){if(!this.map)return{x:0,y:0};var t=this.map.getPixelFromCoordinate(e);return t?{x:t[0],y:t[1]}:{x:0,y:0}}screenToMap(e){return this.map.getCoordinateFromPixel([e.x,e.y])}isGeometryObscured(e,t){return Z(e,t,this.map)}}export{T as default};

package/providers/beta/openlayers/dist/esm/index.js

@@ -0,0 +1 @@
+import e from"@babel/runtime/helpers/asyncToGenerator";function r(){var r,{zoomAlignment:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{checkDeviceCapabilities:()=>({isSupported:!!document.createElement("canvas").getContext,error:"Canvas is not supported in this browser"}),load:(r=e(function*(){return{MapProvider:(yield import(/* webpackChunkName: "im-openlayers-provider" */ "./im-openlayers-provider.js")).default,mapProviderConfig:{zoomAlignment:t,crs:"EPSG:27700"}}}),function(){return r.apply(this,arguments)})}}export{r as default};