@opentripplanner/map-popup 0.0.1 → 1.0.0-alpha.1

package/esm/index.js

@@ -0,0 +1,106 @@
+import React from "react";
+import { Styled as BaseMapStyled } from "@opentripplanner/base-map";
+import FromToLocationPicker from "@opentripplanner/from-to-location-picker"; // eslint-disable-next-line prettier/prettier
+
+import { FormattedMessage, useIntl } from "react-intl";
+import { flatten } from "flat";
+import * as S from "./styled"; // Load the default messages.
+
+import defaultEnglishMessages from "../i18n/en-US.yml";
+import { makeDefaultGetEntityName } from "./util"; // HACK: We should flatten the messages loaded above because
+// the YAML loaders behave differently between webpack and our version of jest:
+// - the yaml loader for webpack returns a nested object,
+// - the yaml loader for jest returns messages with flattened ids.
+
+export var defaultMessages = flatten(defaultEnglishMessages);
+
+var generateLocation = function generateLocation(entity, name) {
+  // @ts-expect-error some of these values may be null, but that's ok
+  var entityLon = entity.lon,
+      entityLat = entity.lat,
+      x = entity.x,
+      y = entity.y;
+  var lat = entityLat || x;
+  var lon = entityLon || y;
+  if (!lat || !lon) return null;
+  return {
+    lat: lat,
+    lon: lon,
+    name: name
+  };
+};
+
+var StationHubDetails = function StationHubDetails(_ref) {
+  var station = _ref.station;
+  return /*#__PURE__*/React.createElement(BaseMapStyled.PopupRow, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    defaultMessage: defaultMessages["otpUi.MapPopup.availableBikes"],
+    description: "Label text for the number of bikes available",
+    id: "otpUi.MapPopup.availableBikes",
+    values: {
+      value: station.bikesAvailable
+    }
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    defaultMessage: defaultMessages["otpUi.MapPopup.availableDocks"],
+    description: "Label text for the number of docks available",
+    id: "otpUi.MapPopup.availableDocks",
+    values: {
+      value: station.spacesAvailable
+    }
+  })));
+};
+
+var StopDetails = function StopDetails(_ref2) {
+  var id = _ref2.id,
+      setViewedStop = _ref2.setViewedStop;
+  return /*#__PURE__*/React.createElement(BaseMapStyled.PopupRow, null, /*#__PURE__*/React.createElement("strong", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+    defaultMessage: defaultMessages["otpUi.MapPopup.stopId"],
+    description: "Displays the stop id",
+    id: "otpUi.MapPopup.stopId",
+    values: {
+      stopId: id
+    }
+  })), /*#__PURE__*/React.createElement(S.ViewStopButton, {
+    onClick: function onClick() {
+      return setViewedStop({
+        stopId: id
+      });
+    }
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    defaultMessage: defaultMessages["otpUi.MapPopup.stopViewer"],
+    description: "Text for link that opens the stop viewer",
+    id: "otpUi.MapPopup.stopViewer"
+  })));
+};
+
+/**
+ * Renders a map popup for a stop, scooter, or shared bike
+ */
+export function MapPopup(_ref3) {
+  var configCompanies = _ref3.configCompanies,
+      entity = _ref3.entity,
+      getEntityName = _ref3.getEntityName,
+      setLocation = _ref3.setLocation,
+      setViewedStop = _ref3.setViewedStop;
+  var intl = useIntl();
+  if (!entity) return /*#__PURE__*/React.createElement(React.Fragment, null);
+  var getNameFunc = getEntityName || makeDefaultGetEntityName(intl, defaultMessages);
+  var name = getNameFunc(entity, configCompanies);
+  var bikesAvailablePresent = ("bikesAvailable" in entity);
+  var entityIsStationHub = bikesAvailablePresent && (entity === null || entity === void 0 ? void 0 : entity.bikesAvailable) !== undefined && !(entity !== null && entity !== void 0 && entity.isFloatingBike); // @ts-expect-error ts doesn't understand entityIsStop
+
+  var stopId = !bikesAvailablePresent && (entity === null || entity === void 0 ? void 0 : entity.code) || entity.id.split(":")[1] || entity.id;
+  return /*#__PURE__*/React.createElement(BaseMapStyled.MapOverlayPopup, null, /*#__PURE__*/React.createElement(BaseMapStyled.PopupTitle, null, name), entityIsStationHub && /*#__PURE__*/React.createElement(StationHubDetails, {
+    station: entity
+  }), setViewedStop && !bikesAvailablePresent && /*#__PURE__*/React.createElement(StopDetails, {
+    id: stopId,
+    setViewedStop: setViewedStop
+  }), setLocation && /*#__PURE__*/React.createElement(BaseMapStyled.PopupRow, null, /*#__PURE__*/React.createElement(FromToLocationPicker, {
+    label: true,
+    location: generateLocation(entity, name),
+    setLocation: setLocation
+  })));
+}
+export default MapPopup; // Rename styled components for export
+
+export { S as Styled };
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["React","Styled","BaseMapStyled","FromToLocationPicker","FormattedMessage","useIntl","flatten","S","defaultEnglishMessages","makeDefaultGetEntityName","defaultMessages","generateLocation","entity","name","entityLon","lon","entityLat","lat","x","y","StationHubDetails","station","value","bikesAvailable","spacesAvailable","StopDetails","id","setViewedStop","stopId","MapPopup","configCompanies","getEntityName","setLocation","intl","getNameFunc","bikesAvailablePresent","entityIsStationHub","undefined","isFloatingBike","code","split"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { Styled as BaseMapStyled } from \"@opentripplanner/base-map\";\nimport FromToLocationPicker from \"@opentripplanner/from-to-location-picker\";\n// eslint-disable-next-line prettier/prettier\nimport type { Company, ConfiguredCompany, Location, Station, Stop } from \"@opentripplanner/types\";\n\nimport { FormattedMessage, useIntl } from \"react-intl\";\nimport { flatten } from \"flat\";\nimport * as S from \"./styled\";\n\n// Load the default messages.\nimport defaultEnglishMessages from \"../i18n/en-US.yml\";\nimport { makeDefaultGetEntityName } from \"./util\";\n\n// HACK: We should flatten the messages loaded above because\n// the YAML loaders behave differently between webpack and our version of jest:\n// - the yaml loader for webpack returns a nested object,\n// - the yaml loader for jest returns messages with flattened ids.\nexport const defaultMessages: { [key: string]: string } = flatten(defaultEnglishMessages);\n\n\nconst generateLocation = (entity: Entity, name: string) => {\n  // @ts-expect-error some of these values may be null, but that's ok\n  const { lon: entityLon, lat: entityLat, x, y } = entity\n\n  const lat = entityLat || x\n  const lon = entityLon || y\n  if (!lat || !lon) return null\n\n  return { lat, lon, name };\n}\n\nconst StationHubDetails = ({ station }: { station: Station }) => {\n  return (\n    <BaseMapStyled.PopupRow>\n      <div>\n        <FormattedMessage\n          defaultMessage={\n            defaultMessages[\"otpUi.MapPopup.availableBikes\"]\n          }\n          description=\"Label text for the number of bikes available\"\n          id=\"otpUi.MapPopup.availableBikes\"\n          values={{ value: station.bikesAvailable }}\n        />\n      </div>\n      <div>\n        <FormattedMessage\n          defaultMessage={\n            defaultMessages[\"otpUi.MapPopup.availableDocks\"]\n          }\n          description=\"Label text for the number of docks available\"\n          id=\"otpUi.MapPopup.availableDocks\"\n          values={{ value: station.spacesAvailable }}\n        />\n      </div>\n    </BaseMapStyled.PopupRow>\n  )\n}\n\nconst StopDetails = ({ id, setViewedStop }: { id: string, setViewedStop: ({ stopId }: { stopId: string }) => void; }) => {\n  return (\n    <BaseMapStyled.PopupRow>\n        <strong>\n          <FormattedMessage\n            defaultMessage={defaultMessages[\"otpUi.MapPopup.stopId\"]}\n            description=\"Displays the stop id\"\n            id=\"otpUi.MapPopup.stopId\"\n            values={{\n              stopId: id\n            }}\n          />\n        </strong>\n      <S.ViewStopButton onClick={() => setViewedStop({ stopId: id })}>\n        <FormattedMessage\n          defaultMessage={defaultMessages[\"otpUi.MapPopup.stopViewer\"]}\n          description=\"Text for link that opens the stop viewer\"\n          id=\"otpUi.MapPopup.stopViewer\"\n        />\n      </S.ViewStopButton>\n    </BaseMapStyled.PopupRow>\n  )\n}\n\ntype Entity = Stop | Station\ntype Props = {\n  configCompanies?: ConfiguredCompany[];\n  entity: Entity\n  getEntityName?: (entity: Entity, configCompanies: Company[],) => string;\n  setLocation?: ({ location, locationType }: { location: Location, locationType: string }) => void;\n  setViewedStop?: ({ stopId }: { stopId: string }) => void;\n};\n\n/**\n * Renders a map popup for a stop, scooter, or shared bike\n */\nexport function MapPopup({ configCompanies, entity, getEntityName, setLocation, setViewedStop, }: Props): JSX.Element {\n  const intl = useIntl()\n  if (!entity) return <></>\n\n  const getNameFunc = getEntityName || makeDefaultGetEntityName(intl, defaultMessages);\n  const name = getNameFunc(entity, configCompanies);\n\n\n  const bikesAvailablePresent = \"bikesAvailable\" in entity\n  const entityIsStationHub = bikesAvailablePresent && entity?.bikesAvailable !== undefined && !entity?.isFloatingBike;\n  // @ts-expect-error ts doesn't understand entityIsStop\n  const stopId = !bikesAvailablePresent && entity?.code || entity.id.split(\":\")[1] || entity.id\n\n  return (\n    <BaseMapStyled.MapOverlayPopup>\n      <BaseMapStyled.PopupTitle>{name}</BaseMapStyled.PopupTitle>\n      {/* render dock info if it is available */}\n      {entityIsStationHub && <StationHubDetails station={entity} />}\n\n      {/* render stop viewer link if available */}\n      {setViewedStop && !bikesAvailablePresent && <StopDetails id={stopId} setViewedStop={setViewedStop} />}\n\n      {/* The \"Set as [from/to]\" ButtonGroup */}\n      {setLocation && (\n        <BaseMapStyled.PopupRow>\n          <FromToLocationPicker\n            label\n            location={generateLocation(entity, name)}\n            setLocation={setLocation}\n          />\n        </BaseMapStyled.PopupRow>\n      )}\n    </BaseMapStyled.MapOverlayPopup>\n  );\n}\n\nexport default MapPopup;\n\n// Rename styled components for export\nexport { S as Styled };\n"],"file":"index.js"}

