ublo-lib 1.31.42 → 1.31.44

package/es/lbm/components/lumiplan/types.d.ts

@@ -0,0 +1,291 @@
+export type Day = {
+    dayType: string;
+    open: boolean;
+};
+export type Signature = {
+    name: string;
+    phone: string;
+    postalCode: string;
+};
+type MultiLangString = {
+    language: "fr_FR" | "en_US";
+    data: string;
+};
+export type MultiLangMessage = {
+    id: string;
+    type: string;
+    title: string;
+    data: MultiLangString[];
+};
+export type PrintMode = "weather" | "trails";
+type OpeningStatus = "OPEN" | "OPEN_PEDESTRIAN_ONLY" | "OPEN_DOWNHILL_ONLY" | "FORECAST" | "FORECAST_AURORA_SKI" | "FORECAST_NIGHT_SKI" | "DELAYED" | "DELAYED_TECHNICAL_ISSUE" | "DELAYED_SECURING" | "DELAYED_WEATHER" | "DELAYED_WIND" | "STOPPED" | "STOPPED_TECHNICAL_ISSUE" | "STOPPED_SECURING" | "STOPPED_WEATHER" | "STOPPED_WIND" | "CLOSED" | "CLOSED_CONTEST" | "OUT_OF_PERIOD" | "OUT_OF_PERIOD_SEASON_BEGINNING" | "OUT_OF_PERIOD_SEASON_ENDING" | "UNDEF";
+export type ResortOpening = {
+    id: string;
+    availability: {
+        openingStatus: OpeningStatus;
+        openingDate: string;
+        closingDate: string;
+        openingDays: Day[];
+        dawnSkiingDays: Day[];
+        nightSkiingDays: Day[];
+        backToBaseArea: string;
+        winterAmbiance: string;
+        practicalActivities: string;
+    };
+    name: string;
+    resortInfos: MultiLangMessage[];
+};
+type Surface = "UNDEF" | "CLEAR_DRY" | "CLEAR_WET" | "SOGGY" | "PART_SNOW" | "SNOWY" | "PACKED" | "ICY" | "CLOSED";
+type Equipment = "UNDEF" | "NORM" | "CHAIN" | "RECO_CHAIN_RESORT" | "RECO_CHAIN" | "ICY" | "CLOSED";
+type RoadCondition = {
+    id: string;
+    name: string;
+    number: string;
+    status: boolean;
+    roadInfo: MultiLangMessage;
+    surface: Surface;
+    equipment: Equipment;
+};
+export type ResortAccess = {
+    roadConditions: RoadCondition[];
+};
+export type DomainInfo = {
+    slopes: {
+        slopes: {
+            GREEN: {
+                open: number;
+                total: number;
+            };
+            BLUE: {
+                open: number;
+                total: number;
+            };
+            RED: {
+                open: number;
+                total: number;
+            };
+            BLACK: {
+                open: number;
+                total: number;
+            };
+        };
+        count: {
+            open: number;
+            total: number;
+        };
+    };
+    lifts: {
+        count: {
+            open: number;
+            total: number;
+        };
+    };
+};
+type SnowQuality = "UNDEF" | "FRESH" | "ARTIFICIAL" | "CRUSTED" | "DRIFTED" | "EARLY_SEASON" | "FROZEN" | "GRADIENT" | "HARD_PACKED" | "LOW_SNOWFALL" | "PACKED_POWDER" | "POWDER" | "SNOW_GROOMED" | "SPRING" | "VARIABLE" | "WET_SNOW";
+type AvalancheRisk = "UNDEF" | "LOW" | "MODERATE" | "CONSIDERABLE" | "HIGH" | "VERY_HIGH";
+export type SnowZone = {
+    id: number;
+    name: string;
+    altitude: {
+        value: number;
+        unit: "METER";
+    };
+    altitudeLevel: "LOW" | "MEDIUM" | "HIGH";
+    avalancheRisk: AvalancheRisk;
+    snowQuality: SnowQuality;
+    snowTotalDepth: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    overnight: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    freshSnowFallDepth12H: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    freshSnowFallDepth24H: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    freshSnowFallDepth48H: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    freshSnowFallDepth72H: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    freshSnowFallDepth7D: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    snowFallDepthCompleteSeason: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    lastSnowFallDepth: {
+        value: number;
+        unit: "CENTIMETER";
+    };
+    lastSnowFallDate: string;
+};
+type Direction = "UNDEF" | "NORTH" | "NORTH_WEST" | "NORTH_EAST" | "EAST" | "WEST" | "SOUTH" | "SOUTH_EAST" | "SOUTH_WEST" | "TURNING";
+export type WeatherInfo = {
+    indexUv: {
+        value: number;
+        unit: string;
+    };
+    skyStatus: "UNDEF" | "SUNNY" | "MOSTLY_SUNNY" | "FAIR_WEATHER_PARTLY_CLOUDY" | "MOSTLY_CLOUDY_SOME_SUN" | "MOSTLY_CLOUDY_LIGHT_RAIN" | "CLOUDY_LIGHT_RAIN" | "CLOUDY" | "VARIABLE_SKY_LIGHT_SNOWFALL" | "CLOUDY_LIGHT_SNOWFALL" | "CLOUDY_MODERATE_HEAVY_SNOWFALL" | "CLOUDY_MODERATE_HEAVY_RAIN" | "FOG" | "THUNDERSTORMS" | "VARIABLE_SKY_SCATTERED_THUNDERSTORMS";
+    temperature: {
+        value: number;
+        unit: "CELCIUS";
+    };
+    wind: {
+        value: {
+            value: number;
+            unit: "METTER";
+        };
+        valueMax: {
+            value: number;
+            unit: "METTER";
+        };
+        direction: Direction;
+    };
+    windchill: {
+        value: number;
+        unit: "CELSIUS";
+    };
+    limitRainSnowFall: {
+        value: number;
+        unit: "METER";
+    };
+    limitIsothermic0: {
+        value: number;
+        unit: "METER";
+    };
+    limitIsothermicMinus10: {
+        value: number;
+        unit: "METER";
+    };
+    visibility: "UNDEF" | "VISIBILITE_0" | "VISIBILITE_25" | "VISIBILITE_50" | "VISIBILITE_75" | "VISIBILITE_100";
+};
+type WeatherInfos = {
+    date: string;
+    am: WeatherInfo;
+    pm: WeatherInfo;
+};
+type WeatherZone = {
+    id: string;
+    name: string;
+    altitude: {
+        value: number;
+        unit: string;
+    };
+    altitudeLevel: string;
+    weatherInfos: WeatherInfos[];
+};
+export type WeatherForecast = {
+    weather: {
+        weatherZones: WeatherZone[];
+        weatherPreviews: MultiLangMessage[];
+    };
+    snow: {
+        snowZones: SnowZone[];
+    };
+};
+type LiftType = "CABRIOLET_GONDOLA" | "CHAIRLIFT" | "COMBINED_CHAIR_GONDOLA_LIFT" | "DETACHABLE_BUBBLE_CHAIRLIFT" | "DETACHABLE_CHAIRLIFT" | "FUNICULAR" | "FUNITEL" | "GONDOLA" | "LIFT" | "MAGIC_CARPET" | "PEDESTRIAN_SKI_LIFT" | "ROPE_TO" | "SURFACE_LIFT" | "TRAIN" | "TRAM" | "UNDEF";
+type TimePeriod = {
+    beginTime: string;
+    endTime: string;
+};
+type Lift = {
+    id: string;
+    name: string;
+    type: "TRAIL" | "SKI_LIFT" | "LINK";
+    openingStatus: OpeningStatus;
+    openingStatusCompl: OpeningStatus;
+    messagePoi: MultiLangMessage;
+    operating: boolean;
+    liftType: LiftType;
+    sectorName: string;
+    openingTimesTh?: TimePeriod[];
+    openingTimesReal?: TimePeriod[];
+    departureAltitude: {
+        value: number;
+        unit: string;
+    };
+    arrivalAltitude: {
+        value: number;
+        unit: string;
+    };
+    uphillCapacity: {
+        value: number;
+        unit: string;
+    };
+    length: {
+        value: number;
+        unit: string;
+    };
+    duration: {
+        value: number;
+        unit: string;
+    };
+    exposure: Direction;
+};
+type Grooming = "UNDEF" | "GROOMED" | "PARTIALLY_GROOMED" | "MORNING_GROOMED " | "EVENING_GROOMED " | "H48_GROOMED " | "GROOMING_FORECAST" | "NOT_GROOMED ";
+type TrailType = "BIKE_PARK" | "BOARDERCROSS" | "BUMP_TRAIL" | "CROSS_COUNTRY_MOUNTAIN_BIKING" | "CROSS_COUNTRY_SKIING" | "DOWNHILL_MOUNTAIN_BIKING" | "DOWNHILL_SKIING" | "EBIKE" | "ENDURO" | "FREERIDE_AREA_OFF_PIST" | "FREERIDE_SKI_ITINERARY" | "FUN_ZONE" | "GATE" | "GLADES" | "ILLUMINATED_TRAIL" | "MULTI_USE_TRAIL" | "MTB_ENDURO" | "PATH" | "PEDESTRIAN" | "ROUTE_OF_CROSS_COUNTRY" | "SKI_TOURING" | "SLEDDING_HILL" | "SNOWPARK" | "SNOWPARK_LINE" | "SNOWSHOE" | "TERRAIN_PARK" | "TERRAIN_PARK_US" | "TRAIL_RUNNING" | "UNDEF" | "VIDEO_ZONE";
+type TrailLevel = "UNDEF" | "GREEN" | "BLUE" | "RED" | "BLACK" | "YELLOW";
+type Trail = {
+    id: string;
+    name: string;
+    type: "TRAIL" | "SKI_LIFT" | "LINK";
+    openingStatus: OpeningStatus;
+    openingStatusCompl: OpeningStatus;
+    messagePoi: MultiLangMessage;
+    operating: boolean;
+    trailType: TrailType;
+    trailLevel: TrailLevel;
+    groomingStatus: Grooming;
+    snowQuality: SnowQuality;
+    sectorName: string;
+    openingTimesTh?: TimePeriod[];
+    openingTimesReal?: TimePeriod[];
+    arrivalAltitude: {
+        value: number;
+        unit: "METER";
+    };
+    departureAltitude: {
+        value: number;
+        unit: "METER";
+    };
+    exposure: Direction;
+    length: {
+        value: number;
+        unit: "METER";
+    };
+    countInTotals: boolean;
+};
+type Interconnection = {
+    id: string;
+    name: string;
+    type: "TRAIL" | "SKI_LIFT" | "LINK";
+    openingStatus: OpeningStatus;
+    openingStatusCompl: OpeningStatus;
+    operating: boolean;
+};
+type Activity = {
+    activityType: string;
+};
+export type Poi = Lift & Trail & Activity & Interconnection;
+export type Zone = {
+    id: string;
+    name: string;
+    lifts: Poi[];
+    trails: Poi[];
+    activities: Poi[];
+    interconnections: Poi[];
+};
+export type PoisInfo = Zone[];
+export {};

