react-spatial 2.0.2 → 2.1.6

package/components/RouteSchedule/RouteSchedule.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   realtimeConfig,
   RealtimeLayer as TrackerLayer
@@ -57,14 +58,14 @@ const defaultRenderStationImg = (stations, index, isStationPassed, isNotStation)
   } else if (isNotStation) {
     src = line.src || line;
   }
-  return /* @__PURE__ */ React.createElement("img", { alt: "routeScheduleLine", className: "rt-route-icon", src });
+  return /* @__PURE__ */ jsx("img", { alt: "routeScheduleLine", className: "rt-route-icon", src });
 };
 const defaultRenderStationName = (stations, index, cancelled) => {
   const { stationName } = stations[index];
-  return /* @__PURE__ */ React.createElement("div", { className: cancelled ? "rt-route-cancelled" : "" }, stationName);
+  return /* @__PURE__ */ jsx("div", { className: cancelled ? "rt-route-cancelled" : "", children: stationName });
 };
 const defaultRenderDelay = (delay, stop, getDelayString, getDelayColor) => {
-  return /* @__PURE__ */ React.createElement("span", { style: { color: getDelayColor?.(delay, stop) || "inherit" } }, `${getDelayString?.(delay, stop) || ""}`);
+  return /* @__PURE__ */ jsx("span", { style: { color: getDelayColor?.(delay, stop) || "inherit" }, children: `${getDelayString?.(delay, stop) || ""}` });
 };
 const emptyFunc = () => {
 };
