ublo-lib 1.31.42 → 1.31.44

package/es/esf/components/week-picker/index.js

@@ -5,237 +5,197 @@ import Week from "./week";
 import { weekToLongDate, weekToDate, formatDate } from "./utils";
 import messages from "./messages";
 import { useUbloContext } from "ublo/with-ublo";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const WEEK_STORAGE = "stayWeek";
 const buildWeeks = (start, end) => {
-  const length = end - start;
-  const array = [];
-  for (let i = 0; i < length; i++) {
-    array.push(start + i);
-  }
-  return array;
+    const length = end - start;
+    const array = [];
+    for (let i = 0; i < length; i++) {
+        array.push(start + i);
+    }
+    return array;
 };
 const getFiltrableSections = () => {
-  return document.querySelectorAll("section[data-weeks]");
+    return document.querySelectorAll("section[data-weeks]");
 };
 const removeSectionFilters = () => {
-  const filtrables = getFiltrableSections();
-  Array.prototype.forEach.call(filtrables, section => {
-    if (section.originalDisplayStyle !== undefined && section.originalDisplayStyle !== "none") {
-      section.style.display = section.originalDisplayStyle;
-    } else {
-      section.style.removeProperty("display");
-    }
-    section.removeAttribute("data-full");
-  });
-};
-const filterSections = week => {
-  const search = String(week);
-  const filtrables = getFiltrableSections();
-  filtrables.forEach(section => {
-    const weeks = section.dataset.weeks.split(",").filter(week => week !== "");
-    const hasFullWeeks = section.hasAttribute("data-full-weeks");
-    const visible = weeks.length === 0 || weeks.includes(search);
-    if (section.originalDisplayStyle === undefined) {
-      section.originalDisplayStyle = section.style.display;
-    }
-    if (hasFullWeeks && visible) {
-      const fullWeeks = section.dataset.fullWeeks.split(",").filter(week => week !== "");
-      const isFull = fullWeeks.includes(search) && fullWeeks.every(week => weeks.includes(week));
-      if (isFull) {
-        section.setAttribute("data-full", "true");
-      } else {
+    const filtrables = getFiltrableSections();
+    Array.prototype.forEach.call(filtrables, (section) => {
+        if (section.originalDisplayStyle !== undefined &&
+            section.originalDisplayStyle !== "none") {
+            section.style.display = section.originalDisplayStyle;
+        }
+        else {
+            section.style.removeProperty("display");
+        }
         section.removeAttribute("data-full");
-      }
-    }
-    section.style.display = visible ? section.originalDisplayStyle : "none";
-  });
+    });
 };