package/es/lbm/components/lumiplan/types.js

@@ -1 +1 @@
-export {};
+export {};

package/es/lbm/components/lumiplan/weather/avalanche-risk.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export default function AvalancheRisk({ avalancheRisk }: {
+    avalancheRisk: any;
+}): React.JSX.Element;

package/es/lbm/components/lumiplan/weather/avalanche-risk.jsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import Image from "next/image";
+import getConfig from "next/config";
+import T from "../i18n/translations";
+import css from "./avalanche-risk.module.css";
+const { publicRuntimeConfig } = getConfig();
+const { lumiplanApi } = publicRuntimeConfig;
+export default function AvalancheRisk({ avalancheRisk }) {
+    if (!avalancheRisk || avalancheRisk === "UNDEF")
+        return null;
+    return (<div className={css.avalancheRisk}>
+      <b>
+        <T id="weather.avalanche-risk.title"/>
+      </b>
+      <span>
+        <Image src={`${lumiplanApi}/avalanche/${avalancheRisk}.svg`} width={20} height={20} alt=""/>
+        <span>
+          <T id={`weather.avalanche-risk.states.${avalancheRisk}`}/>
+        </span>
+      </span>
+    </div>);
+}

package/es/lbm/components/lumiplan/weather/index.d.ts

@@ -0,0 +1,2 @@
+import Weather from "./weather";
+export default Weather;

