react-spatial 1.5.3 → 1.5.4

package/components/RouteSchedule/RouteSchedule.js

@@ -0,0 +1,223 @@
+import React from "react";
+import PropTypes from "prop-types";
+import {
+  RealtimeLayer as TrackerLayer,
+  realtimeConfig
+} from "mobility-toolbox-js/ol";
+import { getHoursAndMinutes, getDelayString } from "../../utils/timeUtils";
+import ReactTransitPropTypes from "../../propTypes";
+import firstStation from "../../images/RouteSchedule/firstStation.png";
+import station from "../../images/RouteSchedule/station.png";
+import lastStation from "../../images/RouteSchedule/lastStation.png";
+import line from "../../images/RouteSchedule/line.png";
+const { getBgColor } = realtimeConfig;
+const getDelayColor = (time) => {
+  const secs = Math.round(time / 1800 / 2 * 3600 / 1e3);
+  if (secs >= 3600) {
+    return "dark-red";
+  }
+  if (secs >= 500) {
+    return "middle-red";
+  }
+  if (secs >= 300) {
+    return "light-red";
+  }
+  if (secs >= 180) {
+    return "orange";
+  }
+  return "green";
+};
+const isNotStop = (stop) => {
+  return !stop.arrivalTime && !stop.departureTime;
+};
+const isPassed = (stop, time, stops, idx) => {
+  if (isNotStop(stop)) {
+    if (stops[idx - 1] && idx > 0) {
+      return isPassed(stops[idx - 1], time, stops, idx);
+    }
+    return true;
+  }
+  const timeToCompare = stop.aimedDepartureTime || stop.aimedArrivalTime || 0;
+  let delayToCompare = stop.departureDelay || stop.arrivalDelay || 0;
+  if (delayToCompare < 0) {
+    delayToCompare = 0;
+  }
+  return timeToCompare + delayToCompare <= time;
+};
+const defaultRenderStationImg = (stations, index, isStationPassed, isNotStation) => {
+  const { length } = stations;
+  let src = station.src || station;
+  if (index === 0) {
+    src = firstStation.src || firstStation;
+  } else if (index === length - 1) {
+    src = lastStation.src || lastStation;
+  } else if (isNotStation) {
+    src = line.src || line;
+  }
+  return /* @__PURE__ */ React.createElement("img", {
+    src,
+    alt: "routeScheduleLine",
+    className: "rt-route-icon"
+  });
+};
+const defaultRenderStation = ({
+  lineInfos,
+  onStationClick,
+  trackerLayer,
+  renderStationImg,
+  stop,
+  idx
+}) => {
+  const {
+    stationId,
+    arrivalDelay,
+    departureDelay,
+    arrivalTime,
+    departureTime,
+    state,
+    stationName,
+    aimedArrivalTime,
+    aimedDepartureTime
+  } = stop;
+  const cancelled = state === "JOURNEY_CANCELLED" || state === "STOP_CANCELLED";
+  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);
+    },
+    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 renderRouteIdentifier = ({ routeIdentifier, longName }) => {
+  if (routeIdentifier) {
+    const id = parseInt(routeIdentifier.split(".")[0], 10);
+    if (!longName.includes(id)) {
+      return ` (${id})`;
+    }
+  }
+  return null;
+};
+const defaultRenderHeader = ({ lineInfos, renderHeaderButtons }) => {
+  const {
+    type,
+    vehicleType,
+    shortName,
+    longName,
+    stroke,
+    destination,
+    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)));
+};
+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 }));
+};
+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));
+};
+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 && ")");
+};
+const propTypes = {
+  className: PropTypes.string,
+  lineInfos: ReactTransitPropTypes.lineInfos,
+  trackerLayer: PropTypes.instanceOf(TrackerLayer).isRequired,
+  renderHeader: PropTypes.func,
+  renderFooter: PropTypes.func,
+  renderCopyright: PropTypes.func,
+  renderStationImg: PropTypes.func,
+  renderStation: PropTypes.func,
+  onStationClick: PropTypes.func,
+  renderHeaderButtons: PropTypes.func
+};
+const defaultProps = {
+  className: "rt-route-schedule",
+  lineInfos: null,
+  renderHeader: defaultRenderHeader,
+  renderStation: defaultRenderStation,
+  renderStationImg: defaultRenderStationImg,
+  renderCopyright: defaultRenderCopyright,
+  renderFooter: defaultRenderFooter,
+  renderHeaderButtons: () => {
+    return null;
+  },
+  onStationClick: () => {
+  }
+};
+function RouteSchedule(props) {
+  const { lineInfos, className, renderStation, renderHeader, renderFooter } = 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 renderStation({ ...props, stop, idx });
+  })), renderFooter({ ...props }));
+}
+RouteSchedule.propTypes = propTypes;
+RouteSchedule.defaultProps = defaultProps;
+export default React.memo(RouteSchedule);

