react-spatial 1.12.0 → 1.12.1

package/components/FitExtent/FitExtent.js

@@ -1,29 +1,29 @@
-import React from "react";
-import PropTypes from "prop-types";
 import OLMap from "ol/Map";
+import PropTypes from "prop-types";
+import React from "react";
 const propTypes = {
   /**
-   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
-   */
-  map: PropTypes.instanceOf(OLMap).isRequired,
-  /**
-   * The extent to be zoomed.
+   * Button content.
    */
-  extent: PropTypes.arrayOf(PropTypes.number).isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * CSS class  for the fitExtent button.
    */
   className: PropTypes.string,
   /**
-   * Button content.
+   * The extent to be zoomed.
+   */
+  extent: PropTypes.arrayOf(PropTypes.number).isRequired,
+  /**
+   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
    */
-  children: PropTypes.node.isRequired
+  map: PropTypes.instanceOf(OLMap).isRequired
 };
 function FitExtent({
-  map,
-  extent,
-  className = "rs-fit-extent",
   children,
+  className = "rs-fit-extent",
+  extent,
+  map,
   ...other
 }) {
   const fit = (evt) => {
@@ -37,10 +37,10 @@ function FitExtent({
     "div",
     {
       className,
-      role: "button",
-      tabIndex: "0",
       onClick: fit,
       onKeyPress: fit,
+      role: "button",
+      tabIndex: "0",
       ...other
     },
     children

package/components/FitExtent/FitExtent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FitExtent/FitExtent.js"],
-  "sourcesContent": ["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * The extent to be zoomed.\n   */\n  extent: PropTypes.arrayOf(PropTypes.number).isRequired,\n\n  /**\n   * CSS class  for the fitExtent button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Button content.\n   */\n  children: PropTypes.node.isRequired,\n};\n\n/**\n * The FitExtent component creates a button that updates the current extent of\n * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction FitExtent({\n  map,\n  extent,\n  className = \"rs-fit-extent\",\n  children,\n  ...other\n}) {\n  const fit = (evt) => {\n    if (evt.which && evt.which !== 13) {\n      return;\n    }\n    map.getView().cancelAnimations();\n    map.getView().fit(extent, map.getSize());\n  };\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      tabIndex=\"0\"\n      onClick={fit}\n      onKeyPress={fit}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n    >\n      {children}\n    </div>\n  );\n}\n\nFitExtent.propTypes = propTypes;\n\nexport default FitExtent;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKjC,QAAQ,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,EAK5C,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAKrB,UAAU,UAAU,KAAK;AAC3B;AAMA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,MAAM,CAAC,QAAQ;AACnB,QAAI,IAAI,SAAS,IAAI,UAAU,IAAI;AACjC;AAAA,IACF;AACA,QAAI,QAAQ,EAAE,iBAAiB;AAC/B,QAAI,QAAQ,EAAE,IAAI,QAAQ,IAAI,QAAQ,CAAC;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,UAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAY;AAAA,MAEX,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,UAAU,YAAY;AAEtB,eAAe;",
+  "sourcesContent": ["import OLMap from \"ol/Map\";\nimport PropTypes from \"prop-types\";\nimport React from \"react\";\n\nconst propTypes = {\n  /**\n   * Button content.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * CSS class  for the fitExtent button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * The extent to be zoomed.\n   */\n  extent: PropTypes.arrayOf(PropTypes.number).isRequired,\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n};\n\n/**\n * The FitExtent component creates a button that updates the current extent of\n * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction FitExtent({\n  children,\n  className = \"rs-fit-extent\",\n  extent,\n  map,\n  ...other\n}) {\n  const fit = (evt) => {\n    if (evt.which && evt.which !== 13) {\n      return;\n    }\n    map.getView().cancelAnimations();\n    map.getView().fit(extent, map.getSize());\n  };\n\n  return (\n    <div\n      className={className}\n      onClick={fit}\n      onKeyPress={fit}\n      role=\"button\"\n      tabIndex=\"0\"\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n    >\n      {children}\n    </div>\n  );\n}\n\nFitExtent.propTypes = propTypes;\n\nexport default FitExtent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,UAAU,UAAU,KAAK;AAAA;AAAA;AAAA;AAAA,EAKzB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAKrB,QAAQ,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,EAK5C,KAAK,UAAU,WAAW,KAAK,EAAE;AACnC;AAMA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,MAAM,CAAC,QAAQ;AACnB,QAAI,IAAI,SAAS,IAAI,UAAU,IAAI;AACjC;AAAA,IACF;AACA,QAAI,QAAQ,EAAE,iBAAiB;AAC/B,QAAI,QAAQ,EAAE,IAAI,QAAQ,IAAI,QAAQ,CAAC;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,MAAK;AAAA,MACL,UAAS;AAAA,MAER,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,UAAU,YAAY;AAEtB,eAAe;",
   "names": []
 }

package/components/Geolocation/Geolocation.js

@@ -1,38 +1,51 @@
-import React, { PureComponent } from "react";
-import PropTypes from "prop-types";
-import OLMap from "ol/Map";
-import { transform } from "ol/proj";
-import Point from "ol/geom/Point";
 import Feature from "ol/Feature";
+import Point from "ol/geom/Point";
+import VectorLayer from "ol/layer/Vector";
+import OLMap from "ol/Map";
 import { unByKey } from "ol/Observable";
-import Style from "ol/style/Style";
+import { transform } from "ol/proj";
+import VectorSource from "ol/source/Vector";
 import Circle from "ol/style/Circle";
 import Fill from "ol/style/Fill";
 import Stroke from "ol/style/Stroke";
-import VectorLayer from "ol/layer/Vector";
-import VectorSource from "ol/source/Vector";
+import Style from "ol/style/Style";
+import PropTypes from "prop-types";
+import React, { PureComponent } from "react";
 import { FaRegDotCircle } from "react-icons/fa";
 const propTypes = {
   /**
-   * CSS class of the button.
+   * If true, the map will center once on the position then will constantly recenter to the current Position.
+   * If false, the map will center once on the position then will never recenter if the position changes.
    */
-  className: PropTypes.string,
+  alwaysRecenterToPosition: PropTypes.bool,
   /**
    *  Children content of the Geolocation button.
    */
   children: PropTypes.node,
+  /**
+   * CSS class of the button.
+   */
+  className: PropTypes.string,
+  /**
+   * Color (Number array with rgb values) or style function.
+   * If a color is given, the style is animated.
+   */
+  colorOrStyleFunc: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.number),
+    PropTypes.func
+  ]),
   /**
    * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
    */
   map: PropTypes.instanceOf(OLMap).isRequired,
   /**
-   * Function triggered when geolocating is not successful.
+   * If true, the map will never center to the current position
    */
-  onError: PropTypes.func,
+  neverCenterToPosition: PropTypes.bool,
   /**
-   * Function triggered after successful geoLocation calls. Takes the ol/map, the current lat/lon coordinate and the component instance as arguments.
+   * If true, the map is not centered after it has been dragged once.
    */
-  onSuccess: PropTypes.func,
+  noCenterAfterDrag: PropTypes.bool,
   /**
    * Function triggered after the geolocation is activated. Takes the ol/map and the component instance as arguments.
    */
@@ -42,42 +55,29 @@ const propTypes = {
    */
   onDeactivate: PropTypes.func,
   /**
-   * If true, the map is not centered after it has been dragged once.
-   */
-  noCenterAfterDrag: PropTypes.bool,
-  /**
-   * If true, the map will center once on the position then will constantly recenter to the current Position.
-   * If false, the map will center once on the position then will never recenter if the position changes.
-   */
-  alwaysRecenterToPosition: PropTypes.bool,
-  /**
-   * If true, the map will never center to the current position
+   * Function triggered when geolocating is not successful.
    */
-  neverCenterToPosition: PropTypes.bool,
+  onError: PropTypes.func,
   /**
-   * Color (Number array with rgb values) or style function.
-   * If a color is given, the style is animated.
+   * Function triggered after successful geoLocation calls. Takes the ol/map, the current lat/lon coordinate and the component instance as arguments.
    */
-  colorOrStyleFunc: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.number),
-    PropTypes.func
-  ])
+  onSuccess: PropTypes.func
 };
 const defaultProps = {
-  className: "rs-geolocation",
+  alwaysRecenterToPosition: true,
   children: /* @__PURE__ */ React.createElement(FaRegDotCircle, { focusable: false }),
-  onError: () => {
-  },
-  onSuccess: () => {
-  },
+  className: "rs-geolocation",
+  colorOrStyleFunc: [235, 0, 0],
+  neverCenterToPosition: false,
+  noCenterAfterDrag: false,
   onActivate: () => {
   },
   onDeactivate: () => {
   },
-  noCenterAfterDrag: false,
-  alwaysRecenterToPosition: true,
-  neverCenterToPosition: false,
-  colorOrStyleFunc: [235, 0, 0]
+  onError: () => {
+  },
+  onSuccess: () => {
+  }
 };
 class Geolocation extends PureComponent {
   constructor(props) {
@@ -91,39 +91,6 @@ class Geolocation extends PureComponent {
     };
     this.point = void 0;
   }
-  componentWillUnmount() {
-    this.deactivate();
-  }
-  toggle() {
-    const { active } = this.state;
-    const { onError } = this.props;
-    const geolocation = "geolocation" in navigator;
-    if (!geolocation) {
-      onError(new Error("Geolocation not supported"));
-    } else if (!active) {
-      this.activate();
-    } else {
-      this.deactivate();
-    }
-  }
-  error(error) {
-    const { onError } = this.props;
-    this.deactivate();
-    onError(error);
-  }
-  deactivate() {
-    const { map, onDeactivate } = this.props;
-    window.clearInterval(this.interval);
-    this.layer.setMap(null);
-    navigator.geolocation.clearWatch(this.watch);
-    this.setState({
-      active: false
-    });
-    this.isRecenteringToPosition = true;
-    this.point = void 0;
-    onDeactivate(map, this);
-    unByKey(this.dragListener);
-  }
   activate() {
     const { map, noCenterAfterDrag, onActivate } = this.props;
     this.projection = map.getView().getProjection().getCode();
@@ -145,21 +112,26 @@ class Geolocation extends PureComponent {
     }
     onActivate(map, this);
   }
-  update({ coords: { latitude, longitude } }) {
-    const { map, alwaysRecenterToPosition, neverCenterToPosition, onSuccess } = this.props;
-    const position = transform(
-      [longitude, latitude],
-      "EPSG:4326",
-      this.projection
-    );
-    this.point.setCoordinates(position);
-    if (!neverCenterToPosition && this.isRecenteringToPosition) {
-      map.getView().setCenter(position);
-      if (!alwaysRecenterToPosition) {
-        this.isRecenteringToPosition = false;
-      }
-    }
-    onSuccess(map, [latitude, longitude], this);
+  componentWillUnmount() {
+    this.deactivate();
+  }
+  deactivate() {
+    const { map, onDeactivate } = this.props;
+    window.clearInterval(this.interval);
+    this.layer.setMap(null);
+    navigator.geolocation.clearWatch(this.watch);
+    this.setState({
+      active: false
+    });
+    this.isRecenteringToPosition = true;
+    this.point = void 0;
+    onDeactivate(map, this);
+    unByKey(this.dragListener);
+  }
+  error(error) {
+    const { onError } = this.props;
+    this.deactivate();
+    onError(error);
   }
   highlight() {
     const { colorOrStyleFunc } = this.props;
@@ -184,15 +156,15 @@ class Geolocation extends PureComponent {
       feature.setStyle(() => {
         const circleStyle = new Style({
           image: new Circle({
-            radius: 20,
-            rotation,
             fill: new Fill({
               color: "rgba(255, 255, 255, 0.01)"
             }),
+            radius: 20,
+            rotation,
             stroke: new Stroke({
+              color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${opacity})`,
               lineDash: [30, 10],
-              width: 6,
-              color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${opacity})`
+              width: 6
             })
           })
         });
@@ -200,10 +172,10 @@ class Geolocation extends PureComponent {
         return [
           new Style({
             image: new Circle({
-              radius: 10,
               fill: new Fill({
                 color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.5)`
-              })
+              }),
+              radius: 10
             })
           }),
           circleStyle
@@ -224,8 +196,6 @@ class Geolocation extends PureComponent {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        role: "button",
-        tabIndex: "0",
         className: `${className} ${active ? "rs-active" : ""}`,
         onClick: () => {
           return this.toggle();
@@ -233,11 +203,41 @@ class Geolocation extends PureComponent {
         onKeyPress: (e) => {
           return e.which === 13 && this.toggle();
         },
+        role: "button",
+        tabIndex: "0",
         ...other
       },
       children
     );
   }
+  toggle() {
+    const { active } = this.state;
+    const { onError } = this.props;
+    const geolocation = "geolocation" in navigator;
+    if (!geolocation) {
+      onError(new Error("Geolocation not supported"));
+    } else if (!active) {
+      this.activate();
+    } else {
+      this.deactivate();
+    }
+  }
+  update({ coords: { latitude, longitude } }) {
+    const { alwaysRecenterToPosition, map, neverCenterToPosition, onSuccess } = this.props;
+    const position = transform(
+      [longitude, latitude],
+      "EPSG:4326",
+      this.projection
+    );
+    this.point.setCoordinates(position);
+    if (!neverCenterToPosition && this.isRecenteringToPosition) {
+      map.getView().setCenter(position);
+      if (!alwaysRecenterToPosition) {
+        this.isRecenteringToPosition = false;
+      }
+    }
+    onSuccess(map, [latitude, longitude], this);
+  }
 }
 Geolocation.propTypes = propTypes;
 Geolocation.defaultProps = defaultProps;

package/components/Geolocation/Geolocation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Geolocation/Geolocation.js"],
-  "sourcesContent": ["import React, { PureComponent } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport OLMap from \"ol/Map\";\nimport { transform } from \"ol/proj\";\nimport Point from \"ol/geom/Point\";\nimport Feature from \"ol/Feature\";\nimport { unByKey } from \"ol/Observable\";\n\nimport Style from \"ol/style/Style\";\nimport Circle from \"ol/style/Circle\";\nimport Fill from \"ol/style/Fill\";\nimport Stroke from \"ol/style/Stroke\";\n\nimport VectorLayer from \"ol/layer/Vector\";\nimport VectorSource from \"ol/source/Vector\";\n\nimport { FaRegDotCircle } from \"react-icons/fa\";\n\nconst propTypes = {\n  /**\n   * CSS class of the button.\n   */\n  className: PropTypes.string,\n\n  /**\n   *  Children content of the Geolocation button.\n   */\n  children: PropTypes.node,\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * Function triggered when geolocating is not successful.\n   */\n  onError: PropTypes.func,\n\n  /**\n   * Function triggered after successful geoLocation calls. Takes the ol/map, the current lat/lon coordinate and the component instance as arguments.\n   */\n  onSuccess: PropTypes.func,\n\n  /**\n   * Function triggered after the geolocation is activated. Takes the ol/map and the component instance as arguments.\n   */\n  onActivate: PropTypes.func,\n\n  /**\n   * Function triggered after the geolocation is deactivated. Takes the ol/map and the component instance as arguments..\n   */\n  onDeactivate: PropTypes.func,\n\n  /**\n   * If true, the map is not centered after it has been dragged once.\n   */\n  noCenterAfterDrag: PropTypes.bool,\n\n  /**\n   * If true, the map will center once on the position then will constantly recenter to the current Position.\n   * If false, the map will center once on the position then will never recenter if the position changes.\n   */\n  alwaysRecenterToPosition: PropTypes.bool,\n\n  /**\n   * If true, the map will never center to the current position\n   */\n  neverCenterToPosition: PropTypes.bool,\n\n  /**\n   * Color (Number array with rgb values) or style function.\n   * If a color is given, the style is animated.\n   */\n  colorOrStyleFunc: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.number),\n    PropTypes.func,\n  ]),\n};\n\nconst defaultProps = {\n  className: \"rs-geolocation\",\n  children: <FaRegDotCircle focusable={false} />,\n  onError: () => {},\n  onSuccess: () => {},\n  onActivate: () => {},\n  onDeactivate: () => {},\n  noCenterAfterDrag: false,\n  alwaysRecenterToPosition: true,\n  neverCenterToPosition: false,\n  colorOrStyleFunc: [235, 0, 0],\n};\n\n/**\n * The GeoLocation component creates a button to display the current device's location on an\n * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nclass Geolocation extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.layer = new VectorLayer({\n      source: new VectorSource(),\n    });\n\n    this.isRecenteringToPosition = true;\n\n    this.state = {\n      active: false,\n    };\n    this.point = undefined;\n  }\n\n  componentWillUnmount() {\n    this.deactivate();\n  }\n\n  toggle() {\n    const { active } = this.state;\n    const { onError } = this.props;\n    const geolocation = \"geolocation\" in navigator;\n\n    if (!geolocation) {\n      onError(new Error(\"Geolocation not supported\"));\n    } else if (!active) {\n      this.activate();\n    } else {\n      this.deactivate();\n    }\n  }\n\n  error(error) {\n    const { onError } = this.props;\n\n    this.deactivate();\n    onError(error);\n  }\n\n  deactivate() {\n    const { map, onDeactivate } = this.props;\n    window.clearInterval(this.interval);\n    this.layer.setMap(null);\n    navigator.geolocation.clearWatch(this.watch);\n\n    this.setState({\n      active: false,\n    });\n\n    this.isRecenteringToPosition = true;\n    this.point = undefined;\n    onDeactivate(map, this);\n    unByKey(this.dragListener);\n  }\n\n  activate() {\n    const { map, noCenterAfterDrag, onActivate } = this.props;\n\n    this.projection = map.getView().getProjection().getCode();\n    this.point = new Point([0, 0]);\n    this.highlight();\n    this.layer.setMap(map);\n    this.setState({ active: true });\n\n    this.watch = navigator.geolocation.watchPosition(\n      this.update.bind(this),\n      this.error.bind(this),\n      {\n        enableHighAccuracy: true,\n      },\n    );\n\n    if (noCenterAfterDrag) {\n      this.dragListener = map.on(\"pointerdrag\", () => {\n        this.isRecenteringToPosition = false;\n      });\n    }\n\n    onActivate(map, this);\n  }\n\n  update({ coords: { latitude, longitude } }) {\n    const { map, alwaysRecenterToPosition, neverCenterToPosition, onSuccess } =\n      this.props;\n\n    const position = transform(\n      [longitude, latitude],\n      \"EPSG:4326\",\n      this.projection,\n    );\n    this.point.setCoordinates(position);\n\n    if (!neverCenterToPosition && this.isRecenteringToPosition) {\n      map.getView().setCenter(position);\n      if (!alwaysRecenterToPosition) {\n        this.isRecenteringToPosition = false;\n      }\n    }\n\n    onSuccess(map, [latitude, longitude], this);\n  }\n\n  highlight() {\n    const { colorOrStyleFunc } = this.props;\n    const feature = new Feature({\n      geometry: this.point,\n    });\n\n    if (Array.isArray(colorOrStyleFunc)) {\n      const color = colorOrStyleFunc;\n\n      let decrease = true;\n      let opacity = 0.5;\n      let rotation = 0;\n\n      window.clearInterval(this.interval);\n      this.interval = window.setInterval(() => {\n        rotation += 0.03;\n        decrease = opacity < 0.1 ? false : decrease;\n        decrease = opacity > 0.5 ? true : decrease;\n        opacity += decrease ? -0.03 : 0.03;\n        if (feature) {\n          feature.changed();\n        }\n      }, 50);\n\n      feature.setStyle(() => {\n        const circleStyle = new Style({\n          image: new Circle({\n            radius: 20,\n            rotation,\n            fill: new Fill({\n              color: \"rgba(255, 255, 255, 0.01)\",\n            }),\n            stroke: new Stroke({\n              lineDash: [30, 10],\n              width: 6,\n              color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${opacity})`,\n            }),\n          }),\n        });\n\n        circleStyle.getImage().setRotation(rotation);\n\n        return [\n          new Style({\n            image: new Circle({\n              radius: 10,\n              fill: new Fill({\n                color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.5)`,\n              }),\n            }),\n          }),\n          circleStyle,\n        ];\n      });\n    } else {\n      feature.setStyle(colorOrStyleFunc);\n    }\n\n    this.layer.getSource().clear();\n    this.layer.getSource().addFeature(feature);\n  }\n\n  render() {\n    const { children, className } = this.props;\n    // Remove component props from other HTML props.\n    const other = Object.entries(this.props).reduce((props, [key, value]) => {\n      return propTypes[key] ? props : { ...props, [key]: value };\n    }, {});\n    const { active } = this.state;\n\n    return (\n      <div\n        role=\"button\"\n        tabIndex=\"0\"\n        className={`${className} ${active ? \"rs-active\" : \"\"}`}\n        onClick={() => {\n          return this.toggle();\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && this.toggle();\n        }}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...other}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nGeolocation.propTypes = propTypes;\nGeolocation.defaultProps = defaultProps;\n\nexport default Geolocation;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import Feature from \"ol/Feature\";\nimport Point from \"ol/geom/Point\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { transform } from \"ol/proj\";\nimport VectorSource from \"ol/source/Vector\";\nimport Circle from \"ol/style/Circle\";\nimport Fill from \"ol/style/Fill\";\nimport Stroke from \"ol/style/Stroke\";\nimport Style from \"ol/style/Style\";\nimport PropTypes from \"prop-types\";\nimport React, { PureComponent } from \"react\";\nimport { FaRegDotCircle } from \"react-icons/fa\";\n\nconst propTypes = {\n  /**\n   * If true, the map will center once on the position then will constantly recenter to the current Position.\n   * If false, the map will center once on the position then will never recenter if the position changes.\n   */\n  alwaysRecenterToPosition: PropTypes.bool,\n\n  /**\n   *  Children content of the Geolocation button.\n   */\n  children: PropTypes.node,\n\n  /**\n   * CSS class of the button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Color (Number array with rgb values) or style function.\n   * If a color is given, the style is animated.\n   */\n  colorOrStyleFunc: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.number),\n    PropTypes.func,\n  ]),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * If true, the map will never center to the current position\n   */\n  neverCenterToPosition: PropTypes.bool,\n\n  /**\n   * If true, the map is not centered after it has been dragged once.\n   */\n  noCenterAfterDrag: PropTypes.bool,\n\n  /**\n   * Function triggered after the geolocation is activated. Takes the ol/map and the component instance as arguments.\n   */\n  onActivate: PropTypes.func,\n\n  /**\n   * Function triggered after the geolocation is deactivated. Takes the ol/map and the component instance as arguments..\n   */\n  onDeactivate: PropTypes.func,\n\n  /**\n   * Function triggered when geolocating is not successful.\n   */\n  onError: PropTypes.func,\n\n  /**\n   * Function triggered after successful geoLocation calls. Takes the ol/map, the current lat/lon coordinate and the component instance as arguments.\n   */\n  onSuccess: PropTypes.func,\n};\n\nconst defaultProps = {\n  alwaysRecenterToPosition: true,\n  children: <FaRegDotCircle focusable={false} />,\n  className: \"rs-geolocation\",\n  colorOrStyleFunc: [235, 0, 0],\n  neverCenterToPosition: false,\n  noCenterAfterDrag: false,\n  onActivate: () => {},\n  onDeactivate: () => {},\n  onError: () => {},\n  onSuccess: () => {},\n};\n\n/**\n * The GeoLocation component creates a button to display the current device's location on an\n * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nclass Geolocation extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.layer = new VectorLayer({\n      source: new VectorSource(),\n    });\n\n    this.isRecenteringToPosition = true;\n\n    this.state = {\n      active: false,\n    };\n    this.point = undefined;\n  }\n\n  activate() {\n    const { map, noCenterAfterDrag, onActivate } = this.props;\n\n    this.projection = map.getView().getProjection().getCode();\n    this.point = new Point([0, 0]);\n    this.highlight();\n    this.layer.setMap(map);\n    this.setState({ active: true });\n\n    this.watch = navigator.geolocation.watchPosition(\n      this.update.bind(this),\n      this.error.bind(this),\n      {\n        enableHighAccuracy: true,\n      },\n    );\n\n    if (noCenterAfterDrag) {\n      this.dragListener = map.on(\"pointerdrag\", () => {\n        this.isRecenteringToPosition = false;\n      });\n    }\n\n    onActivate(map, this);\n  }\n\n  componentWillUnmount() {\n    this.deactivate();\n  }\n\n  deactivate() {\n    const { map, onDeactivate } = this.props;\n    window.clearInterval(this.interval);\n    this.layer.setMap(null);\n    navigator.geolocation.clearWatch(this.watch);\n\n    this.setState({\n      active: false,\n    });\n\n    this.isRecenteringToPosition = true;\n    this.point = undefined;\n    onDeactivate(map, this);\n    unByKey(this.dragListener);\n  }\n\n  error(error) {\n    const { onError } = this.props;\n\n    this.deactivate();\n    onError(error);\n  }\n\n  highlight() {\n    const { colorOrStyleFunc } = this.props;\n    const feature = new Feature({\n      geometry: this.point,\n    });\n\n    if (Array.isArray(colorOrStyleFunc)) {\n      const color = colorOrStyleFunc;\n\n      let decrease = true;\n      let opacity = 0.5;\n      let rotation = 0;\n\n      window.clearInterval(this.interval);\n      this.interval = window.setInterval(() => {\n        rotation += 0.03;\n        decrease = opacity < 0.1 ? false : decrease;\n        decrease = opacity > 0.5 ? true : decrease;\n        opacity += decrease ? -0.03 : 0.03;\n        if (feature) {\n          feature.changed();\n        }\n      }, 50);\n\n      feature.setStyle(() => {\n        const circleStyle = new Style({\n          image: new Circle({\n            fill: new Fill({\n              color: \"rgba(255, 255, 255, 0.01)\",\n            }),\n            radius: 20,\n            rotation,\n            stroke: new Stroke({\n              color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${opacity})`,\n              lineDash: [30, 10],\n              width: 6,\n            }),\n          }),\n        });\n\n        circleStyle.getImage().setRotation(rotation);\n\n        return [\n          new Style({\n            image: new Circle({\n              fill: new Fill({\n                color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.5)`,\n              }),\n              radius: 10,\n            }),\n          }),\n          circleStyle,\n        ];\n      });\n    } else {\n      feature.setStyle(colorOrStyleFunc);\n    }\n\n    this.layer.getSource().clear();\n    this.layer.getSource().addFeature(feature);\n  }\n\n  render() {\n    const { children, className } = this.props;\n    // Remove component props from other HTML props.\n    const other = Object.entries(this.props).reduce((props, [key, value]) => {\n      return propTypes[key] ? props : { ...props, [key]: value };\n    }, {});\n    const { active } = this.state;\n\n    return (\n      <div\n        className={`${className} ${active ? \"rs-active\" : \"\"}`}\n        onClick={() => {\n          return this.toggle();\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && this.toggle();\n        }}\n        role=\"button\"\n        tabIndex=\"0\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...other}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  toggle() {\n    const { active } = this.state;\n    const { onError } = this.props;\n    const geolocation = \"geolocation\" in navigator;\n\n    if (!geolocation) {\n      onError(new Error(\"Geolocation not supported\"));\n    } else if (!active) {\n      this.activate();\n    } else {\n      this.deactivate();\n    }\n  }\n\n  update({ coords: { latitude, longitude } }) {\n    const { alwaysRecenterToPosition, map, neverCenterToPosition, onSuccess } =\n      this.props;\n\n    const position = transform(\n      [longitude, latitude],\n      \"EPSG:4326\",\n      this.projection,\n    );\n    this.point.setCoordinates(position);\n\n    if (!neverCenterToPosition && this.isRecenteringToPosition) {\n      map.getView().setCenter(position);\n      if (!alwaysRecenterToPosition) {\n        this.isRecenteringToPosition = false;\n      }\n    }\n\n    onSuccess(map, [latitude, longitude], this);\n  }\n}\n\nGeolocation.propTypes = propTypes;\nGeolocation.defaultProps = defaultProps;\n\nexport default Geolocation;\n"],
+  "mappings": "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",
   "names": []
 }