react-spatial 1.5.7 → 1.7.0

package/README.md

@@ -17,7 +17,7 @@ Documentation and examples at https://react-spatial.geops.io.
 Install the [react-spatial](https://www.npmjs.com/package/react-spatial) package:
 
 ```bash
-yarn add mobility-toolbox-js mapbox-gl ol react-spatial
+yarn add mobility-toolbox-js mapbox-gl mapblibre-gl ol react-spatial
 ```
 
 Your build pipeline needs to support ES6 modules and SASS.
@@ -37,7 +37,3 @@ import 'react-spatial/themes/default/index.scss';
 ## Bugs
 
 Please use the [GitHub issue tracker](https://github.com/geops/react-spatial/issues) for all bugs and feature requests. Before creating a new issue, do a quick search to see if the problem has been reported already.
-
-## Version 1.x.x
-
-The master branch is now open for the version 2 development. The version 1 is now available in 1.x.x branch.

package/components/BaseLayerSwitcher/BaseLayerSwitcher.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/BaseLayerSwitcher/BaseLayerSwitcher.js"],
-  "sourcesContent": ["/* eslint-disable jsx-a11y/interactive-supports-focus */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronLeft } from 'react-icons/fa';\nimport { Layer } from 'mobility-toolbox-js/ol';\nimport { unByKey } from 'ol/Observable';\n\nconst propTypes = {\n  /**\n   * An array of [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers).\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)).isRequired,\n\n  /**\n   * Object containing relative paths to the base layer images. Object\n   * keys need to correspond to layer keys\n   */\n  layerImages: PropTypes.objectOf(PropTypes.string),\n\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Alternative text rendered if layer images can't be loaded\n   */\n  altText: PropTypes.string,\n\n  /**\n   * Button titles.\n   */\n  titles: PropTypes.shape({\n    button: PropTypes.string,\n    openSwitcher: PropTypes.string,\n    closeSwitcher: PropTypes.string,\n  }),\n\n  /**\n   * Image (node) rendered in the switcher close button.\n   */\n  closeButtonImage: PropTypes.node,\n\n  /**\n   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: PropTypes.func,\n};\n\nconst defaultProps = {\n  className: 'rs-base-layer-switcher',\n  altText: 'Source not found',\n  titles: {\n    button: 'Base layers',\n    openSwitcher: 'Open Baselayer-Switcher',\n    closeSwitcher: 'Close Baselayer-Switcher',\n  },\n  closeButtonImage: <FaChevronLeft />,\n  layerImages: undefined,\n  t: (s) => {\n    return s;\n  },\n};\n\nconst getVisibleLayer = (layers) => {\n  return layers.find((layer) => {\n    return layer.visible;\n  });\n};\n\nconst getNextImage = (currentLayer, layers, layerImages) => {\n  const currentIndex = layers.indexOf(\n    layers.find((layer) => {\n      return layer === currentLayer;\n    }),\n  );\n  const nextIndex = currentIndex + 1 === layers.length ? 0 : currentIndex + 1;\n  return layerImages[nextIndex];\n};\n\nconst getImageStyle = (url) => {\n  return url\n    ? {\n        backgroundImage: `url(${url})`,\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'center',\n      }\n    : null;\n};\n\n/**\n * The BaseLayerSwitcher component renders a button interface for switching the visible\n * [mobility-toolbox-js layer](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)\n * when defined as base layer.\n */\n\nfunction BaseLayerSwitcher({\n  layers,\n  layerImages,\n  className,\n  altText,\n  titles,\n  closeButtonImage,\n  t,\n}) {\n  const [switcherOpen, setSwitcherOpen] = useState(false);\n  const [isClosed, setIsClosed] = useState(true);\n  const [currentLayer, setCurrentLayer] = useState(\n    getVisibleLayer(layers) || layers[0],\n  );\n\n  useEffect(() => {\n    // Update the layer selected when a visibility changes.\n    const olKeys = (layers || []).map((layer) => {\n      return layer.on('change:visible', (evt) => {\n        if (evt.target.visible && currentLayer !== evt.target) {\n          setCurrentLayer(evt.target);\n        }\n      });\n    });\n    return () => {\n      unByKey(olKeys);\n    };\n  }, [currentLayer, layers]);\n\n  /* Images are loaded from props if provided, fallback from layer */\n  const images = layerImages\n    ? Object.keys(layerImages).map((layerImage) => {\n        return layerImages[layerImage];\n      })\n    : layers.map((layer) => {\n        return layer.get('previewImage');\n      });\n\n  const openClass = switcherOpen ? ' rs-open' : '';\n  const hiddenStyle = switcherOpen && !isClosed ? 'visible' : 'hidden';\n\n  const handleSwitcherClick = () => {\n    if (layers.length === 2) {\n      /* On only two layer options the opener becomes a layer toggle button */\n      const nextLayer = layers.find((layer) => {\n        return !layer.visible;\n      });\n      if (currentLayer.setVisible) {\n        currentLayer.setVisible(false);\n      } else {\n        currentLayer.visible = false;\n      }\n      setCurrentLayer(nextLayer);\n      if (nextLayer.setVisible) {\n        nextLayer.setVisible(true);\n      } else {\n        nextLayer.visible = true;\n      }\n      return;\n    }\n    // eslint-disable-next-line consistent-return\n    return setSwitcherOpen(true) && setIsClosed(false);\n  };\n\n  const onLayerSelect = (layer) => {\n    if (!switcherOpen) {\n      setSwitcherOpen(true);\n      return;\n    }\n    setCurrentLayer(layer);\n    if (layer.setVisible) {\n      layer.setVisible(true);\n    } else {\n      // eslint-disable-next-line no-param-reassign\n      layer.visible = true;\n    }\n    layers\n      .filter((l) => {\n        return l !== layer;\n      })\n      .forEach((l) => {\n        if (l.setVisible) {\n          l.setVisible(false);\n        } else {\n          // eslint-disable-next-line no-param-reassign\n          l.visible = false;\n        }\n      });\n    setSwitcherOpen(false);\n  };\n\n  /* Get next image for closed button */\n  const nextImage = getNextImage(currentLayer, layers, images);\n\n  useEffect(() => {\n    /* Ensure correct layer is active on app load */\n    if (currentLayer !== getVisibleLayer(layers)) {\n      setCurrentLayer(getVisibleLayer(layers) || layers[0]);\n    }\n  }, [currentLayer, layers]);\n\n  useEffect(() => {\n    /* Used for correct layer image render with animation */\n    let timeout;\n    if (!switcherOpen) {\n      timeout = setTimeout(() => {\n        setIsClosed(true);\n      }, 200);\n    } else {\n      timeout = setTimeout(() => {\n        setIsClosed(false);\n      }, 800);\n    }\n    return () => {\n      return clearTimeout(timeout);\n    };\n  }, [switcherOpen]);\n\n  if (!layers || layers.length < 2 || !currentLayer) {\n    return null;\n  }\n\n  const toggleBtn = (\n    <div className=\"rs-base-layer-switcher-btn-wrapper\">\n      <div\n        className=\"rs-base-layer-switcher-close-btn\"\n        role=\"button\"\n        onClick={() => {\n          return setSwitcherOpen(false);\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && setSwitcherOpen(false);\n        }}\n        tabIndex={switcherOpen ? '0' : '-1'}\n        aria-label={titles.closeSwitcher}\n        title={titles.closeSwitcher}\n      >\n        {closeButtonImage}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={`${className}${openClass}`}>\n      <div\n        className={`rs-base-layer-switcher-button rs-opener${openClass}`}\n        role=\"button\"\n        title={titles.openSwitcher}\n        aria-label={titles.openSwitcher}\n        onClick={handleSwitcherClick}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            handleSwitcherClick();\n          }\n        }}\n        style={getImageStyle(nextImage)}\n        tabIndex=\"0\"\n      >\n        <div className=\"rs-base-layer-switcher-title\">\n          {layers.length !== 2\n            ? titles.button\n            : layers.find((layer) => {\n                return !layer.visible;\n              }) &&\n              t(\n                layers.find((layer) => {\n                  return !layer.visible;\n                }).name,\n              )}\n        </div>\n        {nextImage ? null : <span className=\"rs-alt-text\">{t(altText)}</span>}\n      </div>\n      {layers.map((layer, idx) => {\n        const layerName = layer.name;\n        const activeClass = layerName === currentLayer.name ? ' rs-active' : '';\n        const imageStyle = getImageStyle(\n          layerImages ? layerImages[`${layer.key}`] : layer.get('previewImage'),\n        );\n        return (\n          <div\n            key={layer.key}\n            className=\"rs-base-layer-switcher-btn-wrapper\"\n            style={{\n              /* stylelint-disable-next-line value-keyword-case */\n              overflow: hiddenStyle,\n              /* stylelint-disable-next-line value-keyword-case */\n              zIndex: layers.length - idx,\n            }}\n          >\n            <div\n              className={`rs-base-layer-switcher-button${openClass}`}\n              role=\"button\"\n              title={t(layerName)}\n              aria-label={t(layerName)}\n              onClick={() => {\n                return onLayerSelect(layer);\n              }}\n              onKeyPress={(e) => {\n                if (e.which === 13) {\n                  onLayerSelect(layer);\n                }\n              }}\n              style={imageStyle}\n              tabIndex={switcherOpen ? '0' : '-1'}\n            >\n              <div className={`rs-base-layer-switcher-title${activeClass}`}>\n                {t(layerName)}\n              </div>\n              {imageStyle ? null : (\n                <span className=\"rs-alt-text\">{t(altText)}</span>\n              )}\n            </div>\n          </div>\n        );\n      })}\n      {toggleBtn}\n    </div>\n  );\n}\n\nBaseLayerSwitcher.propTypes = propTypes;\nBaseLayerSwitcher.defaultProps = defaultProps;\n\nexport default BaseLayerSwitcher;\n"],
+  "sourcesContent": ["/* eslint-disable jsx-a11y/interactive-supports-focus */\nimport React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { FaChevronLeft } from \"react-icons/fa\";\nimport { Layer } from \"mobility-toolbox-js/ol\";\nimport { unByKey } from \"ol/Observable\";\n\nconst propTypes = {\n  /**\n   * An array of [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers).\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)).isRequired,\n\n  /**\n   * Object containing relative paths to the base layer images. Object\n   * keys need to correspond to layer keys\n   */\n  layerImages: PropTypes.objectOf(PropTypes.string),\n\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Alternative text rendered if layer images can't be loaded\n   */\n  altText: PropTypes.string,\n\n  /**\n   * Button titles.\n   */\n  titles: PropTypes.shape({\n    button: PropTypes.string,\n    openSwitcher: PropTypes.string,\n    closeSwitcher: PropTypes.string,\n  }),\n\n  /**\n   * Image (node) rendered in the switcher close button.\n   */\n  closeButtonImage: PropTypes.node,\n\n  /**\n   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: PropTypes.func,\n};\n\nconst defaultProps = {\n  className: \"rs-base-layer-switcher\",\n  altText: \"Source not found\",\n  titles: {\n    button: \"Base layers\",\n    openSwitcher: \"Open Baselayer-Switcher\",\n    closeSwitcher: \"Close Baselayer-Switcher\",\n  },\n  closeButtonImage: <FaChevronLeft />,\n  layerImages: undefined,\n  t: (s) => {\n    return s;\n  },\n};\n\nconst getVisibleLayer = (layers) => {\n  return layers.find((layer) => {\n    return layer.visible;\n  });\n};\n\nconst getNextImage = (currentLayer, layers, layerImages) => {\n  const currentIndex = layers.indexOf(\n    layers.find((layer) => {\n      return layer === currentLayer;\n    }),\n  );\n  const nextIndex = currentIndex + 1 === layers.length ? 0 : currentIndex + 1;\n  return layerImages[nextIndex];\n};\n\nconst getImageStyle = (url) => {\n  return url\n    ? {\n        backgroundImage: `url(${url})`,\n        backgroundSize: \"cover\",\n        backgroundRepeat: \"no-repeat\",\n        backgroundPosition: \"center\",\n      }\n    : null;\n};\n\n/**\n * The BaseLayerSwitcher component renders a button interface for switching the visible\n * [mobility-toolbox-js layer](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)\n * when defined as base layer.\n */\n\nfunction BaseLayerSwitcher({\n  layers,\n  layerImages,\n  className,\n  altText,\n  titles,\n  closeButtonImage,\n  t,\n}) {\n  const [switcherOpen, setSwitcherOpen] = useState(false);\n  const [isClosed, setIsClosed] = useState(true);\n  const [currentLayer, setCurrentLayer] = useState(\n    getVisibleLayer(layers) || layers[0],\n  );\n\n  useEffect(() => {\n    // Update the layer selected when a visibility changes.\n    const olKeys = (layers || []).map((layer) => {\n      return layer.on(\"change:visible\", (evt) => {\n        if (evt.target.visible && currentLayer !== evt.target) {\n          setCurrentLayer(evt.target);\n        }\n      });\n    });\n    return () => {\n      unByKey(olKeys);\n    };\n  }, [currentLayer, layers]);\n\n  /* Images are loaded from props if provided, fallback from layer */\n  const images = layerImages\n    ? Object.keys(layerImages).map((layerImage) => {\n        return layerImages[layerImage];\n      })\n    : layers.map((layer) => {\n        return layer.get(\"previewImage\");\n      });\n\n  const openClass = switcherOpen ? \" rs-open\" : \"\";\n  const hiddenStyle = switcherOpen && !isClosed ? \"visible\" : \"hidden\";\n\n  const handleSwitcherClick = () => {\n    if (layers.length === 2) {\n      /* On only two layer options the opener becomes a layer toggle button */\n      const nextLayer = layers.find((layer) => {\n        return !layer.visible;\n      });\n      if (currentLayer.setVisible) {\n        currentLayer.setVisible(false);\n      } else {\n        currentLayer.visible = false;\n      }\n      setCurrentLayer(nextLayer);\n      if (nextLayer.setVisible) {\n        nextLayer.setVisible(true);\n      } else {\n        nextLayer.visible = true;\n      }\n      return;\n    }\n    // eslint-disable-next-line consistent-return\n    return setSwitcherOpen(true) && setIsClosed(false);\n  };\n\n  const onLayerSelect = (layer) => {\n    if (!switcherOpen) {\n      setSwitcherOpen(true);\n      return;\n    }\n    setCurrentLayer(layer);\n    if (layer.setVisible) {\n      layer.setVisible(true);\n    } else {\n      // eslint-disable-next-line no-param-reassign\n      layer.visible = true;\n    }\n    layers\n      .filter((l) => {\n        return l !== layer;\n      })\n      .forEach((l) => {\n        if (l.setVisible) {\n          l.setVisible(false);\n        } else {\n          // eslint-disable-next-line no-param-reassign\n          l.visible = false;\n        }\n      });\n    setSwitcherOpen(false);\n  };\n\n  /* Get next image for closed button */\n  const nextImage = getNextImage(currentLayer, layers, images);\n\n  useEffect(() => {\n    /* Ensure correct layer is active on app load */\n    if (currentLayer !== getVisibleLayer(layers)) {\n      setCurrentLayer(getVisibleLayer(layers) || layers[0]);\n    }\n  }, [currentLayer, layers]);\n\n  useEffect(() => {\n    /* Used for correct layer image render with animation */\n    let timeout;\n    if (!switcherOpen) {\n      timeout = setTimeout(() => {\n        setIsClosed(true);\n      }, 200);\n    } else {\n      timeout = setTimeout(() => {\n        setIsClosed(false);\n      }, 800);\n    }\n    return () => {\n      return clearTimeout(timeout);\n    };\n  }, [switcherOpen]);\n\n  if (!layers || layers.length < 2 || !currentLayer) {\n    return null;\n  }\n\n  const toggleBtn = (\n    <div className=\"rs-base-layer-switcher-btn-wrapper\">\n      <div\n        className=\"rs-base-layer-switcher-close-btn\"\n        role=\"button\"\n        onClick={() => {\n          return setSwitcherOpen(false);\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && setSwitcherOpen(false);\n        }}\n        tabIndex={switcherOpen ? \"0\" : \"-1\"}\n        aria-label={titles.closeSwitcher}\n        title={titles.closeSwitcher}\n      >\n        {closeButtonImage}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={`${className}${openClass}`}>\n      <div\n        className={`rs-base-layer-switcher-button rs-opener${openClass}`}\n        role=\"button\"\n        title={titles.openSwitcher}\n        aria-label={titles.openSwitcher}\n        onClick={handleSwitcherClick}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            handleSwitcherClick();\n          }\n        }}\n        style={getImageStyle(nextImage)}\n        tabIndex=\"0\"\n      >\n        <div className=\"rs-base-layer-switcher-title\">\n          {layers.length !== 2\n            ? titles.button\n            : layers.find((layer) => {\n                return !layer.visible;\n              }) &&\n              t(\n                layers.find((layer) => {\n                  return !layer.visible;\n                }).name,\n              )}\n        </div>\n        {nextImage ? null : <span className=\"rs-alt-text\">{t(altText)}</span>}\n      </div>\n      {layers.map((layer, idx) => {\n        const layerName = layer.name;\n        const activeClass = layerName === currentLayer.name ? \" rs-active\" : \"\";\n        const imageStyle = getImageStyle(\n          layerImages ? layerImages[`${layer.key}`] : layer.get(\"previewImage\"),\n        );\n        return (\n          <div\n            key={layer.key}\n            className=\"rs-base-layer-switcher-btn-wrapper\"\n            style={{\n              /* stylelint-disable-next-line value-keyword-case */\n              overflow: hiddenStyle,\n              /* stylelint-disable-next-line value-keyword-case */\n              zIndex: layers.length - idx,\n            }}\n          >\n            <div\n              className={`rs-base-layer-switcher-button${openClass}`}\n              role=\"button\"\n              title={t(layerName)}\n              aria-label={t(layerName)}\n              onClick={() => {\n                return onLayerSelect(layer);\n              }}\n              onKeyPress={(e) => {\n                if (e.which === 13) {\n                  onLayerSelect(layer);\n                }\n              }}\n              style={imageStyle}\n              tabIndex={switcherOpen ? \"0\" : \"-1\"}\n            >\n              <div className={`rs-base-layer-switcher-title${activeClass}`}>\n                {t(layerName)}\n              </div>\n              {imageStyle ? null : (\n                <span className=\"rs-alt-text\">{t(altText)}</span>\n              )}\n            </div>\n          </div>\n        );\n      })}\n      {toggleBtn}\n    </div>\n  );\n}\n\nBaseLayerSwitcher.propTypes = propTypes;\nBaseLayerSwitcher.defaultProps = defaultProps;\n\nexport default BaseLayerSwitcher;\n"],
   "mappings": "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",
   "names": []
 }

package/components/BaseLayerSwitcher/BaseLayerSwitcher.scss

@@ -4,7 +4,7 @@
   transition: 800ms width;
   overflow: hidden;
   display: flex;
-  padding: 2px 2px;
+  padding: 2px;
   pointer-events: none;
 
   &.rs-open {
@@ -20,7 +20,7 @@
     width: 100px;
     min-width: 100px;
     margin-right: 4px;
-    background-color: rgb(197, 197, 197);
+    background-color: rgb(197 197 197);
     border: 2px solid white;
     box-sizing: border-box;
     pointer-events: auto;
@@ -81,7 +81,7 @@
     font-size: 10px;
     padding: 2px 0;
     color: white;
-    background-color: rgba(0, 0, 0, 0.7);
+    background-color: rgb(0 0 0 / 70%);
     text-align: center;
 
     &.rs-active {

package/components/BaseLayerSwitcher/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/BaseLayerSwitcher/index.js"],
-  "sourcesContent": ["export { default } from './BaseLayerSwitcher';\n"],
+  "sourcesContent": ["export { default } from \"./BaseLayerSwitcher\";\n"],
   "mappings": "AAAA,SAAS,eAAe;",
   "names": []
 }

package/components/BasicMap/BasicMap.js

@@ -8,7 +8,6 @@ import View from "ol/View";
 import { unByKey } from "ol/Observable";
 import Interaction from "ol/interaction/Interaction";
 import { Layer } from "mobility-toolbox-js/ol";
-import ResizeHandler from "../ResizeHandler";
 const propTypes = {
   /** Map animation options */
   animationOptions: PropTypes.shape({
@@ -122,7 +121,6 @@ class BasicMap extends PureComponent {
     this.state = {
       node: null
     };
-    this.layers = [];
     this.moveEndRef = null;
     this.singleClickRef = null;
     this.pointerMoveRef = null;
@@ -224,7 +222,6 @@ class BasicMap extends PureComponent {
     for (let i = 0; i < layers.length; i += 1) {
       this.initLayer(layers[i]);
     }
-    this.layers = layers;
   }
   initLayer(layer) {
     if (layer.attachToMap) {
@@ -293,7 +290,6 @@ class BasicMap extends PureComponent {
   }
   render() {
     const { className, tabIndex, ariaLabel, style } = this.props;
-    const { node } = this.state;
     return /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -303,18 +299,7 @@ class BasicMap extends PureComponent {
         "aria-label": ariaLabel,
         tabIndex,
         style
-      },
-      /* @__PURE__ */ React.createElement(
-        ResizeHandler,
-        {
-          maxHeightBrkpts: null,
-          maxWidthBrkpts: null,
-          observe: node,
-          onResize: () => {
-            this.map.updateSize();
-          }
-        }
-      )
+      }
     );
   }
 }

package/components/BasicMap/BasicMap.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/BasicMap/BasicMap.js"],
-  "sourcesContent": ["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { defaults as defaultInteractions } from 'ol/interaction';\nimport { equals } from 'ol/extent';\nimport OLMap from 'ol/Map';\nimport OLCollection from 'ol/Collection';\nimport View from 'ol/View';\nimport { unByKey } from 'ol/Observable';\nimport Interaction from 'ol/interaction/Interaction';\nimport { Layer } from 'mobility-toolbox-js/ol';\nimport ResizeHandler from '../ResizeHandler';\n\nconst propTypes = {\n  /** Map animation options */\n  animationOptions: PropTypes.shape({\n    center: PropTypes.arrayOf(PropTypes.number),\n    resolution: PropTypes.number,\n    zoom: PropTypes.number,\n  }),\n\n  /** Center of the [ol/View](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html). */\n  center: PropTypes.arrayOf(PropTypes.number),\n\n  /** Class name of the map container */\n  className: PropTypes.string,\n\n  /** Map extent */\n  extent: PropTypes.arrayOf(PropTypes.number),\n\n  /** Openlayers [fit options](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html#fit) when extent is updated */\n  fitOptions: PropTypes.object,\n\n  /** Array of [ol/interaction](https://openlayers.org/en/latest/apidoc/module-ol_interaction_Interaction-Interaction.html). */\n  interactions: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.instanceOf(Interaction)),\n    PropTypes.instanceOf(OLCollection),\n  ]),\n\n  /** Array of [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers) to display. */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /** An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html). */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Callback when a [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html) is clicked.\n   * @param {OLFeature[]} features An array of [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html).\n   * @param {ol.MapBrowserEvent} event The singleclick [ol/MapBrowserEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:singleclick).\n   */\n  onFeaturesClick: PropTypes.func,\n\n  /**\n   * Optional options to pass on feature click. Passed to ol's 'getFeaturesAtPixel' method.\n   * https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html#getFeaturesAtPixel\n   */\n  featuresClickOptions: PropTypes.shape({\n    layerFilter: PropTypes.func,\n    hitTolerance: PropTypes.number,\n    checkWrapped: PropTypes.bool,\n  }),\n\n  /**\n   * Callback when a [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html) is hovered.\n   * @param {OLFeature[]} features An array of [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html).\n   * @param {ol.MapBrowserEvent} event The pointermove [ol/MapBrowserEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:pointermove).\n   */\n  onFeaturesHover: PropTypes.func,\n\n  /**\n   * Callback when the map was moved.\n   * @param {ol.MapEvent} event The movend [ol/MapEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:moveend).\n   */\n  onMapMoved: PropTypes.func,\n\n  /** Map resolution */\n  resolution: PropTypes.number,\n\n  /** The tabIndex of the map. */\n  tabIndex: PropTypes.number,\n\n  /** The style of the map. */\n  style: PropTypes.object,\n\n  /** HTML aria-label. */\n  ariaLabel: PropTypes.string,\n\n  /** [ol/View](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html) constructor options */\n  viewOptions: PropTypes.shape({\n    minZoom: PropTypes.number,\n    maxZoom: PropTypes.number,\n    extent: PropTypes.array,\n    projection: PropTypes.string,\n  }),\n\n  /** Map zoom level */\n  zoom: PropTypes.number,\n};\n\nconst defaultProps = {\n  animationOptions: undefined,\n  center: [0, 0],\n  className: 'rs-map',\n  extent: undefined,\n  fitOptions: {\n    duration: 1000,\n    padding: [20, 20, 20, 20],\n    maxZoom: 23,\n  },\n  style: undefined,\n  interactions: null,\n  layers: [],\n  map: null,\n  onFeaturesClick: undefined,\n  featuresClickOptions: {\n    hitTolerance: 0,\n  },\n  onFeaturesHover: undefined,\n  onMapMoved: undefined,\n  resolution: undefined,\n  tabIndex: undefined,\n  ariaLabel: 'map',\n  viewOptions: {\n    minZoom: 0,\n    maxZoom: 22,\n    extent: undefined,\n    projection: 'EPSG:3857',\n  },\n  zoom: 1,\n};\n\n/**\n * The BasicMap component renders an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n *\n * The map's view is created with the following parameters for the view:\n *  - projection: 'EPSG:3857'\n *  - zoom: 0\n *  - minZoom: 0\n *  - maxZoom: 22\n *\n * These options can be overridden using the viewOptions property.\n */\nclass BasicMap extends PureComponent {\n  constructor(props) {\n    super(props);\n    const { map, interactions } = this.props;\n\n    this.map =\n      map ||\n      new OLMap({\n        controls: [],\n        interactions:\n          interactions ||\n          defaultInteractions({\n            altShiftDragRotate: false,\n            pinchRotate: false,\n          }),\n      });\n\n    this.state = {\n      node: null,\n    };\n\n    this.layers = [];\n    this.moveEndRef = null;\n    this.singleClickRef = null;\n    this.pointerMoveRef = null;\n    this.setNode = this.setNode.bind(this);\n  }\n\n  componentDidMount() {\n    const { layers, extent, viewOptions, center, zoom, resolution } =\n      this.props;\n    const { node } = this.state;\n    this.map.setTarget(node);\n\n    // We set the view here otherwise the map is not correctly zoomed.\n    this.map.setView(new View({ ...viewOptions, center, zoom, resolution }));\n\n    // // Since ol 6.1.0 touch-action is set to auto and creates a bad navigation experience on mobile,\n    // // so we have to force it to none for mobile.\n    // // https://github.com/openlayers/openlayers/pull/10187/files\n    const viewPort = this.map.getViewport();\n    viewPort.style.touchAction = 'none';\n    viewPort.style.msTouchAction = 'none';\n    viewPort.setAttribute('touch-action', 'none');\n\n    // Fit only work if the map has a size.\n    if (this.map.getSize() && extent) {\n      this.map.getView().fit(extent);\n    }\n\n    this.setLayers(layers);\n    this.listenMoveEnd();\n    this.listenSingleClick();\n    this.listenPointerMove();\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const {\n      animationOptions,\n      center,\n      extent,\n      fitOptions,\n      layers,\n      resolution,\n      viewOptions,\n      zoom,\n      onMapMoved,\n      onFeaturesClick,\n      onFeaturesHover,\n    } = this.props;\n    const { node } = this.state;\n\n    if (prevState.node !== node) {\n      if (zoom) {\n        this.map.getView().setZoom(zoom);\n      }\n\n      if (resolution) {\n        this.map.getView().setResolution(resolution);\n      }\n      this.map.setTarget(node);\n\n      // When the node is set we reinitialize the extent with the extent property.\n      if (!prevState.node && node && extent) {\n        this.map.getView().fit(extent);\n      }\n    }\n\n    if (prevProps.layers !== layers) {\n      this.setLayers(layers, prevProps.layers);\n    }\n\n    // Creates a new view if necessary before updating the others prop.\n    if (\n      viewOptions &&\n      JSON.stringify(viewOptions) !== JSON.stringify(prevProps.viewOptions)\n    ) {\n      // Re-create a view, ol doesn't provide any method to setExtent of view.\n      this.map.setView(\n        new View({\n          ...viewOptions,\n          center,\n          resolution,\n          zoom,\n        }),\n      );\n    }\n\n    const view = this.map.getView();\n\n    if (animationOptions && prevProps.animationOptions !== animationOptions) {\n      view.animate(animationOptions);\n    }\n\n    if (prevProps.center !== center) {\n      view.setCenter(center);\n    }\n\n    if (zoom !== prevProps.zoom) {\n      view.setZoom(zoom);\n    }\n\n    if (resolution !== prevProps.resolution) {\n      view.setResolution(resolution);\n    }\n\n    if (extent && !equals(extent, prevProps.extent || [])) {\n      view.fit(extent, fitOptions);\n    }\n\n    if (onMapMoved !== prevProps.onMapMoved) {\n      this.listenMoveEnd();\n    }\n\n    if (onFeaturesClick !== prevProps.onFeaturesClick) {\n      this.listenSingleClick();\n    }\n\n    if (onFeaturesHover !== prevProps.onFeaturesHover) {\n      this.listenPointerMove();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey([this.moveEndRef, this.singleClickRef, this.pointerMoveRef]);\n  }\n\n  setNode(node) {\n    this.setState({ node });\n  }\n\n  setLayers(layers = [], prevLayers = []) {\n    for (let i = 0; i < prevLayers.length; i += 1) {\n      this.terminateLayer(prevLayers[i]);\n    }\n    for (let i = 0; i < layers.length; i += 1) {\n      this.initLayer(layers[i]);\n    }\n    this.layers = layers;\n  }\n\n  initLayer(layer) {\n    if (layer.attachToMap) {\n      layer.attachToMap(this.map);\n    }\n\n    if (layer.init) {\n      layer.init(this.map);\n    }\n\n    if (\n      layer.olLayer &&\n      this.map.getLayers() &&\n      !this.map.getLayers().getArray().includes(layer.olLayer)\n    ) {\n      this.map.addLayer(layer.olLayer);\n    }\n    const layers = layer.children || [];\n    for (let i = 0; i < layers.length; i += 1) {\n      this.initLayer(layers[i]);\n    }\n  }\n\n  terminateLayer(layer) {\n    const layers = layer.children || [];\n    for (let i = 0; i < layers.length; i += 1) {\n      this.terminateLayer(layers[i]);\n    }\n\n    if (\n      layer.olLayer &&\n      this.map.getLayers() &&\n      this.map.getLayers().getArray().includes(layer.olLayer)\n    ) {\n      this.map.removeLayer(layer.olLayer);\n    }\n\n    if (layer.terminate) {\n      layer.terminate(this.map);\n    }\n\n    if (layer.detachFromMap) {\n      layer.detachFromMap(this.map);\n    }\n  }\n\n  listenMoveEnd() {\n    const { onMapMoved } = this.props;\n    unByKey(this.moveEndRef);\n\n    if (!onMapMoved) {\n      return;\n    }\n\n    this.moveEndRef = this.map.on('moveend', (evt) => {\n      return onMapMoved(evt);\n    });\n  }\n\n  listenSingleClick() {\n    const { onFeaturesClick, featuresClickOptions } = this.props;\n    unByKey(this.singleClickRef);\n\n    if (!onFeaturesClick) {\n      return;\n    }\n\n    this.singleClickRef = this.map.on('singleclick', (evt) => {\n      const features = evt.map.getFeaturesAtPixel(\n        evt.pixel,\n        featuresClickOptions,\n      );\n      onFeaturesClick(features || [], evt);\n    });\n  }\n\n  listenPointerMove() {\n    const { onFeaturesHover } = this.props;\n    unByKey(this.pointerMoveRef);\n\n    if (!onFeaturesHover) {\n      return;\n    }\n\n    this.pointerMoveRef = this.map.on('pointermove', (evt) => {\n      const features = evt.map.getFeaturesAtPixel(evt.pixel);\n      onFeaturesHover(features || [], evt);\n    });\n  }\n\n  render() {\n    const { className, tabIndex, ariaLabel, style } = this.props;\n    const { node } = this.state;\n    return (\n      <div\n        className={className}\n        ref={this.setNode}\n        role=\"presentation\"\n        aria-label={ariaLabel}\n        tabIndex={tabIndex}\n        style={style}\n      >\n        <ResizeHandler\n          maxHeightBrkpts={null}\n          maxWidthBrkpts={null}\n          observe={node}\n          onResize={() => {\n            this.map.updateSize();\n          }}\n        />\n      </div>\n    );\n  }\n}\n\nBasicMap.propTypes = propTypes;\nBasicMap.defaultProps = defaultProps;\n\nexport default BasicMap;\n"],
-  "mappings": "AAAA,OAAO,SAAS,qBAAqB;AACrC,OAAO,eAAe;AACtB,SAAS,YAAY,2BAA2B;AAChD,SAAS,cAAc;AACvB,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,OAAO,iBAAiB;AACxB,SAAS,aAAa;AACtB,OAAO,mBAAmB;AAE1B,MAAM,YAAY;AAAA;AAAA,EAEhB,kBAAkB,UAAU,MAAM;AAAA,IAChC,QAAQ,UAAU,QAAQ,UAAU,MAAM;AAAA,IAC1C,YAAY,UAAU;AAAA,IACtB,MAAM,UAAU;AAAA,EAClB,CAAC;AAAA;AAAA,EAGD,QAAQ,UAAU,QAAQ,UAAU,MAAM;AAAA;AAAA,EAG1C,WAAW,UAAU;AAAA;AAAA,EAGrB,QAAQ,UAAU,QAAQ,UAAU,MAAM;AAAA;AAAA,EAG1C,YAAY,UAAU;AAAA;AAAA,EAGtB,cAAc,UAAU,UAAU;AAAA,IAChC,UAAU,QAAQ,UAAU,WAAW,WAAW,CAAC;AAAA,IACnD,UAAU,WAAW,YAAY;AAAA,EACnC,CAAC;AAAA;AAAA,EAGD,QAAQ,UAAU,QAAQ,UAAU,WAAW,KAAK,CAAC;AAAA;AAAA,EAGrD,KAAK,UAAU,WAAW,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAM3B,sBAAsB,UAAU,MAAM;AAAA,IACpC,aAAa,UAAU;AAAA,IACvB,cAAc,UAAU;AAAA,IACxB,cAAc,UAAU;AAAA,EAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAM3B,YAAY,UAAU;AAAA;AAAA,EAGtB,YAAY,UAAU;AAAA;AAAA,EAGtB,UAAU,UAAU;AAAA;AAAA,EAGpB,OAAO,UAAU;AAAA;AAAA,EAGjB,WAAW,UAAU;AAAA;AAAA,EAGrB,aAAa,UAAU,MAAM;AAAA,IAC3B,SAAS,UAAU;AAAA,IACnB,SAAS,UAAU;AAAA,IACnB,QAAQ,UAAU;AAAA,IAClB,YAAY,UAAU;AAAA,EACxB,CAAC;AAAA;AAAA,EAGD,MAAM,UAAU;AAClB;AAEA,MAAM,eAAe;AAAA,EACnB,kBAAkB;AAAA,EAClB,QAAQ,CAAC,GAAG,CAAC;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,YAAY;AAAA,IACV,UAAU;AAAA,IACV,SAAS,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,IACxB,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ,CAAC;AAAA,EACT,KAAK;AAAA,EACL,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AACR;AAaA,MAAM,iBAAiB,cAAc;AAAA,EACnC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,UAAM,EAAE,KAAK,aAAa,IAAI,KAAK;AAEnC,SAAK,MACH,OACA,IAAI,MAAM;AAAA,MACR,UAAU,CAAC;AAAA,MACX,cACE,gBACA,oBAAoB;AAAA,QAClB,oBAAoB;AAAA,QACpB,aAAa;AAAA,MACf,CAAC;AAAA,IACL,CAAC;AAEH,SAAK,QAAQ;AAAA,MACX,MAAM;AAAA,IACR;AAEA,SAAK,SAAS,CAAC;AACf,SAAK,aAAa;AAClB,SAAK,iBAAiB;AACtB,SAAK,iBAAiB;AACtB,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AAAA,EACvC;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,QAAQ,QAAQ,aAAa,QAAQ,MAAM,WAAW,IAC5D,KAAK;AACP,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAK,IAAI,UAAU,IAAI;AAGvB,SAAK,IAAI,QAAQ,IAAI,KAAK,EAAE,GAAG,aAAa,QAAQ,MAAM,WAAW,CAAC,CAAC;AAKvE,UAAM,WAAW,KAAK,IAAI,YAAY;AACtC,aAAS,MAAM,cAAc;AAC7B,aAAS,MAAM,gBAAgB;AAC/B,aAAS,aAAa,gBAAgB,MAAM;AAG5C,QAAI,KAAK,IAAI,QAAQ,KAAK,QAAQ;AAChC,WAAK,IAAI,QAAQ,EAAE,IAAI,MAAM;AAAA,IAC/B;AAEA,SAAK,UAAU,MAAM;AACrB,SAAK,cAAc;AACnB,SAAK,kBAAkB;AACvB,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,mBAAmB,WAAW,WAAW;AACvC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,KAAK,IAAI,KAAK;AAEtB,QAAI,UAAU,SAAS,MAAM;AAC3B,UAAI,MAAM;AACR,aAAK,IAAI,QAAQ,EAAE,QAAQ,IAAI;AAAA,MACjC;AAEA,UAAI,YAAY;AACd,aAAK,IAAI,QAAQ,EAAE,cAAc,UAAU;AAAA,MAC7C;AACA,WAAK,IAAI,UAAU,IAAI;AAGvB,UAAI,CAAC,UAAU,QAAQ,QAAQ,QAAQ;AACrC,aAAK,IAAI,QAAQ,EAAE,IAAI,MAAM;AAAA,MAC/B;AAAA,IACF;AAEA,QAAI,UAAU,WAAW,QAAQ;AAC/B,WAAK,UAAU,QAAQ,UAAU,MAAM;AAAA,IACzC;AAGA,QACE,eACA,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,UAAU,WAAW,GACpE;AAEA,WAAK,IAAI;AAAA,QACP,IAAI,KAAK;AAAA,UACP,GAAG;AAAA,UACH;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,OAAO,KAAK,IAAI,QAAQ;AAE9B,QAAI,oBAAoB,UAAU,qBAAqB,kBAAkB;AACvE,WAAK,QAAQ,gBAAgB;AAAA,IAC/B;AAEA,QAAI,UAAU,WAAW,QAAQ;AAC/B,WAAK,UAAU,MAAM;AAAA,IACvB;AAEA,QAAI,SAAS,UAAU,MAAM;AAC3B,WAAK,QAAQ,IAAI;AAAA,IACnB;AAEA,QAAI,eAAe,UAAU,YAAY;AACvC,WAAK,cAAc,UAAU;AAAA,IAC/B;AAEA,QAAI,UAAU,CAAC,OAAO,QAAQ,UAAU,UAAU,CAAC,CAAC,GAAG;AACrD,WAAK,IAAI,QAAQ,UAAU;AAAA,IAC7B;AAEA,QAAI,eAAe,UAAU,YAAY;AACvC,WAAK,cAAc;AAAA,IACrB;AAEA,QAAI,oBAAoB,UAAU,iBAAiB;AACjD,WAAK,kBAAkB;AAAA,IACzB;AAEA,QAAI,oBAAoB,UAAU,iBAAiB;AACjD,WAAK,kBAAkB;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,YAAQ,CAAC,KAAK,YAAY,KAAK,gBAAgB,KAAK,cAAc,CAAC;AAAA,EACrE;AAAA,EAEA,QAAQ,MAAM;AACZ,SAAK,SAAS,EAAE,KAAK,CAAC;AAAA,EACxB;AAAA,EAEA,UAAU,SAAS,CAAC,GAAG,aAAa,CAAC,GAAG;AACtC,aAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK,GAAG;AAC7C,WAAK,eAAe,WAAW,CAAC,CAAC;AAAA,IACnC;AACA,aAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;AACzC,WAAK,UAAU,OAAO,CAAC,CAAC;AAAA,IAC1B;AACA,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,UAAU,OAAO;AACf,QAAI,MAAM,aAAa;AACrB,YAAM,YAAY,KAAK,GAAG;AAAA,IAC5B;AAEA,QAAI,MAAM,MAAM;AACd,YAAM,KAAK,KAAK,GAAG;AAAA,IACrB;AAEA,QACE,MAAM,WACN,KAAK,IAAI,UAAU,KACnB,CAAC,KAAK,IAAI,UAAU,EAAE,SAAS,EAAE,SAAS,MAAM,OAAO,GACvD;AACA,WAAK,IAAI,SAAS,MAAM,OAAO;AAAA,IACjC;AACA,UAAM,SAAS,MAAM,YAAY,CAAC;AAClC,aAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;AACzC,WAAK,UAAU,OAAO,CAAC,CAAC;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,eAAe,OAAO;AACpB,UAAM,SAAS,MAAM,YAAY,CAAC;AAClC,aAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;AACzC,WAAK,eAAe,OAAO,CAAC,CAAC;AAAA,IAC/B;AAEA,QACE,MAAM,WACN,KAAK,IAAI,UAAU,KACnB,KAAK,IAAI,UAAU,EAAE,SAAS,EAAE,SAAS,MAAM,OAAO,GACtD;AACA,WAAK,IAAI,YAAY,MAAM,OAAO;AAAA,IACpC;AAEA,QAAI,MAAM,WAAW;AACnB,YAAM,UAAU,KAAK,GAAG;AAAA,IAC1B;AAEA,QAAI,MAAM,eAAe;AACvB,YAAM,cAAc,KAAK,GAAG;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,UAAM,EAAE,WAAW,IAAI,KAAK;AAC5B,YAAQ,KAAK,UAAU;AAEvB,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AAEA,SAAK,aAAa,KAAK,IAAI,GAAG,WAAW,CAAC,QAAQ;AAChD,aAAO,WAAW,GAAG;AAAA,IACvB,CAAC;AAAA,EACH;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,iBAAiB,qBAAqB,IAAI,KAAK;AACvD,YAAQ,KAAK,cAAc;AAE3B,QAAI,CAAC,iBAAiB;AACpB;AAAA,IACF;AAEA,SAAK,iBAAiB,KAAK,IAAI,GAAG,eAAe,CAAC,QAAQ;AACxD,YAAM,WAAW,IAAI,IAAI;AAAA,QACvB,IAAI;AAAA,QACJ;AAAA,MACF;AACA,sBAAgB,YAAY,CAAC,GAAG,GAAG;AAAA,IACrC,CAAC;AAAA,EACH;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,gBAAgB,IAAI,KAAK;AACjC,YAAQ,KAAK,cAAc;AAE3B,QAAI,CAAC,iBAAiB;AACpB;AAAA,IACF;AAEA,SAAK,iBAAiB,KAAK,IAAI,GAAG,eAAe,CAAC,QAAQ;AACxD,YAAM,WAAW,IAAI,IAAI,mBAAmB,IAAI,KAAK;AACrD,sBAAgB,YAAY,CAAC,GAAG,GAAG;AAAA,IACrC,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,WAAW,UAAU,WAAW,MAAM,IAAI,KAAK;AACvD,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK,KAAK;AAAA,QACV,MAAK;AAAA,QACL,cAAY;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,UAChB,SAAS;AAAA,UACT,UAAU,MAAM;AACd,iBAAK,IAAI,WAAW;AAAA,UACtB;AAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,SAAS,YAAY;AACrB,SAAS,eAAe;AAExB,eAAe;",
+  "sourcesContent": ["import React, { PureComponent } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { defaults as defaultInteractions } from \"ol/interaction\";\nimport { equals } from \"ol/extent\";\nimport OLMap from \"ol/Map\";\nimport OLCollection from \"ol/Collection\";\nimport View from \"ol/View\";\nimport { unByKey } from \"ol/Observable\";\nimport Interaction from \"ol/interaction/Interaction\";\nimport { Layer } from \"mobility-toolbox-js/ol\";\n\nconst propTypes = {\n  /** Map animation options */\n  animationOptions: PropTypes.shape({\n    center: PropTypes.arrayOf(PropTypes.number),\n    resolution: PropTypes.number,\n    zoom: PropTypes.number,\n  }),\n\n  /** Center of the [ol/View](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html). */\n  center: PropTypes.arrayOf(PropTypes.number),\n\n  /** Class name of the map container */\n  className: PropTypes.string,\n\n  /** Map extent */\n  extent: PropTypes.arrayOf(PropTypes.number),\n\n  /** Openlayers [fit options](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html#fit) when extent is updated */\n  fitOptions: PropTypes.object,\n\n  /** Array of [ol/interaction](https://openlayers.org/en/latest/apidoc/module-ol_interaction_Interaction-Interaction.html). */\n  interactions: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.instanceOf(Interaction)),\n    PropTypes.instanceOf(OLCollection),\n  ]),\n\n  /** Array of [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers) to display. */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /** An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html). */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Callback when a [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html) is clicked.\n   * @param {OLFeature[]} features An array of [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html).\n   * @param {ol.MapBrowserEvent} event The singleclick [ol/MapBrowserEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:singleclick).\n   */\n  onFeaturesClick: PropTypes.func,\n\n  /**\n   * Optional options to pass on feature click. Passed to ol's 'getFeaturesAtPixel' method.\n   * https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html#getFeaturesAtPixel\n   */\n  featuresClickOptions: PropTypes.shape({\n    layerFilter: PropTypes.func,\n    hitTolerance: PropTypes.number,\n    checkWrapped: PropTypes.bool,\n  }),\n\n  /**\n   * Callback when a [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html) is hovered.\n   * @param {OLFeature[]} features An array of [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html).\n   * @param {ol.MapBrowserEvent} event The pointermove [ol/MapBrowserEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:pointermove).\n   */\n  onFeaturesHover: PropTypes.func,\n\n  /**\n   * Callback when the map was moved.\n   * @param {ol.MapEvent} event The movend [ol/MapEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:moveend).\n   */\n  onMapMoved: PropTypes.func,\n\n  /** Map resolution */\n  resolution: PropTypes.number,\n\n  /** The tabIndex of the map. */\n  tabIndex: PropTypes.number,\n\n  /** The style of the map. */\n  style: PropTypes.object,\n\n  /** HTML aria-label. */\n  ariaLabel: PropTypes.string,\n\n  /** [ol/View](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html) constructor options */\n  viewOptions: PropTypes.shape({\n    minZoom: PropTypes.number,\n    maxZoom: PropTypes.number,\n    extent: PropTypes.array,\n    projection: PropTypes.string,\n  }),\n\n  /** Map zoom level */\n  zoom: PropTypes.number,\n};\n\nconst defaultProps = {\n  animationOptions: undefined,\n  center: [0, 0],\n  className: \"rs-map\",\n  extent: undefined,\n  fitOptions: {\n    duration: 1000,\n    padding: [20, 20, 20, 20],\n    maxZoom: 23,\n  },\n  style: undefined,\n  interactions: null,\n  layers: [],\n  map: null,\n  onFeaturesClick: undefined,\n  featuresClickOptions: {\n    hitTolerance: 0,\n  },\n  onFeaturesHover: undefined,\n  onMapMoved: undefined,\n  resolution: undefined,\n  tabIndex: undefined,\n  ariaLabel: \"map\",\n  viewOptions: {\n    minZoom: 0,\n    maxZoom: 22,\n    extent: undefined,\n    projection: \"EPSG:3857\",\n  },\n  zoom: 1,\n};\n\n/**\n * The BasicMap component renders an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n *\n * The map's view is created with the following parameters for the view:\n *  - projection: 'EPSG:3857'\n *  - zoom: 0\n *  - minZoom: 0\n *  - maxZoom: 22\n *\n * These options can be overridden using the viewOptions property.\n */\nclass BasicMap extends PureComponent {\n  constructor(props) {\n    super(props);\n    const { map, interactions } = this.props;\n\n    this.map =\n      map ||\n      new OLMap({\n        controls: [],\n        interactions:\n          interactions ||\n          defaultInteractions({\n            altShiftDragRotate: false,\n            pinchRotate: false,\n          }),\n      });\n\n    this.state = {\n      node: null,\n    };\n\n    this.moveEndRef = null;\n    this.singleClickRef = null;\n    this.pointerMoveRef = null;\n    this.setNode = this.setNode.bind(this);\n  }\n\n  componentDidMount() {\n    const { layers, extent, viewOptions, center, zoom, resolution } =\n      this.props;\n    const { node } = this.state;\n    this.map.setTarget(node);\n\n    // We set the view here otherwise the map is not correctly zoomed.\n    this.map.setView(new View({ ...viewOptions, center, zoom, resolution }));\n\n    // // Since ol 6.1.0 touch-action is set to auto and creates a bad navigation experience on mobile,\n    // // so we have to force it to none for mobile.\n    // // https://github.com/openlayers/openlayers/pull/10187/files\n    const viewPort = this.map.getViewport();\n    viewPort.style.touchAction = \"none\";\n    viewPort.style.msTouchAction = \"none\";\n    viewPort.setAttribute(\"touch-action\", \"none\");\n\n    // Fit only work if the map has a size.\n    if (this.map.getSize() && extent) {\n      this.map.getView().fit(extent);\n    }\n\n    this.setLayers(layers);\n    this.listenMoveEnd();\n    this.listenSingleClick();\n    this.listenPointerMove();\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const {\n      animationOptions,\n      center,\n      extent,\n      fitOptions,\n      layers,\n      resolution,\n      viewOptions,\n      zoom,\n      onMapMoved,\n      onFeaturesClick,\n      onFeaturesHover,\n    } = this.props;\n    const { node } = this.state;\n\n    if (prevState.node !== node) {\n      if (zoom) {\n        this.map.getView().setZoom(zoom);\n      }\n\n      if (resolution) {\n        this.map.getView().setResolution(resolution);\n      }\n      this.map.setTarget(node);\n\n      // When the node is set we reinitialize the extent with the extent property.\n      if (!prevState.node && node && extent) {\n        this.map.getView().fit(extent);\n      }\n    }\n\n    if (prevProps.layers !== layers) {\n      this.setLayers(layers, prevProps.layers);\n    }\n\n    // Creates a new view if necessary before updating the others prop.\n    if (\n      viewOptions &&\n      JSON.stringify(viewOptions) !== JSON.stringify(prevProps.viewOptions)\n    ) {\n      // Re-create a view, ol doesn't provide any method to setExtent of view.\n      this.map.setView(\n        new View({\n          ...viewOptions,\n          center,\n          resolution,\n          zoom,\n        }),\n      );\n    }\n\n    const view = this.map.getView();\n\n    if (animationOptions && prevProps.animationOptions !== animationOptions) {\n      view.animate(animationOptions);\n    }\n\n    if (prevProps.center !== center) {\n      view.setCenter(center);\n    }\n\n    if (zoom !== prevProps.zoom) {\n      view.setZoom(zoom);\n    }\n\n    if (resolution !== prevProps.resolution) {\n      view.setResolution(resolution);\n    }\n\n    if (extent && !equals(extent, prevProps.extent || [])) {\n      view.fit(extent, fitOptions);\n    }\n\n    if (onMapMoved !== prevProps.onMapMoved) {\n      this.listenMoveEnd();\n    }\n\n    if (onFeaturesClick !== prevProps.onFeaturesClick) {\n      this.listenSingleClick();\n    }\n\n    if (onFeaturesHover !== prevProps.onFeaturesHover) {\n      this.listenPointerMove();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey([this.moveEndRef, this.singleClickRef, this.pointerMoveRef]);\n  }\n\n  setNode(node) {\n    this.setState({ node });\n  }\n\n  setLayers(layers = [], prevLayers = []) {\n    for (let i = 0; i < prevLayers.length; i += 1) {\n      this.terminateLayer(prevLayers[i]);\n    }\n    for (let i = 0; i < layers.length; i += 1) {\n      this.initLayer(layers[i]);\n    }\n  }\n\n  initLayer(layer) {\n    if (layer.attachToMap) {\n      layer.attachToMap(this.map);\n    }\n\n    if (layer.init) {\n      layer.init(this.map);\n    }\n\n    if (\n      layer.olLayer &&\n      this.map.getLayers() &&\n      !this.map.getLayers().getArray().includes(layer.olLayer)\n    ) {\n      this.map.addLayer(layer.olLayer);\n    }\n    const layers = layer.children || [];\n    for (let i = 0; i < layers.length; i += 1) {\n      this.initLayer(layers[i]);\n    }\n  }\n\n  terminateLayer(layer) {\n    const layers = layer.children || [];\n    for (let i = 0; i < layers.length; i += 1) {\n      this.terminateLayer(layers[i]);\n    }\n\n    if (\n      layer.olLayer &&\n      this.map.getLayers() &&\n      this.map.getLayers().getArray().includes(layer.olLayer)\n    ) {\n      this.map.removeLayer(layer.olLayer);\n    }\n\n    if (layer.terminate) {\n      layer.terminate(this.map);\n    }\n\n    if (layer.detachFromMap) {\n      layer.detachFromMap(this.map);\n    }\n  }\n\n  listenMoveEnd() {\n    const { onMapMoved } = this.props;\n    unByKey(this.moveEndRef);\n\n    if (!onMapMoved) {\n      return;\n    }\n\n    this.moveEndRef = this.map.on(\"moveend\", (evt) => {\n      return onMapMoved(evt);\n    });\n  }\n\n  listenSingleClick() {\n    const { onFeaturesClick, featuresClickOptions } = this.props;\n    unByKey(this.singleClickRef);\n\n    if (!onFeaturesClick) {\n      return;\n    }\n\n    this.singleClickRef = this.map.on(\"singleclick\", (evt) => {\n      const features = evt.map.getFeaturesAtPixel(\n        evt.pixel,\n        featuresClickOptions,\n      );\n      onFeaturesClick(features || [], evt);\n    });\n  }\n\n  listenPointerMove() {\n    const { onFeaturesHover } = this.props;\n    unByKey(this.pointerMoveRef);\n\n    if (!onFeaturesHover) {\n      return;\n    }\n\n    this.pointerMoveRef = this.map.on(\"pointermove\", (evt) => {\n      const features = evt.map.getFeaturesAtPixel(evt.pixel);\n      onFeaturesHover(features || [], evt);\n    });\n  }\n\n  render() {\n    const { className, tabIndex, ariaLabel, style } = this.props;\n    return (\n      <div\n        className={className}\n        ref={this.setNode}\n        role=\"presentation\"\n        aria-label={ariaLabel}\n        tabIndex={tabIndex}\n        style={style}\n      />\n    );\n  }\n}\n\nBasicMap.propTypes = propTypes;\nBasicMap.defaultProps = defaultProps;\n\nexport default BasicMap;\n"],
+  "mappings": "AAAA,OAAO,SAAS,qBAAqB;AACrC,OAAO,eAAe;AACtB,SAAS,YAAY,2BAA2B;AAChD,SAAS,cAAc;AACvB,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,OAAO,iBAAiB;AACxB,SAAS,aAAa;AAEtB,MAAM,YAAY;AAAA;AAAA,EAEhB,kBAAkB,UAAU,MAAM;AAAA,IAChC,QAAQ,UAAU,QAAQ,UAAU,MAAM;AAAA,IAC1C,YAAY,UAAU;AAAA,IACtB,MAAM,UAAU;AAAA,EAClB,CAAC;AAAA;AAAA,EAGD,QAAQ,UAAU,QAAQ,UAAU,MAAM;AAAA;AAAA,EAG1C,WAAW,UAAU;AAAA;AAAA,EAGrB,QAAQ,UAAU,QAAQ,UAAU,MAAM;AAAA;AAAA,EAG1C,YAAY,UAAU;AAAA;AAAA,EAGtB,cAAc,UAAU,UAAU;AAAA,IAChC,UAAU,QAAQ,UAAU,WAAW,WAAW,CAAC;AAAA,IACnD,UAAU,WAAW,YAAY;AAAA,EACnC,CAAC;AAAA;AAAA,EAGD,QAAQ,UAAU,QAAQ,UAAU,WAAW,KAAK,CAAC;AAAA;AAAA,EAGrD,KAAK,UAAU,WAAW,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAM3B,sBAAsB,UAAU,MAAM;AAAA,IACpC,aAAa,UAAU;AAAA,IACvB,cAAc,UAAU;AAAA,IACxB,cAAc,UAAU;AAAA,EAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAM3B,YAAY,UAAU;AAAA;AAAA,EAGtB,YAAY,UAAU;AAAA;AAAA,EAGtB,UAAU,UAAU;AAAA;AAAA,EAGpB,OAAO,UAAU;AAAA;AAAA,EAGjB,WAAW,UAAU;AAAA;AAAA,EAGrB,aAAa,UAAU,MAAM;AAAA,IAC3B,SAAS,UAAU;AAAA,IACnB,SAAS,UAAU;AAAA,IACnB,QAAQ,UAAU;AAAA,IAClB,YAAY,UAAU;AAAA,EACxB,CAAC;AAAA;AAAA,EAGD,MAAM,UAAU;AAClB;AAEA,MAAM,eAAe;AAAA,EACnB,kBAAkB;AAAA,EAClB,QAAQ,CAAC,GAAG,CAAC;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,YAAY;AAAA,IACV,UAAU;AAAA,IACV,SAAS,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,IACxB,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ,CAAC;AAAA,EACT,KAAK;AAAA,EACL,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AACR;AAaA,MAAM,iBAAiB,cAAc;AAAA,EACnC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,UAAM,EAAE,KAAK,aAAa,IAAI,KAAK;AAEnC,SAAK,MACH,OACA,IAAI,MAAM;AAAA,MACR,UAAU,CAAC;AAAA,MACX,cACE,gBACA,oBAAoB;AAAA,QAClB,oBAAoB;AAAA,QACpB,aAAa;AAAA,MACf,CAAC;AAAA,IACL,CAAC;AAEH,SAAK,QAAQ;AAAA,MACX,MAAM;AAAA,IACR;AAEA,SAAK,aAAa;AAClB,SAAK,iBAAiB;AACtB,SAAK,iBAAiB;AACtB,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AAAA,EACvC;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,QAAQ,QAAQ,aAAa,QAAQ,MAAM,WAAW,IAC5D,KAAK;AACP,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,SAAK,IAAI,UAAU,IAAI;AAGvB,SAAK,IAAI,QAAQ,IAAI,KAAK,EAAE,GAAG,aAAa,QAAQ,MAAM,WAAW,CAAC,CAAC;AAKvE,UAAM,WAAW,KAAK,IAAI,YAAY;AACtC,aAAS,MAAM,cAAc;AAC7B,aAAS,MAAM,gBAAgB;AAC/B,aAAS,aAAa,gBAAgB,MAAM;AAG5C,QAAI,KAAK,IAAI,QAAQ,KAAK,QAAQ;AAChC,WAAK,IAAI,QAAQ,EAAE,IAAI,MAAM;AAAA,IAC/B;AAEA,SAAK,UAAU,MAAM;AACrB,SAAK,cAAc;AACnB,SAAK,kBAAkB;AACvB,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,mBAAmB,WAAW,WAAW;AACvC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,KAAK,IAAI,KAAK;AAEtB,QAAI,UAAU,SAAS,MAAM;AAC3B,UAAI,MAAM;AACR,aAAK,IAAI,QAAQ,EAAE,QAAQ,IAAI;AAAA,MACjC;AAEA,UAAI,YAAY;AACd,aAAK,IAAI,QAAQ,EAAE,cAAc,UAAU;AAAA,MAC7C;AACA,WAAK,IAAI,UAAU,IAAI;AAGvB,UAAI,CAAC,UAAU,QAAQ,QAAQ,QAAQ;AACrC,aAAK,IAAI,QAAQ,EAAE,IAAI,MAAM;AAAA,MAC/B;AAAA,IACF;AAEA,QAAI,UAAU,WAAW,QAAQ;AAC/B,WAAK,UAAU,QAAQ,UAAU,MAAM;AAAA,IACzC;AAGA,QACE,eACA,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,UAAU,WAAW,GACpE;AAEA,WAAK,IAAI;AAAA,QACP,IAAI,KAAK;AAAA,UACP,GAAG;AAAA,UACH;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,OAAO,KAAK,IAAI,QAAQ;AAE9B,QAAI,oBAAoB,UAAU,qBAAqB,kBAAkB;AACvE,WAAK,QAAQ,gBAAgB;AAAA,IAC/B;AAEA,QAAI,UAAU,WAAW,QAAQ;AAC/B,WAAK,UAAU,MAAM;AAAA,IACvB;AAEA,QAAI,SAAS,UAAU,MAAM;AAC3B,WAAK,QAAQ,IAAI;AAAA,IACnB;AAEA,QAAI,eAAe,UAAU,YAAY;AACvC,WAAK,cAAc,UAAU;AAAA,IAC/B;AAEA,QAAI,UAAU,CAAC,OAAO,QAAQ,UAAU,UAAU,CAAC,CAAC,GAAG;AACrD,WAAK,IAAI,QAAQ,UAAU;AAAA,IAC7B;AAEA,QAAI,eAAe,UAAU,YAAY;AACvC,WAAK,cAAc;AAAA,IACrB;AAEA,QAAI,oBAAoB,UAAU,iBAAiB;AACjD,WAAK,kBAAkB;AAAA,IACzB;AAEA,QAAI,oBAAoB,UAAU,iBAAiB;AACjD,WAAK,kBAAkB;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,YAAQ,CAAC,KAAK,YAAY,KAAK,gBAAgB,KAAK,cAAc,CAAC;AAAA,EACrE;AAAA,EAEA,QAAQ,MAAM;AACZ,SAAK,SAAS,EAAE,KAAK,CAAC;AAAA,EACxB;AAAA,EAEA,UAAU,SAAS,CAAC,GAAG,aAAa,CAAC,GAAG;AACtC,aAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK,GAAG;AAC7C,WAAK,eAAe,WAAW,CAAC,CAAC;AAAA,IACnC;AACA,aAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;AACzC,WAAK,UAAU,OAAO,CAAC,CAAC;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,UAAU,OAAO;AACf,QAAI,MAAM,aAAa;AACrB,YAAM,YAAY,KAAK,GAAG;AAAA,IAC5B;AAEA,QAAI,MAAM,MAAM;AACd,YAAM,KAAK,KAAK,GAAG;AAAA,IACrB;AAEA,QACE,MAAM,WACN,KAAK,IAAI,UAAU,KACnB,CAAC,KAAK,IAAI,UAAU,EAAE,SAAS,EAAE,SAAS,MAAM,OAAO,GACvD;AACA,WAAK,IAAI,SAAS,MAAM,OAAO;AAAA,IACjC;AACA,UAAM,SAAS,MAAM,YAAY,CAAC;AAClC,aAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;AACzC,WAAK,UAAU,OAAO,CAAC,CAAC;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,eAAe,OAAO;AACpB,UAAM,SAAS,MAAM,YAAY,CAAC;AAClC,aAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;AACzC,WAAK,eAAe,OAAO,CAAC,CAAC;AAAA,IAC/B;AAEA,QACE,MAAM,WACN,KAAK,IAAI,UAAU,KACnB,KAAK,IAAI,UAAU,EAAE,SAAS,EAAE,SAAS,MAAM,OAAO,GACtD;AACA,WAAK,IAAI,YAAY,MAAM,OAAO;AAAA,IACpC;AAEA,QAAI,MAAM,WAAW;AACnB,YAAM,UAAU,KAAK,GAAG;AAAA,IAC1B;AAEA,QAAI,MAAM,eAAe;AACvB,YAAM,cAAc,KAAK,GAAG;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,UAAM,EAAE,WAAW,IAAI,KAAK;AAC5B,YAAQ,KAAK,UAAU;AAEvB,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AAEA,SAAK,aAAa,KAAK,IAAI,GAAG,WAAW,CAAC,QAAQ;AAChD,aAAO,WAAW,GAAG;AAAA,IACvB,CAAC;AAAA,EACH;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,iBAAiB,qBAAqB,IAAI,KAAK;AACvD,YAAQ,KAAK,cAAc;AAE3B,QAAI,CAAC,iBAAiB;AACpB;AAAA,IACF;AAEA,SAAK,iBAAiB,KAAK,IAAI,GAAG,eAAe,CAAC,QAAQ;AACxD,YAAM,WAAW,IAAI,IAAI;AAAA,QACvB,IAAI;AAAA,QACJ;AAAA,MACF;AACA,sBAAgB,YAAY,CAAC,GAAG,GAAG;AAAA,IACrC,CAAC;AAAA,EACH;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,gBAAgB,IAAI,KAAK;AACjC,YAAQ,KAAK,cAAc;AAE3B,QAAI,CAAC,iBAAiB;AACpB;AAAA,IACF;AAEA,SAAK,iBAAiB,KAAK,IAAI,GAAG,eAAe,CAAC,QAAQ;AACxD,YAAM,WAAW,IAAI,IAAI,mBAAmB,IAAI,KAAK;AACrD,sBAAgB,YAAY,CAAC,GAAG,GAAG;AAAA,IACrC,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,WAAW,UAAU,WAAW,MAAM,IAAI,KAAK;AACvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK,KAAK;AAAA,QACV,MAAK;AAAA,QACL,cAAY;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,SAAS,YAAY;AACrB,SAAS,eAAe;AAExB,eAAe;",
   "names": []
 }

package/components/BasicMap/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/BasicMap/index.js"],
-  "sourcesContent": ["export { default } from './BasicMap';\n"],
+  "sourcesContent": ["export { default } from \"./BasicMap\";\n"],
   "mappings": "AAAA,SAAS,eAAe;",
   "names": []
 }

package/components/CanvasSaveButton/CanvasSaveButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/CanvasSaveButton/CanvasSaveButton.js"],
-  "sourcesContent": ["/* eslint-disable no-param-reassign */\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport OLMap from 'ol/Map';\nimport { getTopLeft, getBottomRight } from 'ol/extent';\nimport NorthArrowSimple from '../../images/northArrow.url.svg';\nimport NorthArrowCircle from '../../images/northArrowCircle.url.svg';\n\nconst extraDataImgPropType = PropTypes.shape({\n  src: PropTypes.string,\n  width: PropTypes.number,\n  height: PropTypes.number,\n  rotation: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),\n  circled: PropTypes.bool,\n});\n\n// support server-side rendering where `Element` will not be defined\nconst CanvasPatternType =\n  typeof CanvasPattern === 'undefined' ? Function : CanvasPattern;\n\nconst propTypes = {\n  /**\n   * Automatically download the image saved.\n   */\n  autoDownload: PropTypes.bool,\n\n  /**\n   * Children content of the button.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Output format of the image.\n   */\n  format: PropTypes.oneOf(['image/jpeg', 'image/png']),\n\n  /** An  [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html). */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Extent for the export. If no extent is given, the whole map is exported.\n   */\n  extent: PropTypes.arrayOf(PropTypes.number),\n\n  /**\n   * Array of 4 [ol/Coordinate](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~Coordinate).\n   * If no coordinates and no extent are given, the whole map is exported.\n   * This property must be used to export rotated map.\n   * If you don't need to export rotated map the extent property can be used as well.\n   * If extent is specified, coordinates property is ignored.\n   */\n  coordinates: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)),\n\n  /**\n   * Scale the map for better quality. Possible values: 1, 2 or 3.\n   * WARNING: The tiled layer with a WMTS or XYZ source must provides an url\n   * for each scale in the config file.\n   */\n  scale: PropTypes.number,\n\n  /**\n   * Function called before the dowload process begins.\n   */\n  onSaveStart: PropTypes.func,\n\n  /**\n   * Function called after the dowload process ends.\n   *\n   * @param {object} error Error message the process fails.\n   */\n  onSaveEnd: PropTypes.func,\n\n  /**\n   * Extra data, such as copyright, north arrow configuration.\n   * All extra data is optional.\n   *\n   * Example 1:\n   *\n    {\n      copyright: {\n        text: 'Example copyright', // Copyright text or function\n        font: '10px Arial', // Font, default is '12px Arial'\n        fillStyle: 'blue', // Fill style, default is 'black'\n      },\n      northArrow,  // True if the north arrow\n                   // should be placed with default configuration\n                   // (default image, rotation=0, circled=false)\n    }\n   * Example 2:\n   *\n    {\n      northArrow: {\n        src: NorthArrowCustom,\n        width: 60, // Width in px, default is 80\n        height: 100, // Height in px, default is 80\n        rotation: 25, // Absolute rotation in degrees as number or function\n\n      }\n    }\n   * Example 3:\n   *\n    {\n      copyright: {\n        text: () => { // Copyright as function\n          return this.copyright;\n        },\n      },\n      northArrow: {\n        rotation: () => { // Rotation as function\n          return NorthArrow.radToDeg(this.map.getView().getRotation());\n        },\n        circled, // Display circle around the north arrow (Does not work for custom src)\n      },\n    }\n   */\n  extraData: PropTypes.shape({\n    logo: extraDataImgPropType,\n    northArrow: extraDataImgPropType,\n    qrCode: extraDataImgPropType,\n    copyright: PropTypes.shape({\n      text: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n      font: PropTypes.string,\n      fillStyle: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.instanceOf(CanvasPatternType),\n      ]),\n      background: PropTypes.bool,\n    }),\n  }),\n};\n\nconst defaultProps = {\n  autoDownload: true,\n  children: null,\n  map: null,\n  format: 'image/png',\n  extent: null,\n  extraData: null,\n  coordinates: null,\n  scale: 1,\n  onSaveStart: (map) => {\n    return Promise.resolve(map);\n  },\n  onSaveEnd: () => {},\n};\n\n/**\n * The CanvasSaveButton component creates a button to save\n * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)\n * canvas as an image.\n */\nclass CanvasSaveButton extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.padding = 5;\n  }\n\n  static getMargin(destCanvas) {\n    const newMargin = destCanvas.width / 100; // 1% of the canvas width\n    return newMargin;\n  }\n\n  onClick(evt) {\n    const { map, onSaveStart, onSaveEnd, autoDownload } = this.props;\n    if (window.navigator.msSaveBlob) {\n      // ie only\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n    onSaveStart(map).then((mapToExport) => {\n      return this.createCanvasImage(mapToExport || map)\n        .then((canvas) => {\n          if (autoDownload) {\n            this.downloadCanvasImage(canvas).then((blob) => {\n              onSaveEnd(mapToExport, canvas, blob);\n            });\n          } else {\n            onSaveEnd(mapToExport, canvas);\n          }\n        })\n        .catch((err) => {\n          if (err) {\n            // eslint-disable-next-line no-console\n            console.error(err);\n          }\n          onSaveEnd(mapToExport, err);\n        });\n    });\n  }\n\n  getDownloadImageName() {\n    const { format } = this.props;\n    const fileExt = format === 'image/jpeg' ? 'jpg' : 'png';\n    return (\n      `${window.document.title.replace(/ /g, '_').toLowerCase()}` +\n      `.${fileExt}`\n    );\n  }\n\n  // Ensure the font size fita with the image width.\n  decreaseFontSize(destContext, maxWidth, copyright, scale) {\n    const minFontSize = 8;\n    let sizeMatch;\n    let fontSize;\n    do {\n      sizeMatch = destContext.font.match(/[0-9]+(?:\\.[0-9]+)?(px)/i);\n      fontSize = parseInt(sizeMatch[0].replace(sizeMatch[1], ''), 10);\n\n      // eslint-disable-next-line no-param-reassign\n      destContext.font = destContext.font.replace(fontSize, fontSize - 1);\n\n      if (fontSize - 1 === minFontSize) {\n        this.multilineCopyright = true;\n      }\n    } while (\n      fontSize - 1 > minFontSize &&\n      destContext.measureText(copyright).width * scale > maxWidth\n    );\n\n    return destContext.font;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  drawTextBackground(\n    destContext,\n    textMeasure,\n    textX,\n    textY,\n    padding,\n    styleOptions = {},\n  ) {\n    /// get width of text\n    const { width, height, actualBoundingBoxAscent } = textMeasure;\n    destContext.save();\n    // Dflt is a white background\n    destContext.fillStyle = 'rgba(255,255,255,.8)';\n\n    // To simplify usability the user could pass a boolean to use only default values.\n    if (typeof styleOptions === 'object') {\n      Object.entries(styleOptions).forEach(([key, value]) => {\n        destContext[key] = value;\n      });\n    }\n\n    /// draw background rect assuming height of font\n    destContext.fillRect(\n      textX - padding,\n      textY - actualBoundingBoxAscent - padding,\n      width + padding * 2,\n      height + padding * 2,\n    );\n    destContext.restore();\n  }\n\n  drawCopyright(destContext, destCanvas, maxWidth) {\n    const { extraData, scale } = this.props;\n    const { text, font, fillStyle, background } = extraData.copyright;\n    let copyright = typeof text === 'function' ? text() : text;\n\n    if (Array.isArray(copyright)) {\n      copyright = copyright.join();\n    }\n\n    destContext.save();\n    destContext.scale(scale, scale);\n    destContext.font = font || '12px Arial';\n    destContext.font = this.decreaseFontSize(\n      destContext,\n      maxWidth - this.padding,\n      copyright,\n      scale,\n    );\n\n    destContext.scale(scale, scale);\n    destContext.fillStyle = fillStyle || 'black';\n\n    // We search if the display on 2 line is necessary\n    let firstLine = copyright;\n    const wordNumber = copyright.split(' ').length;\n\n    // If the text is bigger than the max width we split it into 2 lines\n    if (this.multilineCopyright) {\n      for (let i = 0; i < wordNumber; i += 1) {\n        firstLine = firstLine.substring(0, firstLine.lastIndexOf(' '));\n        // Stop removing word when fits within one line.\n        if (\n          destContext.measureText(firstLine).width * scale <\n          maxWidth - this.padding\n        ) {\n          break;\n        }\n      }\n    }\n    const secondLine = copyright.replace(firstLine, '');\n\n    // Draw first line (line break isn't supported for fillText).\n    const textX = this.margin;\n    let textMeasure = destContext.measureText(firstLine);\n    textMeasure.height =\n      textMeasure.actualBoundingBoxAscent +\n      textMeasure.actualBoundingBoxDescent;\n    let firstLineY = destCanvas.height / scale - this.padding;\n    const secondLineY = firstLineY;\n    const paddingBetweenLines = 3;\n    const paddingBackground = paddingBetweenLines / 2;\n\n    if (secondLine) {\n      firstLineY -= textMeasure.height + paddingBetweenLines;\n    }\n    if (background) {\n      this.drawTextBackground(\n        destContext,\n        textMeasure,\n        textX,\n        firstLineY,\n        paddingBackground,\n        background,\n      );\n    }\n    destContext.fillText(firstLine, textX, firstLineY);\n\n    // Draw second line.\n    if (secondLine) {\n      textMeasure = destContext.measureText(secondLine);\n      textMeasure.height =\n        textMeasure.actualBoundingBoxAscent +\n        textMeasure.actualBoundingBoxDescent;\n      if (background) {\n        this.drawTextBackground(\n          destContext,\n          textMeasure,\n          textX,\n          secondLineY,\n          paddingBackground,\n          background,\n        );\n      }\n      destContext.fillText(secondLine, textX, secondLineY);\n    }\n\n    const firstLineMetrics = destContext.measureText(firstLine);\n    const secondLineMetrics = destContext.measureText(secondLine);\n    const heightFirstLine =\n      firstLineMetrics.actualBoundingBoxAscent +\n      firstLineMetrics.actualBoundingBoxDescent;\n    const heightSecondLine =\n      secondLineMetrics.actualBoundingBoxAscent +\n      secondLineMetrics.actualBoundingBoxDescent;\n    this.copyrightY =\n      destCanvas.height -\n      (heightFirstLine + paddingBetweenLines + heightSecondLine) / 2;\n    destContext.restore();\n  }\n\n  drawElement(data, destCanvas, previousItemSize = [0, 0], side = 'right') {\n    const destContext = destCanvas.getContext('2d');\n    const { scale } = this.props;\n    const { src, width, height, rotation } = data;\n\n    return new Promise((resolve) => {\n      const img = new Image();\n      img.crossOrigin = 'Anonymous';\n      img.src = src;\n      img.onload = () => {\n        destContext.save();\n        const elementWidth = (width || 80) * scale;\n        const elementHeight = (height || 80) * scale;\n        const left =\n          side === 'left'\n            ? this.margin + elementWidth / 2\n            : destCanvas.width - this.margin - elementWidth / 2;\n        const top =\n          (side === 'left' && this.copyrightY\n            ? this.copyrightY - 2 * this.padding\n            : destCanvas.height) -\n          this.margin -\n          elementHeight / 2 -\n          previousItemSize[1];\n\n        destContext.translate(left, top);\n\n        if (rotation) {\n          const angle = typeof rotation === 'function' ? rotation() : rotation;\n          destContext.rotate(angle * (Math.PI / 180));\n        }\n\n        destContext.drawImage(\n          img,\n          -elementWidth / 2,\n          -elementHeight / 2,\n          elementWidth,\n          elementHeight,\n        );\n        destContext.restore();\n\n        // Return the pixels width of the arrow and the margin right,\n        // that must not be occupied by the copyright.\n        resolve([\n          elementWidth + 2 * this.padding,\n          elementHeight + 2 * this.padding,\n        ]);\n      };\n\n      img.onerror = () => {\n        resolve();\n      };\n    });\n  }\n\n  calculatePixelsToExport(mapToExport) {\n    const { extent, coordinates } = this.props;\n    let firstCoordinate;\n    let oppositeCoordinate;\n\n    if (extent) {\n      firstCoordinate = getTopLeft(extent);\n      oppositeCoordinate = getBottomRight(extent);\n    } else if (coordinates) {\n      // In case of coordinates coming from DragBox interaction:\n      //   firstCoordinate is the first coordinate drawn by the user.\n      //   oppositeCoordinate is the coordinate of the point dragged by the user.\n      [firstCoordinate, , oppositeCoordinate] = coordinates;\n    }\n\n    if (firstCoordinate && oppositeCoordinate) {\n      const firstPixel = mapToExport.getPixelFromCoordinate(firstCoordinate);\n      const oppositePixel =\n        mapToExport.getPixelFromCoordinate(oppositeCoordinate);\n      const pixelTopLeft = [\n        firstPixel[0] <= oppositePixel[0] ? firstPixel[0] : oppositePixel[0],\n        firstPixel[1] <= oppositePixel[1] ? firstPixel[1] : oppositePixel[1],\n      ];\n      const pixelBottomRight = [\n        firstPixel[0] > oppositePixel[0] ? firstPixel[0] : oppositePixel[0],\n        firstPixel[1] > oppositePixel[1] ? firstPixel[1] : oppositePixel[1],\n      ];\n\n      return {\n        x: pixelTopLeft[0],\n        y: pixelTopLeft[1],\n        w: pixelBottomRight[0] - pixelTopLeft[0],\n        h: pixelBottomRight[1] - pixelTopLeft[1],\n      };\n    }\n    return null;\n  }\n\n  createCanvasImage(mapToExport) {\n    const { extraData } = this.props;\n\n    return new Promise((resolve) => {\n      mapToExport.once('rendercomplete', () => {\n        // Find all layer canvases and add it to dest canvas.\n        const canvases = mapToExport\n          .getTargetElement()\n          .getElementsByTagName('canvas');\n\n        // Create the canvas to export with the good size.\n        let destCanvas;\n        let destContext;\n\n        // canvases is an HTMLCollection, we don't try to transform to array because some compilers like cra doesn't translate it right.\n        for (let i = 0; i < canvases.length; i += 1) {\n          const canvas = canvases[i];\n          if (!canvas.width || !canvas.height) {\n            // eslint-disable-next-line no-continue\n            continue;\n          }\n          const clip = this.calculatePixelsToExport(mapToExport) || {\n            x: 0,\n            y: 0,\n            w: canvas.width,\n            h: canvas.height,\n          };\n\n          if (!destCanvas) {\n            destCanvas = document.createElement('canvas');\n            destCanvas.width = clip.w;\n            destCanvas.height = clip.h;\n            destContext = destCanvas.getContext('2d');\n          }\n\n          // Draw canvas to the canvas to export.\n          destContext.drawImage(\n            canvas,\n            clip.x,\n            clip.y,\n            clip.w,\n            clip.h,\n            0,\n            0,\n            destCanvas.width,\n            destCanvas.height,\n          );\n        }\n\n        this.margin = CanvasSaveButton.getMargin(destCanvas);\n\n        // Custom info\n        let logoPromise = Promise.resolve();\n        if (destContext && extraData && extraData.logo) {\n          logoPromise = this.drawElement(extraData.logo, destCanvas);\n        }\n\n        logoPromise.then((logoSize = [0, 0]) => {\n          // North arrow\n          let arrowPromise = Promise.resolve();\n          if (destContext && extraData && extraData.northArrow) {\n            arrowPromise = this.drawElement(\n              {\n                src: extraData.northArrow.circled\n                  ? NorthArrowCircle\n                  : NorthArrowSimple,\n                ...extraData.northArrow,\n              },\n              destCanvas,\n              logoSize,\n            );\n          }\n\n          // Copyright\n          arrowPromise.then((arrowSize = [0, 0]) => {\n            const widestElement = Math.max(logoSize[0], arrowSize[0]);\n            if (\n              destContext &&\n              extraData &&\n              extraData.copyright &&\n              extraData.copyright.text\n            ) {\n              const maxWidth = widestElement\n                ? destContext.canvas.width - widestElement - this.margin\n                : destContext.canvas.width;\n              this.drawCopyright(destContext, destCanvas, maxWidth);\n            }\n            let qrCodePromise = Promise.resolve();\n            if (destContext && extraData && extraData.qrCode) {\n              qrCodePromise = this.drawElement(\n                extraData.qrCode,\n                destCanvas,\n                undefined,\n                'left',\n              );\n            }\n            qrCodePromise.then(() => {\n              return resolve(destCanvas);\n            });\n          });\n        });\n      });\n      mapToExport.renderSync();\n    });\n  }\n\n  downloadCanvasImage(canvas) {\n    // Use blob for large images\n    const promise = new Promise((resolve) => {\n      const { format } = this.props;\n      if (/msie (9|10)/gi.test(window.navigator.userAgent.toLowerCase())) {\n        // ie 9 and 10\n        const url = canvas.toDataURL(format);\n        const w = window.open('about:blank', '');\n        w.document.write(`<img src=\"${url}\" alt=\"from canvas\"/>`);\n        resolve(url);\n      }\n      if (window.navigator.msSaveBlob) {\n        // ie 11 and higher\n        let image;\n        try {\n          image = canvas.msToBlob();\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.log(e);\n        }\n        const blob = new Blob([image], {\n          type: format,\n        });\n        resolve(blob);\n        window.navigator.msSaveBlob(blob, this.getDownloadImageName());\n      } else {\n        canvas.toBlob((blob) => {\n          const link = document.createElement('a');\n          link.download = this.getDownloadImageName();\n          link.href = URL.createObjectURL(blob);\n          // append child to document for firefox to be able to download.\n          document.body.appendChild(link);\n          link.click();\n          resolve(blob);\n        }, format);\n      }\n    });\n    return promise;\n  }\n\n  render() {\n    const { children, ...other } = this.props;\n\n    delete other.onSaveStart;\n    delete other.onSaveEnd;\n    delete other.extraData;\n    delete other.extent;\n    delete other.format;\n    delete other.map;\n    delete other.coordinates;\n    delete other.autoDownload;\n    delete other.scale;\n\n    return (\n      <div\n        role=\"button\"\n        className=\"rs-canvas-save-button\"\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...other}\n        onClick={(e) => {\n          return this.onClick(e);\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && this.onClick(e);\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nCanvasSaveButton.propTypes = propTypes;\nCanvasSaveButton.defaultProps = defaultProps;\n\nexport default CanvasSaveButton;\n"],
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\nimport React, { PureComponent } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\nimport { getTopLeft, getBottomRight } from \"ol/extent\";\nimport NorthArrowSimple from \"../../images/northArrow.url.svg\";\nimport NorthArrowCircle from \"../../images/northArrowCircle.url.svg\";\n\nconst extraDataImgPropType = PropTypes.shape({\n  src: PropTypes.string,\n  width: PropTypes.number,\n  height: PropTypes.number,\n  rotation: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),\n  circled: PropTypes.bool,\n});\n\n// support server-side rendering where `Element` will not be defined\nconst CanvasPatternType =\n  typeof CanvasPattern === \"undefined\" ? Function : CanvasPattern;\n\nconst propTypes = {\n  /**\n   * Automatically download the image saved.\n   */\n  autoDownload: PropTypes.bool,\n\n  /**\n   * Children content of the button.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Output format of the image.\n   */\n  format: PropTypes.oneOf([\"image/jpeg\", \"image/png\"]),\n\n  /** An  [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html). */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Extent for the export. If no extent is given, the whole map is exported.\n   */\n  extent: PropTypes.arrayOf(PropTypes.number),\n\n  /**\n   * Array of 4 [ol/Coordinate](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~Coordinate).\n   * If no coordinates and no extent are given, the whole map is exported.\n   * This property must be used to export rotated map.\n   * If you don't need to export rotated map the extent property can be used as well.\n   * If extent is specified, coordinates property is ignored.\n   */\n  coordinates: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)),\n\n  /**\n   * Scale the map for better quality. Possible values: 1, 2 or 3.\n   * WARNING: The tiled layer with a WMTS or XYZ source must provides an url\n   * for each scale in the config file.\n   */\n  scale: PropTypes.number,\n\n  /**\n   * Function called before the dowload process begins.\n   */\n  onSaveStart: PropTypes.func,\n\n  /**\n   * Function called after the dowload process ends.\n   *\n   * @param {object} error Error message the process fails.\n   */\n  onSaveEnd: PropTypes.func,\n\n  /**\n   * Extra data, such as copyright, north arrow configuration.\n   * All extra data is optional.\n   *\n   * Example 1:\n   *\n    {\n      copyright: {\n        text: 'Example copyright', // Copyright text or function\n        font: '10px Arial', // Font, default is '12px Arial'\n        fillStyle: 'blue', // Fill style, default is 'black'\n      },\n      northArrow,  // True if the north arrow\n                   // should be placed with default configuration\n                   // (default image, rotation=0, circled=false)\n    }\n   * Example 2:\n   *\n    {\n      northArrow: {\n        src: NorthArrowCustom,\n        width: 60, // Width in px, default is 80\n        height: 100, // Height in px, default is 80\n        rotation: 25, // Absolute rotation in degrees as number or function\n\n      }\n    }\n   * Example 3:\n   *\n    {\n      copyright: {\n        text: () => { // Copyright as function\n          return this.copyright;\n        },\n      },\n      northArrow: {\n        rotation: () => { // Rotation as function\n          return NorthArrow.radToDeg(this.map.getView().getRotation());\n        },\n        circled, // Display circle around the north arrow (Does not work for custom src)\n      },\n    }\n   */\n  extraData: PropTypes.shape({\n    logo: extraDataImgPropType,\n    northArrow: extraDataImgPropType,\n    qrCode: extraDataImgPropType,\n    copyright: PropTypes.shape({\n      text: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n      font: PropTypes.string,\n      fillStyle: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.instanceOf(CanvasPatternType),\n      ]),\n      background: PropTypes.bool,\n    }),\n  }),\n};\n\nconst defaultProps = {\n  autoDownload: true,\n  children: null,\n  map: null,\n  format: \"image/png\",\n  extent: null,\n  extraData: null,\n  coordinates: null,\n  scale: 1,\n  onSaveStart: (map) => {\n    return Promise.resolve(map);\n  },\n  onSaveEnd: () => {},\n};\n\n/**\n * The CanvasSaveButton component creates a button to save\n * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)\n * canvas as an image.\n */\nclass CanvasSaveButton extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.padding = 5;\n  }\n\n  static getMargin(destCanvas) {\n    const newMargin = destCanvas.width / 100; // 1% of the canvas width\n    return newMargin;\n  }\n\n  onClick(evt) {\n    const { map, onSaveStart, onSaveEnd, autoDownload } = this.props;\n    if (window.navigator.msSaveBlob) {\n      // ie only\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n    onSaveStart(map).then((mapToExport) => {\n      return this.createCanvasImage(mapToExport || map)\n        .then((canvas) => {\n          if (autoDownload) {\n            this.downloadCanvasImage(canvas).then((blob) => {\n              onSaveEnd(mapToExport, canvas, blob);\n            });\n          } else {\n            onSaveEnd(mapToExport, canvas);\n          }\n        })\n        .catch((err) => {\n          if (err) {\n            // eslint-disable-next-line no-console\n            console.error(err);\n          }\n          onSaveEnd(mapToExport, err);\n        });\n    });\n  }\n\n  getDownloadImageName() {\n    const { format } = this.props;\n    const fileExt = format === \"image/jpeg\" ? \"jpg\" : \"png\";\n    return (\n      `${window.document.title.replace(/ /g, \"_\").toLowerCase()}` +\n      `.${fileExt}`\n    );\n  }\n\n  // Ensure the font size fita with the image width.\n  decreaseFontSize(destContext, maxWidth, copyright, scale) {\n    const minFontSize = 8;\n    let sizeMatch;\n    let fontSize;\n    do {\n      sizeMatch = destContext.font.match(/[0-9]+(?:\\.[0-9]+)?(px)/i);\n      fontSize = parseInt(sizeMatch[0].replace(sizeMatch[1], \"\"), 10);\n\n      // eslint-disable-next-line no-param-reassign\n      destContext.font = destContext.font.replace(fontSize, fontSize - 1);\n\n      if (fontSize - 1 === minFontSize) {\n        this.multilineCopyright = true;\n      }\n    } while (\n      fontSize - 1 > minFontSize &&\n      destContext.measureText(copyright).width * scale > maxWidth\n    );\n\n    return destContext.font;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  drawTextBackground(\n    destContext,\n    textMeasure,\n    textX,\n    textY,\n    padding,\n    styleOptions = {},\n  ) {\n    /// get width of text\n    const { width, height, actualBoundingBoxAscent } = textMeasure;\n    destContext.save();\n    // Dflt is a white background\n    destContext.fillStyle = \"rgba(255,255,255,.8)\";\n\n    // To simplify usability the user could pass a boolean to use only default values.\n    if (typeof styleOptions === \"object\") {\n      Object.entries(styleOptions).forEach(([key, value]) => {\n        destContext[key] = value;\n      });\n    }\n\n    /// draw background rect assuming height of font\n    destContext.fillRect(\n      textX - padding,\n      textY - actualBoundingBoxAscent - padding,\n      width + padding * 2,\n      height + padding * 2,\n    );\n    destContext.restore();\n  }\n\n  drawCopyright(destContext, destCanvas, maxWidth) {\n    const { extraData, scale } = this.props;\n    const { text, font, fillStyle, background } = extraData.copyright;\n    let copyright = typeof text === \"function\" ? text() : text;\n\n    if (Array.isArray(copyright)) {\n      copyright = copyright.join();\n    }\n\n    destContext.save();\n    destContext.scale(scale, scale);\n    destContext.font = font || \"12px Arial\";\n    destContext.font = this.decreaseFontSize(\n      destContext,\n      maxWidth - this.padding,\n      copyright,\n      scale,\n    );\n\n    destContext.scale(scale, scale);\n    destContext.fillStyle = fillStyle || \"black\";\n\n    // We search if the display on 2 line is necessary\n    let firstLine = copyright;\n    const wordNumber = copyright.split(\" \").length;\n\n    // If the text is bigger than the max width we split it into 2 lines\n    if (this.multilineCopyright) {\n      for (let i = 0; i < wordNumber; i += 1) {\n        firstLine = firstLine.substring(0, firstLine.lastIndexOf(\" \"));\n        // Stop removing word when fits within one line.\n        if (\n          destContext.measureText(firstLine).width * scale <\n          maxWidth - this.padding\n        ) {\n          break;\n        }\n      }\n    }\n    const secondLine = copyright.replace(firstLine, \"\");\n\n    // Draw first line (line break isn't supported for fillText).\n    const textX = this.margin;\n    let textMeasure = destContext.measureText(firstLine);\n    textMeasure.height =\n      textMeasure.actualBoundingBoxAscent +\n      textMeasure.actualBoundingBoxDescent;\n    let firstLineY = destCanvas.height / scale - this.padding;\n    const secondLineY = firstLineY;\n    const paddingBetweenLines = 3;\n    const paddingBackground = paddingBetweenLines / 2;\n\n    if (secondLine) {\n      firstLineY -= textMeasure.height + paddingBetweenLines;\n    }\n    if (background) {\n      this.drawTextBackground(\n        destContext,\n        textMeasure,\n        textX,\n        firstLineY,\n        paddingBackground,\n        background,\n      );\n    }\n    destContext.fillText(firstLine, textX, firstLineY);\n\n    // Draw second line.\n    if (secondLine) {\n      textMeasure = destContext.measureText(secondLine);\n      textMeasure.height =\n        textMeasure.actualBoundingBoxAscent +\n        textMeasure.actualBoundingBoxDescent;\n      if (background) {\n        this.drawTextBackground(\n          destContext,\n          textMeasure,\n          textX,\n          secondLineY,\n          paddingBackground,\n          background,\n        );\n      }\n      destContext.fillText(secondLine, textX, secondLineY);\n    }\n\n    const firstLineMetrics = destContext.measureText(firstLine);\n    const secondLineMetrics = destContext.measureText(secondLine);\n    const heightFirstLine =\n      firstLineMetrics.actualBoundingBoxAscent +\n      firstLineMetrics.actualBoundingBoxDescent;\n    const heightSecondLine =\n      secondLineMetrics.actualBoundingBoxAscent +\n      secondLineMetrics.actualBoundingBoxDescent;\n    this.copyrightY =\n      destCanvas.height -\n      (heightFirstLine + paddingBetweenLines + heightSecondLine) / 2;\n    destContext.restore();\n  }\n\n  drawElement(data, destCanvas, previousItemSize = [0, 0], side = \"right\") {\n    const destContext = destCanvas.getContext(\"2d\");\n    const { scale } = this.props;\n    const { src, width, height, rotation } = data;\n\n    return new Promise((resolve) => {\n      const img = new Image();\n      img.crossOrigin = \"Anonymous\";\n      img.src = src;\n      img.onload = () => {\n        destContext.save();\n        const elementWidth = (width || 80) * scale;\n        const elementHeight = (height || 80) * scale;\n        const left =\n          side === \"left\"\n            ? this.margin + elementWidth / 2\n            : destCanvas.width - this.margin - elementWidth / 2;\n        const top =\n          (side === \"left\" && this.copyrightY\n            ? this.copyrightY - 2 * this.padding\n            : destCanvas.height) -\n          this.margin -\n          elementHeight / 2 -\n          previousItemSize[1];\n\n        destContext.translate(left, top);\n\n        if (rotation) {\n          const angle = typeof rotation === \"function\" ? rotation() : rotation;\n          destContext.rotate(angle * (Math.PI / 180));\n        }\n\n        destContext.drawImage(\n          img,\n          -elementWidth / 2,\n          -elementHeight / 2,\n          elementWidth,\n          elementHeight,\n        );\n        destContext.restore();\n\n        // Return the pixels width of the arrow and the margin right,\n        // that must not be occupied by the copyright.\n        resolve([\n          elementWidth + 2 * this.padding,\n          elementHeight + 2 * this.padding,\n        ]);\n      };\n\n      img.onerror = () => {\n        resolve();\n      };\n    });\n  }\n\n  calculatePixelsToExport(mapToExport) {\n    const { extent, coordinates } = this.props;\n    let firstCoordinate;\n    let oppositeCoordinate;\n\n    if (extent) {\n      firstCoordinate = getTopLeft(extent);\n      oppositeCoordinate = getBottomRight(extent);\n    } else if (coordinates) {\n      // In case of coordinates coming from DragBox interaction:\n      //   firstCoordinate is the first coordinate drawn by the user.\n      //   oppositeCoordinate is the coordinate of the point dragged by the user.\n      [firstCoordinate, , oppositeCoordinate] = coordinates;\n    }\n\n    if (firstCoordinate && oppositeCoordinate) {\n      const firstPixel = mapToExport.getPixelFromCoordinate(firstCoordinate);\n      const oppositePixel =\n        mapToExport.getPixelFromCoordinate(oppositeCoordinate);\n      const pixelTopLeft = [\n        firstPixel[0] <= oppositePixel[0] ? firstPixel[0] : oppositePixel[0],\n        firstPixel[1] <= oppositePixel[1] ? firstPixel[1] : oppositePixel[1],\n      ];\n      const pixelBottomRight = [\n        firstPixel[0] > oppositePixel[0] ? firstPixel[0] : oppositePixel[0],\n        firstPixel[1] > oppositePixel[1] ? firstPixel[1] : oppositePixel[1],\n      ];\n\n      return {\n        x: pixelTopLeft[0],\n        y: pixelTopLeft[1],\n        w: pixelBottomRight[0] - pixelTopLeft[0],\n        h: pixelBottomRight[1] - pixelTopLeft[1],\n      };\n    }\n    return null;\n  }\n\n  createCanvasImage(mapToExport) {\n    const { extraData } = this.props;\n\n    return new Promise((resolve) => {\n      mapToExport.once(\"rendercomplete\", () => {\n        // Find all layer canvases and add it to dest canvas.\n        const canvases = mapToExport\n          .getTargetElement()\n          .getElementsByTagName(\"canvas\");\n\n        // Create the canvas to export with the good size.\n        let destCanvas;\n        let destContext;\n\n        // canvases is an HTMLCollection, we don't try to transform to array because some compilers like cra doesn't translate it right.\n        for (let i = 0; i < canvases.length; i += 1) {\n          const canvas = canvases[i];\n          if (!canvas.width || !canvas.height) {\n            // eslint-disable-next-line no-continue\n            continue;\n          }\n          const clip = this.calculatePixelsToExport(mapToExport) || {\n            x: 0,\n            y: 0,\n            w: canvas.width,\n            h: canvas.height,\n          };\n\n          if (!destCanvas) {\n            destCanvas = document.createElement(\"canvas\");\n            destCanvas.width = clip.w;\n            destCanvas.height = clip.h;\n            destContext = destCanvas.getContext(\"2d\");\n          }\n\n          // Draw canvas to the canvas to export.\n          destContext.drawImage(\n            canvas,\n            clip.x,\n            clip.y,\n            clip.w,\n            clip.h,\n            0,\n            0,\n            destCanvas.width,\n            destCanvas.height,\n          );\n        }\n\n        this.margin = CanvasSaveButton.getMargin(destCanvas);\n\n        // Custom info\n        let logoPromise = Promise.resolve();\n        if (destContext && extraData && extraData.logo) {\n          logoPromise = this.drawElement(extraData.logo, destCanvas);\n        }\n\n        logoPromise.then((logoSize = [0, 0]) => {\n          // North arrow\n          let arrowPromise = Promise.resolve();\n          if (destContext && extraData && extraData.northArrow) {\n            arrowPromise = this.drawElement(\n              {\n                src: extraData.northArrow.circled\n                  ? NorthArrowCircle\n                  : NorthArrowSimple,\n                ...extraData.northArrow,\n              },\n              destCanvas,\n              logoSize,\n            );\n          }\n\n          // Copyright\n          arrowPromise.then((arrowSize = [0, 0]) => {\n            const widestElement = Math.max(logoSize[0], arrowSize[0]);\n            if (\n              destContext &&\n              extraData &&\n              extraData.copyright &&\n              extraData.copyright.text\n            ) {\n              const maxWidth = widestElement\n                ? destContext.canvas.width - widestElement - this.margin\n                : destContext.canvas.width;\n              this.drawCopyright(destContext, destCanvas, maxWidth);\n            }\n            let qrCodePromise = Promise.resolve();\n            if (destContext && extraData && extraData.qrCode) {\n              qrCodePromise = this.drawElement(\n                extraData.qrCode,\n                destCanvas,\n                undefined,\n                \"left\",\n              );\n            }\n            qrCodePromise.then(() => {\n              return resolve(destCanvas);\n            });\n          });\n        });\n      });\n      mapToExport.renderSync();\n    });\n  }\n\n  downloadCanvasImage(canvas) {\n    // Use blob for large images\n    const promise = new Promise((resolve) => {\n      const { format } = this.props;\n      if (/msie (9|10)/gi.test(window.navigator.userAgent.toLowerCase())) {\n        // ie 9 and 10\n        const url = canvas.toDataURL(format);\n        const w = window.open(\"about:blank\", \"\");\n        w.document.write(`<img src=\"${url}\" alt=\"from canvas\"/>`);\n        resolve(url);\n      }\n      if (window.navigator.msSaveBlob) {\n        // ie 11 and higher\n        let image;\n        try {\n          image = canvas.msToBlob();\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.log(e);\n        }\n        const blob = new Blob([image], {\n          type: format,\n        });\n        resolve(blob);\n        window.navigator.msSaveBlob(blob, this.getDownloadImageName());\n      } else {\n        canvas.toBlob((blob) => {\n          const link = document.createElement(\"a\");\n          link.download = this.getDownloadImageName();\n          link.href = URL.createObjectURL(blob);\n          // append child to document for firefox to be able to download.\n          document.body.appendChild(link);\n          link.click();\n          resolve(blob);\n        }, format);\n      }\n    });\n    return promise;\n  }\n\n  render() {\n    const { children, ...other } = this.props;\n\n    delete other.onSaveStart;\n    delete other.onSaveEnd;\n    delete other.extraData;\n    delete other.extent;\n    delete other.format;\n    delete other.map;\n    delete other.coordinates;\n    delete other.autoDownload;\n    delete other.scale;\n\n    return (\n      <div\n        role=\"button\"\n        className=\"rs-canvas-save-button\"\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...other}\n        onClick={(e) => {\n          return this.onClick(e);\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && this.onClick(e);\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nCanvasSaveButton.propTypes = propTypes;\nCanvasSaveButton.defaultProps = defaultProps;\n\nexport default CanvasSaveButton;\n"],
   "mappings": "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",
   "names": []
 }

package/components/CanvasSaveButton/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/CanvasSaveButton/index.js"],
-  "sourcesContent": ["export { default } from './CanvasSaveButton';\n"],
+  "sourcesContent": ["export { default } from \"./CanvasSaveButton\";\n"],
   "mappings": "AAAA,SAAS,eAAe;",
   "names": []
 }

