react-spatial 2.0.3 → 2.1.7-beta.1

package/components/FeatureExportButton/FeatureExportButton.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import KMLFormat from "ol/format/KML";
 import Layer from "ol/layer/Layer";
 import PropTypes from "prop-types";
@@ -57,7 +58,7 @@ class FeatureExportButton extends PureComponent {
   }
   render() {
     const { children, format, layer, projection, ...other } = this.props;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: "rs-feature-export-button",
@@ -69,9 +70,9 @@ class FeatureExportButton extends PureComponent {
         },
         onKeyPress: (evt) => {
           return evt.which === 13 && FeatureExportButton.exportFeatures(layer, projection, format);
-        }
-      },
-      children
+        },
+        children
+      }
     );
   }
 }

package/components/FeatureExportButton/FeatureExportButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FeatureExportButton/FeatureExportButton.js"],
-  "sourcesContent": ["import KMLFormat from \"ol/format/KML\";\nimport Layer from \"ol/layer/Layer\";\nimport PropTypes from \"prop-types\";\nimport React, { PureComponent } from \"react\";\n\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   * A layer extending an [ol/layer/Layer](https://openlayers.org/en/latest/apidoc/module-ol_layer_Layer.html),\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 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.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, format, layer, projection, ...other } = this.props;\n\n    return (\n      <div\n        className=\"rs-feature-export-button\"\n        role=\"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,eAAe;AACtB,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,SAAS,qBAAqB;AAErC,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;AASA,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,UAAU,EAAE,YAAY,GAAG;AAAA,MACjE,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,QAAQ,OAAO,YAAY,GAAG,MAAM,IAAI,KAAK;AAE/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,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;",
+  "sourcesContent": ["import KMLFormat from \"ol/format/KML\";\nimport Layer from \"ol/layer/Layer\";\nimport PropTypes from \"prop-types\";\nimport React, { PureComponent } from \"react\";\n\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   * A layer extending an [ol/layer/Layer](https://openlayers.org/en/latest/apidoc/module-ol_layer_Layer.html),\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 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    return new format().writeFeatures(layer.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, format, layer, projection, ...other } = this.props;\n\n    return (\n      <div\n        className=\"rs-feature-export-button\"\n        role=\"button\"\n        tabIndex={0}\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": "AA2FM;AA3FN,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,SAAS,qBAAqB;AAErC,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;AASA,MAAM,4BAA4B,cAAc;AAAA,EAC9C,OAAO,oBAAoB,OAAO,YAAY,QAAQ;AACpD,QAAI,WAAW,WAAW;AACxB,aAAO,IAAI,cAAc,OAAO,UAAU;AAAA,IAC5C;AAEA,WAAO,IAAI,OAAO,EAAE,cAAc,MAAM,UAAU,EAAE,YAAY,GAAG;AAAA,MACjE,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,QAAQ,OAAO,YAAY,GAAG,MAAM,IAAI,KAAK;AAE/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU;AAAA,QACT,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,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,eAAe;AAEnC,eAAe;",
   "names": []
 }

package/components/FitExtent/FitExtent.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import OLMap from "ol/Map";
 import PropTypes from "prop-types";
 import React from "react";
@@ -33,7 +34,7 @@ function FitExtent({
     map.getView().cancelAnimations();
     map.getView().fit(extent, map.getSize());
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className,
@@ -41,9 +42,9 @@ function FitExtent({
       onKeyPress: fit,
       role: "button",
       tabIndex: "0",
-      ...other
-    },
-    children
+      ...other,
+      children
+    }
   );
 }
 FitExtent.propTypes = propTypes;

package/components/FitExtent/FitExtent.js.map

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

package/components/Geolocation/Geolocation.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import Feature from "ol/Feature";
 import Point from "ol/geom/Point";
 import VectorLayer from "ol/layer/Vector";
@@ -65,7 +66,7 @@ const propTypes = {
 };
 const defaultProps = {
   alwaysRecenterToPosition: true,
-  children: /* @__PURE__ */ React.createElement(FaRegDotCircle, { focusable: false }),
+  children: /* @__PURE__ */ jsx(FaRegDotCircle, { focusable: false }),
   className: "rs-geolocation",
   colorOrStyleFunc: [235, 0, 0],
   neverCenterToPosition: false,
@@ -193,7 +194,7 @@ class Geolocation extends PureComponent {
       return propTypes[key] ? props : { ...props, [key]: value };
     }, {});
     const { active } = this.state;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: `${className} ${active ? "rs-active" : ""}`,
@@ -205,9 +206,9 @@ class Geolocation extends PureComponent {
         },
         role: "button",
         tabIndex: "0",
-        ...other
-      },
-      children
+        ...other,
+        children
+      }
     );
   }
   toggle() {

package/components/Geolocation/Geolocation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Geolocation/Geolocation.js"],
-  "sourcesContent": ["import Feature from \"ol/Feature\";\nimport Point from \"ol/geom/Point\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { transform } from \"ol/proj\";\nimport VectorSource from \"ol/source/Vector\";\nimport Circle from \"ol/style/Circle\";\nimport Fill from \"ol/style/Fill\";\nimport Stroke from \"ol/style/Stroke\";\nimport Style from \"ol/style/Style\";\nimport PropTypes from \"prop-types\";\nimport React, { PureComponent } from \"react\";\nimport { FaRegDotCircle } from \"react-icons/fa\";\n\nconst propTypes = {\n  /**\n   * If true, the map will center once on the position then will constantly recenter to the current Position.\n   * If false, the map will center once on the position then will never recenter if the position changes.\n   */\n  alwaysRecenterToPosition: PropTypes.bool,\n\n  /**\n   *  Children content of the Geolocation button.\n   */\n  children: PropTypes.node,\n\n  /**\n   * CSS class of the button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Color (Number array with rgb values) or style function.\n   * If a color is given, the style is animated.\n   */\n  colorOrStyleFunc: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.number),\n    PropTypes.func,\n  ]),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * If true, the map will never center to the current position\n   */\n  neverCenterToPosition: PropTypes.bool,\n\n  /**\n   * If true, the map is not centered after it has been dragged once.\n   */\n  noCenterAfterDrag: PropTypes.bool,\n\n  /**\n   * Function triggered after the geolocation is activated. Takes the ol/map and the component instance as arguments.\n   */\n  onActivate: PropTypes.func,\n\n  /**\n   * Function triggered after the geolocation is deactivated. Takes the ol/map and the component instance as arguments..\n   */\n  onDeactivate: PropTypes.func,\n\n  /**\n   * Function triggered when geolocating is not successful.\n   */\n  onError: PropTypes.func,\n\n  /**\n   * Function triggered after successful geoLocation calls. Takes the ol/map, the current lat/lon coordinate and the component instance as arguments.\n   */\n  onSuccess: PropTypes.func,\n};\n\nconst defaultProps = {\n  alwaysRecenterToPosition: true,\n  children: <FaRegDotCircle focusable={false} />,\n  className: \"rs-geolocation\",\n  colorOrStyleFunc: [235, 0, 0],\n  neverCenterToPosition: false,\n  noCenterAfterDrag: false,\n  onActivate: () => {},\n  onDeactivate: () => {},\n  onError: () => {},\n  onSuccess: () => {},\n};\n\n/**\n * The GeoLocation component creates a button to display the current device's location on an\n * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nclass Geolocation extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.layer = new VectorLayer({\n      source: new VectorSource(),\n    });\n\n    this.isRecenteringToPosition = true;\n\n    this.state = {\n      active: false,\n    };\n    this.point = undefined;\n  }\n\n  activate() {\n    const { map, noCenterAfterDrag, onActivate } = this.props;\n\n    this.projection = map.getView().getProjection().getCode();\n    this.point = new Point([0, 0]);\n    this.highlight();\n    this.layer.setMap(map);\n    this.setState({ active: true });\n\n    this.watch = navigator.geolocation.watchPosition(\n      this.update.bind(this),\n      this.error.bind(this),\n      {\n        enableHighAccuracy: true,\n      },\n    );\n\n    if (noCenterAfterDrag) {\n      this.dragListener = map.on(\"pointerdrag\", () => {\n        this.isRecenteringToPosition = false;\n      });\n    }\n\n    onActivate(map, this);\n  }\n\n  componentWillUnmount() {\n    this.deactivate();\n  }\n\n  deactivate() {\n    const { map, onDeactivate } = this.props;\n    window.clearInterval(this.interval);\n    this.layer.setMap(null);\n    navigator.geolocation.clearWatch(this.watch);\n\n    this.setState({\n      active: false,\n    });\n\n    this.isRecenteringToPosition = true;\n    this.point = undefined;\n    onDeactivate(map, this);\n    unByKey(this.dragListener);\n  }\n\n  error(error) {\n    const { onError } = this.props;\n\n    this.deactivate();\n    onError(error);\n  }\n\n  highlight() {\n    const { colorOrStyleFunc } = this.props;\n    const feature = new Feature({\n      geometry: this.point,\n    });\n\n    if (Array.isArray(colorOrStyleFunc)) {\n      const color = colorOrStyleFunc;\n\n      let decrease = true;\n      let opacity = 0.5;\n      let rotation = 0;\n\n      window.clearInterval(this.interval);\n      this.interval = window.setInterval(() => {\n        rotation += 0.03;\n        decrease = opacity < 0.1 ? false : decrease;\n        decrease = opacity > 0.5 ? true : decrease;\n        opacity += decrease ? -0.03 : 0.03;\n        if (feature) {\n          feature.changed();\n        }\n      }, 50);\n\n      feature.setStyle(() => {\n        const circleStyle = new Style({\n          image: new Circle({\n            fill: new Fill({\n              color: \"rgba(255, 255, 255, 0.01)\",\n            }),\n            radius: 20,\n            rotation,\n            stroke: new Stroke({\n              color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${opacity})`,\n              lineDash: [30, 10],\n              width: 6,\n            }),\n          }),\n        });\n\n        circleStyle.getImage().setRotation(rotation);\n\n        return [\n          new Style({\n            image: new Circle({\n              fill: new Fill({\n                color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.5)`,\n              }),\n              radius: 10,\n            }),\n          }),\n          circleStyle,\n        ];\n      });\n    } else {\n      feature.setStyle(colorOrStyleFunc);\n    }\n\n    this.layer.getSource().clear();\n    this.layer.getSource().addFeature(feature);\n  }\n\n  render() {\n    const { children, className } = this.props;\n    // Remove component props from other HTML props.\n    const other = Object.entries(this.props).reduce((props, [key, value]) => {\n      return propTypes[key] ? props : { ...props, [key]: value };\n    }, {});\n    const { active } = this.state;\n\n    return (\n      <div\n        className={`${className} ${active ? \"rs-active\" : \"\"}`}\n        onClick={() => {\n          return this.toggle();\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && this.toggle();\n        }}\n        role=\"button\"\n        tabIndex=\"0\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...other}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  toggle() {\n    const { active } = this.state;\n    const { onError } = this.props;\n    const geolocation = \"geolocation\" in navigator;\n\n    if (!geolocation) {\n      onError(new Error(\"Geolocation not supported\"));\n    } else if (!active) {\n      this.activate();\n    } else {\n      this.deactivate();\n    }\n  }\n\n  update({ coords: { latitude, longitude } }) {\n    const { alwaysRecenterToPosition, map, neverCenterToPosition, onSuccess } =\n      this.props;\n\n    const position = transform(\n      [longitude, latitude],\n      \"EPSG:4326\",\n      this.projection,\n    );\n    this.point.setCoordinates(position);\n\n    if (!neverCenterToPosition && this.isRecenteringToPosition) {\n      map.getView().setCenter(position);\n      if (!alwaysRecenterToPosition) {\n        this.isRecenteringToPosition = false;\n      }\n    }\n\n    onSuccess(map, [latitude, longitude], this);\n  }\n}\n\nGeolocation.propTypes = propTypes;\nGeolocation.defaultProps = defaultProps;\n\nexport default Geolocation;\n"],
-  "mappings": "AAAA,OAAO,aAAa;AACpB,OAAO,WAAW;AAClB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAClB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,OAAO,kBAAkB;AACzB,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,YAAY;AACnB,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,SAAS,qBAAqB;AACrC,SAAS,sBAAsB;AAE/B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhB,0BAA0B,UAAU;AAAA;AAAA;AAAA;AAAA,EAKpC,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAKpB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrB,kBAAkB,UAAU,UAAU;AAAA,IACpC,UAAU,QAAQ,UAAU,MAAM;AAAA,IAClC,UAAU;AAAA,EACZ,CAAC;AAAA;AAAA;AAAA;AAAA,EAKD,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKjC,uBAAuB,UAAU;AAAA;AAAA;AAAA;AAAA,EAKjC,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA,EAK7B,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAKtB,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA,EAKxB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAKnB,WAAW,UAAU;AACvB;AAEA,MAAM,eAAe;AAAA,EACnB,0BAA0B;AAAA,EAC1B,UAAU,oCAAC,kBAAe,WAAW,OAAO;AAAA,EAC5C,WAAW;AAAA,EACX,kBAAkB,CAAC,KAAK,GAAG,CAAC;AAAA,EAC5B,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,WAAW,MAAM;AAAA,EAAC;AACpB;AAMA,MAAM,oBAAoB,cAAc;AAAA,EACtC,YAAY,OAAO;AACjB,UAAM,KAAK;AAEX,SAAK,QAAQ,IAAI,YAAY;AAAA,MAC3B,QAAQ,IAAI,aAAa;AAAA,IAC3B,CAAC;AAED,SAAK,0BAA0B;AAE/B,SAAK,QAAQ;AAAA,MACX,QAAQ;AAAA,IACV;AACA,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,WAAW;AACT,UAAM,EAAE,KAAK,mBAAmB,WAAW,IAAI,KAAK;AAEpD,SAAK,aAAa,IAAI,QAAQ,EAAE,cAAc,EAAE,QAAQ;AACxD,SAAK,QAAQ,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;AAC7B,SAAK,UAAU;AACf,SAAK,MAAM,OAAO,GAAG;AACrB,SAAK,SAAS,EAAE,QAAQ,KAAK,CAAC;AAE9B,SAAK,QAAQ,UAAU,YAAY;AAAA,MACjC,KAAK,OAAO,KAAK,IAAI;AAAA,MACrB,KAAK,MAAM,KAAK,IAAI;AAAA,MACpB;AAAA,QACE,oBAAoB;AAAA,MACtB;AAAA,IACF;AAEA,QAAI,mBAAmB;AACrB,WAAK,eAAe,IAAI,GAAG,eAAe,MAAM;AAC9C,aAAK,0BAA0B;AAAA,MACjC,CAAC;AAAA,IACH;AAEA,eAAW,KAAK,IAAI;AAAA,EACtB;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,KAAK,aAAa,IAAI,KAAK;AACnC,WAAO,cAAc,KAAK,QAAQ;AAClC,SAAK,MAAM,OAAO,IAAI;AACtB,cAAU,YAAY,WAAW,KAAK,KAAK;AAE3C,SAAK,SAAS;AAAA,MACZ,QAAQ;AAAA,IACV,CAAC;AAED,SAAK,0BAA0B;AAC/B,SAAK,QAAQ;AACb,iBAAa,KAAK,IAAI;AACtB,YAAQ,KAAK,YAAY;AAAA,EAC3B;AAAA,EAEA,MAAM,OAAO;AACX,UAAM,EAAE,QAAQ,IAAI,KAAK;AAEzB,SAAK,WAAW;AAChB,YAAQ,KAAK;AAAA,EACf;AAAA,EAEA,YAAY;AACV,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAClC,UAAM,UAAU,IAAI,QAAQ;AAAA,MAC1B,UAAU,KAAK;AAAA,IACjB,CAAC;AAED,QAAI,MAAM,QAAQ,gBAAgB,GAAG;AACnC,YAAM,QAAQ;AAEd,UAAI,WAAW;AACf,UAAI,UAAU;AACd,UAAI,WAAW;AAEf,aAAO,cAAc,KAAK,QAAQ;AAClC,WAAK,WAAW,OAAO,YAAY,MAAM;AACvC,oBAAY;AACZ,mBAAW,UAAU,MAAM,QAAQ;AACnC,mBAAW,UAAU,MAAM,OAAO;AAClC,mBAAW,WAAW,QAAQ;AAC9B,YAAI,SAAS;AACX,kBAAQ,QAAQ;AAAA,QAClB;AAAA,MACF,GAAG,EAAE;AAEL,cAAQ,SAAS,MAAM;AACrB,cAAM,cAAc,IAAI,MAAM;AAAA,UAC5B,OAAO,IAAI,OAAO;AAAA,YAChB,MAAM,IAAI,KAAK;AAAA,cACb,OAAO;AAAA,YACT,CAAC;AAAA,YACD,QAAQ;AAAA,YACR;AAAA,YACA,QAAQ,IAAI,OAAO;AAAA,cACjB,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,KAAK,OAAO;AAAA,cAC7D,UAAU,CAAC,IAAI,EAAE;AAAA,cACjB,OAAO;AAAA,YACT,CAAC;AAAA,UACH,CAAC;AAAA,QACH,CAAC;AAED,oBAAY,SAAS,EAAE,YAAY,QAAQ;AAE3C,eAAO;AAAA,UACL,IAAI,MAAM;AAAA,YACR,OAAO,IAAI,OAAO;AAAA,cAChB,MAAM,IAAI,KAAK;AAAA,gBACb,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;AAAA,cACnD,CAAC;AAAA,cACD,QAAQ;AAAA,YACV,CAAC;AAAA,UACH,CAAC;AAAA,UACD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,cAAQ,SAAS,gBAAgB;AAAA,IACnC;AAEA,SAAK,MAAM,UAAU,EAAE,MAAM;AAC7B,SAAK,MAAM,UAAU,EAAE,WAAW,OAAO;AAAA,EAC3C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,UAAU,IAAI,KAAK;AAErC,UAAM,QAAQ,OAAO,QAAQ,KAAK,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM;AACvE,aAAO,UAAU,GAAG,IAAI,QAAQ,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,MAAM;AAAA,IAC3D,GAAG,CAAC,CAAC;AACL,UAAM,EAAE,OAAO,IAAI,KAAK;AAExB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,SAAS,IAAI,SAAS,cAAc,EAAE;AAAA,QACpD,SAAS,MAAM;AACb,iBAAO,KAAK,OAAO;AAAA,QACrB;AAAA,QACA,YAAY,CAAC,MAAM;AACjB,iBAAO,EAAE,UAAU,MAAM,KAAK,OAAO;AAAA,QACvC;AAAA,QACA,MAAK;AAAA,QACL,UAAS;AAAA,QAER,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAM,cAAc,iBAAiB;AAErC,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,MAAM,2BAA2B,CAAC;AAAA,IAChD,WAAW,CAAC,QAAQ;AAClB,WAAK,SAAS;AAAA,IAChB,OAAO;AACL,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO,EAAE,QAAQ,EAAE,UAAU,UAAU,EAAE,GAAG;AAC1C,UAAM,EAAE,0BAA0B,KAAK,uBAAuB,UAAU,IACtE,KAAK;AAEP,UAAM,WAAW;AAAA,MACf,CAAC,WAAW,QAAQ;AAAA,MACpB;AAAA,MACA,KAAK;AAAA,IACP;AACA,SAAK,MAAM,eAAe,QAAQ;AAElC,QAAI,CAAC,yBAAyB,KAAK,yBAAyB;AAC1D,UAAI,QAAQ,EAAE,UAAU,QAAQ;AAChC,UAAI,CAAC,0BAA0B;AAC7B,aAAK,0BAA0B;AAAA,MACjC;AAAA,IACF;AAEA,cAAU,KAAK,CAAC,UAAU,SAAS,GAAG,IAAI;AAAA,EAC5C;AACF;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAE3B,eAAe;",
+  "sourcesContent": ["import Feature from \"ol/Feature\";\nimport Point from \"ol/geom/Point\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { transform } from \"ol/proj\";\nimport VectorSource from \"ol/source/Vector\";\nimport Circle from \"ol/style/Circle\";\nimport Fill from \"ol/style/Fill\";\nimport Stroke from \"ol/style/Stroke\";\nimport Style from \"ol/style/Style\";\nimport PropTypes from \"prop-types\";\nimport React, { PureComponent } from \"react\";\nimport { FaRegDotCircle } from \"react-icons/fa\";\n\nconst propTypes = {\n  /**\n   * If true, the map will center once on the position then will constantly recenter to the current Position.\n   * If false, the map will center once on the position then will never recenter if the position changes.\n   */\n  alwaysRecenterToPosition: PropTypes.bool,\n\n  /**\n   *  Children content of the Geolocation button.\n   */\n  children: PropTypes.node,\n\n  /**\n   * CSS class of the button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Color (Number array with rgb values) or style function.\n   * If a color is given, the style is animated.\n   */\n  colorOrStyleFunc: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.number),\n    PropTypes.func,\n  ]),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * If true, the map will never center to the current position\n   */\n  neverCenterToPosition: PropTypes.bool,\n\n  /**\n   * If true, the map is not centered after it has been dragged once.\n   */\n  noCenterAfterDrag: PropTypes.bool,\n\n  /**\n   * Function triggered after the geolocation is activated. Takes the ol/map and the component instance as arguments.\n   */\n  onActivate: PropTypes.func,\n\n  /**\n   * Function triggered after the geolocation is deactivated. Takes the ol/map and the component instance as arguments..\n   */\n  onDeactivate: PropTypes.func,\n\n  /**\n   * Function triggered when geolocating is not successful.\n   */\n  onError: PropTypes.func,\n\n  /**\n   * Function triggered after successful geoLocation calls. Takes the ol/map, the current lat/lon coordinate and the component instance as arguments.\n   */\n  onSuccess: PropTypes.func,\n};\n\nconst defaultProps = {\n  alwaysRecenterToPosition: true,\n  children: <FaRegDotCircle focusable={false} />,\n  className: \"rs-geolocation\",\n  colorOrStyleFunc: [235, 0, 0],\n  neverCenterToPosition: false,\n  noCenterAfterDrag: false,\n  onActivate: () => {},\n  onDeactivate: () => {},\n  onError: () => {},\n  onSuccess: () => {},\n};\n\n/**\n * The GeoLocation component creates a button to display the current device's location on an\n * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nclass Geolocation extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.layer = new VectorLayer({\n      source: new VectorSource(),\n    });\n\n    this.isRecenteringToPosition = true;\n\n    this.state = {\n      active: false,\n    };\n    this.point = undefined;\n  }\n\n  activate() {\n    const { map, noCenterAfterDrag, onActivate } = this.props;\n\n    this.projection = map.getView().getProjection().getCode();\n    this.point = new Point([0, 0]);\n    this.highlight();\n    this.layer.setMap(map);\n    this.setState({ active: true });\n\n    this.watch = navigator.geolocation.watchPosition(\n      this.update.bind(this),\n      this.error.bind(this),\n      {\n        enableHighAccuracy: true,\n      },\n    );\n\n    if (noCenterAfterDrag) {\n      this.dragListener = map.on(\"pointerdrag\", () => {\n        this.isRecenteringToPosition = false;\n      });\n    }\n\n    onActivate(map, this);\n  }\n\n  componentWillUnmount() {\n    this.deactivate();\n  }\n\n  deactivate() {\n    const { map, onDeactivate } = this.props;\n    window.clearInterval(this.interval);\n    this.layer.setMap(null);\n    navigator.geolocation.clearWatch(this.watch);\n\n    this.setState({\n      active: false,\n    });\n\n    this.isRecenteringToPosition = true;\n    this.point = undefined;\n    onDeactivate(map, this);\n    unByKey(this.dragListener);\n  }\n\n  error(error) {\n    const { onError } = this.props;\n\n    this.deactivate();\n    onError(error);\n  }\n\n  highlight() {\n    const { colorOrStyleFunc } = this.props;\n    const feature = new Feature({\n      geometry: this.point,\n    });\n\n    if (Array.isArray(colorOrStyleFunc)) {\n      const color = colorOrStyleFunc;\n\n      let decrease = true;\n      let opacity = 0.5;\n      let rotation = 0;\n\n      window.clearInterval(this.interval);\n      this.interval = window.setInterval(() => {\n        rotation += 0.03;\n        decrease = opacity < 0.1 ? false : decrease;\n        decrease = opacity > 0.5 ? true : decrease;\n        opacity += decrease ? -0.03 : 0.03;\n        if (feature) {\n          feature.changed();\n        }\n      }, 50);\n\n      feature.setStyle(() => {\n        const circleStyle = new Style({\n          image: new Circle({\n            fill: new Fill({\n              color: \"rgba(255, 255, 255, 0.01)\",\n            }),\n            radius: 20,\n            rotation,\n            stroke: new Stroke({\n              color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${opacity})`,\n              lineDash: [30, 10],\n              width: 6,\n            }),\n          }),\n        });\n\n        circleStyle.getImage().setRotation(rotation);\n\n        return [\n          new Style({\n            image: new Circle({\n              fill: new Fill({\n                color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.5)`,\n              }),\n              radius: 10,\n            }),\n          }),\n          circleStyle,\n        ];\n      });\n    } else {\n      feature.setStyle(colorOrStyleFunc);\n    }\n\n    this.layer.getSource().clear();\n    this.layer.getSource().addFeature(feature);\n  }\n\n  render() {\n    const { children, className } = this.props;\n    // Remove component props from other HTML props.\n    const other = Object.entries(this.props).reduce((props, [key, value]) => {\n      return propTypes[key] ? props : { ...props, [key]: value };\n    }, {});\n    const { active } = this.state;\n\n    return (\n      <div\n        className={`${className} ${active ? \"rs-active\" : \"\"}`}\n        onClick={() => {\n          return this.toggle();\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && this.toggle();\n        }}\n        role=\"button\"\n        tabIndex=\"0\"\n        {...other}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  toggle() {\n    const { active } = this.state;\n    const { onError } = this.props;\n    const geolocation = \"geolocation\" in navigator;\n\n    if (!geolocation) {\n      onError(new Error(\"Geolocation not supported\"));\n    } else if (!active) {\n      this.activate();\n    } else {\n      this.deactivate();\n    }\n  }\n\n  update({ coords: { latitude, longitude } }) {\n    const { alwaysRecenterToPosition, map, neverCenterToPosition, onSuccess } =\n      this.props;\n\n    const position = transform(\n      [longitude, latitude],\n      \"EPSG:4326\",\n      this.projection,\n    );\n    this.point.setCoordinates(position);\n\n    if (!neverCenterToPosition && this.isRecenteringToPosition) {\n      map.getView().setCenter(position);\n      if (!alwaysRecenterToPosition) {\n        this.isRecenteringToPosition = false;\n      }\n    }\n\n    onSuccess(map, [latitude, longitude], this);\n  }\n}\n\nGeolocation.propTypes = propTypes;\nGeolocation.defaultProps = defaultProps;\n\nexport default Geolocation;\n"],
+  "mappings": "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",
   "names": []
 }

