react-spatial 2.0.2 → 2.1.6

package/components/MousePosition/MousePosition.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/MousePosition/MousePosition.js"],
-  "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": "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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?.length) {\n    return null;\n  }\n\n  return (\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": "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",
   "names": []
 }

package/components/NorthArrow/NorthArrow.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import OLMap from "ol/Map";
 import { toDegrees } from "ol/math";
 import { unByKey } from "ol/Observable";
@@ -45,14 +46,14 @@ function NorthArrow({
       unByKey(key);
     };
   }, [map, rotationOffset]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "rs-north-arrow",
       ...other,
-      style: { transform: `rotate(${rotation}deg)` }
-    },
-    children || (circled ? /* @__PURE__ */ React.createElement(NorthArrowCircle, null) : /* @__PURE__ */ React.createElement(NorthArrowSimple, null))
+      style: { transform: `rotate(${rotation}deg)` },
+      children: children || (circled ? /* @__PURE__ */ jsx(NorthArrowCircle, {}) : /* @__PURE__ */ jsx(NorthArrowSimple, {}))
+    }
   );
 }
 NorthArrow.propTypes = propTypes;

package/components/NorthArrow/NorthArrow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/NorthArrow/NorthArrow.js"],
-  "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;",
+  "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      {...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": "AAkE8B;AAlE9B,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,MACT,GAAG;AAAA,MACJ,OAAO,EAAE,WAAW,UAAU,QAAQ,OAAO;AAAA,MAE5C,uBAAa,UAAU,oBAAC,oBAAiB,IAAK,oBAAC,oBAAiB;AAAA;AAAA,EACnE;AAEJ;AAEA,WAAW,YAAY;AAEvB,eAAe,MAAM,KAAK,UAAU;",
   "names": []
 }

package/components/Overlay/Overlay.js

@@ -1,3 +1,4 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { Resizable } from "re-resizable";
 import React, { Component, useState } from "react";
@@ -94,46 +95,49 @@ function Overlay({
   if (mobileSize) {
     resizableMobileSize = { ...defaultMobileSize, ...mobileSize };
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, observe ? /* @__PURE__ */ React.createElement(ResizeHandler, { observe, onResize }) : null, isMobile ? /* @__PURE__ */ React.createElement(
-    Resizable,
-    {
-      className: `tm-overlay-mobile${className ? ` ${className}` : ""}`,
-      defaultSize: mobileSize && resizableMobileSize.defaultSize,
-      enable: {
-        bottom: false,
-        bottomLeft: false,
-        bottomRight: false,
-        left: false,
-        right: false,
-        top: isMobileResizable,
-        topLeft: false,
-        topRight: false
-      },
-      handleComponent: {
-        top: /* @__PURE__ */ React.createElement("div", { className: "tm-overlay-handler" }, "\u2014")
-      },
-      handleStyles: {
-        top: {
-          alignItems: "center",
-          display: "flex",
-          height: "20px",
-          justifyContent: "center",
-          padding: "20px 0",
-          top: "-20px",
-          width: "100%"
-        }
-      },
-      maxHeight: mobileSize && resizableMobileSize.maximalHeight,
-      minHeight: mobileSize && resizableMobileSize.minimalHeight,
-      onResizeStart,
-      onResizeStop,
-      size: resizableMobileSize.size,
-      style: {
-        position: "absolute"
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    observe ? /* @__PURE__ */ jsx(ResizeHandler, { observe, onResize }) : null,
+    isMobile ? /* @__PURE__ */ jsx(
+      Resizable,
+      {
+        className: `tm-overlay-mobile${className ? ` ${className}` : ""}`,
+        defaultSize: mobileSize && resizableMobileSize.defaultSize,
+        enable: {
+          bottom: false,
+          bottomLeft: false,
+          bottomRight: false,
+          left: false,
+          right: false,
+          top: isMobileResizable,
+          topLeft: false,
+          topRight: false
+        },
+        handleComponent: {
+          top: /* @__PURE__ */ jsx("div", { className: "tm-overlay-handler", children: "\u2014" })
+        },
+        handleStyles: {
+          top: {
+            alignItems: "center",
+            display: "flex",
+            height: "20px",
+            justifyContent: "center",
+            padding: "20px 0",
+            top: "-20px",
+            width: "100%"
+          }
+        },
+        maxHeight: mobileSize && resizableMobileSize.maximalHeight,
+        minHeight: mobileSize && resizableMobileSize.minimalHeight,
+        onResizeStart,
+        onResizeStop,
+        size: resizableMobileSize.size,
+        style: {
+          position: "absolute"
+        },
+        children: /* @__PURE__ */ jsx("div", { className: "tm-overlay-mobile-content", children })
       }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "tm-overlay-mobile-content" }, children)
-  ) : /* @__PURE__ */ React.createElement("div", { className: `tm-overlay${className ? ` ${className}` : ""}` }, children));
+    ) : /* @__PURE__ */ jsx("div", { className: `tm-overlay${className ? ` ${className}` : ""}`, children })
+  ] });
 }
 Overlay.propTypes = propTypes;
 export default Overlay;

package/components/Overlay/Overlay.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/Overlay/Overlay.js"],
   "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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",
