ublo-lib 1.31.42 → 1.31.44

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

@@ -1,7 +1,28 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
 import Month from "./month";
+// import Popup from "../popup";
 import Popup from "ublo-lib/es/common/components/popup";
 import Helper from "./helper";
 import Button from "dt-design-system/es/button";
@@ -11,256 +32,157 @@ import * as Data from "./data";
 import * as Utils from "./utils";
 import datePickerStyles from "./date-picker.module.css";
 import styles from "./calendar.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Calendar({
-  date,
-  display,
-  stayDates = [],
-  min,
-  max,
-  onSubmit,
-  availabilities,
-  close,
-  singleDate,
-  submitOnSelectionEnd,
-  disableConfirmModal
-}) {
-  const isDateObject = Utils.isDate(date);
-  const _date = isDateObject ? date : new Date();
-  const {
-    lang
-  } = useUbloContext();
-  const [selectedDates, setSelectedDates] = React.useState(stayDates);
-  const firstRangeDate = selectedDates[0];
-  const selectedMonth = firstRangeDate ? firstRangeDate.getMonth() + 1 : _date.getMonth() + 1;
-  const selectedYear = firstRangeDate ? firstRangeDate.getFullYear() : _date.getFullYear();
-  const [month, setMonth] = React.useState(selectedMonth);
-  const [year, setYear] = React.useState(selectedYear);
-  const [monthAlt, setMonthAlt] = React.useState(month);
-  const [yearAlt, setYearAlt] = React.useState(year);
-  const [selecting, setSelecting] = React.useState(false);
-  const [firstSelectedDate, setFirstSelectedDate] = React.useState();
-  const [lastSelectedDate, setLastSelectedDate] = React.useState();
-  const [showPopup, setShowPopup] = React.useState(false);
-  const [stays, setStays] = React.useState();
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [error, setError] = React.useState();
-  const gotoPreviousMonth = () => {
-    const {
-      month: newMonth,
-      year: newYear
-    } = Utils.getPreviousMonth(month, year);
-    setMonth(newMonth);
-    setYear(newYear);
-  };
-  const gotoNextMonth = () => {
-    const {
-      month: newMonth,
-      year: newYear
-    } = Utils.getNextMonth(month, year);
-    setMonth(newMonth);
-    setYear(newYear);
-  };
-  const reset = () => {
-    setSelectedDates([]);
-    setSelecting(false);
-    setFirstSelectedDate(undefined);
-    setLastSelectedDate(undefined);
-  };
-  const submit = dates => {
-    const hasCart = window.sessionStorage.cartId !== undefined;
-    if (!disableConfirmModal && hasCart) {
-      setShowPopup(true);
-    } else {
-      onSubmit(dates);
-    }
-  };
-  React.useEffect(() => {
-    if (month === 12) {
-      setMonthAlt(1);
-      setYearAlt(year + 1);
-    } else if (month === 11) {
-      setMonthAlt(month + 1);
-      setYearAlt(year);
-    } else {
-      setMonthAlt(month + 1);
-    }
-  }, [month, year]);
-  const now = new Date();
-  const currentMonth = now.getMonth() + 1;
-  const currentYear = now.getFullYear();
-  const isPast = month <= currentMonth && year <= currentYear;
-  const showReset = !singleDate && selectedDates.length > 0;
-  const submitEnabled = !submitOnSelectionEnd && selectedDates.length > 0 && !selecting;
-  const hide2ndMonth = display !== Data.DISPLAYS.DESKTOP;
-  const enableAvailability = Boolean(stays);
-  const matchingStays = Utils.getMatchingStays(stays, selectedDates);
-  const allMatchingStaysEnd = enableAvailability ? matchingStays?.map(stay => Utils.formatDate(stay.end)) : undefined;
-  React.useEffect(() => {
-    if (availabilities) {
-      const fetchAvailabilities = async () => {
-        setIsLoading(true);
-        setError(undefined);
-        setStays(undefined);
-        const bareStart = `${year}-${Utils.zeroPad(month, 2)}-01`;
-        const start = Utils.formatDate(Utils.addDays(bareStart, -7));
-        const numberDays = hide2ndMonth ? 38 : 76;
-        const {
-          fetcher,
-          ...rest
-        } = availabilities;
-        try {
-          const {
-            stays
-          } = await fetcher({
-            ...rest,
-            start,
-            numberDays
-          });
-          if (stays?.length) {
-            const formatedStays = stays.map(stay => {
-              return {
-                start: new Date(stay.start),
-                end: new Date(stay.end)
-              };
-            });
-            setStays(formatedStays);
-          }
-        } catch (e) {
-          setError(Messages.get(lang, "availability-loading-error"));
+export default function Calendar({ date, display, stayDates = [], min, max, onSubmit, availabilities, close, singleDate, submitOnSelectionEnd, disableConfirmModal, }) {
+    const isDateObject = Utils.isDate(date);
+    const _date = isDateObject ? date : new Date();
+    const { lang } = useUbloContext();
+    const [selectedDates, setSelectedDates] = React.useState(stayDates);
+    const firstRangeDate = selectedDates[0];
+    const selectedMonth = firstRangeDate
+        ? firstRangeDate.getMonth() + 1
+        : _date.getMonth() + 1;
+    const selectedYear = firstRangeDate
+        ? firstRangeDate.getFullYear()
+        : _date.getFullYear();
+    const [month, setMonth] = React.useState(selectedMonth);
+    const [year, setYear] = React.useState(selectedYear);
+    const [monthAlt, setMonthAlt] = React.useState(month);
+    const [yearAlt, setYearAlt] = React.useState(year);
+    const [selecting, setSelecting] = React.useState(false);
+    const [firstSelectedDate, setFirstSelectedDate] = React.useState();
+    const [lastSelectedDate, setLastSelectedDate] = React.useState();
+    const [showPopup, setShowPopup] = React.useState(false);
+    const [stays, setStays] = React.useState();
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState();
+    const gotoPreviousMonth = () => {
+        const { month: newMonth, year: newYear } = Utils.getPreviousMonth(month, year);
+        setMonth(newMonth);
+        setYear(newYear);
+    };
+    const gotoNextMonth = () => {
+        const { month: newMonth, year: newYear } = Utils.getNextMonth(month, year);
+        setMonth(newMonth);
+        setYear(newYear);
+    };
+    const reset = () => {
+        setSelectedDates([]);
+        setSelecting(false);
+        setFirstSelectedDate(undefined);
+        setLastSelectedDate(undefined);
+    };
+    const submit = (dates) => {
+        const hasCart = window.sessionStorage.cartId !== undefined;
+        if (!disableConfirmModal && hasCart) {
+            setShowPopup(true);
+        }
+        else {
+            onSubmit(dates);
+        }
+    };
+    React.useEffect(() => {
+        if (month === 12) {
+            setMonthAlt(1);
+            setYearAlt(year + 1);
         }
-        setIsLoading(false);
-      };
-      fetchAvailabilities();
-    }
-  }, [availabilities, hide2ndMonth, lang, month, year]);
-  const classes = classNames(styles.calendar, {
-    [styles.calendarTouch]: hide2ndMonth,
-    [styles.calendarLoading]: isLoading
-  });
-  return _jsxs("div", {
-    className: classes,
-    children: [!singleDate && _jsx(Helper, {
-      lang: lang,
-      selecting: selecting,
-      selectedDates: selectedDates,
-      availabilities: availabilities,
-      isLoading: isLoading,
-      error: error
-    }), _jsxs("div", {
-      className: styles.months,
-      children: [_jsxs("div", {
-        className: styles.controls,
-        children: [_jsx(Button, {
-          variant: "transparent",
-          className: styles.control,
-          onClick: gotoPreviousMonth,
-          disabled: isPast,
-          children: _jsx(Icons.ChevronLeft, {})
-        }), _jsx(Button, {
-          variant: "transparent",
-          className: styles.control,
-          onClick: gotoNextMonth,
-          children: _jsx(Icons.ChevronRight, {})
-        })]
-      }), _jsx(Month, {
-        display: display,
-        month: month,
-        year: year,
-        min: min,
-        max: max,
-        selecting: selecting,
-        setSelecting: setSelecting,
-        selectedDates: selectedDates,
-        setSelectedDates: setSelectedDates,
-        firstSelectedDate: firstSelectedDate,
-        setFirstSelectedDate: setFirstSelectedDate,
-        lastSelectedDate: lastSelectedDate,
-        setLastSelectedDate: setLastSelectedDate,
-        singleDate: singleDate,
-        submitOnSelectionEnd: submitOnSelectionEnd,
-        onSubmit: submit,
-        stays: stays,
-        matchingStays: matchingStays,
-        allMatchingStaysEnd: allMatchingStaysEnd
-      }), !hide2ndMonth && _jsx(Month, {
-        display: display,
-        month: monthAlt,
-        year: yearAlt,
-        min: min,
-        max: max,
-        selecting: selecting,
-        setSelecting: setSelecting,
-        selectedDates: selectedDates,
-        setSelectedDates: setSelectedDates,
-        firstSelectedDate: firstSelectedDate,
-        setFirstSelectedDate: setFirstSelectedDate,
-        lastSelectedDate: lastSelectedDate,
-        setLastSelectedDate: setLastSelectedDate,
-        singleDate: singleDate,
-        submitOnSelectionEnd: submitOnSelectionEnd,
-        onSubmit: submit,
-        stays: stays,
-        matchingStays: matchingStays,
-        allMatchingStaysEnd: allMatchingStaysEnd
-      })]
-    }), _jsxs("div", {
-      className: styles.buttons,
-      children: [_jsx(Button, {
-        variant: "transparent",
-        className: styles.close,
-        onClick: close,
-        children: Messages.get(lang, "close")
-      }), showReset && _jsx(Button, {
-        variant: "link",
-        className: styles.reset,
-        onClick: reset,
-        children: Messages.get(lang, "reset")
-      }), _jsxs(Button, {
-        className: styles.submit,
-        onClick: () => submit(selectedDates),
-        disabled: !submitEnabled,
-        children: [_jsx(Icons.Check, {}), Messages.get(lang, "submit")]
-      })]
-    }), showPopup && _jsx(Popup, {
-      title: Messages.get(lang, "warning-date-change-title"),
-      className: datePickerStyles.popup,
-      close: () => setShowPopup(false),
-      backdrop: true,
-      children: _jsx(ConfirmDateChangeForm, {
-        lang: lang,
-        cancel: () => setShowPopup(false),
-        confirm: () => {
-          window.sessionStorage.removeItem("cartId");
-          submit(selectedDates);
-          setShowPopup(false);
+        else if (month === 11) {
+            setMonthAlt(month + 1);
+            setYearAlt(year);
         }
-      })
-    })]
-  });
+        else {
+            setMonthAlt(month + 1);
+        }
+    }, [month, year]);
+    const now = new Date();
+    const currentMonth = now.getMonth() + 1;
+    const currentYear = now.getFullYear();
+    const isPast = month <= currentMonth && year <= currentYear;
+    const showReset = !singleDate && selectedDates.length > 0;
+    const submitEnabled = !submitOnSelectionEnd && selectedDates.length > 0 && !selecting;
+    const hide2ndMonth = display !== Data.DISPLAYS.DESKTOP;
+    const enableAvailability = Boolean(stays);
+    const matchingStays = Utils.getMatchingStays(stays, selectedDates);
+    const allMatchingStaysEnd = enableAvailability
+        ? matchingStays === null || matchingStays === void 0 ? void 0 : matchingStays.map((stay) => Utils.formatDate(stay.end))
+        : undefined;
+    React.useEffect(() => {
+        if (availabilities) {
+            const fetchAvailabilities = () => __awaiter(this, void 0, void 0, function* () {
+                setIsLoading(true);
+                setError(undefined);
+                setStays(undefined);
+                const bareStart = `${year}-${Utils.zeroPad(month, 2)}-01`;
+                const start = Utils.formatDate(Utils.addDays(bareStart, -7));
+                const numberDays = hide2ndMonth ? 38 : 76;
+                const { fetcher } = availabilities, rest = __rest(availabilities, ["fetcher"]);
+                try {
+                    const { stays } = yield fetcher(Object.assign(Object.assign({}, rest), { start, numberDays }));
+                    if (stays === null || stays === void 0 ? void 0 : stays.length) {
+                        const formatedStays = stays.map((stay) => {
+                            return { start: new Date(stay.start), end: new Date(stay.end) };
+                        });
+                        setStays(formatedStays);
+                    }
+                }
+                catch (e) {
+                    setError(Messages.get(lang, "availability-loading-error"));
+                }
+                setIsLoading(false);
+            });
+            fetchAvailabilities();
+        }
+    }, [availabilities, hide2ndMonth, lang, month, year]);
+    const classes = classNames(styles.calendar, {
+        [styles.calendarTouch]: hide2ndMonth,
+        [styles.calendarLoading]: isLoading,
+    });
+    return (<div className={classes}>
+      {!singleDate && (<Helper lang={lang} selecting={selecting} selectedDates={selectedDates} availabilities={availabilities} isLoading={isLoading} error={error}/>)}
+      <div className={styles.months}>
+        <div className={styles.controls}>
+          <Button variant="transparent" className={styles.control} onClick={gotoPreviousMonth} disabled={isPast}>
+            <Icons.ChevronLeft />
+          </Button>
+          <Button variant="transparent" className={styles.control} onClick={gotoNextMonth}>
+            <Icons.ChevronRight />
+          </Button>
+        </div>
+        <Month display={display} month={month} year={year} min={min} max={max} selecting={selecting} setSelecting={setSelecting} selectedDates={selectedDates} setSelectedDates={setSelectedDates} firstSelectedDate={firstSelectedDate} setFirstSelectedDate={setFirstSelectedDate} lastSelectedDate={lastSelectedDate} setLastSelectedDate={setLastSelectedDate} singleDate={singleDate} submitOnSelectionEnd={submitOnSelectionEnd} onSubmit={submit} stays={stays} matchingStays={matchingStays} allMatchingStaysEnd={allMatchingStaysEnd}/>
+        {!hide2ndMonth && (<Month display={display} month={monthAlt} year={yearAlt} min={min} max={max} selecting={selecting} setSelecting={setSelecting} selectedDates={selectedDates} setSelectedDates={setSelectedDates} firstSelectedDate={firstSelectedDate} setFirstSelectedDate={setFirstSelectedDate} lastSelectedDate={lastSelectedDate} setLastSelectedDate={setLastSelectedDate} singleDate={singleDate} submitOnSelectionEnd={submitOnSelectionEnd} onSubmit={submit} stays={stays} matchingStays={matchingStays} allMatchingStaysEnd={allMatchingStaysEnd}/>)}
+      </div>
+      <div className={styles.buttons}>
+        <Button variant="transparent" className={styles.close} onClick={close}>
+          {Messages.get(lang, "close")}
+        </Button>
+        {showReset && (<Button variant="link" className={styles.reset} onClick={reset}>
+            {Messages.get(lang, "reset")}
+          </Button>)}
+        <Button className={styles.submit} onClick={() => submit(selectedDates)} disabled={!submitEnabled}>
+          <Icons.Check />
+          {Messages.get(lang, "submit")}
+        </Button>
+      </div>
+      {showPopup && (<Popup title={Messages.get(lang, "warning-date-change-title")} className={datePickerStyles.popup} close={() => setShowPopup(false)} backdrop>
+          <ConfirmDateChangeForm lang={lang} cancel={() => setShowPopup(false)} confirm={() => {
+                window.sessionStorage.removeItem("cartId");
+                submit(selectedDates);
+                setShowPopup(false);
+            }}/>
+        </Popup>)}
+    </div>);
+}
+function ConfirmDateChangeForm({ lang, cancel, confirm }) {
+    return (<div className={styles.confirmDateChange}>
+      <div className={styles.confirmDateChangeMessage}>
+        {Messages.get(lang, "warning-date-change-text")}
+      </div>
+      <div className={styles.confirmDateChangeButtons}>
+        <button className={classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonCancel)} onClick={cancel}>
+          {Messages.get(lang, "warning-date-change-cancel")}
+        </button>
+        <button className={classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonConfirm)} onClick={confirm}>
+          {Messages.get(lang, "warning-date-change-confirm")}
+        </button>
+      </div>
+    </div>);
 }
-function ConfirmDateChangeForm({
-  lang,
-  cancel,
-  confirm
-}) {
-  return _jsxs("div", {
-    className: styles.confirmDateChange,
-    children: [_jsx("div", {
-      className: styles.confirmDateChangeMessage,
-      children: Messages.get(lang, "warning-date-change-text")
-    }), _jsxs("div", {
-      className: styles.confirmDateChangeButtons,
-      children: [_jsx("button", {
-        className: classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonCancel),
-        onClick: cancel,
-        children: Messages.get(lang, "warning-date-change-cancel")
-      }), _jsx("button", {
-        className: classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonConfirm),
-        onClick: confirm,
-        children: Messages.get(lang, "warning-date-change-confirm")
-      })]
-    })]
-  });
-}

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

@@ -0,0 +1,86 @@
+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[][];