package/esm/styled.js

@@ -0,0 +1,8 @@
+import styled from "styled-components";
+/* eslint-disable-next-line import/prefer-default-export */
+
+export var ViewStopButton = styled.button.withConfig({
+  displayName: "styled__ViewStopButton",
+  componentId: "sc-12v7ov3-0"
+})(["background:none;border-bottom:none;border-left:1px solid #000;border-right:none;border-top:none;color:#008;font-family:inherit;margin-left:5px;padding-top:0;"]);
+//# sourceMappingURL=styled.js.map

package/esm/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styled.ts"],"names":["styled","ViewStopButton","button"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA;;AACA,OAAO,IAAMC,cAAc,GAAGD,MAAM,CAACE,MAAV;AAAA;AAAA;AAAA,qKAApB","sourcesContent":["import styled from \"styled-components\";\n\n/* eslint-disable-next-line import/prefer-default-export */\nexport const ViewStopButton = styled.button`\n  background: none;\n  border-bottom: none;\n  border-left: 1px solid #000;\n  border-right: none;\n  border-top: none;\n  color: #008;\n  font-family: inherit;\n  margin-left: 5px;\n  padding-top: 0;\n`;\n"],"file":"styled.js"}

package/esm/util.js

@@ -0,0 +1,46 @@
+import coreUtils from "@opentripplanner/core-utils"; // eslint-disable-next-line import/prefer-default-export
+
+export function makeDefaultGetEntityName(intl, defaultEnglishMessages) {
+  return function defaultGetEntityName(entity, configCompanies) {
+    var _entity$networks;
+
+    var stationNetworks = "networks" in entity && (coreUtils.itinerary.getCompaniesLabelFromNetworks((entity === null || entity === void 0 ? void 0 : entity.networks) || [], configCompanies) || (entity === null || entity === void 0 ? void 0 : (_entity$networks = entity.networks) === null || _entity$networks === void 0 ? void 0 : _entity$networks[0]));
+    var stationName = entity.name || entity.id; // If the station name or id is a giant UUID (with more than 3 "-" characters)
+    // best not to show that at all. The company name will still be shown.
+
+    if ((stationName.match(/-/g) || []).length > 3) {
+      stationName = null;
+    }
+
+    if ("isFloatingBike" in entity && entity.isFloatingBike) {
+      stationName = intl.formatMessage({
+        defaultMessage: defaultEnglishMessages["otpUi.MapPopup.floatingBike"],
+        description: "Popup title for a free-floating bike",
+        id: "otpUi.MapPopup.floatingBike"
+      }, {
+        name: stationName || stationNetworks
+      });
+    } else if ("isFloatingCar" in entity && entity.isFloatingCar) {
+      stationName = intl.formatMessage({
+        defaultMessage: defaultEnglishMessages["otpUi.MapPopup.floatingCar"],
+        description: "Popup title for a free-floating car",
+        id: "otpUi.MapPopup.floatingCar"
+      }, {
+        company: stationNetworks,
+        name: stationName
+      });
+    } else if ("isFloatingVehicle" in entity && entity.isFloatingVehicle) {
+      // assumes that all floating vehicles are E-scooters
+      stationName = intl.formatMessage({
+        defaultMessage: defaultEnglishMessages["otpUi.MapPopup.floatingEScooter"],
+        description: "Popup title for a free-floating e-scooter",
+        id: "otpUi.MapPopup.floatingEScooter"
+      }, {
+        name: stationName || stationNetworks
+      });
+    }
+
+    return stationName;
+  };
+}
+//# sourceMappingURL=util.js.map

