react-spatial 1.5.3 → 1.5.5

package/{src/components → components}/MousePosition/MousePosition.js

@@ -1,15 +1,13 @@
-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 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";
 const propTypes = {
   /**
    * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
    */
   map: PropTypes.instanceOf(OLMap).isRequired,
-
   /**
    * List of projections to display.
    */
@@ -19,20 +17,17 @@ const propTypes = {
        * The label to display in the select box.
        */
       label: PropTypes.string.isRequired,
-
       /**
        * 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,
-    }),
+      format: PropTypes.func
+    })
   ),
-
   /**
    * The initially selected projection
    */
@@ -41,46 +36,38 @@ const propTypes = {
      * The label to display in the select box.
      */
     label: PropTypes.string.isRequired,
-
     /**
      * 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,
+    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,
+  onChange: PropTypes.func
 };
-
 const defaultProps = {
-  onChange: () => {},
+  onChange: () => {
+  },
   projections: [
     {
-      label: 'EPSG:4326',
-      value: 'EPSG:4326',
+      label: "EPSG:4326",
+      value: "EPSG:4326"
     },
     {
-      label: 'EPSG:3857',
-      value: 'EPSG:3857',
-    },
+      label: "EPSG:3857",
+      value: "EPSG:3857"
+    }
   ],
-  projectionValue: null,
+  projectionValue: null
 };
-
-/**
- * The MousePosition component renders a select box with map projection options
- * and the cursor position in coordinates using the selected projection.
- */
 function MousePosition({
   map,
   projections,
@@ -89,30 +76,24 @@ function MousePosition({
   ...other
 }) {
   const [projection, setProjection] = useState(
-    projections &&
-      ((projectionValue &&
-        projections.find((p) => {
-          return p.value === projectionValue.value;
-        })) ||
-        projections[0]),
+    projections && (projectionValue && projections.find((p) => {
+      return p.value === projectionValue.value;
+    }) || projections[0])
   );
   const [control, setControl] = useState();
   const ref = useRef();
-
   useEffect(() => {
     const mousePosition = new OLMousePosition({
       target: ref.current,
-      undefinedHTML: ' ',
-      className: '',
+      undefinedHTML: " ",
+      className: ""
     });
     map.addControl(mousePosition);
     setControl(mousePosition);
-
     return () => {
       map.removeControl(mousePosition);
     };
   }, [map]);
-
   useEffect(() => {
     if (!projection || !control) {
       return;
@@ -120,19 +101,14 @@ function MousePosition({
     control.setProjection(projection.value);
     control.setCoordinateFormat(projection.format || createStringXY(4));
   }, [projection, control]);
-
   useEffect(() => {
     if (projections) {
-      const proj =
-        (projectionValue &&
-          projections.find((p) => {
-            return p.value === projectionValue.value;
-          })) ||
-        projections[0];
+      const proj = projectionValue && projections.find((p) => {
+        return p.value === projectionValue.value;
+      }) || projections[0];
       setProjection(proj);
     }
   }, [projections, projectionValue]);
-
   const onChangeCb = useCallback(
     (evt) => {
       const newProj = projections.find((opt) => {
@@ -141,35 +117,26 @@ function MousePosition({
       setProjection(newProj);
       onChange(evt, newProj);
     },
-    [onChange, projections],
+    [onChange, projections]
   );
-
   if (!projection || !projections || !projections.length) {
     return null;
   }
-
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    <div className="rs-mouse-position" {...other}>
-      <select
-        className="rs-select"
-        value={projection.value}
-        onChange={onChangeCb}
-      >
-        {projections.map((option) => {
-          return (
-            <option key={option.value} value={option.value}>
-              {option.label}
-            </option>
-          );
-        })}
-      </select>
-      <span ref={ref} className="rs-coordinates" />
-    </div>
+    /* @__PURE__ */ React.createElement("div", { className: "rs-mouse-position", ...other }, /* @__PURE__ */ React.createElement(
+      "select",
+      {
+        className: "rs-select",
+        value: projection.value,
+        onChange: onChangeCb
+      },
+      projections.map((option) => {
+        return /* @__PURE__ */ React.createElement("option", { key: option.value, value: option.value }, option.label);
+      })
+    ), /* @__PURE__ */ React.createElement("span", { ref, className: "rs-coordinates" }))
   );
 }
-
 MousePosition.propTypes = propTypes;
 MousePosition.defaultProps = defaultProps;
-
 export default React.memo(MousePosition);

package/components/MousePosition/MousePosition.js.map

@@ -0,0 +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,\n  projectionValue,\n  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      undefinedHTML: '&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;\nMousePosition.defaultProps = defaultProps;\n\nexport default React.memo(MousePosition);\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/MousePosition/index.js

@@ -0,0 +1 @@
+export { default } from "./MousePosition";

package/components/MousePosition/index.js.map

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

package/{src/components → components}/NorthArrow/NorthArrow.js

@@ -1,75 +1,59 @@
-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 NorthArrowSimple from '../../images/northArrow.svg';
-import NorthArrowCircle from '../../images/northArrowCircle.svg';
-
+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 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.
    */
   rotationOffset: PropTypes.number,
-
   /**
    * Display circle around the north arrow. Not used if pass children.
    */
   circled: PropTypes.bool,
-
   /**
    *  Children content of the north arrow.
    */
-  children: PropTypes.node,
+  children: PropTypes.node
 };
-
 const defaultProps = {
   rotationOffset: 0,
   circled: false,
-  children: null,
+  children: null
 };
-
 const getRotation = (map, rotationOffset) => {
   return toDegrees(map.getView().getRotation()) + rotationOffset;
 };
-
-/**
- * This NorthArrow component inserts an arrow pointing north into an
- * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
- */
 function NorthArrow({ map, rotationOffset, circled, children, ...other }) {
   const [rotation, setRotation] = useState(rotationOffset);
-
   useEffect(() => {
     if (!map) {
       return null;
     }
-    const key = map.on('postrender', () => {
+    const key = map.on("postrender", () => {
       setRotation(getRotation(map, rotationOffset));
     });
     return () => {
       unByKey(key);
     };
   }, [map, rotationOffset]);
-
-  return (
-    <div
-      className="rs-north-arrow"
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...other}
-      style={{ transform: `rotate(${rotation}deg)` }}
-    >
-      {children || (circled ? <NorthArrowCircle /> : <NorthArrowSimple />)}
-    </div>
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "rs-north-arrow",
+      ...other,
+      style: { transform: `rotate(${rotation}deg)` }
+    },
+    children || (circled ? /* @__PURE__ */ React.createElement(NorthArrowCircle, null) : /* @__PURE__ */ React.createElement(NorthArrowSimple, null))
   );
 }
-
 NorthArrow.propTypes = propTypes;
 NorthArrow.defaultProps = defaultProps;
-
 export default React.memo(NorthArrow);

package/components/NorthArrow/NorthArrow.js.map

@@ -0,0 +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 defaultProps = {\n  rotationOffset: 0,\n  circled: false,\n  children: null,\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({ map, rotationOffset, circled, children, ...other }) {\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;\nNorthArrow.defaultProps = defaultProps;\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,eAAe;AAAA,EACnB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AACZ;AAEA,MAAM,cAAc,CAAC,KAAK,mBAAmB;AAC3C,SAAO,UAAU,IAAI,QAAQ,EAAE,YAAY,CAAC,IAAI;AAClD;AAMA,SAAS,WAAW,EAAE,KAAK,gBAAgB,SAAS,UAAU,GAAG,MAAM,GAAG;AACxE,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;AACvB,WAAW,eAAe;AAE1B,eAAe,MAAM,KAAK,UAAU;",
+  "names": []
+}

package/components/NorthArrow/index.js

@@ -0,0 +1 @@
+export { default } from "./NorthArrow";

package/components/NorthArrow/index.js.map

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

package/{src/components → components}/Overlay/Overlay.js

@@ -1,19 +1,16 @@
-import React, { Component, useState } from 'react';
-import PropTypes from 'prop-types';
-import { Resizable } from 're-resizable';
-import ResizeHandler from '../ResizeHandler';
-
+import React, { Component, useState } from "react";
+import PropTypes from "prop-types";
+import { Resizable } from "re-resizable";
+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.
    */
@@ -22,15 +19,13 @@ const propTypes = {
     PropTypes.node,
     PropTypes.instanceOf(Component),
     PropTypes.shape({ current: PropTypes.node }),
-    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),
+    PropTypes.shape({ current: PropTypes.instanceOf(Component) })
   ]),
-
   /**
    * Deactivate the ability to resize the overlay on mobile.
    * /!\ This prop is only used if isMobile (observer width < 768px).
    */
   isMobileResizable: PropTypes.bool,
-
   /**
    * Size parameters to the Resizable component on mobile.
    * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'
@@ -42,45 +37,40 @@ const propTypes = {
     maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     defaultSize: PropTypes.shape({
       height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
     }),
     size: PropTypes.shape({
       height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    }),
+      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+    })
   }),
-
   /**
    * Minimal width to consider the observed as mobile.
    * Default is 768px.
    */
   thresholdWidthForMobile: PropTypes.number,
-
   /**
    * Callback when stop resizing
    * Pass following prop to re-resizable component
    * (https://github.com/bokuweb/re-resizable)
    */
   onResizeStop: PropTypes.func,
-
   /**
    * Callback when start resizing
    * Pass following prop to re-resizable component
    * (https://github.com/bokuweb/re-resizable)
    */
-  onResizeStart: PropTypes.func,
+  onResizeStart: PropTypes.func
 };
-
 const defaultMobileSize = {
   defaultSize: {
-    width: '100%',
-    height: '25%',
+    width: "100%",
+    height: "25%"
   },
-  size: undefined,
-  maximalHeight: '100%',
-  minimalHeight: '25%',
+  size: void 0,
+  maximalHeight: "100%",
+  minimalHeight: "25%"
 };
-
 const defaultProps = {
   className: null,
   children: null,
@@ -88,13 +78,11 @@ const defaultProps = {
   isMobileResizable: true,
   mobileSize: defaultMobileSize,
   thresholdWidthForMobile: 768,
-  onResizeStop: () => {},
-  onResizeStart: () => {},
+  onResizeStop: () => {
+  },
+  onResizeStart: () => {
+  }
 };
-
-/**
- * The Overlay component creates a resizable, swipable overlay <div\>
- */
 const Overlay = ({
   observe,
   className,
@@ -103,74 +91,60 @@ const Overlay = ({
   mobileSize,
   onResizeStop,
   onResizeStart,
-  thresholdWidthForMobile,
+  thresholdWidthForMobile
 }) => {
   const [isMobile, setIsMobile] = useState();
-
   const onResize = (entries) => {
     for (let i = 0; i < entries.length; i += 1) {
       const { width } = entries[i].contentRect;
       setIsMobile(width <= thresholdWidthForMobile);
     }
   };
-
   let resizableMobileSize;
   if (mobileSize) {
     resizableMobileSize = { ...defaultMobileSize, ...mobileSize };
   }
-
-  return (
-    <>
-      {observe ? <ResizeHandler observe={observe} onResize={onResize} /> : null}
-      {isMobile ? (
-        <Resizable
-          style={{
-            position: 'absolute',
-          }}
-          enable={{
-            top: isMobileResizable,
-            right: false,
-            bottom: false,
-            left: false,
-            topRight: false,
-            bottomRight: false,
-            bottomLeft: false,
-            topLeft: false,
-          }}
-          maxHeight={mobileSize && resizableMobileSize.maximalHeight}
-          minHeight={mobileSize && resizableMobileSize.minimalHeight}
-          handleComponent={{
-            top: <div className="tm-overlay-handler">&mdash;</div>,
-          }}
-          onResizeStart={onResizeStart}
-          onResizeStop={onResizeStop}
-          handleStyles={{
-            top: {
-              top: '-20px',
-              height: '20px',
-              padding: '20px 0',
-              width: '100%',
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
-            },
-          }}
-          size={resizableMobileSize.size}
-          defaultSize={mobileSize && resizableMobileSize.defaultSize}
-          className={`tm-overlay-mobile${className ? ` ${className}` : ''}`}
-        >
-          <div className="tm-overlay-mobile-content">{children}</div>
-        </Resizable>
-      ) : (
-        <div className={`tm-overlay${className ? ` ${className}` : ''}`}>
-          {children}
-        </div>
-      )}
-    </>
-  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, observe ? /* @__PURE__ */ React.createElement(ResizeHandler, { observe, onResize }) : null, isMobile ? /* @__PURE__ */ React.createElement(
+    Resizable,
+    {
+      style: {
+        position: "absolute"
+      },
+      enable: {
+        top: isMobileResizable,
+        right: false,
+        bottom: false,
+        left: false,
+        topRight: false,
+        bottomRight: false,
+        bottomLeft: false,
+        topLeft: 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",
+          height: "20px",
+          padding: "20px 0",
+          width: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }
+      },
+      size: resizableMobileSize.size,
+      defaultSize: mobileSize && resizableMobileSize.defaultSize,
+      className: `tm-overlay-mobile${className ? ` ${className}` : ""}`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "tm-overlay-mobile-content" }, children)
+  ) : /* @__PURE__ */ React.createElement("div", { className: `tm-overlay${className ? ` ${className}` : ""}` }, children));
 };
-
 Overlay.propTypes = propTypes;
 Overlay.defaultProps = defaultProps;
-
 export default Overlay;

package/components/Overlay/Overlay.js.map

@@ -0,0 +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 defaultProps = {\n  className: null,\n  children: null,\n  observe: null,\n  isMobileResizable: true,\n  mobileSize: defaultMobileSize,\n  thresholdWidthForMobile: 768,\n  onResizeStop: () => {},\n  onResizeStart: () => {},\n};\n\n/**\n * The Overlay component creates a resizable, swipable overlay <div\\>\n */\nconst Overlay = ({\n  observe,\n  className,\n  children,\n  isMobileResizable,\n  mobileSize,\n  onResizeStop,\n  onResizeStart,\n  thresholdWidthForMobile,\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;\nOverlay.defaultProps = defaultProps;\n\nexport default Overlay;\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/Overlay/index.js

@@ -0,0 +1 @@
+export { default } from "./Overlay";

package/components/Overlay/index.js.map

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