@performant-software/geospatial 1.2.0-beta.0 → 1.2.0-beta.1

package/package.json

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

package/types/components/CoreDataPlace.js.flow

@@ -1,64 +0,0 @@
-// @flow
-
-import React, { useEffect, useState } from 'react';
-import type { FeatureCollection } from '@peripleo/peripleo';
-import { MixedGeoJSONLayer, PulsingMarkerLayer } from '@peripleo/maplibre';
-import { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '../utils/MapStyles';
-import './CoreDataPlace.css';
-
-type Props = {
-  url: string,
-  fillStyle?: { [key: string]: any },
-  pointStyle?: { [key: string]: any },
-  strokeStyle?: { [key: string]: any }
-};
-
-const CoreDataPlace = (props: Props) => {
-  const [place, setPlace] = useState<FeatureCollection | undefined>(undefined);
-
-  /**
-   * Fetch the place record from the passed URI.
-   */
-  useEffect(() => {
-    fetch(props.url)
-      .then((res) => res.json())
-      .then((data) => setPlace({
-        type: 'FeatureCollection',
-        features: [{
-          ...data,
-          properties: {
-            ...data.properties,
-            record_id: data.record_id
-          }
-        }]
-      }));
-  }, [props.url]);
-
-  if (!place) {
-    return null;
-  }
-
-  return (
-    <>
-      <PulsingMarkerLayer
-        id='current'
-        data={place}
-      />
-      <MixedGeoJSONLayer
-        id={props.url}
-        data={place}
-        fillStyle={props.fillStyle}
-        strokeStyle={props.strokeStyle}
-        pointStyle={props.pointStyle}
-      />
-    </>
-  );
-};
-
-CoreDataPlace.defaultProps = {
-  fillStyle: DEFAULT_FILL_STYLE,
-  pointStyle: DEFAULT_POINT_STYLE,
-  strokeStyle: DEFAULT_STROKE_STYLE
-};
-
-export default CoreDataPlace;

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;