react-spatial 1.5.3 → 1.5.4

package/components/BaseLayerSwitcher/BaseLayerSwitcher.js

@@ -0,0 +1,231 @@
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { FaChevronLeft } from "react-icons/fa";
+import { Layer } from "mobility-toolbox-js/ol";
+import { unByKey } from "ol/Observable";
+const propTypes = {
+  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)).isRequired,
+  layerImages: PropTypes.objectOf(PropTypes.string),
+  className: PropTypes.string,
+  altText: PropTypes.string,
+  titles: PropTypes.shape({
+    button: PropTypes.string,
+    openSwitcher: PropTypes.string,
+    closeSwitcher: PropTypes.string
+  }),
+  closeButtonImage: PropTypes.node,
+  t: PropTypes.func
+};
+const defaultProps = {
+  className: "rs-base-layer-switcher",
+  altText: "Source not found",
+  titles: {
+    button: "Base layers",
+    openSwitcher: "Open Baselayer-Switcher",
+    closeSwitcher: "Close Baselayer-Switcher"
+  },
+  closeButtonImage: /* @__PURE__ */ React.createElement(FaChevronLeft, null),
+  layerImages: void 0,
+  t: (s) => {
+    return s;
+  }
+};
+const getVisibleLayer = (layers) => {
+  return layers.find((layer) => {
+    return layer.visible;
+  });
+};
+const getNextImage = (currentLayer, layers, layerImages) => {
+  const currentIndex = layers.indexOf(
+    layers.find((layer) => {
+      return layer === currentLayer;
+    })
+  );
+  const nextIndex = currentIndex + 1 === layers.length ? 0 : currentIndex + 1;
+  return layerImages[nextIndex];
+};
+const getImageStyle = (url) => {
+  return url ? {
+    backgroundImage: `url(${url})`,
+    backgroundSize: "cover",
+    backgroundRepeat: "no-repeat",
+    backgroundPosition: "center"
+  } : null;
+};
+function BaseLayerSwitcher({
+  layers,
+  layerImages,
+  className,
+  altText,
+  titles,
+  closeButtonImage,
+  t
+}) {
+  const [switcherOpen, setSwitcherOpen] = useState(false);
+  const [isClosed, setIsClosed] = useState(true);
+  const [currentLayer, setCurrentLayer] = useState(
+    getVisibleLayer(layers) || layers[0]
+  );
+  useEffect(() => {
+    const olKeys = (layers || []).map((layer) => {
+      return layer.on("change:visible", (evt) => {
+        if (evt.target.visible && currentLayer !== evt.target) {
+          setCurrentLayer(evt.target);
+        }
+      });
+    });
+    return () => {
+      unByKey(olKeys);
+    };
+  }, [currentLayer, layers]);
+  const images = layerImages ? Object.keys(layerImages).map((layerImage) => {
+    return layerImages[layerImage];
+  }) : layers.map((layer) => {
+    return layer.get("previewImage");
+  });
+  const openClass = switcherOpen ? " rs-open" : "";
+  const hiddenStyle = switcherOpen && !isClosed ? "visible" : "hidden";
+  const handleSwitcherClick = () => {
+    if (layers.length === 2) {
+      const nextLayer = layers.find((layer) => {
+        return !layer.visible;
+      });
+      if (currentLayer.setVisible) {
+        currentLayer.setVisible(false);
+      } else {
+        currentLayer.visible = false;
+      }
+      setCurrentLayer(nextLayer);
+      if (nextLayer.setVisible) {
+        nextLayer.setVisible(true);
+      } else {
+        nextLayer.visible = true;
+      }
+      return;
+    }
+    return setSwitcherOpen(true) && setIsClosed(false);
+  };
+  const onLayerSelect = (layer) => {
+    if (!switcherOpen) {
+      setSwitcherOpen(true);
+      return;
+    }
+    setCurrentLayer(layer);
+    if (layer.setVisible) {
+      layer.setVisible(true);
+    } else {
+      layer.visible = true;
+    }
+    layers.filter((l) => {
+      return l !== layer;
+    }).forEach((l) => {
+      if (l.setVisible) {
+        l.setVisible(false);
+      } else {
+        l.visible = false;
+      }
+    });
+    setSwitcherOpen(false);
+  };
+  const nextImage = getNextImage(currentLayer, layers, images);
+  useEffect(() => {
+    if (currentLayer !== getVisibleLayer(layers)) {
+      setCurrentLayer(getVisibleLayer(layers) || layers[0]);
+    }
+  }, [currentLayer, layers]);
+  useEffect(() => {
+    let timeout;
+    if (!switcherOpen) {
+      timeout = setTimeout(() => {
+        setIsClosed(true);
+      }, 200);
+    } else {
+      timeout = setTimeout(() => {
+        setIsClosed(false);
+      }, 800);
+    }
+    return () => {
+      return clearTimeout(timeout);
+    };
+  }, [switcherOpen]);
+  if (!layers || layers.length < 2 || !currentLayer) {
+    return null;
+  }
+  const toggleBtn = /* @__PURE__ */ React.createElement("div", {
+    className: "rs-base-layer-switcher-btn-wrapper"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "rs-base-layer-switcher-close-btn",
+    role: "button",
+    onClick: () => {
+      return setSwitcherOpen(false);
+    },
+    onKeyPress: (e) => {
+      return e.which === 13 && setSwitcherOpen(false);
+    },
+    tabIndex: switcherOpen ? "0" : "-1",
+    "aria-label": titles.closeSwitcher,
+    title: titles.closeSwitcher
+  }, closeButtonImage));
+  return /* @__PURE__ */ React.createElement("div", {
+    className: `${className}${openClass}`
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: `rs-base-layer-switcher-button rs-opener${openClass}`,
+    role: "button",
+    title: titles.openSwitcher,
+    "aria-label": titles.openSwitcher,
+    onClick: handleSwitcherClick,
+    onKeyPress: (e) => {
+      if (e.which === 13) {
+        handleSwitcherClick();
+      }
+    },
+    style: getImageStyle(nextImage),
+    tabIndex: "0"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "rs-base-layer-switcher-title"
+  }, layers.length !== 2 ? titles.button : layers.find((layer) => {
+    return !layer.visible;
+  }) && t(
+    layers.find((layer) => {
+      return !layer.visible;
+    }).name
+  )), nextImage ? null : /* @__PURE__ */ React.createElement("span", {
+    className: "rs-alt-text"
+  }, t(altText))), layers.map((layer, idx) => {
+    const layerName = layer.name;
+    const activeClass = layerName === currentLayer.name ? " rs-active" : "";
+    const imageStyle = getImageStyle(
+      layerImages ? layerImages[`${layer.key}`] : layer.get("previewImage")
+    );
+    return /* @__PURE__ */ React.createElement("div", {
+      key: layer.key,
+      className: "rs-base-layer-switcher-btn-wrapper",
+      style: {
+        overflow: hiddenStyle,
+        zIndex: layers.length - idx
+      }
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `rs-base-layer-switcher-button${openClass}`,
+      role: "button",
+      title: t(layerName),
+      "aria-label": t(layerName),
+      onClick: () => {
+        return onLayerSelect(layer);
+      },
+      onKeyPress: (e) => {
+        if (e.which === 13) {
+          onLayerSelect(layer);
+        }
+      },
+      style: imageStyle,
+      tabIndex: switcherOpen ? "0" : "-1"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: `rs-base-layer-switcher-title${activeClass}`
+    }, t(layerName)), imageStyle ? null : /* @__PURE__ */ React.createElement("span", {
+      className: "rs-alt-text"
+    }, t(altText))));
+  }), toggleBtn);
+}
+BaseLayerSwitcher.propTypes = propTypes;
+BaseLayerSwitcher.defaultProps = defaultProps;
+export default BaseLayerSwitcher;