package/components/LayerTree/LayerTree.js

@@ -1,3 +1,4 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Layer from "ol/layer/Layer";
 import { unByKey } from "ol/Observable";
 import { getUid } from "ol/util";
@@ -159,9 +160,13 @@ class LayerTree extends Component {
     };
     this.olKeys = [];
   }
-  static getChildren = (layer) => layer?.get("children") || layer?.children || // ol.layer.group
-  layer?.getLayers?.().getArray() || [];
-  static getVisible = (layer) => layer.getVisible ? layer.getVisible() : layer.visible;
+  static getChildren = (layer) => {
+    return layer?.get("children") || layer?.children || // ol.layer.group
+    layer?.getLayers?.().getArray() || [];
+  };
+  static getVisible = (layer) => {
+    return layer.getVisible ? layer.getVisible() : layer.visible;
+  };
   static listenGroups = (layers) => {
     const flat = getLayersAsFlatArray(layers);
     const keys = flat.map((layer) => {
@@ -248,7 +253,7 @@ class LayerTree extends Component {
   }
   render() {
     const { className } = this.props;
-    return /* @__PURE__ */ React.createElement("div", { className }, this.renderTree());
+    return /* @__PURE__ */ jsx("div", { className, children: this.renderTree() });
   }
   renderArrow(layer) {
     const { isItemHidden } = this.props;
@@ -258,7 +263,7 @@ class LayerTree extends Component {
     }).length || layer.get("isAlwaysExpanded")) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: `rs-layer-tree-arrow rs-layer-tree-arrow-${!expandedLayers.includes(layer) ? "collapsed" : "expanded"}`
@@ -275,8 +280,8 @@ class LayerTree extends Component {
     }
     const inputType = layer.get("group") ? "radio" : "checkbox";
     return renderCheckbox ? renderCheckbox(layer, this, inputProps) : (
-      // eslint-disable-next-line jsx-a11y/label-has-associated-control,jsx-a11y/no-noninteractive-element-interactions
-      /* @__PURE__ */ React.createElement(
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+      /* @__PURE__ */ jsxs(
         "label",
         {
           className: `rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`,
@@ -286,22 +291,24 @@ class LayerTree extends Component {
             }
           },
           tabIndex,
-          title: LayerTree.getVisible(layer) ? titles.layerHide : titles.layerShow
-        },
-        /* @__PURE__ */ React.createElement(
-          "input",
-          {
-            checked: LayerTree.getVisible(layer),
-            onClick: () => {
-              return this.onInputClick(layer);
-            },
-            readOnly: true,
-            tabIndex: -1,
-            type: inputType,
-            ...inputProps
-          }
-        ),
-        /* @__PURE__ */ React.createElement("span", null)
+          title: LayerTree.getVisible(layer) ? titles.layerHide : titles.layerShow,
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                checked: LayerTree.getVisible(layer),
+                onClick: () => {
+                  return this.onInputClick(layer);
+                },
+                readOnly: true,
+                tabIndex: -1,
+                type: inputType,
+                ...inputProps
+              }
+            ),
+            /* @__PURE__ */ jsx("span", {})
+          ]
+        }
       )
     );
   }
