@performant-software/geospatial 1.1.3 → 1.1.4-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/geospatial",
-  "version": "1.1.3",
+  "version": "1.1.4-beta.3",
   "description": "TODO: ADD",
   "license": "MIT",
   "main": "./build/index.js",

package/types/components/CoreDataPlace.js.flow

@@ -1,80 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import type { FeatureCollection } from '@peripleo/peripleo';
-import { Peripleo, Controls } from '@peripleo/peripleo';
-import { Map, MixedGeoJSONLayer, PulsingMarkerLayer, Zoom } from '@peripleo/maplibre';
-import { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from './CoreDataPlaceStyles';
-
-type CoreDataPlaceProps = {
-  mapStyle: string | object;
-  placeURI: string;
-  fillStyle?: object;
-  pointStyle?: object;
-  strokeStyle?: object;
-};
-
-export const CoreDataPlace = (props: CoreDataPlaceProps) => {
-
-  return (
-    <Peripleo>
-      <Map style={props.mapStyle}>
-        <Controls position="topright">
-          <Zoom />
-        </Controls>
-
-        <CoreDataPlaceLayer 
-          uri={props.placeURI} 
-          fillStyle={props.fillStyle}
-          pointStyle={props.pointStyle}
-          strokeStyle={props.strokeStyle} />
-      </Map>
-    </Peripleo>
-  )
-
-};
-
-type CoreDataPlaceLayerProps = {
-  uri: string;
-  fillStyle?: object;
-  pointStyle?: object;
-  strokeStyle?: object;
-};
-
-export const CoreDataPlaceLayer = (props: CoreDataPlaceLayerProps) => {
-
-  const [place, setPlace] = useState<FeatureCollection | undefined>(undefined);
-
-  useEffect(() => {
-    fetch(props.uri)
-      .then(res => res.json())
-      .then(data => {
-        const place = {
-          ...data,
-          properties: {
-            ...data.properties,
-            record_id: data.record_id
-          }
-        };
-
-        setPlace({
-          type: 'FeatureCollection',
-          features: [place]
-        });
-      });
-  }, [props.uri])
-
-  return place && (
-    <>
-      <PulsingMarkerLayer 
-        id="current" 
-        data={place} />
-
-      <MixedGeoJSONLayer
-        id={props.uri} 
-        data={place} 
-        fillStyle={props.fillStyle || DEFAULT_FILL_STYLE} 
-        strokeStyle={props.strokeStyle || DEFAULT_STROKE_STYLE} 
-        pointStyle={props.pointStyle || DEFAULT_POINT_STYLE} />
-    </>
-  )
-
-};

package/types/components/CoreDataPlaceStyles.js.flow

@@ -1,36 +0,0 @@
-export const DEFAULT_POINT_STYLE = {
-  'type': 'circle',
-  'paint': {
-    'circle-radius': [
-      'interpolate', 
-      ['linear'],
-      ['number', ['get','point_count'], 1 ],
-      0, 4, 
-      10, 14
-    ],
-    'circle-stroke-width': 1,
-    'circle-color': [
-      'case',
-      ['boolean', ['feature-state', 'hover'], false],
-      '#3b62ff',
-      '#ff623b'
-    ],
-    'circle-stroke-color': '#8d260c'
-  }
-};
-
-export const DEFAULT_FILL_STYLE = {
-  'type': 'fill',
-  'paint': {
-    'fill-color': '#ff623b',
-    'fill-opacity': 0.2
-  }
-}
-
-export const DEFAULT_STROKE_STYLE = {
-  'type': 'line',
-  'paint': {
-    'line-color': '#ff623b',
-    'line-opacity': 0.6
-  }
-}

package/types/components/LayerMenuContainer.js.flow

@@ -1,80 +0,0 @@
-// @flow
-
-import {
-  Children,
-  cloneElement,
-  useEffect,
-  useState
-} from 'react';
-import { createPortal } from 'react-dom';
-import { MapboxMap, useControl } from 'react-map-gl';
-import { IControl } from 'maplibre-gl';
-import _ from 'underscore';
-
-/**
- * Layer control implementation.
- */
-class LayerControl implements IControl {
-  _map: MapboxMap = null;
-  _container: HTMLElement;
-  _redraw: () => void;
-
-  constructor(redraw: () => void) {
-    this._redraw = redraw;
-  }
-
-  onAdd(map) {
-    this._map = map;
-    map.on('move', this._redraw);
-
-    this._container = document.createElement('div');
-    this._container.className = 'maplibregl-ctrl-group maplibregl-ctrl';
-    this._redraw();
-    return this._container;
-  }
-
-  onRemove() {
-    this._container.remove();
-    this._map.off('move', this._redraw);
-    this._map = null;
-  }
-
-  getMap() {
-    return this._map;
-  }
-
-  getElement() {
-    return this._container;
-  }
-}
-
-/**
- * Layer container.
- *
- * @param props
- *
- * @returns {React$Portal}
- */
-const LayerMenuContainer = (props) => {
-  const [, setVersion] = useState(0);
-
-  const ctrl = useControl(() => {
-    const forceUpdate = () => setVersion((v) => v + 1);
-    return new LayerControl(forceUpdate);
-  }, { position: props.position });
-
-  const map = ctrl.getMap();
-
-  const children = Children.map(_.compact(props.children), (child) => cloneElement(child, { map }));
-
-  useEffect(() => {
-    if (props.mapRef) {
-      // eslint-disable-next-line no-param-reassign
-      props.mapRef.current = map;
-    }
-  }, [map, props.mapRef]);
-
-  return map && createPortal(children, ctrl.getElement());
-};
-
-export default LayerMenuContainer;