@@ -108,7 +109,7 @@ function RouteStop({
       clearInterval(timeout);
     };
   }, [stop, trackerLayer, stations, idx]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: [
@@ -123,44 +124,52 @@ function RouteStop({
         return e.which === 13 && onStationClick(stop, e);
       },
       role: "button",
-      tabIndex: 0
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "rt-route-delay" }, arrivalDelay === void 0 || arrivalDelay === null || isFirstStation || cancelled ? "" : renderArrivalDelay(
-      arrivalDelay,
-      stop,
-      getDelayString,
-      getDelayColor
-    ), departureDelay === void 0 || departureDelay === null || isLastStation || cancelled ? "" : renderDepartureDelay(
-      departureDelay,
-      stop,
-      getDelayString,
-      getDelayColor
-    )),
-    /* @__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),
-    renderStationName(stations, idx, cancelled)
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "rt-route-delay", children: [
+          arrivalDelay === void 0 || arrivalDelay === null || isFirstStation || cancelled ? "" : renderArrivalDelay(
+            arrivalDelay,
+            stop,
+            getDelayString,
+            getDelayColor
+          ),
+          departureDelay === void 0 || departureDelay === null || isLastStation || cancelled ? "" : renderDepartureDelay(
+            departureDelay,
+            stop,
+            getDelayString,
+            getDelayColor
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rt-route-times", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `rt-route-time-arrival ${cancelled ? "rt-route-cancelled" : ""}`,
+              children: getHoursAndMinutes(aimedArrivalTime)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `rt-route-time-departure ${cancelled ? "rt-route-cancelled" : ""}`,
+              children: getHoursAndMinutes(aimedDepartureTime)
+            }
+          )
+        ] }),
+        renderStationImg(stations, idx, isStationPassed, isNotStation),
+        renderStationName(stations, idx, cancelled)
+      ]
+    }
   );
 }
 const defaultRenderStation = (props) => {
   const { arrivalTime, departureTime, stationId, stationName } = props.stop;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     RouteStop,
     {
-      key: (stationId || stationName) + arrivalTime + departureTime,
       ...props
-    }
+    },
+    (stationId || stationName) + arrivalTime + departureTime
   );
 };
 const defaultRenderRouteIdentifier = ({ longName, routeIdentifier }) => {
@@ -190,31 +199,48 @@ const defaultRenderHeader = ({
     type,
     vehicleType
   } = lineInfos;
-  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"
+  return /* @__PURE__ */ jsxs("div", { className: "rt-route-header", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "rt-route-icon",
+        style: {
+          /* stylelint-disable-next-line value-keyword-case */
+          backgroundColor: stroke || getBgColor(type || vehicleType),
+          color: textColor || "black"
+        },
+        children: shortName
       }
-    },
-    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)));
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "rt-route-title", children: [
+      /* @__PURE__ */ jsx("span", { className: "rt-route-name", children: destination }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        longName,
+        renderRouteIdentifier(lineInfos)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rt-route-buttons", children: renderHeaderButtons(routeIdentifier) })
+  ] });
 };
 const defaultRenderLink = (text, url) => {
-  return /* @__PURE__ */ React.createElement("div", { className: "rt-route-copyright-link" }, url ? /* @__PURE__ */ React.createElement("a", { href: url, rel: "noreferrer", target: "_blank" }, text) : text);
+  return /* @__PURE__ */ jsx("div", { className: "rt-route-copyright-link", children: url ? /* @__PURE__ */ jsx("a", { href: url, rel: "noreferrer", target: "_blank", children: text }) : 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__ */ jsxs("span", { className: "rt-route-copyright", children: [
+    lineInfos.operator && defaultRenderLink(lineInfos.operator, lineInfos.operatorUrl),
+    lineInfos.operator && lineInfos.publisher && /* @__PURE__ */ jsx("span", { children: "\xA0-\xA0" }),
+    lineInfos.publisher && defaultRenderLink(lineInfos.publisher, lineInfos.publisherUrl),
+    lineInfos.license && /* @__PURE__ */ jsx("span", { children: "\xA0(" }),
+    lineInfos.license && defaultRenderLink(lineInfos.license, lineInfos.licenseUrl),
+    lineInfos.license && ")"
+  ] });
 };
 const defaultRenderFooter = (props) => {
   const { lineInfos, renderCopyright = defaultRenderCopyright } = props;
   if (!lineInfos.operator && !lineInfos.publisher) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "rt-route-footer" }, renderCopyright({ ...props }));
+  return /* @__PURE__ */ jsx("div", { className: "rt-route-footer", children: renderCopyright({ ...props }) });
 };
 const propTypes = {
   /**
@@ -293,9 +319,13 @@ function RouteSchedule({
   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 renderStation({ ...props, idx, stop });
-  })), renderFooter({ ...props }));
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    renderHeader({ ...props }),
+    /* @__PURE__ */ jsx("div", { className: "rt-route-body", children: lineInfos.stations.map((stop, idx) => {
+      return renderStation({ ...props, idx, stop });
+    }) }),
+    renderFooter({ ...props })
+  ] });
 }
 RouteSchedule.propTypes = propTypes;
 export default React.memo(RouteSchedule);

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 */\nimport {\n  realtimeConfig,\n  RealtimeLayer as TrackerLayer,\n} from \"mobility-toolbox-js/ol\";\nimport PropTypes from \"prop-types\";\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from \"react\";\n\nimport firstStation from \"../../images/RouteSchedule/firstStation.png\";\nimport lastStation from \"../../images/RouteSchedule/lastStation.png\";\nimport line from \"../../images/RouteSchedule/line.png\";\nimport station from \"../../images/RouteSchedule/station.png\";\nimport ReactTransitPropTypes from \"../../propTypes\";\nimport {\n  getDelayString as defaultGetDelayString,\n  getHoursAndMinutes,\n} from \"../../utils/timeUtils\";\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 defaultGetDelayColor = (time) => {\n  const secs = Math.round(((time / 1800 / 2) * 3600) / 1000);\n  if (secs >= 3600) {\n    return \"rgb(237 0 76)\";\n  }\n  if (secs >= 500) {\n    return \"rgb(232 0 0)\";\n  }\n  if (secs >= 300) {\n    return \"rgb(255 74 0)\";\n  }\n  if (secs >= 180) {\n    return \"rgb(247 191 0)\";\n  }\n  return \"rgb(0 160 12)\";\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 alt=\"routeScheduleLine\" className=\"rt-route-icon\" src={src} />;\n};\n\n/**\n * Returns an text.\n * @param {Number} stations The stations list.\n * @param {Number} index Index of the station in the list.\n * @param {Boolean} cancelled If the station is cancelled\n */\nconst defaultRenderStationName = (stations, index, cancelled) => {\n  const { stationName } = stations[index];\n  return (\n    <div className={cancelled ? \"rt-route-cancelled\" : \"\"}>{stationName}</div>\n  );\n};\n\n/**\n * Render a delay string.\n * @param {Number} delay  The delay in ms to display.\n * @param {Boolean} stop The current stop object.\n * @param {Function} getDelayString Function to get string to display.\n * @param {Function} getColor Define the css color to use.\n *\n */\nconst defaultRenderDelay = (delay, stop, getDelayString, getDelayColor) => {\n  return (\n    <span style={{ color: getDelayColor?.(delay, stop) || \"inherit\" }}>\n      {`${getDelayString?.(delay, stop) || \"\"}`}\n    </span>\n  );\n};\n\nconst emptyFunc = () => {};\n\nfunction RouteStop({\n  getDelayColor = defaultGetDelayColor,\n  getDelayString = defaultGetDelayString,\n  idx,\n  lineInfos,\n  onStationClick = emptyFunc,\n  renderArrivalDelay = defaultRenderDelay,\n  renderDepartureDelay = defaultRenderDelay,\n  renderStationImg = defaultRenderStationImg,\n  renderStationName = defaultRenderStationName,\n  stop,\n  trackerLayer,\n}) {\n  const {\n    aimedArrivalTime,\n    aimedDepartureTime,\n    arrivalDelay,\n    departureDelay,\n    state,\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  const [isStationPassed, setIsStationPassed] = useState(false);\n\n  useEffect(() => {\n    let timeout = null;\n    const time = trackerLayer.time || trackerLayer.engine?.time || Date.now();\n\n    const isStopPassed = isPassed(stop, time, stations, idx);\n    setIsStationPassed(isStopPassed);\n\n    // We have to refresh the stop when the state it's time_based\n    if (stop.state === \"TIME_BASED\" && !isStopPassed) {\n      timeout = setInterval(() => {\n        setIsStationPassed(isPassed(stop, time, stations, idx));\n      }, 20000);\n    }\n    return () => {\n      clearInterval(timeout);\n    };\n  }, [stop, trackerLayer, stations, idx]);\n\n  return (\n    <div\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      onKeyPress={(e) => {\n        return e.which === 13 && onStationClick(stop, e);\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className=\"rt-route-delay\">\n        {arrivalDelay === undefined ||\n        arrivalDelay === null ||\n        isFirstStation ||\n        cancelled\n          ? \"\"\n          : renderArrivalDelay(\n              arrivalDelay,\n              stop,\n              getDelayString,\n              getDelayColor,\n            )}\n        {departureDelay === undefined ||\n        departureDelay === null ||\n        isLastStation ||\n        cancelled\n          ? \"\"\n          : renderDepartureDelay(\n              departureDelay,\n              stop,\n              getDelayString,\n              getDelayColor,\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      {renderStationName(stations, idx, cancelled)}\n    </div>\n  );\n}\n\nconst defaultRenderStation = (props) => {\n  const { arrivalTime, departureTime, stationId, 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 defaultRenderRouteIdentifier = ({ longName, routeIdentifier }) => {\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) && !Number.isNaN(id)) {\n      return ` (${id})`;\n    }\n  }\n  return null;\n};\nconst defaultRenderHeaderButtons = () => {\n  return null;\n};\n\nconst defaultRenderHeader = ({\n  lineInfos,\n  renderHeaderButtons = defaultRenderHeaderButtons,\n  renderRouteIdentifier = defaultRenderRouteIdentifier,\n}) => {\n  const {\n    destination,\n    longName,\n    routeIdentifier,\n    shortName,\n    stroke,\n    text_color: textColor,\n    type,\n    vehicleType,\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 defaultRenderLink = (text, url) => {\n  return (\n    <div className=\"rt-route-copyright-link\">\n      {url ? (\n        <a href={url} rel=\"noreferrer\" target=\"_blank\">\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 defaultRenderFooter = (props) => {\n  const { lineInfos, renderCopyright = defaultRenderCopyright } = props;\n  if (!lineInfos.operator && !lineInfos.publisher) {\n    return null;\n  }\n  return <div className=\"rt-route-footer\">{renderCopyright({ ...props })}</div>;\n};\n\nconst propTypes = {\n  /**\n   * CSS class of the route schedule wrapper.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Function to get the delay color.\n   */\n  getDelayColor: PropTypes.func,\n\n  /**\n   * Function to get the delay string for stations.\n   */\n  getDelayString: PropTypes.func,\n\n  /**\n   * Trajectory stations informations.\n   */\n  lineInfos: ReactTransitPropTypes.lineInfos,\n\n  /**\n   * Function triggered on station's click event.\n   */\n  onStationClick: PropTypes.func,\n\n  /**\n   * Render delay for arrival.\n   */\n  renderArrivalDelay: PropTypes.func,\n\n  /**\n   * Render Copyright of the route scheduler.\n   */\n  renderCopyright: PropTypes.func,\n\n  /**\n   * Render delay for departure.\n   */\n  renderDepartureDelay: PropTypes.func,\n\n  /**\n   * Render Footer of the route scheduler.\n   */\n  renderFooter: PropTypes.func,\n\n  /**\n   * Render Header of the route scheduler.\n   */\n  renderHeader: PropTypes.func,\n\n  /**\n   * Function to render header buttons.\n   */\n  renderHeaderButtons: PropTypes.func,\n\n  /**\n   * Render the route identifier in the header\n   */\n  renderRouteIdentifier: PropTypes.func,\n\n  /**\n   * Render a station.\n   */\n  renderStation: PropTypes.func,\n\n  /**\n   * Render the status of the station image.\n   */\n  renderStationImg: PropTypes.func,\n\n  /**\n   * Render a station name.\n   */\n  renderStationName: PropTypes.func,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n};\n\n/**\n * RouteSchedule displays information, stops and punctuality about the clicked route.\n */\nfunction RouteSchedule({\n  className = \"rt-route-schedule\",\n  renderFooter = defaultRenderFooter,\n  renderHeader = defaultRenderHeader,\n  renderStation = defaultRenderStation,\n  ...props\n}) {\n  const { lineInfos } = 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, idx, stop });\n        })}\n      </div>\n      {renderFooter({ ...props })}\n    </div>\n  );\n}\n\nRouteSchedule.propTypes = propTypes;\n\nexport default React.memo(RouteSchedule);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  realtimeConfig,\n  RealtimeLayer as TrackerLayer,\n} from \"mobility-toolbox-js/ol\";\nimport PropTypes from \"prop-types\";\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from \"react\";\n\nimport firstStation from \"../../images/RouteSchedule/firstStation.png\";\nimport lastStation from \"../../images/RouteSchedule/lastStation.png\";\nimport line from \"../../images/RouteSchedule/line.png\";\nimport station from \"../../images/RouteSchedule/station.png\";\nimport ReactTransitPropTypes from \"../../propTypes\";\nimport {\n  getDelayString as defaultGetDelayString,\n  getHoursAndMinutes,\n} from \"../../utils/timeUtils\";\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 defaultGetDelayColor = (time) => {\n  const secs = Math.round(((time / 1800 / 2) * 3600) / 1000);\n  if (secs >= 3600) {\n    return \"rgb(237 0 76)\";\n  }\n  if (secs >= 500) {\n    return \"rgb(232 0 0)\";\n  }\n  if (secs >= 300) {\n    return \"rgb(255 74 0)\";\n  }\n  if (secs >= 180) {\n    return \"rgb(247 191 0)\";\n  }\n  return \"rgb(0 160 12)\";\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 alt=\"routeScheduleLine\" className=\"rt-route-icon\" src={src} />;\n};\n\n/**\n * Returns an text.\n * @param {Number} stations The stations list.\n * @param {Number} index Index of the station in the list.\n * @param {Boolean} cancelled If the station is cancelled\n */\nconst defaultRenderStationName = (stations, index, cancelled) => {\n  const { stationName } = stations[index];\n  return (\n    <div className={cancelled ? \"rt-route-cancelled\" : \"\"}>{stationName}</div>\n  );\n};\n\n/**\n * Render a delay string.\n * @param {Number} delay  The delay in ms to display.\n * @param {Boolean} stop The current stop object.\n * @param {Function} getDelayString Function to get string to display.\n * @param {Function} getColor Define the css color to use.\n *\n */\nconst defaultRenderDelay = (delay, stop, getDelayString, getDelayColor) => {\n  return (\n    <span style={{ color: getDelayColor?.(delay, stop) || \"inherit\" }}>\n      {`${getDelayString?.(delay, stop) || \"\"}`}\n    </span>\n  );\n};\n\nconst emptyFunc = () => {};\n\nfunction RouteStop({\n  getDelayColor = defaultGetDelayColor,\n  getDelayString = defaultGetDelayString,\n  idx,\n  lineInfos,\n  onStationClick = emptyFunc,\n  renderArrivalDelay = defaultRenderDelay,\n  renderDepartureDelay = defaultRenderDelay,\n  renderStationImg = defaultRenderStationImg,\n  renderStationName = defaultRenderStationName,\n  stop,\n  trackerLayer,\n}) {\n  const {\n    aimedArrivalTime,\n    aimedDepartureTime,\n    arrivalDelay,\n    departureDelay,\n    state,\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  const [isStationPassed, setIsStationPassed] = useState(false);\n\n  useEffect(() => {\n    let timeout = null;\n    const time = trackerLayer.time || trackerLayer.engine?.time || Date.now();\n\n    const isStopPassed = isPassed(stop, time, stations, idx);\n    setIsStationPassed(isStopPassed);\n\n    // We have to refresh the stop when the state it's time_based\n    if (stop.state === \"TIME_BASED\" && !isStopPassed) {\n      timeout = setInterval(() => {\n        setIsStationPassed(isPassed(stop, time, stations, idx));\n      }, 20000);\n    }\n    return () => {\n      clearInterval(timeout);\n    };\n  }, [stop, trackerLayer, stations, idx]);\n\n  return (\n    <div\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      onKeyPress={(e) => {\n        return e.which === 13 && onStationClick(stop, e);\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className=\"rt-route-delay\">\n        {arrivalDelay === undefined ||\n        arrivalDelay === null ||\n        isFirstStation ||\n        cancelled\n          ? \"\"\n          : renderArrivalDelay(\n              arrivalDelay,\n              stop,\n              getDelayString,\n              getDelayColor,\n            )}\n        {departureDelay === undefined ||\n        departureDelay === null ||\n        isLastStation ||\n        cancelled\n          ? \"\"\n          : renderDepartureDelay(\n              departureDelay,\n              stop,\n              getDelayString,\n              getDelayColor,\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      {renderStationName(stations, idx, cancelled)}\n    </div>\n  );\n}\n\nconst defaultRenderStation = (props) => {\n  const { arrivalTime, departureTime, stationId, stationName } = props.stop;\n\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      {...props}\n    />\n  );\n};\n\nconst defaultRenderRouteIdentifier = ({ longName, routeIdentifier }) => {\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) && !Number.isNaN(id)) {\n      return ` (${id})`;\n    }\n  }\n  return null;\n};\nconst defaultRenderHeaderButtons = () => {\n  return null;\n};\n\nconst defaultRenderHeader = ({\n  lineInfos,\n  renderHeaderButtons = defaultRenderHeaderButtons,\n  renderRouteIdentifier = defaultRenderRouteIdentifier,\n}) => {\n  const {\n    destination,\n    longName,\n    routeIdentifier,\n    shortName,\n    stroke,\n    text_color: textColor,\n    type,\n    vehicleType,\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 defaultRenderLink = (text, url) => {\n  return (\n    <div className=\"rt-route-copyright-link\">\n      {url ? (\n        <a href={url} rel=\"noreferrer\" target=\"_blank\">\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 defaultRenderFooter = (props) => {\n  const { lineInfos, renderCopyright = defaultRenderCopyright } = props;\n  if (!lineInfos.operator && !lineInfos.publisher) {\n    return null;\n  }\n  return <div className=\"rt-route-footer\">{renderCopyright({ ...props })}</div>;\n};\n\nconst propTypes = {\n  /**\n   * CSS class of the route schedule wrapper.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Function to get the delay color.\n   */\n  getDelayColor: PropTypes.func,\n\n  /**\n   * Function to get the delay string for stations.\n   */\n  getDelayString: PropTypes.func,\n\n  /**\n   * Trajectory stations informations.\n   */\n  lineInfos: ReactTransitPropTypes.lineInfos,\n\n  /**\n   * Function triggered on station's click event.\n   */\n  onStationClick: PropTypes.func,\n\n  /**\n   * Render delay for arrival.\n   */\n  renderArrivalDelay: PropTypes.func,\n\n  /**\n   * Render Copyright of the route scheduler.\n   */\n  renderCopyright: PropTypes.func,\n\n  /**\n   * Render delay for departure.\n   */\n  renderDepartureDelay: PropTypes.func,\n\n  /**\n   * Render Footer of the route scheduler.\n   */\n  renderFooter: PropTypes.func,\n\n  /**\n   * Render Header of the route scheduler.\n   */\n  renderHeader: PropTypes.func,\n\n  /**\n   * Function to render header buttons.\n   */\n  renderHeaderButtons: PropTypes.func,\n\n  /**\n   * Render the route identifier in the header\n   */\n  renderRouteIdentifier: PropTypes.func,\n\n  /**\n   * Render a station.\n   */\n  renderStation: PropTypes.func,\n\n  /**\n   * Render the status of the station image.\n   */\n  renderStationImg: PropTypes.func,\n\n  /**\n   * Render a station name.\n   */\n  renderStationName: PropTypes.func,\n\n  /**\n   * Trackerlayer.\n   */\n  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,\n};\n\n/**\n * RouteSchedule displays information, stops and punctuality about the clicked route.\n */\nfunction RouteSchedule({\n  className = \"rt-route-schedule\",\n  renderFooter = defaultRenderFooter,\n  renderHeader = defaultRenderHeader,\n  renderStation = defaultRenderStation,\n  ...props\n}) {\n  const { lineInfos } = 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, idx, stop });\n        })}\n      </div>\n      {renderFooter({ ...props })}\n    </div>\n  );\n}\n\nRouteSchedule.propTypes = propTypes;\n\nexport default React.memo(RouteSchedule);\n"],
+  "mappings": "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",
   "names": []
 }