package/components/BaseLayerSwitcher/BaseLayerSwitcher.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/BaseLayerSwitcher/BaseLayerSwitcher.js"],
+  "sourcesContent": ["/* eslint-disable jsx-a11y/interactive-supports-focus */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronLeft } from 'react-icons/fa';\nimport { Layer } from 'mobility-toolbox-js/ol';\nimport { unByKey } from 'ol/Observable';\n\nconst propTypes = {\n  /**\n   * An array of [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers).\n   */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)).isRequired,\n\n  /**\n   * Object containing relative paths to the base layer images. Object\n   * keys need to correspond to layer keys\n   */\n  layerImages: PropTypes.objectOf(PropTypes.string),\n\n  /**\n   * CSS class to apply on the container.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Alternative text rendered if layer images can't be loaded\n   */\n  altText: PropTypes.string,\n\n  /**\n   * Button titles.\n   */\n  titles: PropTypes.shape({\n    button: PropTypes.string,\n    openSwitcher: PropTypes.string,\n    closeSwitcher: PropTypes.string,\n  }),\n\n  /**\n   * Image (node) rendered in the switcher close button.\n   */\n  closeButtonImage: PropTypes.node,\n\n  /**\n   * Translation function.\n   * @param {function} Translation function returning the translated string.\n   */\n  t: PropTypes.func,\n};\n\nconst defaultProps = {\n  className: 'rs-base-layer-switcher',\n  altText: 'Source not found',\n  titles: {\n    button: 'Base layers',\n    openSwitcher: 'Open Baselayer-Switcher',\n    closeSwitcher: 'Close Baselayer-Switcher',\n  },\n  closeButtonImage: <FaChevronLeft />,\n  layerImages: undefined,\n  t: (s) => {\n    return s;\n  },\n};\n\nconst getVisibleLayer = (layers) => {\n  return layers.find((layer) => {\n    return layer.visible;\n  });\n};\n\nconst getNextImage = (currentLayer, layers, layerImages) => {\n  const currentIndex = layers.indexOf(\n    layers.find((layer) => {\n      return layer === currentLayer;\n    }),\n  );\n  const nextIndex = currentIndex + 1 === layers.length ? 0 : currentIndex + 1;\n  return layerImages[nextIndex];\n};\n\nconst getImageStyle = (url) => {\n  return url\n    ? {\n        backgroundImage: `url(${url})`,\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'center',\n      }\n    : null;\n};\n\n/**\n * The BaseLayerSwitcher component renders a button interface for switching the visible\n * [mobility-toolbox-js layer](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers)\n * when defined as base layer.\n */\n\nfunction BaseLayerSwitcher({\n  layers,\n  layerImages,\n  className,\n  altText,\n  titles,\n  closeButtonImage,\n  t,\n}) {\n  const [switcherOpen, setSwitcherOpen] = useState(false);\n  const [isClosed, setIsClosed] = useState(true);\n  const [currentLayer, setCurrentLayer] = useState(\n    getVisibleLayer(layers) || layers[0],\n  );\n\n  useEffect(() => {\n    // Update the layer selected when a visibility changes.\n    const olKeys = (layers || []).map((layer) => {\n      return layer.on('change:visible', (evt) => {\n        if (evt.target.visible && currentLayer !== evt.target) {\n          setCurrentLayer(evt.target);\n        }\n      });\n    });\n    return () => {\n      unByKey(olKeys);\n    };\n  }, [currentLayer, layers]);\n\n  /* Images are loaded from props if provided, fallback from layer */\n  const images = layerImages\n    ? Object.keys(layerImages).map((layerImage) => {\n        return layerImages[layerImage];\n      })\n    : layers.map((layer) => {\n        return layer.get('previewImage');\n      });\n\n  const openClass = switcherOpen ? ' rs-open' : '';\n  const hiddenStyle = switcherOpen && !isClosed ? 'visible' : 'hidden';\n\n  const handleSwitcherClick = () => {\n    if (layers.length === 2) {\n      /* On only two layer options the opener becomes a layer toggle button */\n      const nextLayer = layers.find((layer) => {\n        return !layer.visible;\n      });\n      if (currentLayer.setVisible) {\n        currentLayer.setVisible(false);\n      } else {\n        currentLayer.visible = false;\n      }\n      setCurrentLayer(nextLayer);\n      if (nextLayer.setVisible) {\n        nextLayer.setVisible(true);\n      } else {\n        nextLayer.visible = true;\n      }\n      return;\n    }\n    // eslint-disable-next-line consistent-return\n    return setSwitcherOpen(true) && setIsClosed(false);\n  };\n\n  const onLayerSelect = (layer) => {\n    if (!switcherOpen) {\n      setSwitcherOpen(true);\n      return;\n    }\n    setCurrentLayer(layer);\n    if (layer.setVisible) {\n      layer.setVisible(true);\n    } else {\n      // eslint-disable-next-line no-param-reassign\n      layer.visible = true;\n    }\n    layers\n      .filter((l) => {\n        return l !== layer;\n      })\n      .forEach((l) => {\n        if (l.setVisible) {\n          l.setVisible(false);\n        } else {\n          // eslint-disable-next-line no-param-reassign\n          l.visible = false;\n        }\n      });\n    setSwitcherOpen(false);\n  };\n\n  /* Get next image for closed button */\n  const nextImage = getNextImage(currentLayer, layers, images);\n\n  useEffect(() => {\n    /* Ensure correct layer is active on app load */\n    if (currentLayer !== getVisibleLayer(layers)) {\n      setCurrentLayer(getVisibleLayer(layers) || layers[0]);\n    }\n  }, [currentLayer, layers]);\n\n  useEffect(() => {\n    /* Used for correct layer image render with animation */\n    let timeout;\n    if (!switcherOpen) {\n      timeout = setTimeout(() => {\n        setIsClosed(true);\n      }, 200);\n    } else {\n      timeout = setTimeout(() => {\n        setIsClosed(false);\n      }, 800);\n    }\n    return () => {\n      return clearTimeout(timeout);\n    };\n  }, [switcherOpen]);\n\n  if (!layers || layers.length < 2 || !currentLayer) {\n    return null;\n  }\n\n  const toggleBtn = (\n    <div className=\"rs-base-layer-switcher-btn-wrapper\">\n      <div\n        className=\"rs-base-layer-switcher-close-btn\"\n        role=\"button\"\n        onClick={() => {\n          return setSwitcherOpen(false);\n        }}\n        onKeyPress={(e) => {\n          return e.which === 13 && setSwitcherOpen(false);\n        }}\n        tabIndex={switcherOpen ? '0' : '-1'}\n        aria-label={titles.closeSwitcher}\n        title={titles.closeSwitcher}\n      >\n        {closeButtonImage}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={`${className}${openClass}`}>\n      <div\n        className={`rs-base-layer-switcher-button rs-opener${openClass}`}\n        role=\"button\"\n        title={titles.openSwitcher}\n        aria-label={titles.openSwitcher}\n        onClick={handleSwitcherClick}\n        onKeyPress={(e) => {\n          if (e.which === 13) {\n            handleSwitcherClick();\n          }\n        }}\n        style={getImageStyle(nextImage)}\n        tabIndex=\"0\"\n      >\n        <div className=\"rs-base-layer-switcher-title\">\n          {layers.length !== 2\n            ? titles.button\n            : layers.find((layer) => {\n                return !layer.visible;\n              }) &&\n              t(\n                layers.find((layer) => {\n                  return !layer.visible;\n                }).name,\n              )}\n        </div>\n        {nextImage ? null : <span className=\"rs-alt-text\">{t(altText)}</span>}\n      </div>\n      {layers.map((layer, idx) => {\n        const layerName = layer.name;\n        const activeClass = layerName === currentLayer.name ? ' rs-active' : '';\n        const imageStyle = getImageStyle(\n          layerImages ? layerImages[`${layer.key}`] : layer.get('previewImage'),\n        );\n        return (\n          <div\n            key={layer.key}\n            className=\"rs-base-layer-switcher-btn-wrapper\"\n            style={{\n              /* stylelint-disable-next-line value-keyword-case */\n              overflow: hiddenStyle,\n              /* stylelint-disable-next-line value-keyword-case */\n              zIndex: layers.length - idx,\n            }}\n          >\n            <div\n              className={`rs-base-layer-switcher-button${openClass}`}\n              role=\"button\"\n              title={t(layerName)}\n              aria-label={t(layerName)}\n              onClick={() => {\n                return onLayerSelect(layer);\n              }}\n              onKeyPress={(e) => {\n                if (e.which === 13) {\n                  onLayerSelect(layer);\n                }\n              }}\n              style={imageStyle}\n              tabIndex={switcherOpen ? '0' : '-1'}\n            >\n              <div className={`rs-base-layer-switcher-title${activeClass}`}>\n                {t(layerName)}\n              </div>\n              {imageStyle ? null : (\n                <span className=\"rs-alt-text\">{t(altText)}</span>\n              )}\n            </div>\n          </div>\n        );\n      })}\n      {toggleBtn}\n    </div>\n  );\n}\n\nBaseLayerSwitcher.propTypes = propTypes;\nBaseLayerSwitcher.defaultProps = defaultProps;\n\nexport default BaseLayerSwitcher;\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/BaseLayerSwitcher/index.js

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

package/components/BaseLayerSwitcher/index.js.map

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

package/components/BasicMap/BasicMap.js

@@ -0,0 +1,278 @@
+import React, { PureComponent } from "react";
+import PropTypes from "prop-types";
+import { defaults as defaultInteractions } from "ol/interaction";
+import { equals } from "ol/extent";
+import OLMap from "ol/Map";
+import OLCollection from "ol/Collection";
+import View from "ol/View";
+import { unByKey } from "ol/Observable";
+import Interaction from "ol/interaction/Interaction";
+import { Layer } from "mobility-toolbox-js/ol";
+import ResizeHandler from "../ResizeHandler";
+const propTypes = {
+  animationOptions: PropTypes.shape({
+    center: PropTypes.arrayOf(PropTypes.number),
+    resolution: PropTypes.number,
+    zoom: PropTypes.number
+  }),
+  center: PropTypes.arrayOf(PropTypes.number),
+  className: PropTypes.string,
+  extent: PropTypes.arrayOf(PropTypes.number),
+  fitOptions: PropTypes.object,
+  interactions: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.instanceOf(Interaction)),
+    PropTypes.instanceOf(OLCollection)
+  ]),
+  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),
+  map: PropTypes.instanceOf(OLMap),
+  onFeaturesClick: PropTypes.func,
+  featuresClickOptions: PropTypes.shape({
+    layerFilter: PropTypes.func,
+    hitTolerance: PropTypes.number,
+    checkWrapped: PropTypes.bool
+  }),
+  onFeaturesHover: PropTypes.func,
+  onMapMoved: PropTypes.func,
+  resolution: PropTypes.number,
+  tabIndex: PropTypes.number,
+  style: PropTypes.object,
+  ariaLabel: PropTypes.string,
+  viewOptions: PropTypes.shape({
+    minZoom: PropTypes.number,
+    maxZoom: PropTypes.number,
+    extent: PropTypes.array,
+    projection: PropTypes.string
+  }),
+  zoom: PropTypes.number
+};
+const defaultProps = {
+  animationOptions: void 0,
+  center: [0, 0],
+  className: "rs-map",
+  extent: void 0,
+  fitOptions: {
+    duration: 1e3,
+    padding: [20, 20, 20, 20],
+    maxZoom: 23
+  },
+  style: void 0,
+  interactions: null,
+  layers: [],
+  map: null,
+  onFeaturesClick: void 0,
+  featuresClickOptions: {
+    hitTolerance: 0
+  },
+  onFeaturesHover: void 0,
+  onMapMoved: void 0,
+  resolution: void 0,
+  tabIndex: void 0,
+  ariaLabel: "map",
+  viewOptions: {
+    minZoom: 0,
+    maxZoom: 22,
+    extent: void 0,
+    projection: "EPSG:3857"
+  },
+  zoom: 1
+};
+class BasicMap extends PureComponent {
+  constructor(props) {
+    super(props);
+    const { map, interactions } = this.props;
+    this.map = map || new OLMap({
+      controls: [],
+      interactions: interactions || defaultInteractions({
+        altShiftDragRotate: false,
+        pinchRotate: false
+      })
+    });
+    this.state = {
+      node: null
+    };
+    this.layers = [];
+    this.moveEndRef = null;
+    this.singleClickRef = null;
+    this.pointerMoveRef = null;
+    this.setNode = this.setNode.bind(this);
+  }
+  componentDidMount() {
+    const { layers, extent, viewOptions, center, zoom, resolution } = this.props;
+    const { node } = this.state;
+    this.map.setTarget(node);
+    this.map.setView(new View({ ...viewOptions, center, zoom, resolution }));
+    const viewPort = this.map.getViewport();
+    viewPort.style.touchAction = "none";
+    viewPort.style.msTouchAction = "none";
+    viewPort.setAttribute("touch-action", "none");
+    if (this.map.getSize() && extent) {
+      this.map.getView().fit(extent);
+    }
+    this.setLayers(layers);
+    this.listenMoveEnd();
+    this.listenSingleClick();
+    this.listenPointerMove();
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      animationOptions,
+      center,
+      extent,
+      fitOptions,
+      layers,
+      resolution,
+      viewOptions,
+      zoom,
+      onMapMoved,
+      onFeaturesClick,
+      onFeaturesHover
+    } = this.props;
+    const { node } = this.state;
+    if (prevState.node !== node) {
+      this.map.setTarget(node);
+      if (!prevState.node && node && extent) {
+        this.map.getView().fit(extent);
+      }
+    }
+    if (prevProps.layers !== layers) {
+      this.setLayers(layers, prevProps.layers);
+    }
+    if (viewOptions && JSON.stringify(viewOptions) !== JSON.stringify(prevProps.viewOptions)) {
+      this.map.setView(
+        new View({
+          ...viewOptions,
+          center,
+          resolution,
+          zoom
+        })
+      );
+    }
+    const view = this.map.getView();
+    if (animationOptions && prevProps.animationOptions !== animationOptions) {
+      view.animate(animationOptions);
+    }
+    if (prevProps.center !== center) {
+      view.setCenter(center);
+    }
+    if (zoom !== prevProps.zoom) {
+      view.setZoom(zoom);
+    }
+    if (resolution !== prevProps.resolution) {
+      view.setResolution(resolution);
+    }
+    if (extent && !equals(extent, prevProps.extent || [])) {
+      view.fit(extent, fitOptions);
+    }
+    if (onMapMoved !== prevProps.onMapMoved) {
+      this.listenMoveEnd();
+    }
+    if (onFeaturesClick !== prevProps.onFeaturesClick) {
+      this.listenSingleClick();
+    }
+    if (onFeaturesHover !== prevProps.onFeaturesHover) {
+      this.listenPointerMove();
+    }
+  }
+  componentWillUnmount() {
+    unByKey([this.moveEndRef, this.singleClickRef, this.pointerMoveRef]);
+  }
+  setNode(node) {
+    this.setState({ node });
+  }
+  setLayers(layers = [], prevLayers = []) {
+    for (let i = 0; i < prevLayers.length; i += 1) {
+      this.terminateLayer(prevLayers[i]);
+    }
+    for (let i = 0; i < layers.length; i += 1) {
+      this.initLayer(layers[i]);
+    }
+    this.layers = layers;
+  }
+  initLayer(layer) {
+    if (layer.attachToMap) {
+      layer.attachToMap(this.map);
+    }
+    if (layer.init) {
+      layer.init(this.map);
+    }
+    if (layer.olLayer && this.map.getLayers() && !this.map.getLayers().getArray().includes(layer.olLayer)) {
+      this.map.addLayer(layer.olLayer);
+    }
+    const layers = layer.children || [];
+    for (let i = 0; i < layers.length; i += 1) {
+      this.initLayer(layers[i]);
+    }
+  }
+  terminateLayer(layer) {
+    const layers = layer.children || [];
+    for (let i = 0; i < layers.length; i += 1) {
+      this.terminateLayer(layers[i]);
+    }
+    if (layer.olLayer && this.map.getLayers() && this.map.getLayers().getArray().includes(layer.olLayer)) {
+      this.map.removeLayer(layer.olLayer);
+    }
+    if (layer.terminate) {
+      layer.terminate(this.map);
+    }
+    if (layer.detachFromMap) {
+      layer.detachFromMap(this.map);
+    }
+  }
+  listenMoveEnd() {
+    const { onMapMoved } = this.props;
+    unByKey(this.moveEndRef);
+    if (!onMapMoved) {
+      return;
+    }
+    this.moveEndRef = this.map.on("moveend", (evt) => {
+      return onMapMoved(evt);
+    });
+  }
+  listenSingleClick() {
+    const { onFeaturesClick, featuresClickOptions } = this.props;
+    unByKey(this.singleClickRef);
+    if (!onFeaturesClick) {
+      return;
+    }
+    this.singleClickRef = this.map.on("singleclick", (evt) => {
+      const features = evt.map.getFeaturesAtPixel(
+        evt.pixel,
+        featuresClickOptions
+      );
+      onFeaturesClick(features || [], evt);
+    });
+  }
+  listenPointerMove() {
+    const { onFeaturesHover } = this.props;
+    unByKey(this.pointerMoveRef);
+    if (!onFeaturesHover) {
+      return;
+    }
+    this.pointerMoveRef = this.map.on("pointermove", (evt) => {
+      const features = evt.map.getFeaturesAtPixel(evt.pixel);
+      onFeaturesHover(features || [], evt);
+    });
+  }
+  render() {
+    const { className, tabIndex, ariaLabel, style } = this.props;
+    const { node } = this.state;
+    return /* @__PURE__ */ React.createElement("div", {
+      className,
+      ref: this.setNode,
+      role: "presentation",
+      "aria-label": ariaLabel,
+      tabIndex,
+      style
+    }, /* @__PURE__ */ React.createElement(ResizeHandler, {
+      maxHeightBrkpts: null,
+      maxWidthBrkpts: null,
+      observe: node,
+      onResize: () => {
+        this.map.updateSize();
+      }
+    }));
+  }
+}
+BasicMap.propTypes = propTypes;
+BasicMap.defaultProps = defaultProps;
+export default BasicMap;

