@performant-software/geospatial 3.1.15 → 3.1.16-beta.1

package/dist/index.es85.js

@@ -2,7 +2,7 @@ import r from "./index.es40.js";
 import n from "./index.es152.js";
 import f from "./index.es113.js";
 import { push as u } from "./index.es36.js";
-import m from "./index.es237.js";
+import m from "./index.es235.js";
 function l(o) {
   return n(f(o), function(t) {
     var i = r[t] = o[t];

package/dist/index.es92.js

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

package/dist/index.es93.js

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

package/dist/index.es94.js

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

package/dist/index.es95.js

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

package/dist/index.es96.js

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

package/dist/index.es97.js

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

package/dist/index.es98.js

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

package/dist/index.es99.js

@@ -1,4 +1,4 @@
-import a from "./index.es211.js";
+import a from "./index.es209.js";
 import r from "./index.es37.js";
 import e from "./index.es98.js";
 import { hasDataViewBug as i } from "./index.es38.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/geospatial",
-  "version": "3.1.15",
+  "version": "3.1.16-beta.1",
   "description": "A package of components for all things map-related.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",

package/types/components/GeoJSONLayerTest.js.flow

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

package/types/components/LocationMarker.js.flow

@@ -1,82 +0,0 @@
-// @flow
-
-import { MixedGeoJSONLayer, PulsingMarkerLayer, useMap } from '@peripleo/maplibre';
-import React, { useEffect } from 'react';
-import { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '../utils/MapStyles';
-import MapUtils from '../utils/Map';
-
-type Props = {
-  /**
-   * If `true`, the point marker will display with a pulsing animation.
-   */
-  animate?: boolean,
-
-  /**
-   * The number of miles to buffer the GeoJSON data.
-   */
-  buffer: number,
-
-  /**
-   * The GeoJSON data representing the location.
-   */
-  data: { [key: string]: any },
-
-  /**
-   * GeoJSON layer fill style.
-   */
-  fillStyle?: { [key: string]: any },
-
-  /**
-   * GeoJSON layer point style.
-   */
-  pointStyle?: { [key: string]: any },
-
-  /**
-   * GeoJSON layer stroke style
-   */
-  strokeStyle?: { [key: string]: any }
-};
-
-const DEFAULT_BUFFER = 2;
-
-/**
- * This component renders a location marker to be used in a Peripleo context.
- */
-const LocationMarker = (props: Props) => {
-  const map = useMap();
-
-  /**
-   * Sets the bounding box on the map.
-   */
-  useEffect(() => {
-    if (map && props.data) {
-      const boundingBox = MapUtils.getBoundingBox(props.data, props.buffer);
-      map.fitBounds(boundingBox);
-    }
-  }, [map, props.buffer, props.data]);
-
-  return (
-    <>
-      { props.animate && (
-        <PulsingMarkerLayer
-          data={props.data}
-        />
-      )}
-      <MixedGeoJSONLayer
-        data={props.data}
-        fillStyle={props.fillStyle}
-        strokeStyle={props.strokeStyle}
-        pointStyle={props.pointStyle}
-      />
-    </>
-  );
-};
-
-LocationMarker.defaultProps = {
-  buffer: DEFAULT_BUFFER,
-  fillStyle: DEFAULT_FILL_STYLE,
-  pointStyle: DEFAULT_POINT_STYLE,
-  strokeStyle: DEFAULT_STROKE_STYLE
-};
-
-export default LocationMarker;