package/components/Copyright/Copyright.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Copyright/Copyright.js"],
-  "sourcesContent": ["import React, { useMemo, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Map } from 'ol';\nimport { CopyrightControl } from 'mobility-toolbox-js/ol';\n\nconst propTypes = {\n  /**\n   * A map.\n   */\n  map: PropTypes.instanceOf(Map).isRequired,\n\n  /**\n   * Format function. Called with an array of copyrights from visible layers\n   * and returns the copyright.\n   */\n  format: PropTypes.func,\n\n  /**\n   * CSS class of th root element\n   */\n  className: PropTypes.string,\n};\n\nconst defaultProps = {\n  format: (copyrights) => {\n    return copyrights.join(' | ');\n  },\n  className: 'rs-copyright',\n};\n\n/**\n * The Copyright component uses the\n * [mobility-toolbox-js CopyrightControl](https://mobility-toolbox-js.geops.io/api/class/src/mapbox/controls/CopyrightControl%20js~CopyrightControl%20html-offset-anchor)\n * to render the layer copyrights.\n */\nfunction Copyright({ map, format, ...other }) {\n  const [copyrights, setCopyrights] = useState([]);\n\n  const control = useMemo(\n    () => {\n      return new CopyrightControl({\n        target: document.createElement('div'),\n        element: document.createElement('div'),\n        render() {\n          // eslint-disable-next-line react/no-this-in-sfc\n          const newCopyrights = this.getCopyrights();\n          if (copyrights.toString() !== newCopyrights.toString()) {\n            setCopyrights(newCopyrights);\n          }\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Ensure the control is not associated to the wrong map\n  useEffect(() => {\n    if (!control) {\n      return () => {};\n    }\n\n    control.map = map;\n\n    return () => {\n      control.map = null;\n    };\n  }, [map, control]);\n\n  if (!control || !control.getCopyrights().length) {\n    return null;\n  }\n\n  return (\n    <div\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{\n        __html: format(copyrights) || '',\n      }}\n    />\n  );\n}\n\nCopyright.propTypes = propTypes;\nCopyright.defaultProps = defaultProps;\n\nexport default React.memo(Copyright);\n"],
+  "sourcesContent": ["import React, { useMemo, useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Map } from \"ol\";\nimport { CopyrightControl } from \"mobility-toolbox-js/ol\";\n\nconst propTypes = {\n  /**\n   * A map.\n   */\n  map: PropTypes.instanceOf(Map).isRequired,\n\n  /**\n   * Format function. Called with an array of copyrights from visible layers\n   * and returns the copyright.\n   */\n  format: PropTypes.func,\n\n  /**\n   * CSS class of th root element\n   */\n  className: PropTypes.string,\n};\n\nconst defaultProps = {\n  format: (copyrights) => {\n    return copyrights.join(\" | \");\n  },\n  className: \"rs-copyright\",\n};\n\n/**\n * The Copyright component uses the\n * [mobility-toolbox-js CopyrightControl](https://mobility-toolbox-js.geops.io/api/class/src/mapbox/controls/CopyrightControl%20js~CopyrightControl%20html-offset-anchor)\n * to render the layer copyrights.\n */\nfunction Copyright({ map, format, ...other }) {\n  const [copyrights, setCopyrights] = useState([]);\n\n  const control = useMemo(\n    () => {\n      return new CopyrightControl({\n        target: document.createElement(\"div\"),\n        element: document.createElement(\"div\"),\n        render() {\n          // eslint-disable-next-line react/no-this-in-sfc\n          const newCopyrights = this.getCopyrights();\n          if (copyrights.toString() !== newCopyrights.toString()) {\n            setCopyrights(newCopyrights);\n          }\n        },\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Ensure the control is not associated to the wrong map\n  useEffect(() => {\n    if (!control) {\n      return () => {};\n    }\n\n    control.map = map;\n\n    return () => {\n      control.map = null;\n    };\n  }, [map, control]);\n\n  if (!control || !control.getCopyrights().length) {\n    return null;\n  }\n\n  return (\n    <div\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{\n        __html: format(copyrights) || \"\",\n      }}\n    />\n  );\n}\n\nCopyright.propTypes = propTypes;\nCopyright.defaultProps = defaultProps;\n\nexport default React.memo(Copyright);\n"],
   "mappings": "AAAA,OAAO,SAAS,SAAS,WAAW,gBAAgB;AACpD,OAAO,eAAe;AACtB,SAAS,WAAW;AACpB,SAAS,wBAAwB;AAEjC,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,GAAG,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAM/B,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAKlB,WAAW,UAAU;AACvB;AAEA,MAAM,eAAe;AAAA,EACnB,QAAQ,CAAC,eAAe;AACtB,WAAO,WAAW,KAAK,KAAK;AAAA,EAC9B;AAAA,EACA,WAAW;AACb;AAOA,SAAS,UAAU,EAAE,KAAK,QAAQ,GAAG,MAAM,GAAG;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC,CAAC;AAE/C,QAAM,UAAU;AAAA,IACd,MAAM;AACJ,aAAO,IAAI,iBAAiB;AAAA,QAC1B,QAAQ,SAAS,cAAc,KAAK;AAAA,QACpC,SAAS,SAAS,cAAc,KAAK;AAAA,QACrC,SAAS;AAEP,gBAAM,gBAAgB,KAAK,cAAc;AACzC,cAAI,WAAW,SAAS,MAAM,cAAc,SAAS,GAAG;AACtD,0BAAc,aAAa;AAAA,UAC7B;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA;AAAA,IAEA,CAAC;AAAA,EACH;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AACZ,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AAEA,YAAQ,MAAM;AAEd,WAAO,MAAM;AACX,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAEjB,MAAI,CAAC,WAAW,CAAC,QAAQ,cAAc,EAAE,QAAQ;AAC/C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MAEE,GAAG;AAAA,MAEJ,yBAAyB;AAAA,QACvB,QAAQ,OAAO,UAAU,KAAK;AAAA,MAChC;AAAA;AAAA,EACF;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe,MAAM,KAAK,SAAS;",
   "names": []
 }