package/es/lbm/components/lumiplan/weather/index.js

@@ -1,2 +1,2 @@
 import Weather from "./weather";
-export default Weather;
+export default Weather;

package/es/lbm/components/lumiplan/weather/snow-data.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { SnowZone } from "../types";
+type Props = {
+    data: SnowZone;
+    expanded: boolean;
+};
+export default function SnowData({ data, expanded }: Props): React.JSX.Element;
+export {};

package/es/lbm/components/lumiplan/weather/snow-data.jsx

@@ -0,0 +1,44 @@
+import * as React from "react";
+import T from "../i18n/translations";
+import SnowCover from "../icons/snow-cover";
+import css from "./snow-data.module.css";
+export default function SnowData({ data, expanded }) {
+    const { snowQuality, snowTotalDepth, freshSnowFallDepth12H, freshSnowFallDepth24H, freshSnowFallDepth48H, freshSnowFallDepth72H, } = data;
+    return (<div className={css.snow}>
+      <SnowCover className={css.snowIcon}/>
+      <div className={css.snowInfo}>
+        <div className={css.snowState}>
+          <T id="snow.snow-quality.title"/>{" "}
+          {snowQuality && snowQuality !== "UNDEF" && (<>
+              : <T id={`snow.snow-quality.states.${snowQuality}`}/>
+            </>)}
+        </div>
+        <div className={css.snowDepth}>
+          {(snowTotalDepth === null || snowTotalDepth === void 0 ? void 0 : snowTotalDepth.value) || 0}
+          <T id={(snowTotalDepth === null || snowTotalDepth === void 0 ? void 0 : snowTotalDepth.unit) || "CENTIMETER"}/>
+        </div>
+        {expanded && (<div className={css.expanded}>
+            {freshSnowFallDepth12H && freshSnowFallDepth12H.value !== 0 && (<div className={css.snowFall}>
+                <T id="snow.fresh-snow-fall"/> 12h :{" "}
+                {freshSnowFallDepth12H.value}
+                <T id={freshSnowFallDepth12H.unit}/>
+              </div>)}
+            {freshSnowFallDepth24H && freshSnowFallDepth24H.value !== 0 && (<div className={css.snowFall}>
+                <T id="snow.fresh-snow-fall"/> 24h :{" "}
+                {freshSnowFallDepth24H.value}
+                <T id={freshSnowFallDepth24H.unit}/>
+              </div>)}
+            {freshSnowFallDepth48H && freshSnowFallDepth48H.value !== 0 && (<div className={css.snowFall}>
+                <T id="snow.fresh-snow-fall"/> 48h :{" "}
+                {freshSnowFallDepth48H.value}
+                <T id={freshSnowFallDepth48H.unit}/>
+              </div>)}
+            {freshSnowFallDepth72H && freshSnowFallDepth72H.value !== 0 && (<div className={css.snowFall}>
+                <T id="snow.fresh-snow-fall"/> 72h :{" "}
+                {freshSnowFallDepth72H.value}
+                <T id={freshSnowFallDepth72H.unit}/>
+              </div>)}
+          </div>)}
+      </div>
+    </div>);
+}