@@ -324,31 +331,36 @@ class LayerTree extends Component {
     if (renderItem) {
       return renderItem(layer, this.onInputClick, this.onToggle);
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: getParentClassName(),
-        key: layer.key || layer.get("key") || layer.get("name") || getUid(layer)
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `rs-layer-tree-item ${LayerTree.getVisible(layer) ? "rs-visible" : ""}`,
+              style: {
+                paddingLeft: `${padding * level}px`
+              },
+              children: renderItemContent ? renderItemContent(layer, this) : this.renderItemContent(layer)
+            }
+          ),
+          renderBeforeItem?.(layer, level, this),
+          [...children].reverse().map((child) => {
+            return this.renderItem(child, level + 1);
+          }),
+          renderAfterItem?.(layer, level, this)
+        ]
       },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `rs-layer-tree-item ${LayerTree.getVisible(layer) ? "rs-visible" : ""}`,
-          style: {
-            paddingLeft: `${padding * level}px`
-          }
-        },
-        renderItemContent ? renderItemContent(layer, this) : this.renderItemContent(layer)
-      ),
-      renderBeforeItem && renderBeforeItem(layer, level, this),
-      [...children].reverse().map((child) => {
-        return this.renderItem(child, level + 1);
-      }),
-      renderAfterItem && renderAfterItem(layer, level, this)
+      layer.key || layer.get("key") || layer.get("name") || getUid(layer)
     );
   }
   renderItemContent(layer, inputProps = {}, toggleProps = {}) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, this.renderInput(layer, inputProps), this.renderToggleButton(layer, toggleProps));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      this.renderInput(layer, inputProps),
