react-spatial 1.5.4 → 1.5.5

package/components/RouteSchedule/RouteSchedule.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import {
   RealtimeLayer as TrackerLayer,
@@ -54,13 +54,9 @@ const defaultRenderStationImg = (stations, index, isStationPassed, isNotStation)
   } else if (isNotStation) {
     src = line.src || line;
   }
-  return /* @__PURE__ */ React.createElement("img", {
-    src,
-    alt: "routeScheduleLine",
-    className: "rt-route-icon"
-  });
+  return /* @__PURE__ */ React.createElement("img", { src, alt: "routeScheduleLine", className: "rt-route-icon" });
 };
-const defaultRenderStation = ({
+const RouteStop = ({
   lineInfos,
   onStationClick,
   trackerLayer,
@@ -69,11 +65,8 @@ const defaultRenderStation = ({
   idx
 }) => {
   const {
-    stationId,
     arrivalDelay,
     departureDelay,
-    arrivalTime,
-    departureTime,
     state,
     stationName,
     aimedArrivalTime,
@@ -83,42 +76,81 @@ const defaultRenderStation = ({
   const { stations } = lineInfos;
   const isFirstStation = idx === 0;
   const isLastStation = idx === stations.length - 1;
-  const isStationPassed = isPassed(stop, trackerLayer.time, stations, idx);
   const isNotStation = isNotStop(stop);
-  return /* @__PURE__ */ React.createElement("div", {
-    key: (stationId || stationName) + arrivalTime + departureTime,
-    role: "button",
-    className: [
-      "rt-route-station",
-      isStationPassed ? " rt-passed" : "",
-      isNotStation ? " rt-no-stop" : ""
-    ].join(""),
-    onClick: (e) => {
-      return onStationClick(stop, e);
+  const [isStationPassed, setIsStationPassed] = useState(
+    isPassed(stop, trackerLayer.time, stations, idx)
+  );
+  useEffect(() => {
+    let timeout = null;
+    if (!isStationPassed && stop.state === "TIME_BASED") {
+      timeout = setInterval(() => {
+        setIsStationPassed(isPassed(stop, trackerLayer.time, stations, idx));
+      }, 2e4);
+    }
+    return () => {
+      clearInterval(timeout);
+    };
+  }, [stop, isStationPassed, trackerLayer, stations, idx]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      role: "button",
+      className: [
+        "rt-route-station",
+        isStationPassed ? " rt-passed" : "",
+        isNotStation ? " rt-no-stop" : ""
+      ].join(""),
+      onClick: (e) => {
+        return onStationClick(stop, e);
+      },
+      tabIndex: 0,
+      onKeyPress: (e) => {
+        return e.which === 13 && onStationClick(stop, e);
+      }
     },
-    tabIndex: 0,
-    onKeyPress: (e) => {
-      return e.which === 13 && onStationClick(stop, e);
+    /* @__PURE__ */ React.createElement("div", { className: "rt-route-delay" }, typeof arrivalDelay === "undefined" || isFirstStation || cancelled ? "" : /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: `rt-route-delay-arrival${` ${getDelayColor(
+          arrivalDelay
+        )}`}`
+      },
+      `+${getDelayString(arrivalDelay)}`
+    ), typeof departureDelay === "undefined" || isLastStation || cancelled ? "" : /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: `rt-route-delay-departure${` ${getDelayColor(
+          departureDelay
+        )}`}`
+      },
+      `+${getDelayString(departureDelay)}`
+    )),
+    /* @__PURE__ */ React.createElement("div", { className: "rt-route-times" }, /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: `rt-route-time-arrival ${cancelled ? "rt-route-cancelled" : ""}`
+      },
+      getHoursAndMinutes(aimedArrivalTime)
+    ), /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: `rt-route-time-departure ${cancelled ? "rt-route-cancelled" : ""}`
+      },
+      getHoursAndMinutes(aimedDepartureTime)
+    )),
+    renderStationImg(stations, idx, isStationPassed, isNotStation),
+    /* @__PURE__ */ React.createElement("div", { className: cancelled ? "rt-route-cancelled" : "" }, stationName)
+  );
+};
+const defaultRenderStation = (props) => {
+  const { stationId, arrivalTime, departureTime, stationName } = props.stop;
+  return /* @__PURE__ */ React.createElement(
+    RouteStop,
+    {
+      key: (stationId || stationName) + arrivalTime + departureTime,
+      ...props
     }
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "rt-route-delay"
-  }, typeof arrivalDelay === "undefined" || isFirstStation || cancelled ? "" : /* @__PURE__ */ React.createElement("span", {
-    className: `rt-route-delay-arrival${` ${getDelayColor(
-      arrivalDelay
-    )}`}`
-  }, `+${getDelayString(arrivalDelay)}`), typeof departureDelay === "undefined" || isLastStation || cancelled ? "" : /* @__PURE__ */ React.createElement("span", {
-    className: `rt-route-delay-departure${` ${getDelayColor(
-      departureDelay
-    )}`}`
-  }, `+${getDelayString(departureDelay)}`)), /* @__PURE__ */ React.createElement("div", {
-    className: "rt-route-times"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: `rt-route-time-arrival ${cancelled ? "rt-route-cancelled" : ""}`
-  }, getHoursAndMinutes(aimedArrivalTime)), /* @__PURE__ */ React.createElement("span", {
-    className: `rt-route-time-departure ${cancelled ? "rt-route-cancelled" : ""}`
-  }, getHoursAndMinutes(aimedDepartureTime))), renderStationImg(stations, idx, isStationPassed, isNotStation), /* @__PURE__ */ React.createElement("div", {
-    className: cancelled ? "rt-route-cancelled" : ""
-  }, stationName));
+  );
 };
 const renderRouteIdentifier = ({ routeIdentifier, longName }) => {
   if (routeIdentifier) {
@@ -140,55 +172,72 @@ const defaultRenderHeader = ({ lineInfos, renderHeaderButtons }) => {
     routeIdentifier,
     text_color: textColor
   } = lineInfos;
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "rt-route-header"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "rt-route-icon",
-    style: {
-      backgroundColor: stroke || getBgColor(type || vehicleType),
-      color: textColor || "black"
-    }
-  }, shortName), /* @__PURE__ */ React.createElement("div", {
-    className: "rt-route-title"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "rt-route-name"
-  }, destination), /* @__PURE__ */ React.createElement("span", null, longName, renderRouteIdentifier(lineInfos))), /* @__PURE__ */ React.createElement("div", {
-    className: "rt-route-buttons"
-  }, renderHeaderButtons(routeIdentifier)));
+  return /* @__PURE__ */ React.createElement("div", { className: "rt-route-header" }, /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: "rt-route-icon",
+      style: {
+        /* stylelint-disable-next-line value-keyword-case */
+        backgroundColor: stroke || getBgColor(type || vehicleType),
+        color: textColor || "black"
+      }
+    },
+    shortName
+  ), /* @__PURE__ */ React.createElement("div", { className: "rt-route-title" }, /* @__PURE__ */ React.createElement("span", { className: "rt-route-name" }, destination), /* @__PURE__ */ React.createElement("span", null, longName, renderRouteIdentifier(lineInfos))), /* @__PURE__ */ React.createElement("div", { className: "rt-route-buttons" }, renderHeaderButtons(routeIdentifier)));
 };
 const defaultRenderFooter = (props) => {
   const { lineInfos, renderCopyright } = props;
   if (!lineInfos.operator && !lineInfos.publisher) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "rt-route-footer"
-  }, renderCopyright({ ...props }));
+  return /* @__PURE__ */ React.createElement("div", { className: "rt-route-footer" }, renderCopyright({ ...props }));
 };
 const defaultRenderLink = (text, url) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "rt-route-copyright-link"