package/esm/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util.ts"],"names":["coreUtils","makeDefaultGetEntityName","intl","defaultEnglishMessages","defaultGetEntityName","entity","configCompanies","stationNetworks","itinerary","getCompaniesLabelFromNetworks","networks","stationName","name","id","match","length","isFloatingBike","formatMessage","defaultMessage","description","isFloatingCar","company","isFloatingVehicle"],"mappings":"AAEA,OAAOA,SAAP,MAAsB,6BAAtB,C,CAEA;;AACA,OAAO,SAASC,wBAAT,CACLC,IADK,EAELC,sBAFK,EAGL;AACA,SAAO,SAASC,oBAAT,CACLC,MADK,EAELC,eAFK,EAGU;AAAA;;AACf,QAAMC,eAAe,GACnB,cAAcF,MAAd,KACCL,SAAS,CAACQ,SAAV,CAAoBC,6BAApB,CACC,CAAAJ,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEK,QAAR,KAAoB,EADrB,EAECJ,eAFD,MAICD,MAJD,aAICA,MAJD,2CAICA,MAAM,CAAEK,QAJT,qDAIC,iBAAmB,CAAnB,CAJD,CADD,CADF;AAOA,QAAIC,WAA0B,GAAGN,MAAM,CAACO,IAAP,IAAeP,MAAM,CAACQ,EAAvD,CARe,CASf;AACA;;AACA,QAAI,CAACF,WAAW,CAACG,KAAZ,CAAkB,IAAlB,KAA2B,EAA5B,EAAgCC,MAAhC,GAAyC,CAA7C,EAAgD;AAC9CJ,MAAAA,WAAW,GAAG,IAAd;AACD;;AAED,QAAI,oBAAoBN,MAApB,IAA8BA,MAAM,CAACW,cAAzC,EAAyD;AACvDL,MAAAA,WAAW,GAAGT,IAAI,CAACe,aAAL,CACZ;AACEC,QAAAA,cAAc,EAAEf,sBAAsB,CAAC,6BAAD,CADxC;AAEEgB,QAAAA,WAAW,EAAE,sCAFf;AAGEN,QAAAA,EAAE,EAAE;AAHN,OADY,EAMZ;AAAED,QAAAA,IAAI,EAAED,WAAW,IAAIJ;AAAvB,OANY,CAAd;AAQD,KATD,MASO,IAAI,mBAAmBF,MAAnB,IAA6BA,MAAM,CAACe,aAAxC,EAAuD;AAC5DT,MAAAA,WAAW,GAAGT,IAAI,CAACe,aAAL,CACZ;AACEC,QAAAA,cAAc,EAAEf,sBAAsB,CAAC,4BAAD,CADxC;AAEEgB,QAAAA,WAAW,EAAE,qCAFf;AAGEN,QAAAA,EAAE,EAAE;AAHN,OADY,EAMZ;AACEQ,QAAAA,OAAO,EAAEd,eADX;AAEEK,QAAAA,IAAI,EAAED;AAFR,OANY,CAAd;AAWD,KAZM,MAYA,IAAI,uBAAuBN,MAAvB,IAAiCA,MAAM,CAACiB,iBAA5C,EAA+D;AACpE;AACAX,MAAAA,WAAW,GAAGT,IAAI,CAACe,aAAL,CACZ;AACEC,QAAAA,cAAc,EACZf,sBAAsB,CAAC,iCAAD,CAF1B;AAGEgB,QAAAA,WAAW,EAAE,2CAHf;AAIEN,QAAAA,EAAE,EAAE;AAJN,OADY,EAOZ;AAAED,QAAAA,IAAI,EAAED,WAAW,IAAIJ;AAAvB,OAPY,CAAd;AASD;;AACD,WAAOI,WAAP;AACD,GApDD;AAqDD","sourcesContent":["import { Company, Station, Stop } from \"@opentripplanner/types\";\nimport { IntlShape } from \"react-intl\";\nimport coreUtils from \"@opentripplanner/core-utils\";\n\n// eslint-disable-next-line import/prefer-default-export\nexport function makeDefaultGetEntityName(\n  intl: IntlShape,\n  defaultEnglishMessages: { [key: string]: string }\n) {\n  return function defaultGetEntityName(\n    entity: Station | Stop,\n    configCompanies: Company[]\n  ): string | null {\n    const stationNetworks =\n      \"networks\" in entity &&\n      (coreUtils.itinerary.getCompaniesLabelFromNetworks(\n        entity?.networks || [],\n        configCompanies\n      ) ||\n        entity?.networks?.[0]);\n    let stationName: string | null = entity.name || entity.id;\n    // If the station name or id is a giant UUID (with more than 3 \"-\" characters)\n    // best not to show that at all. The company name will still be shown.\n    if ((stationName.match(/-/g) || []).length > 3) {\n      stationName = null;\n    }\n\n    if (\"isFloatingBike\" in entity && entity.isFloatingBike) {\n      stationName = intl.formatMessage(\n        {\n          defaultMessage: defaultEnglishMessages[\"otpUi.MapPopup.floatingBike\"],\n          description: \"Popup title for a free-floating bike\",\n          id: \"otpUi.MapPopup.floatingBike\"\n        },\n        { name: stationName || stationNetworks }\n      );\n    } else if (\"isFloatingCar\" in entity && entity.isFloatingCar) {\n      stationName = intl.formatMessage(\n        {\n          defaultMessage: defaultEnglishMessages[\"otpUi.MapPopup.floatingCar\"],\n          description: \"Popup title for a free-floating car\",\n          id: \"otpUi.MapPopup.floatingCar\"\n        },\n        {\n          company: stationNetworks,\n          name: stationName\n        }\n      );\n    } else if (\"isFloatingVehicle\" in entity && entity.isFloatingVehicle) {\n      // assumes that all floating vehicles are E-scooters\n      stationName = intl.formatMessage(\n        {\n          defaultMessage:\n            defaultEnglishMessages[\"otpUi.MapPopup.floatingEScooter\"],\n          description: \"Popup title for a free-floating e-scooter\",\n          id: \"otpUi.MapPopup.floatingEScooter\"\n        },\n        { name: stationName || stationNetworks }\n      );\n    }\n    return stationName;\n  };\n}\n"],"file":"util.js"}

