react-spatial 1.2.2 → 1.2.3-beta.3

package/components/Zoom/Zoom.js

@@ -1,163 +1,120 @@
-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, {
   useEffect,
   useRef,
   useCallback,
   useState,
-  useMemo,
-} from 'react';
-import PropTypes from 'prop-types';
-import { FaPlus, FaMinus } from 'react-icons/fa';
-import { ZoomSlider } from 'ol/control';
-import OLMap from 'ol/Map';
-
-var propTypes = {
-  /**
-   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
-   */
+  useMemo
+} from "react";
+import PropTypes from "prop-types";
+import { FaPlus, FaMinus } from "react-icons/fa";
+import { ZoomSlider } from "ol/control";
+import OLMap from "ol/Map";
+const propTypes = {
   map: PropTypes.instanceOf(OLMap).isRequired,
-
-  /**
-   * The zoom delta applied on each click.
-   */
   delta: PropTypes.number,
-
-  /**
-   * Titles HTML attribtues for button.
-   */
   titles: PropTypes.shape({
     zoomIn: PropTypes.string,
-    zoomOut: PropTypes.string,
+    zoomOut: PropTypes.string
   }),
-
-  /**
-   * Children content of the zoom in button.
-   */
   zoomInChildren: PropTypes.node,
-
-  /**
-   * Children content of the zoom out button.
-   */
   zoomOutChildren: PropTypes.node,
-
-  /**
-   * Display a slider to zoom.
-   */
-  zoomSlider: PropTypes.bool,
+  zoomSlider: PropTypes.bool
 };
