react-spatial 1.5.3 → 1.5.5

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

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

package/components/Popup/Popup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Popup/Popup.js"],
+  "sourcesContent": ["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MdClose } from 'react-icons/md';\nimport OLMap from 'ol/Map';\nimport Feature from 'ol/Feature';\nimport { getCenter } from 'ol/extent';\nimport { unByKey } from 'ol/Observable';\n\nconst propTypes = {\n  /**\n   * React Children.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * 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   * 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   * Class name of the popup.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Title HTML attributes.\n   */\n  titles: PropTypes.shape({\n    closeButton: PropTypes.string,\n  }),\n\n  /**\n   * Function triggered on close button click.\n   */\n  onCloseClick: PropTypes.func,\n\n  /**\n   * HTML tabIndex attribute.\n   */\n  tabIndex: PropTypes.string,\n\n  /**\n   * Render the header\n   */\n  renderHeader: PropTypes.func,\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\nconst defaultProps = {\n  header: null,\n  feature: null,\n  panIntoView: false,\n  panRect: null,\n  popupCoordinate: null,\n  className: 'rs-popup',\n  tabIndex: '',\n  titles: { closeButton: 'Close' },\n  onCloseClick: () => {},\n  renderHeader: null,\n  renderCloseButton: null,\n  renderFooter: () => {\n    return null;\n  },\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  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  static renderCloseButton({ onCloseClick, titles }) {\n    return (\n      <div\n        role=\"button\"\n        tabIndex={0}\n        className=\"rs-popup-close-bt\"\n        title={titles.closeButton}\n        aria-label={titles.closeButton}\n        onClick={() => {\n          return onCloseClick();\n        }}\n        onKeyPress={(evt) => {\n          return evt.which === 13 && onCloseClick();\n        }}\n      >\n        <MdClose focusable={false} />\n      </div>\n    );\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      popupElement: null,\n      top: 0,\n      left: 0,\n    };\n    this.postrenderKey = null;\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  updatePixelPosition() {\n    const { map, feature, 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  render() {\n    const {\n      feature,\n      popupCoordinate,\n      children,\n      header,\n      titles,\n      tabIndex,\n      renderHeader,\n      renderFooter,\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 { top, left } = 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          tabIndex={tabIndex}\n          key={key}\n          ref={(popupElement) => {\n            this.setState({ popupElement });\n          }}\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\nPopup.propTypes = propTypes;\nPopup.defaultProps = defaultProps;\n\nexport default Popup;\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/Popup/index.js

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

package/components/Popup/index.js.map

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

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

@@ -1,30 +1,26 @@
-import ReactDOM from 'react-dom';
-import { PureComponent, Component } from 'react';
-import PropTypes from 'prop-types';
-import ResizeObserver from 'resize-observer-polyfill';
-
+import ReactDOM from "react-dom";
+import { PureComponent, Component } from "react";
+import PropTypes from "prop-types";
+import ResizeObserver from "resize-observer-polyfill";
 const propTypes = {
   observe: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.node,
     PropTypes.instanceOf(Component),
     PropTypes.shape({ current: PropTypes.node }),
-    PropTypes.shape({ current: PropTypes.instanceOf(Component) }),
+    PropTypes.shape({ current: PropTypes.instanceOf(Component) })
   ]),
   maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),
   maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),
   stylePropHeight: PropTypes.string,
   onResize: PropTypes.func,
-
   // This property is used to re-apply the classes, for example when the className of the observed node changes.
   forceUpdate: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.number,
-    PropTypes.bool,
-  ]),
+    PropTypes.bool
+  ])
 };