package/i18n/en-US.yml

@@ -1,10 +1,10 @@
-# Default messages for the TripDetails component.
+# Default messages for the MapPopup component.
 # To use from a react-intl application:
 # - merge the content of this file into the messages object
 #   that has your other localized strings,
 # - flatten the ids, i.e. convert a structure such as
-#      otpUi > TripDetails > calories
-#   into "otpUi.TripDetails.calories" (see TripDetail story for an example),
+#      otpUi > MapPopup > stopViewer
+#   into "otpUi.MapPopup.stopViewer" (see TripDetail story for an example),
 # - pass the resulting object to the messages prop of IntlProvider.
 #
 # The meaning of the pseudo <tags> used in the strings below is as follows:

package/i18n/es.yml

@@ -0,0 +1,10 @@
+otpUi:
+  MapPopup:
+    availableBikes: "Bicicletas disponibles: {value}"
+    availableDocks: "Estaciones de carga disponibles: {value}"
+    floatingBike: "Bicicleta flotante: {name}"
+    floatingCar: "{company} {name}"
+    floatingEScooter: "{company} E-scooter"
+
+    stopId: ID de Parada {stopId}
+    stopViewer: Visor de paradas

package/i18n/fr.yml

@@ -0,0 +1,10 @@
+otpUi:
+  MapPopup:
+    availableBikes: "Vélos disponibles : {value}"
+    availableDocks: "Bornes disponibles : {value}"
+    floatingBike: "Vélo flottant : {name}"
+    floatingCar: "{company} {name}" # as in "CarCompany Veh1234a"
+    floatingEScooter: "Trottinette {company}"
+
+    stopId: Arrêt n°{stopId}
+    stopViewer: Info arrêt