+  "mappings": "AAiHI,mBACa,KADb;AAjHJ,OAAO,eAAe;AACtB,SAAS,iBAAiB;AAC1B,OAAO,SAAS,WAAW,gBAAgB;AAE3C,OAAO,mBAAmB;AAE1B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAKpB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrB,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ7B,YAAY,UAAU,MAAM;AAAA,IAC1B,aAAa,UAAU,MAAM;AAAA,MAC3B,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,MAChE,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,IACD,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACvE,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACvE,MAAM,UAAU,MAAM;AAAA,MACpB,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,MAChE,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IACjE,CAAC;AAAA,EACH,CAAC;AAAA;AAAA;AAAA;AAAA,EAKD,SAAS,UAAU,UAAU;AAAA,IAC3B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU,WAAW,SAAS;AAAA,IAC9B,UAAU,MAAM,EAAE,SAAS,UAAU,KAAK,CAAC;AAAA,IAC3C,UAAU,MAAM,EAAE,SAAS,UAAU,WAAW,SAAS,EAAE,CAAC;AAAA,EAC9D,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzB,cAAc,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,yBAAyB,UAAU;AACrC;AAEA,MAAM,oBAAoB;AAAA,EACxB,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,MAAM;AACR;AAEA,MAAM,YAAY,MAAM;AAAC;AAIzB,SAAS,QAAQ;AAAA,EACf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,0BAA0B;AAC5B,GAAG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS;AAEzC,QAAM,WAAW,CAAC,YAAY;AAC5B,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK,GAAG;AAC1C,YAAM,EAAE,MAAM,IAAI,QAAQ,CAAC,EAAE;AAC7B,kBAAY,SAAS,uBAAuB;AAAA,IAC9C;AAAA,EACF;AAEA,MAAI;AACJ,MAAI,YAAY;AACd,0BAAsB,EAAE,GAAG,mBAAmB,GAAG,WAAW;AAAA,EAC9D;AAEA,SACE,iCACG;AAAA,cAAU,oBAAC,iBAAc,SAAkB,UAAoB,IAAK;AAAA,IACpE,WACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,oBAAoB,YAAY,IAAI,SAAS,KAAK,EAAE;AAAA,QAC/D,aAAa,cAAc,oBAAoB;AAAA,QAC/C,QAAQ;AAAA,UACN,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,aAAa;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU;AAAA,QACZ;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK,oBAAC,SAAI,WAAU,sBAAqB,oBAAO;AAAA,QAClD;AAAA,QACA,cAAc;AAAA,UACZ,KAAK;AAAA,YACH,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,KAAK;AAAA,YACL,OAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,WAAW,cAAc,oBAAoB;AAAA,QAC7C,WAAW,cAAc,oBAAoB;AAAA,QAC7C;AAAA,QACA;AAAA,QACA,MAAM,oBAAoB;AAAA,QAC1B,OAAO;AAAA,UACL,UAAU;AAAA,QACZ;AAAA,QAEA,8BAAC,SAAI,WAAU,6BAA6B,UAAS;AAAA;AAAA,IACvD,IAEA,oBAAC,SAAI,WAAW,aAAa,YAAY,IAAI,SAAS,KAAK,EAAE,IAC1D,UACH;AAAA,KAEJ;AAEJ;AAEA,QAAQ,YAAY;AAEpB,eAAe;",
   "names": []
 }

package/components/Permalink/Permalink.js

@@ -90,7 +90,7 @@ class Permalink extends PureComponent {
             } else {
               l.visible = true;
             }
