@performant-software/geospatial 2.1.0-beta.2 → 2.1.0-beta.20

package/dist/index.es71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es71.js","sources":["../../../node_modules/react-map-gl/dist/esm/components/layer.js"],"sourcesContent":["import { useContext, useEffect, useMemo, useState, useRef } from 'react';\nimport { MapContext } from './map';\nimport assert from '../utils/assert';\nimport { deepEqual } from '../utils/deep-equal';\n/* eslint-disable complexity, max-statements */\nfunction updateLayer(map, id, props, prevProps) {\n    assert(props.id === prevProps.id, 'layer id changed');\n    assert(props.type === prevProps.type, 'layer type changed');\n    if (props.type === 'custom' || prevProps.type === 'custom') {\n        return;\n    }\n    const { layout = {}, paint = {}, filter, minzoom, maxzoom, beforeId } = props;\n    if (beforeId !== prevProps.beforeId) {\n        map.moveLayer(id, beforeId);\n    }\n    if (layout !== prevProps.layout) {\n        const prevLayout = prevProps.layout || {};\n        for (const key in layout) {\n            if (!deepEqual(layout[key], prevLayout[key])) {\n                map.setLayoutProperty(id, key, layout[key]);\n            }\n        }\n        for (const key in prevLayout) {\n            if (!layout.hasOwnProperty(key)) {\n                map.setLayoutProperty(id, key, undefined);\n            }\n        }\n    }\n    if (paint !== prevProps.paint) {\n        const prevPaint = prevProps.paint || {};\n        for (const key in paint) {\n            if (!deepEqual(paint[key], prevPaint[key])) {\n                map.setPaintProperty(id, key, paint[key]);\n            }\n        }\n        for (const key in prevPaint) {\n            if (!paint.hasOwnProperty(key)) {\n                map.setPaintProperty(id, key, undefined);\n            }\n        }\n    }\n    if (!deepEqual(filter, prevProps.filter)) {\n        map.setFilter(id, filter);\n    }\n    if (minzoom !== prevProps.minzoom || maxzoom !== prevProps.maxzoom) {\n        map.setLayerZoomRange(id, minzoom, maxzoom);\n    }\n}\nfunction createLayer(map, id, props) {\n    // @ts-ignore\n    if (map.style && map.style._loaded && (!('source' in props) || map.getSource(props.source))) {\n        const options = { ...props, id };\n        delete options.beforeId;\n        // @ts-ignore\n        map.addLayer(options, props.beforeId);\n    }\n}\n/* eslint-enable complexity, max-statements */\nlet layerCounter = 0;\nfunction Layer(props) {\n    const map = useContext(MapContext).map.getMap();\n    const propsRef = useRef(props);\n    const [, setStyleLoaded] = useState(0);\n    const id = useMemo(() => props.id || `jsx-layer-${layerCounter++}`, []);\n    useEffect(() => {\n        if (map) {\n            const forceUpdate = () => setStyleLoaded(version => version + 1);\n            map.on('styledata', forceUpdate);\n            forceUpdate();\n            return () => {\n                map.off('styledata', forceUpdate);\n                // @ts-ignore\n                if (map.style && map.style._loaded && map.getLayer(id)) {\n                    map.removeLayer(id);\n                }\n            };\n        }\n        return undefined;\n    }, [map]);\n    // @ts-ignore\n    const layer = map && map.style && map.getLayer(id);\n    if (layer) {\n        try {\n            updateLayer(map, id, props, propsRef.current);\n        }\n        catch (error) {\n            console.warn(error); // eslint-disable-line\n        }\n    }\n    else {\n        createLayer(map, id, props);\n    }\n    // Store last rendered props\n    propsRef.current = props;\n    return null;\n}\nexport default Layer;\n//# sourceMappingURL=layer.js.map"],"names":["updateLayer","map","id","props","prevProps","assert","layout","paint","filter","minzoom","maxzoom","beforeId","prevLayout","key","deepEqual","prevPaint","createLayer","options","layerCounter","Layer","useContext","MapContext","propsRef","useRef","setStyleLoaded","useState","useMemo","useEffect","forceUpdate","version","error"],"mappings":";;;;AAKA,SAASA,EAAYC,GAAKC,GAAIC,GAAOC,GAAW;AAG5C,MAFAC,EAAOF,EAAM,OAAOC,EAAU,IAAI,kBAAkB,GACpDC,EAAOF,EAAM,SAASC,EAAU,MAAM,oBAAoB,GACtDD,EAAM,SAAS,YAAYC,EAAU,SAAS;AAC9C;AAEE,QAAA,EAAE,QAAAE,IAAS,IAAI,OAAAC,IAAQ,CAAC,GAAG,QAAAC,GAAQ,SAAAC,GAAS,SAAAC,GAAS,UAAAC,EAAa,IAAAR;AAIpE,MAHAQ,MAAaP,EAAU,YACnBH,EAAA,UAAUC,GAAIS,CAAQ,GAE1BL,MAAWF,EAAU,QAAQ;AACvB,UAAAQ,IAAaR,EAAU,UAAU;AACvC,eAAWS,KAAOP;AACV,MAACQ,EAAUR,EAAOO,CAAG,GAAGD,EAAWC,CAAG,CAAC,KACvCZ,EAAI,kBAAkBC,GAAIW,GAAKP,EAAOO,CAAG,CAAC;AAGlD,eAAWA,KAAOD;AACd,MAAKN,EAAO,eAAeO,CAAG,KACtBZ,EAAA,kBAAkBC,GAAIW,GAAK,MAAS;AAAA,EAGpD;AACI,MAAAN,MAAUH,EAAU,OAAO;AACrB,UAAAW,IAAYX,EAAU,SAAS;AACrC,eAAWS,KAAON;AACV,MAACO,EAAUP,EAAMM,CAAG,GAAGE,EAAUF,CAAG,CAAC,KACrCZ,EAAI,iBAAiBC,GAAIW,GAAKN,EAAMM,CAAG,CAAC;AAGhD,eAAWA,KAAOE;AACd,MAAKR,EAAM,eAAeM,CAAG,KACrBZ,EAAA,iBAAiBC,GAAIW,GAAK,MAAS;AAAA,EAGnD;AACA,EAAKC,EAAUN,GAAQJ,EAAU,MAAM,KAC/BH,EAAA,UAAUC,GAAIM,CAAM,IAExBC,MAAYL,EAAU,WAAWM,MAAYN,EAAU,YACnDH,EAAA,kBAAkBC,GAAIO,GAASC,CAAO;AAElD;AACA,SAASM,EAAYf,GAAKC,GAAIC,GAAO;AAEjC,MAAIF,EAAI,SAASA,EAAI,MAAM,YAAY,EAAE,YAAYE,MAAUF,EAAI,UAAUE,EAAM,MAAM,IAAI;AACzF,UAAMc,IAAU,EAAE,GAAGd,GAAO,IAAAD,EAAG;AAC/B,WAAOe,EAAQ,UAEXhB,EAAA,SAASgB,GAASd,EAAM,QAAQ;AAAA,EACxC;AACJ;AAEA,IAAIe,IAAe;AACnB,SAASC,EAAMhB,GAAO;AAClB,QAAMF,IAAMmB,EAAWC,CAAU,EAAE,IAAI,OAAO,GACxCC,IAAWC,EAAOpB,CAAK,GACvB,GAAGqB,CAAc,IAAIC,EAAS,CAAC,GAC/BvB,IAAKwB,EAAQ,MAAMvB,EAAM,MAAM,aAAae,GAAc,IAAI,CAAA,CAAE;AAkBtE,MAjBAS,EAAU,MAAM;AACZ,QAAI1B,GAAK;AACL,YAAM2B,IAAc,MAAMJ,EAAe,CAAAK,MAAWA,IAAU,CAAC;AAC3D,aAAA5B,EAAA,GAAG,aAAa2B,CAAW,GACnBA,KACL,MAAM;AACL,QAAA3B,EAAA,IAAI,aAAa2B,CAAW,GAE5B3B,EAAI,SAASA,EAAI,MAAM,WAAWA,EAAI,SAASC,CAAE,KACjDD,EAAI,YAAYC,CAAE;AAAA,MACtB;AAAA,IAER;AAAA,EACO,GACR,CAACD,CAAG,CAAC,GAEMA,KAAOA,EAAI,SAASA,EAAI,SAASC,CAAE;AAEzC,QAAA;AACA,MAAAF,EAAYC,GAAKC,GAAIC,GAAOmB,EAAS,OAAO;AAAA,aAEzCQ,GAAO;AACV,cAAQ,KAAKA,CAAK;AAAA,IACtB;AAAA;AAGY,IAAAd,EAAAf,GAAKC,GAAIC,CAAK;AAG9B,SAAAmB,EAAS,UAAUnB,GACZ;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es71.js","sources":["../../../node_modules/react-map-gl/dist/esm/components/use-map.js"],"sourcesContent":["import * as React from 'react';\nimport { useState, useCallback, useMemo, useContext } from 'react';\nimport { MapContext } from './map';\nexport const MountedMapsContext = React.createContext(null);\nexport const MapProvider = props => {\n    const [maps, setMaps] = useState({});\n    const onMapMount = useCallback((map, id = 'default') => {\n        setMaps(currMaps => {\n            if (id === 'current') {\n                throw new Error(\"'current' cannot be used as map id\");\n            }\n            if (currMaps[id]) {\n                throw new Error(`Multiple maps with the same id: ${id}`);\n            }\n            return { ...currMaps, [id]: map };\n        });\n    }, []);\n    const onMapUnmount = useCallback((id = 'default') => {\n        setMaps(currMaps => {\n            if (currMaps[id]) {\n                const nextMaps = { ...currMaps };\n                delete nextMaps[id];\n                return nextMaps;\n            }\n            return currMaps;\n        });\n    }, []);\n    return (React.createElement(MountedMapsContext.Provider, { value: {\n            maps,\n            onMapMount,\n            onMapUnmount\n        } }, props.children));\n};\nexport function useMap() {\n    var _a;\n    const maps = (_a = useContext(MountedMapsContext)) === null || _a === void 0 ? void 0 : _a.maps;\n    const currentMap = useContext(MapContext);\n    const mapsWithCurrent = useMemo(() => {\n        return { ...maps, current: currentMap === null || currentMap === void 0 ? void 0 : currentMap.map };\n    }, [maps, currentMap]);\n    return mapsWithCurrent;\n}\n//# sourceMappingURL=use-map.js.map"],"names":["MountedMapsContext","React"],"mappings":";;AAGa,MAAAA,IAAqBC,EAAM,cAAc,IAAI;","x_google_ignoreList":[0]}

package/dist/index.es72.js

@@ -1,68 +1,5 @@
-import * as u from "react";
-import { useContext as f, useRef as y, useState as m, useMemo as g, useEffect as S, cloneElement as h } from "react";
-import { MapContext as C } from "./index.es63.js";
-import s from "./index.es224.js";
-import { deepEqual as v } from "./index.es223.js";
-let x = 0;
-function U(t, e, a) {
-  if (t.style && t.style._loaded) {
-    const n = { ...a };
-    return delete n.id, delete n.children, t.addSource(e, n), t.getSource(e);
-  }
-  return null;
-}
-function b(t, e, a) {
-  s(e.id === a.id, "source id changed"), s(e.type === a.type, "source type changed");
-  let n = "", r = 0;
-  for (const o in e)
-    o !== "children" && o !== "id" && !v(a[o], e[o]) && (n = o, r++);
-  if (!r)
-    return;
-  const l = e.type;
-  if (l === "geojson")
-    t.setData(e.data);
-  else if (l === "image")
-    t.updateImage({
-      url: e.url,
-      coordinates: e.coordinates
-    });
-  else if ("setCoordinates" in t && r === 1 && n === "coordinates")
-    t.setCoordinates(e.coordinates);
-  else if ("setUrl" in t)
-    switch (n) {
-      case "url":
-        t.setUrl(e.url);
-        break;
-      case "tiles":
-        t.setTiles(e.tiles);
-        break;
-    }
-  else
-    console.warn(`Unable to update <Source> prop: ${n}`);
-}
-function R(t) {
-  const e = f(C).map.getMap(), a = y(t), [, n] = m(0), r = g(() => t.id || `jsx-source-${x++}`, []);
-  S(() => {
-    if (e) {
-      const o = () => setTimeout(() => n((i) => i + 1), 0);
-      return e.on("styledata", o), o(), () => {
-        var i;
-        if (e.off("styledata", o), e.style && e.style._loaded && e.getSource(r)) {
-          const c = (i = e.getStyle()) === null || i === void 0 ? void 0 : i.layers;
-          if (c)
-            for (const d of c)
-              d.source === r && e.removeLayer(d.id);
-          e.removeSource(r);
-        }
-      };
-    }
-  }, [e]);
-  let l = e && e.style && e.getSource(r);
-  return l ? b(l, t, a.current) : l = U(e, r, t), a.current = t, l && u.Children.map(t.children, (o) => o && h(o, {
-    source: r
-  })) || null;
-}
+var r = {};
 export {
-  R as default
+  r as __exports
 };
 //# sourceMappingURL=index.es72.js.map

package/dist/index.es72.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es72.js","sources":["../../../node_modules/react-map-gl/dist/esm/components/source.js"],"sourcesContent":["import * as React from 'react';\nimport { useContext, useEffect, useMemo, useState, useRef } from 'react';\nimport { cloneElement } from 'react';\nimport { MapContext } from './map';\nimport assert from '../utils/assert';\nimport { deepEqual } from '../utils/deep-equal';\nlet sourceCounter = 0;\nfunction createSource(map, id, props) {\n    // @ts-ignore\n    if (map.style && map.style._loaded) {\n        const options = { ...props };\n        delete options.id;\n        delete options.children;\n        // @ts-ignore\n        map.addSource(id, options);\n        return map.getSource(id);\n    }\n    return null;\n}\n/* eslint-disable complexity */\nfunction updateSource(source, props, prevProps) {\n    assert(props.id === prevProps.id, 'source id changed');\n    assert(props.type === prevProps.type, 'source type changed');\n    let changedKey = '';\n    let changedKeyCount = 0;\n    for (const key in props) {\n        if (key !== 'children' && key !== 'id' && !deepEqual(prevProps[key], props[key])) {\n            changedKey = key;\n            changedKeyCount++;\n        }\n    }\n    if (!changedKeyCount) {\n        return;\n    }\n    const type = props.type;\n    if (type === 'geojson') {\n        source.setData(props.data);\n    }\n    else if (type === 'image') {\n        source.updateImage({\n            url: props.url,\n            coordinates: props.coordinates\n        });\n    }\n    else if ('setCoordinates' in source && changedKeyCount === 1 && changedKey === 'coordinates') {\n        source.setCoordinates(props.coordinates);\n    }\n    else if ('setUrl' in source) {\n        // Added in 1.12.0:\n        // vectorTileSource.setTiles\n        // vectorTileSource.setUrl\n        switch (changedKey) {\n            case 'url':\n                source.setUrl(props.url);\n                break;\n            case 'tiles':\n                source.setTiles(props.tiles);\n                break;\n            default:\n        }\n    }\n    else {\n        // eslint-disable-next-line\n        console.warn(`Unable to update <Source> prop: ${changedKey}`);\n    }\n}\n/* eslint-enable complexity */\nfunction Source(props) {\n    const map = useContext(MapContext).map.getMap();\n    const propsRef = useRef(props);\n    const [, setStyleLoaded] = useState(0);\n    const id = useMemo(() => props.id || `jsx-source-${sourceCounter++}`, []);\n    useEffect(() => {\n        if (map) {\n            /* global setTimeout */\n            const forceUpdate = () => setTimeout(() => setStyleLoaded(version => version + 1), 0);\n            map.on('styledata', forceUpdate);\n            forceUpdate();\n            return () => {\n                var _a;\n                map.off('styledata', forceUpdate);\n                // @ts-ignore\n                if (map.style && map.style._loaded && map.getSource(id)) {\n                    // Parent effects are destroyed before child ones, see\n                    // https://github.com/facebook/react/issues/16728\n                    // Source can only be removed after all child layers are removed\n                    const allLayers = (_a = map.getStyle()) === null || _a === void 0 ? void 0 : _a.layers;\n                    if (allLayers) {\n                        for (const layer of allLayers) {\n                            // @ts-ignore (2339) source does not exist on all layer types\n                            if (layer.source === id) {\n                                map.removeLayer(layer.id);\n                            }\n                        }\n                    }\n                    map.removeSource(id);\n                }\n            };\n        }\n        return undefined;\n    }, [map]);\n    // @ts-ignore\n    let source = map && map.style && map.getSource(id);\n    if (source) {\n        updateSource(source, props, propsRef.current);\n    }\n    else {\n        source = createSource(map, id, props);\n    }\n    propsRef.current = props;\n    return ((source &&\n        React.Children.map(props.children, child => child &&\n            cloneElement(child, {\n                source: id\n            }))) ||\n        null);\n}\nexport default Source;\n//# sourceMappingURL=source.js.map"],"names":["sourceCounter","createSource","map","id","props","options","updateSource","source","prevProps","assert","changedKey","changedKeyCount","key","deepEqual","type","Source","useContext","MapContext","propsRef","useRef","setStyleLoaded","useState","useMemo","useEffect","forceUpdate","version","_a","allLayers","layer","React","child","cloneElement"],"mappings":";;;;;AAMA,IAAIA,IAAgB;AACpB,SAASC,EAAaC,GAAKC,GAAIC,GAAO;AAElC,MAAIF,EAAI,SAASA,EAAI,MAAM,SAAS;AAC1B,UAAAG,IAAU,EAAE,GAAGD;AACrB,kBAAOC,EAAQ,IACf,OAAOA,EAAQ,UAEXH,EAAA,UAAUC,GAAIE,CAAO,GAClBH,EAAI,UAAUC,CAAE;AAAA,EAC3B;AACO,SAAA;AACX;AAEA,SAASG,EAAaC,GAAQH,GAAOI,GAAW;AAC5C,EAAAC,EAAOL,EAAM,OAAOI,EAAU,IAAI,mBAAmB,GACrDC,EAAOL,EAAM,SAASI,EAAU,MAAM,qBAAqB;AAC3D,MAAIE,IAAa,IACbC,IAAkB;AACtB,aAAWC,KAAOR;AACd,IAAIQ,MAAQ,cAAcA,MAAQ,QAAQ,CAACC,EAAUL,EAAUI,CAAG,GAAGR,EAAMQ,CAAG,CAAC,MAC9DF,IAAAE,GACbD;AAGR,MAAI,CAACA;AACD;AAEJ,QAAMG,IAAOV,EAAM;AACnB,MAAIU,MAAS;AACF,IAAAP,EAAA,QAAQH,EAAM,IAAI;AAAA,WAEpBU,MAAS;AACd,IAAAP,EAAO,YAAY;AAAA,MACf,KAAKH,EAAM;AAAA,MACX,aAAaA,EAAM;AAAA,IAAA,CACtB;AAAA,WAEI,oBAAoBG,KAAUI,MAAoB,KAAKD,MAAe;AACpE,IAAAH,EAAA,eAAeH,EAAM,WAAW;AAAA,WAElC,YAAYG;AAIjB,YAAQG,GAAY;AAAA,MAChB,KAAK;AACM,QAAAH,EAAA,OAAOH,EAAM,GAAG;AACvB;AAAA,MACJ,KAAK;AACM,QAAAG,EAAA,SAASH,EAAM,KAAK;AAC3B;AAAA,IAER;AAAA;AAIQ,YAAA,KAAK,mCAAmCM,CAAU,EAAE;AAEpE;AAEA,SAASK,EAAOX,GAAO;AACnB,QAAMF,IAAMc,EAAWC,CAAU,EAAE,IAAI,OAAO,GACxCC,IAAWC,EAAOf,CAAK,GACvB,GAAGgB,CAAc,IAAIC,EAAS,CAAC,GAC/BlB,IAAKmB,EAAQ,MAAMlB,EAAM,MAAM,cAAcJ,GAAe,IAAI,CAAA,CAAE;AACxE,EAAAuB,EAAU,MAAM;AACZ,QAAIrB,GAAK;AAEC,YAAAsB,IAAc,MAAM,WAAW,MAAMJ,EAAe,CAAWK,MAAAA,IAAU,CAAC,GAAG,CAAC;AAChF,aAAAvB,EAAA,GAAG,aAAasB,CAAW,GACnBA,KACL,MAAM;AACL,YAAAE;AAGA,YAFAxB,EAAA,IAAI,aAAasB,CAAW,GAE5BtB,EAAI,SAASA,EAAI,MAAM,WAAWA,EAAI,UAAUC,CAAE,GAAG;AAI/C,gBAAAwB,KAAaD,IAAKxB,EAAI,SAAA,OAAgB,QAAQwB,MAAO,SAAS,SAASA,EAAG;AAChF,cAAIC;AACA,uBAAWC,KAASD;AAEZ,cAAAC,EAAM,WAAWzB,KACbD,EAAA,YAAY0B,EAAM,EAAE;AAIpC,UAAA1B,EAAI,aAAaC,CAAE;AAAA,QACvB;AAAA,MAAA;AAAA,IAER;AAAA,EACO,GACR,CAACD,CAAG,CAAC;AAER,MAAIK,IAASL,KAAOA,EAAI,SAASA,EAAI,UAAUC,CAAE;AACjD,SAAII,IACaD,EAAAC,GAAQH,GAAOc,EAAS,OAAO,IAGnCX,IAAAN,EAAaC,GAAKC,GAAIC,CAAK,GAExCc,EAAS,UAAUd,GACVG,KACLsB,EAAM,SAAS,IAAIzB,EAAM,UAAU,CAAA0B,MAASA,KACxCC,EAAaD,GAAO;AAAA,IAChB,QAAQ3B;AAAA,EAAA,CACX,CAAC,KACN;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es72.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es73.js

@@ -1,7 +1,5 @@
-import * as t from "react";
-import "./index.es63.js";
-const e = t.createContext(null);
+var e = {};
 export {
-  e as MountedMapsContext
+  e as __exports
 };
 //# sourceMappingURL=index.es73.js.map

package/dist/index.es73.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es73.js","sources":["../../../node_modules/react-map-gl/dist/esm/components/use-map.js"],"sourcesContent":["import * as React from 'react';\nimport { useState, useCallback, useMemo, useContext } from 'react';\nimport { MapContext } from './map';\nexport const MountedMapsContext = React.createContext(null);\nexport const MapProvider = props => {\n    const [maps, setMaps] = useState({});\n    const onMapMount = useCallback((map, id = 'default') => {\n        setMaps(currMaps => {\n            if (id === 'current') {\n                throw new Error(\"'current' cannot be used as map id\");\n            }\n            if (currMaps[id]) {\n                throw new Error(`Multiple maps with the same id: ${id}`);\n            }\n            return { ...currMaps, [id]: map };\n        });\n    }, []);\n    const onMapUnmount = useCallback((id = 'default') => {\n        setMaps(currMaps => {\n            if (currMaps[id]) {\n                const nextMaps = { ...currMaps };\n                delete nextMaps[id];\n                return nextMaps;\n            }\n            return currMaps;\n        });\n    }, []);\n    return (React.createElement(MountedMapsContext.Provider, { value: {\n            maps,\n            onMapMount,\n            onMapUnmount\n        } }, props.children));\n};\nexport function useMap() {\n    var _a;\n    const maps = (_a = useContext(MountedMapsContext)) === null || _a === void 0 ? void 0 : _a.maps;\n    const currentMap = useContext(MapContext);\n    const mapsWithCurrent = useMemo(() => {\n        return { ...maps, current: currentMap === null || currentMap === void 0 ? void 0 : currentMap.map };\n    }, [maps, currentMap]);\n    return mapsWithCurrent;\n}\n//# sourceMappingURL=use-map.js.map"],"names":["MountedMapsContext","React"],"mappings":";;AAGa,MAAAA,IAAqBC,EAAM,cAAc,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es73.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es74.js

@@ -1,4 +1,4 @@
-import { VERSION as r } from "./index.es15.js";
+import { VERSION as r } from "./index.es18.js";
 import { default as o } from "./index.es76.js";
 import { default as l } from "./index.es77.js";
 import { default as u } from "./index.es78.js";
@@ -14,17 +14,17 @@ import { default as S } from "./index.es87.js";
 import { default as N } from "./index.es88.js";
 import { default as v } from "./index.es89.js";
 import { default as M } from "./index.es90.js";
-import { default as W } from "./index.es16.js";
-import { default as F } from "./index.es18.js";
+import { default as W } from "./index.es19.js";
+import { default as F } from "./index.es21.js";
 import { default as V } from "./index.es91.js";
 import { default as P } from "./index.es92.js";
 import { default as U } from "./index.es93.js";
 import { default as G } from "./index.es94.js";
 import { default as J } from "./index.es95.js";
 import { default as X } from "./index.es96.js";
-import { default as Z } from "./index.es20.js";
-import { default as $ } from "./index.es21.js";
-import { default as te } from "./index.es22.js";
+import { default as Z } from "./index.es23.js";
+import { default as $ } from "./index.es24.js";
+import { default as te } from "./index.es25.js";
 import { default as re } from "./index.es97.js";
 import { default as oe } from "./index.es98.js";
 import { default as le } from "./index.es99.js";
@@ -44,27 +44,27 @@ import { default as We } from "./index.es112.js";
 import { default as Fe } from "./index.es113.js";
 import { default as Ve } from "./index.es114.js";
 import { default as Pe } from "./index.es115.js";
-import { default as Ue } from "./index.es23.js";
+import { default as Ue } from "./index.es26.js";
 import { default as Ge } from "./index.es116.js";
 import { default as Je } from "./index.es117.js";
 import { default as Xe, default as Ye } from "./index.es118.js";
 import { default as _e } from "./index.es119.js";
 import { default as et } from "./index.es120.js";
 import { default as at } from "./index.es121.js";
-import { default as ft } from "./index.es25.js";
-import { default as st } from "./index.es26.js";
-import { default as dt } from "./index.es27.js";
+import { default as ft } from "./index.es28.js";
+import { default as st } from "./index.es29.js";
+import { default as dt } from "./index.es30.js";
 import { default as pt } from "./index.es122.js";
 import { default as xt } from "./index.es123.js";
 import { default as nt } from "./index.es124.js";
 import { default as yt } from "./index.es125.js";
-import { default as gt } from "./index.es24.js";
-import { default as kt } from "./index.es28.js";
-import { default as Et } from "./index.es29.js";
-import { default as wt } from "./index.es30.js";
+import { default as gt } from "./index.es27.js";
+import { default as kt } from "./index.es31.js";
+import { default as Et } from "./index.es32.js";
+import { default as wt } from "./index.es33.js";
 import { default as It } from "./index.es126.js";
-import { default as jt } from "./index.es31.js";
-import { default as qt } from "./index.es32.js";
+import { default as jt } from "./index.es34.js";
+import { default as qt } from "./index.es35.js";
 import { default as zt } from "./index.es127.js";
 import { default as Rt } from "./index.es128.js";
 import { default as Dt } from "./index.es129.js";
@@ -72,7 +72,7 @@ import { default as Kt } from "./index.es130.js";
 import { default as Lt } from "./index.es131.js";
 import { default as Tt } from "./index.es132.js";
 import { default as Ct } from "./index.es133.js";
-import { default as Ht } from "./index.es33.js";
+import { default as Ht } from "./index.es36.js";
 import { default as Qt } from "./index.es134.js";
 import { default as Yt } from "./index.es135.js";
 import { default as _t } from "./index.es136.js";
@@ -90,7 +90,7 @@ import { default as Sa } from "./index.es147.js";
 import { default as Na, default as qa } from "./index.es148.js";
 import { default as za, default as Ma } from "./index.es149.js";
 import { default as Wa, default as Da, default as Fa } from "./index.es150.js";
-import { default as Va } from "./index.es34.js";
+import { default as Va } from "./index.es37.js";
 import { default as Pa } from "./index.es151.js";
 import { default as Ua } from "./index.es152.js";
 import { default as Ga } from "./index.es153.js";
@@ -104,27 +104,27 @@ import { default as or } from "./index.es160.js";
 import { default as lr } from "./index.es161.js";
 import { default as ur } from "./index.es162.js";
 import { default as mr } from "./index.es163.js";
-import { default as ir } from "./index.es35.js";
-import { default as cr } from "./index.es36.js";
+import { default as ir } from "./index.es38.js";
+import { default as cr } from "./index.es39.js";
 import { default as hr, default as gr, default as br } from "./index.es164.js";
 import { default as Ar } from "./index.es165.js";
 import { default as Or } from "./index.es166.js";
 import { default as Br, default as Ir, default as Sr } from "./index.es167.js";
 import { default as Nr } from "./index.es168.js";
 import { default as vr } from "./index.es169.js";
-import { default as Mr } from "./index.es37.js";
+import { default as Mr } from "./index.es40.js";
 import { default as Wr, default as Dr } from "./index.es170.js";
-import { default as Kr } from "./index.es38.js";
+import { default as Kr } from "./index.es41.js";
 import { default as Lr } from "./index.es171.js";
-import { default as Tr } from "./index.es39.js";
+import { default as Tr } from "./index.es42.js";
 import { default as Cr, default as Gr } from "./index.es172.js";
-import { default as Jr } from "./index.es40.js";
+import { default as Jr } from "./index.es43.js";
 import { default as Xr } from "./index.es173.js";
 import { default as Zr } from "./index.es174.js";
 import { default as $r } from "./index.es175.js";
 import { default as tf } from "./index.es75.js";
-import "./index.es41.js";
-import { default as rf } from "./index.es19.js";
+import "./index.es44.js";
+import { default as rf } from "./index.es22.js";
 export {
   r as VERSION,
   Tt as after,

package/dist/index.es75.js

@@ -1,8 +1,8 @@
-import r from "./index.es19.js";
+import r from "./index.es22.js";
 import n from "./index.es142.js";
 import f from "./index.es103.js";
-import { push as u } from "./index.es15.js";
-import m from "./index.es217.js";
+import { push as u } from "./index.es18.js";
+import m from "./index.es225.js";
 function l(o) {
   return n(f(o), function(t) {
     var i = r[t] = o[t];

package/dist/index.es8.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es13.js";
+import { j as e } from "./index.es14.js";
 import "react";
-import { Source as o, Layer as i } from "./index.es11.js";
+import { Source as o, Layer as i } from "./index.es12.js";
 const m = (t) => /* @__PURE__ */ e.jsx(
   o,
   {

package/dist/index.es80.js

@@ -1,4 +1,4 @@
-import { toString as e } from "./index.es15.js";
+import { toString as e } from "./index.es18.js";
 function r(t) {
   return t === !0 || t === !1 || e.call(t) === "[object Boolean]";
 }

package/dist/index.es82.js

@@ -1,4 +1,4 @@
-import t from "./index.es191.js";
+import t from "./index.es199.js";
 const e = t("String");
 export {
   e as default

package/dist/index.es83.js

@@ -1,4 +1,4 @@
-import e from "./index.es191.js";
+import e from "./index.es199.js";
 const t = e("Number");
 export {
   t as default

package/dist/index.es84.js

@@ -1,4 +1,4 @@
-import t from "./index.es191.js";
+import t from "./index.es199.js";
 const a = t("Date");
 export {
   a as default

package/dist/index.es85.js

@@ -1,4 +1,4 @@
-import e from "./index.es191.js";
+import e from "./index.es199.js";
 const o = e("RegExp");
 export {
   o as default

package/dist/index.es86.js

@@ -1,4 +1,4 @@
-import r from "./index.es191.js";
+import r from "./index.es199.js";
 const t = r("Error");
 export {
   t as default

package/dist/index.es87.js

@@ -1,4 +1,4 @@
-import o from "./index.es191.js";
+import o from "./index.es199.js";
 const e = o("Symbol");
 export {
   e as default

package/dist/index.es88.js

@@ -1,4 +1,4 @@
-import r from "./index.es191.js";
+import r from "./index.es199.js";
 const f = r("ArrayBuffer");
 export {
   f as default

package/dist/index.es89.js

@@ -1,7 +1,7 @@
-import r from "./index.es191.js";
-import i from "./index.es16.js";
+import r from "./index.es199.js";
+import i from "./index.es19.js";
 import a from "./index.es88.js";
-import { hasStringTagBug as e } from "./index.es17.js";
+import { hasStringTagBug as e } from "./index.es20.js";
 var f = r("DataView");
 function o(t) {
   return t != null && i(t.getInt8) && a(t.buffer);

package/dist/index.es90.js

@@ -1,5 +1,5 @@
-import { nativeIsArray as r } from "./index.es15.js";
-import t from "./index.es191.js";
+import { nativeIsArray as r } from "./index.es18.js";
+import t from "./index.es199.js";
 const e = r || t("Array");
 export {
   e as default

package/dist/index.es91.js

@@ -1,4 +1,4 @@
-import { _isFinite as t } from "./index.es15.js";
+import { _isFinite as t } from "./index.es18.js";
 import r from "./index.es87.js";
 function s(i) {
   return !r(i) && t(i) && !isNaN(parseFloat(i));

package/dist/index.es92.js

@@ -1,4 +1,4 @@
-import { _isNaN as i } from "./index.es15.js";
+import { _isNaN as i } from "./index.es18.js";
 import t from "./index.es83.js";
 function N(r) {
   return t(r) && i(r);

package/dist/index.es93.js

@@ -1,7 +1,7 @@
-import { supportsArrayBuffer as i, nativeIsView as t, toString as a } from "./index.es15.js";
+import { supportsArrayBuffer as i, nativeIsView as t, toString as a } from "./index.es18.js";
 import e from "./index.es89.js";
 import o from "./index.es114.js";
-import n from "./index.es193.js";
+import n from "./index.es201.js";
 var s = /\[object ((I|Ui)nt(8|16|32)|Float(32|64)|Uint8Clamped|Big(I|Ui)nt64)Array\]/;
 function f(r) {
   return t ? t(r) && !e(r) : n(r) && s.test(a.call(r));

package/dist/index.es94.js

@@ -1,7 +1,7 @@
-import e from "./index.es194.js";
+import e from "./index.es202.js";
 import i from "./index.es90.js";
 import m from "./index.es82.js";
-import n from "./index.es18.js";
+import n from "./index.es21.js";
 import f from "./index.es98.js";
 function a(r) {
   if (r == null)

package/dist/index.es96.js

@@ -1,13 +1,13 @@
-import m from "./index.es19.js";
-import { toString as g, SymbolProto as h } from "./index.es15.js";
-import j from "./index.es195.js";
+import m from "./index.es22.js";
+import { toString as g, SymbolProto as h } from "./index.es18.js";
+import j from "./index.es203.js";
 import D from "./index.es93.js";
-import y from "./index.es16.js";
-import { hasStringTagBug as V } from "./index.es17.js";
+import y from "./index.es19.js";
+import { hasStringTagBug as V } from "./index.es20.js";
 import v from "./index.es89.js";
 import w from "./index.es98.js";
-import q from "./index.es192.js";
-import d from "./index.es196.js";
+import q from "./index.es200.js";
+import d from "./index.es204.js";
 var B = "[object DataView]";
 function c(e, r, f, n) {
   if (e === r)

package/dist/index.es97.js

@@ -1,4 +1,4 @@
-import e from "./index.es191.js";
+import e from "./index.es199.js";
 const a = e("WeakSet");
 export {
   a as default

package/dist/index.es98.js

@@ -1,7 +1,7 @@
 import e from "./index.es77.js";
-import { nativeKeys as f, hasEnumBug as m } from "./index.es15.js";
-import n from "./index.es192.js";
-import o from "./index.es198.js";
+import { nativeKeys as f, hasEnumBug as m } from "./index.es18.js";
+import n from "./index.es200.js";
+import o from "./index.es206.js";
 function c(r) {
   if (!e(r))
     return [];

package/dist/index.es99.js

@@ -1,6 +1,6 @@
 import e from "./index.es77.js";
-import { hasEnumBug as f } from "./index.es15.js";
-import i from "./index.es198.js";
+import { hasEnumBug as f } from "./index.es18.js";
+import i from "./index.es206.js";
 function s(r) {
   if (!e(r))
     return [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/geospatial",
-  "version": "2.1.0-beta.2",
+  "version": "2.1.0-beta.20",
   "description": "A package of components for all things map-related.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -27,7 +27,7 @@
     "underscore": "^1.13.6"
   },
   "peerDependencies": {
-    "@peripleo/maplibre": "^0.3.3",
+    "@peripleo/maplibre": "^0.4.2",
     "react": ">= 16.13.1 < 19.0.0",
     "react-dom": ">= 16.13.1 < 19.0.0"
   },

package/src/components/GeoJsonLayer.js

@@ -1,13 +1,11 @@
 // @flow
 
 import React, {
-  useCallback,
   useEffect,
-  useMemo,
   useState
 } from 'react';
 import { Layer, Source } from 'react-map-gl';
-import _ from 'underscore';
+import MapStyles from '../utils/MapStyles';
 
 type Props = {
   data?: { [key: string]: any },
@@ -17,69 +15,9 @@ type Props = {
   url?: string
 };
 
-const DEFAULT_COLOR = '#CC3333';
-const HIGHLIGHT_COLOR = '#990000';
-
-const DEFAULT_FILL_STYLES = {
-  'fill-color': DEFAULT_COLOR,
-  'fill-opacity': 0.2
-};
-
-const DEFAULT_LINE_STYLES = {
-  'line-color': HIGHLIGHT_COLOR,
-  'line-opacity': 0.6
-};
-
-const DEFAULT_POINT_STYLES = {
-  'circle-radius': [
-    'interpolate',
-    ['linear'],
-    ['number', ['get', 'point_count'], 1],
-    0, 4,
-    10, 14
-  ],
-  'circle-stroke-width': 1,
-  'circle-color': DEFAULT_COLOR,
-  'circle-stroke-color': HIGHLIGHT_COLOR
-};
-
 const GeoJsonLayer = (props: Props) => {
   const [data, setData] = useState(props.data);
 
-  /**
-   * Returns the layer style for the passed style and default.
-   *
-   * @type {function(*, *): *}
-   */
-  const getLayerStyles = useCallback((style, defaultStyle) => _.defaults(style, defaultStyle), []);
-
-  /**
-   * Sets the fill layer style.
-   *
-   * @type {*}
-   */
-  const fillStyle = useMemo(() => (
-    getLayerStyles(props.fillStyle, DEFAULT_FILL_STYLES)
-  ), [getLayerStyles, props.fillStyle]);
-
-  /**
-   * Sets the line layer style.
-   *
-   * @type {*}
-   */
-  const lineStyle = useMemo(() => (
-    getLayerStyles(props.lineStyle, DEFAULT_LINE_STYLES)
-  ), [getLayerStyles, props.lineStyle]);
-
-  /**
-   * Sets the point layer style.
-   *
-   * @type {*}
-   */
-  const pointStyle = useMemo(() => (
-    getLayerStyles(props.pointStyle, DEFAULT_POINT_STYLES)
-  ), [getLayerStyles, props.pointStyle]);
-
   /**
    * If the data is passed as a URL, fetches the passed URL and sets the response on the state.
    */
@@ -98,21 +36,27 @@ const GeoJsonLayer = (props: Props) => {
     >
       <Layer
         filter={['!=', '$type', 'Point']}
-        paint={fillStyle}
+        paint={props.fillStyle}
         type='fill'
       />
       <Layer
         filter={['!=', '$type', 'Point']}
-        paint={lineStyle}
+        paint={props.lineStyle}
         type='line'
       />
       <Layer
         filter={['==', '$type', 'Point']}
-        paint={pointStyle}
+        paint={props.pointStyle}
         type='circle'
       />
     </Source>
   );
 };
 
+GeoJsonLayer.defaultProps = {
+  fillStyle: MapStyles.fill,
+  pointStyle: MapStyles.point,
+  strokeStyle: MapStyles.stroke
+};
+
 export default GeoJsonLayer;