package/es/lbm/components/lumiplan/weather/weather-data.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { WeatherInfo } from "../types";
+type Props = {
+    kind: "am" | "pm";
+    data: WeatherInfo;
+    expanded: boolean;
+};
+export default function WeatherData({ kind, data, expanded }: Props): React.JSX.Element;
+export {};

package/es/lbm/components/lumiplan/weather/weather-data.jsx

@@ -0,0 +1,85 @@
+import * as React from "react";
+import T from "../i18n/translations";
+import WeatherIcon from "./weather-icon";
+import css from "./weather-data.module.css";
+export default function WeatherData({ kind, data, expanded }) {
+    if (!data)
+        return null;
+    const { skyStatus, temperature, windchill, indexUv, limitIsothermic0, limitIsothermicMinus10, limitRainSnowFall, visibility, wind, } = data;
+    return (<div className={css.weatherData}>
+      <WeatherIcon sky={skyStatus}/>
+      <div className={css.weatherInfo}>
+        <div className={css.weatherInfoTitle}>
+          <T id={`weather.${kind}`}/>
+        </div>
+        <div className={css.weatherInfoTemperatures}>
+          {temperature &&
+            temperature.value !== undefined &&
+            temperature.unit !== undefined && (<>
+                <span>
+                  {temperature.value}
+                  <T id={temperature.unit}/>
+                </span>
+                |
+              </>)}
+          {windchill &&
+            windchill.value !== undefined &&
+            windchill.unit !== undefined && (<span>
+                {windchill.value}
+                <T id={windchill.unit}/>
+                <em>
+                  <T id="weather.feels-like"/>
+                </em>
+              </span>)}
+        </div>
+        {expanded && (<div className={css.expanded}>
+            {skyStatus && (<div className={css.data}>
+                <T id="weather.sky-status.title"/> :{" "}
+                <T id={`weather.sky-status.states.${skyStatus}`}/>
+              </div>)}
+            {temperature &&
+                temperature.value !== undefined &&
+                temperature.unit !== undefined && (<div className={css.data}>
+                  <T id="weather.temperature"/> : {temperature.value}
+                  <T id={temperature.unit}/>
+                </div>)}
+            {wind && (<>
+                {wind.value && (<div className={css.data}>
+                    <T id="weather.wind"/> : {wind.value.value}
+                    <T id={wind.value.unit}/>
+                  </div>)}
+                {wind.valueMax && (<div className={css.data}>
+                    <T id="weather.wind-max"/> : {wind.valueMax.value}
+                    <T id={wind.valueMax.unit}/>
+                  </div>)}
+                {wind.direction && (<div className={css.data}>
+                    <T id="weather.wind-direction.title"/> :{" "}
+                    <T id={`weather.wind-direction.states.${wind.direction}`}/>
+                  </div>)}
+              </>)}
+            {limitRainSnowFall && (<div className={css.data}>
+                <T id="weather.limit-rain-snow-fall"/> :{" "}
+                {limitRainSnowFall.value}
+                <T id={limitRainSnowFall.unit}/>
+              </div>)}
+            {limitIsothermic0 && (<div className={css.data}>
+                <T id="weather.limit-isothermic-0"/> : {limitIsothermic0.value}
+                <T id={limitIsothermic0.unit}/>
+              </div>)}
+            {limitIsothermicMinus10 && (<div className={css.data}>
+                <T id="weather.limit-isothermic-minus-10"/> :{" "}
+                {limitIsothermicMinus10.value}
+                <T id={limitIsothermicMinus10.unit}/>
+              </div>)}
+            {visibility && (<div className={css.data}>
+                <T id="weather.visibility.title"/> :{" "}
+                <T id={`weather.visibility.states.${visibility}`}/>
+              </div>)}
+            {indexUv && (<div className={css.data}>
+                <T id="weather.index-uv"/> : {indexUv.value}
+                <T id={indexUv.unit}/>
+              </div>)}
+          </div>)}
+      </div>
+    </div>);
+}

