@performant-software/geospatial 3.1.13-beta.13 → 3.1.13-beta.14

package/dist/index.es41.js

@@ -1,6 +1,6 @@
-import r from "./index.es209.js";
+import r from "./index.es210.js";
 import { isIE11 as t } from "./index.es38.js";
-import { ie11fingerprint as o, mapMethods as i } from "./index.es215.js";
+import { ie11fingerprint as o, mapMethods as i } from "./index.es216.js";
 const a = t ? o(i) : r("Map");
 export {
   a as default

package/dist/index.es42.js

@@ -1,6 +1,6 @@
-import e from "./index.es209.js";
+import e from "./index.es210.js";
 import { isIE11 as r } from "./index.es38.js";
-import { ie11fingerprint as t, weakMapMethods as a } from "./index.es215.js";
+import { ie11fingerprint as t, weakMapMethods as a } from "./index.es216.js";
 const m = r ? t(a) : e("WeakMap");
 export {
   m as default

package/dist/index.es43.js

@@ -1,6 +1,6 @@
-import t from "./index.es209.js";
+import t from "./index.es210.js";
 import { isIE11 as e } from "./index.es38.js";
-import { ie11fingerprint as r, setMethods as o } from "./index.es215.js";
+import { ie11fingerprint as r, setMethods as o } from "./index.es216.js";
 const f = e ? r(o) : t("Set");
 export {
   f as default

package/dist/index.es44.js

@@ -1,5 +1,5 @@
 import o from "./index.es40.js";
-import t from "./index.es100.js";
+import t from "./index.es101.js";
 function f(r) {
   return t(r) ? r : [r];
 }

package/dist/index.es45.js

@@ -1,5 +1,5 @@
 import r from "./index.es40.js";
-import i from "./index.es226.js";
+import i from "./index.es227.js";
 function a(e, t) {
   return i(e, t, 1 / 0);
 }

package/dist/index.es46.js

@@ -1,5 +1,5 @@
-import e from "./index.es223.js";
-import a from "./index.es224.js";
+import e from "./index.es224.js";
+import a from "./index.es225.js";
 const o = e(a);
 export {
   o as default

package/dist/index.es47.js

@@ -1,5 +1,5 @@
-import e from "./index.es223.js";
-import a from "./index.es225.js";
+import e from "./index.es224.js";
+import a from "./index.es226.js";
 const o = e(a);
 export {
   o as default

package/dist/index.es49.js

@@ -1,5 +1,5 @@
-import m from "./index.es86.js";
-import p from "./index.es227.js";
+import m from "./index.es87.js";
+import p from "./index.es228.js";
 import s from "./index.es40.js";
 var l = m(function(u, e) {
   var h = l.placeholder, o = function() {

package/dist/index.es50.js

@@ -1,6 +1,6 @@
-import o from "./index.es86.js";
+import o from "./index.es87.js";
 import u from "./index.es37.js";
-import c from "./index.es227.js";
+import c from "./index.es228.js";
 const a = o(function(t, r, e) {
   if (!u(t)) throw new TypeError("Bind must be called on a function");
   var n = o(function(i) {

package/dist/index.es51.js

@@ -1,5 +1,5 @@
-import i from "./index.es86.js";
-import f from "./index.es228.js";
+import i from "./index.es87.js";
+import f from "./index.es229.js";
 import l from "./index.es50.js";
 const s = i(function(r, t) {
   t = f(t, !1, !1);

package/dist/index.es52.js

@@ -1,4 +1,4 @@
-import r from "./index.es86.js";
+import r from "./index.es87.js";
 const o = r(function(t, e, n) {
   return setTimeout(function() {
     return t.apply(null, n);

package/dist/index.es54.js

@@ -1,5 +1,5 @@
 import o from "./index.es49.js";
-import r from "./index.es143.js";
+import r from "./index.es144.js";
 const a = o(r, 2);
 export {
   a as default

package/dist/index.es55.js

@@ -1,8 +1,8 @@
-import u from "./index.es86.js";
+import u from "./index.es87.js";
 import l from "./index.es37.js";
-import t from "./index.es153.js";
-import s from "./index.es220.js";
-import d from "./index.es219.js";
+import t from "./index.es154.js";
+import s from "./index.es221.js";
+import d from "./index.es220.js";
 const k = u(function(f, r, m) {
   var e, n;
   return l(r) ? n = r : (r = d(r), e = r.slice(0, -1), r = r[r.length - 1]), t(f, function(i) {

package/dist/index.es56.js

@@ -1,9 +1,9 @@
-import l from "./index.es86.js";
+import l from "./index.es87.js";
 import a from "./index.es37.js";
-import p from "./index.es222.js";
-import u from "./index.es109.js";
-import c from "./index.es234.js";
-import g from "./index.es228.js";
+import p from "./index.es223.js";
+import u from "./index.es110.js";
+import c from "./index.es235.js";
+import g from "./index.es229.js";
 const z = l(function(t, r) {
   var i = {}, f = r[0];
   if (t == null) return i;

package/dist/index.es57.js

@@ -1,9 +1,9 @@
-import n from "./index.es86.js";
+import n from "./index.es87.js";
 import f from "./index.es37.js";
-import e from "./index.es140.js";
-import a from "./index.es153.js";
-import p from "./index.es228.js";
-import u from "./index.es160.js";
+import e from "./index.es141.js";
+import a from "./index.es154.js";
+import p from "./index.es229.js";
+import u from "./index.es161.js";
 import c from "./index.es56.js";
 const F = n(function(i, t) {
   var r = t[0], o;

package/dist/index.es58.js

@@ -1,4 +1,4 @@
-import e from "./index.es86.js";
+import e from "./index.es87.js";
 import o from "./index.es60.js";
 const i = e(function(t, r) {
   return o(t, r);

package/dist/index.es59.js

@@ -1,6 +1,6 @@
-import r from "./index.es86.js";
-import o from "./index.es180.js";
-import n from "./index.es228.js";
+import r from "./index.es87.js";
+import o from "./index.es181.js";
+import n from "./index.es229.js";
 const f = r(function(t) {
   return o(n(t, !0, !0));
 });

package/dist/index.es6.js

@@ -1,5 +1,6 @@
 import { j as i } from "./index.es27.js";
-import { useLoadedMap as m, PulsingMarkerLayer as n, GeoJSONLayer as l } from "@peripleo/maplibre";
+import { useLoadedMap as a, PulsingMarkerLayer as n } from "@peripleo/maplibre";
+import l from "./index.es64.js";
 import { useMemo as u, useEffect as d } from "react";
 import f from "./index.es35.js";
 import "./index.es36.js";
@@ -32,11 +33,11 @@ import "./index.es62.js";
 import r from "./index.es13.js";
 import s from "./index.es12.js";
 const c = 2, x = (t) => {
-  const o = m(), e = u(() => f.isEmpty(t.data) ? null : t.data, [t.data]);
+  const o = a(), e = u(() => f.isEmpty(t.data) ? null : t.data, [t.data]);
   return d(() => {
     if (o && e && t.fitBoundingBox) {
-      const a = s.getBoundingBox(e, t.buffer);
-      a && o.fitBounds(a, t.boundingBoxOptions, t.boundingBoxData);
+      const m = s.getBoundingBox(e, t.buffer);
+      m && o.fitBounds(m, t.boundingBoxOptions, t.boundingBoxData);
     }
   }, [o, t.buffer, t.data, t.boundingBoxData, t.boundingBoxOptions, t.fitBoundingBox]), e ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     t.animate && /* @__PURE__ */ i.jsx(

package/dist/index.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/components/LocationMarkers.js"],"sourcesContent":["// @flow\n\nimport { GeoJSONLayer, PulsingMarkerLayer, useLoadedMap } from '@peripleo/maplibre';\nimport React, { useEffect, useMemo } from 'react';\nimport _ from 'underscore';\nimport MapStyles from '../utils/MapStyles';\nimport MapUtils from '../utils/Map';\n\ntype Props = {\n  /**\n   * If `true`, the point marker will display with a pulsing animation.\n   */\n  animate?: boolean,\n\n  /**\n   * (Optional) data to pass to the fitToBounds function.\n   */\n  boundingBoxData?: any,\n\n  /**\n   * (Optional) options to pass to the fitToBounds function.\n   * See [spec](https://maplibre.org/maplibre-gl-js/docs/API/types/FitBoundsOptions/).\n   */\n  boundingBoxOptions?: any,\n\n  /**\n   * The number of miles to buffer the GeoJSON data.\n   */\n  buffer: number,\n\n  /**\n   * If true, markers will be clustered before the specified zoom level.\n   */\n  cluster?: boolean,\n\n  /**\n   * Max zoom to cluster points on.\n   */\n  clusterMaxZoom?: number,\n\n  /**\n   * Minimum number of points necessary to form a cluster.\n   */\n  clusterMinPoints?: number,\n\n  /**\n   * An object defining custom properties on the generated clusters.\n   */\n  clusterProperties?: any,\n\n  /**\n   * Radius of each cluster when clustering point.\n   */\n  clusterRadius?: number,\n\n  /**\n   * The GeoJSON data representing the location.\n   */\n  data: { [key: string]: any },\n\n  /**\n   * GeoJSON layer fill style.\n   */\n  fillStyle?: { [key: string]: any },\n\n  /**\n   * If `true`, the map will fit the bounding box around the passed data.\n   */\n  fitBoundingBox?: boolean,\n\n  /**\n   * If `true`, the selection and hover state will apply to the layer.\n   */\n  interactive?: boolean,\n\n  /**\n   * An ID value to apply to the layer.\n   */\n  layerId?: string,\n\n  /**\n   * GeoJSON layer point style.\n   */\n  pointStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer stroke style\n   */\n  strokeStyle?: { [key: string]: any },\n\n  /**\n   * If true, the layer will be visible on the map.\n   */\n  visible?: boolean\n};\n\nconst DEFAULT_BUFFER = 2;\n\n/**\n * This component renders a location marker to be used in a Peripleo context.\n */\nconst LocationMarkers = (props: Props) => {\n  const map = useLoadedMap();\n\n  /**\n   * Memo-izes the data prop.\n   *\n   * @type {{[p: string]: *}}\n   */\n  const data = useMemo(() => (_.isEmpty(props.data) ? null : props.data), [props.data]);\n\n  /**\n   * Sets the bounding box on the map.\n   */\n  useEffect(() => {\n    if (map && data && props.fitBoundingBox) {\n      const bbox = MapUtils.getBoundingBox(data, props.buffer);\n\n      if (bbox) {\n        map.fitBounds(bbox, props.boundingBoxOptions, props.boundingBoxData);\n      }\n    }\n  }, [map, props.buffer, props.data, props.boundingBoxData, props.boundingBoxOptions, props.fitBoundingBox]);\n\n  if (!data) {\n    return null;\n  }\n\n  return (\n    <>\n      { props.animate && (\n        <PulsingMarkerLayer\n          data={props.data}\n          id={props.layerId}\n        />\n      )}\n      <GeoJSONLayer\n        cluster={props.cluster}\n        clusterMaxZoom={props.clusterMaxZoom}\n        clusterMinPoints={props.clusterMinPoints}\n        clusterProperties={props.clusterProperties}\n        clusterRadius={props.clusterRadius}\n        data={props.data}\n        fillStyle={props.fillStyle}\n        id={props.layerId}\n        interactive={props.interactive}\n        strokeStyle={props.strokeStyle}\n        pointStyle={props.pointStyle}\n        visible={props.visible}\n      />\n    </>\n  );\n};\n\nLocationMarkers.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  fillStyle: MapStyles.fill,\n  fitBoundingBox: true,\n  pointStyle: MapStyles.point,\n  strokeStyle: MapStyles.stroke\n};\n\nexport default LocationMarkers;\n"],"names":["DEFAULT_BUFFER","LocationMarkers","props","map","useLoadedMap","data","useMemo","_","useEffect","bbox","MapUtils","jsxs","Fragment","jsx","PulsingMarkerLayer","GeoJSONLayer","MapStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGA,MAAMA,IAAiB,GAKjBC,IAAkB,CAACC,MAAiB;AACxC,QAAMC,IAAMC,EAAA,GAONC,IAAOC,EAAQ,MAAOC,EAAE,QAAQL,EAAM,IAAI,IAAI,OAAOA,EAAM,MAAO,CAACA,EAAM,IAAI,CAAC;AAepF,SAVAM,EAAU,MAAM;AACd,QAAIL,KAAOE,KAAQH,EAAM,gBAAgB;AACvC,YAAMO,IAAOC,EAAS,eAAeL,GAAMH,EAAM,MAAM;AAEvD,MAAIO,KACFN,EAAI,UAAUM,GAAMP,EAAM,oBAAoBA,EAAM,eAAe;AAAA,IAEvE;AAAA,EACF,GAAG,CAACC,GAAKD,EAAM,QAAQA,EAAM,MAAMA,EAAM,iBAAiBA,EAAM,oBAAoBA,EAAM,cAAc,CAAC,GAEpGG,IAKHM,gBAAAA,EAAAA,KAAAC,YAAA,EACI,UAAA;AAAA,IAAAV,EAAM,WACNW,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMZ,EAAM;AAAA,QACZ,IAAIA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGdW,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASb,EAAM;AAAA,QACf,gBAAgBA,EAAM;AAAA,QACtB,kBAAkBA,EAAM;AAAA,QACxB,mBAAmBA,EAAM;AAAA,QACzB,eAAeA,EAAM;AAAA,QACrB,MAAMA,EAAM;AAAA,QACZ,WAAWA,EAAM;AAAA,QACjB,IAAIA,EAAM;AAAA,QACV,aAAaA,EAAM;AAAA,QACnB,aAAaA,EAAM;AAAA,QACnB,YAAYA,EAAM;AAAA,QAClB,SAASA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB,GACF,IAzBO;AA2BX;AAEAD,EAAgB,eAAe;AAAA,EAC7B,QAAQD;AAAA,EACR,WAAWgB,EAAU;AAAA,EACrB,gBAAgB;AAAA,EAChB,YAAYA,EAAU;AAAA,EACtB,aAAaA,EAAU;AACzB;"}
+{"version":3,"file":"index.es6.js","sources":["../src/components/LocationMarkers.js"],"sourcesContent":["// @flow\n\nimport { PulsingMarkerLayer, useLoadedMap } from '@peripleo/maplibre';\nimport GeoJSONLayer from './GeoJSONLayerTest';\nimport React, { useEffect, useMemo } from 'react';\nimport _ from 'underscore';\nimport MapStyles from '../utils/MapStyles';\nimport MapUtils from '../utils/Map';\n\ntype Props = {\n  /**\n   * If `true`, the point marker will display with a pulsing animation.\n   */\n  animate?: boolean,\n\n  /**\n   * (Optional) data to pass to the fitToBounds function.\n   */\n  boundingBoxData?: any,\n\n  /**\n   * (Optional) options to pass to the fitToBounds function.\n   * See [spec](https://maplibre.org/maplibre-gl-js/docs/API/types/FitBoundsOptions/).\n   */\n  boundingBoxOptions?: any,\n\n  /**\n   * The number of miles to buffer the GeoJSON data.\n   */\n  buffer: number,\n\n  /**\n   * If true, markers will be clustered before the specified zoom level.\n   */\n  cluster?: boolean,\n\n  /**\n   * Max zoom to cluster points on.\n   */\n  clusterMaxZoom?: number,\n\n  /**\n   * Minimum number of points necessary to form a cluster.\n   */\n  clusterMinPoints?: number,\n\n  /**\n   * An object defining custom properties on the generated clusters.\n   */\n  clusterProperties?: any,\n\n  /**\n   * Radius of each cluster when clustering point.\n   */\n  clusterRadius?: number,\n\n  /**\n   * The GeoJSON data representing the location.\n   */\n  data: { [key: string]: any },\n\n  /**\n   * GeoJSON layer fill style.\n   */\n  fillStyle?: { [key: string]: any },\n\n  /**\n   * If `true`, the map will fit the bounding box around the passed data.\n   */\n  fitBoundingBox?: boolean,\n\n  /**\n   * If `true`, the selection and hover state will apply to the layer.\n   */\n  interactive?: boolean,\n\n  /**\n   * An ID value to apply to the layer.\n   */\n  layerId?: string,\n\n  /**\n   * GeoJSON layer point style.\n   */\n  pointStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer stroke style\n   */\n  strokeStyle?: { [key: string]: any },\n\n  /**\n   * If true, the layer will be visible on the map.\n   */\n  visible?: boolean\n};\n\nconst DEFAULT_BUFFER = 2;\n\n/**\n * This component renders a location marker to be used in a Peripleo context.\n */\nconst LocationMarkers = (props: Props) => {\n  const map = useLoadedMap();\n\n  /**\n   * Memo-izes the data prop.\n   *\n   * @type {{[p: string]: *}}\n   */\n  const data = useMemo(() => (_.isEmpty(props.data) ? null : props.data), [props.data]);\n\n  /**\n   * Sets the bounding box on the map.\n   */\n  useEffect(() => {\n    if (map && data && props.fitBoundingBox) {\n      const bbox = MapUtils.getBoundingBox(data, props.buffer);\n\n      if (bbox) {\n        map.fitBounds(bbox, props.boundingBoxOptions, props.boundingBoxData);\n      }\n    }\n  }, [map, props.buffer, props.data, props.boundingBoxData, props.boundingBoxOptions, props.fitBoundingBox]);\n\n  if (!data) {\n    return null;\n  }\n\n  return (\n    <>\n      { props.animate && (\n        <PulsingMarkerLayer\n          data={props.data}\n          id={props.layerId}\n        />\n      )}\n      <GeoJSONLayer\n        cluster={props.cluster}\n        clusterMaxZoom={props.clusterMaxZoom}\n        clusterMinPoints={props.clusterMinPoints}\n        clusterProperties={props.clusterProperties}\n        clusterRadius={props.clusterRadius}\n        data={props.data}\n        fillStyle={props.fillStyle}\n        id={props.layerId}\n        interactive={props.interactive}\n        strokeStyle={props.strokeStyle}\n        pointStyle={props.pointStyle}\n        visible={props.visible}\n      />\n    </>\n  );\n};\n\nLocationMarkers.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  fillStyle: MapStyles.fill,\n  fitBoundingBox: true,\n  pointStyle: MapStyles.point,\n  strokeStyle: MapStyles.stroke\n};\n\nexport default LocationMarkers;\n"],"names":["DEFAULT_BUFFER","LocationMarkers","props","map","useLoadedMap","data","useMemo","_","useEffect","bbox","MapUtils","jsxs","Fragment","jsx","PulsingMarkerLayer","GeoJSONLayer","MapStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,MAAMA,IAAiB,GAKjBC,IAAkB,CAACC,MAAiB;AACxC,QAAMC,IAAMC,EAAA,GAONC,IAAOC,EAAQ,MAAOC,EAAE,QAAQL,EAAM,IAAI,IAAI,OAAOA,EAAM,MAAO,CAACA,EAAM,IAAI,CAAC;AAepF,SAVAM,EAAU,MAAM;AACd,QAAIL,KAAOE,KAAQH,EAAM,gBAAgB;AACvC,YAAMO,IAAOC,EAAS,eAAeL,GAAMH,EAAM,MAAM;AAEvD,MAAIO,KACFN,EAAI,UAAUM,GAAMP,EAAM,oBAAoBA,EAAM,eAAe;AAAA,IAEvE;AAAA,EACF,GAAG,CAACC,GAAKD,EAAM,QAAQA,EAAM,MAAMA,EAAM,iBAAiBA,EAAM,oBAAoBA,EAAM,cAAc,CAAC,GAEpGG,IAKHM,gBAAAA,EAAAA,KAAAC,YAAA,EACI,UAAA;AAAA,IAAAV,EAAM,WACNW,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMZ,EAAM;AAAA,QACZ,IAAIA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGdW,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAASb,EAAM;AAAA,QACf,gBAAgBA,EAAM;AAAA,QACtB,kBAAkBA,EAAM;AAAA,QACxB,mBAAmBA,EAAM;AAAA,QACzB,eAAeA,EAAM;AAAA,QACrB,MAAMA,EAAM;AAAA,QACZ,WAAWA,EAAM;AAAA,QACjB,IAAIA,EAAM;AAAA,QACV,aAAaA,EAAM;AAAA,QACnB,aAAaA,EAAM;AAAA,QACnB,YAAYA,EAAM;AAAA,QAClB,SAASA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB,GACF,IAzBO;AA2BX;AAEAD,EAAgB,eAAe;AAAA,EAC7B,QAAQD;AAAA,EACR,WAAWgB,EAAU;AAAA,EACrB,gBAAgB;AAAA,EAChB,YAAYA,EAAU;AAAA,EACtB,aAAaA,EAAU;AACzB;"}

package/dist/index.es60.js

@@ -1,7 +1,7 @@
-import n from "./index.es86.js";
-import e from "./index.es228.js";
-import f from "./index.es156.js";
-import i from "./index.es160.js";
+import n from "./index.es87.js";
+import e from "./index.es229.js";
+import f from "./index.es157.js";
+import i from "./index.es161.js";
 const a = n(function(t, r) {
   return r = e(r, !0, !0), f(t, function(o) {
     return !i(r, o);

package/dist/index.es61.js

@@ -1,5 +1,5 @@
-import r from "./index.es86.js";
-import t from "./index.es182.js";
+import r from "./index.es87.js";
+import t from "./index.es183.js";
 const p = r(t);
 export {
   p as default

package/dist/index.es62.js

@@ -1,7 +1,7 @@
 import i from "./index.es40.js";
-import p from "./index.es152.js";
+import p from "./index.es153.js";
 import { ArrayProto as e } from "./index.es36.js";
-import s from "./index.es235.js";
+import s from "./index.es236.js";
 p(["pop", "push", "reverse", "shift", "sort", "splice", "unshift"], function(r) {
   var o = e[r];
   i.prototype[r] = function() {

package/dist/index.es64.js

@@ -0,0 +1,72 @@
+import { j as v } from "./index.es27.js";
+import { useState as m, useEffect as a } from "react";
+import "./index.es31.js";
+import { useLoadedMap as P, removeLayerIfExists as u, removeSourceIfExists as L, Tooltip as b } from "@peripleo/maplibre";
+import o from "./index.es13.js";
+const c = (e, i, n) => {
+  e && Object.entries(n.paint).forEach(([r, y]) => e.setPaintProperty(i, r, y));
+}, E = (e) => {
+  const { id: i, data: n } = e, r = e.visible === void 0 ? !0 : e.visible, y = e.fillStyle || o.fill, d = e.strokeStyle || o.stroke, f = e.pointStyle || o.point, t = P(), [s, $] = m();
+  return a(() => {
+    if (t) {
+      const l = new Set(t.getStyle().layers.map((S) => S.id));
+      l.has(`layer-${e.id}-fill`) && t.setLayoutProperty(`layer-${e.id}-fill`, "visibility", r ? "visible" : "none"), l.has(`layer-${e.id}-line`) && t.setLayoutProperty(`layer-${e.id}-fill`, "visibility", r ? "visible" : "none"), l.has(`layer-${e.id}-point`) && t.setLayoutProperty(`layer-${e.id}-fill`, "visibility", r ? "visible" : "none");
+    }
+  }, [r, t]), a(() => {
+    if (!t) return;
+    const l = `source-${i}`;
+    return t.addSource(l, {
+      type: "geojson",
+      // @ts-ignore
+      data: n,
+      // Note that mapLibre checks by key, and will fail if cluster args
+      // are undefined. Therefore we need to add on demand.
+      ...e.cluster && { cluster: !0 },
+      ...e.clusterRadius !== void 0 && { clusterRadius: e.clusterRadius },
+      ...e.clusterMaxZoom !== void 0 && { clusterMaxZoom: e.clusterMaxZoom },
+      ...e.clusterMinPoints !== void 0 && { clusterMinPoints: e.clusterMinPoints },
+      ...e.clusterProperties !== void 0 && { clusterProperties: e.clusterProperties }
+    }), e.onLoad && t.once("idle", () => e.onLoad()), e.cluster || (t.addLayer({
+      id: `layer-${i}-fill`,
+      ...y,
+      source: `source-${i}`,
+      filter: ["!=", "$type", "Point"],
+      metadata: {
+        interactive: e.interactive
+      }
+    }), t.addLayer({
+      id: `layer-${i}-line`,
+      ...d,
+      source: `source-${i}`,
+      filter: ["!=", "$type", "Point"]
+    })), t.addLayer({
+      id: `layer-${i}-point`,
+      ...f,
+      filter: ["==", "$type", "Point"],
+      source: `source-${i}`,
+      metadata: {
+        interactive: e.interactive
+      }
+    }), $(l), setTimeout(() => t.moveLayer(`layer-${i}-point`), 10), () => {
+      u(t, `layer-${i}-point`), u(t, `layer-${i}-line`), u(t, `layer-${i}-fill`), L(t, l);
+    };
+  }, [t]), a(() => {
+    s && t.getSource(s).setData(n);
+  }, [s, n]), a(() => {
+    e.cluster || c(t, `layer-${i}-fill`, e.fillStyle || o.fill);
+  }, [e.fillStyle, e.cluster]), a(() => {
+    e.cluster || c(t, `layer-${i}-line`, e.strokeStyle || o.stroke);
+  }, [e.strokeStyle, e.cluster]), a(() => {
+    c(t, `layer-${i}-point`, e.pointStyle || o.point);
+  }, [e.pointStyle]), e.tooltip ? /* @__PURE__ */ v.jsx(
+    b,
+    {
+      layerId: [`layer-${i}-point`, `layer-${i}-fill`],
+      tooltip: e.tooltip
+    }
+  ) : null;
+};
+export {
+  E as default
+};
+//# sourceMappingURL=index.es64.js.map

package/dist/index.es64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es64.js","sources":["../src/components/GeoJSONLayerTest.js"],"sourcesContent":["// @flow\n\nimport React, { type ReactNode, useEffect, useState } from 'react';\nimport { Map } from 'maplibre-gl';\nimport {\n  Tooltip,\n  removeLayerIfExists,\n  removeSourceIfExists,\n  useLoadedMap\n} from '@peripleo/maplibre';\nimport MapStyles from '../utils/MapStyles';\n\ntype Props = {\n\n  cluster?: boolean,\n\n  clusterMaxZoom?: number,\n\n  clusterMinPoints?: number,\n\n  clusterProperties?: any,\n\n  clusterRadius?: number,\n\n  data: any,\n\n  fillStyle?: Object,\n\n  id: string,\n\n  interactive?: boolean,\n\n  pointStyle?: Object,\n\n  tooltip?: (hoverState: any) => ReactNode,\n\n  strokeStyle?: Object,\n\n  visible?: boolean,\n\n  onLoad?: () => void\n\n};\n\nconst setStyle = (map: typeof Map, layerId: string, style: any) => {\n  if (!map) return;\n\n  Object\n    .entries(style.paint)\n    .forEach(([key, value]) =>\n      map.setPaintProperty(layerId, key, value));\n};\n\nconst GeoJSONLayerTest = (props: Props) => {\n\n  const { id, data } = props;\n\n  const visible = props.visible === undefined ? true : props.visible;\n\n  const fillStyle = props.fillStyle || MapStyles.fill;\n\n  const strokeStyle = props.strokeStyle || MapStyles.stroke;\n\n  const pointStyle = props.pointStyle || MapStyles.point;\n\n  const map = useLoadedMap();\n\n  const [sourceId, setSourceId] = useState();\n\n  useEffect(() => {\n    if (map) {\n      const layerIds = new Set(map.getStyle().layers.map(l => l.id));\n\n      if (layerIds.has(`layer-${props.id}-fill`)) {\n        map.setLayoutProperty(`layer-${props.id}-fill`, 'visibility', visible ? 'visible' : 'none');\n      }\n\n      if (layerIds.has(`layer-${props.id}-line`)) {\n        map.setLayoutProperty(`layer-${props.id}-fill`, 'visibility', visible ? 'visible' : 'none');\n      }\n\n      if (layerIds.has(`layer-${props.id}-point`)) {\n        map.setLayoutProperty(`layer-${props.id}-fill`, 'visibility', visible ? 'visible' : 'none');\n      }\n    }\n  }, [visible, map]);\n\n  useEffect(() => {\n    if (!map) return;\n\n    const sourceId = `source-${id}`;\n\n    map.addSource(sourceId, {\n      type: 'geojson',\n      // @ts-ignore\n      data,\n      // Note that mapLibre checks by key, and will fail if cluster args\n      // are undefined. Therefore we need to add on demand.\n      ...(props.cluster && { cluster: true }),\n      ...(props.clusterRadius !== undefined && { clusterRadius: props.clusterRadius }),\n      ...(props.clusterMaxZoom !== undefined && { clusterMaxZoom: props.clusterMaxZoom }),\n      ...(props.clusterMinPoints !== undefined && { clusterMinPoints: props.clusterMinPoints }),\n      ...(props.clusterProperties !== undefined && { clusterProperties: props.clusterProperties })\n    });\n\n    // Map emits 'IDLE' event when the source is fully loaded\n    if (props.onLoad)\n      map.once('idle', () => props.onLoad());\n\n    if (!props.cluster) {\n      map.addLayer({\n        id: `layer-${id}-fill`,\n        ...fillStyle,\n        source: `source-${id}`,\n        filter: ['!=', '$type', 'Point'],\n        metadata: {\n          interactive: props.interactive\n        }\n      });\n\n      map.addLayer({\n        id: `layer-${id}-line`,\n        ...strokeStyle,\n        source: `source-${id}`,\n        filter: ['!=', '$type', 'Point']\n      });\n    }\n\n    map.addLayer({\n      id: `layer-${id}-point`,\n      ...pointStyle,\n      filter: ['==', '$type', 'Point'],\n      source: `source-${id}`,\n      metadata: {\n        interactive: props.interactive\n      }\n    });\n\n    setSourceId(sourceId);\n\n    setTimeout(() => map.moveLayer(`layer-${id}-point`), 10);\n\n    return () => {\n      removeLayerIfExists(map, `layer-${id}-point`);\n      removeLayerIfExists(map, `layer-${id}-line`);\n      removeLayerIfExists(map, `layer-${id}-fill`);\n\n      removeSourceIfExists(map, sourceId);\n    };\n  }, [map]);\n\n  useEffect(() => {\n    if (!sourceId) return;\n\n    // @ts-ignore\n    map.getSource(sourceId).setData(data);\n  }, [sourceId, data]);\n\n  useEffect(() => {\n    if (!props.cluster)\n      setStyle(map, `layer-${id}-fill`, props.fillStyle|| MapStyles.fill);\n  }, [props.fillStyle, props.cluster]);\n\n  useEffect(() => {\n    if (!props.cluster)\n      setStyle(map, `layer-${id}-line`, props.strokeStyle|| MapStyles.stroke);\n  }, [props.strokeStyle, props.cluster]);\n\n  useEffect(() => {\n    setStyle(map, `layer-${id}-point`, props.pointStyle|| MapStyles.point);\n  }, [props.pointStyle]);\n\n  return props.tooltip ? (\n    <Tooltip\n      layerId={[`layer-${id}-point`, `layer-${id}-fill`]}\n      tooltip={props.tooltip} />\n  ) : null;\n\n};\n\nexport default GeoJSONLayerTest;"],"names":["setStyle","map","layerId","style","key","value","GeoJSONLayerTest","props","id","data","visible","fillStyle","MapStyles","strokeStyle","pointStyle","useLoadedMap","sourceId","setSourceId","useState","useEffect","layerIds","l","removeLayerIfExists","removeSourceIfExists","jsx","Tooltip"],"mappings":"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"}