package/components/Copyright/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Copyright/index.js"],
-  "sourcesContent": ["export { default } from './Copyright';\n"],
+  "sourcesContent": ["export { default } from \"./Copyright\";\n"],
   "mappings": "AAAA,SAAS,eAAe;",
   "names": []
 }

package/components/FeatureExportButton/FeatureExportButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FeatureExportButton/FeatureExportButton.js"],
-  "sourcesContent": ["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport KMLFormat from 'ol/format/KML';\nimport { Layer } from 'mobility-toolbox-js/ol';\nimport KML from '../../utils/KML';\n\nconst propTypes = {\n  /**\n   *  Children content of the Feature export button.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Format to export features (function).\n   * Supported formats: https://openlayers.org/en/latest/apidoc/module-ol_format_Feature-FeatureFormat.html\n   */\n  format: PropTypes.func,\n\n  /**\n   * An existing [mobility-toolbox-js Layer](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers),\n   * using a valid [ol/source/Vector](https://openlayers.org/en/latest/apidoc/module-ol_source_Vector.html)\n   */\n  layer: PropTypes.instanceOf(Layer).isRequired,\n\n  /**\n   * Map projection.\n   */\n  projection: PropTypes.string,\n};\n\nconst defaultProps = {\n  children: null,\n  format: KMLFormat,\n  projection: 'EPSG:3857',\n};\n\n/**\n * The FeatureExportButton component creates a button that exports feature geometries\n * from a [[mobility-toolbox-js Layer](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)]\n * containing an [ol/layer/Vector](https://openlayers.org/en/latest/apidoc/module-ol_layer_Vector-VectorLayer.html)\n * with a [ol/source/Vector](https://openlayers.org/en/latest/apidoc/module-ol_source_Vector.html) on click.<br>\n * The default export format is KML, which supports the features' style export.<br>\n * Other formats do not always support style export (See specific format specs).\n */\nclass FeatureExportButton extends PureComponent {\n  static createFeatureString(layer, projection, format) {\n    if (format === KMLFormat) {\n      return KML.writeFeatures(layer, projection);\n    }\n\n    // eslint-disable-next-line new-cap\n    return new format().writeFeatures(layer.olLayer.getSource().getFeatures(), {\n      featureProjection: projection,\n    });\n  }\n\n  static exportFeatures(layer, projection, format) {\n    const now = new Date()\n      .toJSON()\n      .slice(0, 20)\n      .replace(/[.:T-]+/g, '');\n    const featString = this.createFeatureString(layer, projection, format);\n\n    const formatString = featString\n      ? featString.match(/<(\\w+)\\s+\\w+.*?>/)[1]\n      : 'xml';\n\n    const fileName = `exported_features_${now}.${formatString}`;\n    const charset = document.characterSet || 'UTF-8';\n    const type = `${\n      formatString === 'kml'\n        ? 'data:application/vnd.google-earth.kml+xml'\n        : 'data:text/xml'\n    };charset=${charset}`;\n\n    if (featString) {\n      if (window.navigator.msSaveBlob) {\n        // ie 11 and higher\n        window.navigator.msSaveBlob(new Blob([featString], { type }), fileName);\n      } else {\n        const link = document.createElement('a');\n        link.download = fileName;\n        link.href = `${type},${encodeURIComponent(featString)}`;\n        link.click();\n      }\n    }\n  }\n\n  render() {\n    const { children, layer, projection, format, ...other } = this.props;\n\n    return (\n      <div\n        role=\"button\"\n        className=\"rs-feature-export-button\"\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...other}\n        onClick={() => {\n          return FeatureExportButton.exportFeatures(layer, projection, format);\n        }}\n        onKeyPress={(evt) => {\n          return (\n            evt.which === 13 &&\n            FeatureExportButton.exportFeatures(layer, projection, format)\n          );\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nFeatureExportButton.propTypes = propTypes;\nFeatureExportButton.defaultProps = defaultProps;\n\nexport default FeatureExportButton;\n"],
+  "sourcesContent": ["import React, { PureComponent } from \"react\";\nimport PropTypes from \"prop-types\";\nimport KMLFormat from \"ol/format/KML\";\nimport { Layer } from \"mobility-toolbox-js/ol\";\nimport KML from \"../../utils/KML\";\n\nconst propTypes = {\n  /**\n   *  Children content of the Feature export button.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Format to export features (function).\n   * Supported formats: https://openlayers.org/en/latest/apidoc/module-ol_format_Feature-FeatureFormat.html\n   */\n  format: PropTypes.func,\n\n  /**\n   * An existing [mobility-toolbox-js Layer](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers),\n   * using a valid [ol/source/Vector](https://openlayers.org/en/latest/apidoc/module-ol_source_Vector.html)\n   */\n  layer: PropTypes.instanceOf(Layer).isRequired,\n\n  /**\n   * Map projection.\n   */\n  projection: PropTypes.string,\n};\n\nconst defaultProps = {\n  children: null,\n  format: KMLFormat,\n  projection: \"EPSG:3857\",\n};\n\n/**\n * The FeatureExportButton component creates a button that exports feature geometries\n * from a [[mobility-toolbox-js Layer](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)]\n * containing an [ol/layer/Vector](https://openlayers.org/en/latest/apidoc/module-ol_layer_Vector-VectorLayer.html)\n * with a [ol/source/Vector](https://openlayers.org/en/latest/apidoc/module-ol_source_Vector.html) on click.<br>\n * The default export format is KML, which supports the features' style export.<br>\n * Other formats do not always support style export (See specific format specs).\n */\nclass FeatureExportButton extends PureComponent {\n  static createFeatureString(layer, projection, format) {\n    if (format === KMLFormat) {\n      return KML.writeFeatures(layer, projection);\n    }\n\n    // eslint-disable-next-line new-cap\n    return new format().writeFeatures(layer.olLayer.getSource().getFeatures(), {\n      featureProjection: projection,\n    });\n  }\n\n  static exportFeatures(layer, projection, format) {\n    const now = new Date()\n      .toJSON()\n      .slice(0, 20)\n      .replace(/[.:T-]+/g, \"\");\n    const featString = this.createFeatureString(layer, projection, format);\n\n    const formatString = featString\n      ? featString.match(/<(\\w+)\\s+\\w+.*?>/)[1]\n      : \"xml\";\n\n    const fileName = `exported_features_${now}.${formatString}`;\n    const charset = document.characterSet || \"UTF-8\";\n    const type = `${\n      formatString === \"kml\"\n        ? \"data:application/vnd.google-earth.kml+xml\"\n        : \"data:text/xml\"\n    };charset=${charset}`;\n\n    if (featString) {\n      if (window.navigator.msSaveBlob) {\n        // ie 11 and higher\n        window.navigator.msSaveBlob(new Blob([featString], { type }), fileName);\n      } else {\n        const link = document.createElement(\"a\");\n        link.download = fileName;\n        link.href = `${type},${encodeURIComponent(featString)}`;\n        link.click();\n      }\n    }\n  }\n\n  render() {\n    const { children, layer, projection, format, ...other } = this.props;\n\n    return (\n      <div\n        role=\"button\"\n        className=\"rs-feature-export-button\"\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...other}\n        onClick={() => {\n          return FeatureExportButton.exportFeatures(layer, projection, format);\n        }}\n        onKeyPress={(evt) => {\n          return (\n            evt.which === 13 &&\n            FeatureExportButton.exportFeatures(layer, projection, format)\n          );\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nFeatureExportButton.propTypes = propTypes;\nFeatureExportButton.defaultProps = defaultProps;\n\nexport default FeatureExportButton;\n"],
   "mappings": "AAAA,OAAO,SAAS,qBAAqB;AACrC,OAAO,eAAe;AACtB,OAAO,eAAe;AACtB,SAAS,aAAa;AACtB,OAAO,SAAS;AAEhB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,OAAO,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKnC,YAAY,UAAU;AACxB;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AACd;AAUA,MAAM,4BAA4B,cAAc;AAAA,EAC9C,OAAO,oBAAoB,OAAO,YAAY,QAAQ;AACpD,QAAI,WAAW,WAAW;AACxB,aAAO,IAAI,cAAc,OAAO,UAAU;AAAA,IAC5C;AAGA,WAAO,IAAI,OAAO,EAAE,cAAc,MAAM,QAAQ,UAAU,EAAE,YAAY,GAAG;AAAA,MACzE,mBAAmB;AAAA,IACrB,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,eAAe,OAAO,YAAY,QAAQ;AAC/C,UAAM,OAAM,oBAAI,KAAK,GAClB,OAAO,EACP,MAAM,GAAG,EAAE,EACX,QAAQ,YAAY,EAAE;AACzB,UAAM,aAAa,KAAK,oBAAoB,OAAO,YAAY,MAAM;AAErE,UAAM,eAAe,aACjB,WAAW,MAAM,kBAAkB,EAAE,CAAC,IACtC;AAEJ,UAAM,WAAW,qBAAqB,GAAG,IAAI,YAAY;AACzD,UAAM,UAAU,SAAS,gBAAgB;AACzC,UAAM,OAAO,GACX,iBAAiB,QACb,8CACA,eACN,YAAY,OAAO;AAEnB,QAAI,YAAY;AACd,UAAI,OAAO,UAAU,YAAY;AAE/B,eAAO,UAAU,WAAW,IAAI,KAAK,CAAC,UAAU,GAAG,EAAE,KAAK,CAAC,GAAG,QAAQ;AAAA,MACxE,OAAO;AACL,cAAM,OAAO,SAAS,cAAc,GAAG;AACvC,aAAK,WAAW;AAChB,aAAK,OAAO,GAAG,IAAI,IAAI,mBAAmB,UAAU,CAAC;AACrD,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,OAAO,YAAY,QAAQ,GAAG,MAAM,IAAI,KAAK;AAE/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QAET,GAAG;AAAA,QACJ,SAAS,MAAM;AACb,iBAAO,oBAAoB,eAAe,OAAO,YAAY,MAAM;AAAA,QACrE;AAAA,QACA,YAAY,CAAC,QAAQ;AACnB,iBACE,IAAI,UAAU,MACd,oBAAoB,eAAe,OAAO,YAAY,MAAM;AAAA,QAEhE;AAAA;AAAA,MAEC;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,eAAe;AAEnC,eAAe;",
   "names": []
 }

