ublo-lib 1.24.3 → 1.25.0

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

@@ -1,27 +1,108 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import Loader from "dt-design-system/es/loader";
 import T, { t } from "./i18n/translations";
 import RoadConditionIcon from "./icons/road-condition";
 import css from "./road-condition.module.css";
-const RoadCondition = React.forwardRef(({ resortAccess }, ref) => {
-    const { lang } = useUbloContext();
-    if (resortAccess === undefined) {
-        return (_jsx("div", { ref: ref, className: css.loader, "data-tags": t(lang, "road-conditions.navigation-title"), children: _jsx(Loader, { variant: "overlay" }) }));
-    }
-    if (!resortAccess?.roadConditions?.length) {
-        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, number }) => {
-                const roadInfoData = roadInfo?.data?.find(({ language }) => {
-                    const _lang = lang === "fr" ? "fr_FR" : "en_US";
-                    return language === _lang;
-                });
-                const hasValidNumber = !isNaN(parseInt(number, 10)) && number !== "0";
-                return (_jsxs("div", { className: css.condition, children: [_jsx(RoadConditionIcon, { className: css.icon }), _jsxs("div", { className: css.right, children: [_jsxs("div", { className: css.status, children: [_jsx(T, { id: "road-conditions.road" }), " ", _jsx(T, { id: `road-conditions.status.${status ? "OPENED" : "CLOSED"}` })] }), _jsxs("div", { className: css.top, children: [name?.trim() && (_jsxs("div", { className: css.name, children: [name, " ", hasValidNumber && _jsxs(_Fragment, { children: ["n\u00B0", number] })] })), surface?.trim() && surface !== "UNDEF" && (_jsxs("div", { className: css.surface, children: [_jsx("b", { children: _jsx(T, { id: "road-conditions.surface.title" }) }), _jsx(T, { id: `road-conditions.surface.states.${surface}` }), "."] })), equipment?.trim() && equipment !== "UNDEF" && (_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 } }))] })] }, id));
-            })] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const RoadCondition = React.forwardRef(({
+  resortAccess
+}, ref) => {
+  const {
+    lang
+  } = useUbloContext();
+  if (resortAccess === undefined) {
+    return _jsx("div", {
+      ref: ref,
+      className: css.loader,
+      "data-tags": t(lang, "road-conditions.navigation-title"),
+      children: _jsx(Loader, {
+        variant: "overlay"
+      })
+    });
+  }
+  if (!resortAccess?.roadConditions?.length) {
+    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,
+      number
+    }) => {
+      const roadInfoData = roadInfo?.data?.find(({
+        language
+      }) => {
+        const _lang = lang === "fr" ? "fr_FR" : "en_US";
+        return language === _lang;
+      });
+      const hasValidNumber = !isNaN(parseInt(number, 10)) && number !== "0";
+      return _jsxs("div", {
+        className: css.condition,
+        children: [_jsx(RoadConditionIcon, {
+          className: css.icon
+        }), _jsxs("div", {
+          className: css.right,
+          children: [_jsxs("div", {
+            className: css.status,
+            children: [_jsx(T, {
+              id: "road-conditions.road"
+            }), " ", _jsx(T, {
+              id: `road-conditions.status.${status ? "OPENED" : "CLOSED"}`
+            })]
+          }), _jsxs("div", {
+            className: css.top,
+            children: [name?.trim() && _jsxs("div", {
+              className: css.name,
+              children: [name, " ", hasValidNumber && _jsxs(_Fragment, {
+                children: ["n\xB0", number]
+              })]
+            }), surface?.trim() && surface !== "UNDEF" && _jsxs("div", {
+              className: css.surface,
+              children: [_jsx("b", {
+                children: _jsx(T, {
+                  id: "road-conditions.surface.title"
+                })
+              }), _jsx(T, {
+                id: `road-conditions.surface.states.${surface}`
+              }), "."]
+            }), equipment?.trim() && equipment !== "UNDEF" && _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
+            }
+          })]
+        })]
+      }, id);
+    })]
+  });
 });
 RoadCondition.displayName = "RoadCondition";
-export default RoadCondition;
+export default RoadCondition;

package/es/lbm/components/lumiplan/todays-tips.js