package/i18n/ko.yml

@@ -0,0 +1,10 @@
+otpUi:
+  MapPopup:
+    floatingEScooter: "{company} 전기 스쿠터"
+    availableDocks: "사용 가능한 독: {value}"
+    availableBikes: "사용 가능한 자전거: {value}"
+    floatingCar: "{company} {name}"
+    floatingBike: "프리 플로팅 자전거: {name}"
+
+    stopViewer: 뷰어 중지하기
+    stopId: "중지 ID: {stopId}"

package/i18n/vi.yml

@@ -0,0 +1,9 @@
+otpUi:
+  MapPopup:
+    availableBikes: "Xe đạp có sẵn: {value}"
+    availableDocks: "Đế sạc có sẵn: {value}"
+    floatingBike: "Xe đạp nổi tự do: {name}"
+    floatingCar: "{company} {name}"
+    floatingEScooter: "{company} Xe tay ga điện"
+    stopViewer: Trình xem trạm dừng
+    stopId: "ID điểm dừng: {stopId}"

package/i18n/zh_Hans.yml

@@ -0,0 +1,10 @@
+otpUi:
+  MapPopup:
+    availableBikes: "可用的自行车: {value}"
+    availableDocks: "可用的充电座: {value}"
+    floatingBike: "自由浮动的自行车: {name}"
+    floatingCar: "{company} {name}" # as in "CarCompany Veh1234a"
+    floatingEScooter: "{company} 电动滑板车"
+
+    stopId: 车站查看器
+    stopViewer: "车站 ID: {stopId}"

package/lib/index.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
 import type { Company, ConfiguredCompany, Location, Station, Stop } from "@opentripplanner/types";
 import * as S from "./styled";