-const WeekPicker = ({
-  lang,
-  start,
-  end,
-  setClosed,
-  cmsMode,
-  customMessages,
-  noRoughValidation = false,
-  force = false,
-  forceSeasonSwitch = false,
-  onChange
-}) => {
-  const {
-    path
-  } = useUbloContext();
-  const [isBrowser, setBrowser] = useState(false);
-  const [warn, setWarn] = useState(-1);
-  const [opened, setOpened] = useState(true);
-  const [selected, setSelected] = useState();
-  const previous = createRef();
-  const mustFilterSections = cmsMode === undefined;
-  const texts = messages(lang, customMessages);
-  const weekPickerTitle = texts["week-picker-title"];
-  const weekPickedSelectedTitle = texts["week-picker-selected-title"];
-  const weekPickerSubtitle = texts["week-picker-subtitle"];
-  const weekPickerWarn = texts["week-picker-warn"];
-  const weekPickerOk = texts["week-picker-ok"];
-  const weekPickerCancel = texts["week-picker-cancel"];
-  const weeks = buildWeeks(start, end);
-  const endWeek = weeks[weeks.length - 1];
-  const beginWeek = weeks[0];
-  const showDialog = force && selected === null;
-  const pickerClasses = classNames("week-picker", {
-    "week-picker--dialog-opened": showDialog && mustFilterSections,
-    "week-picker--inline": force,
-    "week-picker--editing": !mustFilterSections
-  });
-  const selectWeek = useCallback((week, force = false) => {
-    const hasCart = window.sessionStorage.cartId !== undefined;
-    if (force || !hasCart) {
-      if (previous.current !== undefined && previous.current !== null && previous.current !== week) {
-        window.sessionStorage.removeItem("cartId");
-      }
-      setWarn(-1);
-      setSelected(week);
-      previous.current = week;
-      if (mustFilterSections && week !== null && week !== undefined) {
-        filterSections(week, mustFilterSections);
-      } else {
-        removeSectionFilters();
-      }
-    } else {
-      setWarn(week);
-    }
-  }, [mustFilterSections]);
-  useEffect(() => {
-    if (!mustFilterSections) {
-      removeSectionFilters();
-    }
-  }, [mustFilterSections]);
-  useEffect(() => {
-    const stored = window.sessionStorage.getItem(WEEK_STORAGE);
-    selectWeek(stored !== null ? Number(stored) : null, true);
-    setBrowser(true);
-  }, [selectWeek, lang, path]);
-  useEffect(() => {
-    if (selected !== null && selected !== undefined) {
-      const stored = window.sessionStorage.getItem(WEEK_STORAGE);
-      const storedSelected = stored !== null ? Number(stored) : null;
-      if (storedSelected !== selected) {
-        window.sessionStorage.setItem(WEEK_STORAGE, selected);
-        const startDate = weekToDate(selected, endWeek, forceSeasonSwitch);
-        const endDate = weekToDate(selected + 1, endWeek, forceSeasonSwitch);
-        const range = {
-          from: formatDate(startDate),
-          to: formatDate(endDate)
-        };
-        window.sessionStorage.stay = JSON.stringify(range);
-        window.sessionStorage.Stay = JSON.stringify(range);
-        if (typeof onChange === "function") {
-          onChange(range);
+const filterSections = (week) => {
+    const search = String(week);
+    const filtrables = getFiltrableSections();
+    filtrables.forEach((section) => {
+        const weeks = section.dataset.weeks
+            .split(",")
+            .filter((week) => week !== "");
+        const hasFullWeeks = section.hasAttribute("data-full-weeks");
+        const visible = weeks.length === 0 || weeks.includes(search);
+        if (section.originalDisplayStyle === undefined) {
+            section.originalDisplayStyle = section.style.display;
         }
-        if (!noRoughValidation) {
-          window.sessionStorage.roughStay = true;
+        if (hasFullWeeks && visible) {
+            const fullWeeks = section.dataset.fullWeeks
+                .split(",")
+                .filter((week) => week !== "");
+            const isFull = fullWeeks.includes(search) &&
+                fullWeeks.every((week) => weeks.includes(week));
+            if (isFull) {
+                section.setAttribute("data-full", "true");
+            }
+            else {
+                section.removeAttribute("data-full");
+            }
         }
-      }
-    }
-  }, [selected, endWeek, noRoughValidation, forceSeasonSwitch, onChange]);
-  const select = week => () => {
-    selectWeek(week);
-    if (setClosed !== undefined) {
-      setClosed(week);
-    }
-  };
-  const selectAndClose = week => {
-    selectWeek(week);
-    setOpened(false);
-  };
-  return _jsxs(_Fragment, {
-    children: [_jsx("div", {
-      className: pickerClasses,
-      children: isBrowser && _jsxs(_Fragment, {
-        children: [_jsxs("div", {
-          className: "week-picker__top",
-          children: [_jsx("div", {
-            className: "week-picker__icon-container",
-            children: _jsx("svg", {
-              viewBox: "0 0 32 32",
-              className: "week-picker__icon",
-              children: _jsx("path", {
-                d: "M32 3.8h-4.6V5c0 1.8-1.5 3.3-3.4 3.3A3.4 3.4 0 0 1 20.6 5V3.8h-9.2V5c0 1.8-1.5 3.3-3.4 3.3A3.4 3.4 0 0 1 4.6 5V3.8H0V32h32V3.8zm-2.3 26H2.3v-18h27.4v18zM24 6.8c-1.3 0-2.3-1-2.3-2.3V2.2C21.7 1 22.7 0 24 0c1.2 0 2.2 1 2.2 2.2v2.3c0 1.3-1 2.3-2.2 2.3zm-16 0c-1.3 0-2.3-1-2.3-2.3V2.2C5.7 1 6.7 0 8 0c1.2 0 2.2 1 2.2 2.2v2.3c0 1.3-1 2.3-2.2 2.3zm1.3 10.5H5.7V14h3.6v3.2zm5.7 0h-3.6V14H15v3.2zm5.9 0h-3.6V14h3.6v3.2zm5.4 0h-3.6V14h3.6v3.2zM15 22.5h-3.6v-3.2H15v3.2zm5.9 0h-3.6v-3.2h3.6v3.2zm5.4 0h-3.6v-3.2h3.6v3.2zM15 27.8h-3.6v-3.1H15v3zm-5.7-5.3H5.7v-3.2h3.6v3.2zm0 5.3H5.7v-3.1h3.6v3z"
-              })
-            })
-          }), _jsxs("div", {
-            className: "week-picker__text",
-            children: [selected === null && _jsxs(_Fragment, {
-              children: [_jsx("div", {
-                className: "week-picker__title",
-                dangerouslySetInnerHTML: {
-                  __html: weekPickerTitle
+        section.style.display = visible ? section.originalDisplayStyle : "none";
+    });
+};
+const WeekPicker = ({ lang, start, end, setClosed, cmsMode, customMessages, noRoughValidation = false, force = false, forceSeasonSwitch = false, onChange, }) => {
+    const { path } = useUbloContext();
+    const [isBrowser, setBrowser] = useState(false);
+    const [warn, setWarn] = useState(-1);
+    const [opened, setOpened] = useState(true);
+    const [selected, setSelected] = useState();
+    const previous = createRef();
+    const mustFilterSections = cmsMode === undefined;
+    const texts = messages(lang, customMessages);
+    const weekPickerTitle = texts["week-picker-title"];
+    const weekPickedSelectedTitle = texts["week-picker-selected-title"];
+    const weekPickerSubtitle = texts["week-picker-subtitle"];
+    const weekPickerWarn = texts["week-picker-warn"];
+    const weekPickerOk = texts["week-picker-ok"];
+    const weekPickerCancel = texts["week-picker-cancel"];
+    const weeks = buildWeeks(start, end);
+    const endWeek = weeks[weeks.length - 1];
+    const beginWeek = weeks[0];
+    const showDialog = force && selected === null;
+    const pickerClasses = classNames("week-picker", {
+        "week-picker--dialog-opened": showDialog && mustFilterSections,
+        "week-picker--inline": force,
+        "week-picker--editing": !mustFilterSections,
+    });
+    const selectWeek = useCallback((week, force = false) => {
+        const hasCart = window.sessionStorage.cartId !== undefined;
+        if (force || !hasCart) {
+            if (previous.current !== undefined &&
+                previous.current !== null &&
+                previous.current !== week) {
+                window.sessionStorage.removeItem("cartId");
+            }
+            setWarn(-1);
+            setSelected(week);
+            previous.current = week;
+            if (mustFilterSections && week !== null && week !== undefined) {
+                filterSections(week, mustFilterSections);
+            }
+            else {
+                removeSectionFilters();
+            }
+        }
+        else {
+            setWarn(week);
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [mustFilterSections]);
+    useEffect(() => {
+        if (!mustFilterSections) {
+            removeSectionFilters();
+        }
+    }, [mustFilterSections]);
+    useEffect(() => {
+        const stored = window.sessionStorage.getItem(WEEK_STORAGE);
+        selectWeek(stored !== null ? Number(stored) : null, true);
+        setBrowser(true);
+    }, [selectWeek, lang, path]);
+    useEffect(() => {
+        if (selected !== null && selected !== undefined) {
+            const stored = window.sessionStorage.getItem(WEEK_STORAGE);
+            const storedSelected = stored !== null ? Number(stored) : null;
+            if (storedSelected !== selected) {
+                window.sessionStorage.setItem(WEEK_STORAGE, selected);
+                const startDate = weekToDate(selected, endWeek, forceSeasonSwitch);
+                const endDate = weekToDate(selected + 1, endWeek, forceSeasonSwitch);
+                const range = { from: formatDate(startDate), to: formatDate(endDate) };
+                window.sessionStorage.stay = JSON.stringify(range);
+                window.sessionStorage.Stay = JSON.stringify(range);
+                if (typeof onChange === "function") {
+                    onChange(range);
+                }
+                if (!noRoughValidation) {
+                    window.sessionStorage.roughStay = true;
                 }
-              }), _jsx("div", {
-                className: "week-picker__subtitle",
-                children: weekPickerSubtitle
-              })]
-            }), selected !== undefined && selected !== null && _jsx("div", {
-              className: "week-picker__title",
-              dangerouslySetInnerHTML: {
-                __html: `${weekPickedSelectedTitle} ${weekToLongDate(selected, endWeek, forceSeasonSwitch)}`
-              }
-            })]
-          })]
-        }), _jsxs("div", {
-          className: "week-picker__bottom",
-          children: [_jsx("div", {
-            className: "week-picker__bar",
-            children: weeks.map(week => _jsx(Week, {
-              week: week,
-              beginWeek: beginWeek,
-              endWeek: endWeek,
-              selected: selected,
-              onClick: select(week),
-              forceSeasonSwitch: forceSeasonSwitch
-            }, week))
-          }), warn !== -1 && _jsx("div", {
-            className: "week-picker__warn",
-            children: _jsxs("div", {
-              className: "week-picker__warn-inner",
-              children: [_jsx("div", {
-                className: "week-picker__warn-text",
-                children: weekPickerWarn
-              }), _jsxs("div", {
-                className: "week-picker__warn-buttons",
-                children: [_jsx("button", {
-                  className: "week-picker__warn-button",
-                  onClick: () => setWarn(-1),
-                  children: weekPickerCancel
-                }), _jsx("button", {
-                  className: "week-picker__warn-button",
-                  onClick: () => selectWeek(warn, true),
-                  children: weekPickerOk
-                })]
-              })]
-            })
-          })]
-        })]
-      })
-    }), mustFilterSections && isBrowser && showDialog && opened && _jsx("div", {
-      className: "week-picker-popup",
-      children: _jsx("div", {
-        className: "week-picker-popup__inner",
-        children: _jsx("div", {
-          className: "week-picker-popup__content",
-          children: _jsx(WeekPicker, {
-            lang: lang,
-            start: start,
-            end: end,
-            setClosed: selectAndClose,
-            forceSeasonSwitch: forceSeasonSwitch
-          })
-        })
-      })
-    })]
-  });
+            }
+        }
+    }, [selected, endWeek, noRoughValidation, forceSeasonSwitch, onChange]);
+    const select = (week) => () => {
+        selectWeek(week);
+        if (setClosed !== undefined) {
+            setClosed(week);
+        }
+    };
+    const selectAndClose = (week) => {
+        selectWeek(week);
+        setOpened(false);
+    };
+    return (<>
+      <div className={pickerClasses}>
+        {isBrowser && (<>
+            <div className="week-picker__top">
+              <div className="week-picker__icon-container">
+                <svg viewBox="0 0 32 32" className="week-picker__icon">
+                  <path d="M32 3.8h-4.6V5c0 1.8-1.5 3.3-3.4 3.3A3.4 3.4 0 0 1 20.6 5V3.8h-9.2V5c0 1.8-1.5 3.3-3.4 3.3A3.4 3.4 0 0 1 4.6 5V3.8H0V32h32V3.8zm-2.3 26H2.3v-18h27.4v18zM24 6.8c-1.3 0-2.3-1-2.3-2.3V2.2C21.7 1 22.7 0 24 0c1.2 0 2.2 1 2.2 2.2v2.3c0 1.3-1 2.3-2.2 2.3zm-16 0c-1.3 0-2.3-1-2.3-2.3V2.2C5.7 1 6.7 0 8 0c1.2 0 2.2 1 2.2 2.2v2.3c0 1.3-1 2.3-2.2 2.3zm1.3 10.5H5.7V14h3.6v3.2zm5.7 0h-3.6V14H15v3.2zm5.9 0h-3.6V14h3.6v3.2zm5.4 0h-3.6V14h3.6v3.2zM15 22.5h-3.6v-3.2H15v3.2zm5.9 0h-3.6v-3.2h3.6v3.2zm5.4 0h-3.6v-3.2h3.6v3.2zM15 27.8h-3.6v-3.1H15v3zm-5.7-5.3H5.7v-3.2h3.6v3.2zm0 5.3H5.7v-3.1h3.6v3z"/>
+                </svg>
+              </div>
+              <div className="week-picker__text">
+                {selected === null && (<>
+                    <div className="week-picker__title" dangerouslySetInnerHTML={{ __html: weekPickerTitle }}/>
+                    <div className="week-picker__subtitle">
+                      {weekPickerSubtitle}
+                    </div>
+                  </>)}
+                {selected !== undefined && selected !== null && (<div className="week-picker__title" dangerouslySetInnerHTML={{
+                    __html: `${weekPickedSelectedTitle} ${weekToLongDate(selected, endWeek, forceSeasonSwitch)}`,
+                }}/>)}
+              </div>
+            </div>
+            <div className="week-picker__bottom">
+              <div className="week-picker__bar">
+                {weeks.map((week) => (<Week key={week} week={week} beginWeek={beginWeek} endWeek={endWeek} selected={selected} onClick={select(week)} forceSeasonSwitch={forceSeasonSwitch}/>))}
+              </div>
+              {warn !== -1 && (<div className="week-picker__warn">
+                  <div className="week-picker__warn-inner">
+                    <div className="week-picker__warn-text">
+                      {weekPickerWarn}
+                    </div>
+                    <div className="week-picker__warn-buttons">
+                      <button className="week-picker__warn-button" onClick={() => setWarn(-1)}>
+                        {weekPickerCancel}
+                      </button>
+                      <button className="week-picker__warn-button" onClick={() => selectWeek(warn, true)}>
+                        {weekPickerOk}
+                      </button>
+                    </div>
+                  </div>
+                </div>)}
+            </div>
+          </>)}
+      </div>
+      {mustFilterSections && isBrowser && showDialog && opened && (<div className="week-picker-popup">
+          <div className="week-picker-popup__inner">
+            <div className="week-picker-popup__content">
+              <WeekPicker lang={lang} start={start} end={end} setClosed={selectAndClose} forceSeasonSwitch={forceSeasonSwitch}/>
+            </div>
+          </div>
+        </div>)}
+    </>);
 };
-export default memo(WeekPicker);
+export default memo(WeekPicker);

package/es/esf/components/week-picker/messages.d.ts

@@ -0,0 +1,27 @@
+export default getMessage;
+declare function getMessage(lang: any, messages?: {
+    fr: {
+        "week-picker-title": string;
+        "week-picker-subtitle": string;
+        "week-picker-selected-title": string;
+        "week-picker-warn": string;
+        "week-picker-ok": string;
+        "week-picker-cancel": string;
+    };
+    en: {
+        "week-picker-title": string;
+        "week-picker-subtitle": string;
+        "week-picker-selected-title": string;
+        "week-picker-warn": string;
+        "week-picker-ok": string;
+        "week-picker-cancel": string;
+    };
+    nl: {
+        "week-picker-title": string;
+        "week-picker-subtitle": string;
+        "week-picker-selected-title": string;
+        "week-picker-warn": string;
+        "week-picker-ok": string;
+        "week-picker-cancel": string;
+    };
+}): any;

package/es/esf/components/week-picker/messages.js

@@ -1,34 +1,35 @@
 const locales = {
-  fr: {
-    "week-picker-title": "Choisissez <span>votre semaine</span>",
-    "week-picker-subtitle": "Pour afficher les bons horaires et prix",
-    "week-picker-selected-title": "<span>Vous venez</span> la semaine du",
-    "week-picker-warn": "Attention, modifier vos dates de séjour entraine la suppression du contenu du panier",
-    "week-picker-ok": "Modifier",
-    "week-picker-cancel": "Annuler"
-  },
-  en: {
-    "week-picker-title": "<span>When</span> are you coming?",
-    "week-picker-subtitle": "To display the right schedule and prices",
-    "week-picker-selected-title": "<span>Coming</span> the week of the",
-    "week-picker-warn": "Warning, if you modify your dates of stay, your cart will be cleared",
-    "week-picker-ok": "Modify",
-    "week-picker-cancel": "Cancel"
-  },
-  nl: {
-    "week-picker-title": "<span>Wanneer</span> kom je?",
-    "week-picker-subtitle": "Om de juiste planning en prijzen weer te geven",
-    "week-picker-selected-title": "<span>Keuze</span> de week van",
-    "week-picker-warn": "Waarschuwing, als u uw verblijfsdata wijzigt, wordt uw winkelwagentje gewist",
-    "week-picker-ok": "Aanpassen",
-    "week-picker-cancel": "Annuleren"
-  }
+    fr: {
+        "week-picker-title": "Choisissez <span>votre semaine</span>",
+        "week-picker-subtitle": "Pour afficher les bons horaires et prix",
+        "week-picker-selected-title": "<span>Vous venez</span> la semaine du",
+        "week-picker-warn": "Attention, modifier vos dates de séjour entraine la suppression du contenu du panier",
+        "week-picker-ok": "Modifier",
+        "week-picker-cancel": "Annuler",
+    },
+    en: {
+        "week-picker-title": "<span>When</span> are you coming?",
+        "week-picker-subtitle": "To display the right schedule and prices",
+        "week-picker-selected-title": "<span>Coming</span> the week of the",
+        "week-picker-warn": "Warning, if you modify your dates of stay, your cart will be cleared",
+        "week-picker-ok": "Modify",
+        "week-picker-cancel": "Cancel",
+    },
+    nl: {
+        "week-picker-title": "<span>Wanneer</span> kom je?",
+        "week-picker-subtitle": "Om de juiste planning en prijzen weer te geven",
+        "week-picker-selected-title": "<span>Keuze</span> de week van",
+        "week-picker-warn": "Waarschuwing, als u uw verblijfsdata wijzigt, wordt uw winkelwagentje gewist",
+        "week-picker-ok": "Aanpassen",
+        "week-picker-cancel": "Annuleren",
+    },
 };
 const getMessage = (lang, messages = locales) => {
-  if (messages[lang] !== undefined) {
-    return messages[lang];
-  } else {
-    return messages.en;
-  }
+    if (messages[lang] !== undefined) {
+        return messages[lang];
+    }
+    else {
+        return messages.en;
+    }
 };
-export default getMessage;
+export default getMessage;

package/es/esf/components/week-picker/utils.d.ts

@@ -0,0 +1,5 @@
+export function padStart(value: any, count: any, pad: any): string;
+export function weekToDate(week: any, endWeek: any, forceSeasonSwitch: any): Date;
+export function formatShortDate(date: any): string;
+export function weekToLongDate(week: any, endWeek: any, forceSeasonSwitch: any): string;
+export function formatDate(date: any): string;

package/es/esf/components/week-picker/utils.js

@@ -1,58 +1,63 @@
 export const padStart = (value, count, pad) => {
-  let str = String(value);
-  while (str.length < count) {
-    str = pad + str;
-  }
-  return str;
+    let str = String(value);
+    while (str.length < count) {
+        str = pad + str;
+    }
+    return str;
 };
 const createDate = (...args) => {
-  const ref = new Date(...args);
-  const yy = ref.getFullYear();
-  const mm = padStart(ref.getMonth() + 1, 2, 0);
-  const dd = padStart(ref.getDate(), 2, 0);
-  const str = `${yy}-${mm}-${dd}`;
-  return new Date(str);
-};
-const getPrevSaturday = date => {
-  const clone = createDate(date);
-  const day = 1 + clone.getDay();
-  const prevSaturday = clone.getDate() - day % 7;
-  clone.setDate(prevSaturday);
-  return clone;
+    const ref = new Date(...args);
+    const yy = ref.getFullYear();
+    const mm = padStart(ref.getMonth() + 1, 2, 0);
+    const dd = padStart(ref.getDate(), 2, 0);
+    const str = `${yy}-${mm}-${dd}`;
+    return new Date(str);
+};
+const getPrevSaturday = (date) => {
+    const clone = createDate(date);
+    const day = 1 + clone.getDay();
+    const prevSaturday = clone.getDate() - (day % 7);
+    clone.setDate(prevSaturday);
+    return clone;
 };
 const addDays = (date, days) => {
-  const clone = createDate(date);
-  clone.setDate(clone.getDate() + days);
-  return clone;
+    const clone = createDate(date);
+    clone.setDate(clone.getDate() + days);
+    return clone;
 };
+// on calcule d'abord l'année du précédent Noël, et la date de la semaine 0 de ce Noël.
+// on regarde la fin de saison par rapport à cette date.
+// on considère cette date, ou celle du Noël suivant, si la date now est avant ou après la date de fin de saison
 const christmasWeek = (endWeek, forceSeasonSwitch) => {
-  const now = createDate();
-  const year = now.getFullYear();
-  const month = now.getMonth();
-  const date = now.getDate();
-  const isAfterChristmas = month === 11 && date >= 25;
-  const lastChristmasYear = isAfterChristmas || !isAfterChristmas && forceSeasonSwitch ? year : year - 1;
-  const lastChristmas = createDate(lastChristmasYear, 11, 25);
-  const nextChristmas = createDate(lastChristmasYear + 1, 11, 25);
-  const dateSeasonEnd = addDays(getPrevSaturday(lastChristmas), endWeek * 7);
-  return getPrevSaturday(now <= dateSeasonEnd ? lastChristmas : nextChristmas);
+    const now = createDate();
+    const year = now.getFullYear();
+    const month = now.getMonth();
+    const date = now.getDate();
+    const isAfterChristmas = month === 11 && date >= 25;
+    const lastChristmasYear = isAfterChristmas || (!isAfterChristmas && forceSeasonSwitch)
+        ? year
+        : year - 1;
+    const lastChristmas = createDate(lastChristmasYear, 11, 25);
+    const nextChristmas = createDate(lastChristmasYear + 1, 11, 25);
+    const dateSeasonEnd = addDays(getPrevSaturday(lastChristmas), endWeek * 7);
+    return getPrevSaturday(now <= dateSeasonEnd ? lastChristmas : nextChristmas);
 };
 export const weekToDate = (week, endWeek, forceSeasonSwitch) => addDays(christmasWeek(endWeek, forceSeasonSwitch), week * 7);
-export const formatShortDate = date => {
-  const dd = padStart(date.getDate(), 2, 0);
-  const mm = padStart(date.getMonth() + 1, 2, 0);
-  return `${dd}/${mm}`;
+export const formatShortDate = (date) => {
+    const dd = padStart(date.getDate(), 2, 0);
+    const mm = padStart(date.getMonth() + 1, 2, 0);
+    return `${dd}/${mm}`;
 };
 export const weekToLongDate = (week, endWeek, forceSeasonSwitch) => {
-  const date = weekToDate(week, endWeek, forceSeasonSwitch);
-  const dd = padStart(date.getDate(), 2, 0);
-  const mm = padStart(date.getMonth() + 1, 2, 0);
-  const yy = date.getFullYear();
-  return `${dd}/${mm}/${yy}`;
-};
-export const formatDate = date => {
-  const dd = padStart(date.getDate(), 2, 0);
-  const mm = padStart(date.getMonth() + 1, 2, 0);
-  const yy = date.getFullYear();
-  return `${yy}-${mm}-${dd}`;
-};
+    const date = weekToDate(week, endWeek, forceSeasonSwitch);
+    const dd = padStart(date.getDate(), 2, 0);
+    const mm = padStart(date.getMonth() + 1, 2, 0);
+    const yy = date.getFullYear();
+    return `${dd}/${mm}/${yy}`;
+};
+export const formatDate = (date) => {
+    const dd = padStart(date.getDate(), 2, 0);
+    const mm = padStart(date.getMonth() + 1, 2, 0);
+    const yy = date.getFullYear();
+    return `${yy}-${mm}-${dd}`;
+};

package/es/esf/components/week-picker/week.d.ts

@@ -0,0 +1,10 @@
+export default Week;
+declare function Week({ week, beginWeek, endWeek, selected, onClick, forceSeasonSwitch, }: {
+    week: any;
+    beginWeek: any;
+    endWeek: any;
+    selected: any;
+    onClick: any;
+    forceSeasonSwitch: any;
+}): React.JSX.Element;
+import * as React from "react";