react-spatial 1.2.2 → 1.2.3-beta.1

package/components/StopsFinder/StopsFinderOption.js

@@ -1,67 +1,50 @@
-import React, { lazy, Suspense } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/core';
-
-var ext = '_round-blue-01.svg';
-var iconForMot = {};
+import React, { lazy, Suspense } from "react";
+import PropTypes from "prop-types";
+import { makeStyles } from "@material-ui/core";
+const ext = "_round-blue-01.svg";
+const iconForMot = {};
 [
-  'bus',
-  'ferry',
-  'gondola',
-  'tram',
-  'rail',
-  'funicular',
-  'cable_car',
-  'subway' ].forEach(function (mot) {
-  iconForMot[mot] = lazy(function () {
-    return import(("../../images/mots/" + mot + ext));
+  "bus",
+  "ferry",
+  "gondola",
+  "tram",
+  "rail",
+  "funicular",
+  "cable_car",
+  "subway"
+].forEach((mot) => {
+  iconForMot[mot] = lazy(() => {
+    return import(`../../images/mots/${mot}${ext}`);
   });
 });
-
-var useStyles = makeStyles(function (theme) {
+const useStyles = makeStyles((theme) => {
   return {
     flex: {
-      display: 'flex',
-      alignItems: 'center',
+      display: "flex",
+      alignItems: "center"
     },
     icon: {
-      marginRight: theme.spacing(2),
-    },
+      marginRight: theme.spacing(2)
+    }
   };
 });
-
-function StopsFinderOption(ref) {
-  var option = ref.option;
-
-  var classes = useStyles();
-
-  return (
-    React.createElement( Suspense, { fallback: React.createElement( 'div', null ) },
-      React.createElement( 'div', { className: classes.flex },
-        Object.entries(option.properties.mot).map(function (ref) {
-          var key = ref[0];
-          var value = ref[1];
-
-          if (value) {
-            var MotIcon = iconForMot[key];
-            return (
-              React.createElement( 'span', { className: classes.icon },
-                React.createElement( MotIcon, null )
-              )
-            );
-          }
-          return React.createElement( React.Fragment, null );
-        }),
-        React.createElement( 'span', null, option.properties.name )
-      )
-    )
-  );
+function StopsFinderOption({ option }) {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(Suspense, {
+    fallback: /* @__PURE__ */ React.createElement("div", null)
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classes.flex
+  }, Object.entries(option.properties.mot).map(([key, value]) => {
+    if (value) {
+      const MotIcon = iconForMot[key];
+      return /* @__PURE__ */ React.createElement("span", {
+        className: classes.icon
+      }, /* @__PURE__ */ React.createElement(MotIcon, null));
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  }), /* @__PURE__ */ React.createElement("span", null, option.properties.name)));
 }
-
 StopsFinderOption.propTypes = {
-  option: PropTypes.object.isRequired,
+  option: PropTypes.object.isRequired
 };
-
 export default React.memo(StopsFinderOption);
-
-//# sourceMappingURL=StopsFinderOption.js.map

package/components/StopsFinder/StopsFinderOption.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"StopsFinderOption.js","sources":["../../../src/components/StopsFinder/StopsFinderOption.js"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nconst ext = '_round-blue-01.svg';\nconst iconForMot = {};\n[\n  'bus',\n  'ferry',\n  'gondola',\n  'tram',\n  'rail',\n  'funicular',\n  'cable_car',\n  'subway',\n].forEach((mot) => {\n  iconForMot[mot] = lazy(() => {\n    return import(`../../images/mots/${mot}${ext}`);\n  });\n});\n\nconst useStyles = makeStyles((theme) => {\n  return {\n    flex: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    icon: {\n      marginRight: theme.spacing(2),\n    },\n  };\n});\n\nfunction StopsFinderOption({ option }) {\n  const classes = useStyles();\n\n  return (\n    <Suspense fallback={<div />}>\n      <div className={classes.flex}>\n        {Object.entries(option.properties.mot).map(([key, value]) => {\n          if (value) {\n            const MotIcon = iconForMot[key];\n            return (\n              <span className={classes.icon}>\n                <MotIcon />\n              </span>\n            );\n          }\n          return <></>;\n        })}\n        <span>{option.properties.name}</span>\n      </div>\n    </Suspense>\n  );\n}\n\nStopsFinderOption.propTypes = {\n  option: PropTypes.object.isRequired,\n};\n\nexport default React.memo(StopsFinderOption);\n"],"names":["const"],"mappings":"AAAA,OAAO,KAAK,IAAI,IAAI,EAAE,QAAQ,QAAQ,OAAO,CAAC;AAC9C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,SAAS,UAAU,QAAQ,mBAAmB,CAAC;AAC/C;AACAA,GAAK,CAAC,GAAG,GAAG,oBAAoB,CAAC;AACjCA,GAAK,CAAC,UAAU,GAAG,EAAE,CAAC;AACtB;AACA,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,QAAQ,CACV,CAAC,CAAC,OAAO,UAAC,CAAC,GAAG,EAAK;AACnB,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,UAAC,GAAM;AAC/B,IAAI,OAAO,MAAM,CAAC,wBAAqB,MAAM,IAAK,CAAC,CAAC;AACpD,GAAG,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AACH;AACAA,GAAK,CAAC,SAAS,GAAG,UAAU,UAAC,CAAC,KAAK,EAAK;AACxC,EAAE,OAAO;AACT,IAAI,IAAI,EAAE;AACV,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACnC,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;AACH;AACA,SAAS,iBAAiB,IAAW,EAAE,CAAV;;AAAW;AACxC,EAAEA,GAAK,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC;AAC9B;AACA,EAAE,OAAO;AACT,IAAI,qBAAC,WAAQ,CAAC,UAAU,sBAAC,UAAG,KAAK;AACjC,MAAM,sBAAC,OAAG,CAAC,WAAW,OAAO,CAAC,OAAM;AACpC,QAAS,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,UAAC,IAAa,EAAK,CAAhB;2BAAK;;AAAY;AACtE,UAAU,IAAI,KAAK,EAAE;AACrB,YAAYA,GAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAC5C,YAAY,OAAO;AACnB,cAAc,sBAAC,QAAI,CAAC,WAAW,OAAO,CAAC,OAAM;AAC7C,gBAAgB,qBAAC,aAAO,EAAG;AAC3B,cAAc,CAAO;AACrB,aAAa,CAAC;AACd,WAAW;AACX,UAAU,OAAO,yCAAE,EAAG,CAAC;AACvB,SAAS,EAAE;AACX,QAAQ,sBAAC,aAAM,MAAM,CAAC,UAAU,CAAC,IAAK,EAAO;AAC7C,MAAM,CAAM;AACZ,IAAI,CAAW;AACf,GAAG,CAAC;AACJ,CAAC;AACD;AACA,iBAAiB,CAAC,SAAS,GAAG;AAC9B,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;AACrC,CAAC,CAAC;AACF;AACA,eAAe,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/StopsFinder/StopsFinderOption.js"],
+  "sourcesContent": ["import React, { lazy, Suspense } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nconst ext = '_round-blue-01.svg';\nconst iconForMot = {};\n[\n  'bus',\n  'ferry',\n  'gondola',\n  'tram',\n  'rail',\n  'funicular',\n  'cable_car',\n  'subway',\n].forEach((mot) => {\n  iconForMot[mot] = lazy(() => {\n    return import(`../../images/mots/${mot}${ext}`);\n  });\n});\n\nconst useStyles = makeStyles((theme) => {\n  return {\n    flex: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    icon: {\n      marginRight: theme.spacing(2),\n    },\n  };\n});\n\nfunction StopsFinderOption({ option }) {\n  const classes = useStyles();\n\n  return (\n    <Suspense fallback={<div />}>\n      <div className={classes.flex}>\n        {Object.entries(option.properties.mot).map(([key, value]) => {\n          if (value) {\n            const MotIcon = iconForMot[key];\n            return (\n              <span className={classes.icon}>\n                <MotIcon />\n              </span>\n            );\n          }\n          return <></>;\n        })}\n        <span>{option.properties.name}</span>\n      </div>\n    </Suspense>\n  );\n}\n\nStopsFinderOption.propTypes = {\n  option: PropTypes.object.isRequired,\n};\n\nexport default React.memo(StopsFinderOption);\n"],
+  "mappings": "AAAA,OAAO,SAAS,MAAM,gBAAgB;AACtC,OAAO,eAAe;AACtB,SAAS,kBAAkB;AAE3B,MAAM,MAAM;AACZ,MAAM,aAAa,CAAC;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,QAAQ,CAAC,QAAQ;AACjB,aAAW,OAAO,KAAK,MAAM;AAC3B,WAAO,OAAO,qBAAqB,MAAM;AAAA,EAC3C,CAAC;AACH,CAAC;AAED,MAAM,YAAY,WAAW,CAAC,UAAU;AACtC,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,MACJ,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC9B;AAAA,EACF;AACF,CAAC;AAED,SAAS,kBAAkB,EAAE,OAAO,GAAG;AACrC,QAAM,UAAU,UAAU;AAE1B,SACE,oCAAC;AAAA,IAAS,UAAU,oCAAC,WAAI;AAAA,KACvB,oCAAC;AAAA,IAAI,WAAW,QAAQ;AAAA,KACrB,OAAO,QAAQ,OAAO,WAAW,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC3D,QAAI,OAAO;AACT,YAAM,UAAU,WAAW;AAC3B,aACE,oCAAC;AAAA,QAAK,WAAW,QAAQ;AAAA,SACvB,oCAAC,aAAQ,CACX;AAAA,IAEJ;AACA,WAAO,wDAAE;AAAA,EACX,CAAC,GACD,oCAAC,cAAM,OAAO,WAAW,IAAK,CAChC,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,QAAQ,UAAU,OAAO;AAC3B;AAEA,eAAe,MAAM,KAAK,iBAAiB;",
+  "names": []
+}

package/components/StopsFinder/index.js

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

package/components/StopsFinder/index.js.map

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

package/components/TrackerControl/TrackerControl.js

@@ -1,171 +1,116 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { IoIosSpeedometer } from 'react-icons/io';
-import { FaPlay, FaForward, FaBackward, FaRegDotCircle } from 'react-icons/fa';
-import { TrackerLayer } from 'mobility-toolbox-js/ol';
-
-var increaseSpeed = function (speed) {
-  var delta = 0.1;
+import React, { useState, useEffect, useCallback } from "react";
+import PropTypes from "prop-types";
+import { IoIosSpeedometer } from "react-icons/io";
+import { FaPlay, FaForward, FaBackward, FaRegDotCircle } from "react-icons/fa";
+import { RealtimeLayer as TrackerLayer } from "mobility-toolbox-js/ol";
+const increaseSpeed = (speed) => {
+  let delta = 0.1;
   if (speed >= 1) {
     delta = 1;
   }
   if (speed >= 10) {
     delta = 5;
   }
-  var nextSpeed = speed + delta;
+  const nextSpeed = speed + delta;
   return nextSpeed > 30 ? speed : nextSpeed;
 };
-
-var decreaseSpeed = function (speed) {
-  var delta = 0.1;
+const decreaseSpeed = (speed) => {
+  let delta = 0.1;
   if (speed > 1) {
     delta = 1;
   }
   if (speed > 10) {
     delta = 5;
   }
-  var nextSpeed = speed - delta;
+  const nextSpeed = speed - delta;
   if (nextSpeed < 0.1) {
     return speed;
   }
   return nextSpeed;
 };
-
-var defaultRenderButton = function (icon, onClick, title) {
-  return (
-    React.createElement( 'div', {
-      'aria-label': title, role: "button", onClick: onClick, onKeyPress: onClick, className: "rt-control-button", tabIndex: 0, title: title },
-      icon
-    )
-  );
+const defaultRenderButton = (icon, onClick, title) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    "aria-label": title,
+    role: "button",
+    onClick,
+    onKeyPress: onClick,
+    className: "rt-control-button",
+    tabIndex: 0,
+    title
+  }, icon);
 };
-
-/**
- * TrackerControl allows the user to control the speed of a
- * [mobility-toolbox-js tracker layer](https://mobility-toolbox-js.geops.io/api/class/src/mapbox/layers/TrajservLayer%20js~TrajservLayer%20html-offset-anchor).
- */
-function TrackerControl(ref) {
-  var className = ref.className;
-  var iconDateReset = ref.iconDateReset;
-  var iconSpeedDown = ref.iconSpeedDown;
-  var iconSpeedReset = ref.iconSpeedReset;
-  var iconSpeedUp = ref.iconSpeedUp;
-  var iconSpeed = ref.iconSpeed;
-  var renderButton = ref.renderButton;
-  var trackerLayer = ref.trackerLayer;
-
-  var ref$1 = useState(1);
-  var speed = ref$1[0];
-  var setSpeed = ref$1[1];
-
-  var onSpeedChange = useCallback(
-    function (newSpeed) {
+function TrackerControl({
+  className,
+  iconDateReset,
+  iconSpeedDown,
+  iconSpeedReset,
+  iconSpeedUp,
+  iconSpeed,
+  renderButton,
+  trackerLayer
+}) {
+  const [speed, setSpeed] = useState(1);
+  const onSpeedChange = useCallback(
+    (newSpeed) => {
       if (trackerLayer) {
-        // eslint-disable-next-line no-param-reassign
         trackerLayer.speed = newSpeed;
       }
     },
     [trackerLayer]
   );
-
-  var resetDate = function () {
+  const resetDate = () => {
     trackerLayer.setCurrTime(new Date());
   };
-
-  useEffect(function () {
+  useEffect(() => {
     onSpeedChange(speed);
   }, [speed, onSpeedChange]);
-
-  return (
-    React.createElement( 'div', { className: className },
-      renderButton(
-        iconDateReset,
-        function () {
-          return resetDate();
-        },
-        'reset date'
-      ),
-      renderButton(
-        iconSpeedDown,
-        function () {
-          return setSpeed(decreaseSpeed(speed));
-        },
-        'speed down'
-      ),
-      renderButton(
-        iconSpeedReset,
-        function () {
-          return setSpeed(1);
-        },
-        'speed reset'
-      ),
-      renderButton(
-        iconSpeedUp,
-        function () {
-          return setSpeed(increaseSpeed(speed));
-        },
-        'speed up'
-      ),
-      React.createElement( 'div', { className: "rt-tracker-speed" },
-        iconSpeed,
-        ("" + (speed < 1 ? speed.toFixed(1) : speed))
-      )
-    )
-  );
+  return /* @__PURE__ */ React.createElement("div", {
+    className
+  }, renderButton(
+    iconDateReset,
+    () => {
+      return resetDate();
+    },
+    "reset date"
+  ), renderButton(
+    iconSpeedDown,
+    () => {
+      return setSpeed(decreaseSpeed(speed));
+    },
+    "speed down"
+  ), renderButton(
+    iconSpeedReset,
+    () => {
+      return setSpeed(1);
+    },
+    "speed reset"
+  ), renderButton(
+    iconSpeedUp,
+    () => {
+      return setSpeed(increaseSpeed(speed));
+    },
+    "speed up"
+  ), /* @__PURE__ */ React.createElement("div", {
+    className: "rt-tracker-speed"
+  }, iconSpeed, `${speed < 1 ? speed.toFixed(1) : speed}`));
 }
-
 TrackerControl.propTypes = {
-  /**
-   * CSS class of the tracker control.
-   */
   className: PropTypes.string,
-
-  /**
-   * Icon of the date reset button.
-   */
   iconDateReset: PropTypes.element,
-
-  /**
-   * Icon of the speed down button.
-   */
   iconSpeedDown: PropTypes.element,
-
-  /**
-   * Icon of the speed up button.
-   */
   iconSpeedUp: PropTypes.element,
-
-  /**
-   * Icon of the speed reset button.
-   */
   iconSpeedReset: PropTypes.element,
-
-  /**
-   * Icon speed.
-   */
   iconSpeed: PropTypes.element,
-
-  /**
-   * Render function for buttons.
-   */
   renderButton: PropTypes.func,
-
-  /**
-   * Trackerlayer.
-   */
-  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,
+  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired
 };
-
 TrackerControl.defaultProps = {
-  className: 'rt-tracker-control',
-  iconDateReset: React.createElement( FaRegDotCircle, null ),
-  iconSpeedDown: React.createElement( FaBackward, null ),
-  iconSpeedReset: React.createElement( FaPlay, null ),
-  iconSpeedUp: React.createElement( FaForward, null ),
-  iconSpeed: React.createElement( IoIosSpeedometer, null ),
-  renderButton: defaultRenderButton,
+  className: "rt-tracker-control",
+  iconDateReset: /* @__PURE__ */ React.createElement(FaRegDotCircle, null),
+  iconSpeedDown: /* @__PURE__ */ React.createElement(FaBackward, null),
+  iconSpeedReset: /* @__PURE__ */ React.createElement(FaPlay, null),
+  iconSpeedUp: /* @__PURE__ */ React.createElement(FaForward, null),
+  iconSpeed: /* @__PURE__ */ React.createElement(IoIosSpeedometer, null),
+  renderButton: defaultRenderButton
 };
-
 export default TrackerControl;
-
-//# sourceMappingURL=TrackerControl.js.map

package/components/TrackerControl/TrackerControl.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"TrackerControl.js","sources":["../../../src/components/TrackerControl/TrackerControl.js"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { IoIosSpeedometer } from 'react-icons/io';\nimport { FaPlay, FaForward, FaBackward, FaRegDotCircle } from 'react-icons/fa';\nimport { TrackerLayer } from 'mobility-toolbox-js/ol';\n\nconst increaseSpeed = (speed) => {\n  let delta = 0.1;\n  if (speed >= 1) {\n    delta = 1;\n  }\n  if (speed >= 10) {\n    delta = 5;\n  }\n  const nextSpeed = speed + delta;\n  return nextSpeed > 30 ? speed : nextSpeed;\n};\n\nconst decreaseSpeed = (speed) => {\n  let delta = 0.1;\n  if (speed > 1) {\n    delta = 1;\n  }\n  if (speed > 10) {\n    delta = 5;\n  }\n  const nextSpeed = speed - delta;\n  if (nextSpeed < 0.1) {\n    return speed;\n  }\n  return nextSpeed;\n};\n\nconst defaultRenderButton = (icon, onClick, title) => {\n  return (\n    <div\n      aria-label={title}\n      role=\"button\"\n      onClick={onClick}\n      onKeyPress={onClick}\n      className=\"rt-control-button\"\n      tabIndex={0}\n      title={title}\n    >\n      {icon}\n    </div>\n  );\n};\n\n/**\n * TrackerControl allows the user to control the speed of a\n * [mobility-toolbox-js tracker layer](https://mobility-toolbox-js.geops.io/api/class/src/mapbox/layers/TrajservLayer%20js~TrajservLayer%20html-offset-anchor).\n */\nfunction TrackerControl({\n  className,\n  iconDateReset,\n  iconSpeedDown,\n  iconSpeedReset,\n  iconSpeedUp,\n  iconSpeed,\n  renderButton,\n  trackerLayer,\n}) {\n  const [speed, setSpeed] = useState(1);\n\n  const onSpeedChange = useCallback(\n    (newSpeed) => {\n      if (trackerLayer) {\n        // eslint-disable-next-line no-param-reassign\n        trackerLayer.speed = newSpeed;\n      }\n    },\n    [trackerLayer],\n  );\n\n  const resetDate = () => {\n    trackerLayer.setCurrTime(new Date());\n  };\n\n  useEffect(() => {\n    onSpeedChange(speed);\n  }, [speed, onSpeedChange]);\n\n  return (\n    <div className={className}>\n      {renderButton(\n        iconDateReset,\n        () => {\n          return resetDate();\n        },\n        'reset date',\n      )}\n      {renderButton(\n        iconSpeedDown,\n        () => {\n          return setSpeed(decreaseSpeed(speed));\n        },\n        'speed down',\n      )}\n      {renderButton(\n        iconSpeedReset,\n        () => {\n          return setSpeed(1);\n        },\n        'speed reset',\n      )}\n      {renderButton(\n        iconSpeedUp,\n        () => {\n          return setSpeed(increaseSpeed(speed));\n        },\n        'speed up',\n      )}\n      <div className=\"rt-tracker-speed\">\n        {iconSpeed}\n        {`${speed < 1 ? speed.toFixed(1) : speed}`}\n      </div>\n    </div>\n  );\n}\n\nTrackerControl.propTypes = {\n  /**\n   * CSS class of the tracker control.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Icon of the date reset button.\n   */\n  iconDateReset: PropTypes.element,\n\n  /**\n   * Icon of the speed down button.\n   */\n  iconSpeedDown: PropTypes.element,\n\n  /**\n   * Icon of the speed up button.\n   */\n  iconSpeedUp: PropTypes.element,\n\n  /**\n   * Icon of the speed reset button.\n   */\n  iconSpeedReset: PropTypes.element,\n\n  /**\n   * Icon speed.\n   */\n  iconSpeed: PropTypes.element,\n\n  /**\n   * Render function for buttons.\n   */\n  renderButton: PropTypes.func,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n};\n\nTrackerControl.defaultProps = {\n  className: 'rt-tracker-control',\n  iconDateReset: <FaRegDotCircle />,\n  iconSpeedDown: <FaBackward />,\n  iconSpeedReset: <FaPlay />,\n  iconSpeedUp: <FaForward />,\n  iconSpeed: <IoIosSpeedometer />,\n  renderButton: defaultRenderButton,\n};\n\nexport default TrackerControl;\n"],"names":["const","let"],"mappings":"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"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/TrackerControl/TrackerControl.js"],
+  "sourcesContent": ["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { IoIosSpeedometer } from 'react-icons/io';\nimport { FaPlay, FaForward, FaBackward, FaRegDotCircle } from 'react-icons/fa';\nimport { RealtimeLayer as TrackerLayer } from 'mobility-toolbox-js/ol';\n\nconst increaseSpeed = (speed) => {\n  let delta = 0.1;\n  if (speed >= 1) {\n    delta = 1;\n  }\n  if (speed >= 10) {\n    delta = 5;\n  }\n  const nextSpeed = speed + delta;\n  return nextSpeed > 30 ? speed : nextSpeed;\n};\n\nconst decreaseSpeed = (speed) => {\n  let delta = 0.1;\n  if (speed > 1) {\n    delta = 1;\n  }\n  if (speed > 10) {\n    delta = 5;\n  }\n  const nextSpeed = speed - delta;\n  if (nextSpeed < 0.1) {\n    return speed;\n  }\n  return nextSpeed;\n};\n\nconst defaultRenderButton = (icon, onClick, title) => {\n  return (\n    <div\n      aria-label={title}\n      role=\"button\"\n      onClick={onClick}\n      onKeyPress={onClick}\n      className=\"rt-control-button\"\n      tabIndex={0}\n      title={title}\n    >\n      {icon}\n    </div>\n  );\n};\n\n/**\n * TrackerControl allows the user to control the speed of a\n * [mobility-toolbox-js tracker layer](https://mobility-toolbox-js.geops.io/api/class/src/mapbox/layers/RealtimeLayer%20js~RealtimeLayer%20html-offset-anchor).\n */\nfunction TrackerControl({\n  className,\n  iconDateReset,\n  iconSpeedDown,\n  iconSpeedReset,\n  iconSpeedUp,\n  iconSpeed,\n  renderButton,\n  trackerLayer,\n}) {\n  const [speed, setSpeed] = useState(1);\n\n  const onSpeedChange = useCallback(\n    (newSpeed) => {\n      if (trackerLayer) {\n        // eslint-disable-next-line no-param-reassign\n        trackerLayer.speed = newSpeed;\n      }\n    },\n    [trackerLayer],\n  );\n\n  const resetDate = () => {\n    trackerLayer.setCurrTime(new Date());\n  };\n\n  useEffect(() => {\n    onSpeedChange(speed);\n  }, [speed, onSpeedChange]);\n\n  return (\n    <div className={className}>\n      {renderButton(\n        iconDateReset,\n        () => {\n          return resetDate();\n        },\n        'reset date',\n      )}\n      {renderButton(\n        iconSpeedDown,\n        () => {\n          return setSpeed(decreaseSpeed(speed));\n        },\n        'speed down',\n      )}\n      {renderButton(\n        iconSpeedReset,\n        () => {\n          return setSpeed(1);\n        },\n        'speed reset',\n      )}\n      {renderButton(\n        iconSpeedUp,\n        () => {\n          return setSpeed(increaseSpeed(speed));\n        },\n        'speed up',\n      )}\n      <div className=\"rt-tracker-speed\">\n        {iconSpeed}\n        {`${speed < 1 ? speed.toFixed(1) : speed}`}\n      </div>\n    </div>\n  );\n}\n\nTrackerControl.propTypes = {\n  /**\n   * CSS class of the tracker control.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Icon of the date reset button.\n   */\n  iconDateReset: PropTypes.element,\n\n  /**\n   * Icon of the speed down button.\n   */\n  iconSpeedDown: PropTypes.element,\n\n  /**\n   * Icon of the speed up button.\n   */\n  iconSpeedUp: PropTypes.element,\n\n  /**\n   * Icon of the speed reset button.\n   */\n  iconSpeedReset: PropTypes.element,\n\n  /**\n   * Icon speed.\n   */\n  iconSpeed: PropTypes.element,\n\n  /**\n   * Render function for buttons.\n   */\n  renderButton: PropTypes.func,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n};\n\nTrackerControl.defaultProps = {\n  className: 'rt-tracker-control',\n  iconDateReset: <FaRegDotCircle />,\n  iconSpeedDown: <FaBackward />,\n  iconSpeedReset: <FaPlay />,\n  iconSpeedUp: <FaForward />,\n  iconSpeed: <IoIosSpeedometer />,\n  renderButton: defaultRenderButton,\n};\n\nexport default TrackerControl;\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,WAAW,mBAAmB;AACxD,OAAO,eAAe;AACtB,SAAS,wBAAwB;AACjC,SAAS,QAAQ,WAAW,YAAY,sBAAsB;AAC9D,SAAS,iBAAiB,oBAAoB;AAE9C,MAAM,gBAAgB,CAAC,UAAU;AAC/B,MAAI,QAAQ;AACZ,MAAI,SAAS,GAAG;AACd,YAAQ;AAAA,EACV;AACA,MAAI,SAAS,IAAI;AACf,YAAQ;AAAA,EACV;AACA,QAAM,YAAY,QAAQ;AAC1B,SAAO,YAAY,KAAK,QAAQ;AAClC;AAEA,MAAM,gBAAgB,CAAC,UAAU;AAC/B,MAAI,QAAQ;AACZ,MAAI,QAAQ,GAAG;AACb,YAAQ;AAAA,EACV;AACA,MAAI,QAAQ,IAAI;AACd,YAAQ;AAAA,EACV;AACA,QAAM,YAAY,QAAQ;AAC1B,MAAI,YAAY,KAAK;AACnB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,sBAAsB,CAAC,MAAM,SAAS,UAAU;AACpD,SACE,oCAAC;AAAA,IACC,cAAY;AAAA,IACZ,MAAK;AAAA,IACL;AAAA,IACA,YAAY;AAAA,IACZ,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,KAEC,IACH;AAEJ;AAMA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,QAAM,gBAAgB;AAAA,IACpB,CAAC,aAAa;AACZ,UAAI,cAAc;AAEhB,qBAAa,QAAQ;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,YAAY,MAAM;AACtB,iBAAa,YAAY,IAAI,KAAK,CAAC;AAAA,EACrC;AAEA,YAAU,MAAM;AACd,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,OAAO,aAAa,CAAC;AAEzB,SACE,oCAAC;AAAA,IAAI;AAAA,KACF;AAAA,IACC;AAAA,IACA,MAAM;AACJ,aAAO,UAAU;AAAA,IACnB;AAAA,IACA;AAAA,EACF,GACC;AAAA,IACC;AAAA,IACA,MAAM;AACJ,aAAO,SAAS,cAAc,KAAK,CAAC;AAAA,IACtC;AAAA,IACA;AAAA,EACF,GACC;AAAA,IACC;AAAA,IACA,MAAM;AACJ,aAAO,SAAS,CAAC;AAAA,IACnB;AAAA,IACA;AAAA,EACF,GACC;AAAA,IACC;AAAA,IACA,MAAM;AACJ,aAAO,SAAS,cAAc,KAAK,CAAC;AAAA,IACtC;AAAA,IACA;AAAA,EACF,GACA,oCAAC;AAAA,IAAI,WAAU;AAAA,KACZ,WACA,GAAG,QAAQ,IAAI,MAAM,QAAQ,CAAC,IAAI,OACrC,CACF;AAEJ;AAEA,eAAe,YAAY;AAAA,EAIzB,WAAW,UAAU;AAAA,EAKrB,eAAe,UAAU;AAAA,EAKzB,eAAe,UAAU;AAAA,EAKzB,aAAa,UAAU;AAAA,EAKvB,gBAAgB,UAAU;AAAA,EAK1B,WAAW,UAAU;AAAA,EAKrB,cAAc,UAAU;AAAA,EAKxB,cAAc,UAAU,WAAW,YAAY,EAAE;AACnD;AAEA,eAAe,eAAe;AAAA,EAC5B,WAAW;AAAA,EACX,eAAe,oCAAC,oBAAe;AAAA,EAC/B,eAAe,oCAAC,gBAAW;AAAA,EAC3B,gBAAgB,oCAAC,YAAO;AAAA,EACxB,aAAa,oCAAC,eAAU;AAAA,EACxB,WAAW,oCAAC,sBAAiB;AAAA,EAC7B,cAAc;AAChB;AAEA,eAAe;",
+  "names": []
+}

package/components/TrackerControl/index.js

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

package/components/TrackerControl/index.js.map

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