ublo-lib 1.31.43 → 1.32.0

package/es/common/components/date-picker/data.d.ts

@@ -0,0 +1,87 @@
+export namespace DISPLAYS {
+    let DESKTOP: number;
+    let TABLET: number;
+    let PHONE: number;
+}
+export namespace BREAKPOINTS {
+    let TABLET_1: number;
+    export { TABLET_1 as TABLET };
+    let PHONE_1: number;
+    export { PHONE_1 as PHONE };
+}
+export const THIS_YEAR: number;
+export const THIS_MONTH: number;
+export namespace MONTHS {
+    namespace fr {
+        let january: string;
+        let february: string;
+        let march: string;
+        let april: string;
+        let may: string;
+        let june: string;
+        let july: string;
+        let august: string;
+        let september: string;
+        let october: string;
+        let november: string;
+        let december: string;
+    }
+    namespace en {
+        let january_1: string;
+        export { january_1 as january };
+        let february_1: string;
+        export { february_1 as february };
+        let march_1: string;
+        export { march_1 as march };
+        let april_1: string;
+        export { april_1 as april };
+        let may_1: string;
+        export { may_1 as may };
+        let june_1: string;
+        export { june_1 as june };
+        let july_1: string;
+        export { july_1 as july };
+        let august_1: string;
+        export { august_1 as august };
+        let september_1: string;
+        export { september_1 as september };
+        let october_1: string;
+        export { october_1 as october };
+        let november_1: string;
+        export { november_1 as november };
+        let december_1: string;
+        export { december_1 as december };
+    }
+}
+export namespace WEEK_DAYS {
+    export namespace fr_1 {
+        let monday: string;
+        let tuesday: string;
+        let wednesday: string;
+        let thursday: string;
+        let friday: string;
+        let saturday: string;
+        let sunday: string;
+    }
+    export { fr_1 as fr };
+    export namespace en_1 {
+        let monday_1: string;
+        export { monday_1 as monday };
+        let tuesday_1: string;
+        export { tuesday_1 as tuesday };
+        let wednesday_1: string;
+        export { wednesday_1 as wednesday };
+        let thursday_1: string;
+        export { thursday_1 as thursday };
+        let friday_1: string;
+        export { friday_1 as friday };
+        let saturday_1: string;
+        export { saturday_1 as saturday };
+        let sunday_1: string;
+        export { sunday_1 as sunday };
+    }
+    export { en_1 as en };
+}
+export const CALENDAR_WEEKS: 6;
+export function calendar(month?: number, year?: number): any[][];
+//# sourceMappingURL=data.d.ts.map

package/es/common/components/date-picker/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/data.js"],"names":[],"mappings":";;;;;;;;;;;AAaA,+BAAkD;AAElD,gCAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDpD,+BAAgC;AAEzB,iEAkCN"}

package/es/common/components/date-picker/data.js