package/components/ScaleLine/ScaleLine.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import OLScaleLine from "ol/control/ScaleLine";
 import OLMap from "ol/Map";
 import PropTypes from "prop-types";
@@ -28,7 +29,7 @@ function ScaleLine({ map, options = defaultProps.options, ...other }) {
       map.removeControl(control);
     };
   }, [map, options]);
-  return /* @__PURE__ */ React.createElement("div", { className: "rs-scale-line", ref, ...other });
+  return /* @__PURE__ */ jsx("div", { className: "rs-scale-line", ref, ...other });
 }
 ScaleLine.propTypes = propTypes;
 export default React.memo(ScaleLine);

package/components/ScaleLine/ScaleLine.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ScaleLine/ScaleLine.js"],
-  "sourcesContent": ["import OLScaleLine from \"ol/control/ScaleLine\";\nimport OLMap from \"ol/Map\";\nimport PropTypes from \"prop-types\";\nimport React, { useEffect, useRef } from \"react\";\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 = defaultProps.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;\n\nexport default React.memo(ScaleLine);\n"],
-  "mappings": "AAAA,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,cAAc;AAEzC,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,UAAU,aAAa,SAAS,GAAG,MAAM,GAAG;AACpE,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;AAEtB,eAAe,MAAM,KAAK,SAAS;",
+  "sourcesContent": ["import OLScaleLine from \"ol/control/ScaleLine\";\nimport OLMap from \"ol/Map\";\nimport PropTypes from \"prop-types\";\nimport React, { useEffect, useRef } from \"react\";\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 = defaultProps.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  return <div className=\"rs-scale-line\" ref={ref} {...other} />;\n}\n\nScaleLine.propTypes = propTypes;\n\nexport default React.memo(ScaleLine);\n"],
+  "mappings": "AA0CS;AA1CT,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,cAAc;AAEzC,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,UAAU,aAAa,SAAS,GAAG,MAAM,GAAG;AACpE,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;AAEjB,SAAO,oBAAC,SAAI,WAAU,iBAAgB,KAAW,GAAG,OAAO;AAC7D;AAEA,UAAU,YAAY;AAEtB,eAAe,MAAM,KAAK,SAAS;",
   "names": []
 }