-export declare const defaultMessages: unknown;
+export declare const defaultMessages: {
+    [key: string]: string;
+};
 declare type Entity = Stop | Station;
 declare type Props = {
     configCompanies?: ConfiguredCompany[];
+    entity: Entity;
     getEntityName?: (entity: Entity, configCompanies: Company[]) => string;
     setLocation?: ({ location, locationType }: {
         location: Location;
@@ -13,7 +16,6 @@ declare type Props = {
     setViewedStop?: ({ stopId }: {
         stopId: string;
     }) => void;
-    entity: Entity;
 };
 /**
  * Renders a map popup for a stop, scooter, or shared bike

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAIlG,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAW9B,eAAO,MAAM,eAAe,SAAkC,CAAC;AAE/D,aAAK,MAAM,GAAG,IAAI,GAAG,OAAO,CAAA;AAC5B,aAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,KAAM,MAAM,CAAC;IAExE,WAAW,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;QAAE,QAAQ,EAAE,QAAQ,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjG,aAAa,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEzD,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;AAEF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,GAAG,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuFpH;AAED,eAAe,QAAQ,CAAC;AAGxB,OAAO,EAAE,CAAC,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAIlG,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAU9B,eAAO,MAAM,eAAe,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAoC,CAAC;AAiE1F,aAAK,MAAM,GAAG,IAAI,GAAG,OAAO,CAAA;AAC5B,aAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,KAAM,MAAM,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;QAAE,QAAQ,EAAE,QAAQ,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjG,aAAa,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,GAAG,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkCpH;AAED,eAAe,QAAQ,CAAC;AAGxB,OAAO,EAAE,CAAC,IAAI,MAAM,EAAE,CAAC"}

package/lib/index.js

@@ -1,88 +1,134 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Styled = exports.MapPopup = exports.defaultMessages = void 0;
-const react_1 = __importDefault(require("react"));
-const base_map_1 = require("@opentripplanner/base-map");
-const from_to_location_picker_1 = __importDefault(require("@opentripplanner/from-to-location-picker"));
-const react_intl_1 = require("react-intl");
-const flat_1 = require("flat");
-const S = __importStar(require("./styled"));
+exports.MapPopup = MapPopup;
+exports.Styled = exports.default = exports.defaultMessages = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _baseMap = require("@opentripplanner/base-map");
+
+var _fromToLocationPicker = _interopRequireDefault(require("@opentripplanner/from-to-location-picker"));
+
+var _reactIntl = require("react-intl");
+
+var _flat = require("flat");
+
+var S = _interopRequireWildcard(require("./styled"));
+
 exports.Styled = S;
+
+var _enUS = _interopRequireDefault(require("../i18n/en-US.yml"));
+
+var _util = require("./util");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 // Load the default messages.
-// @ts-expect-error TODO: why is this failing?
-const en_US_yml_1 = __importDefault(require("../i18n/en-US.yml"));
-const util_1 = require("./util");
 // HACK: We should flatten the messages loaded above because
 // the YAML loaders behave differently between webpack and our version of jest:
 // - the yaml loader for webpack returns a nested object,
 // - the yaml loader for jest returns messages with flattened ids.
-exports.defaultMessages = (0, flat_1.flatten)(en_US_yml_1.default);
+const defaultMessages = (0, _flat.flatten)(_enUS.default);
+exports.defaultMessages = defaultMessages;
+
+const generateLocation = (entity, name) => {
+  // @ts-expect-error some of these values may be null, but that's ok
+  const {
+    lon: entityLon,
+    lat: entityLat,
+    x,
+    y
+  } = entity;
+  const lat = entityLat || x;
+  const lon = entityLon || y;
+  if (!lat || !lon) return null;
+  return {
+    lat,
+    lon,
+    name
+  };
+};
+
+const StationHubDetails = ({
+  station
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_baseMap.Styled.PopupRow, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    defaultMessage: defaultMessages["otpUi.MapPopup.availableBikes"],
+    description: "Label text for the number of bikes available",
+    id: "otpUi.MapPopup.availableBikes",
+    values: {
+      value: station.bikesAvailable
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    defaultMessage: defaultMessages["otpUi.MapPopup.availableDocks"],
+    description: "Label text for the number of docks available",
+    id: "otpUi.MapPopup.availableDocks",
+    values: {
+      value: station.spacesAvailable
+    }
+  })));
+};
+
+const StopDetails = ({
+  id,
+  setViewedStop
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_baseMap.Styled.PopupRow, null, /*#__PURE__*/_react.default.createElement("strong", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    defaultMessage: defaultMessages["otpUi.MapPopup.stopId"],
+    description: "Displays the stop id",
+    id: "otpUi.MapPopup.stopId",
+    values: {
+      stopId: id
+    }
+  })), /*#__PURE__*/_react.default.createElement(S.ViewStopButton, {
+    onClick: () => setViewedStop({
+      stopId: id
+    })
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    defaultMessage: defaultMessages["otpUi.MapPopup.stopViewer"],
+    description: "Text for link that opens the stop viewer",
+    id: "otpUi.MapPopup.stopViewer"
+  })));
+};
+
 /**
  * Renders a map popup for a stop, scooter, or shared bike
  */
-function MapPopup({ configCompanies, entity, getEntityName, setLocation, setViewedStop, }) {
-    if (!entity)
-        return null;
-    const intl = (0, react_intl_1.useIntl)();
-    const getNameFunc = getEntityName || (0, util_1.makeDefaultGetEntityName)(intl, en_US_yml_1.default);
-    const name = getNameFunc(entity, configCompanies);
-    const generateLocation = () => {
-        // @ts-expect-error some of these values may be null, but that's ok
-        const { lon: entityLon, lat: entityLat, x, y } = entity;
-        const lat = entityLat || x;
-        const lon = entityLon || y;
-        if (!lat || !lon)
-            return null;
-        return { lat, lon, name };
-    };
-    const entityIsStationHub = "bikesAvailable" in entity && (entity === null || entity === void 0 ? void 0 : entity.bikesAvailable) !== undefined && !(entity === null || entity === void 0 ? void 0 : entity.isFloatingBike);
-    const entityIsStop = !("bikesAvailable" in entity);
-    // @ts-expect-error ts doesn't understand entityIsStop
-    const stopId = entityIsStop && (entity === null || entity === void 0 ? void 0 : entity.code) || entity.id.split(":")[1] || entity.id;
-    return (react_1.default.createElement(base_map_1.Styled.MapOverlayPopup, null,
-        react_1.default.createElement(base_map_1.Styled.PopupTitle, null, name),
-        entityIsStationHub && (react_1.default.createElement(base_map_1.Styled.PopupRow, null,
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: exports.defaultMessages["otpUi.MapPopup.availableBikes"], description: "Label text for the number of bikes available", id: "otpUi.MapPopup.availableBikes", values: { value: entity.bikesAvailable } })),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: exports.defaultMessages["otpUi.MapPopup.availableDocks"], description: "Label text for the number of docks available", id: "otpUi.MapPopup.availableDocks", values: { value: entity.spacesAvailable } })))),
-        setViewedStop && entityIsStop && react_1.default.createElement(base_map_1.Styled.PopupRow, null,
-            react_1.default.createElement("span", null,
-                react_1.default.createElement("strong", null,
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: exports.defaultMessages["otpUi.MapPopup.stopId"], description: "Displays the stop id", id: "otpUi.MapPopup.stopId", values: {
-                            stopId
-                        } }))),
-            react_1.default.createElement(S.ViewStopButton, { onClick: () => setViewedStop(stopId) },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: exports.defaultMessages["otpUi.MapPopup.stopViewer"], description: "Text for link that opens the stop viewer", id: "otpUi.MapPopup.stopViewer" }))),
-        setLocation && (react_1.default.createElement(base_map_1.Styled.PopupRow, null,
-            react_1.default.createElement(from_to_location_picker_1.default, { label: true, location: generateLocation(), setLocation: setLocation })))));
+function MapPopup({
+  configCompanies,
+  entity,
+  getEntityName,
+  setLocation,
+  setViewedStop
+}) {
+  const intl = (0, _reactIntl.useIntl)();
+  if (!entity) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  const getNameFunc = getEntityName || (0, _util.makeDefaultGetEntityName)(intl, defaultMessages);
+  const name = getNameFunc(entity, configCompanies);
+  const bikesAvailablePresent = ("bikesAvailable" in entity);
+  const entityIsStationHub = bikesAvailablePresent && (entity === null || entity === void 0 ? void 0 : entity.bikesAvailable) !== undefined && !(entity !== null && entity !== void 0 && entity.isFloatingBike); // @ts-expect-error ts doesn't understand entityIsStop
+
+  const stopId = !bikesAvailablePresent && (entity === null || entity === void 0 ? void 0 : entity.code) || entity.id.split(":")[1] || entity.id;
+  return /*#__PURE__*/_react.default.createElement(_baseMap.Styled.MapOverlayPopup, null, /*#__PURE__*/_react.default.createElement(_baseMap.Styled.PopupTitle, null, name), entityIsStationHub && /*#__PURE__*/_react.default.createElement(StationHubDetails, {
+    station: entity
+  }), setViewedStop && !bikesAvailablePresent && /*#__PURE__*/_react.default.createElement(StopDetails, {
+    id: stopId,
+    setViewedStop: setViewedStop
+  }), setLocation && /*#__PURE__*/_react.default.createElement(_baseMap.Styled.PopupRow, null, /*#__PURE__*/_react.default.createElement(_fromToLocationPicker.default, {
+    label: true,
+    location: generateLocation(entity, name),
+    setLocation: setLocation
+  })));
 }