@@ -1,91 +1,85 @@
 import * as Utils from "./utils";
 export const DISPLAYS = {
-  DESKTOP: 0,
-  TABLET: 1,
-  PHONE: 2
+    DESKTOP: 0,
+    TABLET: 1,
+    PHONE: 2,
 };
 export const BREAKPOINTS = {
-  TABLET: 745,
-  PHONE: 650
+    TABLET: 745,
+    PHONE: 650,
 };
 export const THIS_YEAR = new Date().getFullYear();
 export const THIS_MONTH = new Date().getMonth() + 1;
 export const MONTHS = {
-  fr: {
-    january: "Janvier",
-    february: "Février",
-    march: "Mars",
-    april: "Avril",
-    may: "Mai",
-    june: "Juin",
-    july: "Juillet",
-    august: "Aout",
-    september: "Septembre",
-    october: "Octobre",
-    november: "Novembre",
-    december: "Décembre"
-  },
-  en: {
-    january: "January",
-    february: "February",
-    march: "March",
-    april: "April",
-    may: "May",
-    june: "June",
-    july: "July",
-    august: "August",
-    september: "September",
-    october: "October",
-    november: "November",
-    december: "December"
-  }
+    fr: {
+        january: "Janvier",
+        february: "Février",
+        march: "Mars",
+        april: "Avril",
+        may: "Mai",
+        june: "Juin",
+        july: "Juillet",
+        august: "Aout",
+        september: "Septembre",
+        october: "Octobre",
+        november: "Novembre",
+        december: "Décembre",
+    },
+    en: {
+        january: "January",
+        february: "February",
+        march: "March",
+        april: "April",
+        may: "May",
+        june: "June",
+        july: "July",
+        august: "August",
+        september: "September",
+        october: "October",
+        november: "November",
+        december: "December",
+    },
 };
 export const WEEK_DAYS = {
-  fr: {
-    monday: "Lun.",
-    tuesday: "Mar.",
-    wednesday: "Mer.",
-    thursday: "Jeu.",
-    friday: "Ven.",
-    saturday: "Sam.",
-    sunday: "Dim."
-  },
-  en: {
-    monday: "Mon.",
-    tuesday: "Tue",
-    wednesday: "Wed.",
-    thursday: "Tue.",
-    friday: "Fri.",
-    saturday: "Sat.",
-    sunday: "Sun."
-  }
+    fr: {
+        monday: "Lun.",
+        tuesday: "Mar.",
+        wednesday: "Mer.",
+        thursday: "Jeu.",
+        friday: "Ven.",
+        saturday: "Sam.",
+        sunday: "Dim.",
+    },
+    en: {
+        monday: "Mon.",
+        tuesday: "Tue",
+        wednesday: "Wed.",
+        thursday: "Tue.",
+        friday: "Fri.",
+        saturday: "Sat.",
+        sunday: "Sun.",
+    },
 };
 export const CALENDAR_WEEKS = 6;
 export const calendar = (month = THIS_MONTH, year = THIS_YEAR) => {
-  const monthDays = Utils.getMonthDays(month, year);
-  const monthFirstDay = Utils.getMonthFirstDay(month, year);
-  const daysFromPrevMonth = monthFirstDay === 0 ? 6 : monthFirstDay - 1;
-  const daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
-  const {
-    month: prevMonth,
-    year: prevMonthYear
-  } = Utils.getPreviousMonth(month, year);
-  const {
-    month: nextMonth,
-    year: nextMonthYear
-  } = Utils.getNextMonth(month, year);
-  const prevMonthDays = Utils.getMonthDays(prevMonth, prevMonthYear);
-  const prevMonthDates = [...new Array(daysFromPrevMonth)].map((_, i) => {
-    const day = i + 1 + (prevMonthDays - daysFromPrevMonth);
-    return [prevMonthYear, Utils.zeroPad(prevMonth, 2), Utils.zeroPad(day, 2)];
-  });
-  const thisMonthDates = [...new Array(monthDays)].map((_, i) => {
-    const day = i + 1;
-    return [year, Utils.zeroPad(month, 2), Utils.zeroPad(day, 2)];
-  });
-  const nextMonthDates = [...new Array(daysFromNextMonth)].map((_, i) => {
-    const day = i + 1;
-    return [nextMonthYear, Utils.zeroPad(nextMonth, 2), Utils.zeroPad(day, 2)];
-  });
-  return [...prevMonthDates, ...thisMonthDates, ...nextMonthDates];
-};
+    const monthDays = Utils.getMonthDays(month, year);
+    const monthFirstDay = Utils.getMonthFirstDay(month, year);
+    const daysFromPrevMonth = monthFirstDay === 0 ? 6 : monthFirstDay - 1;
+    const daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
+    const { month: prevMonth, year: prevMonthYear } = Utils.getPreviousMonth(month, year);
+    const { month: nextMonth, year: nextMonthYear } = Utils.getNextMonth(month, year);
+    const prevMonthDays = Utils.getMonthDays(prevMonth, prevMonthYear);
+    const prevMonthDates = [...new Array(daysFromPrevMonth)].map((_, i) => {
+        const day = i + 1 + (prevMonthDays - daysFromPrevMonth);
+        return [prevMonthYear, Utils.zeroPad(prevMonth, 2), Utils.zeroPad(day, 2)];
+    });
+    const thisMonthDates = [...new Array(monthDays)].map((_, i) => {
+        const day = i + 1;
+        return [year, Utils.zeroPad(month, 2), Utils.zeroPad(day, 2)];
+    });
+    const nextMonthDates = [...new Array(daysFromNextMonth)].map((_, i) => {
+        const day = i + 1;
+        return [nextMonthYear, Utils.zeroPad(nextMonth, 2), Utils.zeroPad(day, 2)];
+    });
+    return [...prevMonthDates, ...thisMonthDates, ...nextMonthDates];
+};