package/components/RouteSchedule/RouteSchedule.js.map

@@ -0,0 +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": "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",
+  "names": []
+}

package/components/RouteSchedule/index.js

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

package/components/RouteSchedule/index.js.map

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

package/components/ScaleLine/ScaleLine.js

@@ -0,0 +1,32 @@
+import React, { useRef, useEffect } from "react";
+import PropTypes from "prop-types";
+import OLScaleLine from "ol/control/ScaleLine";
+import OLMap from "ol/Map";
+const propTypes = {
+  map: PropTypes.instanceOf(OLMap).isRequired,
+  options: PropTypes.object
+};
+const defaultProps = {
+  options: {}
+};
+function ScaleLine({ map, options, ...other }) {
+  const ref = useRef();
+  useEffect(() => {
+    const control = new OLScaleLine({
+      ...options,
+      ...{ target: ref.current }
+    });
+    map.addControl(control);
+    return () => {
+      map.removeControl(control);
+    };
+  }, [map, options]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "rs-scale-line",
+    ref,
+    ...other
+  });
+}
+ScaleLine.propTypes = propTypes;
+ScaleLine.defaultProps = defaultProps;
+export default React.memo(ScaleLine);

package/components/ScaleLine/ScaleLine.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/components/ScaleLine/index.js

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

package/components/ScaleLine/index.js.map

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

package/components/StopsFinder/StopsFinder.js

@@ -0,0 +1,210 @@
+import React, { useMemo, useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { Autocomplete } from "@material-ui/lab";
+import { FaSearch } from "react-icons/fa";
+import TextField from "@material-ui/core/TextField";
+import CircularProgress from "@material-ui/core/CircularProgress";
+import { StopFinderControl } from "mobility-toolbox-js/ol";
+import { Map } from "ol";
+import { makeStyles } from "@material-ui/core";
+import StopsFinderOptions from "./StopsFinderOption";
+const useStyles = makeStyles(() => {
+  return {
+    popupIndicatorOpen: {
+      transform: "rotate(0)"
+    }
+  };
+});
+function StopsFinder({
+  agencies,
+  apiKey,
+  autocompleteProps,
+  bbox,
+  field,
+  limit,
+  map,
+  mots,
+  onSelect,
+  radius,
+  refLocation,
+  renderAutocomplete,
+  url
+}) {
+  const classes = useStyles();
+  const [inputValue, setInputValue] = useState("");
+  const [suggestions, setSuggestions] = useState([]);
+  const [isLoading, setLoading] = useState(false);
+  const [isOpen, setOpen] = useState(false);
+  const control = useMemo(() => {
+    return new StopFinderControl({
+      url,
+      apiKey,
+      target: document.createElement("div"),
+      element: document.createElement("div"),
+      render(newSuggestions = { features: [] }) {
+        setSuggestions(newSuggestions.features);
+        setLoading(false);
+      }
+    });
+  }, [apiKey, url]);
+  useEffect(() => {
+    if (!inputValue) {
+      setSuggestions([]);
+      setLoading(false);
+      return () => {
+      };
+    }
+    const abortController = new AbortController();
+    setLoading(true);
+    control.apiParams = {
+      prefAgencies: agencies && agencies.toString(),
+      bbox: bbox && bbox.toString(),
+      field: field && field.toString(),
+      limit,
+      mots: mots && mots.toString(),
+      radius,
+      ref_location: refLocation && refLocation.toString()
+    };
+    control.search(inputValue, abortController);
+    return () => {
+      abortController.abort();
+    };
+  }, [
+    agencies,
+    bbox,
+    control,
+    field,
+    inputValue,
+    limit,
+    mots,
+    radius,
+    refLocation
+  ]);
+  useEffect(() => {
+    if (!control) {
+      return () => {
+      };
+    }
+    control.map = map;
+    return () => {
+      control.map = null;
+    };
+  }, [map, control]);
+  if (!control) {
+    return null;
+  }
+  if (renderAutocomplete) {
+    return renderAutocomplete(
+      suggestions,
+      inputValue,
+      setInputValue,
+      isOpen,
+      setOpen,
+      isLoading,
+      setLoading
+    );
+  }
+  const textFieldProps = {
+    ...(autocompleteProps || {}).textFieldProps || {}
+  };
+  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)
+        }
+      });
+    },
+    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 = {
+  agencies: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string)
+  ]),
+  apiKey: PropTypes.string,
+  autocompleteProps: PropTypes.object,
+  bbox: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.number)
+  ]),
+  field: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string)
+  ]),
+  limit: PropTypes.number,
+  map: PropTypes.instanceOf(Map).isRequired,
+  mots: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string)
+  ]),
+  onSelect: PropTypes.func,
+  radius: PropTypes.number,
+  refLocation: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.number)
+  ]),
+  renderAutocomplete: PropTypes.func,
+  url: PropTypes.string
+};
+StopsFinder.defaultProps = {
+  agencies: null,
+  apiKey: null,
+  autocompleteProps: {},
+  bbox: null,
+  field: null,
+  limit: null,
+  mots: null,
+  onSelect: null,
+  radius: null,
+  refLocation: null,
+  url: null,
+  renderAutocomplete: null
+};
+export default StopsFinder;

