@geops/rvf-mobility-web-component 0.1.59 → 0.1.60

package/src/ZoomButtons/ZoomButtons.tsx

@@ -5,12 +5,14 @@ import { useCallback, useEffect, useState } from "preact/hooks";
 import Minus from "../icons/Minus";
 import Plus from "../icons/Plus";
 import IconButton from "../ui/IconButton";
+import useI18n from "../utils/hooks/useI18n";
 import useMapContext from "../utils/hooks/useMapContext";
 
 function ZoomButtons() {
   const { map } = useMapContext();
   const [isZoomInDisabled, setIsZoomInDisabled] = useState(false);
   const [isZoomOutDisabled, setIsZoomOutDisabled] = useState(false);
+  const { t } = useI18n();
 
   const handleZoomIn = useCallback(() => {
     if (!map?.getView()) {
@@ -56,11 +58,19 @@ function ZoomButtons() {
 
   return (
     <>
-      <IconButton disabled={isZoomInDisabled} onClick={handleZoomIn}>
+      <IconButton
+        disabled={isZoomInDisabled}
+        onClick={handleZoomIn}
+        title={t("zoomin")}
+      >
         <Plus />
       </IconButton>
 
-      <IconButton disabled={isZoomOutDisabled} onClick={handleZoomOut}>
+      <IconButton
+        disabled={isZoomOutDisabled}
+        onClick={handleZoomOut}
+        title={t("zoomout")}
+      >
         <Minus />
       </IconButton>
     </>

package/src/index.tsx

@@ -4,15 +4,23 @@ import MobilityMap from "./MobilityMap";
 import MobilityMapAttributes from "./MobilityMap/MobilityMapAttributes";
 import MobilitySearch, { MobilitySearchAttributes } from "./MobilitySearch";
 
-register(MobilityMap, "geops-mobility", Object.keys(MobilityMapAttributes), {
-  mode: "open",
-  shadow: true,
-});
+import type { MobilityMapAttributeName } from "./MobilityMap/MobilityMapAttributes";
+import type { MobilitySearchAttributeName } from "./MobilitySearch/MobilitySearchAttributes";
+
+register(
+  MobilityMap,
+  "geops-mobility",
+  Object.keys(MobilityMapAttributes) as MobilityMapAttributeName[],
+  {
+    mode: "open",
+    shadow: true,
+  },
+);
 
 register(
   MobilitySearch,
   "geops-mobility-search",
-  Object.keys(MobilitySearchAttributes),
+  Object.keys(MobilitySearchAttributes) as MobilitySearchAttributeName[],
   {
     mode: "open",
     shadow: true,

package/src/utils/constants.ts

@@ -32,29 +32,6 @@ window.fromLonLat = fromLonLat;
 window.toLonLat = toLonLat;
 export const LAYER_PROP_IS_EXPORTING = "isExporting";
 
-export const LAYERS_TITLES = {
-  auto: "Auto",
-  autoandere: "Auto, andere Anbieter",
-  cargobike: "Cargobike",
-  cargobikeandere: "Lastenrad, andere Anbieter",
-  cargobikefrelo: "Lastenfrelo",
-  "e-roller": "E-Roller",
-  eroller: "E-Roller",
-  fahrrad: "Fahrrad",
-  fahrradandere: "Fahrrad, andere Anbieter",
-  grueneflotte: "Grüne Flotte",
-  linesnetworkplan: "Liniennetz",
-  mitfahrpunkte: "Mitfahrpunkte",
-  naturenergie: "Naturenergie-Sharing",
-  notifications: "Meldungen",
-  pois: "POIs",
-  realtime: "Echtzeit",
-  sharedMobility: "Shared Mobility",
-  stations: "Haltestellen",
-  tarifzonen: "Tarifzonen",
-  verkaufsstellen: "Verkaufsstellen",
-};
-
 export const LAYERS_NAMES = {
   bikeFrelo: "fahrradfrelo",
   bikeOthers: "fahrradandere",
@@ -69,11 +46,14 @@ export const LAYERS_NAMES = {
   notifications: LAYER_NAME_NOTIFICATIONS,
   pois: "pois",
   realtime: LAYER_NAME_REALTIME,
+  sharedMobility: "sharedmobility",
   stations: LAYER_NAME_STATIONS,
   tarifzonen: "tarifzonen",
   verkaufsstellen: "verkaufsstellen",
 };
 
+export const DEFAULT_VISIBLE_LAYERS = Object.values(LAYERS_NAMES);
+
 export const DEFAULT_QUERYABLE_LAYERS = Object.values(LAYERS_NAMES).filter(
   (name) => {
     return ![
@@ -128,23 +108,23 @@ export const API_REQUEST_FEATURE_TYPE = {
   },
 };
 
-export const TITLE_BY_FEED_ID = {
-  callabike_ice: LAYERS_TITLES.fahrrad,
-  flinkster_carsharing: LAYERS_TITLES.auto,
-  "gruene-flotte_freiburg": LAYERS_TITLES.auto,
-  lastenvelo_fr: LAYERS_TITLES.cargobike,
-  naturenergie_sharing: LAYERS_TITLES.auto,
-  nextbike_df: LAYERS_TITLES.fahrrad,
-  yoio_freiburg: LAYERS_TITLES.eroller,
-  zeus_freiburg: LAYERS_TITLES.eroller,
-};
-
-export const TITLE_BY_CATEGORY = {
-  "Bike Sharing": LAYERS_TITLES.fahrrad,
-  "Cargo Bike Sharing": LAYERS_TITLES.cargobike,
-  "Car Sharing": LAYERS_TITLES.auto,
-  "E-Scooter": LAYERS_TITLES.eroller,
-};
+// export const TITLE_BY_FEED_ID = {
+//   callabike_ice: LAYERS_TITLES.fahrrad,
+//   flinkster_carsharing: LAYERS_TITLES.auto,
+//   "gruene-flotte_freiburg": LAYERS_TITLES.auto,
+//   lastenvelo_fr: LAYERS_TITLES.cargobike,
+//   naturenergie_sharing: LAYERS_TITLES.auto,
+//   nextbike_df: LAYERS_TITLES.fahrrad,
+//   yoio_freiburg: LAYERS_TITLES.eroller,
+//   zeus_freiburg: LAYERS_TITLES.eroller,
+// };
+
+// export const TITLE_BY_CATEGORY = {
+//   "Bike Sharing": LAYERS_TITLES.fahrrad,
+//   "Cargo Bike Sharing": LAYERS_TITLES.cargobike,
+//   "Car Sharing": LAYERS_TITLES.auto,
+//   "E-Scooter": LAYERS_TITLES.eroller,
+// };
 
 export const PROVIDER_BY_FEED_ID = {
   callabike_ice: "Call a Bike",

package/src/utils/getPermalinkParameters.ts

@@ -8,7 +8,7 @@ const getPermalinkParameters = (
   urlParams: URLSearchParams = new URLSearchParams(),
 ): URLSearchParams => {
   const z = map.getView().getZoom();
-  const [x, y] = map.getView().getCenter();
+  const [x, y] = map.getView().getCenter() || [];
   const layers = getLayersAsFlatArray(map.getLayers().getArray())
     .filter((layer) => {
       return layer.get("name") && layer.getVisible();
@@ -18,9 +18,17 @@ const getPermalinkParameters = (
     });
 
   urlParams.set("layers", layers.join(","));
-  urlParams.set("x", x.toFixed(2));
-  urlParams.set("y", y.toFixed(2));
-  urlParams.set("z", z.toFixed(1));
+  if (x >= 0) {
+    urlParams.set("x", x.toFixed(2));
+  }
+
+  if (y >= 0) {
+    urlParams.set("y", y.toFixed(2));
+  }
+
+  if (z >= 0) {
+    urlParams.set("z", z.toFixed(1));
+  }
   return urlParams;
 };
 

package/src/utils/hooks/useInitialPermalink.tsx

@@ -0,0 +1,76 @@
+import { useMemo } from "preact/hooks";
+
+import type { MobilityMapProps } from "../../MobilityMap/MobilityMap";
+
+/**
+ * Return x,y and z values from the url. This hook should not managed more usecases than that.
+ * The application should be responsible to read url parameters then provides these parameters as attributes to the web-component.
+ */
+const useInitialPermalink = (
+  permalinktemplate: string,
+): null | Partial<MobilityMapProps> => {
+  const props = useMemo(() => {
+    if (!permalinktemplate) {
+      return null;
+    }
+    try {
+      let x: null | string,
+        y: null | string,
+        z: null | string = null;
+
+      if (permalinktemplate?.startsWith("?")) {
+        const urlSearchParams = new URLSearchParams(permalinktemplate);
+        const names = [...urlSearchParams.keys()];
+        const nameX = names.find((name) => {
+          return urlSearchParams.get(name).includes("{{x}}");
+        });
+        const nameY = names.find((name) => {
+          return urlSearchParams.get(name).includes("{{y}}");
+        });
+        const nameZ = names.find((name) => {
+          return urlSearchParams.get(name).includes("{{z}}");
+        });
+        const currSearchParams = new URLSearchParams(window.location.search);
+        x = currSearchParams.get(nameX);
+        y = currSearchParams.get(nameY);
+        z = currSearchParams.get(nameZ);
+      } else if (permalinktemplate?.startsWith("#")) {
+        const values = permalinktemplate.substring(1).split("/");
+        const currHash = window.location.hash;
+        const currIndexes = currHash.substring(1).split("/");
+        const indexX = values.findIndex((name) => {
+          return name.includes("{{x}}");
+        });
+        const indexY = values.findIndex((name) => {
+          return name.includes("{{y}}");
+        });
+        const indexZ = values.findIndex((name) => {
+          return name.includes("{{z}}");
+        });
+        x = indexX > -1 ? currIndexes[indexX] : null;
+        y = indexY > -1 ? currIndexes[indexY] : null;
+        z = indexZ > -1 ? currIndexes[indexZ] : null;
+      }
+      const propsFromPermalink: Partial<MobilityMapProps> = {};
+      if (x && y) {
+        propsFromPermalink.center = `${x},${y}`;
+      }
+      if (z) {
+        propsFromPermalink.zoom = z;
+      }
+      return propsFromPermalink;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.warn(
+        "Impossible to read x,y,z from the url with permalinktemplate",
+        permalinktemplate,
+        error,
+      );
+    }
+    return null;
+  }, [permalinktemplate]);
+
+  return props;
+};
+
+export default useInitialPermalink;

package/src/utils/hooks/useLayerConfig.tsx

@@ -1,5 +1,3 @@
-import { LAYERS_TITLES } from "../constants";
-
 import useLayersConfig from "./useLayersConfig";
 
 import type { LayerConfig } from "./useLayersConfig";
@@ -10,7 +8,7 @@ function useLayerConfig(layerName: string) {
   // Set defaultstyle if not present in layersconfig
   const layerConfig = layersConfig[layerName] || ({} as LayerConfig);
   if (!layerConfig.title) {
-    layerConfig.title = LAYERS_TITLES[layerName];
+    layerConfig.title = layerName;
   }
 
   return layerConfig;

package/src/utils/hooks/useLayersConfig.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "preact/hooks";
 
-import { LAYERS_NAMES, LAYERS_TITLES } from "../constants";
+import { LAYERS_NAMES } from "../constants";
 
 import useMapContext from "./useMapContext";
 
@@ -25,7 +25,7 @@ function useLayersConfig() {
       // Set the default title if not present in layersconfig
       Object.values(LAYERS_NAMES).forEach((name) => {
         config[name] = {
-          title: LAYERS_TITLES[name],
+          title: name,
           ...(config[name] || {}),
         };
       });

package/src/utils/i18n.ts

@@ -4,14 +4,4 @@ import translations from "./translations";
 
 const i18n = rosetta(translations);
 
-// Set current language to preferred browser language with fallback to english
-i18n.locale(
-  "de",
-  // navigator.languages // @ts-expect-error bad type definition
-  //   .find((l) => {
-  //     return i18n.table(l.split("-")[0]) !== undefined;
-  //   })
-  //   ?.split("-")[0] || "de",
-);
-
 export default i18n;

package/src/utils/translations.ts

@@ -1,47 +1,212 @@
+import { LAYERS_NAMES } from "./constants";
+
 const translations = {
   de: {
+    affected_lines: "Betroffene Linien",
+    affected_stops: "Betroffene Haltestellen",
+    all_line_stops: "Alle Haltestellen auf dieser Strecke",
     consequence: "konsequenz",
+    daily_from_to: "Täglich von {{from}} bis {{to}}",
+    download: "Herunterladen",
     duration_text: "Dauer",
+    error: "Fehler",
+    export_all_region: "Ganze Region exportieren",
+    export_format_title: "Format",
+    exporting: "Exportieren ...",
+    from_to: "von {{from}} bis {{to}}",
+    geolocation_button_title_off: "Geolokalisierung deaktivieren",
+    geolocation_button_title_on: "Geolokalisierung aktivieren",
+    [LAYERS_NAMES.bikeFrelo]: "Frelo",
+    [LAYERS_NAMES.bikeOthers]: "Fahrrad, andere Anbieter",
+    [LAYERS_NAMES.cargobikeFrelo]: "Lastenfrelo",
+    [LAYERS_NAMES.cargobikeOthers]: "Cargobike, andere Anbieter",
+    [LAYERS_NAMES.carGrf]: "Grüne Flotte",
+    [LAYERS_NAMES.carNatur]: "Naturenergie-Sharing",
+    [LAYERS_NAMES.carOthers]: "Auto, andere Anbieter",
+    [LAYERS_NAMES.eroller]: "E-Roller",
+    [LAYERS_NAMES.linesnetworkplan]: "Liniennetzpläne",
+    [LAYERS_NAMES.mitfahrpunkte]: "Mitfahrpunkte",
+    [LAYERS_NAMES.notifications]: "Meldungen",
+    [LAYERS_NAMES.pois]: "POIs",
+    [LAYERS_NAMES.realtime]: "Echtzeit",
+    [LAYERS_NAMES.sharedMobility]: "Shared Mobility",
+    [LAYERS_NAMES.stations]: "Stationen",
+    [LAYERS_NAMES.tarifzonen]: "Tarifzonen",
+    [LAYERS_NAMES.verkaufsstellen]: "Verkaufsstellen",
+
+    layertree_menu_title: "Ebenen",
+    linesnetworkplan: "plan retea linii",
+    no_details_available: "Keine Details verfügbar",
     no_stops_found: "Keine Haltestellen gefunden",
+    notifications: "notificari",
+    permalink_input_hint:
+      "Sie können auch den Link aus der Adresszeile des Browsers kopieren.",
     platform_ferry: "St.",
     platform_other: "Kan.",
     platform_rail: "Gl.",
+    print_menu_title: "Drucken",
     reason: "Grund",
     recommendation: "Empfehlung",
+    search_menu_title: "Suchen",
+    share_email_send: "E-Mail senden",
+    share_image_save: "Bild speichern",
+    share_menu_title: "Teilen",
     stops_search_placeholder: "Haltestellen suchen",
+    zoomin: "Hineinzoomen",
+    zoomout: "Herauszoomen",
   },
   en: {
+    affected_lines: "Affected lines",
+    affected_stops: "Affected stops",
+    all_line_stops: "All stops on this line",
     consequence: "Consequence",
+    daily_from_to: "Daily from {{from}} to {{to}}",
+    download: "Download",
     duration_text: "Duration",
+    error: "Error",
+    export_all_region: "Export entire region",
+    export_format_title: "Format",
+    exporting: "Exporting ...",
+    from_to: "from {{from}} to {{to}}",
+    geolocation_button_title_off: "Disable geolocation",
+    geolocation_button_title_on: "Enable geolocation",
+    [LAYERS_NAMES.bikeFrelo]: "Frelo",
+    [LAYERS_NAMES.bikeOthers]: "Bicycle, other providers",
+    [LAYERS_NAMES.cargobikeFrelo]: "Cargo bike Frelo",
+    [LAYERS_NAMES.cargobikeOthers]: "Cargo bike, other providers",
+    [LAYERS_NAMES.carGrf]: "Grüne Flotte",
+    [LAYERS_NAMES.carNatur]: "Naturenergie-Sharing",
+    [LAYERS_NAMES.carOthers]: "Auto, andere Anbieter",
+    [LAYERS_NAMES.eroller]: "E-Roller",
+    [LAYERS_NAMES.linesnetworkplan]: "Lines Network Plan",
+    [LAYERS_NAMES.mitfahrpunkte]: "Carpooling Points",
+    [LAYERS_NAMES.notifications]: "Notifications",
+    [LAYERS_NAMES.pois]: "POIs",
+    [LAYERS_NAMES.realtime]: "Realtime",
+    [LAYERS_NAMES.sharedMobility]: "Shared Mobility",
+    [LAYERS_NAMES.stations]: "Stations",
+    [LAYERS_NAMES.tarifzonen]: "Tariff Zones",
+    [LAYERS_NAMES.verkaufsstellen]: "Sales Outlets",
+    layertree_menu_title: "Layers",
+    no_details_available: "No details available",
     no_stops_found: "No stops found",
+    permalink_input_hint:
+      "You can also copy the link from the browser address bar.",
     platform_ferry: "Pier", // pier
     platform_other: "Std.", // stand
     platform_rail: "Pl.",
+    print_menu_title: "Print",
     reason: "Reason",
     recommendation: "Recommendation",
+    search_menu_title: "Search",
+    share_email_send: "Send email",
+    share_image_save: "Save image",
+    share_menu_title: "Share",
     stops_search_placeholder: "Search for stop",
+    zoomin: "Zoom in",
+    zoomout: "Zoom out",
   },
   fr: {
+    affected_lines: "Lignes affectées",
+    affected_stops: "Arrêts affectés",
+    all_line_stops: "Tous les arrêts sur cette ligne",
     consequence: "Conséquence",
+    daily_from_to: "Tous les jours de {{from}} à {{to}}",
+    download: "Télécharger",
     duration_text: "Durée",
+    error: "Erreur",
+    export_all_region: "Exporter toute la région",
+    export_format_title: "Format",
+    exporting: "Exportation ...",
+    from_to: "de {{from}} à {{to}}",
+    geolocation_button_title_off: "Désactiver la géolocalisation",
+    geolocation_button_title_on: "Activer la géolocalisation",
+    [LAYERS_NAMES.bikeFrelo]: "Frelo",
+    [LAYERS_NAMES.bikeOthers]: "Vélo, autres fournisseurs",
+    [LAYERS_NAMES.cargobikeFrelo]: "Cargobike Frelo",
+    [LAYERS_NAMES.cargobikeOthers]: "Cargobike, autres fournisseurs",
+    [LAYERS_NAMES.carGrf]: "Grüne Flotte",
+    [LAYERS_NAMES.carNatur]: "Naturenergie-Sharing",
+    [LAYERS_NAMES.carOthers]: "Voiture, autres fournisseurs",
+    [LAYERS_NAMES.eroller]: "E-Scooter",
+    [LAYERS_NAMES.linesnetworkplan]: "Plans du réseau",
+    [LAYERS_NAMES.mitfahrpunkte]: "Points de covoiturage",
+    [LAYERS_NAMES.notifications]: "Notifications",
+    [LAYERS_NAMES.pois]: "POIs",
+    [LAYERS_NAMES.realtime]: "Temps réel",
+    [LAYERS_NAMES.sharedMobility]: "Mobilité partagée",
+    [LAYERS_NAMES.stations]: "Stations",
+    [LAYERS_NAMES.tarifzonen]: "Zones tarifaires",
+    [LAYERS_NAMES.verkaufsstellen]: "Points de vente",
+    layertree_menu_title: "Couches",
+    no_details_available: "Aucun détail disponible",
     no_stops_found: "Aucun arrêt trouvé",
+    permalink_input_hint:
+      "Vous pouvez aussi copier le lien depuis la barre d'adresse du navigateur.",
     platform_ferry: "Quai",
     platform_other: "Quai",
     platform_rail: "Voie",
+    print_menu_title: "Imprimer",
     reason: "Raison",
     recommendation: "Recommandation",
+    search_menu_title: "Rechercher",
+    share_email_send: "Envoyer un email",
+    share_image_save: "Enregistrer l'image",
+    share_menu_title: "Partager",
     stops_search_placeholder: "Chercher un arrêt",
+    zoomin: "Zoomer",
+    zoomout: "Dézoomer",
   },
   it: {
+    affected_lines: "Linee interessate",
+    affected_stops: "Fermate interessate",
+    all_line_stops: "Tutte le fermate su questa linea",
     consequence: "Conseguenza",
+    daily_from_to: "Tutti i giorni da {{from}} a {{to}}",
+    download: "Scarica",
     duration_text: "Durata",
+    error: "Errore",
+    export_all_region: "Esporta l'intera regione",
+    export_format_title: "Formato",
+    exporting: "Esportazione ...",
+    from_to: "da {{from}} a {{to}}",
+    geolocation_button_title_off: "Disattiva geolocalizzazione",
+    geolocation_button_title_on: "Attiva geolocalizzazione",
+    [LAYERS_NAMES.bikeFrelo]: "Frelo",
+    [LAYERS_NAMES.bikeOthers]: "Bicicletta, altri fornitori",
+    [LAYERS_NAMES.cargobikeFrelo]: "Cargobike Frelo",
+    [LAYERS_NAMES.cargobikeOthers]: "Cargobike, altri fornitori",
+    [LAYERS_NAMES.carGrf]: "Grüne Flotte",
+    [LAYERS_NAMES.carNatur]: "Naturenergie-Sharing",
+    [LAYERS_NAMES.carOthers]: "Auto, altri fornitori",
+    [LAYERS_NAMES.eroller]: "E-Scooter",
+    [LAYERS_NAMES.linesnetworkplan]: "Piani della rete",
+    [LAYERS_NAMES.mitfahrpunkte]: "Punti di carpooling",
+    [LAYERS_NAMES.notifications]: "Notifiche",
+    [LAYERS_NAMES.pois]: "POI",
+    [LAYERS_NAMES.realtime]: "In tempo reale",
+    [LAYERS_NAMES.sharedMobility]: "Mobilità condivisa",
+    [LAYERS_NAMES.stations]: "Stazioni",
+    [LAYERS_NAMES.tarifzonen]: "Zone tariffarie",
+    [LAYERS_NAMES.verkaufsstellen]: "Punti vendita",
+    layertree_menu_title: "Livelli",
+    no_details_available: "Nessun dettaglio disponibile",
     no_stops_found: "Nessuna fermata trovata",
+    permalink_input_hint:
+      "Puoi anche copiare il link dalla barra degli indirizzi del browser.",
     platform_ferry: "Imb.", // imbarcadero
     platform_other: "Cor.", // corsia
     platform_rail: "Bin.",
+    print_menu_title: "Stampa",
     reason: "Motivo",
     recommendation: "Raccomandazione",
+    search_menu_title: "Cerca",
+    share_email_send: "Invia email",
+    share_image_save: "Salva immagine",
+    share_menu_title: "Condividi",
     stops_search_placeholder: "Ricerca delle fermate",
+    zoomin: "Zoom avanti",
+    zoomout: "Zoom indietro",
   },
 };
 export default translations;

package/src/RvfFeatureDetailsFooter/RvfFeatureDetailsFooter.tsx

@@ -1,43 +0,0 @@
-import { memo } from "preact/compat";
-
-import ArrowRight from "../icons/ArrowRight";
-import Button from "../ui/Button";
-import useLayerConfig from "../utils/hooks/useLayerConfig";
-import useRvfContext from "../utils/hooks/useRvfContext";
-
-import type { HTMLAttributes, PreactDOMAttributes } from "preact";
-
-export type RvfFeatureDetailsFooterProps = {
-  onClose?: () => void;
-  title?: React.ReactNode;
-} & HTMLAttributes<HTMLDivElement> &
-  PreactDOMAttributes;
-
-function RvfFeatureDetailsFooter({ ...props }: RvfFeatureDetailsFooterProps) {
-  const { selectedFeature } = useRvfContext();
-  const layerConfig = useLayerConfig(selectedFeature?.get("layerName"));
-  if (!layerConfig?.link || layerConfig?.link?.show === false) {
-    return null;
-  }
-  let id = selectedFeature?.get("id");
-  const situation = selectedFeature?.get("situation");
-  if (situation) {
-    const situationParsed = JSON.parse(situation);
-    id = situationParsed?.id || id;
-  }
-  return (
-    <div {...props}>
-      <Button
-        className={"text-base"}
-        href={layerConfig.link.href.replace("{{id}}", id)}
-        target="_blank"
-        theme="primary"
-      >
-        <span>{layerConfig.link.text || "Mehr erfahren"}</span>
-        <ArrowRight />
-      </Button>
-    </div>
-  );
-}
-
-export default memo(RvfFeatureDetailsFooter);

package/src/RvfFeatureDetailsFooter/index.tsx

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

package/src/RvfFeatureDetailsTitle/RvfFeatureDetailsTitle.tsx

@@ -1,81 +0,0 @@
-import { icons } from "../utils/addSourceAndLayers";
-import {
-  LAYERS_NAMES,
-  LAYERS_TITLES,
-  TITLE_BY_CATEGORY,
-  TITLE_BY_FEED_ID,
-} from "../utils/constants";
-import useLayerConfig from "../utils/hooks/useLayerConfig";
-
-import type { Feature } from "ol";
-
-const defaultTitle = "Informations";
-
-function RvfFeatureDetailsTitle({ feature }: { feature: Feature }) {
-  const features = feature.get("features");
-  const selectedFeature = features?.[0] || feature;
-  const {
-    category,
-    condition_group: conditionGroup,
-    disruption_type: disruptionType,
-    feed_id: feedId,
-    line_id: lineId,
-    tickets,
-  } = selectedFeature.getProperties();
-  const layerConfigLinienNetz = useLayerConfig(LAYERS_NAMES.linesnetworkplan);
-  const layerConfigMeldungen = useLayerConfig(LAYERS_NAMES.notifications);
-
-  // moco export v1
-  if (disruptionType) {
-    return (
-      <div className={"flex items-center gap-2 text-sm"}>
-        <div className="min-w-8 shrink-0 grow-0">
-          <img
-            alt={disruptionType}
-            className={"w-8"}
-            src={icons[disruptionType] || icons.warning}
-          ></img>
-        </div>
-        <div className={"flex flex-col gap-2 text-base font-bold"}>
-          {layerConfigMeldungen.title}
-        </div>
-      </div>
-    );
-  }
-
-  // moco export v2
-  if (conditionGroup) {
-    return (
-      <div className={"flex items-center gap-2 text-sm"}>
-        {icons[conditionGroup] && (
-          <div className="min-w-8 shrink-0 grow-0">
-            <img
-              alt={conditionGroup}
-              className={"w-8"}
-              src={icons[conditionGroup] || icons.warning}
-            ></img>
-          </div>
-        )}
-        <div className={"flex flex-col gap-2 text-base font-bold"}>
-          {layerConfigMeldungen.title}
-        </div>
-      </div>
-    );
-  }
-  if (category) {
-    return TITLE_BY_CATEGORY[category] || defaultTitle;
-  }
-  if (feedId) {
-    return TITLE_BY_FEED_ID[feedId] || defaultTitle;
-  }
-
-  if (lineId) {
-    return layerConfigLinienNetz.title;
-  }
-  if (tickets) {
-    return LAYERS_TITLES.verkaufsstellen;
-  }
-  return defaultTitle;
-}
-
-export default RvfFeatureDetailsTitle;

package/src/RvfFeatureDetailsTitle/index.tsx

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