-  }, url ? /* @__PURE__ */ React.createElement("a", {
-    href: url,
-    target: "_blank",
-    rel: "noreferrer"
-  }, text) : /* @__PURE__ */ React.createElement(React.Fragment, null, text));
+  return /* @__PURE__ */ React.createElement("div", { className: "rt-route-copyright-link" }, url ? /* @__PURE__ */ React.createElement("a", { href: url, target: "_blank", rel: "noreferrer" }, text) : /* @__PURE__ */ React.createElement(React.Fragment, null, text));
 };
 const defaultRenderCopyright = ({ lineInfos }) => {
-  return /* @__PURE__ */ React.createElement("span", {
-    className: "rt-route-copyright"
-  }, lineInfos.operator && defaultRenderLink(lineInfos.operator, lineInfos.operatorUrl), lineInfos.operator && lineInfos.publisher && /* @__PURE__ */ React.createElement("span", null, "\xA0-\xA0"), lineInfos.publisher && defaultRenderLink(lineInfos.publisher, lineInfos.publisherUrl), lineInfos.license && /* @__PURE__ */ React.createElement("span", null, "\xA0("), lineInfos.license && defaultRenderLink(lineInfos.license, lineInfos.licenseUrl), lineInfos.license && ")");
+  return /* @__PURE__ */ React.createElement("span", { className: "rt-route-copyright" }, lineInfos.operator && defaultRenderLink(lineInfos.operator, lineInfos.operatorUrl), lineInfos.operator && lineInfos.publisher && /* @__PURE__ */ React.createElement("span", null, "\xA0-\xA0"), lineInfos.publisher && defaultRenderLink(lineInfos.publisher, lineInfos.publisherUrl), lineInfos.license && /* @__PURE__ */ React.createElement("span", null, "\xA0("), lineInfos.license && defaultRenderLink(lineInfos.license, lineInfos.licenseUrl), lineInfos.license && ")");
 };
 const propTypes = {
+  /**
+   * CSS class of the route schedule wrapper.
+   */
   className: PropTypes.string,
+  /**
+   * Trajectory stations informations.
+   */
   lineInfos: ReactTransitPropTypes.lineInfos,
+  /**
+   * Trackerlayer.
+   */
   trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,
+  /**
+   * Render Header of the route scheduler.
+   */
   renderHeader: PropTypes.func,
+  /**
+   * Render Footer of the route scheduler.
+   */
   renderFooter: PropTypes.func,
+  /**
+   * Render Copyright of the route scheduler.
+   */
   renderCopyright: PropTypes.func,
+  /**
+   * Render the status of the station image.
+   */
   renderStationImg: PropTypes.func,
+  /**
+   * Render a station.
+   */
   renderStation: PropTypes.func,
+  /**
+   * Function triggered on station's click event.
+   */
   onStationClick: PropTypes.func,
+  /**
+   * Function to render header buttons.
+   */
   renderHeaderButtons: PropTypes.func
 };
 const defaultProps = {
@@ -210,11 +259,7 @@ function RouteSchedule(props) {
   if (!lineInfos) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", {
-    className
-  }, renderHeader({ ...props }), /* @__PURE__ */ React.createElement("div", {
-    className: "rt-route-body"
-  }, lineInfos.stations.map((stop, idx) => {
+  return /* @__PURE__ */ React.createElement("div", { className }, renderHeader({ ...props }), /* @__PURE__ */ React.createElement("div", { className: "rt-route-body" }, lineInfos.stations.map((stop, idx) => {
     return renderStation({ ...props, stop, idx });
   })), renderFooter({ ...props }));
 }

package/components/RouteSchedule/RouteSchedule.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/RouteSchedule/RouteSchedule.js"],
-  "sourcesContent": ["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable react/prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  RealtimeLayer as TrackerLayer,\n  realtimeConfig,\n} from 'mobility-toolbox-js/ol';\nimport { getHoursAndMinutes, getDelayString } from '../../utils/timeUtils';\nimport ReactTransitPropTypes from '../../propTypes';\nimport firstStation from '../../images/RouteSchedule/firstStation.png';\nimport station from '../../images/RouteSchedule/station.png';\nimport lastStation from '../../images/RouteSchedule/lastStation.png';\nimport line from '../../images/RouteSchedule/line.png';\n\nconst { getBgColor } = realtimeConfig;\n\n/**\n * Returns a color class to display the delay.\n * @param {Number} time Delay time in milliseconds.\n */\nconst getDelayColor = (time) => {\n  const secs = Math.round(((time / 1800 / 2) * 3600) / 1000);\n  if (secs >= 3600) {\n    return 'dark-red';\n  }\n  if (secs >= 500) {\n    return 'middle-red';\n  }\n  if (secs >= 300) {\n    return 'light-red';\n  }\n  if (secs >= 180) {\n    return 'orange';\n  }\n  return 'green';\n};\n\n/**\n * Returns true if the train doesn't stop to the station.\n * @param {Object} stop Station information.\n */\nconst isNotStop = (stop) => {\n  return !stop.arrivalTime && !stop.departureTime;\n};\n\n/**\n * Returns if the station has already been passed by the vehicule.\n * @param {Object} stop Station information.\n * @param {number} time The current time to test in ms.\n * @param {Array<Object>} stops the list of all stops of the train.\n * @param {idx} idx The index of the stop object in the stops array.\n */\nconst isPassed = (stop, time, stops, idx) => {\n  // If the train doesn't stop to the stop object, we test if the stop just before has been passed or not.\n  // if yes the current stop is considered as passed.\n  if (isNotStop(stop)) {\n    if (stops[idx - 1] && idx > 0) {\n      return isPassed(stops[idx - 1], time, stops, idx);\n    }\n    return true;\n  }\n\n  // Sometimes stop.departureDelay is undefined.\n  const timeToCompare = stop.aimedDepartureTime || stop.aimedArrivalTime || 0;\n  let delayToCompare = stop.departureDelay || stop.arrivalDelay || 0;\n\n  // It could happens that the delay is negative we simply ignores it.\n  if (delayToCompare < 0) {\n    delayToCompare = 0;\n  }\n\n  return timeToCompare + delayToCompare <= time;\n};\n\n/**\n * Returns an image for first, middle or last stations.\n * @param {Number} stations The stations list.\n * @param {Number} index Index of the station in the list.\n * @param {Boolean} isStationPassed If the train is already passed at this station.\n * @param {Boolean} isNotStation If the train doesn't stop to this station.\n */\nconst defaultRenderStationImg = (\n  stations,\n  index,\n  isStationPassed,\n  isNotStation,\n) => {\n  const { length } = stations;\n  let src = station.src || station;\n  if (index === 0) {\n    src = firstStation.src || firstStation;\n  } else if (index === length - 1) {\n    src = lastStation.src || lastStation;\n  } else if (isNotStation) {\n    src = line.src || line;\n  }\n  return <img src={src} alt=\"routeScheduleLine\" className=\"rt-route-icon\" />;\n};\n\nconst defaultRenderStation = ({\n  lineInfos,\n  onStationClick,\n  trackerLayer,\n  renderStationImg,\n  stop,\n  idx,\n}) => {\n  const {\n    stationId,\n    arrivalDelay,\n    departureDelay,\n    arrivalTime,\n    departureTime,\n    state,\n    stationName,\n    aimedArrivalTime,\n    aimedDepartureTime,\n  } = stop;\n  const cancelled = state === 'JOURNEY_CANCELLED' || state === 'STOP_CANCELLED';\n  const { stations } = lineInfos;\n  const isFirstStation = idx === 0;\n  const isLastStation = idx === stations.length - 1;\n  const isStationPassed = isPassed(stop, trackerLayer.time, stations, idx);\n  const isNotStation = isNotStop(stop);\n  return (\n    <div\n      // Train line can go in circle so begin and end have the same id,\n      // using the time in the key should fix the issue.\n      key={(stationId || stationName) + arrivalTime + departureTime}\n      role=\"button\"\n      className={[\n        'rt-route-station',\n        isStationPassed ? ' rt-passed' : '',\n        isNotStation ? ' rt-no-stop' : '',\n      ].join('')}\n      onClick={(e) => {\n        return onStationClick(stop, e);\n      }}\n      tabIndex={0}\n      onKeyPress={(e) => {\n        return e.which === 13 && onStationClick(stop, e);\n      }}\n    >\n      <div className=\"rt-route-delay\">\n        {typeof arrivalDelay === 'undefined' || isFirstStation || cancelled ? (\n          ''\n        ) : (\n          <span\n            className={`rt-route-delay-arrival${` ${getDelayColor(\n              arrivalDelay,\n            )}`}`}\n          >\n            {`+${getDelayString(arrivalDelay)}`}\n          </span>\n        )}\n        {typeof departureDelay === 'undefined' || isLastStation || cancelled ? (\n          ''\n        ) : (\n          <span\n            className={`rt-route-delay-departure${` ${getDelayColor(\n              departureDelay,\n            )}`}`}\n          >\n            {`+${getDelayString(departureDelay)}`}\n          </span>\n        )}\n      </div>\n      <div className=\"rt-route-times\">\n        <span\n          className={`rt-route-time-arrival ${\n            cancelled ? 'rt-route-cancelled' : ''\n          }`}\n        >\n          {getHoursAndMinutes(aimedArrivalTime)}\n        </span>\n        <span\n          className={`rt-route-time-departure ${\n            cancelled ? 'rt-route-cancelled' : ''\n          }`}\n        >\n          {getHoursAndMinutes(aimedDepartureTime)}\n        </span>\n      </div>\n      {renderStationImg(stations, idx, isStationPassed, isNotStation)}\n      <div className={cancelled ? 'rt-route-cancelled' : ''}>{stationName}</div>\n    </div>\n  );\n};\n\nconst renderRouteIdentifier = ({ routeIdentifier, longName }) => {\n  if (routeIdentifier) {\n    // first part of the id, without leading zeros.\n    const id = parseInt(routeIdentifier.split('.')[0], 10);\n    if (!longName.includes(id)) {\n      return ` (${id})`;\n    }\n  }\n  return null;\n};\n\nconst defaultRenderHeader = ({ lineInfos, renderHeaderButtons }) => {\n  const {\n    type,\n    vehicleType,\n    shortName,\n    longName,\n    stroke,\n    destination,\n    routeIdentifier,\n    text_color: textColor,\n  } = lineInfos;\n  return (\n    <div className=\"rt-route-header\">\n      <span\n        className=\"rt-route-icon\"\n        style={{\n          /* stylelint-disable-next-line value-keyword-case */\n          backgroundColor: stroke || getBgColor(type || vehicleType),\n          color: textColor || 'black',\n        }}\n      >\n        {shortName}\n      </span>\n      <div className=\"rt-route-title\">\n        <span className=\"rt-route-name\">{destination}</span>\n        <span>\n          {longName}\n          {renderRouteIdentifier(lineInfos)}\n        </span>\n      </div>\n      <div className=\"rt-route-buttons\">\n        {renderHeaderButtons(routeIdentifier)}\n      </div>\n    </div>\n  );\n};\n\nconst defaultRenderFooter = (props) => {\n  const { lineInfos, renderCopyright } = props;\n  if (!lineInfos.operator && !lineInfos.publisher) {\n    return null;\n  }\n  return <div className=\"rt-route-footer\">{renderCopyright({ ...props })}</div>;\n};\n\nconst defaultRenderLink = (text, url) => {\n  return (\n    <div className=\"rt-route-copyright-link\">\n      {url ? (\n        <a href={url} target=\"_blank\" rel=\"noreferrer\">\n          {text}\n        </a>\n      ) : (\n        <>{text}</>\n      )}\n    </div>\n  );\n};\n\nconst defaultRenderCopyright = ({ lineInfos }) => {\n  return (\n    <span className=\"rt-route-copyright\">\n      {lineInfos.operator &&\n        defaultRenderLink(lineInfos.operator, lineInfos.operatorUrl)}\n      {lineInfos.operator && lineInfos.publisher && <span>&nbsp;-&nbsp;</span>}\n      {lineInfos.publisher &&\n        defaultRenderLink(lineInfos.publisher, lineInfos.publisherUrl)}\n      {lineInfos.license && <span>&nbsp;(</span>}\n      {lineInfos.license &&\n        defaultRenderLink(lineInfos.license, lineInfos.licenseUrl)}\n      {lineInfos.license && ')'}\n    </span>\n  );\n};\n\nconst propTypes = {\n  /**\n   * CSS class of the route schedule wrapper.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Trajectory stations informations.\n   */\n  lineInfos: ReactTransitPropTypes.lineInfos,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n\n  /**\n   * Render Header of the route scheduler.\n   */\n  renderHeader: PropTypes.func,\n\n  /**\n   * Render Footer of the route scheduler.\n   */\n  renderFooter: PropTypes.func,\n\n  /**\n   * Render Copyright of the route scheduler.\n   */\n  renderCopyright: PropTypes.func,\n\n  /**\n   * Render the status of the station image.\n   */\n  renderStationImg: PropTypes.func,\n\n  /**\n   * Render a station.\n   */\n  renderStation: PropTypes.func,\n\n  /**\n   * Function triggered on station's click event.\n   */\n  onStationClick: PropTypes.func,\n\n  /**\n   * Function to render header buttons.\n   */\n  renderHeaderButtons: PropTypes.func,\n};\n\nconst defaultProps = {\n  className: 'rt-route-schedule',\n  lineInfos: null,\n  renderHeader: defaultRenderHeader,\n  renderStation: defaultRenderStation,\n  renderStationImg: defaultRenderStationImg,\n  renderCopyright: defaultRenderCopyright,\n  renderFooter: defaultRenderFooter,\n  renderHeaderButtons: () => {\n    return null;\n  },\n  onStationClick: () => {},\n};\n\n/**\n * RouteSchedule displays information, stops and punctuality about the clicked route.\n */\nfunction RouteSchedule(props) {\n  const { lineInfos, className, renderStation, renderHeader, renderFooter } =\n    props;\n\n  if (!lineInfos) {\n    return null;\n  }\n\n  return (\n    <div className={className}>\n      {renderHeader({ ...props })}\n      <div className=\"rt-route-body\">\n        {lineInfos.stations.map((stop, idx) => {\n          return renderStation({ ...props, stop, idx });\n        })}\n      </div>\n      {renderFooter({ ...props })}\n    </div>\n  );\n}\n\nRouteSchedule.propTypes = propTypes;\nRouteSchedule.defaultProps = defaultProps;\n\nexport default React.memo(RouteSchedule);\n"],
-  "mappings": "AAEA,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB;AAAA,EACE,iBAAiB;AAAA,EACjB;AAAA,OACK;AACP,SAAS,oBAAoB,sBAAsB;AACnD,OAAO,2BAA2B;AAClC,OAAO,kBAAkB;AACzB,OAAO,aAAa;AACpB,OAAO,iBAAiB;AACxB,OAAO,UAAU;AAEjB,MAAM,EAAE,WAAW,IAAI;AAMvB,MAAM,gBAAgB,CAAC,SAAS;AAC9B,QAAM,OAAO,KAAK,MAAQ,OAAO,OAAO,IAAK,OAAQ,GAAI;AACzD,MAAI,QAAQ,MAAM;AAChB,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,KAAK;AACf,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,KAAK;AACf,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,KAAK;AACf,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAMA,MAAM,YAAY,CAAC,SAAS;AAC1B,SAAO,CAAC,KAAK,eAAe,CAAC,KAAK;AACpC;AASA,MAAM,WAAW,CAAC,MAAM,MAAM,OAAO,QAAQ;AAG3C,MAAI,UAAU,IAAI,GAAG;AACnB,QAAI,MAAM,MAAM,MAAM,MAAM,GAAG;AAC7B,aAAO,SAAS,MAAM,MAAM,IAAI,MAAM,OAAO,GAAG;AAAA,IAClD;AACA,WAAO;AAAA,EACT;AAGA,QAAM,gBAAgB,KAAK,sBAAsB,KAAK,oBAAoB;AAC1E,MAAI,iBAAiB,KAAK,kBAAkB,KAAK,gBAAgB;AAGjE,MAAI,iBAAiB,GAAG;AACtB,qBAAiB;AAAA,EACnB;AAEA,SAAO,gBAAgB,kBAAkB;AAC3C;AASA,MAAM,0BAA0B,CAC9B,UACA,OACA,iBACA,iBACG;AACH,QAAM,EAAE,OAAO,IAAI;AACnB,MAAI,MAAM,QAAQ,OAAO;AACzB,MAAI,UAAU,GAAG;AACf,UAAM,aAAa,OAAO;AAAA,EAC5B,WAAW,UAAU,SAAS,GAAG;AAC/B,UAAM,YAAY,OAAO;AAAA,EAC3B,WAAW,cAAc;AACvB,UAAM,KAAK,OAAO;AAAA,EACpB;AACA,SAAO,oCAAC;AAAA,IAAI;AAAA,IAAU,KAAI;AAAA,IAAoB,WAAU;AAAA,GAAgB;AAC1E;AAEA,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,UAAU,uBAAuB,UAAU;AAC7D,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,iBAAiB,QAAQ;AAC/B,QAAM,gBAAgB,QAAQ,SAAS,SAAS;AAChD,QAAM,kBAAkB,SAAS,MAAM,aAAa,MAAM,UAAU,GAAG;AACvE,QAAM,eAAe,UAAU,IAAI;AACnC,SACE,oCAAC;AAAA,IAGC,MAAM,aAAa,eAAe,cAAc;AAAA,IAChD,MAAK;AAAA,IACL,WAAW;AAAA,MACT;AAAA,MACA,kBAAkB,eAAe;AAAA,MACjC,eAAe,gBAAgB;AAAA,IACjC,EAAE,KAAK,EAAE;AAAA,IACT,SAAS,CAAC,MAAM;AACd,aAAO,eAAe,MAAM,CAAC;AAAA,IAC/B;AAAA,IACA,UAAU;AAAA,IACV,YAAY,CAAC,MAAM;AACjB,aAAO,EAAE,UAAU,MAAM,eAAe,MAAM,CAAC;AAAA,IACjD;AAAA,KAEA,oCAAC;AAAA,IAAI,WAAU;AAAA,KACZ,OAAO,iBAAiB,eAAe,kBAAkB,YACxD,KAEA,oCAAC;AAAA,IACC,WAAW,yBAAyB,IAAI;AAAA,MACtC;AAAA,IACF;AAAA,KAEC,IAAI,eAAe,YAAY,GAClC,GAED,OAAO,mBAAmB,eAAe,iBAAiB,YACzD,KAEA,oCAAC;AAAA,IACC,WAAW,2BAA2B,IAAI;AAAA,MACxC;AAAA,IACF;AAAA,KAEC,IAAI,eAAe,cAAc,GACpC,CAEJ,GACA,oCAAC;AAAA,IAAI,WAAU;AAAA,KACb,oCAAC;AAAA,IACC,WAAW,yBACT,YAAY,uBAAuB;AAAA,KAGpC,mBAAmB,gBAAgB,CACtC,GACA,oCAAC;AAAA,IACC,WAAW,2BACT,YAAY,uBAAuB;AAAA,KAGpC,mBAAmB,kBAAkB,CACxC,CACF,GACC,iBAAiB,UAAU,KAAK,iBAAiB,YAAY,GAC9D,oCAAC;AAAA,IAAI,WAAW,YAAY,uBAAuB;AAAA,KAAK,WAAY,CACtE;AAEJ;AAEA,MAAM,wBAAwB,CAAC,EAAE,iBAAiB,SAAS,MAAM;AAC/D,MAAI,iBAAiB;AAEnB,UAAM,KAAK,SAAS,gBAAgB,MAAM,GAAG,EAAE,IAAI,EAAE;AACrD,QAAI,CAAC,SAAS,SAAS,EAAE,GAAG;AAC1B,aAAO,KAAK;AAAA,IACd;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,sBAAsB,CAAC,EAAE,WAAW,oBAAoB,MAAM;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI;AACJ,SACE,oCAAC;AAAA,IAAI,WAAU;AAAA,KACb,oCAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO;AAAA,MAEL,iBAAiB,UAAU,WAAW,QAAQ,WAAW;AAAA,MACzD,OAAO,aAAa;AAAA,IACtB;AAAA,KAEC,SACH,GACA,oCAAC;AAAA,IAAI,WAAU;AAAA,KACb,oCAAC;AAAA,IAAK,WAAU;AAAA,KAAiB,WAAY,GAC7C,oCAAC,cACE,UACA,sBAAsB,SAAS,CAClC,CACF,GACA,oCAAC;AAAA,IAAI,WAAU;AAAA,KACZ,oBAAoB,eAAe,CACtC,CACF;AAEJ;AAEA,MAAM,sBAAsB,CAAC,UAAU;AACrC,QAAM,EAAE,WAAW,gBAAgB,IAAI;AACvC,MAAI,CAAC,UAAU,YAAY,CAAC,UAAU,WAAW;AAC/C,WAAO;AAAA,EACT;AACA,SAAO,oCAAC;AAAA,IAAI,WAAU;AAAA,KAAmB,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAE;AACzE;AAEA,MAAM,oBAAoB,CAAC,MAAM,QAAQ;AACvC,SACE,oCAAC;AAAA,IAAI,WAAU;AAAA,KACZ,MACC,oCAAC;AAAA,IAAE,MAAM;AAAA,IAAK,QAAO;AAAA,IAAS,KAAI;AAAA,KAC/B,IACH,IAEA,0DAAG,IAAK,CAEZ;AAEJ;AAEA,MAAM,yBAAyB,CAAC,EAAE,UAAU,MAAM;AAChD,SACE,oCAAC;AAAA,IAAK,WAAU;AAAA,KACb,UAAU,YACT,kBAAkB,UAAU,UAAU,UAAU,WAAW,GAC5D,UAAU,YAAY,UAAU,aAAa,oCAAC,cAAK,WAAa,GAChE,UAAU,aACT,kBAAkB,UAAU,WAAW,UAAU,YAAY,GAC9D,UAAU,WAAW,oCAAC,cAAK,OAAO,GAClC,UAAU,WACT,kBAAkB,UAAU,SAAS,UAAU,UAAU,GAC1D,UAAU,WAAW,GACxB;AAEJ;AAEA,MAAM,YAAY;AAAA,EAIhB,WAAW,UAAU;AAAA,EAKrB,WAAW,sBAAsB;AAAA,EAKjC,cAAc,UAAU,WAAW,YAAY,EAAE;AAAA,EAKjD,cAAc,UAAU;AAAA,EAKxB,cAAc,UAAU;AAAA,EAKxB,iBAAiB,UAAU;AAAA,EAK3B,kBAAkB,UAAU;AAAA,EAK5B,eAAe,UAAU;AAAA,EAKzB,gBAAgB,UAAU;AAAA,EAK1B,qBAAqB,UAAU;AACjC;AAEA,MAAM,eAAe;AAAA,EACnB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,qBAAqB,MAAM;AACzB,WAAO;AAAA,EACT;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AACzB;AAKA,SAAS,cAAc,OAAO;AAC5B,QAAM,EAAE,WAAW,WAAW,eAAe,cAAc,aAAa,IACtE;AAEF,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE,oCAAC;AAAA,IAAI;AAAA,KACF,aAAa,EAAE,GAAG,MAAM,CAAC,GAC1B,oCAAC;AAAA,IAAI,WAAU;AAAA,KACZ,UAAU,SAAS,IAAI,CAAC,MAAM,QAAQ;AACrC,WAAO,cAAc,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC;AAAA,EAC9C,CAAC,CACH,GACC,aAAa,EAAE,GAAG,MAAM,CAAC,CAC5B;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;AAE7B,eAAe,MAAM,KAAK,aAAa;",
+  "sourcesContent": ["/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  RealtimeLayer as TrackerLayer,\n  realtimeConfig,\n} from 'mobility-toolbox-js/ol';\nimport { getHoursAndMinutes, getDelayString } from '../../utils/timeUtils';\nimport ReactTransitPropTypes from '../../propTypes';\nimport firstStation from '../../images/RouteSchedule/firstStation.png';\nimport station from '../../images/RouteSchedule/station.png';\nimport lastStation from '../../images/RouteSchedule/lastStation.png';\nimport line from '../../images/RouteSchedule/line.png';\n\nconst { getBgColor } = realtimeConfig;\n\n/**\n * Returns a color class to display the delay.\n * @param {Number} time Delay time in milliseconds.\n */\nconst getDelayColor = (time) => {\n  const secs = Math.round(((time / 1800 / 2) * 3600) / 1000);\n  if (secs >= 3600) {\n    return 'dark-red';\n  }\n  if (secs >= 500) {\n    return 'middle-red';\n  }\n  if (secs >= 300) {\n    return 'light-red';\n  }\n  if (secs >= 180) {\n    return 'orange';\n  }\n  return 'green';\n};\n\n/**\n * Returns true if the train doesn't stop to the station.\n * @param {Object} stop Station information.\n */\nconst isNotStop = (stop) => {\n  return !stop.arrivalTime && !stop.departureTime;\n};\n\n/**\n * Returns if the station has already been passed by the vehicule.\n * @param {Object} stop Station information.\n * @param {number} time The current time to test in ms.\n * @param {Array<Object>} stops the list of all stops of the train.\n * @param {idx} idx The index of the stop object in the stops array.\n */\nconst isPassed = (stop, time, stops, idx) => {\n  // If the train doesn't stop to the stop object, we test if the stop just before has been passed or not.\n  // if yes the current stop is considered as passed.\n  if (isNotStop(stop)) {\n    if (stops[idx - 1] && idx > 0) {\n      return isPassed(stops[idx - 1], time, stops, idx);\n    }\n    return true;\n  }\n\n  // Sometimes stop.departureDelay is undefined.\n  const timeToCompare = stop.aimedDepartureTime || stop.aimedArrivalTime || 0;\n  let delayToCompare = stop.departureDelay || stop.arrivalDelay || 0;\n\n  // It could happens that the delay is negative we simply ignores it.\n  if (delayToCompare < 0) {\n    delayToCompare = 0;\n  }\n\n  return timeToCompare + delayToCompare <= time;\n};\n\n/**\n * Returns an image for first, middle or last stations.\n * @param {Number} stations The stations list.\n * @param {Number} index Index of the station in the list.\n * @param {Boolean} isStationPassed If the train is already passed at this station.\n * @param {Boolean} isNotStation If the train doesn't stop to this station.\n */\nconst defaultRenderStationImg = (\n  stations,\n  index,\n  isStationPassed,\n  isNotStation,\n) => {\n  const { length } = stations;\n  let src = station.src || station;\n  if (index === 0) {\n    src = firstStation.src || firstStation;\n  } else if (index === length - 1) {\n    src = lastStation.src || lastStation;\n  } else if (isNotStation) {\n    src = line.src || line;\n  }\n  return <img src={src} alt=\"routeScheduleLine\" className=\"rt-route-icon\" />;\n};\n\nconst RouteStop = ({\n  lineInfos,\n  onStationClick,\n  trackerLayer,\n  renderStationImg,\n  stop,\n  idx,\n}) => {\n  const {\n    arrivalDelay,\n    departureDelay,\n    state,\n    stationName,\n    aimedArrivalTime,\n    aimedDepartureTime,\n  } = stop;\n  const cancelled = state === 'JOURNEY_CANCELLED' || state === 'STOP_CANCELLED';\n  const { stations } = lineInfos;\n  const isFirstStation = idx === 0;\n  const isLastStation = idx === stations.length - 1;\n  const isNotStation = isNotStop(stop);\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const [isStationPassed, setIsStationPassed] = useState(\n    isPassed(stop, trackerLayer.time, stations, idx),\n  );\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  useEffect(() => {\n    let timeout = null;\n    // We have to refresh the stop when the state it's time_based\n    if (!isStationPassed && stop.state === 'TIME_BASED') {\n      timeout = setInterval(() => {\n        setIsStationPassed(isPassed(stop, trackerLayer.time, stations, idx));\n      }, 20000);\n    }\n    return () => {\n      clearInterval(timeout);\n    };\n  }, [stop, isStationPassed, trackerLayer, stations, idx]);\n\n  return (\n    <div\n      role=\"button\"\n      className={[\n        'rt-route-station',\n        isStationPassed ? ' rt-passed' : '',\n        isNotStation ? ' rt-no-stop' : '',\n      ].join('')}\n      onClick={(e) => {\n        return onStationClick(stop, e);\n      }}\n      tabIndex={0}\n      onKeyPress={(e) => {\n        return e.which === 13 && onStationClick(stop, e);\n      }}\n    >\n      <div className=\"rt-route-delay\">\n        {typeof arrivalDelay === 'undefined' || isFirstStation || cancelled ? (\n          ''\n        ) : (\n          <span\n            className={`rt-route-delay-arrival${` ${getDelayColor(\n              arrivalDelay,\n            )}`}`}\n          >\n            {`+${getDelayString(arrivalDelay)}`}\n          </span>\n        )}\n        {typeof departureDelay === 'undefined' || isLastStation || cancelled ? (\n          ''\n        ) : (\n          <span\n            className={`rt-route-delay-departure${` ${getDelayColor(\n              departureDelay,\n            )}`}`}\n          >\n            {`+${getDelayString(departureDelay)}`}\n          </span>\n        )}\n      </div>\n      <div className=\"rt-route-times\">\n        <span\n          className={`rt-route-time-arrival ${\n            cancelled ? 'rt-route-cancelled' : ''\n          }`}\n        >\n          {getHoursAndMinutes(aimedArrivalTime)}\n        </span>\n        <span\n          className={`rt-route-time-departure ${\n            cancelled ? 'rt-route-cancelled' : ''\n          }`}\n        >\n          {getHoursAndMinutes(aimedDepartureTime)}\n        </span>\n      </div>\n      {renderStationImg(stations, idx, isStationPassed, isNotStation)}\n      <div className={cancelled ? 'rt-route-cancelled' : ''}>{stationName}</div>\n    </div>\n  );\n};\n\nconst defaultRenderStation = (props) => {\n  const { stationId, arrivalTime, departureTime, stationName } = props.stop;\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return (\n    <RouteStop\n      // Train line can go in circle so begin and end have the same id,\n      // using the time in the key should fix the issue.\n      key={(stationId || stationName) + arrivalTime + departureTime}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...props}\n    />\n  );\n};\n\nconst renderRouteIdentifier = ({ routeIdentifier, longName }) => {\n  if (routeIdentifier) {\n    // first part of the id, without leading zeros.\n    const id = parseInt(routeIdentifier.split('.')[0], 10);\n    if (!longName.includes(id)) {\n      return ` (${id})`;\n    }\n  }\n  return null;\n};\n\nconst defaultRenderHeader = ({ lineInfos, renderHeaderButtons }) => {\n  const {\n    type,\n    vehicleType,\n    shortName,\n    longName,\n    stroke,\n    destination,\n    routeIdentifier,\n    text_color: textColor,\n  } = lineInfos;\n  return (\n    <div className=\"rt-route-header\">\n      <span\n        className=\"rt-route-icon\"\n        style={{\n          /* stylelint-disable-next-line value-keyword-case */\n          backgroundColor: stroke || getBgColor(type || vehicleType),\n          color: textColor || 'black',\n        }}\n      >\n        {shortName}\n      </span>\n      <div className=\"rt-route-title\">\n        <span className=\"rt-route-name\">{destination}</span>\n        <span>\n          {longName}\n          {renderRouteIdentifier(lineInfos)}\n        </span>\n      </div>\n      <div className=\"rt-route-buttons\">\n        {renderHeaderButtons(routeIdentifier)}\n      </div>\n    </div>\n  );\n};\n\nconst defaultRenderFooter = (props) => {\n  const { lineInfos, renderCopyright } = props;\n  if (!lineInfos.operator && !lineInfos.publisher) {\n    return null;\n  }\n  return <div className=\"rt-route-footer\">{renderCopyright({ ...props })}</div>;\n};\n\nconst defaultRenderLink = (text, url) => {\n  return (\n    <div className=\"rt-route-copyright-link\">\n      {url ? (\n        <a href={url} target=\"_blank\" rel=\"noreferrer\">\n          {text}\n        </a>\n      ) : (\n        <>{text}</>\n      )}\n    </div>\n  );\n};\n\nconst defaultRenderCopyright = ({ lineInfos }) => {\n  return (\n    <span className=\"rt-route-copyright\">\n      {lineInfos.operator &&\n        defaultRenderLink(lineInfos.operator, lineInfos.operatorUrl)}\n      {lineInfos.operator && lineInfos.publisher && <span>&nbsp;-&nbsp;</span>}\n      {lineInfos.publisher &&\n        defaultRenderLink(lineInfos.publisher, lineInfos.publisherUrl)}\n      {lineInfos.license && <span>&nbsp;(</span>}\n      {lineInfos.license &&\n        defaultRenderLink(lineInfos.license, lineInfos.licenseUrl)}\n      {lineInfos.license && ')'}\n    </span>\n  );\n};\n\nconst propTypes = {\n  /**\n   * CSS class of the route schedule wrapper.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Trajectory stations informations.\n   */\n  lineInfos: ReactTransitPropTypes.lineInfos,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n\n  /**\n   * Render Header of the route scheduler.\n   */\n  renderHeader: PropTypes.func,\n\n  /**\n   * Render Footer of the route scheduler.\n   */\n  renderFooter: PropTypes.func,\n\n  /**\n   * Render Copyright of the route scheduler.\n   */\n  renderCopyright: PropTypes.func,\n\n  /**\n   * Render the status of the station image.\n   */\n  renderStationImg: PropTypes.func,\n\n  /**\n   * Render a station.\n   */\n  renderStation: PropTypes.func,\n\n  /**\n   * Function triggered on station's click event.\n   */\n  onStationClick: PropTypes.func,\n\n  /**\n   * Function to render header buttons.\n   */\n  renderHeaderButtons: PropTypes.func,\n};\n\nconst defaultProps = {\n  className: 'rt-route-schedule',\n  lineInfos: null,\n  renderHeader: defaultRenderHeader,\n  renderStation: defaultRenderStation,\n  renderStationImg: defaultRenderStationImg,\n  renderCopyright: defaultRenderCopyright,\n  renderFooter: defaultRenderFooter,\n  renderHeaderButtons: () => {\n    return null;\n  },\n  onStationClick: () => {},\n};\n\n/**\n * RouteSchedule displays information, stops and punctuality about the clicked route.\n */\nfunction RouteSchedule(props) {\n  const { lineInfos, className, renderStation, renderHeader, renderFooter } =\n    props;\n\n  if (!lineInfos) {\n    return null;\n  }\n\n  return (\n    <div className={className}>\n      {renderHeader({ ...props })}\n      <div className=\"rt-route-body\">\n        {lineInfos.stations.map((stop, idx) => {\n          return renderStation({ ...props, stop, idx });\n        })}\n      </div>\n      {renderFooter({ ...props })}\n    </div>\n  );\n}\n\nRouteSchedule.propTypes = propTypes;\nRouteSchedule.defaultProps = defaultProps;\n\nexport default React.memo(RouteSchedule);\n"],
+  "mappings": "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",
   "names": []
 }

package/components/RouteSchedule/index.js.map

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

package/components/ScaleLine/ScaleLine.js

@@ -3,7 +3,14 @@ import PropTypes from "prop-types";
 import OLScaleLine from "ol/control/ScaleLine";
 import OLMap from "ol/Map";
 const propTypes = {
+  /**
+   * ol/map.
+   */
   map: PropTypes.instanceOf(OLMap).isRequired,
+  /**
+   * Options for ol/control/ScaleLine.
+   * See https://openlayers.org/en/latest/apidoc/module-ol_control_ScaleLine-ScaleLine.html
+   */
   options: PropTypes.object
 };
 const defaultProps = {
@@ -21,11 +28,7 @@ function ScaleLine({ map, options, ...other }) {
       map.removeControl(control);
     };
   }, [map, options]);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "rs-scale-line",
-    ref,
-    ...other
-  });
+  return /* @__PURE__ */ React.createElement("div", { className: "rs-scale-line", ref, ...other });
 }
 ScaleLine.propTypes = propTypes;
 ScaleLine.defaultProps = defaultProps;