-exports.MapPopup = MapPopup;
-exports.default = MapPopup;
+
+var _default = MapPopup; // Rename styled components for export
+
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../src/index.tsx"],"names":["defaultMessages","defaultEnglishMessages","generateLocation","entity","name","lon","entityLon","lat","entityLat","x","y","StationHubDetails","station","value","bikesAvailable","spacesAvailable","StopDetails","id","setViewedStop","stopId","MapPopup","configCompanies","getEntityName","setLocation","intl","getNameFunc","bikesAvailablePresent","entityIsStationHub","undefined","isFloatingBike","code","split"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { Styled as BaseMapStyled } from \"@opentripplanner/base-map\";\nimport FromToLocationPicker from \"@opentripplanner/from-to-location-picker\";\n// eslint-disable-next-line prettier/prettier\nimport type { Company, ConfiguredCompany, Location, Station, Stop } from \"@opentripplanner/types\";\n\nimport { FormattedMessage, useIntl } from \"react-intl\";\nimport { flatten } from \"flat\";\nimport * as S from \"./styled\";\n\n// Load the default messages.\nimport defaultEnglishMessages from \"../i18n/en-US.yml\";\nimport { makeDefaultGetEntityName } from \"./util\";\n\n// HACK: We should flatten the messages loaded above because\n// the YAML loaders behave differently between webpack and our version of jest:\n// - the yaml loader for webpack returns a nested object,\n// - the yaml loader for jest returns messages with flattened ids.\nexport const defaultMessages: { [key: string]: string } = flatten(defaultEnglishMessages);\n\n\nconst generateLocation = (entity: Entity, name: string) => {\n  // @ts-expect-error some of these values may be null, but that's ok\n  const { lon: entityLon, lat: entityLat, x, y } = entity\n\n  const lat = entityLat || x\n  const lon = entityLon || y\n  if (!lat || !lon) return null\n\n  return { lat, lon, name };\n}\n\nconst StationHubDetails = ({ station }: { station: Station }) => {\n  return (\n    <BaseMapStyled.PopupRow>\n      <div>\n        <FormattedMessage\n          defaultMessage={\n            defaultMessages[\"otpUi.MapPopup.availableBikes\"]\n          }\n          description=\"Label text for the number of bikes available\"\n          id=\"otpUi.MapPopup.availableBikes\"\n          values={{ value: station.bikesAvailable }}\n        />\n      </div>\n      <div>\n        <FormattedMessage\n          defaultMessage={\n            defaultMessages[\"otpUi.MapPopup.availableDocks\"]\n          }\n          description=\"Label text for the number of docks available\"\n          id=\"otpUi.MapPopup.availableDocks\"\n          values={{ value: station.spacesAvailable }}\n        />\n      </div>\n    </BaseMapStyled.PopupRow>\n  )\n}\n\nconst StopDetails = ({ id, setViewedStop }: { id: string, setViewedStop: ({ stopId }: { stopId: string }) => void; }) => {\n  return (\n    <BaseMapStyled.PopupRow>\n        <strong>\n          <FormattedMessage\n            defaultMessage={defaultMessages[\"otpUi.MapPopup.stopId\"]}\n            description=\"Displays the stop id\"\n            id=\"otpUi.MapPopup.stopId\"\n            values={{\n              stopId: id\n            }}\n          />\n        </strong>\n      <S.ViewStopButton onClick={() => setViewedStop({ stopId: id })}>\n        <FormattedMessage\n          defaultMessage={defaultMessages[\"otpUi.MapPopup.stopViewer\"]}\n          description=\"Text for link that opens the stop viewer\"\n          id=\"otpUi.MapPopup.stopViewer\"\n        />\n      </S.ViewStopButton>\n    </BaseMapStyled.PopupRow>\n  )\n}\n\ntype Entity = Stop | Station\ntype Props = {\n  configCompanies?: ConfiguredCompany[];\n  entity: Entity\n  getEntityName?: (entity: Entity, configCompanies: Company[],) => string;\n  setLocation?: ({ location, locationType }: { location: Location, locationType: string }) => void;\n  setViewedStop?: ({ stopId }: { stopId: string }) => void;\n};\n\n/**\n * Renders a map popup for a stop, scooter, or shared bike\n */\nexport function MapPopup({ configCompanies, entity, getEntityName, setLocation, setViewedStop, }: Props): JSX.Element {\n  const intl = useIntl()\n  if (!entity) return <></>\n\n  const getNameFunc = getEntityName || makeDefaultGetEntityName(intl, defaultMessages);\n  const name = getNameFunc(entity, configCompanies);\n\n\n  const bikesAvailablePresent = \"bikesAvailable\" in entity\n  const entityIsStationHub = bikesAvailablePresent && entity?.bikesAvailable !== undefined && !entity?.isFloatingBike;\n  // @ts-expect-error ts doesn't understand entityIsStop\n  const stopId = !bikesAvailablePresent && entity?.code || entity.id.split(\":\")[1] || entity.id\n\n  return (\n    <BaseMapStyled.MapOverlayPopup>\n      <BaseMapStyled.PopupTitle>{name}</BaseMapStyled.PopupTitle>\n      {/* render dock info if it is available */}\n      {entityIsStationHub && <StationHubDetails station={entity} />}\n\n      {/* render stop viewer link if available */}\n      {setViewedStop && !bikesAvailablePresent && <StopDetails id={stopId} setViewedStop={setViewedStop} />}\n\n      {/* The \"Set as [from/to]\" ButtonGroup */}\n      {setLocation && (\n        <BaseMapStyled.PopupRow>\n          <FromToLocationPicker\n            label\n            location={generateLocation(entity, name)}\n            setLocation={setLocation}\n          />\n        </BaseMapStyled.PopupRow>\n      )}\n    </BaseMapStyled.MapOverlayPopup>\n  );\n}\n\nexport default MapPopup;\n\n// Rename styled components for export\nexport { S as Styled };\n"],"file":"index.js"}