package/es/lbm/components/lumiplan/weather/weather-days.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export default function Days({ days, currentDayIndex, setCurrentDayIndex, lang, }: {
+    days: any;
+    currentDayIndex: any;
+    setCurrentDayIndex: any;
+    lang: any;
+}): React.JSX.Element;

package/es/lbm/components/lumiplan/weather/weather-days.jsx

@@ -0,0 +1,60 @@
+import * as React from "react";
+import classNames from "classnames";
+import Button from "dt-design-system/es/button";
+import T from "../i18n/translations";
+// import useWindowSizes from "ublo-lib/es/common/hooks/use-window-sizes";
+import useWindowSizes from "../../../../common/hooks/use-window-sizes";
+import css from "./weather-days.module.css";
+export default function Days({ days, currentDayIndex, setCurrentDayIndex, lang, }) {
+    const [showLeftShadow, setShowLeftShadow] = React.useState(false);
+    const [showRightShadow, setShowRightShadow] = React.useState(false);
+    const containerRef = React.useRef(null);
+    const scrollerRef = React.useRef(null);
+    const { width, height } = useWindowSizes();
+    const refreshShadows = React.useCallback(() => {
+        const container = containerRef.current;
+        const scroller = scrollerRef.current;
+        if (container && scroller) {
+            setShowLeftShadow(scroller.scrollLeft > 50);
+            const maxScroll = Math.round(scroller.scrollWidth) - Math.round(scroller.clientWidth);
+            setShowRightShadow(scroller.scrollLeft < maxScroll - 50);
+        }
+    }, []);
+    React.useEffect(() => {
+        refreshShadows();
+    }, [refreshShadows, width, height]);
+    const daysClasses = classNames(css.days, {
+        [css.leftShadow]: showLeftShadow,
+        [css.rightShadow]: showRightShadow,
+    });
+    return (<div ref={containerRef} className={daysClasses}>
+      <div ref={scrollerRef} onScroll={refreshShadows} className={css.content}>
+        {days.map((day, i) => {
+            const { date, am, pm } = day;
+            if (!pm || !am)
+                return null;
+            const isSelected = i === currentDayIndex;
+            const updateCurrentDay = () => {
+                setCurrentDayIndex(i);
+            };
+            const isToday = new Date(date).getDate() === new Date().getDate();
+            const locale = lang === "fr" ? "fr-FR" : "en-UK";
+            const today = new Date(date).toLocaleDateString(locale, {
+                weekday: "long",
+            });
+            const formatedDate = new Date(date).toLocaleDateString(locale, {
+                day: "2-digit",
+                month: "2-digit",
+                year: "numeric",
+            });
+            const classes = classNames(css.day, {
+                [css.daySelected]: isSelected,
+            });
+            return (<Button key={date} className={classes} onClick={updateCurrentDay}>
+              <b>{isToday ? <T id="weather.today"/> : today}</b>
+              {formatedDate}
+            </Button>);
+        })}
+      </div>
+    </div>);
+}