@@ -1,23 +1,52 @@
-import { jsx as _jsx, 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";
 import { t } from "./i18n/translations";
 import css from "./todays-tips.module.css";
-const TodaysTips = React.forwardRef(({ resortOpening }, ref) => {
-    const { lang } = useUbloContext();
-    const todaysTips = resortOpening?.resortInfos?.find(({ type }) => type === "RESORT_TIP_OF_THE_DAY");
-    if (todaysTips === undefined) {
-        return (_jsx("div", { ref: ref, className: css.loader, children: _jsx(Loader, { variant: "overlay" }) }));
-    }
-    if (!todaysTips) {
-        return null;
-    }
-    const text = todaysTips.data.find(({ language }) => language === "fr_FR");
-    if (!text?.data) {
-        return null;
-    }
-    return (_jsxs("div", { ref: ref, className: css.tips, children: [_jsx("div", { className: css.title, dangerouslySetInnerHTML: { __html: t(lang, "todays-tips.title") } }), _jsx("div", { className: css.text, dangerouslySetInnerHTML: { __html: text.data } })] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const TodaysTips = React.forwardRef(({
+  resortOpening
+}, ref) => {
+  const {
+    lang
+  } = useUbloContext();
+  const todaysTips = resortOpening?.resortInfos?.find(({
+    type
+  }) => type === "RESORT_TIP_OF_THE_DAY");
+  if (todaysTips === undefined) {
+    return _jsx("div", {
+      ref: ref,
+      className: css.loader,
+      children: _jsx(Loader, {
+        variant: "overlay"
+      })
+    });
+  }
+  if (!todaysTips) {
+    return null;
+  }
+  const text = todaysTips.data.find(({
+    language
+  }) => language === "fr_FR");
+  if (!text?.data) {
+    return null;
+  }
+  return _jsxs("div", {
+    ref: ref,
+    className: css.tips,
+    children: [_jsx("div", {
+      className: css.title,
+      dangerouslySetInnerHTML: {
+        __html: t(lang, "todays-tips.title")
+      }
+    }), _jsx("div", {
+      className: css.text,
+      dangerouslySetInnerHTML: {
+        __html: text.data
+      }
+    })]
+  });
 });
 TodaysTips.displayName = "TodaysTips";
-export default TodaysTips;
+export default TodaysTips;

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

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

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

@@ -1,12 +1,37 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 (_jsxs("div", { className: css.avalancheRisk, children: [_jsx("b", { children: _jsx(T, { id: "weather.avalanche-risk.title" }) }), _jsxs("span", { children: [_jsx(Image, { src: `${lumiplanApi}/avalanche/${avalancheRisk}.svg`, width: 20, height: 20, alt: "" }), _jsx("span", { children: _jsx(T, { id: `weather.avalanche-risk.states.${avalancheRisk}` }) })] })] }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  publicRuntimeConfig
+} = getConfig();
+const {
+  lumiplanApi
+} = publicRuntimeConfig;
+export default function AvalancheRisk({
+  avalancheRisk
+}) {
+  if (!avalancheRisk || avalancheRisk === "UNDEF") return null;
+  return _jsxs("div", {
+    className: css.avalancheRisk,
+    children: [_jsx("b", {
+      children: _jsx(T, {
+        id: "weather.avalanche-risk.title"
+      })
+    }), _jsxs("span", {
+      children: [_jsx(Image, {
+        src: `${lumiplanApi}/avalanche/${avalancheRisk}.svg`,
+        width: 20,
+        height: 20,
+        alt: ""
+      }), _jsx("span", {
+        children: _jsx(T, {
+          id: `weather.avalanche-risk.states.${avalancheRisk}`
+        })
+      })]
+    })]
+  });
+}

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.js

@@ -1,8 +1,74 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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 (_jsxs("div", { className: css.snow, children: [_jsx(SnowCover, { className: css.snowIcon }), _jsxs("div", { className: css.snowInfo, children: [_jsxs("div", { className: css.snowState, children: [_jsx(T, { id: "snow.snow-quality.title" }), " ", snowQuality && snowQuality !== "UNDEF" && (_jsxs(_Fragment, { children: [": ", _jsx(T, { id: `snow.snow-quality.states.${snowQuality}` })] }))] }), _jsxs("div", { className: css.snowDepth, children: [snowTotalDepth?.value || 0, _jsx(T, { id: snowTotalDepth?.unit || "CENTIMETER" })] }), expanded && (_jsxs("div", { className: css.expanded, children: [freshSnowFallDepth12H && freshSnowFallDepth12H.value !== 0 && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 12h :", " ", freshSnowFallDepth12H.value, _jsx(T, { id: freshSnowFallDepth12H.unit })] })), freshSnowFallDepth24H && freshSnowFallDepth24H.value !== 0 && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 24h :", " ", freshSnowFallDepth24H.value, _jsx(T, { id: freshSnowFallDepth24H.unit })] })), freshSnowFallDepth48H && freshSnowFallDepth48H.value !== 0 && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 48h :", " ", freshSnowFallDepth48H.value, _jsx(T, { id: freshSnowFallDepth48H.unit })] })), freshSnowFallDepth72H && freshSnowFallDepth72H.value !== 0 && (_jsxs("div", { className: css.snowFall, children: [_jsx(T, { id: "snow.fresh-snow-fall" }), " 72h :", " ", freshSnowFallDepth72H.value, _jsx(T, { id: freshSnowFallDepth72H.unit })] }))] }))] })] }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function SnowData({
+  data,
+  expanded
+}) {
+  const {
+    snowQuality,
+    snowTotalDepth,
+    freshSnowFallDepth12H,
+    freshSnowFallDepth24H,
+    freshSnowFallDepth48H,
+    freshSnowFallDepth72H
+  } = data;
+  return _jsxs("div", {
+    className: css.snow,
+    children: [_jsx(SnowCover, {
+      className: css.snowIcon
+    }), _jsxs("div", {
+      className: css.snowInfo,
+      children: [_jsxs("div", {
+        className: css.snowState,
+        children: [_jsx(T, {
+          id: "snow.snow-quality.title"
+        }), " ", snowQuality && snowQuality !== "UNDEF" && _jsxs(_Fragment, {
+          children: [": ", _jsx(T, {
+            id: `snow.snow-quality.states.${snowQuality}`
+          })]
+        })]
+      }), _jsxs("div", {
+        className: css.snowDepth,
+        children: [snowTotalDepth?.value || 0, _jsx(T, {
+          id: snowTotalDepth?.unit || "CENTIMETER"
+        })]
+      }), expanded && _jsxs("div", {
+        className: css.expanded,
+        children: [freshSnowFallDepth12H && freshSnowFallDepth12H.value !== 0 && _jsxs("div", {
+          className: css.snowFall,
+          children: [_jsx(T, {
+            id: "snow.fresh-snow-fall"
+          }), " 12h :", " ", freshSnowFallDepth12H.value, _jsx(T, {
+            id: freshSnowFallDepth12H.unit
+          })]
+        }), freshSnowFallDepth24H && freshSnowFallDepth24H.value !== 0 && _jsxs("div", {
+          className: css.snowFall,
+          children: [_jsx(T, {
+            id: "snow.fresh-snow-fall"
+          }), " 24h :", " ", freshSnowFallDepth24H.value, _jsx(T, {
+            id: freshSnowFallDepth24H.unit
+          })]
+        }), freshSnowFallDepth48H && freshSnowFallDepth48H.value !== 0 && _jsxs("div", {
+          className: css.snowFall,
+          children: [_jsx(T, {
+            id: "snow.fresh-snow-fall"
+          }), " 48h :", " ", freshSnowFallDepth48H.value, _jsx(T, {
+            id: freshSnowFallDepth48H.unit
+          })]
+        }), freshSnowFallDepth72H && freshSnowFallDepth72H.value !== 0 && _jsxs("div", {
+          className: css.snowFall,
+          children: [_jsx(T, {
+            id: "snow.fresh-snow-fall"
+          }), " 72h :", " ", freshSnowFallDepth72H.value, _jsx(T, {
+            id: freshSnowFallDepth72H.unit
+          })]
+        })]
+      })]
+    })]
+  });
+}

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

@@ -1,10 +1,129 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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 (_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 })] }))] }))] })] }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+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-days.js

@@ -1,54 +1,82 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 (_jsx("div", { ref: containerRef, className: daysClasses, children: _jsx("div", { ref: scrollerRef, onScroll: refreshShadows, className: css.content, children: 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 (_jsxs(Button, { className: classes, onClick: updateCurrentDay, children: [_jsx("b", { children: isToday ? _jsx(T, { id: "weather.today" }) : today }), formatedDate] }, date));
-            }) }) }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+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 _jsx("div", {
+    ref: containerRef,
+    className: daysClasses,
+    children: _jsx("div", {
+      ref: scrollerRef,
+      onScroll: refreshShadows,
+      className: css.content,
+      children: 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 _jsxs(Button, {
+          className: classes,
+          onClick: updateCurrentDay,
+          children: [_jsx("b", {
+            children: isToday ? _jsx(T, {
+              id: "weather.today"
+            }) : today
+          }), formatedDate]
+        }, date);
+      })
+    })
+  });
+}