package/es/common/components/date-picker/date-item.d.ts

@@ -0,0 +1,21 @@
+export default function DateItem({ date, index, month, year, min, max, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, selecting, setSelecting, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }: {
+    date: any;
+    index: any;
+    month: any;
+    year: any;
+    min: any;
+    max: any;
+    selectedDates: any;
+    setSelectedDates: any;
+    setFirstSelectedDate: any;
+    setLastSelectedDate: any;
+    selecting: any;
+    setSelecting: any;
+    singleDate: any;
+    submitOnSelectionEnd: any;
+    onSubmit: any;
+    stays: any;
+    matchingStays: any;
+    allMatchingStaysEnd: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-item.d.ts.map

package/es/common/components/date-picker/date-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-item.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/date-item.js"],"names":[],"mappings":"AASA;;;;;;;;;;;;;;;;;;;4CAyLC"}

package/es/common/components/date-picker/date-item.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -6,122 +7,124 @@ import Button from "dt-design-system/es/button";
 import * as Utils from "./utils";
 import * as Messages from "./messages";
 import styles from "./date-item.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function DateItem({
-  date,
-  index,
-  month,
-  year,
-  min,
-  max,
-  selectedDates,
-  setSelectedDates,
-  setFirstSelectedDate,
-  setLastSelectedDate,
-  selecting,
-  setSelecting,
-  singleDate,
-  submitOnSelectionEnd,
-  onSubmit,
-  stays,
-  matchingStays,
-  allMatchingStaysEnd
-}) {
-  const {
-    lang
-  } = useUbloContext();
-  const today = new Date();
-  const _date = React.useMemo(() => new Date(date.join("-")), [date]);
-  _date.setHours(0, 0, 0, 0);
-  const isToday = Utils.isSameDay(_date, today);
-  const isInMonth = month && year && Utils.isSameMonth(_date, new Date([Utils.zeroPad(year, 2), Utils.zeroPad(month, 2), "01"].join("-")));
-  const firstSelectedDate = selectedDates[0];
-  const isFirstSelected = selectedDates.map(Number).indexOf(Number(_date)) === 0;
-  const isLastSelected = selectedDates.map(Number).indexOf(Number(_date)) === selectedDates.length - 1;
-  const isPastDate = Utils.isPast(date) || selecting && firstSelectedDate && Utils.isBefore(date, firstSelectedDate);
-  const isSelected = selectedDates.some(d => d.getTime() === _date.getTime());
-  const enableAvailability = Boolean(stays);
-  const isAvailable = stays?.some(stay => {
-    const {
-      start,
-      end
-    } = stay;
-    const formatedStart = Utils.formatDate(start);
-    const formatedEnd = Utils.formatDate(end);
-    const formatedDate = Utils.formatDate(_date);
-    return formatedStart === formatedDate || selecting && formatedEnd === formatedDate;
-  }) || false;
-  const shortestMatchingStaysLength = enableAvailability && matchingStays?.reduce((acc, stay) => {
-    const fromDate = new Date(stay.start);
-    const toDate = new Date(stay.end);
-    const days = Utils.getDateInterval(fromDate, toDate);
-    const nights = days.length - 1;
-    if (nights < acc) {
-      return nights;
-    }
-    return acc;
-  }, Infinity);
-  const isDisabled = enableAvailability && selecting && allMatchingStaysEnd?.length && !allMatchingStaysEnd.includes(date.join("-")) || enableAvailability && !isAvailable || isPastDate || !isInMonth || Utils.isBefore(date, min) || Utils.isAfter(date, max);
-  React.useEffect(() => {
-    if (isFirstSelected) setFirstSelectedDate(index);
-    if (isLastSelected) setLastSelectedDate(index);
-  }, [index, isFirstSelected, isLastSelected, setFirstSelectedDate, setLastSelectedDate]);
-  const updateDateSelection = React.useCallback(() => {
-    if (isPastDate || isDisabled) return;
-    if (singleDate) {
-      setSelectedDates([_date]);
-      setSelecting(false);
-      if (submitOnSelectionEnd) {
-        onSubmit([_date]);
-      }
-      return;
+export default function DateItem({ date, index, month, year, min, max, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, selecting, setSelecting, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }) {
+    const { lang } = useUbloContext();
+    const today = new Date();
+    const _date = React.useMemo(() => new Date(date.join("-")), [date]);
+    _date.setHours(0, 0, 0, 0);
+    const isToday = Utils.isSameDay(_date, today);
+    const isInMonth = month &&
+        year &&
+        Utils.isSameMonth(_date, new Date([Utils.zeroPad(year, 2), Utils.zeroPad(month, 2), "01"].join("-")));
+    const firstSelectedDate = selectedDates[0];
+    const isFirstSelected = selectedDates.map(Number).indexOf(Number(_date)) === 0;
+    const isLastSelected = selectedDates.map(Number).indexOf(Number(_date)) ===
+        selectedDates.length - 1;
+    const isPastDate = Utils.isPast(date) ||
+        (selecting && firstSelectedDate && Utils.isBefore(date, firstSelectedDate));
+    const isSelected = selectedDates.some((d) => d.getTime() === _date.getTime());
+    const enableAvailability = Boolean(stays);
+    const isAvailable = stays?.some((stay) => {
+        const { start, end } = stay;
+        const formatedStart = Utils.formatDate(start);
+        const formatedEnd = Utils.formatDate(end);
+        const formatedDate = Utils.formatDate(_date);
+        return (formatedStart === formatedDate ||
+            (selecting && formatedEnd === formatedDate));
+    }) || false;
+    const shortestMatchingStaysLength = enableAvailability &&
+        matchingStays?.reduce((acc, stay) => {
+            const fromDate = new Date(stay.start);
+            const toDate = new Date(stay.end);
+            const days = Utils.getDateInterval(fromDate, toDate);
+            const nights = days.length - 1;
+            if (nights < acc) {
+                return nights;
+            }
+            return acc;
+        }, Infinity);
+    const isDisabled = (enableAvailability &&
+        selecting &&
+        allMatchingStaysEnd?.length &&
+        !allMatchingStaysEnd.includes(date.join("-"))) ||
+        (enableAvailability && !isAvailable) ||
+        isPastDate ||
+        !isInMonth ||
+        Utils.isBefore(date, min) ||
+        Utils.isAfter(date, max);
+    React.useEffect(() => {
+        if (isFirstSelected)
+            setFirstSelectedDate(index);
+        if (isLastSelected)
+            setLastSelectedDate(index);
+    }, [
+        index,
+        isFirstSelected,
+        isLastSelected,
+        setFirstSelectedDate,
+        setLastSelectedDate,
+    ]);
+    const updateDateSelection = React.useCallback(() => {
+        if (isPastDate || isDisabled)
+            return;
+        if (singleDate) {
+            setSelectedDates([_date]);
+            setSelecting(false);
+            if (submitOnSelectionEnd) {
+                onSubmit([_date]);
+            }
+            return;
+        }
+        if (selecting) {
+            const isPastDate = _date < firstSelectedDate;
+            const interval = isPastDate
+                ? Utils.getDateInterval(_date, firstSelectedDate)
+                : Utils.getDateInterval(firstSelectedDate, _date);
+            setSelectedDates(interval);
+            setSelecting(false);
+        }
+        else {
+            setSelectedDates([_date]);
+            setSelecting(true);
+            if (submitOnSelectionEnd) {
+                onSubmit([_date]);
+            }
+        }
+    }, [
+        _date,
+        firstSelectedDate,
+        isDisabled,
+        isPastDate,
+        onSubmit,
+        selecting,
+        setSelectedDates,
+        setSelecting,
+        singleDate,
+        submitOnSelectionEnd,
+    ]);
+    const classes = classNames(styles.date, {
+        [styles.dateToday]: isToday,
+        [styles.dateSelected]: isSelected,
+        [styles.dateFirstSelected]: isFirstSelected,
+        [styles.dateLastSelected]: isLastSelected,
+        [styles.dateNotInMonth]: !isInMonth,
+        [styles.dateIsPast]: !isSelected && isDisabled,
+        [styles.available]: enableAvailability && isAvailable,
+        [styles.notAvailable]: enableAvailability && !isAvailable && !isSelected,
+    });
+    const dateComponent = (_jsx(Button, { className: classes, onClick: updateDateSelection, disabled: !isSelected && isDisabled, children: _jsx("span", { children: _date.getDate() }) }));
+    const showPopover = enableAvailability &&
+        isInMonth &&
+        isFirstSelected &&
+        shortestMatchingStaysLength &&
+        selecting;
+    if (showPopover) {
+        const tooltip = Messages.get(lang, shortestMatchingStaysLength > 1
+            ? "min-nights-plural"
+            : "min-nights-singular");
+        return (_jsxs(Popover, { trigger: dateComponent, open: true, className: styles.popover, innerClassName: "nights-number-hint__inner", contentProps: { side: "top" }, children: [shortestMatchingStaysLength, " ", tooltip] }));
     }
-    if (selecting) {
-      const isPastDate = _date < firstSelectedDate;
-      const interval = isPastDate ? Utils.getDateInterval(_date, firstSelectedDate) : Utils.getDateInterval(firstSelectedDate, _date);
-      setSelectedDates(interval);
-      setSelecting(false);
-    } else {
-      setSelectedDates([_date]);
-      setSelecting(true);
-      if (submitOnSelectionEnd) {
-        onSubmit([_date]);
-      }
+    else {
+        return dateComponent;
     }
-  }, [_date, firstSelectedDate, isDisabled, isPastDate, onSubmit, selecting, setSelectedDates, setSelecting, singleDate, submitOnSelectionEnd]);
-  const classes = classNames(styles.date, {
-    [styles.dateToday]: isToday,
-    [styles.dateSelected]: isSelected,
-    [styles.dateFirstSelected]: isFirstSelected,
-    [styles.dateLastSelected]: isLastSelected,
-    [styles.dateNotInMonth]: !isInMonth,
-    [styles.dateIsPast]: !isSelected && isDisabled,
-    [styles.available]: enableAvailability && isAvailable,
-    [styles.notAvailable]: enableAvailability && !isAvailable && !isSelected
-  });
-  const dateComponent = _jsx(Button, {
-    className: classes,
-    onClick: updateDateSelection,
-    disabled: !isSelected && isDisabled,
-    children: _jsx("span", {
-      children: _date.getDate()
-    })
-  });
-  const showPopover = enableAvailability && isInMonth && isFirstSelected && shortestMatchingStaysLength && selecting;
-  if (showPopover) {
-    const tooltip = Messages.get(lang, shortestMatchingStaysLength > 1 ? "min-nights-plural" : "min-nights-singular");
-    return _jsxs(Popover, {
-      trigger: dateComponent,
-      open: true,
-      className: styles.popover,
-      innerClassName: "nights-number-hint__inner",
-      contentProps: {
-        side: "top"
-      },
-      children: [shortestMatchingStaysLength, " ", tooltip]
-    });
-  } else {
-    return dateComponent;
-  }
-}
+}

package/es/common/components/date-picker/date-picker.d.ts

@@ -0,0 +1,16 @@
+export default function DatePicker({ stayDates, onSubmit, close, min, max, availabilities, popup, singleDate, submitOnSelectionEnd, disableConfirmModal, }: {
+    stayDates?: any[];
+    onSubmit: any;
+    close: any;
+    min: any;
+    max: any;
+    availabilities: any;
+    popup?: boolean;
+    singleDate: any;
+    submitOnSelectionEnd: any;
+    disableConfirmModal: any;
+}): import("react/jsx-runtime").JSX.Element;
+import * as Data from "./data";
+import * as Utils from "./utils";
+export { Data, Utils };
+//# sourceMappingURL=date-picker.d.ts.map

package/es/common/components/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/date-picker.js"],"names":[],"mappings":"AAWA;;;;;;;;;;;4CAqDC;sBA3DqB,QAAQ;uBACP,SAAS"}

package/es/common/components/date-picker/date-picker.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import useWindowSizes from "../../hooks/use-window-sizes";
@@ -5,60 +6,26 @@ import Calendar from "./calendar";
 import * as Data from "./data";
 import * as Utils from "./utils";
 import styles from "./date-picker.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 { Data, Utils };
-export default function DatePicker({
-  stayDates = [],
-  onSubmit,
-  close,
-  min,
-  max,
-  availabilities,
-  popup = true,
-  singleDate,
-  submitOnSelectionEnd,
-  disableConfirmModal
-}) {
-  const [display, setDisplay] = React.useState(Data.DISPLAYS.DESKTOP);
-  const {
-    width: windowWidth
-  } = useWindowSizes();
-  React.useEffect(() => {
-    if (windowWidth <= Data.BREAKPOINTS.PHONE) {
-      setDisplay(Data.DISPLAYS.PHONE);
-      return;
-    }
-    if (windowWidth <= Data.BREAKPOINTS.TABLET) {
-      setDisplay(Data.DISPLAYS.TABLET);
-      return;
-    } else {
-      setDisplay(Data.DISPLAYS.DESKTOP);
-    }
-  }, [windowWidth]);
-  const openInPopup = display !== Data.DISPLAYS.DESKTOP || popup;
-  const classes = classNames(styles.datePicker, {
-    [styles.datePickerPopup]: openInPopup
-  });
-  return _jsxs(_Fragment, {
-    children: [openInPopup && _jsx("div", {
-      className: styles.backdrop,
-      onClick: close
-    }), _jsx("div", {
-      className: classes,
-      children: _jsx(Calendar, {
-        display: display,
-        stayDates: stayDates,
-        min: min,
-        max: max,
-        onSubmit: onSubmit,
-        singleDate: singleDate,
-        submitOnSelectionEnd: submitOnSelectionEnd,
-        availabilities: availabilities,
-        disableConfirmModal: disableConfirmModal,
-        close: close
-      })
-    })]
-  });
-}
+export default function DatePicker({ stayDates = [], onSubmit, close, min, max, availabilities, popup = true, singleDate, submitOnSelectionEnd, disableConfirmModal, }) {
+    const [display, setDisplay] = React.useState(Data.DISPLAYS.DESKTOP);
+    const { width: windowWidth } = useWindowSizes();
+    React.useEffect(() => {
+        if (windowWidth <= Data.BREAKPOINTS.PHONE) {
+            setDisplay(Data.DISPLAYS.PHONE);
+            return;
+        }
+        if (windowWidth <= Data.BREAKPOINTS.TABLET) {
+            setDisplay(Data.DISPLAYS.TABLET);
+            return;
+        }
+        else {
+            setDisplay(Data.DISPLAYS.DESKTOP);
+        }
+    }, [windowWidth]);
+    const openInPopup = display !== Data.DISPLAYS.DESKTOP || popup;
+    const classes = classNames(styles.datePicker, {
+        [styles.datePickerPopup]: openInPopup,
+    });
+    return (_jsxs(_Fragment, { children: [openInPopup && _jsx("div", { className: styles.backdrop, onClick: close }), _jsx("div", { className: classes, children: _jsx(Calendar, { display: display, stayDates: stayDates, min: min, max: max, onSubmit: onSubmit, singleDate: singleDate, submitOnSelectionEnd: submitOnSelectionEnd, availabilities: availabilities, disableConfirmModal: disableConfirmModal, close: close }) })] }));
+}

package/es/common/components/date-picker/helper.d.ts

@@ -0,0 +1,9 @@
+export default function Helper({ lang, selecting, selectedDates, availabilities, isLoading, error, }: {
+    lang: any;
+    selecting: any;
+    selectedDates: any;
+    availabilities: any;
+    isLoading: any;
+    error: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=helper.d.ts.map

package/es/common/components/date-picker/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/helper.js"],"names":[],"mappings":"AAOA;;;;;;;4CAmDC"}