ublo-lib 1.31.44 → 1.32.0

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

@@ -1,28 +1,8 @@
-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 { 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";
 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";
@@ -103,21 +83,21 @@ export default function Calendar({ date, display, stayDates = [], min, max, onSu
     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))
+        ? matchingStays?.map((stay) => Utils.formatDate(stay.end))
         : undefined;
     React.useEffect(() => {
         if (availabilities) {
-            const fetchAvailabilities = () => __awaiter(this, void 0, void 0, function* () {
+            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 } = availabilities, rest = __rest(availabilities, ["fetcher"]);
+                const { fetcher, ...rest } = availabilities;
                 try {
-                    const { stays } = yield fetcher(Object.assign(Object.assign({}, rest), { start, numberDays }));
-                    if (stays === null || stays === void 0 ? void 0 : stays.length) {
+                    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) };
                         });
@@ -128,7 +108,7 @@ export default function Calendar({ date, display, stayDates = [], min, max, onSu
                     setError(Messages.get(lang, "availability-loading-error"));
                 }
                 setIsLoading(false);
-            });
+            };
             fetchAvailabilities();
         }
     }, [availabilities, hide2ndMonth, lang, month, year]);
@@ -136,53 +116,12 @@ export default function Calendar({ date, display, stayDates = [], min, max, onSu
         [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>);
+    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);
+                    } }) }))] }));
 }
 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>);
+    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

@@ -84,3 +84,4 @@ export namespace WEEK_DAYS {
 }
 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/date-item.d.ts