package/components/StopsFinder/StopsFinder.js

@@ -1,3 +1,4 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import {
   Autocomplete,
   autocompleteClasses,
@@ -11,11 +12,13 @@ import PropTypes from "prop-types";
 import React, { useEffect, useMemo, useState } from "react";
 import { FaSearch } from "react-icons/fa";
 import StopsFinderOption from "./StopsFinderOption";
-const StyledAutocomplete = styled(Autocomplete)(() => ({
-  [`& .${autocompleteClasses.popupIndicatorOpen}`]: {
-    transform: "rotate(0)"
-  }
-}));
+const StyledAutocomplete = styled(Autocomplete)(() => {
+  return {
+    [`& .${autocompleteClasses.popupIndicatorOpen}`]: {
+      transform: "rotate(0)"
+    }
+  };
+});
 const defaultProps = {
   textFieldProps: {}
 };
@@ -56,14 +59,14 @@ function StopsFinder({
     const abortController = new AbortController();
     setLoading(true);
     const apiParams = {
-      bbox: bbox && bbox.toString(),
-      field: field && field.toString(),
+      bbox: bbox?.toString(),
+      field: field?.toString(),
       limit,
-      mots: mots && mots.toString(),
-      prefAgencies: agencies && agencies.toString(),
+      mots: mots?.toString(),
+      prefAgencies: agencies?.toString(),
       q: inputValue,
       radius,
-      ref_location: refLocation && refLocation.toString()
+      ref_location: refLocation?.toString()
     };
     api.search(apiParams, abortController).then((featureCollection) => {
       setSuggestions(featureCollection?.features || []);
@@ -98,7 +101,7 @@ function StopsFinder({
       setLoading
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     StyledAutocomplete,
     {
       autoComplete: true,
@@ -112,9 +115,9 @@ function StopsFinder({
           onSelect(value, evt);
         }
       },
-      popupIcon: /* @__PURE__ */ React.createElement(FaSearch, { focusable: false, size: 15 }),
+      popupIcon: /* @__PURE__ */ jsx(FaSearch, { focusable: false, size: 15 }),
       renderInput: (params) => {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           TextField,
           {
             label: "Search stops",
@@ -122,19 +125,22 @@ function StopsFinder({
             ...textFieldProps,
             InputProps: {
               ...params.InputProps,
-              endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null, isLoading && /* @__PURE__ */ React.createElement(CircularProgress, { size: 20 }), params.InputProps.endAdornment)
+              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                isLoading && /* @__PURE__ */ jsx(CircularProgress, { size: 20 }),
+                params.InputProps.endAdornment
+              ] })
             }
           }
         );
       },
       renderOption: (liProps, option) => {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           StopsFinderOption,
           {
-            key: option.properties?.name,
             option,
             ...liProps
-          }
+          },
+          option.properties?.name
         );
       },
       selectOnFocus: true,

package/components/StopsFinder/StopsFinder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/StopsFinder/StopsFinder.js"],
-  "sourcesContent": ["/* eslint-disable react/jsx-props-no-spreading */\nimport {\n  Autocomplete,\n  autocompleteClasses,\n  styled,\n  TextField,\n} from \"@mui/material\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { StopsAPI } from \"mobility-toolbox-js/ol\";\nimport { Map } from \"ol\";\nimport PropTypes from \"prop-types\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { FaSearch } from \"react-icons/fa\";\n\nimport StopsFinderOption from \"./StopsFinderOption\";\n\nconst StyledAutocomplete = styled(Autocomplete)(() => ({\n  [`& .${autocompleteClasses.popupIndicatorOpen}`]: {\n    transform: \"rotate(0)\",\n  },\n}));\n\nconst defaultProps = {\n  textFieldProps: {},\n};\n\nfunction StopsFinder({\n  agencies,\n  apiKey,\n  bbox,\n  field,\n  limit,\n  map,\n  mots,\n  onSelect,\n  radius,\n  refLocation,\n  renderAutocomplete,\n  textFieldProps = defaultProps.textFieldProps,\n  url,\n  ...props\n}) {\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 api = useMemo(() => {\n    const options = { apiKey };\n    if (url) {\n      options.url = url;\n    }\n    return new StopsAPI(options);\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    const apiParams = {\n      bbox: bbox && bbox.toString(),\n      field: field && field.toString(),\n      limit,\n      mots: mots && mots.toString(),\n      prefAgencies: agencies && agencies.toString(),\n      q: inputValue,\n      radius,\n      ref_location: refLocation && refLocation.toString(),\n    };\n    api\n      .search(apiParams, abortController)\n      .then((featureCollection) => {\n        setSuggestions(featureCollection?.features || []);\n        setLoading(false);\n      })\n      .catch((error) => {\n        // different from AbortError\n        if (error.code !== 20) {\n          // eslint-disable-next-line no-console\n          console.error(error);\n        }\n      });\n    return () => {\n      abortController.abort();\n    };\n  }, [\n    agencies,\n    bbox,\n    api,\n    field,\n    inputValue,\n    limit,\n    mots,\n    radius,\n    refLocation,\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  return (\n    <StyledAutocomplete\n      autoComplete\n      autoHighlight\n      fullWidth\n      getOptionLabel={(option) => {\n        return option.properties.name;\n      }}\n      onChange={(evt, value, reason) => {\n        if (onSelect && reason === \"selectOption\") {\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            {...params}\n            {...textFieldProps}\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={(liProps, option) => {\n        return (\n          <StopsFinderOption\n            key={option.properties?.name}\n            option={option}\n            {...liProps}\n          />\n        );\n      }}\n      selectOnFocus\n      {...props}\n      inputValue={inputValue}\n      loading={isLoading}\n      onClose={() => {\n        setOpen(false);\n      }}\n      onInputChange={(evt, val) => {\n        setInputValue(val);\n      }}\n      onOpen={() => {\n        setOpen(true);\n      }}\n      open={isOpen}\n      options={suggestions}\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   * 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   * Properties apply to the default [MUI TextField component](https://material-ui.com/api/text-field/) used by the Autocomplete.\n   */\n  textFieldProps: PropTypes.object,\n\n  /**\n   * Url of the geOps StopsFinder service.\n   */\n  url: PropTypes.string,\n};\n\nexport default React.memo(StopsFinder);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  Autocomplete,\n  autocompleteClasses,\n  styled,\n  TextField,\n} from \"@mui/material\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { StopsAPI } from \"mobility-toolbox-js/ol\";\nimport { Map } from \"ol\";\nimport PropTypes from \"prop-types\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { FaSearch } from \"react-icons/fa\";\n\nimport StopsFinderOption from \"./StopsFinderOption\";\n\nconst StyledAutocomplete = styled(Autocomplete)(() => {\n  return {\n    [`& .${autocompleteClasses.popupIndicatorOpen}`]: {\n      transform: \"rotate(0)\",\n    },\n  };\n});\n\nconst defaultProps = {\n  textFieldProps: {},\n};\n\nfunction StopsFinder({\n  agencies,\n  apiKey,\n  bbox,\n  field,\n  limit,\n  map,\n  mots,\n  onSelect,\n  radius,\n  refLocation,\n  renderAutocomplete,\n  textFieldProps = defaultProps.textFieldProps,\n  url,\n  ...props\n}) {\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 api = useMemo(() => {\n    const options = { apiKey };\n    if (url) {\n      options.url = url;\n    }\n    return new StopsAPI(options);\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    const apiParams = {\n      bbox: bbox?.toString(),\n      field: field?.toString(),\n      limit,\n      mots: mots?.toString(),\n      prefAgencies: agencies?.toString(),\n      q: inputValue,\n      radius,\n      ref_location: refLocation?.toString(),\n    };\n    api\n      .search(apiParams, abortController)\n      .then((featureCollection) => {\n        setSuggestions(featureCollection?.features || []);\n        setLoading(false);\n      })\n      .catch((error) => {\n        // different from AbortError\n        if (error.code !== 20) {\n          // eslint-disable-next-line no-console\n          console.error(error);\n        }\n      });\n    return () => {\n      abortController.abort();\n    };\n  }, [\n    agencies,\n    bbox,\n    api,\n    field,\n    inputValue,\n    limit,\n    mots,\n    radius,\n    refLocation,\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  return (\n    <StyledAutocomplete\n      autoComplete\n      autoHighlight\n      fullWidth\n      getOptionLabel={(option) => {\n        return option.properties.name;\n      }}\n      onChange={(evt, value, reason) => {\n        if (onSelect && reason === \"selectOption\") {\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            {...params}\n            {...textFieldProps}\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={(liProps, option) => {\n        return (\n          <StopsFinderOption\n            key={option.properties?.name}\n            option={option}\n            {...liProps}\n          />\n        );\n      }}\n      selectOnFocus\n      {...props}\n      inputValue={inputValue}\n      loading={isLoading}\n      onClose={() => {\n        setOpen(false);\n      }}\n      onInputChange={(evt, val) => {\n        setInputValue(val);\n      }}\n      onOpen={() => {\n        setOpen(true);\n      }}\n      open={isOpen}\n      options={suggestions}\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   * 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   * Properties apply to the default [MUI TextField component](https://material-ui.com/api/text-field/) used by the Autocomplete.\n   */\n  textFieldProps: PropTypes.object,\n\n  /**\n   * Url of the geOps StopsFinder service.\n   */\n  url: PropTypes.string,\n};\n\nexport default React.memo(StopsFinder);\n"],
+  "mappings": "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",
   "names": []
 }

package/components/StopsFinder/StopsFinderOption.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CircularProgress, styled } from "@mui/material";
 import PropTypes from "prop-types";
 import React, { lazy, Suspense } from "react";
@@ -17,19 +18,24 @@ const iconForMot = {};
     return import(`../../images/mots/${mot}${ext}`);
   });
 });