package/components/ScaleLine/ScaleLine.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/ScaleLine/ScaleLine.js"],
   "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport OLScaleLine from 'ol/control/ScaleLine';\nimport OLMap from 'ol/Map';\n\nconst propTypes = {\n  /**\n   * ol/map.\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * Options for ol/control/ScaleLine.\n   * See https://openlayers.org/en/latest/apidoc/module-ol_control_ScaleLine-ScaleLine.html\n   */\n  options: PropTypes.object,\n};\n\nconst defaultProps = {\n  options: {},\n};\n\n/**\n * The ScaleLine component creates an\n * [ol/control/ScaleLine](https://openlayers.org/en/latest/apidoc/module-ol_control_ScaleLine-ScaleLine.html)\n * for an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction ScaleLine({ map, options, ...other }) {\n  const ref = useRef();\n\n  useEffect(() => {\n    const control = new OLScaleLine({\n      ...options,\n      ...{ target: ref.current },\n    });\n\n    map.addControl(control);\n    return () => {\n      map.removeControl(control);\n    };\n  }, [map, options]);\n\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <div className=\"rs-scale-line\" ref={ref} {...other} />;\n}\n\nScaleLine.propTypes = propTypes;\nScaleLine.defaultProps = defaultProps;\n\nexport default React.memo(ScaleLine);\n"],