package/components/StopsFinder/StopsFinder.js.map

@@ -0,0 +1,7 @@
+{
+  "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": "AAAA,OAAO,SAAS,SAAS,UAAU,iBAAiB;AACpD,OAAO,eAAe;AACtB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,OAAO,eAAe;AACtB,OAAO,sBAAsB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAC3B,OAAO,wBAAwB;AAE/B,MAAM,YAAY,WAAW,MAAM;AACjC,SAAO;AAAA,IACL,oBAAoB;AAAA,MAClB,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;AAED,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,UAAU,UAAU;AAC1B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC,CAAC;AACjD,QAAM,CAAC,WAAW,UAAU,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,QAAQ,OAAO,IAAI,SAAS,KAAK;AAExC,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,IAAI,kBAAkB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA,QAAQ,SAAS,cAAc,KAAK;AAAA,MACpC,SAAS,SAAS,cAAc,KAAK;AAAA,MACrC,OAAO,iBAAiB,EAAE,UAAU,CAAC,EAAE,GAAG;AACxC,uBAAe,eAAe,QAAQ;AACtC,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,GAAG,CAAC;AAEhB,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AACf,qBAAe,CAAC,CAAC;AACjB,iBAAW,KAAK;AAChB,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AACA,UAAM,kBAAkB,IAAI,gBAAgB;AAC5C,eAAW,IAAI;AACf,YAAQ,YAAY;AAAA,MAClB,cAAc,YAAY,SAAS,SAAS;AAAA,MAC5C,MAAM,QAAQ,KAAK,SAAS;AAAA,MAC5B,OAAO,SAAS,MAAM,SAAS;AAAA,MAC/B;AAAA,MACA,MAAM,QAAQ,KAAK,SAAS;AAAA,MAC5B;AAAA,MACA,cAAc,eAAe,YAAY,SAAS;AAAA,IACpD;AACA,YAAQ,OAAO,YAAY,eAAe;AAC1C,WAAO,MAAM;AACX,sBAAgB,MAAM;AAAA,IACxB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGD,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AACZ,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AAEA,YAAQ,MAAM;AAEd,WAAO,MAAM;AACX,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAEjB,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,MAAI,oBAAoB;AACtB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,QAAM,iBAAiB;AAAA,IACrB,IAAK,qBAAqB,CAAC,GAAG,kBAAkB,CAAC;AAAA,EACnD;AACA,QAAM,aAAa,EAAE,GAAG,kBAAkB;AAC1C,SAAO,WAAW;AAElB,SACE,oCAAC;AAAA,IACC,WAAS;AAAA,IACT,cAAY;AAAA,IACZ,eAAa;AAAA,IACb,eAAa;AAAA,IACb,gBAAgB,CAAC,WAAW;AAC1B,aAAO,OAAO,WAAW;AAAA,IAC3B;AAAA,IACA,UAAU,CAAC,KAAK,OAAO,WAAW;AAChC,UAAI,YAAY,WAAW,iBAAiB;AAC1C,iBAAS,OAAO,GAAG;AAAA,MACrB;AAAA,IACF;AAAA,IACA,WAAW,oCAAC;AAAA,MAAS,WAAW;AAAA,MAAO,MAAM;AAAA,KAAI;AAAA,IACjD,aAAa,CAAC,WAAW;AACvB,aACE,oCAAC;AAAA,QACC,OAAM;AAAA,QAEL,GAAG;AAAA,UACF,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACA,YAAY;AAAA,UACV,GAAG,OAAO;AAAA,UACV,cACE,0DACG,aAAa,oCAAC;AAAA,YAAiB,MAAM;AAAA,WAAI,GACzC,OAAO,WAAW,YACrB;AAAA,QAEJ;AAAA,OACF;AAAA,IAEJ;AAAA,IACA,cAAc,CAAC,WAAW;AACxB,aAAO,oCAAC;AAAA,QAAmB;AAAA,OAAgB;AAAA,IAC7C;AAAA,IAEC,GAAG;AAAA,IACJ,SAAS,EAAE,GAAG,SAAS,GAAG,kBAAkB,QAAQ;AAAA,IACpD;AAAA,IACA,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ,MAAM;AACZ,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,SAAS,MAAM;AACb,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,eAAe,CAAC,KAAK,QAAQ;AAC3B,oBAAc,GAAG;AAAA,IACnB;AAAA,GACF;AAEJ;AAEA,YAAY,YAAY;AAAA,EAMtB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpC,CAAC;AAAA,EAKD,QAAQ,UAAU;AAAA,EAMlB,mBAAmB,UAAU;AAAA,EAK7B,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpC,CAAC;AAAA,EAMD,OAAO,UAAU,UAAU;AAAA,IACzB,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpC,CAAC;AAAA,EAKD,OAAO,UAAU;AAAA,EAKjB,KAAK,UAAU,WAAW,GAAG,EAAE;AAAA,EAM/B,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpC,CAAC;AAAA,EAKD,UAAU,UAAU;AAAA,EAMpB,QAAQ,UAAU;AAAA,EAMlB,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpC,CAAC;AAAA,EAKD,oBAAoB,UAAU;AAAA,EAK9B,KAAK,UAAU;AACjB;AAEA,YAAY,eAAe;AAAA,EACzB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,mBAAmB,CAAC;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,KAAK;AAAA,EACL,oBAAoB;AACtB;AAEA,eAAe;",
+  "names": []
+}