-const StyledFlex = styled("div")(() => ({
-  alignItems: "center",
-  display: "flex",
-  gap: 5
-}));
+const StyledFlex = styled("div")(() => {
+  return {
+    alignItems: "center",
+    display: "flex",
+    gap: 5
+  };
+});
 function StopsFinderOption({ option, ...props }) {
-  return /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(CircularProgress, { size: 20 }) }, /* @__PURE__ */ React.createElement(StyledFlex, { ...props }, Object.entries(option.properties?.mot).map(([key, value]) => {
-    if (value) {
-      const MotIcon = iconForMot[key];
-      return /* @__PURE__ */ React.createElement(StyledFlex, { key }, /* @__PURE__ */ React.createElement(MotIcon, null));
-    }
-    return null;
-  }), /* @__PURE__ */ React.createElement("span", null, option.properties.name)));
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }), children: /* @__PURE__ */ jsxs(StyledFlex, { ...props, children: [
+    Object.entries(option.properties?.mot).map(([key, value]) => {
+      if (value) {
+        const MotIcon = iconForMot[key];
+        return /* @__PURE__ */ jsx(StyledFlex, { children: /* @__PURE__ */ jsx(MotIcon, {}) }, key);
+      }
+      return null;
+    }),
+    /* @__PURE__ */ jsx("span", { children: option.properties.name })
+  ] }) });
 }
 StopsFinderOption.propTypes = {
   option: PropTypes.object.isRequired

package/components/StopsFinder/StopsFinderOption.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/StopsFinder/StopsFinderOption.js"],
-  "sourcesContent": ["/* eslint-disable react/jsx-props-no-spreading */\nimport { CircularProgress, styled } from \"@mui/material\";\nimport PropTypes from \"prop-types\";\nimport React, { lazy, Suspense } from \"react\";\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 StyledFlex = styled(\"div\")(() => ({\n  alignItems: \"center\",\n  display: \"flex\",\n  gap: 5,\n}));\n\nfunction StopsFinderOption({ option, ...props }) {\n  return (\n    <Suspense fallback={<CircularProgress size={20} />}>\n      <StyledFlex {...props}>\n        {Object.entries(option.properties?.mot).map(([key, value]) => {\n          if (value) {\n            const MotIcon = iconForMot[key];\n            return (\n              <StyledFlex key={key}>\n                <MotIcon />\n              </StyledFlex>\n            );\n          }\n          return null;\n        })}\n        <span>{option.properties.name}</span>\n      </StyledFlex>\n    </Suspense>\n  );\n}\n\nStopsFinderOption.propTypes = {\n  option: PropTypes.object.isRequired,\n};\n\nexport default React.memo(StopsFinderOption);\n"],
-  "mappings": "AACA,SAAS,kBAAkB,cAAc;AACzC,OAAO,eAAe;AACtB,OAAO,SAAS,MAAM,gBAAgB;AAEtC,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,GAAG,IAAI,KAAK,MAAM;AAC3B,WAAO,OAAO,qBAAqB,GAAG,GAAG,GAAG;AAAA,EAC9C,CAAC;AACH,CAAC;AAED,MAAM,aAAa,OAAO,KAAK,EAAE,OAAO;AAAA,EACtC,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,KAAK;AACP,EAAE;AAEF,SAAS,kBAAkB,EAAE,QAAQ,GAAG,MAAM,GAAG;AAC/C,SACE,oCAAC,YAAS,UAAU,oCAAC,oBAAiB,MAAM,IAAI,KAC9C,oCAAC,cAAY,GAAG,SACb,OAAO,QAAQ,OAAO,YAAY,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC5D,QAAI,OAAO;AACT,YAAM,UAAU,WAAW,GAAG;AAC9B,aACE,oCAAC,cAAW,OACV,oCAAC,aAAQ,CACX;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,CAAC,GACD,oCAAC,cAAM,OAAO,WAAW,IAAK,CAChC,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,QAAQ,UAAU,OAAO;AAC3B;AAEA,eAAe,MAAM,KAAK,iBAAiB;",
+  "sourcesContent": ["import { CircularProgress, styled } from \"@mui/material\";\nimport PropTypes from \"prop-types\";\nimport React, { lazy, Suspense } from \"react\";\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 StyledFlex = styled(\"div\")(() => {\n  return {\n    alignItems: \"center\",\n    display: \"flex\",\n    gap: 5,\n  };\n});\n\nfunction StopsFinderOption({ option, ...props }) {\n  return (\n    <Suspense fallback={<CircularProgress size={20} />}>\n      <StyledFlex {...props}>\n        {Object.entries(option.properties?.mot).map(([key, value]) => {\n          if (value) {\n            const MotIcon = iconForMot[key];\n            return (\n              <StyledFlex key={key}>\n                <MotIcon />\n              </StyledFlex>\n            );\n          }\n          return null;\n        })}\n        <span>{option.properties.name}</span>\n      </StyledFlex>\n    </Suspense>\n  );\n}\n\nStopsFinderOption.propTypes = {\n  option: PropTypes.object.isRequired,\n};\n\nexport default React.memo(StopsFinderOption);\n"],
+  "mappings": "AA+BwB,cAClB,YADkB;AA/BxB,SAAS,kBAAkB,cAAc;AACzC,OAAO,eAAe;AACtB,OAAO,SAAS,MAAM,gBAAgB;AAEtC,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,GAAG,IAAI,KAAK,MAAM;AAC3B,WAAO,OAAO,qBAAqB,GAAG,GAAG,GAAG;AAAA,EAC9C,CAAC;AACH,CAAC;AAED,MAAM,aAAa,OAAO,KAAK,EAAE,MAAM;AACrC,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,KAAK;AAAA,EACP;AACF,CAAC;AAED,SAAS,kBAAkB,EAAE,QAAQ,GAAG,MAAM,GAAG;AAC/C,SACE,oBAAC,YAAS,UAAU,oBAAC,oBAAiB,MAAM,IAAI,GAC9C,+BAAC,cAAY,GAAG,OACb;AAAA,WAAO,QAAQ,OAAO,YAAY,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC5D,UAAI,OAAO;AACT,cAAM,UAAU,WAAW,GAAG;AAC9B,eACE,oBAAC,cACC,8BAAC,WAAQ,KADM,GAEjB;AAAA,MAEJ;AACA,aAAO;AAAA,IACT,CAAC;AAAA,IACD,oBAAC,UAAM,iBAAO,WAAW,MAAK;AAAA,KAChC,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,QAAQ,UAAU,OAAO;AAC3B;AAEA,eAAe,MAAM,KAAK,iBAAiB;",
   "names": []
 }