-          } else if (!isBaseLayer(l) && !isLayerHidden(l) && !(l.children || l.get("children")).some((ll) => {
+          } else if (!isBaseLayer(l) && !isLayerHidden(l) && !(l.children || l.get("children"))?.some((ll) => {
             return ll.getVisible ? ll.getVisible() : ll.visible;
           })) {
             if (l.setVisible) {

package/components/Permalink/Permalink.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Permalink/Permalink.js"],
-  "sourcesContent": ["import Layer from \"ol/layer/Layer\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport PropTypes from \"prop-types\";\nimport { PureComponent } from \"react\";\n\nimport getLayersAsFlatArray from \"../../utils/getLayersAsFlatArray\";\n\nconst propTypes = {\n  /**\n   * Maximum number of decimals allowed for coordinates.\n   */\n  coordinateDecimals: PropTypes.number,\n\n  /**\n   * Either 'react-router' history object:\n   * https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/history.md<br>\n   * or default fallback as HTML5 History:\n   * https://developer.mozilla.org/en-US/docs/Web/API/History\n   */\n  history: PropTypes.shape({\n    replace: PropTypes.func,\n  }),\n\n  /**\n   * Determine if the layer appears in the baselayers permalink parameter 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 baselayers permalink parameter\n   */\n  isBaseLayer: PropTypes.func,\n\n  /**\n   * Determine if the layer is hidden in the permalink 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 permalink\n   */\n  isLayerHidden: PropTypes.func,\n\n  /**\n   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Params to be written in url.\n   */\n  params: PropTypes.object,\n\n  /**\n   * Custom function to be called when the permalink is updated.\n   * This property has priority over the history parameter and window.history.replaceState calls.\n   */\n  replace: PropTypes.func,\n};\n\nconst defaultProps = {\n  coordinateDecimals: 2,\n  history: null,\n  isBaseLayer: (layer) => {\n    return layer.get(\"isBaseLayer\");\n  },\n  isLayerHidden: () => {\n    return false;\n  },\n  layers: [],\n  map: null,\n  params: {},\n  replace: null,\n};\n\n/**\n * This component handles permalink logic. Injecting an\n * __[ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)__\n * will add the *map center* (x, y) and the *zoom* (z) parameters to the permalink.\n * Injecting layers will add the *baselayers* and/or *layers* parameters. Further parameters can\n * be added using __params__.\n */\nclass Permalink extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = { revision: 0 };\n    this.onPropertyChangeKeys = [];\n  }\n\n  componentDidMount() {\n    const { isBaseLayer, isLayerHidden, layers, map } = this.props;\n    if (map) {\n      this.moveEndRef = map.on(\"moveend\", () => {\n        this.onMapMoved();\n      });\n    }\n\n    if (layers) {\n      // set layer visibility based on 'layers' parameter.\n      const urlParams = new URLSearchParams(window.location.search);\n\n      if (urlParams.get(\"layers\")) {\n        const visibleLayers = urlParams.get(\"layers\").split(\",\");\n        getLayersAsFlatArray(layers).forEach((l) => {\n          if (visibleLayers.includes(l.key || l.get(\"key\"))) {\n            if (l.setVisible) {\n              l.setVisible(true);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              l.visible = true;\n            }\n          } else if (\n            !isBaseLayer(l) &&\n            !isLayerHidden(l) &&\n            !(l.children || l.get(\"children\")).some((ll) => {\n              return ll.getVisible ? ll.getVisible() : ll.visible;\n            })\n          ) {\n            if (l.setVisible) {\n              l.setVisible(false);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              l.visible = false;\n            }\n          }\n        });\n      }\n\n      // Set baser layer visibility based on 'baseLayers' parameter.\n      // Show the first of the list then hide the others\n      const visibleBaseLayer = (urlParams.get(\"baselayers\") || \"\").split(\n        \",\",\n      )[0];\n      if (visibleBaseLayer) {\n        getLayersAsFlatArray(layers)\n          .filter(isBaseLayer)\n          .forEach((baseLayer) => {\n            const key = baseLayer.key || baseLayer.get(\"key\");\n            const visible = key === visibleBaseLayer;\n            if (baseLayer.setVisible) {\n              baseLayer.setVisible(visible);\n            } else {\n              // eslint-disable-next-line no-param-reassign\n              baseLayer.visible = visible;\n            }\n          });\n      }\n      this.updateLayers();\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { layers, map } = this.props;\n    const { revision } = this.state;\n\n    if (layers !== prevProps.layers || revision !== prevState.revision) {\n      this.updateLayers();\n    }\n\n    if (map !== prevProps.map) {\n      unByKey(this.moveEndRef);\n      this.moveEndRef = map.on(\"moveend\", () => {\n        return this.onMapMoved();\n      });\n    }\n\n    this.updateHistory();\n  }\n\n  componentWillUnmount() {\n    const { map } = this.props;\n\n    if (map) {\n      unByKey(this.moveEndRef);\n    }\n    unByKey(this.onPropertyChangeKeys);\n    this.onPropertyChangeKeys = [];\n  }\n\n  onMapMoved() {\n    const { map } = this.props;\n    const mapView = map.getView();\n    const center = mapView.getCenter();\n    const params = {};\n\n    if (\n      center !== undefined &&\n      center[0] !== undefined &&\n      center[1] !== undefined\n    ) {\n      params.x = this.roundCoord(center[0]);\n      params.y = this.roundCoord(center[1]);\n    }\n\n    this.setState({\n      ...params,\n      // rounds zoom to two digits max.\n      z: +`${Math.round(`${parseFloat(mapView.getZoom())}e+2`)}e-2`,\n    });\n  }\n\n  render() {\n    return null;\n  }\n\n  roundCoord(val) {\n    const { coordinateDecimals } = this.props;\n    return parseFloat(val.toFixed(coordinateDecimals));\n  }\n\n  updateHistory() {\n    const { history, params, replace } = this.props;\n    const oldParams = new URLSearchParams(window.location.search);\n    const parameters = {\n      ...Object.fromEntries(oldParams.entries()),\n      ...this.state,\n      ...params,\n    };\n\n    delete parameters.revision;\n\n    // Remove parameters that are undefined or null\n    Object.entries(parameters).forEach(([key, value]) => {\n      if (value === undefined || value === null) {\n        delete parameters[key];\n      }\n    });\n\n    // We don't encode the , to leave the permalink lisible\n    const qStr = new URLSearchParams(parameters)\n      .toString()\n      .replace(/%2C/g, \",\");\n    const search = qStr ? `?${qStr}` : \"\";\n\n    if (\n      (!qStr && window.location.search) ||\n      (qStr && search !== window.location.search)\n    ) {\n      if (replace) {\n        replace({ parameters, search });\n      } else if (history) {\n        history.replace({ search });\n      } else {\n        const { hash } = window.location;\n        window.history.replaceState(\n          undefined,\n          undefined,\n          `${search}${hash || \"\"}`,\n        );\n      }\n    }\n  }\n\n  updateLayers() {\n    const { isBaseLayer, isLayerHidden, layers } = this.props;\n    const { revision } = this.state;\n\n    unByKey(this.onPropertyChangeKeys);\n    this.onPropertyChangeKeys = getLayersAsFlatArray(layers).map((layer) => {\n      return layer.on(\"change:visible\", () => {\n        this.setState({ revision: revision + 1 });\n      });\n    });\n\n    // layers param\n    let layersParam;\n    if (layers.length) {\n      layersParam = getLayersAsFlatArray(layers)\n        .filter((l) => {\n          const children = l.get(\"children\") || l.children || [];\n          const allChildrenHidden = children.every((child) => {\n            return isLayerHidden(child);\n          });\n          const hasVisibleChildren = children.some((child) => {\n            return child.getVisible ? child.getVisible() : child.visible;\n          });\n          const isVisible = l.getVisible ? l.getVisible() : l.visible;\n          return (\n            !isBaseLayer(l) &&\n            !isLayerHidden(l) &&\n            isVisible &&\n            (!hasVisibleChildren || allChildrenHidden)\n          );\n        })\n        .map((l) => {\n          return l.key || l.get(\"key\");\n        })\n        .join();\n    }\n\n    // baselayers param\n    let baseLayersParam;\n    const baseLayers = getLayersAsFlatArray(layers).filter(isBaseLayer);\n    if (baseLayers.length) {\n      // First baselayers in order of visibility, top layer is first\n      const visibleBaseLayers = (\n        baseLayers.filter((l) => {\n          return l.getVisible ? l.getVisible() : l.visible;\n        }) || []\n      ).reverse();\n      const nonVisibleBaseLayers =\n        baseLayers.filter((l) => {\n          return !(l.getVisible ? l.getVisible() : l.visible);\n        }) || [];\n      baseLayersParam = [...visibleBaseLayers, ...nonVisibleBaseLayers]\n        .sort((a, b) => {\n          const aVisible = a.getVisible ? a.getVisible() : a.visible;\n          const bVisible = b.getVisible ? b.getVisible() : b.visible;\n          if (aVisible === bVisible) {\n            return 0;\n          }\n          if (aVisible && !bVisible) {\n            return -1;\n          }\n          return 1;\n        })\n        .map((l) => {\n          return l.key || l.get(\"key\");\n        })\n        .join();\n    }\n\n    // Only add parameters if there is actually some layers added.\n    this.setState({\n      baselayers: baseLayersParam,\n      layers: layersParam,\n    });\n  }\n}\n\nPermalink.propTypes = propTypes;\nPermalink.defaultProps = defaultProps;\n\nexport default Permalink;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import Layer from \"ol/layer/Layer\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport PropTypes from \"prop-types\";\nimport { PureComponent } from \"react\";\n\nimport getLayersAsFlatArray from \"../../utils/getLayersAsFlatArray\";\n\nconst propTypes = {\n  /**\n   * Maximum number of decimals allowed for coordinates.\n   */\n  coordinateDecimals: PropTypes.number,\n\n  /**\n   * Either 'react-router' history object:\n   * https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/history.md<br>\n   * or default fallback as HTML5 History:\n   * https://developer.mozilla.org/en-US/docs/Web/API/History\n   */\n  history: PropTypes.shape({\n    replace: PropTypes.func,\n  }),\n\n  /**\n   * Determine if the layer appears in the baselayers permalink parameter 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 baselayers permalink parameter\n   */\n  isBaseLayer: PropTypes.func,\n\n  /**\n   * Determine if the layer is hidden in the permalink 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 permalink\n   */\n  isLayerHidden: PropTypes.func,\n\n  /**\n   * Layers provider.\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Params to be written in url.\n   */\n  params: PropTypes.object,\n\n  /**\n   * Custom function to be called when the permalink is updated.\n   * This property has priority over the history parameter and window.history.replaceState calls.\n   */\n  replace: PropTypes.func,\n};\n\nconst defaultProps = {\n  coordinateDecimals: 2,\n  history: null,\n  isBaseLayer: (layer) => {\n    return layer.get(\"isBaseLayer\");\n  },\n  isLayerHidden: () => {\n    return false;\n  },\n  layers: [],\n  map: null,\n  params: {},\n  replace: null,\n};\n\n/**\n * This component handles permalink logic. Injecting an\n * __[ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)__\n * will add the *map center* (x, y) and the *zoom* (z) parameters to the permalink.\n * Injecting layers will add the *baselayers* and/or *layers* parameters. Further parameters can\n * be added using __params__.\n */\nclass Permalink extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = { revision: 0 };\n    this.onPropertyChangeKeys = [];\n  }\n\n  componentDidMount() {\n    const { isBaseLayer, isLayerHidden, layers, map } = this.props;\n    if (map) {\n      this.moveEndRef = map.on(\"moveend\", () => {\n        this.onMapMoved();\n      });\n    }\n\n    if (layers) {\n      // set layer visibility based on 'layers' parameter.\n      const urlParams = new URLSearchParams(window.location.search);\n\n      if (urlParams.get(\"layers\")) {\n        const visibleLayers = urlParams.get(\"layers\").split(\",\");\n        getLayersAsFlatArray(layers).forEach((l) => {\n          if (visibleLayers.includes(l.key || l.get(\"key\"))) {\n            if (l.setVisible) {\n              l.setVisible(true);\n            } else {\n              l.visible = true;\n            }\n          } else if (\n            !isBaseLayer(l) &&\n            !isLayerHidden(l) &&\n            !(l.children || l.get(\"children\"))?.some((ll) => {\n              return ll.getVisible ? ll.getVisible() : ll.visible;\n            })\n          ) {\n            if (l.setVisible) {\n              l.setVisible(false);\n            } else {\n              l.visible = false;\n            }\n          }\n        });\n      }\n\n      // Set baser layer visibility based on 'baseLayers' parameter.\n      // Show the first of the list then hide the others\n      const visibleBaseLayer = (urlParams.get(\"baselayers\") || \"\").split(\n        \",\",\n      )[0];\n      if (visibleBaseLayer) {\n        getLayersAsFlatArray(layers)\n          .filter(isBaseLayer)\n          .forEach((baseLayer) => {\n            const key = baseLayer.key || baseLayer.get(\"key\");\n            const visible = key === visibleBaseLayer;\n            if (baseLayer.setVisible) {\n              baseLayer.setVisible(visible);\n            } else {\n              baseLayer.visible = visible;\n            }\n          });\n      }\n      this.updateLayers();\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { layers, map } = this.props;\n    const { revision } = this.state;\n\n    if (layers !== prevProps.layers || revision !== prevState.revision) {\n      this.updateLayers();\n    }\n\n    if (map !== prevProps.map) {\n      unByKey(this.moveEndRef);\n      this.moveEndRef = map.on(\"moveend\", () => {\n        return this.onMapMoved();\n      });\n    }\n\n    this.updateHistory();\n  }\n\n  componentWillUnmount() {\n    const { map } = this.props;\n\n    if (map) {\n      unByKey(this.moveEndRef);\n    }\n    unByKey(this.onPropertyChangeKeys);\n    this.onPropertyChangeKeys = [];\n  }\n\n  onMapMoved() {\n    const { map } = this.props;\n    const mapView = map.getView();\n    const center = mapView.getCenter();\n    const params = {};\n\n    if (\n      center !== undefined &&\n      center[0] !== undefined &&\n      center[1] !== undefined\n    ) {\n      params.x = this.roundCoord(center[0]);\n      params.y = this.roundCoord(center[1]);\n    }\n\n    this.setState({\n      ...params,\n      // rounds zoom to two digits max.\n      z: +`${Math.round(`${parseFloat(mapView.getZoom())}e+2`)}e-2`,\n    });\n  }\n\n  render() {\n    return null;\n  }\n\n  roundCoord(val) {\n    const { coordinateDecimals } = this.props;\n    return parseFloat(val.toFixed(coordinateDecimals));\n  }\n\n  updateHistory() {\n    const { history, params, replace } = this.props;\n    const oldParams = new URLSearchParams(window.location.search);\n    const parameters = {\n      ...Object.fromEntries(oldParams.entries()),\n      ...this.state,\n      ...params,\n    };\n\n    delete parameters.revision;\n\n    // Remove parameters that are undefined or null\n    Object.entries(parameters).forEach(([key, value]) => {\n      if (value === undefined || value === null) {\n        delete parameters[key];\n      }\n    });\n\n    // We don't encode the , to leave the permalink lisible\n    const qStr = new URLSearchParams(parameters)\n      .toString()\n      .replace(/%2C/g, \",\");\n    const search = qStr ? `?${qStr}` : \"\";\n\n    if (\n      (!qStr && window.location.search) ||\n      (qStr && search !== window.location.search)\n    ) {\n      if (replace) {\n        replace({ parameters, search });\n      } else if (history) {\n        history.replace({ search });\n      } else {\n        const { hash } = window.location;\n        window.history.replaceState(\n          undefined,\n          undefined,\n          `${search}${hash || \"\"}`,\n        );\n      }\n    }\n  }\n\n  updateLayers() {\n    const { isBaseLayer, isLayerHidden, layers } = this.props;\n    const { revision } = this.state;\n\n    unByKey(this.onPropertyChangeKeys);\n    this.onPropertyChangeKeys = getLayersAsFlatArray(layers).map((layer) => {\n      return layer.on(\"change:visible\", () => {\n        this.setState({ revision: revision + 1 });\n      });\n    });\n\n    // layers param\n    let layersParam;\n    if (layers.length) {\n      layersParam = getLayersAsFlatArray(layers)\n        .filter((l) => {\n          const children = l.get(\"children\") || l.children || [];\n          const allChildrenHidden = children.every((child) => {\n            return isLayerHidden(child);\n          });\n          const hasVisibleChildren = children.some((child) => {\n            return child.getVisible ? child.getVisible() : child.visible;\n          });\n          const isVisible = l.getVisible ? l.getVisible() : l.visible;\n          return (\n            !isBaseLayer(l) &&\n            !isLayerHidden(l) &&\n            isVisible &&\n            (!hasVisibleChildren || allChildrenHidden)\n          );\n        })\n        .map((l) => {\n          return l.key || l.get(\"key\");\n        })\n        .join();\n    }\n\n    // baselayers param\n    let baseLayersParam;\n    const baseLayers = getLayersAsFlatArray(layers).filter(isBaseLayer);\n    if (baseLayers.length) {\n      // First baselayers in order of visibility, top layer is first\n      const visibleBaseLayers = (\n        baseLayers.filter((l) => {\n          return l.getVisible ? l.getVisible() : l.visible;\n        }) || []\n      ).reverse();\n      const nonVisibleBaseLayers =\n        baseLayers.filter((l) => {\n          return !(l.getVisible ? l.getVisible() : l.visible);\n        }) || [];\n      baseLayersParam = [...visibleBaseLayers, ...nonVisibleBaseLayers]\n        .sort((a, b) => {\n          const aVisible = a.getVisible ? a.getVisible() : a.visible;\n          const bVisible = b.getVisible ? b.getVisible() : b.visible;\n          if (aVisible === bVisible) {\n            return 0;\n          }\n          if (aVisible && !bVisible) {\n            return -1;\n          }\n          return 1;\n        })\n        .map((l) => {\n          return l.key || l.get(\"key\");\n        })\n        .join();\n    }\n\n    // Only add parameters if there is actually some layers added.\n    this.setState({\n      baselayers: baseLayersParam,\n      layers: layersParam,\n    });\n  }\n}\n\nPermalink.propTypes = propTypes;\nPermalink.defaultProps = defaultProps;\n\nexport default Permalink;\n"],
+  "mappings": "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",
   "names": []
 }

package/components/Popup/Popup.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { getCenter } from "ol/extent";
 import Feature from "ol/Feature";
 import OLMap from "ol/Map";
@@ -94,7 +95,7 @@ class Popup extends PureComponent {
     this.postrenderKey = null;
   }
   static renderCloseButton({ onCloseClick, titles }) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         "aria-label": titles.closeButton,
@@ -107,14 +108,17 @@ class Popup extends PureComponent {
         },
         role: "button",
         tabIndex: 0,
-        title: titles.closeButton
-      },
-      /* @__PURE__ */ React.createElement(MdClose, { focusable: false })
+        title: titles.closeButton,
+        children: /* @__PURE__ */ jsx(MdClose, { focusable: false })
+      }
     );
   }
   static renderHeader(props) {
     const { header, renderCloseButton } = props;
-    return /* @__PURE__ */ React.createElement("div", { className: "rs-popup-header" }, header, (renderCloseButton || Popup.renderCloseButton)(props));
+    return /* @__PURE__ */ jsxs("div", { className: "rs-popup-header", children: [
+      header,
+      (renderCloseButton || Popup.renderCloseButton)(props)
+    ] });
   }
   componentDidMount() {
     const { map } = this.props;
@@ -183,7 +187,7 @@ class Popup extends PureComponent {
     delete other.renderCloseButton;
     const { left, top } = this.state;
     const key = feature ? feature.getId() : popupCoordinate.join();
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: "rs-popup",
@@ -191,22 +195,24 @@ class Popup extends PureComponent {
           left,
           top
         },
-        ...other
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "rs-popup-container",
-          key,
-          ref: (popupElement) => {
-            this.setState({ popupElement });
+        ...other,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "rs-popup-container",
+            ref: (popupElement) => {
+              this.setState({ popupElement });
+            },
+            tabIndex,
+            children: [
+              (renderHeader || Popup.renderHeader)(this.props),
+              /* @__PURE__ */ jsx("div", { className: "rs-popup-body", children }),
+              renderFooter(this.props)
+            ]
           },
-          tabIndex
-        },
-        (renderHeader || Popup.renderHeader)(this.props),
-        /* @__PURE__ */ React.createElement("div", { className: "rs-popup-body" }, children),
-        renderFooter(this.props)
-      )
+          key
+        )
+      }
     );
   }
   updatePixelPosition() {
@@ -217,7 +223,7 @@ class Popup extends PureComponent {
     }
     if (coord) {
       const pos = map.getPixelFromCoordinate(coord);
-      if (pos && pos.length === 2) {
+      if (pos?.length === 2) {
         this.setState({
           left: pos[0],
           top: pos[1]

package/components/Popup/Popup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Popup/Popup.js"],
-  "sourcesContent": ["import { getCenter } from \"ol/extent\";\nimport Feature from \"ol/Feature\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport PropTypes from \"prop-types\";\nimport React, { PureComponent } from \"react\";\nimport { MdClose } from \"react-icons/md\";\n\nconst propTypes = {\n  /**\n   * React Children.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Class name of the popup.\n   */\n  className: PropTypes.string,\n\n  /**\n   * An [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html).\n   */\n  feature: PropTypes.instanceOf(Feature),\n\n  /**\n   * Popup title.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * Function triggered on close button click.\n   */\n  onCloseClick: PropTypes.func,\n\n  /**\n   * If true, the popup is panned in the map's viewport.\n   */\n  panIntoView: PropTypes.bool,\n\n  /**\n   * Custom BoundingClientRect to fit popup into.\n   * Use if panIntoView is true. Default is the map's BoundingClientRect.\n   */\n  panRect: PropTypes.objectOf(PropTypes.number),\n\n  /**\n   * Coordinate position of the popup.\n   */\n  popupCoordinate: PropTypes.arrayOf(PropTypes.number),\n\n  /**\n   * Render the close button\n   */\n  renderCloseButton: PropTypes.func,\n\n  /**\n   * Render the footer\n   */\n  renderFooter: PropTypes.func,\n\n  /**\n   * Render the header\n   */\n  renderHeader: PropTypes.func,\n\n  /**\n   * HTML tabIndex attribute.\n   */\n  tabIndex: PropTypes.string,\n\n  /**\n   * Title HTML attributes.\n   */\n  titles: PropTypes.shape({\n    closeButton: PropTypes.string,\n  }),\n};\n\nconst defaultProps = {\n  className: \"rs-popup\",\n  feature: null,\n  header: null,\n  onCloseClick: () => {},\n  panIntoView: false,\n  panRect: null,\n  popupCoordinate: null,\n  renderCloseButton: null,\n  renderFooter: () => {\n    return null;\n  },\n  renderHeader: null,\n  tabIndex: \"\",\n  titles: { closeButton: \"Close\" },\n};\n\n/**\n * The Popup component renders a popup over an\n * [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html)\n * on click.\n */\nclass Popup extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = {\n      left: 0,\n      popupElement: null,\n      top: 0,\n    };\n    this.postrenderKey = null;\n  }\n\n  static renderCloseButton({ onCloseClick, titles }) {\n    return (\n      <div\n        aria-label={titles.closeButton}\n        className=\"rs-popup-close-bt\"\n        onClick={() => {\n          return onCloseClick();\n        }}\n        onKeyPress={(evt) => {\n          return evt.which === 13 && onCloseClick();\n        }}\n        role=\"button\"\n        tabIndex={0}\n        title={titles.closeButton}\n      >\n        <MdClose focusable={false} />\n      </div>\n    );\n  }\n\n  static renderHeader(props) {\n    const { header, renderCloseButton } = props;\n    return (\n      <div className=\"rs-popup-header\">\n        {header}\n        {(renderCloseButton || Popup.renderCloseButton)(props)}\n      </div>\n    );\n  }\n\n  componentDidMount() {\n    const { map } = this.props;\n    this.updatePixelPosition();\n\n    this.postrenderKey = map.on(\"postrender\", () => {\n      this.updatePixelPosition();\n    });\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { feature, panIntoView, popupCoordinate } = this.props;\n    const { popupElement } = this.state;\n    if (\n      feature !== prevProps.feature ||\n      popupCoordinate !== prevProps.popupCoordinate\n    ) {\n      this.updatePixelPosition();\n    }\n\n    if (\n      panIntoView &&\n      popupElement &&\n      popupElement !== prevState.popupElement\n    ) {\n      this.panIntoView();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey(this.postrenderKey);\n  }\n\n  panIntoView() {\n    const { map, panRect } = this.props;\n    const { popupElement } = this.state;\n\n    const mapRect = panRect || map.getTarget().getBoundingClientRect();\n    const popupRect = popupElement.getBoundingClientRect();\n    const [x, y] = map.getView().getCenter();\n    const res = map.getView().getResolution();\n    const newCenter = [x, y];\n\n    if (mapRect.top > popupRect.top) {\n      newCenter[1] = y + (mapRect.top - popupRect.top) * res;\n    }\n\n    if (mapRect.left > popupRect.left) {\n      newCenter[0] = x - (mapRect.left - popupRect.left) * res;\n    }\n\n    if (mapRect.right < popupRect.right) {\n      newCenter[0] = x + (popupRect.right - mapRect.right) * res;\n    }\n\n    if (mapRect.bottom < popupRect.bottom) {\n      newCenter[1] = y - (popupRect.bottom - mapRect.bottom) * res;\n    }\n\n    if (newCenter[0] !== x || newCenter[1] !== y) {\n      map.getView().animate({ center: newCenter, duration: 500 });\n    }\n  }\n\n  render() {\n    const {\n      children,\n      feature,\n      header,\n      popupCoordinate,\n      renderFooter,\n      renderHeader,\n      tabIndex,\n      titles,\n      ...other\n    } = this.props;\n\n    if (!feature && !popupCoordinate) {\n      return null;\n    }\n\n    delete other.panIntoView;\n    delete other.panRect;\n    delete other.map;\n    delete other.header;\n    delete other.onCloseClick;\n    delete other.renderCloseButton;\n\n    const { left, top } = this.state;\n\n    // force re-render if the feature or the coordinate changes.\n    // this is needed to update the popupElement ref\n    const key = feature ? feature.getId() : popupCoordinate.join();\n    return (\n      <div\n        className=\"rs-popup\"\n        style={{\n          left,\n          top,\n        }}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...other}\n      >\n        <div\n          className=\"rs-popup-container\"\n          key={key}\n          ref={(popupElement) => {\n            this.setState({ popupElement });\n          }}\n          tabIndex={tabIndex}\n        >\n          {(renderHeader || Popup.renderHeader)(this.props)}\n          <div className=\"rs-popup-body\">{children}</div>\n          {renderFooter(this.props)}\n        </div>\n      </div>\n    );\n  }\n\n  updatePixelPosition() {\n    const { feature, map, popupCoordinate } = this.props;\n    let coord = popupCoordinate;\n\n    if (feature && !coord) {\n      coord = getCenter(feature.getGeometry().getExtent());\n    }\n\n    if (coord) {\n      const pos = map.getPixelFromCoordinate(coord);\n\n      if (pos && pos.length === 2) {\n        this.setState({\n          left: pos[0],\n          top: pos[1],\n        });\n      }\n    }\n  }\n}\n\nPopup.propTypes = propTypes;\nPopup.defaultProps = defaultProps;\n\nexport default Popup;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getCenter } from \"ol/extent\";\nimport Feature from \"ol/Feature\";\nimport OLMap from \"ol/Map\";\nimport { unByKey } from \"ol/Observable\";\nimport PropTypes from \"prop-types\";\nimport React, { PureComponent } from \"react\";\nimport { MdClose } from \"react-icons/md\";\n\nconst propTypes = {\n  /**\n   * React Children.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Class name of the popup.\n   */\n  className: PropTypes.string,\n\n  /**\n   * An [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html).\n   */\n  feature: PropTypes.instanceOf(Feature),\n\n  /**\n   * Popup title.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * Function triggered on close button click.\n   */\n  onCloseClick: PropTypes.func,\n\n  /**\n   * If true, the popup is panned in the map's viewport.\n   */\n  panIntoView: PropTypes.bool,\n\n  /**\n   * Custom BoundingClientRect to fit popup into.\n   * Use if panIntoView is true. Default is the map's BoundingClientRect.\n   */\n  panRect: PropTypes.objectOf(PropTypes.number),\n\n  /**\n   * Coordinate position of the popup.\n   */\n  popupCoordinate: PropTypes.arrayOf(PropTypes.number),\n\n  /**\n   * Render the close button\n   */\n  renderCloseButton: PropTypes.func,\n\n  /**\n   * Render the footer\n   */\n  renderFooter: PropTypes.func,\n\n  /**\n   * Render the header\n   */\n  renderHeader: PropTypes.func,\n\n  /**\n   * HTML tabIndex attribute.\n   */\n  tabIndex: PropTypes.string,\n\n  /**\n   * Title HTML attributes.\n   */\n  titles: PropTypes.shape({\n    closeButton: PropTypes.string,\n  }),\n};\n\nconst defaultProps = {\n  className: \"rs-popup\",\n  feature: null,\n  header: null,\n  onCloseClick: () => {},\n  panIntoView: false,\n  panRect: null,\n  popupCoordinate: null,\n  renderCloseButton: null,\n  renderFooter: () => {\n    return null;\n  },\n  renderHeader: null,\n  tabIndex: \"\",\n  titles: { closeButton: \"Close\" },\n};\n\n/**\n * The Popup component renders a popup over an\n * [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html)\n * on click.\n */\nclass Popup extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = {\n      left: 0,\n      popupElement: null,\n      top: 0,\n    };\n    this.postrenderKey = null;\n  }\n\n  static renderCloseButton({ onCloseClick, titles }) {\n    return (\n      <div\n        aria-label={titles.closeButton}\n        className=\"rs-popup-close-bt\"\n        onClick={() => {\n          return onCloseClick();\n        }}\n        onKeyPress={(evt) => {\n          return evt.which === 13 && onCloseClick();\n        }}\n        role=\"button\"\n        tabIndex={0}\n        title={titles.closeButton}\n      >\n        <MdClose focusable={false} />\n      </div>\n    );\n  }\n\n  static renderHeader(props) {\n    const { header, renderCloseButton } = props;\n    return (\n      <div className=\"rs-popup-header\">\n        {header}\n        {(renderCloseButton || Popup.renderCloseButton)(props)}\n      </div>\n    );\n  }\n\n  componentDidMount() {\n    const { map } = this.props;\n    this.updatePixelPosition();\n\n    this.postrenderKey = map.on(\"postrender\", () => {\n      this.updatePixelPosition();\n    });\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { feature, panIntoView, popupCoordinate } = this.props;\n    const { popupElement } = this.state;\n    if (\n      feature !== prevProps.feature ||\n      popupCoordinate !== prevProps.popupCoordinate\n    ) {\n      this.updatePixelPosition();\n    }\n\n    if (\n      panIntoView &&\n      popupElement &&\n      popupElement !== prevState.popupElement\n    ) {\n      this.panIntoView();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey(this.postrenderKey);\n  }\n\n  panIntoView() {\n    const { map, panRect } = this.props;\n    const { popupElement } = this.state;\n\n    const mapRect = panRect || map.getTarget().getBoundingClientRect();\n    const popupRect = popupElement.getBoundingClientRect();\n    const [x, y] = map.getView().getCenter();\n    const res = map.getView().getResolution();\n    const newCenter = [x, y];\n\n    if (mapRect.top > popupRect.top) {\n      newCenter[1] = y + (mapRect.top - popupRect.top) * res;\n    }\n\n    if (mapRect.left > popupRect.left) {\n      newCenter[0] = x - (mapRect.left - popupRect.left) * res;\n    }\n\n    if (mapRect.right < popupRect.right) {\n      newCenter[0] = x + (popupRect.right - mapRect.right) * res;\n    }\n\n    if (mapRect.bottom < popupRect.bottom) {\n      newCenter[1] = y - (popupRect.bottom - mapRect.bottom) * res;\n    }\n\n    if (newCenter[0] !== x || newCenter[1] !== y) {\n      map.getView().animate({ center: newCenter, duration: 500 });\n    }\n  }\n\n  render() {\n    const {\n      children,\n      feature,\n      header,\n      popupCoordinate,\n      renderFooter,\n      renderHeader,\n      tabIndex,\n      titles,\n      ...other\n    } = this.props;\n\n    if (!feature && !popupCoordinate) {\n      return null;\n    }\n\n    delete other.panIntoView;\n    delete other.panRect;\n    delete other.map;\n    delete other.header;\n    delete other.onCloseClick;\n    delete other.renderCloseButton;\n\n    const { left, top } = this.state;\n\n    // force re-render if the feature or the coordinate changes.\n    // this is needed to update the popupElement ref\n    const key = feature ? feature.getId() : popupCoordinate.join();\n    return (\n      <div\n        className=\"rs-popup\"\n        style={{\n          left,\n          top,\n        }}\n        {...other}\n      >\n        <div\n          className=\"rs-popup-container\"\n          key={key}\n          ref={(popupElement) => {\n            this.setState({ popupElement });\n          }}\n          tabIndex={tabIndex}\n        >\n          {(renderHeader || Popup.renderHeader)(this.props)}\n          <div className=\"rs-popup-body\">{children}</div>\n          {renderFooter(this.props)}\n        </div>\n      </div>\n    );\n  }\n\n  updatePixelPosition() {\n    const { feature, map, popupCoordinate } = this.props;\n    let coord = popupCoordinate;\n\n    if (feature && !coord) {\n      coord = getCenter(feature.getGeometry().getExtent());\n    }\n\n    if (coord) {\n      const pos = map.getPixelFromCoordinate(coord);\n\n      if (pos?.length === 2) {\n        this.setState({\n          left: pos[0],\n          top: pos[1],\n        });\n      }\n    }\n  }\n}\n\nPopup.propTypes = propTypes;\nPopup.defaultProps = defaultProps;\n\nexport default Popup;\n"],
+  "mappings": "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",
   "names": []
 }

package/components/ResizeHandler/ResizeHandler.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ResizeHandler/ResizeHandler.js"],
-  "sourcesContent": ["import PropTypes from \"prop-types\";\nimport { Component, PureComponent } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst propTypes = {\n  // This property is used to re-apply the classes, for example when the className of the observed node changes.\n  forceUpdate: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),\n  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),\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  onResize: PropTypes.func,\n\n  stylePropHeight: PropTypes.string,\n};\n\n// Same as bootstrap\nconst defaultProps = {\n  forceUpdate: null,\n  /* eslint-disable perfectionist/sort-objects */\n  maxHeightBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  maxWidthBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  /* eslint-enable perfectionist/sort-objects */\n  observe: null,\n  onResize: null,\n  stylePropHeight: null,\n};\n/**\n * This component adds css class to an element depending on his size.\n */\nclass ResizeHandler extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver((entries) => {\n      return this.onResize(entries);\n    });\n    this.nodes = [];\n  }\n\n  static applyBreakpoints(entry, breakpoints, size, direction) {\n    let found = false;\n    let screenSize;\n    Object.entries(breakpoints).forEach((brkpt) => {\n      const cssClass = `rs-${direction}-${brkpt[0]}`;\n      entry.target.classList.remove(cssClass);\n      if (!found && size <= brkpt[1]) {\n        found = true;\n        [screenSize] = brkpt;\n        entry.target.classList.add(cssClass);\n      }\n    });\n    return screenSize;\n  }\n\n  componentDidMount() {\n    this.observe();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { forceUpdate, observe } = this.props;\n\n    if (\n      observe !== prevProps.observe ||\n      forceUpdate !== prevProps.forceUpdate\n    ) {\n      this.observe();\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  observe() {\n    this.observer.disconnect();\n    const { observe } = this.props;\n\n    if (!observe) {\n      return;\n    }\n\n    if (typeof observe === \"string\" || observe instanceof String) {\n      this.nodes = document.querySelectorAll(observe);\n    } else if (observe instanceof Component) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"observe attribute as a Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component.\",\n      );\n      // eslint-disable-next-line react/no-find-dom-node\n      // this.nodes.push(ReactDOM.findDOMNode(observe));\n    } else if (observe instanceof Element) {\n      this.nodes.push(observe);\n    } else if (observe.current instanceof Element) {\n      // observe value created with React.createRef() on a html node.\n      this.nodes.push(observe.current);\n    } else if (observe.current instanceof Component) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"observe attribute as a ref to Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component.\",\n      );\n      // observe value created with React.createRef() on a React component.\n      // eslint-disable-next-line react/no-find-dom-node\n      // this.nodes.push(ReactDOM.findDOMNode(observe.current));\n    }\n\n    if (this.nodes.length) {\n      this.nodes.forEach((node) => {\n        return this.observer.observe(node);\n      });\n    }\n  }\n\n  onResize(entries) {\n    const { maxHeightBrkpts, maxWidthBrkpts, onResize, stylePropHeight } =\n      this.props;\n\n    if (stylePropHeight) {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty(stylePropHeight, `${vh}px`);\n    }\n\n    if (!maxWidthBrkpts && !maxHeightBrkpts) {\n      onResize(entries);\n      return;\n    }\n\n    let newScreenWidth;\n    let newScreenHeight;\n\n    for (let i = 0; i < entries.length; i += 1) {\n      const entry = entries[i];\n      const rect = entry.contentRect;\n      const { height, width } = rect;\n\n      if (maxWidthBrkpts) {\n        newScreenWidth = ResizeHandler.applyBreakpoints(\n          entry,\n          maxWidthBrkpts,\n          width,\n          \"w\",\n        );\n      }\n      if (maxHeightBrkpts) {\n        newScreenHeight = ResizeHandler.applyBreakpoints(\n          entry,\n          maxHeightBrkpts,\n          height,\n          \"h\",\n        );\n      }\n    }\n\n    if (onResize) {\n      onResize(entries, newScreenWidth, newScreenHeight);\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nResizeHandler.propTypes = propTypes;\nResizeHandler.defaultProps = defaultProps;\n\nexport default ResizeHandler;\n"],
+  "sourcesContent": ["import PropTypes from \"prop-types\";\nimport { Component, PureComponent } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nconst propTypes = {\n  // This property is used to re-apply the classes, for example when the className of the observed node changes.\n  forceUpdate: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),\n  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),\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  onResize: PropTypes.func,\n\n  stylePropHeight: PropTypes.string,\n};\n\n// Same as bootstrap\nconst defaultProps = {\n  forceUpdate: null,\n  /* eslint-disable perfectionist/sort-objects */\n  maxHeightBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  maxWidthBrkpts: {\n    xs: 576,\n    s: 768,\n    m: 992,\n    l: 1200,\n    xl: Infinity,\n  },\n  /* eslint-enable perfectionist/sort-objects */\n  observe: null,\n  onResize: null,\n  stylePropHeight: null,\n};\n/**\n * This component adds css class to an element depending on his size.\n */\nclass ResizeHandler extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver((entries) => {\n      return this.onResize(entries);\n    });\n    this.nodes = [];\n  }\n\n  static applyBreakpoints(entry, breakpoints, size, direction) {\n    let found = false;\n    let screenSize;\n    Object.entries(breakpoints).forEach((brkpt) => {\n      const cssClass = `rs-${direction}-${brkpt[0]}`;\n      entry.target.classList.remove(cssClass);\n      if (!found && size <= brkpt[1]) {\n        found = true;\n        [screenSize] = brkpt;\n        entry.target.classList.add(cssClass);\n      }\n    });\n    return screenSize;\n  }\n\n  componentDidMount() {\n    this.observe();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { forceUpdate, observe } = this.props;\n\n    if (\n      observe !== prevProps.observe ||\n      forceUpdate !== prevProps.forceUpdate\n    ) {\n      this.observe();\n    }\n  }\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  observe() {\n    this.observer.disconnect();\n    const { observe } = this.props;\n\n    if (!observe) {\n      return;\n    }\n\n    if (typeof observe === \"string\" || observe instanceof String) {\n      this.nodes = document.querySelectorAll(observe);\n    } else if (observe instanceof Component) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"observe attribute as a Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component.\",\n      );\n\n      // this.nodes.push(ReactDOM.findDOMNode(observe));\n    } else if (observe instanceof Element) {\n      this.nodes.push(observe);\n    } else if (observe.current instanceof Element) {\n      // observe value created with React.createRef() on a html node.\n      this.nodes.push(observe.current);\n    } else if (observe.current instanceof Component) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"observe attribute as a ref to Component is deprecated: Please use React.createRef() or React.useRef() instead of a React component.\",\n      );\n      // observe value created with React.createRef() on a React component.\n\n      // this.nodes.push(ReactDOM.findDOMNode(observe.current));\n    }\n\n    if (this.nodes.length) {\n      this.nodes.forEach((node) => {\n        return this.observer.observe(node);\n      });\n    }\n  }\n\n  onResize(entries) {\n    const { maxHeightBrkpts, maxWidthBrkpts, onResize, stylePropHeight } =\n      this.props;\n\n    if (stylePropHeight) {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty(stylePropHeight, `${vh}px`);\n    }\n\n    if (!maxWidthBrkpts && !maxHeightBrkpts) {\n      onResize(entries);\n      return;\n    }\n\n    let newScreenWidth;\n    let newScreenHeight;\n\n    for (let i = 0; i < entries.length; i += 1) {\n      const entry = entries[i];\n      const rect = entry.contentRect;\n      const { height, width } = rect;\n\n      if (maxWidthBrkpts) {\n        newScreenWidth = ResizeHandler.applyBreakpoints(\n          entry,\n          maxWidthBrkpts,\n          width,\n          \"w\",\n        );\n      }\n      if (maxHeightBrkpts) {\n        newScreenHeight = ResizeHandler.applyBreakpoints(\n          entry,\n          maxHeightBrkpts,\n          height,\n          \"h\",\n        );\n      }\n    }\n\n    if (onResize) {\n      onResize(entries, newScreenWidth, newScreenHeight);\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n\nResizeHandler.propTypes = propTypes;\nResizeHandler.defaultProps = defaultProps;\n\nexport default ResizeHandler;\n"],
   "mappings": "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",
   "names": []
 }