package/components/BasicMap/BasicMap.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/BasicMap/BasicMap.js"],
+  "sourcesContent": ["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { defaults as defaultInteractions } from 'ol/interaction';\nimport { equals } from 'ol/extent';\nimport OLMap from 'ol/Map';\nimport OLCollection from 'ol/Collection';\nimport View from 'ol/View';\nimport { unByKey } from 'ol/Observable';\nimport Interaction from 'ol/interaction/Interaction';\nimport { Layer } from 'mobility-toolbox-js/ol';\nimport ResizeHandler from '../ResizeHandler';\n\nconst propTypes = {\n  /** Map animation options */\n  animationOptions: PropTypes.shape({\n    center: PropTypes.arrayOf(PropTypes.number),\n    resolution: PropTypes.number,\n    zoom: PropTypes.number,\n  }),\n\n  /** Center of the [ol/View](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html). */\n  center: PropTypes.arrayOf(PropTypes.number),\n\n  /** Class name of the map container */\n  className: PropTypes.string,\n\n  /** Map extent */\n  extent: PropTypes.arrayOf(PropTypes.number),\n\n  /** Openlayers [fit options](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html#fit) when extent is updated */\n  fitOptions: PropTypes.object,\n\n  /** Array of [ol/interaction](https://openlayers.org/en/latest/apidoc/module-ol_interaction_Interaction-Interaction.html). */\n  interactions: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.instanceOf(Interaction)),\n    PropTypes.instanceOf(OLCollection),\n  ]),\n\n  /** Array of [mobility-toolbox-js layers](https://mobility-toolbox-js.geops.io/api/identifiers%20html#ol-layers) to display. */\n  layers: PropTypes.arrayOf(PropTypes.instanceOf(Layer)),\n\n  /** An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html). */\n  map: PropTypes.instanceOf(OLMap),\n\n  /**\n   * Callback when a [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html) is clicked.\n   * @param {OLFeature[]} features An array of [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html).\n   * @param {ol.MapBrowserEvent} event The singleclick [ol/MapBrowserEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:singleclick).\n   */\n  onFeaturesClick: PropTypes.func,\n\n  /**\n   * Optional options to pass on feature click. Passed to ol's 'getFeaturesAtPixel' method.\n   * https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html#getFeaturesAtPixel\n   */\n  featuresClickOptions: PropTypes.shape({\n    layerFilter: PropTypes.func,\n    hitTolerance: PropTypes.number,\n    checkWrapped: PropTypes.bool,\n  }),\n\n  /**\n   * Callback when a [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html) is hovered.\n   * @param {OLFeature[]} features An array of [ol/Feature](https://openlayers.org/en/latest/apidoc/module-ol_Feature-Feature.html).\n   * @param {ol.MapBrowserEvent} event The pointermove [ol/MapBrowserEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:pointermove).\n   */\n  onFeaturesHover: PropTypes.func,\n\n  /**\n   * Callback when the map was moved.\n   * @param {ol.MapEvent} event The movend [ol/MapEvent](https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:moveend).\n   */\n  onMapMoved: PropTypes.func,\n\n  /** Map resolution */\n  resolution: PropTypes.number,\n\n  /** The tabIndex of the map. */\n  tabIndex: PropTypes.number,\n\n  /** The style of the map. */\n  style: PropTypes.object,\n\n  /** HTML aria-label. */\n  ariaLabel: PropTypes.string,\n\n  /** [ol/View](https://openlayers.org/en/latest/apidoc/module-ol_View-View.html) constructor options */\n  viewOptions: PropTypes.shape({\n    minZoom: PropTypes.number,\n    maxZoom: PropTypes.number,\n    extent: PropTypes.array,\n    projection: PropTypes.string,\n  }),\n\n  /** Map zoom level */\n  zoom: PropTypes.number,\n};\n\nconst defaultProps = {\n  animationOptions: undefined,\n  center: [0, 0],\n  className: 'rs-map',\n  extent: undefined,\n  fitOptions: {\n    duration: 1000,\n    padding: [20, 20, 20, 20],\n    maxZoom: 23,\n  },\n  style: undefined,\n  interactions: null,\n  layers: [],\n  map: null,\n  onFeaturesClick: undefined,\n  featuresClickOptions: {\n    hitTolerance: 0,\n  },\n  onFeaturesHover: undefined,\n  onMapMoved: undefined,\n  resolution: undefined,\n  tabIndex: undefined,\n  ariaLabel: 'map',\n  viewOptions: {\n    minZoom: 0,\n    maxZoom: 22,\n    extent: undefined,\n    projection: 'EPSG:3857',\n  },\n  zoom: 1,\n};\n\n/**\n * The BasicMap component renders an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n *\n * The map's view is created with the following parameters for the view:\n *  - projection: 'EPSG:3857'\n *  - zoom: 0\n *  - minZoom: 0\n *  - maxZoom: 22\n *\n * These options can be overridden using the viewOptions property.\n */\nclass BasicMap extends PureComponent {\n  constructor(props) {\n    super(props);\n    const { map, interactions } = this.props;\n\n    this.map =\n      map ||\n      new OLMap({\n        controls: [],\n        interactions:\n          interactions ||\n          defaultInteractions({\n            altShiftDragRotate: false,\n            pinchRotate: false,\n          }),\n      });\n\n    this.state = {\n      node: null,\n    };\n\n    this.layers = [];\n    this.moveEndRef = null;\n    this.singleClickRef = null;\n    this.pointerMoveRef = null;\n    this.setNode = this.setNode.bind(this);\n  }\n\n  componentDidMount() {\n    const { layers, extent, viewOptions, center, zoom, resolution } =\n      this.props;\n    const { node } = this.state;\n    this.map.setTarget(node);\n\n    // We set the view here otherwise the map is not correctly zoomed.\n    this.map.setView(new View({ ...viewOptions, center, zoom, resolution }));\n\n    // // Since ol 6.1.0 touch-action is set to auto and creates a bad navigation experience on mobile,\n    // // so we have to force it to none for mobile.\n    // // https://github.com/openlayers/openlayers/pull/10187/files\n    const viewPort = this.map.getViewport();\n    viewPort.style.touchAction = 'none';\n    viewPort.style.msTouchAction = 'none';\n    viewPort.setAttribute('touch-action', 'none');\n\n    // Fit only work if the map has a size.\n    if (this.map.getSize() && extent) {\n      this.map.getView().fit(extent);\n    }\n\n    this.setLayers(layers);\n    this.listenMoveEnd();\n    this.listenSingleClick();\n    this.listenPointerMove();\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const {\n      animationOptions,\n      center,\n      extent,\n      fitOptions,\n      layers,\n      resolution,\n      viewOptions,\n      zoom,\n      onMapMoved,\n      onFeaturesClick,\n      onFeaturesHover,\n    } = this.props;\n    const { node } = this.state;\n\n    if (prevState.node !== node) {\n      this.map.setTarget(node);\n\n      // When the node is set we reinitialize the extent with the extent property.\n      if (!prevState.node && node && extent) {\n        this.map.getView().fit(extent);\n      }\n    }\n\n    if (prevProps.layers !== layers) {\n      this.setLayers(layers, prevProps.layers);\n    }\n\n    // Creates a new view if necessary before updating the others prop.\n    if (\n      viewOptions &&\n      JSON.stringify(viewOptions) !== JSON.stringify(prevProps.viewOptions)\n    ) {\n      // Re-create a view, ol doesn't provide any method to setExtent of view.\n      this.map.setView(\n        new View({\n          ...viewOptions,\n          center,\n          resolution,\n          zoom,\n        }),\n      );\n    }\n\n    const view = this.map.getView();\n\n    if (animationOptions && prevProps.animationOptions !== animationOptions) {\n      view.animate(animationOptions);\n    }\n\n    if (prevProps.center !== center) {\n      view.setCenter(center);\n    }\n\n    if (zoom !== prevProps.zoom) {\n      view.setZoom(zoom);\n    }\n\n    if (resolution !== prevProps.resolution) {\n      view.setResolution(resolution);\n    }\n\n    if (extent && !equals(extent, prevProps.extent || [])) {\n      view.fit(extent, fitOptions);\n    }\n\n    if (onMapMoved !== prevProps.onMapMoved) {\n      this.listenMoveEnd();\n    }\n\n    if (onFeaturesClick !== prevProps.onFeaturesClick) {\n      this.listenSingleClick();\n    }\n\n    if (onFeaturesHover !== prevProps.onFeaturesHover) {\n      this.listenPointerMove();\n    }\n  }\n\n  componentWillUnmount() {\n    unByKey([this.moveEndRef, this.singleClickRef, this.pointerMoveRef]);\n  }\n\n  setNode(node) {\n    this.setState({ node });\n  }\n\n  setLayers(layers = [], prevLayers = []) {\n    for (let i = 0; i < prevLayers.length; i += 1) {\n      this.terminateLayer(prevLayers[i]);\n    }\n    for (let i = 0; i < layers.length; i += 1) {\n      this.initLayer(layers[i]);\n    }\n    this.layers = layers;\n  }\n\n  initLayer(layer) {\n    if (layer.attachToMap) {\n      layer.attachToMap(this.map);\n    }\n\n    if (layer.init) {\n      layer.init(this.map);\n    }\n\n    if (\n      layer.olLayer &&\n      this.map.getLayers() &&\n      !this.map.getLayers().getArray().includes(layer.olLayer)\n    ) {\n      this.map.addLayer(layer.olLayer);\n    }\n    const layers = layer.children || [];\n    for (let i = 0; i < layers.length; i += 1) {\n      this.initLayer(layers[i]);\n    }\n  }\n\n  terminateLayer(layer) {\n    const layers = layer.children || [];\n    for (let i = 0; i < layers.length; i += 1) {\n      this.terminateLayer(layers[i]);\n    }\n\n    if (\n      layer.olLayer &&\n      this.map.getLayers() &&\n      this.map.getLayers().getArray().includes(layer.olLayer)\n    ) {\n      this.map.removeLayer(layer.olLayer);\n    }\n\n    if (layer.terminate) {\n      layer.terminate(this.map);\n    }\n\n    if (layer.detachFromMap) {\n      layer.detachFromMap(this.map);\n    }\n  }\n\n  listenMoveEnd() {\n    const { onMapMoved } = this.props;\n    unByKey(this.moveEndRef);\n\n    if (!onMapMoved) {\n      return;\n    }\n\n    this.moveEndRef = this.map.on('moveend', (evt) => {\n      return onMapMoved(evt);\n    });\n  }\n\n  listenSingleClick() {\n    const { onFeaturesClick, featuresClickOptions } = this.props;\n    unByKey(this.singleClickRef);\n\n    if (!onFeaturesClick) {\n      return;\n    }\n\n    this.singleClickRef = this.map.on('singleclick', (evt) => {\n      const features = evt.map.getFeaturesAtPixel(\n        evt.pixel,\n        featuresClickOptions,\n      );\n      onFeaturesClick(features || [], evt);\n    });\n  }\n\n  listenPointerMove() {\n    const { onFeaturesHover } = this.props;\n    unByKey(this.pointerMoveRef);\n\n    if (!onFeaturesHover) {\n      return;\n    }\n\n    this.pointerMoveRef = this.map.on('pointermove', (evt) => {\n      const features = evt.map.getFeaturesAtPixel(evt.pixel);\n      onFeaturesHover(features || [], evt);\n    });\n  }\n\n  render() {\n    const { className, tabIndex, ariaLabel, style } = this.props;\n    const { node } = this.state;\n    return (\n      <div\n        className={className}\n        ref={this.setNode}\n        role=\"presentation\"\n        aria-label={ariaLabel}\n        tabIndex={tabIndex}\n        style={style}\n      >\n        <ResizeHandler\n          maxHeightBrkpts={null}\n          maxWidthBrkpts={null}\n          observe={node}\n          onResize={() => {\n            this.map.updateSize();\n          }}\n        />\n      </div>\n    );\n  }\n}\n\nBasicMap.propTypes = propTypes;\nBasicMap.defaultProps = defaultProps;\n\nexport default BasicMap;\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/BasicMap/index.js

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

package/components/BasicMap/index.js.map

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