ublo-lib 1.21.2 → 1.21.4

package/es/lbm/components/lumiplan/lumiplan.module.css

@@ -1,3 +1,9 @@
 .lumiplan {
-  padding: 64px 0;
+  padding: 28px 0;
+}
+
+@media (min-width: 780px) {
+  .lumiplan {
+    padding: 64px 0;
+  }
 }

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

@@ -17,7 +17,7 @@ const Opening = React.forwardRef(({ resortOpening }, ref) => {
         return null;
     }
     const { dawnSkiingDays, nightSkiingDays } = resortOpening.availability;
-    return (_jsxs("div", { ref: ref, className: css.opening, "data-tags": t(lang, "opening.navigation-title"), children: [_jsx("div", { className: css.title, dangerouslySetInnerHTML: { __html: t(lang, "opening.title") } }), _jsx("div", { className: css.tableOuter, children: _jsxs("table", { className: css.table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), dawnSkiingDays.map((day) => (_jsx("th", { className: css.heading, children: _jsx("div", { className: css.headingInner, children: _jsx(T, { id: `opening.days.${day.dayType}` }) }) }, day.dayType)))] }) }), _jsxs("tbody", { children: [_jsx("tr", { children: _jsx(Rows, { kind: "dawn", rows: dawnSkiingDays }) }), _jsx("tr", { children: _jsx(Rows, { kind: "night", rows: nightSkiingDays }) })] })] }) })] }));
+    return (_jsx("div", { ref: ref, className: css.opening, "data-tags": t(lang, "opening.navigation-title"), children: _jsx("div", { className: css.tableOuter, children: _jsxs("table", { className: css.table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), dawnSkiingDays.map((day) => (_jsx("th", { className: css.heading, children: _jsx("div", { className: css.headingInner, children: _jsx(T, { id: `opening.days.${day.dayType}` }) }) }, day.dayType)))] }) }), _jsxs("tbody", { children: [_jsx("tr", { children: _jsx(Rows, { kind: "dawn", rows: dawnSkiingDays }) }), _jsx("tr", { children: _jsx(Rows, { kind: "night", rows: nightSkiingDays }) })] })] }) }) }));
 });
 function Rows({ kind, rows }) {
     const Icon = kind === "dawn" ? DawnIcon : NightIcon;

package/es/lbm/components/lumiplan/pois.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pois.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/pois.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAyB,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAwDrE,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB,CAAC;AASF,QAAA,MAAM,IAAI,8EAkMR,CAAC;AAIH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"pois.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/pois.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAyB,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAwDrE,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB,CAAC;AASF,QAAA,MAAM,IAAI,8EA+KR,CAAC;AAIH,eAAe,IAAI,CAAC"}

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

