ublo-lib 1.31.42 → 1.31.44

package/es/lbm/components/lumiplan/resort-selector.js

@@ -1,64 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useWindowSizes from "../../../common/hooks/use-window-sizes";
-import Button from "dt-design-system/es/button";
-import css from "./resort-selector.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ResortSelector({
-  resorts,
-  currentResortId,
-  setCurrentResortId
-}) {
-  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]);
-  if (!resorts || resorts.length < 2) {
-    return null;
-  }
-  const classes = classNames(css.selector, {
-    [css.leftShadow]: showLeftShadow,
-    [css.rightShadow]: showRightShadow
-  });
-  return _jsx("div", {
-    ref: containerRef,
-    className: classes,
-    children: _jsx("div", {
-      ref: scrollerRef,
-      onScroll: refreshShadows,
-      className: css.content,
-      children: resorts.map(({
-        id,
-        label
-      }) => {
-        const classes = classNames(css.button, {
-          [css.selected]: id === currentResortId
-        });
-        const updateCurrentResort = () => {
-          setCurrentResortId(id);
-        };
-        return _jsx(Button, {
-          className: classes,
-          onClick: updateCurrentResort,
-          children: label
-        }, id);
-      })
-    })
-  });
-}

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

@@ -1,108 +0,0 @@
-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";
-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;

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

@@ -1,24 +0,0 @@
-import Image from "next/image";
-import getConfig from "next/config";
-import styles from "./signature.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  lumiplanApi
-} = publicRuntimeConfig;
-export default function Signature({
-  signature
-}) {
-  if (!signature) return null;
-  return _jsx("div", {
-    className: styles.signature,
-    children: _jsx(Image, {
-      src: `${lumiplanApi}/labellemontagne-white.svg`,
-      height: 400,
-      width: 100,
-      alt: "labellemontagne"
-    })
-  });
-}

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

@@ -1,52 +0,0 @@
-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";
-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;

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

@@ -1,31 +0,0 @@
-import * as React from "react";
-import * as Icons from "dt-design-system/es/icons";
-import PrintButton from "./print-button";
-import T from "./i18n/translations";
-import styles from "./toolbar.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Toolbar({
-  setMode,
-  fetchAllData
-}) {
-  return _jsx("div", {
-    className: styles.toolbar,
-    children: _jsxs("div", {
-      className: styles.inner,
-      children: [_jsx(Icons.Download, {
-        className: styles.icon
-      }), _jsx(T, {
-        id: "print.label"
-      }), _jsx(PrintButton, {
-        fetchAllData: fetchAllData,
-        mode: "weather",
-        setMode: setMode
-      }), _jsx(PrintButton, {
-        fetchAllData: fetchAllData,
-        mode: "trails",
-        setMode: setMode
-      })]
-    })
-  });
-}

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

@@ -1,37 +0,0 @@
-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";
-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/snow-data.js

@@ -1,74 +0,0 @@
-import * as React from "react";
-import T from "../i18n/translations";
-import SnowCover from "../icons/snow-cover";
-import css from "./snow-data.module.css";
-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,131 +0,0 @@
-import * as React from "react";
-import T from "../i18n/translations";
-import WeatherIcon from "./weather-icon";
-import css from "./weather-data.module.css";
-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: [temperature && temperature.value !== undefined && temperature.unit !== undefined && _jsxs(_Fragment, {
-          children: [_jsxs("span", {
-            children: [temperature.value, _jsx(T, {
-              id: temperature.unit
-            })]
-          }), "|"]
-        }), windchill && windchill.value !== undefined && windchill.unit !== undefined && _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 && temperature.value !== undefined && temperature.unit !== undefined && _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,82 +0,0 @@
-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 "../../../../common/hooks/use-window-sizes";
-import css from "./weather-days.module.css";
-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);
-      })
-    })
-  });
-}

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

@@ -1,37 +0,0 @@
-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";
-import { jsx as _jsx } from "react/jsx-runtime";
-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 _jsx(Icon, {});
-}