@@ -17,5 +17,5 @@ export default function DateItem({ date, index, month, year, min, max, selectedD
     stays: any;
     matchingStays: any;
     allMatchingStaysEnd: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): 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";
@@ -23,16 +24,16 @@ export default function DateItem({ date, index, month, year, min, max, selectedD
         (selecting && firstSelectedDate && Utils.isBefore(date, firstSelectedDate));
     const isSelected = selectedDates.some((d) => d.getTime() === _date.getTime());
     const enableAvailability = Boolean(stays);
-    const isAvailable = (stays === null || stays === void 0 ? void 0 : stays.some((stay) => {
+    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;
+    }) || false;
     const shortestMatchingStaysLength = enableAvailability &&
-        (matchingStays === null || matchingStays === void 0 ? void 0 : matchingStays.reduce((acc, stay) => {
+        matchingStays?.reduce((acc, stay) => {
             const fromDate = new Date(stay.start);
             const toDate = new Date(stay.end);
             const days = Utils.getDateInterval(fromDate, toDate);
@@ -41,10 +42,10 @@ export default function DateItem({ date, index, month, year, min, max, selectedD
                 return nights;
             }
             return acc;
-        }, Infinity));
+        }, Infinity);
     const isDisabled = (enableAvailability &&
         selecting &&
-        (allMatchingStaysEnd === null || allMatchingStaysEnd === void 0 ? void 0 : allMatchingStaysEnd.length) &&
+        allMatchingStaysEnd?.length &&
         !allMatchingStaysEnd.includes(date.join("-"))) ||
         (enableAvailability && !isAvailable) ||
         isPastDate ||
@@ -111,9 +112,7 @@ export default function DateItem({ date, index, month, year, min, max, selectedD
         [styles.available]: enableAvailability && isAvailable,
         [styles.notAvailable]: enableAvailability && !isAvailable && !isSelected,
     });
-    const dateComponent = (<Button className={classes} onClick={updateDateSelection} disabled={!isSelected && isDisabled}>
-      <span>{_date.getDate()}</span>
-    </Button>);
+    const dateComponent = (_jsx(Button, { className: classes, onClick: updateDateSelection, disabled: !isSelected && isDisabled, children: _jsx("span", { children: _date.getDate() }) }));
     const showPopover = enableAvailability &&
         isInMonth &&
         isFirstSelected &&
@@ -123,9 +122,7 @@ export default function DateItem({ date, index, month, year, min, max, selectedD
         const tooltip = Messages.get(lang, shortestMatchingStaysLength > 1
             ? "min-nights-plural"
             : "min-nights-singular");
-        return (<Popover trigger={dateComponent} open className={styles.popover} innerClassName="nights-number-hint__inner" contentProps={{ side: "top" }}>
-        {shortestMatchingStaysLength} {tooltip}
-      </Popover>);
+        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

@@ -9,8 +9,8 @@ export default function DatePicker({ stayDates, onSubmit, close, min, max, avail
     singleDate: any;
     submitOnSelectionEnd: any;
     disableConfirmModal: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): 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,7 +1,7 @@
+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";
-// import useWindowSizes from "ublo-lib/es/common/hooks/use-window-sizes";
 import Calendar from "./calendar";
 import * as Data from "./data";
 import * as Utils from "./utils";
@@ -27,10 +27,5 @@ export default function DatePicker({ stayDates = [], onSubmit, close, min, max,
     const classes = classNames(styles.datePicker, {
         [styles.datePickerPopup]: openInPopup,
     });
-    return (<>
-      {openInPopup && <div className={styles.backdrop} onClick={close}/>}
-      <div className={classes}>
-        <Calendar display={display} stayDates={stayDates} min={min} max={max} onSubmit={onSubmit} singleDate={singleDate} submitOnSelectionEnd={submitOnSelectionEnd} availabilities={availabilities} disableConfirmModal={disableConfirmModal} close={close}/>
-      </div>
-    </>);
+    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

@@ -5,5 +5,5 @@ export default function Helper({ lang, selecting, selectedDates, availabilities,
     availabilities: any;
     isLoading: any;
     error: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): 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"}

package/es/common/components/date-picker/helper.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 Loader from "dt-design-system/es/loader";
@@ -21,23 +22,5 @@ export default function Helper({ lang, selecting, selectedDates, availabilities,
     const endClasses = classNames(styles.step, {
         [styles.stepCurrent]: selecting && selectedDates.length,
     });
-    return (<div className={styles.helper}>
-      <div className={styles.left}>
-        <div className={styles.title}>{Messages.get(lang, "helper-title")}</div>
-        {enableAvailability && (isLoading || error) && (<div className={loadingClasses}>
-            {!error && <Loader className={styles.loader}/>}
-            {error || Messages.get(lang, "availability-loading")}
-          </div>)}
-      </div>
-      <div className={styles.steps}>
-        <div className={startClasses}>
-          {Messages.get(lang, "helper-start-date")}{" "}
-          <span>{firstDate || Messages.get(lang, "helper-placeholder")}</span>
-        </div>
-        <div className={endClasses}>
-          {Messages.get(lang, "helper-end-date")}{" "}
-          <span>{lastDate || Messages.get(lang, "helper-placeholder")}</span>
-        </div>
-      </div>
-    </div>);
+    return (_jsxs("div", { className: styles.helper, children: [_jsxs("div", { className: styles.left, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "helper-title") }), enableAvailability && (isLoading || error) && (_jsxs("div", { className: loadingClasses, children: [!error && _jsx(Loader, { className: styles.loader }), error || Messages.get(lang, "availability-loading")] }))] }), _jsxs("div", { className: styles.steps, children: [_jsxs("div", { className: startClasses, children: [Messages.get(lang, "helper-start-date"), " ", _jsx("span", { children: firstDate || Messages.get(lang, "helper-placeholder") })] }), _jsxs("div", { className: endClasses, children: [Messages.get(lang, "helper-end-date"), " ", _jsx("span", { children: lastDate || Messages.get(lang, "helper-placeholder") })] })] })] }));
 }

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

@@ -1,3 +1,4 @@
 export default DatePicker;
 import DatePicker from "./date-picker";
 export { Data, Utils } from "./date-picker";
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/messages.js"],"names":[],"mappings":"AAgDO,6CAIN"}

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

@@ -16,5 +16,5 @@ export default function Month({ display, month, year, min, max, selecting, setSe
     stays: any;
     matchingStays: any;
     allMatchingStaysEnd: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=month.d.ts.map

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

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

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

@@ -1,3 +1,4 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import DateItem from "./date-item";
@@ -12,21 +13,9 @@ export default function Month({ display, month, year, min, max, selecting, setSe
     const calendarMonth = month;
     const calendarYear = year;
     const calendarDates = Data.calendar(calendarMonth, calendarYear);
-    return (<div className={styles.month}>
-      <div className={styles.title}>
-        {monthName} {year}
-      </div>
-      <div className={styles.days}>
-        {days.map((day) => {
-            return (<div key={day} className={styles.day}>
-              {i18nWeekDays[day]}
-            </div>);
-        })}
-      </div>
-      <div className={styles.dates}>
-        {calendarDates.map((date, i) => {
-            return (<DateItem key={i} index={i} display={display} date={date} month={month} year={year} min={min} max={max} selectedDates={selectedDates} setSelectedDates={setSelectedDates} setFirstSelectedDate={setFirstSelectedDate} setLastSelectedDate={setLastSelectedDate} selecting={selecting} setSelecting={setSelecting} singleDate={singleDate} submitOnSelectionEnd={submitOnSelectionEnd} onSubmit={onSubmit} stays={stays} matchingStays={matchingStays} allMatchingStaysEnd={allMatchingStaysEnd}/>);
-        })}
-      </div>
-    </div>);
+    return (_jsxs("div", { className: styles.month, children: [_jsxs("div", { className: styles.title, children: [monthName, " ", year] }), _jsx("div", { className: styles.days, children: days.map((day) => {
+                    return (_jsx("div", { className: styles.day, children: i18nWeekDays[day] }, day));
+                }) }), _jsx("div", { className: styles.dates, children: calendarDates.map((date, i) => {
+                    return (_jsx(DateItem, { index: i, display: display, date: date, month: month, year: year, min: min, max: max, selectedDates: selectedDates, setSelectedDates: setSelectedDates, setFirstSelectedDate: setFirstSelectedDate, setLastSelectedDate: setLastSelectedDate, selecting: selecting, setSelecting: setSelecting, singleDate: singleDate, submitOnSelectionEnd: submitOnSelectionEnd, onSubmit: onSubmit, stays: stays, matchingStays: matchingStays, allMatchingStaysEnd: allMatchingStaysEnd }, i));
+                }) })] }));
 }

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

@@ -1,7 +1,7 @@
 export function addDays(_date: any, days: any): Date;
 export function getMatchingStays(stays: any, selectedDates: any): any;
 export function zeroPad(value: any, length: any): string;
-export function getMonthDays(month?: number, year?: number): 29 | 28 | 30 | 31;
+export function getMonthDays(month?: number, year?: number): 30 | 29 | 28 | 31;
 export function getMonthFirstDay(month?: number, year?: number): number;
 export function weekToLongDate(date: any): string;
 export function formatDate(date: any): string;
@@ -22,3 +22,4 @@ export function getNextMonth(month: any, year: any): {
     month: any;
     year: any;
 };
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/utils.js"],"names":[],"mappings":"AAwGA,qDAIC;AAmDD,sEAQC;AArKM,yDAAmE;AAEnE,+EAcN;AAEM,wEAGkD;AAElD,kDAMN;AAEM,8CAMN;AAEM,2CAKN;AAEM,iEAUN;AAEM,+DAgBN;AAEM,2CAMN;AAEM,uDAON;AAEM,sDAON;AAQM,qEAQN;AAEM,gDAQN;AAEM,yEAaN;AAEM;;;EAKN;AAEM;;;EAKN"}

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

@@ -125,9 +125,9 @@ export const getNextMonth = (month, year) => {
     return { month: nextMonth, year: nextMonthYear };
 };
 export function getMatchingStays(stays, selectedDates) {
-    if (!(stays === null || stays === void 0 ? void 0 : stays.length) || !selectedDates.length)
+    if (!stays?.length || !selectedDates.length)
         return;
-    const matchingStays = stays === null || stays === void 0 ? void 0 : stays.filter((s) => {
+    const matchingStays = stays?.filter((s) => {
         return formatDate(s.start) === formatDate(selectedDates[0]);
     });
     return matchingStays;

package/es/common/components/editable-calendar/calendar-caption.d.ts

@@ -1,5 +1,5 @@
 export default function CalendarCaption({ presets, setPresets }: {
     presets: any;
     setPresets: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar-caption.d.ts.map

package/es/common/components/editable-calendar/calendar-caption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-caption.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/calendar-caption.js"],"names":[],"mappings":"AAkBA;;;4CAsDC"}

package/es/common/components/editable-calendar/calendar-caption.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import Input from "dt-design-system/es/input";
@@ -33,67 +34,53 @@ export default function CalendarCaption({ presets, setPresets }) {
         if (isEditing) {
             const newPresets = {
                 colors: colors.reduce((acc, color, index) => {
-                    return Object.assign(Object.assign({}, acc), { [index]: {
+                    return {
+                        ...acc,
+                        [index]: {
                             text: values[index],
                             backgroundColor: color,
                             textColor: textColors[index],
-                        } });
+                        },
+                    };
                 }, {}),
             };
             setPresets((currentPresets) => {
-                return Object.assign(Object.assign({}, currentPresets), newPresets);
+                return { ...currentPresets, ...newPresets };
             });
         }
     }, [colors, isEditing, setPresets, textColors, values]);
-    return isEditing ? (<Editor colors={colors} setColors={setColors} values={values} setValues={setValues} textColors={textColors} setTextColors={setTextColors}/>) : (<Caption colors={colors} values={values} textColors={textColors}/>);
+    return isEditing ? (_jsx(Editor, { colors: colors, setColors: setColors, values: values, setValues: setValues, textColors: textColors, setTextColors: setTextColors })) : (_jsx(Caption, { colors: colors, values: values, textColors: textColors }));
 }
 function Editor({ colors, setColors, values, setValues, textColors, setTextColors, }) {
-    return (<div className={css.root}>
-      {colors.map((color, index) => {
-            const updateValue = (value) => {
-                setValues((prev) => {
-                    const newValues = [...prev];
-                    newValues[index] = value;
-                    return newValues;
-                });
-            };
-            const updateColor = (e) => {
-                const color = e.target.value;
-                setColors((prev) => {
-                    const newColors = [...prev];
-                    newColors[index] = color;
-                    return newColors;
-                });
-            };
-            const updateTextColor = (e) => {
-                const color = e.target.value;
-                setTextColors((prev) => {
-                    const newTextColors = [...prev];
-                    newTextColors[index] = color;
-                    return newTextColors;
-                });
-            };
-            return (<div key={`${color}-${index}`} className={css.row}>
-            <Input className={css.color} style={{ color: textColors[index], backgroundColor: color }} placeholder="Horaires" onValueChange={updateValue} value={values[index]} compact/>
-            <input className={css.colorPicker} type="color" value={color} onChange={updateColor}/>
-            <input className={css.textColorPicker} type="color" value={textColors[index]} onChange={updateTextColor} list="textColors"/>
-            <span className={css.textPickerLabel}>A</span>
-          </div>);
-        })}
-      <datalist id="textColors">
-        <option>#000000</option>
-        <option>#ffffff</option>
-      </datalist>
-    </div>);
+    return (_jsxs("div", { className: css.root, children: [colors.map((color, index) => {
+                const updateValue = (value) => {
+                    setValues((prev) => {
+                        const newValues = [...prev];
+                        newValues[index] = value;
+                        return newValues;
+                    });
+                };
+                const updateColor = (e) => {
+                    const color = e.target.value;
+                    setColors((prev) => {
+                        const newColors = [...prev];
+                        newColors[index] = color;
+                        return newColors;
+                    });
+                };
+                const updateTextColor = (e) => {
+                    const color = e.target.value;
+                    setTextColors((prev) => {
+                        const newTextColors = [...prev];
+                        newTextColors[index] = color;
+                        return newTextColors;
+                    });
+                };
+                return (_jsxs("div", { className: css.row, children: [_jsx(Input, { className: css.color, style: { color: textColors[index], backgroundColor: color }, placeholder: "Horaires", onValueChange: updateValue, value: values[index], compact: true }), _jsx("input", { className: css.colorPicker, type: "color", value: color, onChange: updateColor }), _jsx("input", { className: css.textColorPicker, type: "color", value: textColors[index], onChange: updateTextColor, list: "textColors" }), _jsx("span", { className: css.textPickerLabel, children: "A" })] }, `${color}-${index}`));
+            }), _jsxs("datalist", { id: "textColors", children: [_jsx("option", { children: "#000000" }), _jsx("option", { children: "#ffffff" })] })] }));
 }
 function Caption({ colors, values, textColors }) {
-    return (<div className={css.root}>
-      {colors.map((color, index) => {
-            return (<div key={`${color}-${index}`} className={css.row}>
-            <div className={css.color} style={{ color: textColors[index], backgroundColor: color }}>
-              {values[index]}
-            </div>
-          </div>);
-        })}
-    </div>);
+    return (_jsx("div", { className: css.root, children: colors.map((color, index) => {
+            return (_jsx("div", { className: css.row, children: _jsx("div", { className: css.color, style: { color: textColors[index], backgroundColor: color }, children: values[index] }) }, `${color}-${index}`));
+        }) }));
 }

package/es/common/components/editable-calendar/calendar-date.d.ts

@@ -8,5 +8,5 @@ export default function CalendarDate({ date, month, year, minDate, presets, sele
     setSelecting: any;
     hoveredDates: any;
     setHoveredDates: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar-date.d.ts.map

package/es/common/components/editable-calendar/calendar-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-date.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/calendar-date.js"],"names":[],"mappings":"AAQA;;;;;;;;;;4CAgGC"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import classnames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -63,9 +64,5 @@ export default function CalendarDate({ date, month, year, minDate, presets, sele
             return item.getTime() === _date.getTime();
         }),
     });
-    return (<Tooltip content={dateTooltip}>
-      <button className={classes} tabIndex={isDisabled ? -1 : 0} onMouseDown={startSelecting} onMouseEnter={computeSelection} onMouseUp={stopSelecting} style={dateStyles}>
-        {_date.getDate()}
-      </button>
-    </Tooltip>);
+    return (_jsx(Tooltip, { content: dateTooltip, children: _jsx("button", { className: classes, tabIndex: isDisabled ? -1 : 0, onMouseDown: startSelecting, onMouseEnter: computeSelection, onMouseUp: stopSelecting, style: dateStyles, children: _date.getDate() }) }));
 }

package/es/common/components/editable-calendar/calendar-editor.d.ts

@@ -3,5 +3,5 @@ export default function CalendarEditor({ presets, setPresets, hoveredDates, clos
     setPresets: any;
     hoveredDates: any;
     closeEditor: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar-editor.d.ts.map

package/es/common/components/editable-calendar/calendar-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-editor.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/calendar-editor.js"],"names":[],"mappings":"AAMA;;;;;4CA0EC"}

package/es/common/components/editable-calendar/calendar-editor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Button from "dt-design-system/es/button";
 import * as Icons from "dt-design-system/es/icons";
@@ -12,10 +13,10 @@ export default function CalendarEditor({ presets, setPresets, hoveredDates, clos
         const newDates = formatedHoveredDates.reduce((acc, date) => {
             if (!colorIndex)
                 return acc;
-            return Object.assign(Object.assign({}, acc), { [date]: colorIndex });
+            return { ...acc, [date]: colorIndex };
         }, {});
         const newPresets = {
-            dates: Object.assign(Object.assign({}, dates), newDates),
+            dates: { ...dates, ...newDates },
         };
         if (!colorIndex) {
             for (const date of formatedHoveredDates) {
@@ -30,26 +31,14 @@ export default function CalendarEditor({ presets, setPresets, hoveredDates, clos
             }
         });
         setPresets((currentPresets) => {
-            return Object.assign(Object.assign({}, currentPresets), newPresets);
+            return { ...currentPresets, ...newPresets };
         });
         closeEditor();
     };
-    return (<div className={css.editor}>
-      <Button variant="transparent" className={css.close} onClick={closeEditor}>
-        <Icons.Cross />
-      </Button>
-      <div className={css.inner}>
-        <Button variant="transparent" className={css.cleanup} onClick={updateDates()}>
-          Aucun
-        </Button>
-        {Object.keys(colors).map((key) => {
-            const { text, backgroundColor, textColor } = colors[key];
-            if (!text)
-                return null;
-            return (<Button key={key} variant="secondary" className={css.color} style={{ color: textColor, backgroundColor }} onClick={updateDates(key)}>
-              {text}
-            </Button>);
-        })}
-      </div>
-    </div>);
+    return (_jsxs("div", { className: css.editor, children: [_jsx(Button, { variant: "transparent", className: css.close, onClick: closeEditor, children: _jsx(Icons.Cross, {}) }), _jsxs("div", { className: css.inner, children: [_jsx(Button, { variant: "transparent", className: css.cleanup, onClick: updateDates(), children: "Aucun" }), Object.keys(colors).map((key) => {
+                        const { text, backgroundColor, textColor } = colors[key];
+                        if (!text)
+                            return null;
+                        return (_jsx(Button, { variant: "secondary", className: css.color, style: { color: textColor, backgroundColor }, onClick: updateDates(key), children: text }, key));
+                    })] })] }));
 }