@@ -96,8 +96,8 @@ const Pois = React.forwardRef(({ pois }, ref) => {
     const toggleExpanded = () => {
         setExpanded(!expanded);
     };
-    const displayedPois = expanded ? flattenedPois : flattenedPois.slice(0, 15);
-    return (_jsx("div", { className: css.pois, children: _jsxs("div", { className: css.inner, children: [_jsx("div", { className: css.list, children: displayedPois.map(({ id, name, type, liftType, trailType, trailLevel, sectorName, messagePoi, openingStatus, snowQuality, groomingStatus, openingStatusCompl, }) => {
+    const displayedPois = expanded ? flattenedPois : flattenedPois.slice(0, 16);
+    return (_jsx("div", { className: css.pois, children: _jsxs("div", { className: css.inner, children: [_jsx("div", { className: css.list, children: displayedPois.map(({ id, name, type, liftType, trailType, trailLevel, sectorName, messagePoi, openingStatus, snowQuality, groomingStatus, }) => {
                         const isLift = type === "SKI_LIFT";
                         const translationCode = isLift
                             ? `pois.lifts.${liftType}`
@@ -107,26 +107,10 @@ const Pois = React.forwardRef(({ pois }, ref) => {
                             ? `(${t(lang, `pois.trailLevels.${trailLevel}`)})`
                             : null;
                         const specialTrail = Object.keys(SPECIAL_TRAILS).find((key) => name.includes(key));
-                        // TMP
-                        const isEven = Number(id) % 2 === 0;
-                        const mockMessage = {
-                            id: "mock",
-                            type: "TEXT",
-                            title: "messagePoi",
-                            data: [
-                                {
-                                    language: "fr_FR",
-                                    data: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-                                },
-                            ],
-                        };
-                        // TMP
                         const message = messagePoi?.data?.find(({ language }) => {
                             const _lang = lang === "fr" ? "fr_FR" : "en_US";
                             return language === _lang;
-                        }) || isEven
-                            ? mockMessage.data[0]
-                            : undefined;
+                        });
                         const hasGroomingStatus = groomingStatus !== undefined && groomingStatus !== "UNDEF";
                         const hasSnowQuality = snowQuality !== undefined && snowQuality !== "UNDEF";
                         const classes = classNames(css.poi, {

package/es/lbm/components/lumiplan/road-condition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"road-condition.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/road-condition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,aAAa,8EA8ElB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"road-condition.d.ts","sourceRoot":"","sources":["../../../../src/lbm/components/lumiplan/road-condition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,aAAa,8EAmFlB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/es/lbm/components/lumiplan/road-condition.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import Loader from "dt-design-system/es/loader";
@@ -14,12 +14,13 @@ const RoadCondition = React.forwardRef(({ resortAccess }, ref) => {
         return null;
     }
     const { roadConditions } = resortAccess;
-    return (_jsxs("div", { ref: ref, className: css.conditions, "data-tags": t(lang, "road-conditions.navigation-title"), children: [_jsx("div", { className: css.title, dangerouslySetInnerHTML: { __html: t(lang, "road-conditions.title") } }), roadConditions.map(({ id, name, status, roadInfo, equipment, surface }) => {
+    return (_jsxs("div", { ref: ref, className: css.conditions, "data-tags": t(lang, "road-conditions.navigation-title"), children: [_jsx("div", { className: css.title, dangerouslySetInnerHTML: { __html: t(lang, "road-conditions.title") } }), roadConditions.map(({ id, name, status, roadInfo, equipment, surface, number }) => {
                 const roadInfoData = roadInfo?.data?.find(({ language }) => {
                     const _lang = lang === "fr" ? "fr_FR" : "en_US";
                     return language === _lang;
                 });
-                return (_jsxs("div", { className: css.condition, children: [_jsx(RoadConditionIcon, { className: css.icon }), _jsxs("div", { className: css.right, children: [_jsxs("div", { className: css.top, children: [_jsx("div", { className: css.name, children: name }), _jsxs("div", { className: css.surface, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.surface.title" }) }), _jsx(T, { id: `road-conditions.surface.states.${surface}` }), "."] }), _jsxs("div", { className: css.equipment, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.equipment.title" }) }), _jsx(T, { id: `road-conditions.equipment.states.${equipment}` })] })] }), roadInfoData && (_jsx("div", { className: css.bottom, dangerouslySetInnerHTML: { __html: roadInfoData.data } }))] }), _jsx("div", { className: css.status, children: _jsx(T, { id: `road-conditions.status.${status ? "OPENED" : "CLOSED"}` }) })] }, id));
+                const hasValidNumber = !isNaN(parseInt(number, 10));
+                return (_jsxs("div", { className: css.condition, children: [_jsx(RoadConditionIcon, { className: css.icon }), _jsxs("div", { className: css.right, children: [_jsxs("div", { className: css.top, children: [_jsxs("div", { className: css.name, children: [name, " ", hasValidNumber && _jsxs(_Fragment, { children: ["n\u00B0", number] })] }), _jsxs("div", { className: css.surface, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.surface.title" }) }), _jsx(T, { id: `road-conditions.surface.states.${surface}` }), "."] }), _jsxs("div", { className: css.equipment, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.equipment.title" }) }), _jsx(T, { id: `road-conditions.equipment.states.${equipment}` })] })] }), roadInfoData && (_jsx("div", { className: css.bottom, dangerouslySetInnerHTML: { __html: roadInfoData.data } }))] }), _jsx("div", { className: css.status, children: _jsx(T, { id: `road-conditions.status.${status ? "OPENED" : "CLOSED"}` }) })] }, id));
             })] }));
 });
 RoadCondition.displayName = "RoadCondition";

package/es/lbm/components/lumiplan/todays-tips.module.css

@@ -30,6 +30,6 @@
 }
 
 .text {
-  font-style: 18px;
+  font-size: 16px;
   color: hsl(var(--primary));
 }

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

@@ -4,6 +4,6 @@ type Props = {
     data: WeatherInfo;
     expanded: boolean;
 };
-export default function WeatherData({ kind, data, expanded }: Props): import("react/jsx-runtime").JSX.Element;
+export default function WeatherData({ kind, data, expanded }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=weather-data.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"weather-data.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather-data.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA2GlE"}
+{"version":3,"file":"weather-data.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather-data.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,kDA6GlE"}

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

@@ -3,6 +3,8 @@ 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 (_jsxs("div", { className: css.weatherData, children: [_jsx(WeatherIcon, { sky: skyStatus }), _jsxs("div", { className: css.weatherInfo, children: [_jsx("div", { className: css.weatherInfoTitle, children: _jsx(T, { id: `weather.${kind}` }) }), _jsxs("div", { className: css.weatherInfoTemperatures, children: [_jsxs("span", { children: [temperature.value, _jsx(T, { id: temperature.unit })] }), "|", _jsxs("span", { children: [windchill.value, _jsx(T, { id: windchill.unit }), _jsx("em", { children: _jsx(T, { id: "weather.feels-like" }) })] })] }), expanded && (_jsxs("div", { className: css.expanded, children: [skyStatus && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.sky-status.title" }), " :", " ", _jsx(T, { id: `weather.sky-status.states.${skyStatus}` })] })), temperature && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.temperature" }), " : ", temperature.value, _jsx(T, { id: temperature.unit })] })), wind && (_jsxs(_Fragment, { children: [wind.value && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.wind" }), " : ", wind.value.value, _jsx(T, { id: wind.value.unit })] })), wind.valueMax && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.wind-max" }), " : ", wind.valueMax.value, _jsx(T, { id: wind.valueMax.unit })] })), wind.direction && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.wind-direction.title" }), " :", " ", _jsx(T, { id: `weather.wind-direction.states.${wind.direction}` })] }))] })), limitRainSnowFall && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.limit-rain-snow-fall" }), " :", " ", limitRainSnowFall.value, _jsx(T, { id: limitRainSnowFall.unit })] })), limitIsothermic0 && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.limit-isothermic-0" }), " : ", limitIsothermic0.value, _jsx(T, { id: limitIsothermic0.unit })] })), limitIsothermicMinus10 && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.limit-isothermic-minus-10" }), " :", " ", limitIsothermicMinus10.value, _jsx(T, { id: limitIsothermicMinus10.unit })] })), visibility && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.visibility.title" }), " :", " ", _jsx(T, { id: `weather.visibility.states.${visibility}` })] })), indexUv && (_jsxs("div", { className: css.data, children: [_jsx(T, { id: "weather.index-uv" }), " : ", indexUv.value, _jsx(T, { id: indexUv.unit })] }))] }))] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"weather.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,OAAO,8EAsIZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"weather.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,OAAO,8EA+IZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

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

@@ -15,7 +15,7 @@ const Weather = React.forwardRef(({ weather }, ref) => {
     const { lang } = useUbloContext();
     const [currentZoneIndex, setCurrentZoneIndex] = React.useState(0);
     const [currentDayIndex, setCurrentDayIndex] = React.useState(0);
-    const [expanded, setExpanded] = React.useState(false);
+    const [expanded, setExpanded] = React.useState(true);
     React.useEffect(() => {
         setCurrentZoneIndex(0);
         setCurrentDayIndex(0);
@@ -29,14 +29,15 @@ const Weather = React.forwardRef(({ weather }, ref) => {
     const { weatherZones } = weather.weather;
     const { snowZones } = weather.snow;
     const { weatherInfos } = weatherZones[currentZoneIndex] || {};
-    const { am, pm } = weatherInfos[currentDayIndex] || {};
+    const days = weatherInfos.slice(0, 4);
+    const { am, pm } = days[currentDayIndex] || {};
     const snowData = snowZones[currentZoneIndex] || {};
     const ExpandIcon = expanded ? Icons.MinusCircle : Icons.PlusCircle;
     const toggleExpanded = () => {
         setExpanded(!expanded);
     };
-    return (_jsxs("div", { ref: ref, className: css.weather, "data-tags": t(lang, "weather.title"), children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.days, children: weatherInfos.map((weatherInfo, i) => {
-                            const { date, am, pm } = weatherInfo;
+    return (_jsxs("div", { ref: ref, className: css.weather, "data-tags": t(lang, "weather.title"), children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.days, children: days.map((day, i) => {
+                            const { date, am, pm } = day;
                             if (!pm || !am)
                                 return null;
                             const isSelected = i === currentDayIndex;
@@ -45,7 +46,7 @@ const Weather = React.forwardRef(({ weather }, ref) => {
                             };
                             const isToday = new Date(date).getDate() === new Date().getDate();
                             const locale = lang === "fr" ? "fr-FR" : "en-UK";
-                            const day = new Date(date).toLocaleDateString(locale, {
+                            const today = new Date(date).toLocaleDateString(locale, {
                                 weekday: "long",
                             });
                             const formatedDate = new Date(date).toLocaleDateString(locale, {
@@ -56,8 +57,13 @@ const Weather = React.forwardRef(({ weather }, ref) => {
                             const classes = classNames(css.day, {
                                 [css.daySelected]: isSelected,
                             });
-                            return (_jsxs(Button, { className: classes, onClick: updateCurrentDay, children: [_jsx("b", { children: isToday ? _jsx(T, { id: "weather.today" }) : day }), formatedDate] }, date));
+                            return (_jsxs(Button, { className: classes, onClick: updateCurrentDay, children: [_jsx("b", { children: isToday ? _jsx(T, { id: "weather.today" }) : today }), formatedDate] }, date));
                         }) }), _jsx("div", { className: css.zones, children: weatherZones.map((zone, i) => {
+                            const hasData = Boolean(zone.weatherInfos.length > 0 &&
+                                zone.weatherInfos[0].am &&
+                                zone.weatherInfos[0].pm);
+                            if (!hasData)
+                                return null;
                             const { name, altitude } = zone;
                             const { value, unit } = altitude;
                             const isSelected = i === currentZoneIndex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.21.2",
+  "version": "1.21.4",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",