package/components/FeatureExportButton/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FeatureExportButton/index.js"],
-  "sourcesContent": ["export { default } from './FeatureExportButton';\n"],
+  "sourcesContent": ["export { default } from \"./FeatureExportButton\";\n"],
   "mappings": "AAAA,SAAS,eAAe;",
   "names": []
 }

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\nconst defaultProps = {\n  className: 'rs-fit-extent',\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({ map, extent, className, children, ...other }) {\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;\nFitExtent.defaultProps = defaultProps;\n\nexport default FitExtent;\n"],
+  "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\nconst defaultProps = {\n  className: \"rs-fit-extent\",\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({ map, extent, className, children, ...other }) {\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;\nFitExtent.defaultProps = defaultProps;\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;AAEA,MAAM,eAAe;AAAA,EACnB,WAAW;AACb;AAMA,SAAS,UAAU,EAAE,KAAK,QAAQ,WAAW,UAAU,GAAG,MAAM,GAAG;AACjE,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;AACtB,UAAU,eAAe;AAEzB,eAAe;",
   "names": []
 }

package/components/FitExtent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FitExtent/index.js"],
-  "sourcesContent": ["export { default } from './FitExtent';\n"],
+  "sourcesContent": ["export { default } from \"./FitExtent\";\n"],
   "mappings": "AAAA,SAAS,eAAe;",
   "names": []
 }

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 constantly recenter to the current Position\n   */\n  alwaysRecenterToPosition: 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  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();\n    } else if (!active) {\n      this.activate();\n    } else {\n      this.deactivate();\n    }\n  }\n\n  error() {\n    const { onError } = this.props;\n\n    this.deactivate();\n    onError();\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, onSuccess } = 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 (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"],
+  "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 constantly recenter to the current Position\n   */\n  alwaysRecenterToPosition: 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  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();\n    } else if (!active) {\n      this.activate();\n    } else {\n      this.deactivate();\n    }\n  }\n\n  error() {\n    const { onError } = this.props;\n\n    this.deactivate();\n    onError();\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, onSuccess } = 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 (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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",
   "names": []
 }

package/components/Geolocation/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Geolocation/index.js"],
-  "sourcesContent": ["export { default } from './Geolocation';\n"],
+  "sourcesContent": ["export { default } from \"./Geolocation\";\n"],
   "mappings": "AAAA,SAAS,eAAe;",
   "names": []
 }