ublo-lib 1.31.43 → 1.32.0

package/es/esf/components/period-picker/days.js

@@ -1,111 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import * as Stay from "./services/stay";
 import * as Dates from "./services/dates";
 import css from "./days.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Days = React.forwardRef(({
-  lang,
-  fullStay,
-  interval,
-  onChange
-}, ref) => {
-  const [firstSelected, setFirstSelected] = React.useState();
-  const updateSelection = day => e => {
-    e.stopPropagation();
-    if (firstSelected) {
-      const isBefore = firstSelected.getTime() > day.getTime();
-      const range = {
-        from: Dates.format(isBefore ? day : firstSelected),
-        to: Dates.format(isBefore ? firstSelected : day)
-      };
-      Stay.update(range);
-      if (typeof onChange === "function") {
-        onChange(range);
-      }
-      cancelSelection();
-    } else {
-      setFirstSelected(day);
-    }
-  };
-  const cancelSelection = () => {
-    setFirstSelected(undefined);
-  };
-  React.useEffect(() => {
-    window.addEventListener("click", cancelSelection);
-    return () => {
-      window.removeEventListener("click", cancelSelection);
+const Days = React.forwardRef(({ lang, fullStay, interval, onChange }, ref) => {
+    const [firstSelected, setFirstSelected] = React.useState();
+    const updateSelection = (day) => (e) => {
+        e.stopPropagation();
+        if (firstSelected) {
+            const isBefore = firstSelected.getTime() > day.getTime();
+            const range = {
+                from: Dates.format(isBefore ? day : firstSelected),
+                to: Dates.format(isBefore ? firstSelected : day),
+            };
+            Stay.update(range);
+            if (typeof onChange === "function") {
+                onChange(range);
+            }
+            cancelSelection();
+        }
+        else {
+            setFirstSelected(day);
+        }
     };
-  }, []);
-  return _jsx("div", {
-    ref: ref,
-    className: css.days,
-    children: interval.map((day, i) => _jsx(Day, {
-      index: i,
-      lang: lang,
-      day: day,
-      fullStay: fullStay,
-      firstSelected: firstSelected,
-      updateSelection: updateSelection
-    }, day))
-  });
+    const cancelSelection = () => {
+        setFirstSelected(undefined);
+    };
+    React.useEffect(() => {
+        window.addEventListener("click", cancelSelection);
+        return () => {
+            window.removeEventListener("click", cancelSelection);
+        };
+    }, []);
+    return (_jsx("div", { ref: ref, className: css.days, children: interval.map((day, i) => (_jsx(Day, { index: i, lang: lang, day: day, fullStay: fullStay, firstSelected: firstSelected, updateSelection: updateSelection }, day))) }));
 });
 Days.displayName = "Days";
 export default Days;
-function Day({
-  lang,
-  index,
-  day,
-  fullStay,
-  firstSelected,
-  updateSelection
-}) {
-  const locale = Dates.locales[lang] || Dates.locales.en;
-  const isFirstDayOfStay = day.getTime() === fullStay[0]?.getTime();
-  const isLastDayOfStay = day.getTime() === fullStay[fullStay.length - 1].getTime();
-  const isInStay = fullStay.some(date => date.getTime() === day.getTime());
-  const isFirstSelected = day.getTime() === new Date(firstSelected).getTime();
-  const dayLabel = new Date(day).toLocaleDateString(locale, {
-    weekday: "short"
-  });
-  const dayNumber = new Date(day).toLocaleDateString(locale, {
-    day: "2-digit"
-  });
-  const prevDay = new Date(day);
-  prevDay.setDate(day.getDate() - 1);
-  const prevMonth = prevDay.getMonth();
-  const currMonth = day.getMonth();
-  const hasMonthChanged = prevMonth !== currMonth;
-  const showMonth = index === 0 || hasMonthChanged;
-  const formatedMonth = day.toLocaleString(locale, {
-    month: "short"
-  });
-  const classes = classNames(css.day, {
-    [css.firstSelected]: isFirstSelected,
-    [css.dayFirstInStay]: !firstSelected && isFirstDayOfStay,
-    [css.dayLastInStay]: !firstSelected && isLastDayOfStay,
-    [css.dayBoundary]: !firstSelected && (isFirstDayOfStay || isLastDayOfStay),
-    [css.dayInStay]: !firstSelected && isInStay
-  });
-  return _jsxs("div", {
-    className: classes,
-    children: [_jsx("div", {
-      className: css.weekday,
-      children: dayLabel
-    }), _jsx("div", {
-      className: css.dayBottom,
-      children: _jsx("button", {
-        className: css.dayNumber,
-        onClick: updateSelection(day),
-        children: _jsx("span", {
-          className: css.dayNumberText,
-          children: dayNumber
-        })
-      })
-    }), showMonth && _jsx("span", {
-      className: css.month,
-      children: formatedMonth
-    })]
-  });
-}
+function Day({ lang, index, day, fullStay, firstSelected, updateSelection }) {
+    const locale = Dates.locales[lang] || Dates.locales.en;
+    const isFirstDayOfStay = day.getTime() === fullStay[0]?.getTime();
+    const isLastDayOfStay = day.getTime() === fullStay[fullStay.length - 1].getTime();
+    const isInStay = fullStay.some((date) => date.getTime() === day.getTime());
+    const isFirstSelected = day.getTime() === new Date(firstSelected).getTime();
+    const dayLabel = new Date(day).toLocaleDateString(locale, {
+        weekday: "short",
+    });
+    const dayNumber = new Date(day).toLocaleDateString(locale, {
+        day: "2-digit",
+    });
+    const prevDay = new Date(day);
+    prevDay.setDate(day.getDate() - 1);
+    const prevMonth = prevDay.getMonth();
+    const currMonth = day.getMonth();
+    const hasMonthChanged = prevMonth !== currMonth;
+    const showMonth = index === 0 || hasMonthChanged;
+    const formatedMonth = day.toLocaleString(locale, { month: "short" });
+    const classes = classNames(css.day, {
+        [css.firstSelected]: isFirstSelected,
+        [css.dayFirstInStay]: !firstSelected && isFirstDayOfStay,
+        [css.dayLastInStay]: !firstSelected && isLastDayOfStay,
+        [css.dayBoundary]: !firstSelected && (isFirstDayOfStay || isLastDayOfStay),
+        [css.dayInStay]: !firstSelected && isInStay,
+    });
+    return (_jsxs("div", { className: classes, children: [_jsx("div", { className: css.weekday, children: dayLabel }), _jsx("div", { className: css.dayBottom, children: _jsx("button", { className: css.dayNumber, onClick: updateSelection(day), children: _jsx("span", { className: css.dayNumberText, children: dayNumber }) }) }), showMonth && _jsx("span", { className: css.month, children: formatedMonth })] }));
+}

package/es/esf/components/period-picker/extended-stay-picker.d.ts

@@ -0,0 +1,12 @@
+export default function ExtendedStayPicker({ lang, stay, extend, week, endWeek, forceSeasonSwitch, opened, setExtendedOpened, onChange, }: {
+    lang: any;
+    stay: any;
+    extend: any;
+    week: any;
+    endWeek: any;
+    forceSeasonSwitch: any;
+    opened: any;
+    setExtendedOpened: any;
+    onChange: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=extended-stay-picker.d.ts.map

package/es/esf/components/period-picker/extended-stay-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extended-stay-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/extended-stay-picker.js"],"names":[],"mappings":"AASA;;;;;;;;;;4CAwDC"}

package/es/esf/components/period-picker/extended-stay-picker.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import Button from "dt-design-system/es/button";
@@ -6,51 +7,16 @@ import * as Dates from "./services/dates";
 import * as Motions from "./services/motions";
 import * as Messages from "./messages";
 import css from "./extended-stay-picker.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function ExtendedStayPicker({
-  lang,
-  stay,
-  extend,
-  week,
-  endWeek,
-  forceSeasonSwitch,
-  opened,
-  setExtendedOpened,
-  onChange
-}) {
-  const barRef = React.useRef();
-  const startDate = Dates.weekToDate(week, endWeek, forceSeasonSwitch);
-  const endDate = Dates.weekToDate(week + 1, endWeek, forceSeasonSwitch);
-  const fullStay = stay ? Dates.getInterval(new Date(stay.from), new Date(stay.to)) : [];
-  const interval = Dates.getInterval(startDate, endDate, extend);
-  const close = () => {
-    setExtendedOpened(false);
-  };
-  return _jsx(AnimatePresence, {
-    mode: "wait",
-    children: opened && _jsxs(motion.div, {
-      className: css.picker,
-      initial: "hidden",
-      animate: "visible",
-      exit: "hidden",
-      variants: Motions.fading,
-      children: [_jsxs("div", {
-        className: css.title,
-        children: [Messages.get(lang, "extended-title"), _jsx(Button, {
-          className: css.button,
-          variant: "link",
-          onClick: close,
-          compact: true,
-          children: Messages.get(lang, "update-period")
-        })]
-      }), _jsx(Days, {
-        ref: barRef,
-        lang: lang,
-        fullStay: fullStay,
-        interval: interval,
-        onChange: onChange
-      })]
-    })
-  });
-}
+export default function ExtendedStayPicker({ lang, stay, extend, week, endWeek, forceSeasonSwitch, opened, setExtendedOpened, onChange, }) {
+    const barRef = React.useRef();
+    const startDate = Dates.weekToDate(week, endWeek, forceSeasonSwitch);
+    const endDate = Dates.weekToDate(week + 1, endWeek, forceSeasonSwitch);
+    const fullStay = stay
+        ? Dates.getInterval(new Date(stay.from), new Date(stay.to))
+        : [];
+    const interval = Dates.getInterval(startDate, endDate, extend);
+    const close = () => {
+        setExtendedOpened(false);
+    };
+    return (_jsx(AnimatePresence, { mode: "wait", children: opened && (_jsxs(motion.div, { className: css.picker, initial: "hidden", animate: "visible", exit: "hidden", variants: Motions.fading, children: [_jsxs("div", { className: css.title, children: [Messages.get(lang, "extended-title"), _jsx(Button, { className: css.button, variant: "link", onClick: close, compact: true, children: Messages.get(lang, "update-period") })] }), _jsx(Days, { ref: barRef, lang: lang, fullStay: fullStay, interval: interval, onChange: onChange })] })) }));
+}

package/es/esf/components/period-picker/index.d.ts

@@ -0,0 +1,3 @@
+export default PeriodPicker;
+import PeriodPicker from "./period-picker";
+//# sourceMappingURL=index.d.ts.map

package/es/esf/components/period-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/index.js"],"names":[],"mappings":";yBAAyB,iBAAiB"}

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

@@ -1,4 +1,4 @@
 import PeriodPicker from "./period-picker";
 import DateDisplay from "./date-display";
 PeriodPicker.DateDisplay = DateDisplay;
-export default PeriodPicker;
+export default PeriodPicker;

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

@@ -0,0 +1,2 @@
+export function get(lang: any, message: any): any;
+//# sourceMappingURL=messages.d.ts.map

package/es/esf/components/period-picker/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/messages.js"],"names":[],"mappings":"AAuFA,kDAGC"}

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

@@ -1,90 +1,90 @@
 const messages = {
-  fr: {
-    title: "<b>A quelle période</b> souhaitez-vous venir ?",
-    "selected-title": "Vous venez du",
-    warn: "Attention, modifier vos dates de séjour entraine la suppression du contenu du panier",
-    ok: "Confirmer",
-    cancel: "Annuler",
-    "update-period": "Choisir une autre plage de dates",
-    offers: "Les offres pour la période du",
-    to: "au",
-    "extended-title": "Vous pouvez ajuster vos dates de séjour",
-    "low-period": "Basse saison",
-    "medium-period": "Saison",
-    "high-period": "Haute saison"
-  },
-  en: {
-    title: "<b>When</b> are you coming?",
-    "selected-title": "You are coming from",
-    warn: "Warning, if you change your dates of stay, products in your cart will be removed",
-    ok: "Confirm",
-    cancel: "Cancel",
-    "update-period": "Update your stay",
-    offers: "Offers for the period from",
-    to: "to",
-    "extended-title": "You are coming more precisely",
-    "low-period": "Low season",
-    "medium-period": "Season",
-    "high-period": "High season"
-  },
-  es: {
-    title: "<b>¿Cuándo</b> vienes?",
-    "selected-title": "Vienes de",
-    warn: "Advertencia, si cambias tus fechas de estancia, se vaciará tu carrito",
-    ok: "Confirmar",
-    cancel: "Cancelar",
-    "update-period": "Actualizar tu estancia",
-    offers: "Ofertas para el periodo del",
-    to: "al",
-    "extended-title": "Vienes más precisamente",
-    "low-period": "Temporada baja",
-    "medium-period": "Temporada",
-    "high-period": "Temporada alta"
-  },
-  ca: {
-    title: "<b>Quan</b> vens?",
-    "selected-title": "Vens de",
-    warn: "Atenció, si canvies les teves dates d'estada, s'esborrarà el teu carretó",
-    ok: "Confirmar",
-    cancel: "Cancel·lar",
-    "update-period": "Actualitzar la teva estada",
-    offers: "Ofertes per al període del",
-    to: "al",
-    "extended-title": "Vens més precisament",
-    "low-period": "Temporada baixa",
-    "medium-period": "Temporada",
-    "high-period": "Temporada alta"
-  },
-  it: {
-    title: "<b>Quando</b> vieni?",
-    "selected-title": "Vieni da",
-    warn: "Attenzione, se modifichi le date del tuo soggiorno, il tuo carrello sarà svuotato",
-    ok: "Confermare",
-    cancel: "Annullare",
-    "update-period": "Aggiorna il tuo soggiorno",
-    offers: "Offerte per il periodo dal",
-    to: "al",
-    "extended-title": "Vieni più precisamente",
-    "low-period": "Bassa stagione",
-    "medium-period": "Stagione",
-    "high-period": "Alta stagione"
-  },
-  nl: {
-    title: "<b>Wanneer</b> kom je?",
-    "selected-title": "Je komt van",
-    warn: "Waarschuwing, als u uw verblijfsdata wijzigt, wordt uw winkelwagentje gewist",
-    ok: "Aanpassen",
-    cancel: "Annuleren",
-    "update-period": "Update je verblijf",
-    offers: "Aanbiedingen voor de periode van",
-    to: "tot",
-    "extended-title": "Je komt precies",
-    "low-period": "Laagseizoen",
-    "medium-period": "Seizoen",
-    "high-period": "Hoogseizoen"
-  }
+    fr: {
+        title: "<b>A quelle période</b> souhaitez-vous venir ?",
+        "selected-title": "Vous venez du",
+        warn: "Attention, modifier vos dates de séjour entraine la suppression du contenu du panier",
+        ok: "Confirmer",
+        cancel: "Annuler",
+        "update-period": "Choisir une autre plage de dates",
+        offers: "Les offres pour la période du",
+        to: "au",
+        "extended-title": "Vous pouvez ajuster vos dates de séjour",
+        "low-period": "Basse saison",
+        "medium-period": "Saison",
+        "high-period": "Haute saison",
+    },
+    en: {
+        title: "<b>When</b> are you coming?",
+        "selected-title": "You are coming from",
+        warn: "Warning, if you change your dates of stay, products in your cart will be removed",
+        ok: "Confirm",
+        cancel: "Cancel",
+        "update-period": "Update your stay",
+        offers: "Offers for the period from",
+        to: "to",
+        "extended-title": "You are coming more precisely",
+        "low-period": "Low season",
+        "medium-period": "Season",
+        "high-period": "High season",
+    },
+    es: {
+        title: "<b>¿Cuándo</b> vienes?",
+        "selected-title": "Vienes de",
+        warn: "Advertencia, si cambias tus fechas de estancia, se vaciará tu carrito",
+        ok: "Confirmar",
+        cancel: "Cancelar",
+        "update-period": "Actualizar tu estancia",
+        offers: "Ofertas para el periodo del",
+        to: "al",
+        "extended-title": "Vienes más precisamente",
+        "low-period": "Temporada baja",
+        "medium-period": "Temporada",
+        "high-period": "Temporada alta",
+    },
+    ca: {
+        title: "<b>Quan</b> vens?",
+        "selected-title": "Vens de",
+        warn: "Atenció, si canvies les teves dates d'estada, s'esborrarà el teu carretó",
+        ok: "Confirmar",
+        cancel: "Cancel·lar",
+        "update-period": "Actualitzar la teva estada",
+        offers: "Ofertes per al període del",
+        to: "al",
+        "extended-title": "Vens més precisament",
+        "low-period": "Temporada baixa",
+        "medium-period": "Temporada",
+        "high-period": "Temporada alta",
+    },
+    it: {
+        title: "<b>Quando</b> vieni?",
+        "selected-title": "Vieni da",
+        warn: "Attenzione, se modifichi le date del tuo soggiorno, il tuo carrello sarà svuotato",
+        ok: "Confermare",
+        cancel: "Annullare",
+        "update-period": "Aggiorna il tuo soggiorno",
+        offers: "Offerte per il periodo dal",
+        to: "al",
+        "extended-title": "Vieni più precisamente",
+        "low-period": "Bassa stagione",
+        "medium-period": "Stagione",
+        "high-period": "Alta stagione",
+    },
+    nl: {
+        title: "<b>Wanneer</b> kom je?",
+        "selected-title": "Je komt van",
+        warn: "Waarschuwing, als u uw verblijfsdata wijzigt, wordt uw winkelwagentje gewist",
+        ok: "Aanpassen",
+        cancel: "Annuleren",
+        "update-period": "Update je verblijf",
+        offers: "Aanbiedingen voor de periode van",
+        to: "tot",
+        "extended-title": "Je komt precies",
+        "low-period": "Laagseizoen",
+        "medium-period": "Seizoen",
+        "high-period": "Hoogseizoen",
+    },
 };
 export function get(lang, message) {
-  const locale = !messages[lang] ? "en" : lang;
-  return messages[locale][message];
-}
+    const locale = !messages[lang] ? "en" : lang;
+    return messages[locale][message];
+}

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

@@ -0,0 +1,8 @@
+export default function PeriodPicker({ setClosed, force, onChange, isPopup, ubloContext, }: {
+    setClosed?: any;
+    force?: boolean;
+    onChange?: any;
+    isPopup?: boolean;
+    ubloContext?: {};
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=period-picker.d.ts.map

package/es/esf/components/period-picker/period-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;4CA2MC"}