react-spatial 2.0.0-beta.1 → 2.0.0-beta.3

package/components/Popup/Popup.js

@@ -1,307 +1,231 @@
-function objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; }
-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';
-
-var propTypes = {
+import { getCenter } from "ol/extent";
+import Feature from "ol/Feature";
+import OLMap from "ol/Map";
+import { unByKey } from "ol/Observable";
+import PropTypes from "prop-types";
+import React, { PureComponent } from "react";
+import { MdClose } from "react-icons/md";
+const propTypes = {
   /**
    * React Children.
    */
   children: PropTypes.node.isRequired,
-
   /**
-   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
+   * Class name of the popup.
    */
-  map: PropTypes.instanceOf(OLMap).isRequired,
-
+  className: PropTypes.string,
   /**
    * 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]),
-
+  /**
+   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
+   */
+  map: PropTypes.instanceOf(OLMap).isRequired,
+  /**
+   * Function triggered on close button click.
+   */
+  onCloseClick: PropTypes.func,
   /**
    * 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,
-  }),
-
   /**
-   * Function triggered on close button click.
+   * Render the close button
    */
-  onCloseClick: PropTypes.func,
-
+  renderCloseButton: PropTypes.func,
   /**
-   * HTML tabIndex attribute.
+   * Render the footer
    */
-  tabIndex: PropTypes.string,
-
+  renderFooter: PropTypes.func,
   /**
    * Render the header
    */
   renderHeader: PropTypes.func,
-
   /**
-   * Render the close button
+   * HTML tabIndex attribute.
    */
-  renderCloseButton: PropTypes.func,
-
+  tabIndex: PropTypes.string,
   /**
-   * Render the footer
+   * Title HTML attributes.
    */
-  renderFooter: PropTypes.func,
+  titles: PropTypes.shape({
+    closeButton: PropTypes.string
+  })
 };
-
-var defaultProps = {
-  header: null,
+const defaultProps = {
+  className: "rs-popup",
   feature: null,
+  header: null,
+  onCloseClick: () => {
+  },
   panIntoView: false,
   panRect: null,
   popupCoordinate: null,
-  className: 'rs-popup',
-  tabIndex: '',
-  titles: { closeButton: 'Close' },
-  onCloseClick: function () {},
-  renderHeader: null,
   renderCloseButton: null,
-  renderFooter: function () {
+  renderFooter: () => {
     return null;
   },
+  renderHeader: null,
+  tabIndex: "",
+  titles: { closeButton: "Close" }
 };
-
-/**
- * The Popup component renders a popup over an
- * [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html)
- * on click.
- */
-var Popup = /*@__PURE__*/(function (PureComponent) {
-  function Popup(props) {
-    PureComponent.call(this, props);
+class Popup extends PureComponent {
+  constructor(props) {
+    super(props);
     this.state = {
-      popupElement: null,
-      top: 0,
       left: 0,
+      popupElement: null,
+      top: 0
     };
     this.postrenderKey = null;
   }
-
-  if ( PureComponent ) Popup.__proto__ = PureComponent;
-  Popup.prototype = Object.create( PureComponent && PureComponent.prototype );
-  Popup.prototype.constructor = Popup;
-
-  Popup.renderHeader = function renderHeader (props) {
-    var header = props.header;
-    var renderCloseButton = props.renderCloseButton;
-    return (
-      React.createElement( 'div', { className: "rs-popup-header" },
-        header,
-        (renderCloseButton || Popup.renderCloseButton)(props)
-      )
-    );
-  };
-
-  Popup.renderCloseButton = function renderCloseButton (ref) {
-    var onCloseClick = ref.onCloseClick;
-    var titles = ref.titles;
-
-    return (
-      React.createElement( 'div', {
-        role: "button", tabIndex: 0, className: "rs-popup-close-bt", title: titles.closeButton, 'aria-label': titles.closeButton, onClick: function () {
+  static renderCloseButton({ onCloseClick, titles }) {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        "aria-label": titles.closeButton,
+        className: "rs-popup-close-bt",
+        onClick: () => {
           return onCloseClick();
-        }, onKeyPress: function (evt) {
+        },
+        onKeyPress: (evt) => {
           return evt.which === 13 && onCloseClick();
-        } },
-        React.createElement( MdClose, { focusable: false })
-      )
+        },
+        role: "button",
+        tabIndex: 0,
+        title: titles.closeButton
+      },
+      /* @__PURE__ */ React.createElement(MdClose, { focusable: false })
     );
-  };
-
-  Popup.prototype.componentDidMount = function componentDidMount () {
-    var this$1 = this;
-
-    var ref = this.props;
-    var map = ref.map;
+  }
+  static renderHeader(props) {
+    const { header, renderCloseButton } = props;
+    return /* @__PURE__ */ React.createElement("div", { className: "rs-popup-header" }, header, (renderCloseButton || Popup.renderCloseButton)(props));
+  }
+  componentDidMount() {
+    const { map } = this.props;
     this.updatePixelPosition();
-
-    this.postrenderKey = map.on('postrender', function () {
-      this$1.updatePixelPosition();
+    this.postrenderKey = map.on("postrender", () => {
+      this.updatePixelPosition();
     });
-  };
-
-  Popup.prototype.componentDidUpdate = function componentDidUpdate (prevProps, prevState) {
-    var ref = this.props;
-    var feature = ref.feature;
-    var panIntoView = ref.panIntoView;
-    var popupCoordinate = ref.popupCoordinate;
-    var ref$1 = this.state;
-    var popupElement = ref$1.popupElement;
-    if (
-      feature !== prevProps.feature ||
-      popupCoordinate !== prevProps.popupCoordinate
-    ) {
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const { feature, panIntoView, popupCoordinate } = this.props;
+    const { popupElement } = this.state;
+    if (feature !== prevProps.feature || popupCoordinate !== prevProps.popupCoordinate) {
       this.updatePixelPosition();
     }
-
-    if (
-      panIntoView &&
-      popupElement &&
-      popupElement !== prevState.popupElement
-    ) {
+    if (panIntoView && popupElement && popupElement !== prevState.popupElement) {
       this.panIntoView();
     }
-  };
-
-  Popup.prototype.componentWillUnmount = function componentWillUnmount () {
+  }
+  componentWillUnmount() {
     unByKey(this.postrenderKey);
-  };
-
-  Popup.prototype.panIntoView = function panIntoView () {
-    var ref = this.props;
-    var map = ref.map;
-    var panRect = ref.panRect;
-    var ref$1 = this.state;
-    var popupElement = ref$1.popupElement;
-
-    var mapRect = panRect || map.getTarget().getBoundingClientRect();
-    var popupRect = popupElement.getBoundingClientRect();
-    var ref$2 = map.getView().getCenter();
-    var x = ref$2[0];
-    var y = ref$2[1];
-    var res = map.getView().getResolution();
-    var newCenter = [x, y];
-
+  }
+  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 });
     }
-  };
-
-  Popup.prototype.updatePixelPosition = function updatePixelPosition () {
-    var ref = this.props;
-    var map = ref.map;
-    var feature = ref.feature;
-    var popupCoordinate = ref.popupCoordinate;
-    var coord = popupCoordinate;
-
-    if (feature && !coord) {
-      coord = getCenter(feature.getGeometry().getExtent());
-    }
-
-    if (coord) {
-      var pos = map.getPixelFromCoordinate(coord);
-
-      if (pos && pos.length === 2) {
-        this.setState({
-          left: pos[0],
-          top: pos[1],
-        });
-      }
-    }
-  };
-
-  Popup.prototype.render = function render () {
-    var this$1 = this;
-
-    var ref = this.props;
-    var feature = ref.feature;
-    var popupCoordinate = ref.popupCoordinate;
-    var children = ref.children;
-    var header = ref.header;
-    var titles = ref.titles;
-    var tabIndex = ref.tabIndex;
-    var renderHeader = ref.renderHeader;
-    var renderFooter = ref.renderFooter;
-    var rest = objectWithoutProperties( ref, ["feature", "popupCoordinate", "children", "header", "titles", "tabIndex", "renderHeader", "renderFooter"] );
-    var other = rest;
-
+  }
+  render() {
+    const {
+      children,
+      feature,
+      header,
+      popupCoordinate,
+      renderFooter,
+      renderHeader,
+      tabIndex,
+      titles,
+      ...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;
-
-    var ref$1 = this.state;
-    var top = ref$1.top;
-    var left = ref$1.left;
-
-    // force re-render if the feature or the coordinate changes.
-    // this is needed to update the popupElement ref
-    var key = feature ? feature.getId() : popupCoordinate.join();
-    return (
-      React.createElement( 'div', Object.assign({},
-        { className: "rs-popup", style: {
-          left: left,
-          top: top,
-        } }, other),
-        React.createElement( 'div', {
-          className: "rs-popup-container", tabIndex: tabIndex, key: key, ref: function (popupElement) {
-            this$1.setState({ popupElement: popupElement });
-          } },
-          (renderHeader || Popup.renderHeader)(this.props),
-          React.createElement( 'div', { className: "rs-popup-body" }, children),
-          renderFooter(this.props)
-        )
+    const { left, top } = this.state;
+    const key = feature ? feature.getId() : popupCoordinate.join();
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "rs-popup",
+        style: {
+          left,
+          top
+        },
+        ...other
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "rs-popup-container",
+          key,
+          ref: (popupElement) => {
+            this.setState({ popupElement });
+          },
+          tabIndex
+        },
+        (renderHeader || Popup.renderHeader)(this.props),
+        /* @__PURE__ */ React.createElement("div", { className: "rs-popup-body" }, children),
+        renderFooter(this.props)
       )
     );
-  };
-
-  return Popup;
-}(PureComponent));
-
+  }
+  updatePixelPosition() {
+    const { feature, map, 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]
+        });
+      }
+    }
+  }
+}
 Popup.propTypes = propTypes;
 Popup.defaultProps = defaultProps;
-
 export default Popup;
-
-//# sourceMappingURL=Popup.js.map

package/components/Popup/Popup.js.map

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

package/components/Popup/Popup.md.scss

@@ -7,6 +7,7 @@
   left: 0 !important;
   right: 0;
   bottom: 0;
+  // stylelint-disable
   top: auto !important;
   border: 1px solid #e8e8e8;
 }

package/components/Popup/Popup.scss

@@ -1,10 +1,12 @@
+@use "../../themes/default/variables";
+
 .rs-popup {
   position: absolute;
 
   .rs-popup-container {
     position: absolute;
     background-color: white;
-    filter: drop-shadow($box-shadow);
+    filter: drop-shadow(variables.$box-shadow);
     bottom: 12px;
     left: -50px;
     min-width: 220px;

package/components/Popup/index.js

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

package/components/Popup/index.js.map

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