-
-var defaultProps = {
+const defaultProps = {
   titles: {
-    zoomIn: 'Zoom in',
-    zoomOut: 'Zoom out',
+    zoomIn: "Zoom in",
+    zoomOut: "Zoom out"
   },
-  zoomInChildren: React.createElement( FaPlus, { focusable: false }),
-  zoomOutChildren: React.createElement( FaMinus, { focusable: false }),
+  zoomInChildren: /* @__PURE__ */ React.createElement(FaPlus, {
+    focusable: false
+  }),
+  zoomOutChildren: /* @__PURE__ */ React.createElement(FaMinus, {
+    focusable: false
+  }),
   zoomSlider: false,
-  delta: 1,
+  delta: 1
 };
-
-var updateZoom = function (map, zoomAction) {
+const updateZoom = (map, zoomAction) => {
   map.getView().cancelAnimations();
-  var zoom = map.getView().getZoom();
-
+  const zoom = map.getView().getZoom();
   map.getView().animate({ zoom: zoom + zoomAction });
 };
-
-/**
- * The Zoom component creates a zoom wrapper containing zoom-in and zoom-out buttons
- * and an optional [ol/ZoomSlider](https://openlayers.org/en/latest/apidoc/module-ol_control_ZoomSlider-ZoomSlider.html).
- */
-function Zoom(ref$1) {
-  var map = ref$1.map;
-  var titles = ref$1.titles;
-  var zoomInChildren = ref$1.zoomInChildren;
-  var zoomOutChildren = ref$1.zoomOutChildren;
-  var zoomSlider = ref$1.zoomSlider;
-  var delta = ref$1.delta;
-  var rest = objectWithoutProperties( ref$1, ["map", "titles", "zoomInChildren", "zoomOutChildren", "zoomSlider", "delta"] );
-  var other = rest;
-
-  var ref = useRef();
-  var ref$2 = useState();
-  var currentZoom = ref$2[0];
-  var setZoom = ref$2[1];
-
-  var zoomIn = useCallback(
-    function (evt) {
+function Zoom({
+  map,
+  titles,
+  zoomInChildren,
+  zoomOutChildren,
+  zoomSlider,
+  delta,
+  ...other
+}) {
+  const ref = useRef();
+  const [currentZoom, setZoom] = useState();
+  const zoomIn = useCallback(
+    (evt) => {
       if (!evt.which || evt.which === 13) {
         updateZoom(map, delta);
       }
     },
     [delta, map]
   );
-
-  var zoomOut = useCallback(
-    function (evt) {
+  const zoomOut = useCallback(
+    (evt) => {
       if (!evt.which || evt.which === 13) {
         updateZoom(map, -delta);
       }
     },
     [delta, map]
   );
-
-  var zoomInDisabled = useMemo(function () {
-    return (
-      currentZoom >=
-      map.getView().getConstrainedZoom(map.getView().getMaxZoom())
-    );
+  const zoomInDisabled = useMemo(() => {
+    return currentZoom >= map.getView().getConstrainedZoom(map.getView().getMaxZoom());
   }, [currentZoom, map]);
-
-  var zoomOutDisabled = useMemo(function () {
-    return (
-      currentZoom <=
-      map.getView().getConstrainedZoom(map.getView().getMinZoom())
-    );
+  const zoomOutDisabled = useMemo(() => {
+    return currentZoom <= map.getView().getConstrainedZoom(map.getView().getMinZoom());
   }, [currentZoom, map]);
-
-  useEffect(function () {
-    /* Trigger zoom update to disable zooms on max and min */
-    var zoomListener = function () {
+  useEffect(() => {
+    const zoomListener = () => {
       return setZoom(map.getView().getZoom());
     };
-    map.on('moveend', zoomListener);
-
-    var control;
+    map.on("moveend", zoomListener);
+    let control;
     if (zoomSlider && ref.current) {
       control = new ZoomSlider();
-      // We don't want to navigate to the zoom slider using TAB navigation.
       control.element.firstElementChild.tabIndex = -1;
-      // Set the zoom slider in the custom control wrapper.
       control.setTarget(ref.current);
       map.addControl(control);
     }
-    return function () {
-      map.un('moveend', zoomListener);
+    return () => {
+      map.un("moveend", zoomListener);
       if (control) {
         map.removeControl(control);
       }
     };
   }, [map, zoomSlider]);
-
-  return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement( 'div', Object.assign({}, { className: "rs-zooms-bar" }, other),
-      React.createElement( 'button', {
-        type: "button", tabIndex: 0, className: "rs-zoom-in", title: titles.zoomIn, onClick: zoomIn, onKeyPress: zoomIn, disabled: zoomInDisabled },
-        zoomInChildren
-      ),
-      zoomSlider ? React.createElement( 'div', { className: "rs-zoomslider-wrapper", ref: ref }) : null,
-      React.createElement( 'button', {
-        type: "button", tabIndex: 0, className: "rs-zoom-out", title: titles.zoomOut, onClick: zoomOut, onKeyPress: zoomOut, disabled: zoomOutDisabled },
-        zoomOutChildren
-      )
-    )
-  );
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "rs-zooms-bar",
+    ...other
+  }, /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    tabIndex: 0,
+    className: "rs-zoom-in",
+    title: titles.zoomIn,
+    onClick: zoomIn,
+    onKeyPress: zoomIn,
+    disabled: zoomInDisabled
+  }, zoomInChildren), zoomSlider ? /* @__PURE__ */ React.createElement("div", {
+    className: "rs-zoomslider-wrapper",
+    ref
+  }) : null, /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    tabIndex: 0,
+    className: "rs-zoom-out",
+    title: titles.zoomOut,
+    onClick: zoomOut,
+    onKeyPress: zoomOut,
+    disabled: zoomOutDisabled
+  }, zoomOutChildren));
 }
-
 Zoom.propTypes = propTypes;
 Zoom.defaultProps = defaultProps;
-
 export default React.memo(Zoom);
-
-//# sourceMappingURL=Zoom.js.map

package/components/Zoom/Zoom.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"Zoom.js","sources":["../../../src/components/Zoom/Zoom.js"],"sourcesContent":["import React, {\n  useEffect,\n  useRef,\n  useCallback,\n  useState,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { FaPlus, FaMinus } from 'react-icons/fa';\nimport { ZoomSlider } from 'ol/control';\nimport OLMap from 'ol/Map';\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * The zoom delta applied on each click.\n   */\n  delta: PropTypes.number,\n\n  /**\n   * Titles HTML attribtues for button.\n   */\n  titles: PropTypes.shape({\n    zoomIn: PropTypes.string,\n    zoomOut: PropTypes.string,\n  }),\n\n  /**\n   * Children content of the zoom in button.\n   */\n  zoomInChildren: PropTypes.node,\n\n  /**\n   * Children content of the zoom out button.\n   */\n  zoomOutChildren: PropTypes.node,\n\n  /**\n   * Display a slider to zoom.\n   */\n  zoomSlider: PropTypes.bool,\n};\n\nconst defaultProps = {\n  titles: {\n    zoomIn: 'Zoom in',\n    zoomOut: 'Zoom out',\n  },\n  zoomInChildren: <FaPlus focusable={false} />,\n  zoomOutChildren: <FaMinus focusable={false} />,\n  zoomSlider: false,\n  delta: 1,\n};\n\nconst updateZoom = (map, zoomAction) => {\n  map.getView().cancelAnimations();\n  const zoom = map.getView().getZoom();\n\n  map.getView().animate({ zoom: zoom + zoomAction });\n};\n\n/**\n * The Zoom component creates a zoom wrapper containing zoom-in and zoom-out buttons\n * and an optional [ol/ZoomSlider](https://openlayers.org/en/latest/apidoc/module-ol_control_ZoomSlider-ZoomSlider.html).\n */\nfunction Zoom({\n  map,\n  titles,\n  zoomInChildren,\n  zoomOutChildren,\n  zoomSlider,\n  delta,\n  ...other\n}) {\n  const ref = useRef();\n  const [currentZoom, setZoom] = useState();\n\n  const zoomIn = useCallback(\n    (evt) => {\n      if (!evt.which || evt.which === 13) {\n        updateZoom(map, delta);\n      }\n    },\n    [delta, map],\n  );\n\n  const zoomOut = useCallback(\n    (evt) => {\n      if (!evt.which || evt.which === 13) {\n        updateZoom(map, -delta);\n      }\n    },\n    [delta, map],\n  );\n\n  const zoomInDisabled = useMemo(() => {\n    return (\n      currentZoom >=\n      map.getView().getConstrainedZoom(map.getView().getMaxZoom())\n    );\n  }, [currentZoom, map]);\n\n  const zoomOutDisabled = useMemo(() => {\n    return (\n      currentZoom <=\n      map.getView().getConstrainedZoom(map.getView().getMinZoom())\n    );\n  }, [currentZoom, map]);\n\n  useEffect(() => {\n    /* Trigger zoom update to disable zooms on max and min */\n    const zoomListener = () => {\n      return setZoom(map.getView().getZoom());\n    };\n    map.on('moveend', zoomListener);\n\n    let control;\n    if (zoomSlider && ref.current) {\n      control = new ZoomSlider();\n      // We don't want to navigate to the zoom slider using TAB navigation.\n      control.element.firstElementChild.tabIndex = -1;\n      // Set the zoom slider in the custom control wrapper.\n      control.setTarget(ref.current);\n      map.addControl(control);\n    }\n    return () => {\n      map.un('moveend', zoomListener);\n      if (control) {\n        map.removeControl(control);\n      }\n    };\n  }, [map, zoomSlider]);\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <div className=\"rs-zooms-bar\" {...other}>\n      <button\n        type=\"button\"\n        tabIndex={0}\n        className=\"rs-zoom-in\"\n        title={titles.zoomIn}\n        onClick={zoomIn}\n        onKeyPress={zoomIn}\n        disabled={zoomInDisabled}\n      >\n        {zoomInChildren}\n      </button>\n      {zoomSlider ? <div className=\"rs-zoomslider-wrapper\" ref={ref} /> : null}\n      <button\n        type=\"button\"\n        tabIndex={0}\n        className=\"rs-zoom-out\"\n        title={titles.zoomOut}\n        onClick={zoomOut}\n        onKeyPress={zoomOut}\n        disabled={zoomOutDisabled}\n      >\n        {zoomOutChildren}\n      </button>\n    </div>\n  );\n}\n\nZoom.propTypes = propTypes;\nZoom.defaultProps = defaultProps;\n\nexport default React.memo(Zoom);\n"],"names":["const","let"],"mappings":"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"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/Zoom/Zoom.js"],
+  "sourcesContent": ["import React, {\n  useEffect,\n  useRef,\n  useCallback,\n  useState,\n  useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { FaPlus, FaMinus } from 'react-icons/fa';\nimport { ZoomSlider } from 'ol/control';\nimport OLMap from 'ol/Map';\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * The zoom delta applied on each click.\n   */\n  delta: PropTypes.number,\n\n  /**\n   * Titles HTML attribtues for button.\n   */\n  titles: PropTypes.shape({\n    zoomIn: PropTypes.string,\n    zoomOut: PropTypes.string,\n  }),\n\n  /**\n   * Children content of the zoom in button.\n   */\n  zoomInChildren: PropTypes.node,\n\n  /**\n   * Children content of the zoom out button.\n   */\n  zoomOutChildren: PropTypes.node,\n\n  /**\n   * Display a slider to zoom.\n   */\n  zoomSlider: PropTypes.bool,\n};\n\nconst defaultProps = {\n  titles: {\n    zoomIn: 'Zoom in',\n    zoomOut: 'Zoom out',\n  },\n  zoomInChildren: <FaPlus focusable={false} />,\n  zoomOutChildren: <FaMinus focusable={false} />,\n  zoomSlider: false,\n  delta: 1,\n};\n\nconst updateZoom = (map, zoomAction) => {\n  map.getView().cancelAnimations();\n  const zoom = map.getView().getZoom();\n\n  map.getView().animate({ zoom: zoom + zoomAction });\n};\n\n/**\n * The Zoom component creates a zoom wrapper containing zoom-in and zoom-out buttons\n * and an optional [ol/ZoomSlider](https://openlayers.org/en/latest/apidoc/module-ol_control_ZoomSlider-ZoomSlider.html).\n */\nfunction Zoom({\n  map,\n  titles,\n  zoomInChildren,\n  zoomOutChildren,\n  zoomSlider,\n  delta,\n  ...other\n}) {\n  const ref = useRef();\n  const [currentZoom, setZoom] = useState();\n\n  const zoomIn = useCallback(\n    (evt) => {\n      if (!evt.which || evt.which === 13) {\n        updateZoom(map, delta);\n      }\n    },\n    [delta, map],\n  );\n\n  const zoomOut = useCallback(\n    (evt) => {\n      if (!evt.which || evt.which === 13) {\n        updateZoom(map, -delta);\n      }\n    },\n    [delta, map],\n  );\n\n  const zoomInDisabled = useMemo(() => {\n    return (\n      currentZoom >=\n      map.getView().getConstrainedZoom(map.getView().getMaxZoom())\n    );\n  }, [currentZoom, map]);\n\n  const zoomOutDisabled = useMemo(() => {\n    return (\n      currentZoom <=\n      map.getView().getConstrainedZoom(map.getView().getMinZoom())\n    );\n  }, [currentZoom, map]);\n\n  useEffect(() => {\n    /* Trigger zoom update to disable zooms on max and min */\n    const zoomListener = () => {\n      return setZoom(map.getView().getZoom());\n    };\n    map.on('moveend', zoomListener);\n\n    let control;\n    if (zoomSlider && ref.current) {\n      control = new ZoomSlider();\n      // We don't want to navigate to the zoom slider using TAB navigation.\n      control.element.firstElementChild.tabIndex = -1;\n      // Set the zoom slider in the custom control wrapper.\n      control.setTarget(ref.current);\n      map.addControl(control);\n    }\n    return () => {\n      map.un('moveend', zoomListener);\n      if (control) {\n        map.removeControl(control);\n      }\n    };\n  }, [map, zoomSlider]);\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <div className=\"rs-zooms-bar\" {...other}>\n      <button\n        type=\"button\"\n        tabIndex={0}\n        className=\"rs-zoom-in\"\n        title={titles.zoomIn}\n        onClick={zoomIn}\n        onKeyPress={zoomIn}\n        disabled={zoomInDisabled}\n      >\n        {zoomInChildren}\n      </button>\n      {zoomSlider ? <div className=\"rs-zoomslider-wrapper\" ref={ref} /> : null}\n      <button\n        type=\"button\"\n        tabIndex={0}\n        className=\"rs-zoom-out\"\n        title={titles.zoomOut}\n        onClick={zoomOut}\n        onKeyPress={zoomOut}\n        disabled={zoomOutDisabled}\n      >\n        {zoomOutChildren}\n      </button>\n    </div>\n  );\n}\n\nZoom.propTypes = propTypes;\nZoom.defaultProps = defaultProps;\n\nexport default React.memo(Zoom);\n"],
+  "mappings": "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",
+  "names": []
+}

package/components/Zoom/index.js

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

package/components/Zoom/index.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-spatial",
   "description": "Components to build React map apps.",
-  "version": "1.2.2",
+  "version": "1.2.3-beta.3",
   "license": "MIT",
   "dependencies": {
     "@geops/geops-ui": "0.1.13",
@@ -44,6 +44,7 @@
     "canvas": "2.8.0",
     "css-loader": "5.2.6",
     "enzyme": "3.11.0",
+    "esbuild": "^0.15.6",
     "eslint": "7.32.0",
     "eslint-config-airbnb": "18.2.1",
     "eslint-config-prettier": "8.3.0",
@@ -68,7 +69,8 @@
     "jsts": "2.7.3",
     "lint-staged": "11.2.0",
     "mapbox-gl": "1.13.1",
-    "mobility-toolbox-js": "1.7.13",
+    "maplibre-gl": "2.4.0",
+    "mobility-toolbox-js": "2.0.0-beta.39",
     "ol": "6.14.1",
     "prettier": "2.4.1",
     "proj4": "2.7.5",
@@ -94,7 +96,9 @@
     "xml-beautifier": "0.5.0"
   },
   "scripts": {
-    "build": "buble --no modules,asyncAwait -i src -o build --objectAssign Object.assign --sourcemap && cp package.json README.md LICENSE build && cp -rf src/images build",
+    "esbuild": "esbuild src/*.js src/**/*.js src/**/**/*.js src/**/**/**/*.js --target=chrome100 --outdir=build/ --loader:.js=jsx --sourcemap=external",
+    "buble": "buble --no modules,asyncAwait -i src -o build --objectAssign Object.assign --sourcemap",
+    "build": "yarn esbuild && find build -type f -name '*.test.*' -delete && rm -rf build/styleguidist && cp package.json README.md LICENSE build && cp -rf src/images build && cp -rf src/themes build",
     "coverage": "yarn test --coverage --coverageDirectory=coverage",
     "cp": "generact --root src/components",
     "doc": "styleguidist build",
@@ -114,8 +118,9 @@
   "browserslist": [
     ">0.2%",
     "not dead",
-    "not ie <= 10",
-    "not op_mini all"
+    "not op_mini all",
+    "not ie <= 11",
+    "not android < 5"
   ],
   "eslintConfig": {
     "env": {

package/propTypes.js

@@ -1,26 +1,23 @@
-import PropTypes from 'prop-types';
-
-var STATE_BOARDING = 'BOARDING';
-var STATE_LEAVING = 'LEAVING';
-
-var station = PropTypes.shape({
-  arrivalDelay: PropTypes.number, // time in milliseconds.
-  arrivalTime: PropTypes.number, // time in milliseconds.
-  arrivalTimeWithDelay: PropTypes.number, // time in milliseconds with the delay included.
+import PropTypes from "prop-types";
+const STATE_BOARDING = "BOARDING";
+const STATE_LEAVING = "LEAVING";
+const station = PropTypes.shape({
+  arrivalDelay: PropTypes.number,
+  arrivalTime: PropTypes.number,
+  arrivalTimeWithDelay: PropTypes.number,
   cancelled: PropTypes.bool,
   coordinates: PropTypes.arrayOf(PropTypes.number),
-  departureDelay: PropTypes.number, // time in milliseconds.
-  departureTime: PropTypes.number, // time in milliseconds.
-  departureTimeWithDelay: PropTypes.number, // time in milliseconds with the delay included
+  departureDelay: PropTypes.number,
+  departureTime: PropTypes.number,
+  departureTimeWithDelay: PropTypes.number,
   noDropOff: PropTypes.bool,
   noPickUp: PropTypes.bool,
   stationId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   stationName: PropTypes.string,
   wheelchairAccessible: PropTypes.bool,
-  state: PropTypes.oneOf([null, STATE_BOARDING, STATE_LEAVING]),
+  state: PropTypes.oneOf([null, STATE_BOARDING, STATE_LEAVING])
 });
-
-var lineInfos = PropTypes.shape({
+const lineInfos = PropTypes.shape({
   backgroundColor: PropTypes.string,
   bicyclesAllowed: PropTypes.bool,
   color: PropTypes.string,
@@ -42,14 +39,11 @@ var lineInfos = PropTypes.shape({
   shortName: PropTypes.string,
   stations: PropTypes.arrayOf(station),
   vehicleType: PropTypes.number,
-  wheelchairAccessible: PropTypes.bool,
+  wheelchairAccessible: PropTypes.bool
 });
-
 export default {
-  lineInfos: lineInfos,
-  station: station,
-  STATE_BOARDING: STATE_BOARDING,
-  STATE_LEAVING: STATE_LEAVING,
+  lineInfos,
+  station,
+  STATE_BOARDING,
+  STATE_LEAVING
 };
-
-//# sourceMappingURL=propTypes.js.map

package/propTypes.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"propTypes.js","sources":["../src/propTypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst STATE_BOARDING = 'BOARDING';\nconst STATE_LEAVING = 'LEAVING';\n\nconst station = PropTypes.shape({\n  arrivalDelay: PropTypes.number, // time in milliseconds.\n  arrivalTime: PropTypes.number, // time in milliseconds.\n  arrivalTimeWithDelay: PropTypes.number, // time in milliseconds with the delay included.\n  cancelled: PropTypes.bool,\n  coordinates: PropTypes.arrayOf(PropTypes.number),\n  departureDelay: PropTypes.number, // time in milliseconds.\n  departureTime: PropTypes.number, // time in milliseconds.\n  departureTimeWithDelay: PropTypes.number, // time in milliseconds with the delay included\n  noDropOff: PropTypes.bool,\n  noPickUp: PropTypes.bool,\n  stationId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  stationName: PropTypes.string,\n  wheelchairAccessible: PropTypes.bool,\n  state: PropTypes.oneOf([null, STATE_BOARDING, STATE_LEAVING]),\n});\n\nconst lineInfos = PropTypes.shape({\n  backgroundColor: PropTypes.string,\n  bicyclesAllowed: PropTypes.bool,\n  color: PropTypes.string,\n  destination: PropTypes.string,\n  feedsId: PropTypes.number,\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  license: PropTypes.string,\n  licenseNote: PropTypes.string,\n  licenseUrl: PropTypes.string,\n  longName: PropTypes.string,\n  operatingInformations: PropTypes.object,\n  operator: PropTypes.string,\n  operatorTimeZone: PropTypes.string,\n  operatorUrl: PropTypes.string,\n  publisher: PropTypes.string,\n  publisherTimeZone: PropTypes.string,\n  publisherUrl: PropTypes.string,\n  realTime: PropTypes.number,\n  shortName: PropTypes.string,\n  stations: PropTypes.arrayOf(station),\n  vehicleType: PropTypes.number,\n  wheelchairAccessible: PropTypes.bool,\n});\n\nexport default {\n  lineInfos,\n  station,\n  STATE_BOARDING,\n  STATE_LEAVING,\n};\n"],"names":["const"],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC;AACAA,GAAK,CAAC,cAAc,GAAG,UAAU,CAAC;AAClCA,GAAK,CAAC,aAAa,GAAG,SAAS,CAAC;AAChC;AACAA,GAAK,CAAC,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,EAAE,YAAY,EAAE,SAAS,CAAC,MAAM;AAChC,EAAE,WAAW,EAAE,SAAS,CAAC,MAAM;AAC/B,EAAE,oBAAoB,EAAE,SAAS,CAAC,MAAM;AACxC,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI;AAC3B,EAAE,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;AAClD,EAAE,cAAc,EAAE,SAAS,CAAC,MAAM;AAClC,EAAE,aAAa,EAAE,SAAS,CAAC,MAAM;AACjC,EAAE,sBAAsB,EAAE,SAAS,CAAC,MAAM;AAC1C,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI;AAC3B,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI;AAC1B,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AACtE,EAAE,WAAW,EAAE,SAAS,CAAC,MAAM;AAC/B,EAAE,oBAAoB,EAAE,SAAS,CAAC,IAAI;AACtC,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;AAC/D,CAAC,CAAC,CAAC;AACH;AACAA,GAAK,CAAC,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC;AAClC,EAAE,eAAe,EAAE,SAAS,CAAC,MAAM;AACnC,EAAE,eAAe,EAAE,SAAS,CAAC,IAAI;AACjC,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM;AACzB,EAAE,WAAW,EAAE,SAAS,CAAC,MAAM;AAC/B,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM;AAC3B,EAAE,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AAC/D,EAAE,OAAO,EAAE,SAAS,CAAC,MAAM;AAC3B,EAAE,WAAW,EAAE,SAAS,CAAC,MAAM;AAC/B,EAAE,UAAU,EAAE,SAAS,CAAC,MAAM;AAC9B,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM;AAC5B,EAAE,qBAAqB,EAAE,SAAS,CAAC,MAAM;AACzC,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM;AAC5B,EAAE,gBAAgB,EAAE,SAAS,CAAC,MAAM;AACpC,EAAE,WAAW,EAAE,SAAS,CAAC,MAAM;AAC/B,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM;AAC7B,EAAE,iBAAiB,EAAE,SAAS,CAAC,MAAM;AACrC,EAAE,YAAY,EAAE,SAAS,CAAC,MAAM;AAChC,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM;AAC5B,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM;AAC7B,EAAE,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;AACtC,EAAE,WAAW,EAAE,SAAS,CAAC,MAAM;AAC/B,EAAE,oBAAoB,EAAE,SAAS,CAAC,IAAI;AACtC,CAAC,CAAC,CAAC;AACH;AACA,eAAe;AACf,aAAE,SAAS;AACX,WAAE,OAAO;AACT,kBAAE,cAAc;AAChB,iBAAE,aAAa;AACf,CAAC,CAAC;"}
+{
+  "version": 3,
+  "sources": ["../src/propTypes.js"],
+  "sourcesContent": ["import PropTypes from 'prop-types';\n\nconst STATE_BOARDING = 'BOARDING';\nconst STATE_LEAVING = 'LEAVING';\n\nconst station = PropTypes.shape({\n  arrivalDelay: PropTypes.number, // time in milliseconds.\n  arrivalTime: PropTypes.number, // time in milliseconds.\n  arrivalTimeWithDelay: PropTypes.number, // time in milliseconds with the delay included.\n  cancelled: PropTypes.bool,\n  coordinates: PropTypes.arrayOf(PropTypes.number),\n  departureDelay: PropTypes.number, // time in milliseconds.\n  departureTime: PropTypes.number, // time in milliseconds.\n  departureTimeWithDelay: PropTypes.number, // time in milliseconds with the delay included\n  noDropOff: PropTypes.bool,\n  noPickUp: PropTypes.bool,\n  stationId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  stationName: PropTypes.string,\n  wheelchairAccessible: PropTypes.bool,\n  state: PropTypes.oneOf([null, STATE_BOARDING, STATE_LEAVING]),\n});\n\nconst lineInfos = PropTypes.shape({\n  backgroundColor: PropTypes.string,\n  bicyclesAllowed: PropTypes.bool,\n  color: PropTypes.string,\n  destination: PropTypes.string,\n  feedsId: PropTypes.number,\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  license: PropTypes.string,\n  licenseNote: PropTypes.string,\n  licenseUrl: PropTypes.string,\n  longName: PropTypes.string,\n  operatingInformations: PropTypes.object,\n  operator: PropTypes.string,\n  operatorTimeZone: PropTypes.string,\n  operatorUrl: PropTypes.string,\n  publisher: PropTypes.string,\n  publisherTimeZone: PropTypes.string,\n  publisherUrl: PropTypes.string,\n  realTime: PropTypes.number,\n  shortName: PropTypes.string,\n  stations: PropTypes.arrayOf(station),\n  vehicleType: PropTypes.number,\n  wheelchairAccessible: PropTypes.bool,\n});\n\nexport default {\n  lineInfos,\n  station,\n  STATE_BOARDING,\n  STATE_LEAVING,\n};\n"],
+  "mappings": "AAAA,OAAO,eAAe;AAEtB,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AAEtB,MAAM,UAAU,UAAU,MAAM;AAAA,EAC9B,cAAc,UAAU;AAAA,EACxB,aAAa,UAAU;AAAA,EACvB,sBAAsB,UAAU;AAAA,EAChC,WAAW,UAAU;AAAA,EACrB,aAAa,UAAU,QAAQ,UAAU,MAAM;AAAA,EAC/C,gBAAgB,UAAU;AAAA,EAC1B,eAAe,UAAU;AAAA,EACzB,wBAAwB,UAAU;AAAA,EAClC,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACnE,aAAa,UAAU;AAAA,EACvB,sBAAsB,UAAU;AAAA,EAChC,OAAO,UAAU,MAAM,CAAC,MAAM,gBAAgB,aAAa,CAAC;AAC9D,CAAC;AAED,MAAM,YAAY,UAAU,MAAM;AAAA,EAChC,iBAAiB,UAAU;AAAA,EAC3B,iBAAiB,UAAU;AAAA,EAC3B,OAAO,UAAU;AAAA,EACjB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,IAAI,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC5D,SAAS,UAAU;AAAA,EACnB,aAAa,UAAU;AAAA,EACvB,YAAY,UAAU;AAAA,EACtB,UAAU,UAAU;AAAA,EACpB,uBAAuB,UAAU;AAAA,EACjC,UAAU,UAAU;AAAA,EACpB,kBAAkB,UAAU;AAAA,EAC5B,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,mBAAmB,UAAU;AAAA,EAC7B,cAAc,UAAU;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU,QAAQ,OAAO;AAAA,EACnC,aAAa,UAAU;AAAA,EACvB,sBAAsB,UAAU;AAClC,CAAC;AAED,eAAe;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}

package/setupTests.js

@@ -1,5 +1,3 @@
-global.URL.createObjectURL = jest.fn(function () {
-  return 'fooblob';
+global.URL.createObjectURL = jest.fn(() => {
+  return "fooblob";
 });
-
-//# sourceMappingURL=setupTests.js.map

package/setupTests.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"setupTests.js","sources":["../src/setupTests.js"],"sourcesContent":["global.URL.createObjectURL = jest.fn(() => {\n  return 'fooblob';\n});\n"],"names":[],"mappings":"AAAA,MAAM,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,EAAE,UAAC,GAAM;AAC3C,EAAE,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC,CAAC;"}
+{
+  "version": 3,
+  "sources": ["../src/setupTests.js"],
+  "sourcesContent": ["global.URL.createObjectURL = jest.fn(() => {\n  return 'fooblob';\n});\n"],
+  "mappings": "AAAA,OAAO,IAAI,kBAAkB,KAAK,GAAG,MAAM;AACzC,SAAO;AACT,CAAC;",
+  "names": []
+}

package/themes/README.md

@@ -0,0 +1,26 @@
+# Themes
+
+We are NOT a CSS library so we provide some default CSS helpers to help you start but feel free to use your own technology bootstrap or JSS or styled-compoennts.
+
+## How to use
+
+We provide a set of CSS variables and classes to help you start using `react-spatial` .
+To use it just import the `index.scss` file of the `default` theme in your application:
+
+```js
+import 'react-spatial/themes/default/index.scss';
+```
+
+If you want to override variables just import the `default/variables.css` and the default CSS files you want, there is one CSS file by component.
+
+## Create a new theme
+
+Just add a folder with an `index.scss` file.
+
+Some rules must be followed:
+
+- no positionning css for container.
+- no size information without using CSS variable.
+- use `display: flex` for container when possible.
+
+Of course those rules must be adapted depending on the component.

package/themes/default/components.scss

@@ -4,7 +4,6 @@
 @import '../../components/FilterButton/FilterButton.scss';
 @import '../../components/FollowButton/FollowButton.scss';
 @import '../../components/BaseLayerSwitcher/BaseLayerSwitcher.scss';
-@import '../../components/BaseLayerToggler/BaseLayerToggler.scss';
 @import '../../components/Geolocation/Geolocation.scss';
 @import '../../components/LayerTree/LayerTree.scss';
 @import '../../components/NorthArrow/NorthArrow.scss';

package/themes/default/examples.scss

@@ -3,7 +3,6 @@
 */
 @import './index.scss';
 @import '../../components/BaseLayerSwitcher/BaseLayerSwitcher.md.scss';
-@import '../../components/BaseLayerToggler/BaseLayerToggler.md.scss';
 @import '../../components/BasicMap/BasicMap.md.scss';
 @import '../../components/CanvasSaveButton/CanvasSaveButton.md.scss';
 @import '../../components/FeatureExportButton/FeatureExportButton.md.scss';

package/utils/GlobalsForOle.js

@@ -1,95 +1,94 @@
-import OLVectorLayer from 'ol/layer/Vector';
-import VectorSource from 'ol/source/Vector';
-import Control from 'ol/control/Control';
-import Draw from 'ol/interaction/Draw';
-import Snap from 'ol/interaction/Snap';
-import Pointer from 'ol/interaction/Pointer';
-import Select from 'ol/interaction/Select';
-import Modify from 'ol/interaction/Modify';
-import Style from 'ol/style/Style';
-import Fill from 'ol/style/Fill';
-import Stroke from 'ol/style/Stroke';
-import Circle from 'ol/style/Circle';
-import Icon from 'ol/style/Icon';
-import RegularShape from 'ol/style/RegularShape';
-import Collection from 'ol/Collection';
-import Feature from 'ol/Feature';
-import Observable, { unByKey } from 'ol/Observable';
-import { getCenter } from 'ol/extent';
+import OLVectorLayer from "ol/layer/Vector";
+import VectorSource from "ol/source/Vector";
+import Control from "ol/control/Control";
+import Draw from "ol/interaction/Draw";
+import Snap from "ol/interaction/Snap";
+import Pointer from "ol/interaction/Pointer";
+import Select from "ol/interaction/Select";
+import Modify from "ol/interaction/Modify";
+import Style from "ol/style/Style";
+import Fill from "ol/style/Fill";
+import Stroke from "ol/style/Stroke";
+import Circle from "ol/style/Circle";
+import Icon from "ol/style/Icon";
+import RegularShape from "ol/style/RegularShape";
+import Collection from "ol/Collection";
+import Feature from "ol/Feature";
+import Observable, { unByKey } from "ol/Observable";
+import { getCenter } from "ol/extent";
 import {
   Point,
   LineString,
   Polygon,
   MultiPoint,
   MultiLineString,
-  MultiPolygon,
-} from 'ol/geom';
-import LinearRing from 'ol/geom/LinearRing';
-import { fromExtent } from 'ol/geom/Polygon';
-import * as events from 'ol/events';
-import * as condition from 'ol/events/condition';
-import { OL3Parser } from 'jsts/org/locationtech/jts/io';
-import { BufferOp } from 'jsts/org/locationtech/jts/operation/buffer';
-import { OverlayOp } from 'jsts/org/locationtech/jts/operation/overlay';
-
-/**
- * This module create window.ol and window.jsts variables for ole editor.
- */
+  MultiPolygon
+} from "ol/geom";
+import LinearRing from "ol/geom/LinearRing";
+import { fromExtent } from "ol/geom/Polygon";
+import * as events from "ol/events";
+import * as condition from "ol/events/condition";
+import { OL3Parser } from "jsts/org/locationtech/jts/io";
+import { BufferOp } from "jsts/org/locationtech/jts/operation/buffer";
+import { OverlayOp } from "jsts/org/locationtech/jts/operation/overlay";
 if (!window.ol) {
   window.ol = {
-    Feature: Feature,
-    Collection: Collection,
+    Feature,
+    Collection,
     layer: {
-      Vector: OLVectorLayer,
+      Vector: OLVectorLayer
     },
     source: {
-      Vector: VectorSource,
+      Vector: VectorSource
     },
     interaction: {
-      Draw: Draw,
-      Snap: Snap,
-      Pointer: Pointer,
-      Select: Select,
-      Modify: Modify,
+      Draw,
+      Snap,
+      Pointer,
+      Select,
+      Modify
     },
     control: {
-      Control: Control,
+      Control
     },
     style: {
-      Style: Style,
-      Fill: Fill,
-      Stroke: Stroke,
-      Circle: Circle,
-      RegularShape: RegularShape,
-      Icon: Icon,
+      Style,
+      Fill,
+      Stroke,
+      Circle,
+      RegularShape,
+      Icon
     },
     geom: {
-      Point: Point,
-      LineString: LineString,
-      Polygon: Polygon,
-      MultiPoint: MultiPoint,
-      MultiLineString: MultiLineString,
-      MultiPolygon: MultiPolygon,
-      LinearRing: LinearRing,
+      Point,
+      LineString,
+      Polygon,
+      MultiPoint,
+      MultiLineString,
+      MultiPolygon,
+      LinearRing
     },
     extent: {
-      getCenter: getCenter,
+      getCenter
     },
-    Observable: Object.assign({}, Observable,
-      {unByKey: unByKey}),
-    events: Object.assign({}, events,
-      {condition: Object.assign({}, condition)}),
+    Observable: {
+      ...Observable,
+      unByKey
+    },
+    events: {
+      ...events,
+      condition: {
+        ...condition
+      }
+    }
   };
   window.ol.geom.Polygon.fromExtent = fromExtent;
 }
-
 if (!window.jsts) {
   window.jsts = {
     io: {
-      OL3Parser: OL3Parser,
+      OL3Parser
     },
-    operation: { buffer: { BufferOp: BufferOp }, overlay: { OverlayOp: OverlayOp } },
+    operation: { buffer: { BufferOp }, overlay: { OverlayOp } }
   };
 }
-
-//# sourceMappingURL=GlobalsForOle.js.map