package/lib/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,uEAa1B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,uEAU1B,CAAC"}

package/lib/styled.js

@@ -1,23 +1,19 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.ViewStopButton = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 /* eslint-disable-next-line import/prefer-default-export */
-exports.ViewStopButton = styled_components_1.default.button `
-  background: none;
-  border-bottom: none;
-  border-left: 1px solid #000;
-  border-radius: 0;
-  border-right: none;
-  border-top: none;
-  color: #008;
-  height: 14px;
-  line-height: 1;
-  margin-left: 5px;
-  outline: none;
-  padding-top: 0;
-`;
+const ViewStopButton = _styledComponents.default.button.withConfig({
+  displayName: "styled__ViewStopButton",
+  componentId: "sc-12v7ov3-0"
+})(["background:none;border-bottom:none;border-left:1px solid #000;border-right:none;border-top:none;color:#008;font-family:inherit;margin-left:5px;padding-top:0;"]);
+
+exports.ViewStopButton = ViewStopButton;
 //# sourceMappingURL=styled.js.map

package/lib/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAA2D;AAC9C,QAAA,cAAc,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;CAa1C,CAAC"}
+{"version":3,"sources":["../src/styled.ts"],"names":["ViewStopButton","styled","button"],"mappings":";;;;;;;;;AAAA;;AAEA;AACO,MAAMA,cAAc,GAAGC,0BAAOC,MAAV;AAAA;AAAA;AAAA,qKAApB","sourcesContent":["import styled from \"styled-components\";\n\n/* eslint-disable-next-line import/prefer-default-export */\nexport const ViewStopButton = styled.button`\n  background: none;\n  border-bottom: none;\n  border-left: 1px solid #000;\n  border-right: none;\n  border-top: none;\n  color: #008;\n  font-family: inherit;\n  margin-left: 5px;\n  padding-top: 0;\n`;\n"],"file":"styled.js"}

package/lib/util.d.ts

@@ -2,5 +2,5 @@ import { Company, Station, Stop } from "@opentripplanner/types";
 import { IntlShape } from "react-intl";
 export declare function makeDefaultGetEntityName(intl: IntlShape, defaultEnglishMessages: {
     [key: string]: string;
-}): (entity: Station | Stop, configCompanies: Company[]) => string;
+}): (entity: Station | Stop, configCompanies: Company[]) => string | null;
 //# sourceMappingURL=util.d.ts.map