-  "mappings": "AAAA,OAAO,SAAS,QAAQ,iBAAiB;AACzC,OAAO,eAAe;AACtB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA,EAMjC,SAAS,UAAU;AACrB;AAEA,MAAM,eAAe;AAAA,EACnB,SAAS,CAAC;AACZ;AAOA,SAAS,UAAU,EAAE,KAAK,YAAY,MAAM,GAAG;AAC7C,QAAM,MAAM,OAAO;AAEnB,YAAU,MAAM;AACd,UAAM,UAAU,IAAI,YAAY;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG,EAAE,QAAQ,IAAI,QAAQ;AAAA,IAC3B,CAAC;AAED,QAAI,WAAW,OAAO;AACtB,WAAO,MAAM;AACX,UAAI,cAAc,OAAO;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAGjB,SAAO,oCAAC;AAAA,IAAI,WAAU;AAAA,IAAgB;AAAA,IAAW,GAAG;AAAA,GAAO;AAC7D;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe,MAAM,KAAK,SAAS;",
+  "mappings": "AAAA,OAAO,SAAS,QAAQ,iBAAiB;AACzC,OAAO,eAAe;AACtB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjC,SAAS,UAAU;AACrB;AAEA,MAAM,eAAe;AAAA,EACnB,SAAS,CAAC;AACZ;AAOA,SAAS,UAAU,EAAE,KAAK,SAAS,GAAG,MAAM,GAAG;AAC7C,QAAM,MAAM,OAAO;AAEnB,YAAU,MAAM;AACd,UAAM,UAAU,IAAI,YAAY;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG,EAAE,QAAQ,IAAI,QAAQ;AAAA,IAC3B,CAAC;AAED,QAAI,WAAW,OAAO;AACtB,WAAO,MAAM;AACX,UAAI,cAAc,OAAO;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAGjB,SAAO,oCAAC,SAAI,WAAU,iBAAgB,KAAW,GAAG,OAAO;AAC7D;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,eAAe,MAAM,KAAK,SAAS;",
   "names": []
 }