package/components/Zoom/Zoom.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ZoomSlider } from "ol/control";
 import { easeOut } from "ol/easing";
 import OLMap from "ol/Map";
@@ -73,8 +74,8 @@ function Zoom({
     zoomIn: "Zoom in",
     zoomOut: "Zoom out"
   },
-  zoomInChildren = /* @__PURE__ */ React.createElement(FaPlus, { focusable: false }),
-  zoomOutChildren = /* @__PURE__ */ React.createElement(FaMinus, { focusable: false }),
+  zoomInChildren = /* @__PURE__ */ jsx(FaPlus, { focusable: false }),
+  zoomOutChildren = /* @__PURE__ */ jsx(FaMinus, { focusable: false }),
   zoomSlider = false,
   ...other
 }) {
@@ -126,9 +127,8 @@ function Zoom({
       }
     };
   }, [map, zoomSlider]);
-  return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    /* @__PURE__ */ React.createElement("div", { className: "rs-zooms-bar", ...other }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs("div", { className: "rs-zooms-bar", ...other, children: [
+    /* @__PURE__ */ jsx(
       "button",
       {
         className: "rs-zoom-in",
@@ -137,10 +137,12 @@ function Zoom({
         onKeyPress: zoomIn,
         tabIndex: 0,
         title: titles.zoomIn,
-        type: "button"
-      },
-      zoomInChildren
-    ), zoomSlider ? /* @__PURE__ */ React.createElement("div", { className: "rs-zoomslider-wrapper", ref }) : null, /* @__PURE__ */ React.createElement(
+        type: "button",
+        children: zoomInChildren
+      }
+    ),
+    zoomSlider ? /* @__PURE__ */ jsx("div", { className: "rs-zoomslider-wrapper", ref }) : null,
+    /* @__PURE__ */ jsx(
       "button",
       {
         className: "rs-zoom-out",
@@ -149,11 +151,11 @@ function Zoom({
         onKeyPress: zoomOut,
         tabIndex: 0,
         title: titles.zoomOut,
-        type: "button"
-      },
-      zoomOutChildren
-    ))
-  );
+        type: "button",
+        children: zoomOutChildren
+      }
+    )
+  ] });
 }
 Zoom.propTypes = propTypes;
 export default React.memo(Zoom);