package/components/StopsFinder/StopsFinderOption.js

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

package/components/StopsFinder/StopsFinderOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/StopsFinder/StopsFinderOption.js"],
+  "sourcesContent": ["import React, { lazy, Suspense } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nconst ext = '_round-blue-01.svg';\nconst iconForMot = {};\n[\n  'bus',\n  'ferry',\n  'gondola',\n  'tram',\n  'rail',\n  'funicular',\n  'cable_car',\n  'subway',\n].forEach((mot) => {\n  iconForMot[mot] = lazy(() => {\n    return import(`../../images/mots/${mot}${ext}`);\n  });\n});\n\nconst useStyles = makeStyles((theme) => {\n  return {\n    flex: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    icon: {\n      marginRight: theme.spacing(2),\n    },\n  };\n});\n\nfunction StopsFinderOption({ option }) {\n  const classes = useStyles();\n\n  return (\n    <Suspense fallback={<div />}>\n      <div className={classes.flex}>\n        {Object.entries(option.properties.mot).map(([key, value]) => {\n          if (value) {\n            const MotIcon = iconForMot[key];\n            return (\n              <span className={classes.icon} key={key}>\n                <MotIcon />\n              </span>\n            );\n          }\n          return <></>;\n        })}\n        <span>{option.properties.name}</span>\n      </div>\n    </Suspense>\n  );\n}\n\nStopsFinderOption.propTypes = {\n  option: PropTypes.object.isRequired,\n};\n\nexport default React.memo(StopsFinderOption);\n"],
+  "mappings": "AAAA,OAAO,SAAS,MAAM,gBAAgB;AACtC,OAAO,eAAe;AACtB,SAAS,kBAAkB;AAE3B,MAAM,MAAM;AACZ,MAAM,aAAa,CAAC;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,QAAQ,CAAC,QAAQ;AACjB,aAAW,OAAO,KAAK,MAAM;AAC3B,WAAO,OAAO,qBAAqB,MAAM;AAAA,EAC3C,CAAC;AACH,CAAC;AAED,MAAM,YAAY,WAAW,CAAC,UAAU;AACtC,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,MACJ,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC9B;AAAA,EACF;AACF,CAAC;AAED,SAAS,kBAAkB,EAAE,OAAO,GAAG;AACrC,QAAM,UAAU,UAAU;AAE1B,SACE,oCAAC;AAAA,IAAS,UAAU,oCAAC,WAAI;AAAA,KACvB,oCAAC;AAAA,IAAI,WAAW,QAAQ;AAAA,KACrB,OAAO,QAAQ,OAAO,WAAW,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC3D,QAAI,OAAO;AACT,YAAM,UAAU,WAAW;AAC3B,aACE,oCAAC;AAAA,QAAK,WAAW,QAAQ;AAAA,QAAM;AAAA,SAC7B,oCAAC,aAAQ,CACX;AAAA,IAEJ;AACA,WAAO,wDAAE;AAAA,EACX,CAAC,GACD,oCAAC,cAAM,OAAO,WAAW,IAAK,CAChC,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,QAAQ,UAAU,OAAO;AAC3B;AAEA,eAAe,MAAM,KAAK,iBAAiB;",
+  "names": []
+}

package/components/StopsFinder/index.js

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

package/components/StopsFinder/index.js.map

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