package/components/ScaleLine/index.js.map

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

package/components/StopsFinder/StopsFinder.js

@@ -109,88 +109,133 @@ function StopsFinder({
   };
   const autocProps = { ...autocompleteProps };
   delete autocProps.textFieldProps;
-  return /* @__PURE__ */ React.createElement(Autocomplete, {
-    fullWidth: true,
-    autoComplete: true,
-    autoHighlight: true,
-    selectOnFocus: true,
-    getOptionLabel: (option) => {
-      return option.properties.name;
-    },
-    onChange: (evt, value, reason) => {
-      if (onSelect && reason === "select-option") {
-        onSelect(value, evt);
-      }
-    },
-    popupIcon: /* @__PURE__ */ React.createElement(FaSearch, {
-      focusable: false,
-      size: 15
-    }),
-    renderInput: (params) => {
-      return /* @__PURE__ */ React.createElement(TextField, {
-        label: "Search stops",
-        ...{
-          ...params,
-          ...textFieldProps
-        },
-        InputProps: {
-          ...params.InputProps,
-          endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null, isLoading && /* @__PURE__ */ React.createElement(CircularProgress, {
-            size: 20
-          }), params.InputProps.endAdornment)
+  return /* @__PURE__ */ React.createElement(
+    Autocomplete,
+    {
+      fullWidth: true,
+      autoComplete: true,
+      autoHighlight: true,
+      selectOnFocus: true,
+      getOptionLabel: (option) => {
+        return option.properties.name;
+      },
+      onChange: (evt, value, reason) => {
+        if (onSelect && reason === "select-option") {
+          onSelect(value, evt);
         }
-      });
-    },
-    renderOption: (option) => {
-      return /* @__PURE__ */ React.createElement(StopsFinderOptions, {
-        option
-      });
-    },
-    ...autocProps,
-    classes: { ...classes, ...autocompleteProps.classes },
-    inputValue,
-    open: isOpen,
-    options: suggestions,
-    loading: isLoading,
-    onOpen: () => {
-      setOpen(true);
-    },
-    onClose: () => {
-      setOpen(false);
-    },
-    onInputChange: (evt, val) => {
-      setInputValue(val);
+      },
+      popupIcon: /* @__PURE__ */ React.createElement(FaSearch, { focusable: false, size: 15 }),
+      renderInput: (params) => {
+        return /* @__PURE__ */ React.createElement(
+          TextField,
+          {
+            label: "Search stops",
+            ...{
+              ...params,
+              ...textFieldProps
+            },
+            InputProps: {
+              ...params.InputProps,
+              endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null, isLoading && /* @__PURE__ */ React.createElement(CircularProgress, { size: 20 }), params.InputProps.endAdornment)
+            }
+          }
+        );
+      },
+      renderOption: (option) => {
+        return /* @__PURE__ */ React.createElement(StopsFinderOptions, { option });
+      },
+      ...autocProps,
+      classes: { ...classes, ...autocompleteProps.classes },
+      inputValue,
+      open: isOpen,
+      options: suggestions,
+      loading: isLoading,
+      onOpen: () => {
+        setOpen(true);
+      },
+      onClose: () => {
+        setOpen(false);
+      },
+      onInputChange: (evt, val) => {
+        setInputValue(val);
+      }
     }
-  });
+  );
 }
 StopsFinder.propTypes = {
+  /**
+   * Array or a comma separated list of agencies which should be available.
+   * Order of these agencies chooses which agency will be preferred.
+   * Available values : sbb, db
+   */
   agencies: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.arrayOf(PropTypes.string)
   ]),