-
-// Same as bootstrap
 const defaultProps = {
   observe: null,
   maxHeightBrkpts: {
@@ -32,22 +28,19 @@ const defaultProps = {
     s: 768,
     m: 992,
     l: 1200,
-    xl: Infinity,
+    xl: Infinity
   },
   maxWidthBrkpts: {
     xs: 576,
     s: 768,
     m: 992,
     l: 1200,
-    xl: Infinity,
+    xl: Infinity
   },
   stylePropHeight: null,
   onResize: null,
-  forceUpdate: null,
+  forceUpdate: null
 };
-/**
- * This component adds css class to an element depending on his size.
- */
 class ResizeHandler extends PureComponent {
   static applyBreakpoints(entry, breakpoints, size, direction) {
     let found = false;
@@ -63,7 +56,6 @@ class ResizeHandler extends PureComponent {
     });
     return screenSize;
   }
-
   constructor(props) {
     super(props);
     this.observer = new ResizeObserver((entries) => {
@@ -71,54 +63,40 @@ class ResizeHandler extends PureComponent {
     });
     this.nodes = [];
   }
-
   componentDidMount() {
     this.observe();
   }
-
   componentDidUpdate(prevProps) {
     const { observe, forceUpdate } = this.props;
-
-    if (
-      observe !== prevProps.observe ||
-      forceUpdate !== prevProps.forceUpdate
-    ) {
+    if (observe !== prevProps.observe || forceUpdate !== prevProps.forceUpdate) {
       this.observe();
     }
   }
-
   componentWillUnmount() {
     this.observer.disconnect();
   }
-
   onResize(entries) {
-    const { maxHeightBrkpts, maxWidthBrkpts, stylePropHeight, onResize } =
-      this.props;
-
+    const { maxHeightBrkpts, maxWidthBrkpts, stylePropHeight, onResize } = this.props;
     if (stylePropHeight) {
       const vh = window.innerHeight * 0.01;
       document.documentElement.style.setProperty(stylePropHeight, `${vh}px`);
     }
-
     if (!maxWidthBrkpts && !maxHeightBrkpts) {
       onResize(entries);
       return;
     }
-
     let newScreenWidth;
     let newScreenHeight;
-
     for (let i = 0; i < entries.length; i += 1) {
       const entry = entries[i];
       const rect = entry.contentRect;
       const { height, width } = rect;
-
       if (maxWidthBrkpts) {
         newScreenWidth = ResizeHandler.applyBreakpoints(
           entry,
           maxWidthBrkpts,
           width,
-          'w',
+          "w"
         );
       }
       if (maxHeightBrkpts) {
@@ -126,53 +104,41 @@ class ResizeHandler extends PureComponent {
           entry,
           maxHeightBrkpts,
           height,
-          'h',
+          "h"
         );
       }
     }
-
     if (onResize) {
       onResize(entries, newScreenWidth, newScreenHeight);
     }
   }
-
   observe() {
     this.observer.disconnect();
     const { observe } = this.props;
-
     if (!observe) {
       return;
     }
-
-    if (typeof observe === 'string' || observe instanceof String) {
+    if (typeof observe === "string" || observe instanceof String) {
       this.nodes = document.querySelectorAll(observe);
     } else if (observe instanceof Component) {
-      // eslint-disable-next-line react/no-find-dom-node
       this.nodes.push(ReactDOM.findDOMNode(observe));
     } else if (observe instanceof Element) {
       this.nodes.push(observe);
     } else if (observe.current instanceof Element) {
-      // observe value created with React.createRef() on a html node.
       this.nodes.push(observe.current);
     } else if (observe.current instanceof Component) {
-      // observe value created with React.createRef() on a React component.
-      // eslint-disable-next-line react/no-find-dom-node
       this.nodes.push(ReactDOM.findDOMNode(observe.current));
     }
-
     if (this.nodes.length) {
       this.nodes.forEach((node) => {
         return this.observer.observe(node);
       });
     }
   }
-
   render() {
     return null;
   }
 }
-
 ResizeHandler.propTypes = propTypes;
 ResizeHandler.defaultProps = defaultProps;
-
 export default ResizeHandler;

package/components/ResizeHandler/ResizeHandler.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ResizeHandler/ResizeHandler.js"],
+  "sourcesContent": ["import ReactDOM from 'react-dom';\nimport { PureComponent, Component } from 'react';\nimport PropTypes from 'prop-types';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nconst propTypes = {\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  maxHeightBrkpts: PropTypes.objectOf(PropTypes.number),\n  maxWidthBrkpts: PropTypes.objectOf(PropTypes.number),\n  stylePropHeight: PropTypes.string,\n  onResize: PropTypes.func,\n\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};\n\n// Same as bootstrap\nconst defaultProps = {\n  observe: null,\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  stylePropHeight: null,\n  onResize: null,\n  forceUpdate: null,\n};\n/**\n * This component adds css class to an element depending on his size.\n */\nclass ResizeHandler extends PureComponent {\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  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver((entries) => {\n      return this.onResize(entries);\n    });\n    this.nodes = [];\n  }\n\n  componentDidMount() {\n    this.observe();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { observe, forceUpdate } = 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  onResize(entries) {\n    const { maxHeightBrkpts, maxWidthBrkpts, stylePropHeight, onResize } =\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  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 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      // 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  render() {\n    return null;\n  }\n}\n\nResizeHandler.propTypes = propTypes;\nResizeHandler.defaultProps = defaultProps;\n\nexport default ResizeHandler;\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/ResizeHandler/index.js

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

package/components/ResizeHandler/index.js.map

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