react-spatial 1.2.2 → 1.2.3-beta.1

package/components/Overlay/Overlay.js

@@ -1,169 +1,122 @@
-import React, { Component, useState } from 'react';
-import PropTypes from 'prop-types';
-import { Resizable } from 're-resizable';
-import ResizeHandler from '../ResizeHandler';
-
-var propTypes = {
-  /**
-   * CSS class added to container.
-   */
+import React, { Component, useState } from "react";
+import PropTypes from "prop-types";
+import { Resizable } from "re-resizable";
+import ResizeHandler from "../ResizeHandler";
+const propTypes = {
   className: PropTypes.string,
-
-  /**
-   * Children content of the overlay.
-   */
   children: PropTypes.node,
-
-  /**
-   * Observed element to define screen size.
-   */
   observe: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.node,
     PropTypes.instanceOf(Component),
     PropTypes.shape({ current: PropTypes.node }),
-    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).
-   */
+    PropTypes.shape({ current: PropTypes.instanceOf(Component) })
+  ]),
   isMobileResizable: PropTypes.bool,
-
-  /**
-   * Size parameters to the Resizable component on mobile.
-   * Pass following prop to re-resizable component: 'size', 'defaultSize', 'minHeight' & 'maxHeight'
-   * (https://github.com/bokuweb/re-resizable)
-   * /!\ This prop is only used if isMobile (observer width < 768px).
-   */
   mobileSize: PropTypes.shape({
     minimalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     maximalHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     defaultSize: PropTypes.shape({
       height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-      width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+      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
 };
-
-var defaultMobileSize = {
+const defaultMobileSize = {
   defaultSize: {
-    width: '100%',
-    height: '25%',
+    width: "100%",
+    height: "25%"
   },
-  size: undefined,
-  maximalHeight: '100%',
-  minimalHeight: '25%',
+  size: void 0,
+  maximalHeight: "100%",
+  minimalHeight: "25%"
 };
-
-var defaultProps = {
+const defaultProps = {
   className: null,
   children: null,
   observe: null,
   isMobileResizable: true,
   mobileSize: defaultMobileSize,
   thresholdWidthForMobile: 768,
-  onResizeStop: function () {},
-  onResizeStart: function () {},
+  onResizeStop: () => {
+  },
+  onResizeStart: () => {
+  }
 };
-
-/**
- * The Overlay component creates a resizable, swipable overlay <div\>
- */
-var Overlay = function (ref) {
-  var observe = ref.observe;
-  var className = ref.className;
-  var children = ref.children;
-  var isMobileResizable = ref.isMobileResizable;
-  var mobileSize = ref.mobileSize;
-  var onResizeStop = ref.onResizeStop;
-  var onResizeStart = ref.onResizeStart;
-  var thresholdWidthForMobile = ref.thresholdWidthForMobile;
-
-  var ref$1 = useState();
-  var isMobile = ref$1[0];
-  var setIsMobile = ref$1[1];
-
-  var onResize = function (entries) {
-    for (var i = 0; i < entries.length; i += 1) {
-      var ref = entries[i].contentRect;
-      var width = ref.width;
+const Overlay = ({
+  observe,
+  className,
+  children,
+  isMobileResizable,
+  mobileSize,
+  onResizeStop,
+  onResizeStart,
+  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);
     }
   };
-
-  var resizableMobileSize;
+  let resizableMobileSize;
   if (mobileSize) {
-    resizableMobileSize = Object.assign({}, defaultMobileSize, mobileSize);
+    resizableMobileSize = { ...defaultMobileSize, ...mobileSize };
   }
-
-  return (
-    React.createElement( React.Fragment, null,
-      observe ? React.createElement( ResizeHandler, { observe: observe, onResize: onResize }) : null,
-      isMobile ? (
-        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: React.createElement( 'div', { className: "tm-overlay-handler" }, "—"),
-          }, 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) : '')) },
-          React.createElement( 'div', { className: "tm-overlay-mobile-content" }, children)
-        )
-      ) : (
-        React.createElement( 'div', { className: ("tm-overlay" + (className ? (" " + className) : '')) },
-          children
-        )
-      )
-    )
-  );
+  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;
-
-//# sourceMappingURL=Overlay.js.map

package/components/Overlay/Overlay.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"Overlay.js","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"],"names":["const","let"],"mappings":"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"}
+{
+  "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

@@ -1,3 +1 @@
-export { default } from './Overlay';
-
-//# sourceMappingURL=index.js.map
+export { default } from "./Overlay";

package/components/Overlay/index.js.map

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