+  /**
+   * geOps api key to access the StopsFinder service.
+   */
   apiKey: PropTypes.string,
+  /**
+   * Properties apply to the default [MUI Autocomplete component](https://material-ui.com/api/autocomplete/).
+   * We add a custom properties textFieldProps for the default [MUI TextField component](https://material-ui.com/api/text-field/) used by the Autocomplete.
+   */
   autocompleteProps: PropTypes.object,
+  /**
+   * minX,minY,maxX,maxY coordinates in WGS84 wherein the station should lie.
+   */
   bbox: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.arrayOf(PropTypes.number)
   ]),
+  /**
+   * Array or a comma separated list of fields which should be used for look up.
+   * Available values : id, name, coords
+   */
   field: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.arrayOf(PropTypes.string)
   ]),
+  /**
+   * Control how many matches will be returned.
+   */
   limit: PropTypes.number,
+  /**
+   * A map.
+   */
   map: PropTypes.instanceOf(Map).isRequired,
+  /**
+   * Array or a comma separated list of mode of transpaorts which should be available.
+   * Available values : bus, ferry, gondola, tram, rail, funicular, cable_car, subway
+   */
   mots: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.arrayOf(PropTypes.string)
   ]),
+  /**
+   * Function called when a suggestion is selected.
+   */
   onSelect: PropTypes.func,