package/es/lbm/components/lumiplan/weather/weather-icon.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+type Props = {
+    sky: string;
+};
+export declare const weatherIcons: {
+    UNDEF: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    SUNNY: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    MOSTLY_SUNNY: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    FAIR_WEATHER_PARTLY_CLOUDY: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    MOSTLY_CLOUDY_SOME_SUN: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    CLOUDY: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    CLOUDY_LIGHT_RAIN: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    MOSTLY_CLOUDY_LIGHT_RAIN: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    CLOUDY_MODERATE_HEAVY_RAIN: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    VARIABLE_SKY_LIGHT_SNOWFALL: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    CLOUDY_LIGHT_SNOWFALL: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    CLOUDY_MODERATE_HEAVY_SNOWFALL: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    FOG: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    THUNDERSTORMS: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+    VARIABLE_SKY_SCATTERED_THUNDERSTORMS: ({ width, height }: {
+        width?: number;
+        height?: number;
+    }) => React.JSX.Element;
+};
+export default function WeatherIcon({ sky }: Props): React.JSX.Element;
+export {};

package/es/lbm/components/lumiplan/weather/weather-icon.jsx

@@ -0,0 +1,34 @@
+import * as React from "react";
+import CloudIcon from "../icons/cloud";
+import FogIcon from "../icons/fog";
+import VariableIcon from "../icons/variable";
+import RainyIcon from "../icons/rainy";
+import RainyRainyIcon from "../icons/rainy-rainy";
+import SnowIcon from "../icons/snow";
+import VariableSnowIcon from "../icons/variable-snow";
+import HeavySnowIcon from "../icons/heavy-snow";
+import StormIcon from "../icons/storm";
+import VariableStormIcon from "../icons/variable-storm";
+import SunIcon from "../icons/sun";
+import SunnyIcon from "../icons/sunny";
+export const weatherIcons = {
+    UNDEF: SunIcon,
+    SUNNY: SunIcon,
+    MOSTLY_SUNNY: SunnyIcon,
+    FAIR_WEATHER_PARTLY_CLOUDY: SunnyIcon,
+    MOSTLY_CLOUDY_SOME_SUN: CloudIcon,
+    CLOUDY: CloudIcon,
+    CLOUDY_LIGHT_RAIN: RainyIcon,
+    MOSTLY_CLOUDY_LIGHT_RAIN: VariableIcon,
+    CLOUDY_MODERATE_HEAVY_RAIN: RainyRainyIcon,
+    VARIABLE_SKY_LIGHT_SNOWFALL: VariableSnowIcon,
+    CLOUDY_LIGHT_SNOWFALL: SnowIcon,
+    CLOUDY_MODERATE_HEAVY_SNOWFALL: HeavySnowIcon,
+    FOG: FogIcon,
+    THUNDERSTORMS: StormIcon,
+    VARIABLE_SKY_SCATTERED_THUNDERSTORMS: VariableStormIcon,
+};
+export default function WeatherIcon({ sky }) {
+    const Icon = weatherIcons[sky] || weatherIcons.UNDEF;
+    return <Icon />;
+}

package/es/lbm/components/lumiplan/weather/weather-zones.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export default function Zones({ weatherZones, currentZoneIndex, setCurrentZoneIndex, }: {
+    weatherZones: any;
+    currentZoneIndex: any;
+    setCurrentZoneIndex: any;
+}): React.JSX.Element;