+      this.renderToggleButton(layer, toggleProps)
+    ] });
   }
   // Render a button which expands/collapse the layer if there is children
   // or simulate a click on the input otherwise.
@@ -364,7 +376,7 @@ class LayerTree extends Component {
       );
     };
     const title = `${renderLabel(layer, this)} ${expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow}`;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         "aria-expanded": expandedLayers.includes(layer),
@@ -375,10 +387,12 @@ class LayerTree extends Component {
         role: "button",
         tabIndex: 0,
         title,
-        ...toggleProps
-      },
-      /* @__PURE__ */ React.createElement("div", null, renderLabel(layer, this)),
-      this.renderArrow(layer)
+        ...toggleProps,
+        children: [
+          /* @__PURE__ */ jsx("div", { children: renderLabel(layer, this) }),
+          this.renderArrow(layer)
+        ]
+      }
     );
   }
   renderTree() {
@@ -387,11 +401,11 @@ class LayerTree extends Component {
     if (!LayerTree.getChildren(rootLayer).length) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, LayerTree.getChildren(rootLayer).filter((l) => {
+    return /* @__PURE__ */ jsx(Fragment, { children: LayerTree.getChildren(rootLayer).filter((l) => {
       return !isItemHidden(l);
     }).reverse().map((l) => {
       return this.renderItem(l, 0);
-    }));
+    }) });
   }
   updateLayers() {
     const { expandChildren, layers } = this.props;
@@ -431,7 +445,9 @@ class LayerTree extends Component {
             if (parent) {
               parent.setVisible(true);
             }
-            if (children && !children.some((child) => child.getVisible())) {
+            if (children && !children.some((child) => {
+              return child.getVisible();
+            })) {
               children.forEach((child) => {
                 child.setVisible(true);
               });
@@ -440,7 +456,9 @@ class LayerTree extends Component {
             children.forEach((child) => {
               child.setVisible(false);
             });
-            if (parent?.getVisible() && !parent?.get("children").find((child) => child.getVisible())) {
+            if (parent?.getVisible() && !parent?.get("children").find((child) => {
+              return child.getVisible();
+            })) {
               parent.setVisible(false);
             }
           }

package/components/LayerTree/LayerTree.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/LayerTree/LayerTree.js"],
-  "sourcesContent": ["import Layer from \"ol/layer/Layer\";\nimport { unByKey } from \"ol/Observable\";\nimport { getUid } from \"ol/util\";\nimport PropTypes from \"prop-types\";\nimport React, { Component } from \"react\";\n\nimport getLayersAsFlatArray from \"../../utils/getLayersAsFlatArray\";\n\nconst propTypes = {\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Boolean determining whether children collapse/expand when their parent is toggled\n   * @param {...(boolean|function)} expandChildren Boolean or function returning a boolean.\n   * @return {boolean} True or false\n   */\n  expandChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n\n  /**\n   * Determine the className used by the div containing the parent and its children.\n   */\n  getParentClassName: PropTypes.func,\n\n  /**\n   * Determine if the item is hidden in the tree or not.\n   *\n   * @param {object} item The item to hide or not.\n   *\n   * @return {bool} true if the item is not displayed in the tree\n   */\n  isItemHidden: PropTypes.func,\n\n  /**\n   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * Padding left to apply on each level.\n   */\n  padding: PropTypes.number,\n\n  /**\n   * Custom function to render custom content after the list of children of an item.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderAfterItem: PropTypes.func,\n\n  /**\n   * Custom function to render custom content before the list of children of an item.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderBeforeItem: PropTypes.func,\n\n  /**\n   * Custom function to render the checkbox.\n   */\n  renderCheckbox: PropTypes.func,\n\n  /**\n   * Custom function to render an item in the tree.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItem: PropTypes.func,\n\n  /**\n   * Custom function to render only the content of an item in the tree.\n   * inputProps und toggleProps can be used when calling the default renderItemContent function\n   * (comp.renderItemContent(layer, inputProps, toggleProps)) to overwrite the default input and label props\n   *\n   * @param {Layer} layer The layer the item content is created for\n   * @param {LayerTree} comp The LayerTree component.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItemContent: PropTypes.func,\n\n  /**\n   * Custom function to render the label.\n   *\n   * @param {string} item The label to render.\n   * @param {LayerTree} comp The LayerTree component.\n   *\n   * @return {node} A jsx node.\n   */\n  renderLabel: PropTypes.func,\n\n  /**\n   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: PropTypes.func,\n\n  /**\n   * Object holding title for the layer tree's buttons.\n   */\n  titles: PropTypes.shape({\n    /**\n     * aria-label on checkbox to hide layer.\n     */\n    layerHide: PropTypes.string,\n    /**\n     * aria-label on checkbox to show layer.\n     */\n    layerShow: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerHide: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerShow: PropTypes.string,\n  }),\n};\n\nconst defaultProps = {\n  className: \"rs-layer-tree\",\n  expandChildren: false,\n  getParentClassName: () => {\n    return undefined;\n  },\n  isItemHidden: () => {\n    return false;\n  },\n  layers: [],\n  padding: 30,\n  renderAfterItem: null,\n  renderBeforeItem: null,\n  renderCheckbox: null,\n  renderItem: null,\n  renderItemContent: null,\n  renderLabel: (layer) => {\n    return layer?.get(\"name\") || \"\";\n  },\n  t: (s) => {\n    return s;\n  },\n  titles: {\n    layerHide: \"Hide layer\",\n    layerShow: \"Show layer\",\n    subLayerHide: \"Hide sublayer\",\n    subLayerShow: \"Show sublayer\",\n  },\n};\n\n/**\n * The LayerTree component renders an interface for toggling layers visibility.\n * and their corresponding child layers.\n */\n\nclass LayerTree extends Component {\n  constructor(props) {\n    super(props);\n\n    const { isItemHidden, layers } = this.props;\n    const initialExpandedLayers = layers\n      ? this.getExpandedLayers(\n          layers.filter((l) => {\n            return (\n              !isItemHidden(l) &&\n              LayerTree.getChildren(l)\n                .filter((child) => {\n                  return LayerTree.getVisible(child);\n                })\n                .filter((c) => {\n                  return !isItemHidden(c);\n                }).length\n            );\n          }),\n        )\n      : [];\n\n    this.state = {\n      expandedLayers: initialExpandedLayers,\n      revision: 0,\n      rootLayer: new Layer({}),\n    };\n    // this.updateLayers = this.updateLayers.bind(this);\n    this.olKeys = [];\n  }\n\n  static getChildren = (layer) =>\n    layer?.get(\"children\") ||\n    layer?.children ||\n    // ol.layer.group\n    layer?.getLayers?.().getArray() ||\n    [];\n\n  static getVisible = (layer) =>\n    layer.getVisible ? layer.getVisible() : layer.visible;\n\n  static listenGroups = (layers) => {\n    const flat = getLayersAsFlatArray(layers);\n    const keys = flat.map((layer) => {\n      return layer.on(\"change:visible\", (e) => {\n        const { target } = e;\n        if (target.getVisible() && target.get(\"group\")) {\n          flat.forEach((l) => {\n            if (l.get(\"group\") === target.get(\"group\") && l !== target) {\n              l.setVisible(false);\n            }\n          });\n        }\n      });\n    });\n    return keys;\n  };\n\n  static setVisible = (layer, visible) => {\n    if (layer.setVisible) {\n      layer.setVisible(visible);\n      return;\n    }\n    // eslint-disable-next-line no-param-reassign\n    layer.visible = visible;\n  };\n\n  componentDidMount() {\n    this.updateLayers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { layers } = this.props;\n\n    if (layers !== prevProps.layers) {\n      this.updateLayers();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey(this.olKeys);\n    this.olKeys = [];\n  }\n\n  expandLayer(layer, expLayers = []) {\n    const { isItemHidden } = this.props;\n    if (LayerTree.getVisible(layer) && !isItemHidden(layer)) {\n      const children = LayerTree.getChildren(layer)\n        .filter((c) => {\n          return !isItemHidden(c) && !c.get(\"isAlwaysExpanded\");\n        })\n        .flatMap((c) => {\n          return this.expandLayer(c, expLayers);\n        });\n      return [...expLayers, ...children, layer];\n    }\n    return expLayers;\n  }\n\n  /**\n   * Get the always expanded ancestors (isAlwaysExpanded=true) of the given layers\n   * together with the (given) initially expanded layers\n   *\n   * @param  {Layer} layers Initially expanded layers\n   * @return {Array.<Layer>} Initially expanded layers and all its always expanded ancestors\n   */\n  getExpandedLayers(layers) {\n    const { isItemHidden } = this.props;\n    const children = layers.flatMap((l) => {\n      return LayerTree.getChildren(l).filter((c) => {\n        return !isItemHidden(c) && c.get(\"isAlwaysExpanded\");\n      });\n    });\n\n    if (!children.length) {\n      return layers;\n    }\n    return [...layers, this.getExpandedLayers(children)].flat();\n  }\n\n  onInputClick(layer, toggle = false) {\n    if (toggle) {\n      this.onToggle(layer);\n    } else {\n      LayerTree.setVisible(layer, !LayerTree.getVisible(layer));\n    }\n  }\n\n  onToggle(layer) {\n    const { expandedLayers } = this.state;\n    const pos = expandedLayers.indexOf(layer);\n    if (pos > -1) {\n      expandedLayers.splice(pos, 1);\n    } else {\n      expandedLayers.push(...this.getExpandedLayers([layer]));\n    }\n    this.setState({ expandedLayers });\n  }\n\n  render() {\n    const { className } = this.props;\n    return <div className={className}>{this.renderTree()}</div>;\n  }\n\n  renderArrow(layer) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n\n    if (\n      !LayerTree.getChildren(layer).filter((c) => {\n        return !isItemHidden(c);\n      }).length ||\n      layer.get(\"isAlwaysExpanded\")\n    ) {\n      return null;\n    }\n\n    return (\n      <div\n        className={`rs-layer-tree-arrow rs-layer-tree-arrow-${\n          !expandedLayers.includes(layer) ? \"collapsed\" : \"expanded\"\n        }`}\n      />\n    );\n  }\n\n  renderInput(layer, inputProps) {\n    const { isItemHidden, renderCheckbox, titles } = this.props;\n    let tabIndex = 0;\n\n    if (\n      !LayerTree.getChildren(layer).filter((c) => {\n        return !isItemHidden(c);\n      }).length\n    ) {\n      // We forbid focus on keypress event for first level layers and layers without children.\n      tabIndex = -1;\n    }\n\n    const inputType = layer.get(\"group\") ? \"radio\" : \"checkbox\";\n    return renderCheckbox ? (\n      renderCheckbox(layer, this, inputProps)\n    ) : (\n      // eslint-disable-next-line jsx-a11y/label-has-associated-control,jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={`rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            this.onInputClick(layer);\n          }\n        }}\n        tabIndex={tabIndex}\n        title={\n          LayerTree.getVisible(layer) ? titles.layerHide : titles.layerShow\n        }\n      >\n        <input\n          checked={LayerTree.getVisible(layer)}\n          onClick={() => {\n            return this.onInputClick(layer);\n          }}\n          readOnly\n          tabIndex={-1}\n          type={inputType}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...inputProps}\n        />\n        <span />\n      </label>\n    );\n  }\n\n  renderItem(layer, level) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n    const {\n      getParentClassName,\n      padding,\n      renderAfterItem,\n      renderBeforeItem,\n      renderItem,\n      renderItemContent,\n    } = this.props;\n\n    const children = expandedLayers.includes(layer)\n      ? [\n          ...LayerTree.getChildren(layer).filter((c) => {\n            return !isItemHidden(c);\n          }),\n        ]\n      : [];\n\n    if (renderItem) {\n      return renderItem(layer, this.onInputClick, this.onToggle);\n    }\n\n    return (\n      <div\n        className={getParentClassName()}\n        key={\n          layer.key || layer.get(\"key\") || layer.get(\"name\") || getUid(layer)\n        }\n      >\n        <div\n          className={`rs-layer-tree-item ${LayerTree.getVisible(layer) ? \"rs-visible\" : \"\"}`}\n          style={{\n            paddingLeft: `${padding * level}px`,\n          }}\n        >\n          {renderItemContent\n            ? renderItemContent(layer, this)\n            : this.renderItemContent(layer)}\n        </div>\n        {renderBeforeItem && renderBeforeItem(layer, level, this)}\n        {[...children].reverse().map((child) => {\n          return this.renderItem(child, level + 1);\n        })}\n        {renderAfterItem && renderAfterItem(layer, level, this)}\n      </div>\n    );\n  }\n\n  renderItemContent(layer, inputProps = {}, toggleProps = {}) {\n    return (\n      <>\n        {this.renderInput(layer, inputProps)}\n        {this.renderToggleButton(layer, toggleProps)}\n      </>\n    );\n  }\n\n  // Render a button which expands/collapse the layer if there is children\n  // or simulate a click on the input otherwise.\n  renderToggleButton(layer, toggleProps) {\n    const { isItemHidden, renderLabel, titles } = this.props;\n    const { expandedLayers } = this.state;\n\n    const onInputClick = () => {\n      this.onInputClick(\n        layer,\n        LayerTree.getChildren(layer).filter((c) => {\n          return !isItemHidden(c);\n        }).length && !layer.get(\"isAlwaysExpanded\"),\n      );\n    };\n    const title = `${renderLabel(layer, this)} ${\n      expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow\n    }`;\n\n    return (\n      <div\n        aria-expanded={expandedLayers.includes(layer)}\n        aria-label={title}\n        className=\"rs-layer-tree-toggle\"\n        onClick={onInputClick}\n        onKeyPress={onInputClick}\n        role=\"button\"\n        tabIndex={0}\n        title={title}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...toggleProps}\n      >\n        <div>{renderLabel(layer, this)}</div>\n        {this.renderArrow(layer)}\n      </div>\n    );\n  }\n\n  renderTree() {\n    const { isItemHidden } = this.props;\n    const { rootLayer } = this.state;\n\n    if (!LayerTree.getChildren(rootLayer).length) {\n      return null;\n    }\n\n    return (\n      <>\n        {LayerTree.getChildren(rootLayer)\n          .filter((l) => {\n            return !isItemHidden(l);\n          })\n          .reverse()\n          .map((l) => {\n            return this.renderItem(l, 0);\n          })}\n      </>\n    );\n  }\n\n  updateLayers() {\n    const { expandChildren, layers } = this.props;\n\n    // Update the root layer\n    let rootLayer = new Layer({});\n    if (Array.isArray(layers)) {\n      if (layers.length === 1) {\n        [rootLayer] = layers;\n      }\n      rootLayer = new Layer({ children: layers });\n    } else {\n      rootLayer = layers;\n    }\n\n    const flat = getLayersAsFlatArray(rootLayer);\n    flat.forEach((layer) => {\n      this.olKeys.push(\n        layer.on(\"propertychange\", () => {\n          const { revision } = this.state;\n          this.setState({ revision: revision + 1 });\n        }),\n\n        // Manage group visibility\n        layer.on(\"change:visible\", (evt) => {\n          const { target } = evt;\n          if (target.getVisible() && target.get(\"group\")) {\n            flat.forEach((l) => {\n              if (l.get(\"group\") === target.get(\"group\") && l !== target) {\n                l.setVisible(false);\n              }\n            });\n          }\n        }),\n\n        // Manage parent/children visibility\n        layer.on(\"change:visible\", (evt) => {\n          const { target } = evt;\n          const parent = target.get(\"parent\");\n          const children = LayerTree.getChildren(target);\n\n          if (target.getVisible()) {\n            // We make the parent visible\n            if (parent) {\n              parent.setVisible(true);\n            }\n\n            // If children doesn't contain any visible layers, we display all children.\n            if (children && !children.some((child) => child.getVisible())) {\n              children.forEach((child) => {\n                child.setVisible(true);\n              });\n            }\n          } else {\n            // We hide all the children\n            children.forEach((child) => {\n              child.setVisible(false);\n            });\n\n            // If the parent has no more visible child we also hide it.\n            if (\n              parent?.getVisible() &&\n              !parent?.get(\"children\").find((child) => child.getVisible())\n            ) {\n              parent.setVisible(false);\n            }\n          }\n        }),\n      );\n    });\n\n    // Set parent property.\n    flat.forEach((layer) => {\n      const children = LayerTree.getChildren(layer);\n      children.forEach((child) => {\n        child.set(\"parent\", layer);\n      });\n    });\n\n    const state = { rootLayer };\n    if (\n      typeof expandChildren === \"function\"\n        ? expandChildren(layers)\n        : expandChildren\n    ) {\n      const children = LayerTree.getChildren(rootLayer);\n      state.expandedLayers = children.flatMap((l) => {\n        return this.expandLayer(l);\n      });\n    }\n\n    this.setState(state);\n  }\n}\n\nLayerTree.propTypes = propTypes;\nLayerTree.defaultProps = defaultProps;\n\nexport default LayerTree;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import Layer from \"ol/layer/Layer\";\nimport { unByKey } from \"ol/Observable\";\nimport { getUid } from \"ol/util\";\nimport PropTypes from \"prop-types\";\nimport React, { Component } from \"react\";\n\nimport getLayersAsFlatArray from \"../../utils/getLayersAsFlatArray\";\n\nconst propTypes = {\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Boolean determining whether children collapse/expand when their parent is toggled\n   * @param {...(boolean|function)} expandChildren Boolean or function returning a boolean.\n   * @return {boolean} True or false\n   */\n  expandChildren: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n\n  /**\n   * Determine the className used by the div containing the parent and its children.\n   */\n  getParentClassName: PropTypes.func,\n\n  /**\n   * Determine if the item is hidden in the tree or not.\n   *\n   * @param {object} item The item to hide or not.\n   *\n   * @return {bool} true if the item is not displayed in the tree\n   */\n  isItemHidden: PropTypes.func,\n\n  /**\n   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * Padding left to apply on each level.\n   */\n  padding: PropTypes.number,\n\n  /**\n   * Custom function to render custom content after the list of children of an item.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderAfterItem: PropTypes.func,\n\n  /**\n   * Custom function to render custom content before the list of children of an item.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderBeforeItem: PropTypes.func,\n\n  /**\n   * Custom function to render the checkbox.\n   */\n  renderCheckbox: PropTypes.func,\n\n  /**\n   * Custom function to render an item in the tree.\n   *\n   * @param {object} item The item to render.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItem: PropTypes.func,\n\n  /**\n   * Custom function to render only the content of an item in the tree.\n   * inputProps und toggleProps can be used when calling the default renderItemContent function\n   * (comp.renderItemContent(layer, inputProps, toggleProps)) to overwrite the default input and label props\n   *\n   * @param {Layer} layer The layer the item content is created for\n   * @param {LayerTree} comp The LayerTree component.\n   *\n   * @return {node} A jsx node.\n   */\n  renderItemContent: PropTypes.func,\n\n  /**\n   * Custom function to render the label.\n   *\n   * @param {string} item The label to render.\n   * @param {LayerTree} comp The LayerTree component.\n   *\n   * @return {node} A jsx node.\n   */\n  renderLabel: PropTypes.func,\n\n  /**\n   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: PropTypes.func,\n\n  /**\n   * Object holding title for the layer tree's buttons.\n   */\n  titles: PropTypes.shape({\n    /**\n     * aria-label on checkbox to hide layer.\n     */\n    layerHide: PropTypes.string,\n    /**\n     * aria-label on checkbox to show layer.\n     */\n    layerShow: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerHide: PropTypes.string,\n    /**\n     * title on button to show sublayers.\n     */\n    subLayerShow: PropTypes.string,\n  }),\n};\n\nconst defaultProps = {\n  className: \"rs-layer-tree\",\n  expandChildren: false,\n  getParentClassName: () => {\n    return undefined;\n  },\n  isItemHidden: () => {\n    return false;\n  },\n  layers: [],\n  padding: 30,\n  renderAfterItem: null,\n  renderBeforeItem: null,\n  renderCheckbox: null,\n  renderItem: null,\n  renderItemContent: null,\n  renderLabel: (layer) => {\n    return layer?.get(\"name\") || \"\";\n  },\n  t: (s) => {\n    return s;\n  },\n  titles: {\n    layerHide: \"Hide layer\",\n    layerShow: \"Show layer\",\n    subLayerHide: \"Hide sublayer\",\n    subLayerShow: \"Show sublayer\",\n  },\n};\n\n/**\n * The LayerTree component renders an interface for toggling layers visibility.\n * and their corresponding child layers.\n */\n\nclass LayerTree extends Component {\n  constructor(props) {\n    super(props);\n\n    const { isItemHidden, layers } = this.props;\n    const initialExpandedLayers = layers\n      ? this.getExpandedLayers(\n          layers.filter((l) => {\n            return (\n              !isItemHidden(l) &&\n              LayerTree.getChildren(l)\n                .filter((child) => {\n                  return LayerTree.getVisible(child);\n                })\n                .filter((c) => {\n                  return !isItemHidden(c);\n                }).length\n            );\n          }),\n        )\n      : [];\n\n    this.state = {\n      expandedLayers: initialExpandedLayers,\n      revision: 0,\n      rootLayer: new Layer({}),\n    };\n    // this.updateLayers = this.updateLayers.bind(this);\n    this.olKeys = [];\n  }\n\n  static getChildren = (layer) => {\n    return (\n      layer?.get(\"children\") ||\n      layer?.children ||\n      // ol.layer.group\n      layer?.getLayers?.().getArray() ||\n      []\n    );\n  };\n\n  static getVisible = (layer) => {\n    return layer.getVisible ? layer.getVisible() : layer.visible;\n  };\n\n  static listenGroups = (layers) => {\n    const flat = getLayersAsFlatArray(layers);\n    const keys = flat.map((layer) => {\n      return layer.on(\"change:visible\", (e) => {\n        const { target } = e;\n        if (target.getVisible() && target.get(\"group\")) {\n          flat.forEach((l) => {\n            if (l.get(\"group\") === target.get(\"group\") && l !== target) {\n              l.setVisible(false);\n            }\n          });\n        }\n      });\n    });\n    return keys;\n  };\n\n  static setVisible = (layer, visible) => {\n    if (layer.setVisible) {\n      layer.setVisible(visible);\n      return;\n    }\n\n    layer.visible = visible;\n  };\n\n  componentDidMount() {\n    this.updateLayers();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { layers } = this.props;\n\n    if (layers !== prevProps.layers) {\n      this.updateLayers();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey(this.olKeys);\n    this.olKeys = [];\n  }\n\n  expandLayer(layer, expLayers = []) {\n    const { isItemHidden } = this.props;\n    if (LayerTree.getVisible(layer) && !isItemHidden(layer)) {\n      const children = LayerTree.getChildren(layer)\n        .filter((c) => {\n          return !isItemHidden(c) && !c.get(\"isAlwaysExpanded\");\n        })\n        .flatMap((c) => {\n          return this.expandLayer(c, expLayers);\n        });\n      return [...expLayers, ...children, layer];\n    }\n    return expLayers;\n  }\n\n  /**\n   * Get the always expanded ancestors (isAlwaysExpanded=true) of the given layers\n   * together with the (given) initially expanded layers\n   *\n   * @param  {Layer} layers Initially expanded layers\n   * @return {Array.<Layer>} Initially expanded layers and all its always expanded ancestors\n   */\n  getExpandedLayers(layers) {\n    const { isItemHidden } = this.props;\n    const children = layers.flatMap((l) => {\n      return LayerTree.getChildren(l).filter((c) => {\n        return !isItemHidden(c) && c.get(\"isAlwaysExpanded\");\n      });\n    });\n\n    if (!children.length) {\n      return layers;\n    }\n    return [...layers, this.getExpandedLayers(children)].flat();\n  }\n\n  onInputClick(layer, toggle = false) {\n    if (toggle) {\n      this.onToggle(layer);\n    } else {\n      LayerTree.setVisible(layer, !LayerTree.getVisible(layer));\n    }\n  }\n\n  onToggle(layer) {\n    const { expandedLayers } = this.state;\n    const pos = expandedLayers.indexOf(layer);\n    if (pos > -1) {\n      expandedLayers.splice(pos, 1);\n    } else {\n      expandedLayers.push(...this.getExpandedLayers([layer]));\n    }\n    this.setState({ expandedLayers });\n  }\n\n  render() {\n    const { className } = this.props;\n    return <div className={className}>{this.renderTree()}</div>;\n  }\n\n  renderArrow(layer) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n\n    if (\n      !LayerTree.getChildren(layer).filter((c) => {\n        return !isItemHidden(c);\n      }).length ||\n      layer.get(\"isAlwaysExpanded\")\n    ) {\n      return null;\n    }\n\n    return (\n      <div\n        className={`rs-layer-tree-arrow rs-layer-tree-arrow-${\n          !expandedLayers.includes(layer) ? \"collapsed\" : \"expanded\"\n        }`}\n      />\n    );\n  }\n\n  renderInput(layer, inputProps) {\n    const { isItemHidden, renderCheckbox, titles } = this.props;\n    let tabIndex = 0;\n\n    if (\n      !LayerTree.getChildren(layer).filter((c) => {\n        return !isItemHidden(c);\n      }).length\n    ) {\n      // We forbid focus on keypress event for first level layers and layers without children.\n      tabIndex = -1;\n    }\n\n    const inputType = layer.get(\"group\") ? \"radio\" : \"checkbox\";\n    return renderCheckbox ? (\n      renderCheckbox(layer, this, inputProps)\n    ) : (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={`rs-layer-tree-input rs-layer-tree-input-${inputType} rs-${inputType}`}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            this.onInputClick(layer);\n          }\n        }}\n        tabIndex={tabIndex}\n        title={\n          LayerTree.getVisible(layer) ? titles.layerHide : titles.layerShow\n        }\n      >\n        <input\n          checked={LayerTree.getVisible(layer)}\n          onClick={() => {\n            return this.onInputClick(layer);\n          }}\n          readOnly\n          tabIndex={-1}\n          type={inputType}\n          {...inputProps}\n        />\n        <span />\n      </label>\n    );\n  }\n\n  renderItem(layer, level) {\n    const { isItemHidden } = this.props;\n    const { expandedLayers } = this.state;\n    const {\n      getParentClassName,\n      padding,\n      renderAfterItem,\n      renderBeforeItem,\n      renderItem,\n      renderItemContent,\n    } = this.props;\n\n    const children = expandedLayers.includes(layer)\n      ? [\n          ...LayerTree.getChildren(layer).filter((c) => {\n            return !isItemHidden(c);\n          }),\n        ]\n      : [];\n\n    if (renderItem) {\n      return renderItem(layer, this.onInputClick, this.onToggle);\n    }\n\n    return (\n      <div\n        className={getParentClassName()}\n        key={\n          layer.key || layer.get(\"key\") || layer.get(\"name\") || getUid(layer)\n        }\n      >\n        <div\n          className={`rs-layer-tree-item ${LayerTree.getVisible(layer) ? \"rs-visible\" : \"\"}`}\n          style={{\n            paddingLeft: `${padding * level}px`,\n          }}\n        >\n          {renderItemContent\n            ? renderItemContent(layer, this)\n            : this.renderItemContent(layer)}\n        </div>\n        {renderBeforeItem?.(layer, level, this)}\n        {[...children].reverse().map((child) => {\n          return this.renderItem(child, level + 1);\n        })}\n        {renderAfterItem?.(layer, level, this)}\n      </div>\n    );\n  }\n\n  renderItemContent(layer, inputProps = {}, toggleProps = {}) {\n    return (\n      <>\n        {this.renderInput(layer, inputProps)}\n        {this.renderToggleButton(layer, toggleProps)}\n      </>\n    );\n  }\n\n  // Render a button which expands/collapse the layer if there is children\n  // or simulate a click on the input otherwise.\n  renderToggleButton(layer, toggleProps) {\n    const { isItemHidden, renderLabel, titles } = this.props;\n    const { expandedLayers } = this.state;\n\n    const onInputClick = () => {\n      this.onInputClick(\n        layer,\n        LayerTree.getChildren(layer).filter((c) => {\n          return !isItemHidden(c);\n        }).length && !layer.get(\"isAlwaysExpanded\"),\n      );\n    };\n    const title = `${renderLabel(layer, this)} ${\n      expandedLayers.includes(layer) ? titles.subLayerHide : titles.subLayerShow\n    }`;\n\n    return (\n      <div\n        aria-expanded={expandedLayers.includes(layer)}\n        aria-label={title}\n        className=\"rs-layer-tree-toggle\"\n        onClick={onInputClick}\n        onKeyPress={onInputClick}\n        role=\"button\"\n        tabIndex={0}\n        title={title}\n        {...toggleProps}\n      >\n        <div>{renderLabel(layer, this)}</div>\n        {this.renderArrow(layer)}\n      </div>\n    );\n  }\n\n  renderTree() {\n    const { isItemHidden } = this.props;\n    const { rootLayer } = this.state;\n\n    if (!LayerTree.getChildren(rootLayer).length) {\n      return null;\n    }\n\n    return (\n      <>\n        {LayerTree.getChildren(rootLayer)\n          .filter((l) => {\n            return !isItemHidden(l);\n          })\n          .reverse()\n          .map((l) => {\n            return this.renderItem(l, 0);\n          })}\n      </>\n    );\n  }\n\n  updateLayers() {\n    const { expandChildren, layers } = this.props;\n\n    // Update the root layer\n    let rootLayer = new Layer({});\n    if (Array.isArray(layers)) {\n      if (layers.length === 1) {\n        [rootLayer] = layers;\n      }\n      rootLayer = new Layer({ children: layers });\n    } else {\n      rootLayer = layers;\n    }\n\n    const flat = getLayersAsFlatArray(rootLayer);\n    flat.forEach((layer) => {\n      this.olKeys.push(\n        layer.on(\"propertychange\", () => {\n          const { revision } = this.state;\n          this.setState({ revision: revision + 1 });\n        }),\n\n        // Manage group visibility\n        layer.on(\"change:visible\", (evt) => {\n          const { target } = evt;\n          if (target.getVisible() && target.get(\"group\")) {\n            flat.forEach((l) => {\n              if (l.get(\"group\") === target.get(\"group\") && l !== target) {\n                l.setVisible(false);\n              }\n            });\n          }\n        }),\n\n        // Manage parent/children visibility\n        layer.on(\"change:visible\", (evt) => {\n          const { target } = evt;\n          const parent = target.get(\"parent\");\n          const children = LayerTree.getChildren(target);\n\n          if (target.getVisible()) {\n            // We make the parent visible\n            if (parent) {\n              parent.setVisible(true);\n            }\n\n            // If children doesn't contain any visible layers, we display all children.\n            if (\n              children &&\n              !children.some((child) => {\n                return child.getVisible();\n              })\n            ) {\n              children.forEach((child) => {\n                child.setVisible(true);\n              });\n            }\n          } else {\n            // We hide all the children\n            children.forEach((child) => {\n              child.setVisible(false);\n            });\n\n            // If the parent has no more visible child we also hide it.\n            if (\n              parent?.getVisible() &&\n              !parent?.get(\"children\").find((child) => {\n                return child.getVisible();\n              })\n            ) {\n              parent.setVisible(false);\n            }\n          }\n        }),\n      );\n    });\n\n    // Set parent property.\n    flat.forEach((layer) => {\n      const children = LayerTree.getChildren(layer);\n      children.forEach((child) => {\n        child.set(\"parent\", layer);\n      });\n    });\n\n    const state = { rootLayer };\n    if (\n      typeof expandChildren === \"function\"\n        ? expandChildren(layers)\n        : expandChildren\n    ) {\n      const children = LayerTree.getChildren(rootLayer);\n      state.expandedLayers = children.flatMap((l) => {\n        return this.expandLayer(l);\n      });\n    }\n\n    this.setState(state);\n  }\n}\n\nLayerTree.propTypes = propTypes;\nLayerTree.defaultProps = defaultProps;\n\nexport default LayerTree;\n"],
+  "mappings": "AAoTW,SA0HL,UA1HK,KA2CL,YA3CK;AApTX,OAAO,WAAW;AAClB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,iBAAiB;AAEjC,OAAO,0BAA0B;AAEjC,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOrB,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,EAKpE,oBAAoB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9B,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA,EAKxB,QAAQ,UAAU,QAAQ,UAAU,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,EAKrD,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnB,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS3B,kBAAkB,UAAU;AAAA;AAAA;AAAA;AAAA,EAK5B,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS1B,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYtB,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU7B,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMvB,GAAG,UAAU;AAAA;AAAA;AAAA;AAAA,EAKb,QAAQ,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA,IAItB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,IAIrB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,IAIrB,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA,IAIxB,cAAc,UAAU;AAAA,EAC1B,CAAC;AACH;AAEA,MAAM,eAAe;AAAA,EACnB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,oBAAoB,MAAM;AACxB,WAAO;AAAA,EACT;AAAA,EACA,cAAc,MAAM;AAClB,WAAO;AAAA,EACT;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,aAAa,CAAC,UAAU;AACtB,WAAO,OAAO,IAAI,MAAM,KAAK;AAAA,EAC/B;AAAA,EACA,GAAG,CAAC,MAAM;AACR,WAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF;AAOA,MAAM,kBAAkB,UAAU;AAAA,EAChC,YAAY,OAAO;AACjB,UAAM,KAAK;AAEX,UAAM,EAAE,cAAc,OAAO,IAAI,KAAK;AACtC,UAAM,wBAAwB,SAC1B,KAAK;AAAA,MACH,OAAO,OAAO,CAAC,MAAM;AACnB,eACE,CAAC,aAAa,CAAC,KACf,UAAU,YAAY,CAAC,EACpB,OAAO,CAAC,UAAU;AACjB,iBAAO,UAAU,WAAW,KAAK;AAAA,QACnC,CAAC,EACA,OAAO,CAAC,MAAM;AACb,iBAAO,CAAC,aAAa,CAAC;AAAA,QACxB,CAAC,EAAE;AAAA,MAET,CAAC;AAAA,IACH,IACA,CAAC;AAEL,SAAK,QAAQ;AAAA,MACX,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,WAAW,IAAI,MAAM,CAAC,CAAC;AAAA,IACzB;AAEA,SAAK,SAAS,CAAC;AAAA,EACjB;AAAA,EAEA,OAAO,cAAc,CAAC,UAAU;AAC9B,WACE,OAAO,IAAI,UAAU,KACrB,OAAO;AAAA,IAEP,OAAO,YAAY,EAAE,SAAS,KAC9B,CAAC;AAAA,EAEL;AAAA,EAEA,OAAO,aAAa,CAAC,UAAU;AAC7B,WAAO,MAAM,aAAa,MAAM,WAAW,IAAI,MAAM;AAAA,EACvD;AAAA,EAEA,OAAO,eAAe,CAAC,WAAW;AAChC,UAAM,OAAO,qBAAqB,MAAM;AACxC,UAAM,OAAO,KAAK,IAAI,CAAC,UAAU;AAC/B,aAAO,MAAM,GAAG,kBAAkB,CAAC,MAAM;AACvC,cAAM,EAAE,OAAO,IAAI;AACnB,YAAI,OAAO,WAAW,KAAK,OAAO,IAAI,OAAO,GAAG;AAC9C,eAAK,QAAQ,CAAC,MAAM;AAClB,gBAAI,EAAE,IAAI,OAAO,MAAM,OAAO,IAAI,OAAO,KAAK,MAAM,QAAQ;AAC1D,gBAAE,WAAW,KAAK;AAAA,YACpB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,aAAa,CAAC,OAAO,YAAY;AACtC,QAAI,MAAM,YAAY;AACpB,YAAM,WAAW,OAAO;AACxB;AAAA,IACF;AAEA,UAAM,UAAU;AAAA,EAClB;AAAA,EAEA,oBAAoB;AAClB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,mBAAmB,WAAW;AAC5B,UAAM,EAAE,OAAO,IAAI,KAAK;AAExB,QAAI,WAAW,UAAU,QAAQ;AAC/B,WAAK,aAAa;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,YAAQ,KAAK,MAAM;AACnB,SAAK,SAAS,CAAC;AAAA,EACjB;AAAA,EAEA,YAAY,OAAO,YAAY,CAAC,GAAG;AACjC,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAI,UAAU,WAAW,KAAK,KAAK,CAAC,aAAa,KAAK,GAAG;AACvD,YAAM,WAAW,UAAU,YAAY,KAAK,EACzC,OAAO,CAAC,MAAM;AACb,eAAO,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,kBAAkB;AAAA,MACtD,CAAC,EACA,QAAQ,CAAC,MAAM;AACd,eAAO,KAAK,YAAY,GAAG,SAAS;AAAA,MACtC,CAAC;AACH,aAAO,CAAC,GAAG,WAAW,GAAG,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,kBAAkB,QAAQ;AACxB,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM,WAAW,OAAO,QAAQ,CAAC,MAAM;AACrC,aAAO,UAAU,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM;AAC5C,eAAO,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,kBAAkB;AAAA,MACrD,CAAC;AAAA,IACH,CAAC;AAED,QAAI,CAAC,SAAS,QAAQ;AACpB,aAAO;AAAA,IACT;AACA,WAAO,CAAC,GAAG,QAAQ,KAAK,kBAAkB,QAAQ,CAAC,EAAE,KAAK;AAAA,EAC5D;AAAA,EAEA,aAAa,OAAO,SAAS,OAAO;AAClC,QAAI,QAAQ;AACV,WAAK,SAAS,KAAK;AAAA,IACrB,OAAO;AACL,gBAAU,WAAW,OAAO,CAAC,UAAU,WAAW,KAAK,CAAC;AAAA,IAC1D;AAAA,EACF;AAAA,EAEA,SAAS,OAAO;AACd,UAAM,EAAE,eAAe,IAAI,KAAK;AAChC,UAAM,MAAM,eAAe,QAAQ,KAAK;AACxC,QAAI,MAAM,IAAI;AACZ,qBAAe,OAAO,KAAK,CAAC;AAAA,IAC9B,OAAO;AACL,qBAAe,KAAK,GAAG,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAAA,IACxD;AACA,SAAK,SAAS,EAAE,eAAe,CAAC;AAAA,EAClC;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,WAAO,oBAAC,SAAI,WAAuB,eAAK,WAAW,GAAE;AAAA,EACvD;AAAA,EAEA,YAAY,OAAO;AACjB,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM,EAAE,eAAe,IAAI,KAAK;AAEhC,QACE,CAAC,UAAU,YAAY,KAAK,EAAE,OAAO,CAAC,MAAM;AAC1C,aAAO,CAAC,aAAa,CAAC;AAAA,IACxB,CAAC,EAAE,UACH,MAAM,IAAI,kBAAkB,GAC5B;AACA,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,2CACT,CAAC,eAAe,SAAS,KAAK,IAAI,cAAc,UAClD;AAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EAEA,YAAY,OAAO,YAAY;AAC7B,UAAM,EAAE,cAAc,gBAAgB,OAAO,IAAI,KAAK;AACtD,QAAI,WAAW;AAEf,QACE,CAAC,UAAU,YAAY,KAAK,EAAE,OAAO,CAAC,MAAM;AAC1C,aAAO,CAAC,aAAa,CAAC;AAAA,IACxB,CAAC,EAAE,QACH;AAEA,iBAAW;AAAA,IACb;AAEA,UAAM,YAAY,MAAM,IAAI,OAAO,IAAI,UAAU;AACjD,WAAO,iBACL,eAAe,OAAO,MAAM,UAAU;AAAA;AAAA,MAGtC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,2CAA2C,SAAS,OAAO,SAAS;AAAA,UAC/E,YAAY,CAAC,MAAM;AACjB,gBAAI,EAAE,UAAU,IAAI;AAClB,mBAAK,aAAa,KAAK;AAAA,YACzB;AAAA,UACF;AAAA,UACA;AAAA,UACA,OACE,UAAU,WAAW,KAAK,IAAI,OAAO,YAAY,OAAO;AAAA,UAG1D;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,UAAU,WAAW,KAAK;AAAA,gBACnC,SAAS,MAAM;AACb,yBAAO,KAAK,aAAa,KAAK;AAAA,gBAChC;AAAA,gBACA,UAAQ;AAAA,gBACR,UAAU;AAAA,gBACV,MAAM;AAAA,gBACL,GAAG;AAAA;AAAA,YACN;AAAA,YACA,oBAAC,UAAK;AAAA;AAAA;AAAA,MACR;AAAA;AAAA,EAEJ;AAAA,EAEA,WAAW,OAAO,OAAO;AACvB,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM,EAAE,eAAe,IAAI,KAAK;AAChC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,WAAW,eAAe,SAAS,KAAK,IAC1C;AAAA,MACE,GAAG,UAAU,YAAY,KAAK,EAAE,OAAO,CAAC,MAAM;AAC5C,eAAO,CAAC,aAAa,CAAC;AAAA,MACxB,CAAC;AAAA,IACH,IACA,CAAC;AAEL,QAAI,YAAY;AACd,aAAO,WAAW,OAAO,KAAK,cAAc,KAAK,QAAQ;AAAA,IAC3D;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,mBAAmB;AAAA,QAK9B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,sBAAsB,UAAU,WAAW,KAAK,IAAI,eAAe,EAAE;AAAA,cAChF,OAAO;AAAA,gBACL,aAAa,GAAG,UAAU,KAAK;AAAA,cACjC;AAAA,cAEC,8BACG,kBAAkB,OAAO,IAAI,IAC7B,KAAK,kBAAkB,KAAK;AAAA;AAAA,UAClC;AAAA,UACC,mBAAmB,OAAO,OAAO,IAAI;AAAA,UACrC,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU;AACtC,mBAAO,KAAK,WAAW,OAAO,QAAQ,CAAC;AAAA,UACzC,CAAC;AAAA,UACA,kBAAkB,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,MAjBnC,MAAM,OAAO,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,KAAK;AAAA,IAkBtE;AAAA,EAEJ;AAAA,EAEA,kBAAkB,OAAO,aAAa,CAAC,GAAG,cAAc,CAAC,GAAG;AAC1D,WACE,iCACG;AAAA,WAAK,YAAY,OAAO,UAAU;AAAA,MAClC,KAAK,mBAAmB,OAAO,WAAW;AAAA,OAC7C;AAAA,EAEJ;AAAA;AAAA;AAAA,EAIA,mBAAmB,OAAO,aAAa;AACrC,UAAM,EAAE,cAAc,aAAa,OAAO,IAAI,KAAK;AACnD,UAAM,EAAE,eAAe,IAAI,KAAK;AAEhC,UAAM,eAAe,MAAM;AACzB,WAAK;AAAA,QACH;AAAA,QACA,UAAU,YAAY,KAAK,EAAE,OAAO,CAAC,MAAM;AACzC,iBAAO,CAAC,aAAa,CAAC;AAAA,QACxB,CAAC,EAAE,UAAU,CAAC,MAAM,IAAI,kBAAkB;AAAA,MAC5C;AAAA,IACF;AACA,UAAM,QAAQ,GAAG,YAAY,OAAO,IAAI,CAAC,IACvC,eAAe,SAAS,KAAK,IAAI,OAAO,eAAe,OAAO,YAChE;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,eAAe,SAAS,KAAK;AAAA,QAC5C,cAAY;AAAA,QACZ,WAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,MAAK;AAAA,QACL,UAAU;AAAA,QACV;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,SAAK,sBAAY,OAAO,IAAI,GAAE;AAAA,UAC9B,KAAK,YAAY,KAAK;AAAA;AAAA;AAAA,IACzB;AAAA,EAEJ;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,UAAM,EAAE,UAAU,IAAI,KAAK;AAE3B,QAAI,CAAC,UAAU,YAAY,SAAS,EAAE,QAAQ;AAC5C,aAAO;AAAA,IACT;AAEA,WACE,gCACG,oBAAU,YAAY,SAAS,EAC7B,OAAO,CAAC,MAAM;AACb,aAAO,CAAC,aAAa,CAAC;AAAA,IACxB,CAAC,EACA,QAAQ,EACR,IAAI,CAAC,MAAM;AACV,aAAO,KAAK,WAAW,GAAG,CAAC;AAAA,IAC7B,CAAC,GACL;AAAA,EAEJ;AAAA,EAEA,eAAe;AACb,UAAM,EAAE,gBAAgB,OAAO,IAAI,KAAK;AAGxC,QAAI,YAAY,IAAI,MAAM,CAAC,CAAC;AAC5B,QAAI,MAAM,QAAQ,MAAM,GAAG;AACzB,UAAI,OAAO,WAAW,GAAG;AACvB,SAAC,SAAS,IAAI;AAAA,MAChB;AACA,kBAAY,IAAI,MAAM,EAAE,UAAU,OAAO,CAAC;AAAA,IAC5C,OAAO;AACL,kBAAY;AAAA,IACd;AAEA,UAAM,OAAO,qBAAqB,SAAS;AAC3C,SAAK,QAAQ,CAAC,UAAU;AACtB,WAAK,OAAO;AAAA,QACV,MAAM,GAAG,kBAAkB,MAAM;AAC/B,gBAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,eAAK,SAAS,EAAE,UAAU,WAAW,EAAE,CAAC;AAAA,QAC1C,CAAC;AAAA;AAAA,QAGD,MAAM,GAAG,kBAAkB,CAAC,QAAQ;AAClC,gBAAM,EAAE,OAAO,IAAI;AACnB,cAAI,OAAO,WAAW,KAAK,OAAO,IAAI,OAAO,GAAG;AAC9C,iBAAK,QAAQ,CAAC,MAAM;AAClB,kBAAI,EAAE,IAAI,OAAO,MAAM,OAAO,IAAI,OAAO,KAAK,MAAM,QAAQ;AAC1D,kBAAE,WAAW,KAAK;AAAA,cACpB;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA;AAAA,QAGD,MAAM,GAAG,kBAAkB,CAAC,QAAQ;AAClC,gBAAM,EAAE,OAAO,IAAI;AACnB,gBAAM,SAAS,OAAO,IAAI,QAAQ;AAClC,gBAAM,WAAW,UAAU,YAAY,MAAM;AAE7C,cAAI,OAAO,WAAW,GAAG;AAEvB,gBAAI,QAAQ;AACV,qBAAO,WAAW,IAAI;AAAA,YACxB;AAGA,gBACE,YACA,CAAC,SAAS,KAAK,CAAC,UAAU;AACxB,qBAAO,MAAM,WAAW;AAAA,YAC1B,CAAC,GACD;AACA,uBAAS,QAAQ,CAAC,UAAU;AAC1B,sBAAM,WAAW,IAAI;AAAA,cACvB,CAAC;AAAA,YACH;AAAA,UACF,OAAO;AAEL,qBAAS,QAAQ,CAAC,UAAU;AAC1B,oBAAM,WAAW,KAAK;AAAA,YACxB,CAAC;AAGD,gBACE,QAAQ,WAAW,KACnB,CAAC,QAAQ,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AACvC,qBAAO,MAAM,WAAW;AAAA,YAC1B,CAAC,GACD;AACA,qBAAO,WAAW,KAAK;AAAA,YACzB;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAGD,SAAK,QAAQ,CAAC,UAAU;AACtB,YAAM,WAAW,UAAU,YAAY,KAAK;AAC5C,eAAS,QAAQ,CAAC,UAAU;AAC1B,cAAM,IAAI,UAAU,KAAK;AAAA,MAC3B,CAAC;AAAA,IACH,CAAC;AAED,UAAM,QAAQ,EAAE,UAAU;AAC1B,QACE,OAAO,mBAAmB,aACtB,eAAe,MAAM,IACrB,gBACJ;AACA,YAAM,WAAW,UAAU,YAAY,SAAS;AAChD,YAAM,iBAAiB,SAAS,QAAQ,CAAC,MAAM;AAC7C,eAAO,KAAK,YAAY,CAAC;AAAA,MAC3B,CAAC;AAAA,IACH;AAEA,SAAK,SAAS,KAAK;AAAA,EACrB;AACF;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe;",
   "names": []
 }

package/components/MousePosition/MousePosition.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import OLMousePosition from "ol/control/MousePosition";
 import { createStringXY } from "ol/coordinate";
 import OLMap from "ol/Map";
@@ -119,23 +120,23 @@ function MousePosition({
     },
     [onChange, projections]
   );
-  if (!projection || !projections || !projections.length) {
+  if (!projection || !projections?.length) {
     return null;
   }
-  return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    /* @__PURE__ */ React.createElement("div", { className: "rs-mouse-position", ...other }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs("div", { className: "rs-mouse-position", ...other, children: [
+    /* @__PURE__ */ jsx(
       "select",
       {
         className: "rs-select",
         onChange: onChangeCb,
-        value: projection.value
-      },
-      projections.map((option) => {
-        return /* @__PURE__ */ React.createElement("option", { key: option.value, value: option.value }, option.label);
-      })
-    ), /* @__PURE__ */ React.createElement("span", { className: "rs-coordinates", ref }))
-  );
+        value: projection.value,
+        children: projections.map((option) => {
+          return /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value);
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "rs-coordinates", ref })
+  ] });
 }
 MousePosition.propTypes = propTypes;
 export default React.memo(MousePosition);