+  /**
+   * Radius around refLocation in meters that is most relevant.
+   * Used as granularity for location rank.
+   */
   radius: PropTypes.number,
+  /**
+   * Coordinates in WGS84 (in lat,lon order) used to rank stops close to this position higher.
+   * Available values : id, name, coords
+   */
   refLocation: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.arrayOf(PropTypes.number)
   ]),
+  /**
+   * Function to render a different autocomplete input than the default one.
+   */
   renderAutocomplete: PropTypes.func,
+  /**
+   * Url of the geOps StopsFinder service.
+   */
   url: PropTypes.string
 };
 StopsFinder.defaultProps = {

package/components/StopsFinder/StopsFinder.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/StopsFinder/StopsFinder.js"],
   "sourcesContent": ["import React, { useMemo, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Autocomplete } from '@material-ui/lab';\nimport { FaSearch } from 'react-icons/fa';\nimport TextField from '@material-ui/core/TextField';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { StopFinderControl } from 'mobility-toolbox-js/ol';\nimport { Map } from 'ol';\nimport { makeStyles } from '@material-ui/core';\nimport StopsFinderOptions from './StopsFinderOption';\n\nconst useStyles = makeStyles(() => {\n  return {\n    popupIndicatorOpen: {\n      transform: 'rotate(0)',\n    },\n  };\n});\n\nfunction StopsFinder({\n  agencies,\n  apiKey,\n  autocompleteProps,\n  bbox,\n  field,\n  limit,\n  map,\n  mots,\n  onSelect,\n  radius,\n  refLocation,\n  renderAutocomplete,\n  url,\n}) {\n  const classes = useStyles();\n  const [inputValue, setInputValue] = useState('');\n  const [suggestions, setSuggestions] = useState([]);\n  const [isLoading, setLoading] = useState(false);\n  const [isOpen, setOpen] = useState(false);\n\n  const control = useMemo(() => {\n    return new StopFinderControl({\n      url,\n      apiKey,\n      target: document.createElement('div'),\n      element: document.createElement('div'),\n      render(newSuggestions = { features: [] }) {\n        setSuggestions(newSuggestions.features);\n        setLoading(false);\n      },\n    });\n  }, [apiKey, url]);\n\n  useEffect(() => {\n    if (!inputValue) {\n      setSuggestions([]);\n      setLoading(false);\n      return () => {};\n    }\n    const abortController = new AbortController();\n    setLoading(true);\n    control.apiParams = {\n      prefAgencies: agencies && agencies.toString(),\n      bbox: bbox && bbox.toString(),\n      field: field && field.toString(),\n      limit,\n      mots: mots && mots.toString(),\n      radius,\n      ref_location: refLocation && refLocation.toString(),\n    };\n    control.search(inputValue, abortController);\n    return () => {\n      abortController.abort();\n    };\n  }, [\n    agencies,\n    bbox,\n    control,\n    field,\n    inputValue,\n    limit,\n    mots,\n    radius,\n    refLocation,\n  ]);\n\n  // Ensure the control is not associated to the wrong map\n  useEffect(() => {\n    if (!control) {\n      return () => {};\n    }\n\n    control.map = map;\n\n    return () => {\n      control.map = null;\n    };\n  }, [map, control]);\n\n  if (!control) {\n    return null;\n  }\n\n  if (renderAutocomplete) {\n    return renderAutocomplete(\n      suggestions,\n      inputValue,\n      setInputValue,\n      isOpen,\n      setOpen,\n      isLoading,\n      setLoading,\n    );\n  }\n  const textFieldProps = {\n    ...((autocompleteProps || {}).textFieldProps || {}),\n  };\n  const autocProps = { ...autocompleteProps };\n  delete autocProps.textFieldProps;\n\n  return (\n    <Autocomplete\n      fullWidth\n      autoComplete\n      autoHighlight\n      selectOnFocus\n      getOptionLabel={(option) => {\n        return option.properties.name;\n      }}\n      onChange={(evt, value, reason) => {\n        if (onSelect && reason === 'select-option') {\n          onSelect(value, evt);\n        }\n      }}\n      popupIcon={<FaSearch focusable={false} size={15} />}\n      renderInput={(params) => {\n        return (\n          <TextField\n            label=\"Search stops\"\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...{\n              ...params,\n              ...textFieldProps,\n            }}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {isLoading && <CircularProgress size={20} />}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n          />\n        );\n      }}\n      renderOption={(option) => {\n        return <StopsFinderOptions option={option} />;\n      }}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...autocProps}\n      classes={{ ...classes, ...autocompleteProps.classes }}\n      inputValue={inputValue}\n      open={isOpen}\n      options={suggestions}\n      loading={isLoading}\n      onOpen={() => {\n        setOpen(true);\n      }}\n      onClose={() => {\n        setOpen(false);\n      }}\n      onInputChange={(evt, val) => {\n        setInputValue(val);\n      }}\n    />\n  );\n}\n\nStopsFinder.propTypes = {\n  /**\n   * Array or a comma separated list of agencies which should be available.\n   * Order of these agencies chooses which agency will be preferred.\n   * Available values : sbb, db\n   */\n  agencies: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * geOps api key to access the StopsFinder service.\n   */\n  apiKey: PropTypes.string,\n\n  /**\n   * Properties apply to the default [MUI Autocomplete component](https://material-ui.com/api/autocomplete/).\n   * We add a custom properties textFieldProps for the default [MUI TextField component](https://material-ui.com/api/text-field/) used by the Autocomplete.\n   */\n  autocompleteProps: PropTypes.object,\n\n  /**\n   * minX,minY,maxX,maxY coordinates in WGS84 wherein the station should lie.\n   */\n  bbox: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /**\n   * Array or a comma separated list of fields which should be used for look up.\n   * Available values : id, name, coords\n   */\n  field: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * Control how many matches will be returned.\n   */\n  limit: PropTypes.number,\n\n  /**\n   * A map.\n   */\n  map: PropTypes.instanceOf(Map).isRequired,\n\n  /**\n   * Array or a comma separated list of mode of transpaorts which should be available.\n   * Available values : bus, ferry, gondola, tram, rail, funicular, cable_car, subway\n   */\n  mots: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n\n  /**\n   * Function called when a suggestion is selected.\n   */\n  onSelect: PropTypes.func,\n\n  /**\n   * Radius around refLocation in meters that is most relevant.\n   * Used as granularity for location rank.\n   */\n  radius: PropTypes.number,\n\n  /**\n   * Coordinates in WGS84 (in lat,lon order) used to rank stops close to this position higher.\n   * Available values : id, name, coords\n   */\n  refLocation: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.number),\n  ]),\n\n  /**\n   * Function to render a different autocomplete input than the default one.\n   */\n  renderAutocomplete: PropTypes.func,\n\n  /**\n   * Url of the geOps StopsFinder service.\n   */\n  url: PropTypes.string,\n};\n\nStopsFinder.defaultProps = {\n  agencies: null,\n  apiKey: null,\n  autocompleteProps: {},\n  bbox: null,\n  field: null,\n  limit: null,\n  mots: null,\n  onSelect: null,\n  radius: null,\n  refLocation: null,\n  url: null,\n  renderAutocomplete: null,\n};\n\nexport default StopsFinder;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }