react-spatial 1.12.0 → 1.12.1

package/components/MousePosition/MousePosition.js

@@ -1,18 +1,28 @@
-import React, { useState, useRef, useEffect, useCallback } from "react";
-import PropTypes from "prop-types";
-import OLMap from "ol/Map";
-import { createStringXY } from "ol/coordinate";
 import OLMousePosition from "ol/control/MousePosition";
+import { createStringXY } from "ol/coordinate";
+import OLMap from "ol/Map";
+import PropTypes from "prop-types";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 const propTypes = {
   /**
    * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
    */
   map: PropTypes.instanceOf(OLMap).isRequired,
+  /**
+   * Function triggered on projection's change event.
+   * @param {Event} event The change event object.
+   * @param {Object} projection The selected projection object.
+   */
+  onChange: PropTypes.func,
   /**
    * List of projections to display.
    */
   projections: PropTypes.arrayOf(
     PropTypes.shape({
+      /**
+       * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).
+       */
+      format: PropTypes.func,
       /**
        * The label to display in the select box.
        */
@@ -21,17 +31,17 @@ const propTypes = {
        * The value used to create the options´s projection of the MousePosition control.
        * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).
        */
-      value: PropTypes.string.isRequired,
-      /**
-       * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).
-       */
-      format: PropTypes.func
+      value: PropTypes.string.isRequired
     })
   ),
   /**
    * The initially selected projection
    */
   projectionValue: PropTypes.shape({
+    /**
+     * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).
+     */
+    format: PropTypes.func,
     /**
      * The label to display in the select box.
      */
@@ -40,18 +50,8 @@ const propTypes = {
      * The value used to create the options´s projection of the MousePosition control.
      * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).
      */
-    value: PropTypes.string.isRequired,
-    /**
-     * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).
-     */
-    format: PropTypes.func
-  }),
-  /**
-   * Function triggered on projection's change event.
-   * @param {Event} event The change event object.
-   * @param {Object} projection The selected projection object.
-   */
-  onChange: PropTypes.func
+    value: PropTypes.string.isRequired
+  })
 };
 const defaultProps = {
   onChange: () => {
@@ -70,9 +70,9 @@ const defaultProps = {
 };
 function MousePosition({
   map,
+  onChange = defaultProps.onChange,
   projections = defaultProps.projections,
   projectionValue = defaultProps.projectionValue,
-  onChange = defaultProps.onChange,
   ...other
 }) {
   const [projection, setProjection] = useState(
@@ -84,9 +84,9 @@ function MousePosition({
   const ref = useRef();
   useEffect(() => {
     const mousePosition = new OLMousePosition({
-      target: ref.current,
+      className: "",
       placeholder: " ",
-      className: ""
+      target: ref.current
     });
     map.addControl(mousePosition);
     setControl(mousePosition);
@@ -128,13 +128,13 @@ function MousePosition({
       "select",
       {
         className: "rs-select",
-        value: projection.value,
-        onChange: onChangeCb
+        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", { ref, className: "rs-coordinates" }))
+    ), /* @__PURE__ */ React.createElement("span", { className: "rs-coordinates", ref }))
   );
 }
 MousePosition.propTypes = propTypes;

package/components/MousePosition/MousePosition.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/MousePosition/MousePosition.js"],
-  "sourcesContent": ["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\nimport { createStringXY } from \"ol/coordinate\";\nimport OLMousePosition from \"ol/control/MousePosition\";\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   * List of projections to display.\n   */\n  projections: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The label to display in the select box.\n       */\n      label: PropTypes.string.isRequired,\n\n      /**\n       * The value used to create the options\u00B4s projection of the MousePosition control.\n       * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).\n       */\n      value: PropTypes.string.isRequired,\n\n      /**\n       * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).\n       */\n      format: PropTypes.func,\n    }),\n  ),\n\n  /**\n   * The initially selected projection\n   */\n  projectionValue: PropTypes.shape({\n    /**\n     * The label to display in the select box.\n     */\n    label: PropTypes.string.isRequired,\n\n    /**\n     * The value used to create the options\u00B4s projection of the MousePosition control.\n     * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).\n     */\n    value: PropTypes.string.isRequired,\n\n    /**\n     * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).\n     */\n    format: PropTypes.func,\n  }),\n\n  /**\n   * Function triggered on projection's change event.\n   * @param {Event} event The change event object.\n   * @param {Object} projection The selected projection object.\n   */\n  onChange: PropTypes.func,\n};\n\nconst defaultProps = {\n  onChange: () => {},\n  projections: [\n    {\n      label: \"EPSG:4326\",\n      value: \"EPSG:4326\",\n    },\n    {\n      label: \"EPSG:3857\",\n      value: \"EPSG:3857\",\n    },\n  ],\n  projectionValue: null,\n};\n\n/**\n * The MousePosition component renders a select box with map projection options\n * and the cursor position in coordinates using the selected projection.\n */\nfunction MousePosition({\n  map,\n  projections = defaultProps.projections,\n  projectionValue = defaultProps.projectionValue,\n  onChange = defaultProps.onChange,\n  ...other\n}) {\n  const [projection, setProjection] = useState(\n    projections &&\n      ((projectionValue &&\n        projections.find((p) => {\n          return p.value === projectionValue.value;\n        })) ||\n        projections[0]),\n  );\n  const [control, setControl] = useState();\n  const ref = useRef();\n\n  useEffect(() => {\n    const mousePosition = new OLMousePosition({\n      target: ref.current,\n      placeholder: \"&nbsp;\",\n      className: \"\",\n    });\n    map.addControl(mousePosition);\n    setControl(mousePosition);\n\n    return () => {\n      map.removeControl(mousePosition);\n    };\n  }, [map]);\n\n  useEffect(() => {\n    if (!projection || !control) {\n      return;\n    }\n    control.setProjection(projection.value);\n    control.setCoordinateFormat(projection.format || createStringXY(4));\n  }, [projection, control]);\n\n  useEffect(() => {\n    if (projections) {\n      const proj =\n        (projectionValue &&\n          projections.find((p) => {\n            return p.value === projectionValue.value;\n          })) ||\n        projections[0];\n      setProjection(proj);\n    }\n  }, [projections, projectionValue]);\n\n  const onChangeCb = useCallback(\n    (evt) => {\n      const newProj = projections.find((opt) => {\n        return evt.target.value === opt.value;\n      });\n      setProjection(newProj);\n      onChange(evt, newProj);\n    },\n    [onChange, projections],\n  );\n\n  if (!projection || !projections || !projections.length) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <div className=\"rs-mouse-position\" {...other}>\n      <select\n        className=\"rs-select\"\n        value={projection.value}\n        onChange={onChangeCb}\n      >\n        {projections.map((option) => {\n          return (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          );\n        })}\n      </select>\n      <span ref={ref} className=\"rs-coordinates\" />\n    </div>\n  );\n}\n\nMousePosition.propTypes = propTypes;\n\nexport default React.memo(MousePosition);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import OLMousePosition from \"ol/control/MousePosition\";\nimport { createStringXY } from \"ol/coordinate\";\nimport OLMap from \"ol/Map\";\nimport PropTypes from \"prop-types\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\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   * Function triggered on projection's change event.\n   * @param {Event} event The change event object.\n   * @param {Object} projection The selected projection object.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * List of projections to display.\n   */\n  projections: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).\n       */\n      format: PropTypes.func,\n\n      /**\n       * The label to display in the select box.\n       */\n      label: PropTypes.string.isRequired,\n\n      /**\n       * The value used to create the options\u00B4s projection of the MousePosition control.\n       * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).\n       */\n      value: PropTypes.string.isRequired,\n    }),\n  ),\n\n  /**\n   * The initially selected projection\n   */\n  projectionValue: PropTypes.shape({\n    /**\n     * A function following the  [CoordinateFormat](https://openlayers.org/en/latest/apidoc/module-ol_coordinate.html#~CoordinateFormat).\n     */\n    format: PropTypes.func,\n\n    /**\n     * The label to display in the select box.\n     */\n    label: PropTypes.string.isRequired,\n\n    /**\n     * The value used to create the options\u00B4s projection of the MousePosition control.\n     * See [doc](https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition.html).\n     */\n    value: PropTypes.string.isRequired,\n  }),\n};\n\nconst defaultProps = {\n  onChange: () => {},\n  projections: [\n    {\n      label: \"EPSG:4326\",\n      value: \"EPSG:4326\",\n    },\n    {\n      label: \"EPSG:3857\",\n      value: \"EPSG:3857\",\n    },\n  ],\n  projectionValue: null,\n};\n\n/**\n * The MousePosition component renders a select box with map projection options\n * and the cursor position in coordinates using the selected projection.\n */\nfunction MousePosition({\n  map,\n  onChange = defaultProps.onChange,\n  projections = defaultProps.projections,\n  projectionValue = defaultProps.projectionValue,\n  ...other\n}) {\n  const [projection, setProjection] = useState(\n    projections &&\n      ((projectionValue &&\n        projections.find((p) => {\n          return p.value === projectionValue.value;\n        })) ||\n        projections[0]),\n  );\n  const [control, setControl] = useState();\n  const ref = useRef();\n\n  useEffect(() => {\n    const mousePosition = new OLMousePosition({\n      className: \"\",\n      placeholder: \"&nbsp;\",\n      target: ref.current,\n    });\n    map.addControl(mousePosition);\n    setControl(mousePosition);\n\n    return () => {\n      map.removeControl(mousePosition);\n    };\n  }, [map]);\n\n  useEffect(() => {\n    if (!projection || !control) {\n      return;\n    }\n    control.setProjection(projection.value);\n    control.setCoordinateFormat(projection.format || createStringXY(4));\n  }, [projection, control]);\n\n  useEffect(() => {\n    if (projections) {\n      const proj =\n        (projectionValue &&\n          projections.find((p) => {\n            return p.value === projectionValue.value;\n          })) ||\n        projections[0];\n      setProjection(proj);\n    }\n  }, [projections, projectionValue]);\n\n  const onChangeCb = useCallback(\n    (evt) => {\n      const newProj = projections.find((opt) => {\n        return evt.target.value === opt.value;\n      });\n      setProjection(newProj);\n      onChange(evt, newProj);\n    },\n    [onChange, projections],\n  );\n\n  if (!projection || !projections || !projections.length) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <div className=\"rs-mouse-position\" {...other}>\n      <select\n        className=\"rs-select\"\n        onChange={onChangeCb}\n        value={projection.value}\n      >\n        {projections.map((option) => {\n          return (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          );\n        })}\n      </select>\n      <span className=\"rs-coordinates\" ref={ref} />\n    </div>\n  );\n}\n\nMousePosition.propTypes = propTypes;\n\nexport default React.memo(MousePosition);\n"],
+  "mappings": "AAAA,OAAO,qBAAqB;AAC5B,SAAS,sBAAsB;AAC/B,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAEhE,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjC,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAKpB,aAAa,UAAU;AAAA,IACrB,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA,MAId,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,MAKlB,OAAO,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,MAMxB,OAAO,UAAU,OAAO;AAAA,IAC1B,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA,IAI/B,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,IAKlB,OAAO,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxB,OAAO,UAAU,OAAO;AAAA,EAC1B,CAAC;AACH;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,aAAa;AAAA,IACX;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AACnB;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,cAAc,aAAa;AAAA,EAC3B,kBAAkB,aAAa;AAAA,EAC/B,GAAG;AACL,GAAG;AACD,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC,gBACI,mBACA,YAAY,KAAK,CAAC,MAAM;AACtB,aAAO,EAAE,UAAU,gBAAgB;AAAA,IACrC,CAAC,KACD,YAAY,CAAC;AAAA,EACnB;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS;AACvC,QAAM,MAAM,OAAO;AAEnB,YAAU,MAAM;AACd,UAAM,gBAAgB,IAAI,gBAAgB;AAAA,MACxC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,QAAQ,IAAI;AAAA,IACd,CAAC;AACD,QAAI,WAAW,aAAa;AAC5B,eAAW,aAAa;AAExB,WAAO,MAAM;AACX,UAAI,cAAc,aAAa;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,YAAU,MAAM;AACd,QAAI,CAAC,cAAc,CAAC,SAAS;AAC3B;AAAA,IACF;AACA,YAAQ,cAAc,WAAW,KAAK;AACtC,YAAQ,oBAAoB,WAAW,UAAU,eAAe,CAAC,CAAC;AAAA,EACpE,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,YAAU,MAAM;AACd,QAAI,aAAa;AACf,YAAM,OACH,mBACC,YAAY,KAAK,CAAC,MAAM;AACtB,eAAO,EAAE,UAAU,gBAAgB;AAAA,MACrC,CAAC,KACH,YAAY,CAAC;AACf,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,eAAe,CAAC;AAEjC,QAAM,aAAa;AAAA,IACjB,CAAC,QAAQ;AACP,YAAM,UAAU,YAAY,KAAK,CAAC,QAAQ;AACxC,eAAO,IAAI,OAAO,UAAU,IAAI;AAAA,MAClC,CAAC;AACD,oBAAc,OAAO;AACrB,eAAS,KAAK,OAAO;AAAA,IACvB;AAAA,IACA,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,MAAI,CAAC,cAAc,CAAC,eAAe,CAAC,YAAY,QAAQ;AACtD,WAAO;AAAA,EACT;AAEA;AAAA;AAAA,IAEE,oCAAC,SAAI,WAAU,qBAAqB,GAAG,SACrC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,WAAW;AAAA;AAAA,MAEjB,YAAY,IAAI,CAAC,WAAW;AAC3B,eACE,oCAAC,YAAO,KAAK,OAAO,OAAO,OAAO,OAAO,SACtC,OAAO,KACV;AAAA,MAEJ,CAAC;AAAA,IACH,GACA,oCAAC,UAAK,WAAU,kBAAiB,KAAU,CAC7C;AAAA;AAEJ;AAEA,cAAc,YAAY;AAE1B,eAAe,MAAM,KAAK,aAAa;",
   "names": []
 }

package/components/NorthArrow/NorthArrow.js

@@ -1,36 +1,36 @@
-import React, { useEffect, useState } from "react";
-import PropTypes from "prop-types";
 import OLMap from "ol/Map";
-import { unByKey } from "ol/Observable";
 import { toDegrees } from "ol/math";
+import { unByKey } from "ol/Observable";
+import PropTypes from "prop-types";
+import React, { useEffect, useState } from "react";
 import NorthArrowSimple from "../../images/northArrow.svg";
 import NorthArrowCircle from "../../images/northArrowCircle.svg";
 const propTypes = {
   /**
-   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
-   */
-  map: PropTypes.instanceOf(OLMap).isRequired,
-  /**
-   * Rotation of the north arrow in degrees.
+   *  Children content of the north arrow.
    */
-  rotationOffset: PropTypes.number,
+  children: PropTypes.node,
   /**
    * Display circle around the north arrow. Not used if pass children.
    */
   circled: PropTypes.bool,
   /**
-   *  Children content of the north arrow.
+   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
    */
-  children: PropTypes.node
+  map: PropTypes.instanceOf(OLMap).isRequired,
+  /**
+   * Rotation of the north arrow in degrees.
+   */
+  rotationOffset: PropTypes.number
 };
 const getRotation = (map, rotationOffset) => {
   return toDegrees(map.getView().getRotation()) + rotationOffset;
 };
 function NorthArrow({
+  children = null,
+  circled = false,
   map,
   rotationOffset = 0,
-  circled = false,
-  children = null,
   ...other
 }) {
   const [rotation, setRotation] = useState(rotationOffset);

package/components/NorthArrow/NorthArrow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/NorthArrow/NorthArrow.js"],
-  "sourcesContent": ["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport { toDegrees } from \"ol/math\";\nimport NorthArrowSimple from \"../../images/northArrow.svg\";\nimport NorthArrowCircle from \"../../images/northArrowCircle.svg\";\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   * Rotation of the north arrow in degrees.\n   */\n  rotationOffset: PropTypes.number,\n\n  /**\n   * Display circle around the north arrow. Not used if pass children.\n   */\n  circled: PropTypes.bool,\n\n  /**\n   *  Children content of the north arrow.\n   */\n  children: PropTypes.node,\n};\n\nconst getRotation = (map, rotationOffset) => {\n  return toDegrees(map.getView().getRotation()) + rotationOffset;\n};\n\n/**\n * This NorthArrow component inserts an arrow pointing north into an\n * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction NorthArrow({\n  map,\n  rotationOffset = 0,\n  circled = false,\n  children = null,\n  ...other\n}) {\n  const [rotation, setRotation] = useState(rotationOffset);\n\n  useEffect(() => {\n    if (!map) {\n      return null;\n    }\n    const key = map.on(\"postrender\", () => {\n      setRotation(getRotation(map, rotationOffset));\n    });\n    return () => {\n      unByKey(key);\n    };\n  }, [map, rotationOffset]);\n\n  return (\n    <div\n      className=\"rs-north-arrow\"\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n      style={{ transform: `rotate(${rotation}deg)` }}\n    >\n      {children || (circled ? <NorthArrowCircle /> : <NorthArrowSimple />)}\n    </div>\n  );\n}\n\nNorthArrow.propTypes = propTypes;\n\nexport default React.memo(NorthArrow);\n"],
-  "mappings": "AAAA,OAAO,SAAS,WAAW,gBAAgB;AAC3C,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,OAAO,sBAAsB;AAC7B,OAAO,sBAAsB;AAE7B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKjC,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAK1B,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAKnB,UAAU,UAAU;AACtB;AAEA,MAAM,cAAc,CAAC,KAAK,mBAAmB;AAC3C,SAAO,UAAU,IAAI,QAAQ,EAAE,YAAY,CAAC,IAAI;AAClD;AAMA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,GAAG;AACL,GAAG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,cAAc;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC,KAAK;AACR,aAAO;AAAA,IACT;AACA,UAAM,MAAM,IAAI,GAAG,cAAc,MAAM;AACrC,kBAAY,YAAY,KAAK,cAAc,CAAC;AAAA,IAC9C,CAAC;AACD,WAAO,MAAM;AACX,cAAQ,GAAG;AAAA,IACb;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAET,GAAG;AAAA,MACJ,OAAO,EAAE,WAAW,UAAU,QAAQ,OAAO;AAAA;AAAA,IAE5C,aAAa,UAAU,oCAAC,sBAAiB,IAAK,oCAAC,sBAAiB;AAAA,EACnE;AAEJ;AAEA,WAAW,YAAY;AAEvB,eAAe,MAAM,KAAK,UAAU;",
+  "sourcesContent": ["import OLMap from \"ol/Map\";\nimport { toDegrees } from \"ol/math\";\nimport { unByKey } from \"ol/Observable\";\nimport PropTypes from \"prop-types\";\nimport React, { useEffect, useState } from \"react\";\n\nimport NorthArrowSimple from \"../../images/northArrow.svg\";\nimport NorthArrowCircle from \"../../images/northArrowCircle.svg\";\n\nconst propTypes = {\n  /**\n   *  Children content of the north arrow.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Display circle around the north arrow. Not used if pass children.\n   */\n  circled: PropTypes.bool,\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   * Rotation of the north arrow in degrees.\n   */\n  rotationOffset: PropTypes.number,\n};\n\nconst getRotation = (map, rotationOffset) => {\n  return toDegrees(map.getView().getRotation()) + rotationOffset;\n};\n\n/**\n * This NorthArrow component inserts an arrow pointing north into an\n * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction NorthArrow({\n  children = null,\n  circled = false,\n  map,\n  rotationOffset = 0,\n  ...other\n}) {\n  const [rotation, setRotation] = useState(rotationOffset);\n\n  useEffect(() => {\n    if (!map) {\n      return null;\n    }\n    const key = map.on(\"postrender\", () => {\n      setRotation(getRotation(map, rotationOffset));\n    });\n    return () => {\n      unByKey(key);\n    };\n  }, [map, rotationOffset]);\n\n  return (\n    <div\n      className=\"rs-north-arrow\"\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n      style={{ transform: `rotate(${rotation}deg)` }}\n    >\n      {children || (circled ? <NorthArrowCircle /> : <NorthArrowSimple />)}\n    </div>\n  );\n}\n\nNorthArrow.propTypes = propTypes;\n\nexport default React.memo(NorthArrow);\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,gBAAgB;AAE3C,OAAO,sBAAsB;AAC7B,OAAO,sBAAsB;AAE7B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAKpB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAKnB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA,EAKjC,gBAAgB,UAAU;AAC5B;AAEA,MAAM,cAAc,CAAC,KAAK,mBAAmB;AAC3C,SAAO,UAAU,IAAI,QAAQ,EAAE,YAAY,CAAC,IAAI;AAClD;AAMA,SAAS,WAAW;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,EACjB,GAAG;AACL,GAAG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,cAAc;AAEvD,YAAU,MAAM;AACd,QAAI,CAAC,KAAK;AACR,aAAO;AAAA,IACT;AACA,UAAM,MAAM,IAAI,GAAG,cAAc,MAAM;AACrC,kBAAY,YAAY,KAAK,cAAc,CAAC;AAAA,IAC9C,CAAC;AACD,WAAO,MAAM;AACX,cAAQ,GAAG;AAAA,IACb;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAET,GAAG;AAAA,MACJ,OAAO,EAAE,WAAW,UAAU,QAAQ,OAAO;AAAA;AAAA,IAE5C,aAAa,UAAU,oCAAC,sBAAiB,IAAK,oCAAC,sBAAiB;AAAA,EACnE;AAEJ;AAEA,WAAW,YAAY;AAEvB,eAAe,MAAM,KAAK,UAAU;",
   "names": []
 }

package/components/Overlay/Overlay.js

@@ -1,26 +1,16 @@
-import React, { Component, useState } from "react";
 import PropTypes from "prop-types";
 import { Resizable } from "re-resizable";
+import React, { Component, useState } from "react";
 import ResizeHandler from "../ResizeHandler";
 const propTypes = {
-  /**
-   * CSS class added to container.
-   */
-  className: PropTypes.string,
   /**
    * Children content of the overlay.
    */
   children: PropTypes.node,
   /**
-   * Observed element to define screen size.
+   * CSS class added to container.
    */
-  observe: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.node,
-    PropTypes.instanceOf(Component),
-    PropTypes.shape({ current: PropTypes.node }),
-    PropTypes.shape({ current: PropTypes.instanceOf(Component) })
-  ]),
+  className: PropTypes.string,
   /**
    * Deactivate the ability to resize the overlay on mobile.
    * /!\ This prop is only used if isMobile (observer width < 768px).
@@ -33,54 +23,64 @@ const propTypes = {
    * /!\ This prop is only used if isMobile (observer width < 768px).
    */
   mobileSize: PropTypes.shape({
-    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     defaultSize: PropTypes.shape({
       height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
       width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
     }),
+    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     size: PropTypes.shape({
       height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
       width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
     })
   }),
   /**
-   * Minimal width to consider the observed as mobile.
-   * Default is 768px.
+   * Observed element to define screen size.
    */
-  thresholdWidthForMobile: PropTypes.number,
+  observe: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.node,
+    PropTypes.instanceOf(Component),
+    PropTypes.shape({ current: PropTypes.node }),
+    PropTypes.shape({ current: PropTypes.instanceOf(Component) })
+  ]),
   /**
-   * Callback when stop resizing
+   * Callback when start resizing
    * Pass following prop to re-resizable component
    * (https://github.com/bokuweb/re-resizable)
    */
-  onResizeStop: PropTypes.func,
+  onResizeStart: PropTypes.func,
   /**
-   * Callback when start resizing
+   * Callback when stop resizing
    * Pass following prop to re-resizable component
    * (https://github.com/bokuweb/re-resizable)
    */
-  onResizeStart: PropTypes.func
+  onResizeStop: PropTypes.func,
+  /**
+   * Minimal width to consider the observed as mobile.
+   * Default is 768px.
+   */
+  thresholdWidthForMobile: PropTypes.number
 };
 const defaultMobileSize = {
   defaultSize: {
-    width: "100%",
-    height: "25%"
+    height: "25%",
+    width: "100%"
   },
-  size: void 0,
   maximalHeight: "100%",
-  minimalHeight: "25%"
+  minimalHeight: "25%",
+  size: void 0
 };
 const emptyFunc = () => {
 };
 function Overlay({
-  observe = null,
-  className = null,
   children = null,
+  className = null,
   isMobileResizable = true,
   mobileSize = defaultMobileSize,
-  onResizeStop = emptyFunc,
+  observe = null,
   onResizeStart = emptyFunc,
+  onResizeStop = emptyFunc,
   thresholdWidthForMobile = 768
 }) {
   const [isMobile, setIsMobile] = useState();
@@ -97,40 +97,40 @@ function Overlay({
   return /* @__PURE__ */ React.createElement(React.Fragment, null, observe ? /* @__PURE__ */ React.createElement(ResizeHandler, { observe, onResize }) : null, isMobile ? /* @__PURE__ */ React.createElement(
     Resizable,
     {
-      style: {
-        position: "absolute"
-      },
+      className: `tm-overlay-mobile${className ? ` ${className}` : ""}`,
+      defaultSize: mobileSize && resizableMobileSize.defaultSize,
       enable: {
-        top: isMobileResizable,
-        right: false,
         bottom: false,
-        left: false,
-        topRight: false,
-        bottomRight: false,
         bottomLeft: false,
-        topLeft: false
+        bottomRight: false,
+        left: false,
+        right: false,
+        top: isMobileResizable,
+        topLeft: false,
+        topRight: false
       },
-      maxHeight: mobileSize && resizableMobileSize.maximalHeight,
-      minHeight: mobileSize && resizableMobileSize.minimalHeight,
       handleComponent: {
         top: /* @__PURE__ */ React.createElement("div", { className: "tm-overlay-handler" }, "\u2014")
       },
-      onResizeStart,
-      onResizeStop,
       handleStyles: {
         top: {
-          top: "-20px",
+          alignItems: "center",
+          display: "flex",
           height: "20px",
+          justifyContent: "center",
           padding: "20px 0",
-          width: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
+          top: "-20px",
+          width: "100%"
         }
       },
+      maxHeight: mobileSize && resizableMobileSize.maximalHeight,
+      minHeight: mobileSize && resizableMobileSize.minimalHeight,
+      onResizeStart,
+      onResizeStop,
       size: resizableMobileSize.size,
-      defaultSize: mobileSize && resizableMobileSize.defaultSize,
-      className: `tm-overlay-mobile${className ? ` ${className}` : ""}`
+      style: {
+        position: "absolute"
+      }
     },
     /* @__PURE__ */ React.createElement("div", { className: "tm-overlay-mobile-content" }, children)
   ) : /* @__PURE__ */ React.createElement("div", { className: `tm-overlay${className ? ` ${className}` : ""}` }, children));

package/components/Overlay/Overlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Overlay/Overlay.js"],
-  "sourcesContent": ["import React, { Component, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Resizable } from \"re-resizable\";\nimport ResizeHandler from \"../ResizeHandler\";\n\nconst propTypes = {\n  /**\n   * CSS class added to container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Children content of the overlay.\n   */\n  children: PropTypes.node,\n\n  /**\n   * Observed element to define screen size.\n   */\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.node }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n\n  /**\n   * Deactivate the ability to resize the overlay on mobile.\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  isMobileResizable: PropTypes.bool,\n\n  /**\n   * Size parameters to the Resizable component on mobile.\n   * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'\n   * (https://github.com/bokuweb/re-resizable)\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  mobileSize: PropTypes.shape({\n    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    defaultSize: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n    size: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n  }),\n\n  /**\n   * Minimal width to consider the observed as mobile.\n   * Default is 768px.\n   */\n  thresholdWidthForMobile: PropTypes.number,\n\n  /**\n   * Callback when stop resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStop: PropTypes.func,\n\n  /**\n   * Callback when start resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStart: PropTypes.func,\n};\n\nconst defaultMobileSize = {\n  defaultSize: {\n    width: \"100%\",\n    height: \"25%\",\n  },\n  size: undefined,\n  maximalHeight: \"100%\",\n  minimalHeight: \"25%\",\n};\n\nconst emptyFunc = () => {};\n/**\n * The Overlay component creates a resizable, swipable overlay <div\\>\n */\nfunction Overlay({\n  observe = null,\n  className = null,\n  children = null,\n  isMobileResizable = true,\n  mobileSize = defaultMobileSize,\n  onResizeStop = emptyFunc,\n  onResizeStart = emptyFunc,\n  thresholdWidthForMobile = 768,\n}) {\n  const [isMobile, setIsMobile] = useState();\n\n  const onResize = (entries) => {\n    for (let i = 0; i < entries.length; i += 1) {\n      const { width } = entries[i].contentRect;\n      setIsMobile(width <= thresholdWidthForMobile);\n    }\n  };\n\n  let resizableMobileSize;\n  if (mobileSize) {\n    resizableMobileSize = { ...defaultMobileSize, ...mobileSize };\n  }\n\n  return (\n    <>\n      {observe ? <ResizeHandler observe={observe} onResize={onResize} /> : null}\n      {isMobile ? (\n        <Resizable\n          style={{\n            position: \"absolute\",\n          }}\n          enable={{\n            top: isMobileResizable,\n            right: false,\n            bottom: false,\n            left: false,\n            topRight: false,\n            bottomRight: false,\n            bottomLeft: false,\n            topLeft: false,\n          }}\n          maxHeight={mobileSize && resizableMobileSize.maximalHeight}\n          minHeight={mobileSize && resizableMobileSize.minimalHeight}\n          handleComponent={{\n            top: <div className=\"tm-overlay-handler\">&mdash;</div>,\n          }}\n          onResizeStart={onResizeStart}\n          onResizeStop={onResizeStop}\n          handleStyles={{\n            top: {\n              top: \"-20px\",\n              height: \"20px\",\n              padding: \"20px 0\",\n              width: \"100%\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n            },\n          }}\n          size={resizableMobileSize.size}\n          defaultSize={mobileSize && resizableMobileSize.defaultSize}\n          className={`tm-overlay-mobile${className ? ` ${className}` : \"\"}`}\n        >\n          <div className=\"tm-overlay-mobile-content\">{children}</div>\n        </Resizable>\n      ) : (\n        <div className={`tm-overlay${className ? ` ${className}` : \"\"}`}>\n          {children}\n        </div>\n      )}\n    </>\n  );\n}\n\nOverlay.propTypes = propTypes;\n\nexport default Overlay;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import PropTypes from \"prop-types\";\nimport { Resizable } from \"re-resizable\";\nimport React, { Component, useState } from \"react\";\n\nimport ResizeHandler from \"../ResizeHandler\";\n\nconst propTypes = {\n  /**\n   * Children content of the overlay.\n   */\n  children: PropTypes.node,\n\n  /**\n   * CSS class added to container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Deactivate the ability to resize the overlay on mobile.\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  isMobileResizable: PropTypes.bool,\n\n  /**\n   * Size parameters to the Resizable component on mobile.\n   * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'\n   * (https://github.com/bokuweb/re-resizable)\n   * /!\\ This prop is only used if isMobile (observer width < 768px).\n   */\n  mobileSize: PropTypes.shape({\n    defaultSize: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n    maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    size: PropTypes.shape({\n      height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    }),\n  }),\n\n  /**\n   * Observed element to define screen size.\n   */\n  observe: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.instanceOf(Component),\n    PropTypes.shape({ current: PropTypes.node }),\n    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),\n  ]),\n\n  /**\n   * Callback when start resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStart: PropTypes.func,\n\n  /**\n   * Callback when stop resizing\n   * Pass following prop to re-resizable component\n   * (https://github.com/bokuweb/re-resizable)\n   */\n  onResizeStop: PropTypes.func,\n\n  /**\n   * Minimal width to consider the observed as mobile.\n   * Default is 768px.\n   */\n  thresholdWidthForMobile: PropTypes.number,\n};\n\nconst defaultMobileSize = {\n  defaultSize: {\n    height: \"25%\",\n    width: \"100%\",\n  },\n  maximalHeight: \"100%\",\n  minimalHeight: \"25%\",\n  size: undefined,\n};\n\nconst emptyFunc = () => {};\n/**\n * The Overlay component creates a resizable, swipable overlay <div\\>\n */\nfunction Overlay({\n  children = null,\n  className = null,\n  isMobileResizable = true,\n  mobileSize = defaultMobileSize,\n  observe = null,\n  onResizeStart = emptyFunc,\n  onResizeStop = emptyFunc,\n  thresholdWidthForMobile = 768,\n}) {\n  const [isMobile, setIsMobile] = useState();\n\n  const onResize = (entries) => {\n    for (let i = 0; i < entries.length; i += 1) {\n      const { width } = entries[i].contentRect;\n      setIsMobile(width <= thresholdWidthForMobile);\n    }\n  };\n\n  let resizableMobileSize;\n  if (mobileSize) {\n    resizableMobileSize = { ...defaultMobileSize, ...mobileSize };\n  }\n\n  return (\n    <>\n      {observe ? <ResizeHandler observe={observe} onResize={onResize} /> : null}\n      {isMobile ? (\n        <Resizable\n          className={`tm-overlay-mobile${className ? ` ${className}` : \"\"}`}\n          defaultSize={mobileSize && resizableMobileSize.defaultSize}\n          enable={{\n            bottom: false,\n            bottomLeft: false,\n            bottomRight: false,\n            left: false,\n            right: false,\n            top: isMobileResizable,\n            topLeft: false,\n            topRight: false,\n          }}\n          handleComponent={{\n            top: <div className=\"tm-overlay-handler\">&mdash;</div>,\n          }}\n          handleStyles={{\n            top: {\n              alignItems: \"center\",\n              display: \"flex\",\n              height: \"20px\",\n              justifyContent: \"center\",\n              padding: \"20px 0\",\n              top: \"-20px\",\n              width: \"100%\",\n            },\n          }}\n          maxHeight={mobileSize && resizableMobileSize.maximalHeight}\n          minHeight={mobileSize && resizableMobileSize.minimalHeight}\n          onResizeStart={onResizeStart}\n          onResizeStop={onResizeStop}\n          size={resizableMobileSize.size}\n          style={{\n            position: \"absolute\",\n          }}\n        >\n          <div className=\"tm-overlay-mobile-content\">{children}</div>\n        </Resizable>\n      ) : (\n        <div className={`tm-overlay${className ? ` ${className}` : \"\"}`}>\n          {children}\n        </div>\n      )}\n    </>\n  );\n}\n\nOverlay.propTypes = propTypes;\n\nexport default Overlay;\n"],
+  "mappings": "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",
   "names": []
 }