ublo-lib 1.47.45 → 1.47.46

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

@@ -1,5 +1,6 @@
-export default function Calendar({ display, stayDates, min, max, onSubmit, availabilities, close, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }: {
+export default function Calendar({ display, lang, stayDates, min, max, onSubmit, availabilities, close, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }: {
     display: any;
+    lang: any;
     stayDates?: any[];
     min: any;
     max: any;

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/calendar.js"],"names":[],"mappings":"AAeA;;;;;;;;;;;;4CAwQC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/calendar.js"],"names":[],"mappings":"AAcA;;;;;;;;;;;;;4CAwQC"}

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

@@ -1,7 +1,6 @@
 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 Dialog from "dt-design-system/es/dialog";
 import Button from "dt-design-system/es/button";
 import ChevronLeftIcon from "dt-design-system/es/icons/chevron-left";
@@ -13,9 +12,8 @@ import * as Messages from "./messages";
 import * as Data from "./data";
 import * as Utils from "./utils";
 import styles from "./calendar.module.css";
-export default function Calendar({ display, stayDates = [], min, max, onSubmit, availabilities, close, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }) {
+export default function Calendar({ display, lang, stayDates = [], min, max, onSubmit, availabilities, close, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }) {
     const date = min ? Utils.createGMTDate(min) : Utils.createGMTDate();
-    const { lang } = useUbloContext();
     const [selectedDates, setSelectedDates] = React.useState(stayDates);
     const firstRangeDate = selectedDates[0];
     const selectedMonth = firstRangeDate
@@ -119,7 +117,7 @@ export default function Calendar({ display, stayDates = [], min, max, onSubmit,
         [styles.calendarTouch]: hide2ndMonth,
         [styles.calendarLoading]: isLoading,
     });
-    return (_jsxs("div", { className: classes, "data-calendar": "", 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, "data-controls": "", children: [_jsx(Button, { variant: "transparent", className: styles.control, onClick: gotoPreviousMonth, disabled: isPast, children: _jsx(ChevronLeftIcon, {}) }), _jsx(Button, { variant: "transparent", className: styles.control, onClick: gotoNextMonth, children: _jsx(ChevronRightIcon, {}) })] }), _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(CheckIcon, {}), Messages.get(lang, "submit")] })] }), _jsxs(Dialog, { isOpened: showPopup, className: styles.confirmDateChange, close: () => setShowPopup(false), children: [_jsx("div", { className: styles.confirmDateChangeTitle, children: Messages.get(lang, "warning-date-change-title") }), _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: () => setShowPopup(false), children: Messages.get(lang, "warning-date-change-cancel") }), _jsx("button", { className: classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonConfirm), onClick: () => {
+    return (_jsxs("div", { className: classes, "data-calendar": "", 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, "data-controls": "", children: [_jsx(Button, { variant: "transparent", className: styles.control, onClick: gotoPreviousMonth, disabled: isPast, children: _jsx(ChevronLeftIcon, {}) }), _jsx(Button, { variant: "transparent", className: styles.control, onClick: gotoNextMonth, children: _jsx(ChevronRightIcon, {}) })] }), _jsx(Month, { display: display, lang: lang, 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(CheckIcon, {}), Messages.get(lang, "submit")] })] }), _jsxs(Dialog, { isOpened: showPopup, className: styles.confirmDateChange, close: () => setShowPopup(false), children: [_jsx("div", { className: styles.confirmDateChangeTitle, children: Messages.get(lang, "warning-date-change-title") }), _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: () => setShowPopup(false), children: Messages.get(lang, "warning-date-change-cancel") }), _jsx("button", { className: classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonConfirm), onClick: () => {
                                     window.sessionStorage.removeItem("cartId");
                                     submit(selectedDates);
                                     setShowPopup(false);

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

@@ -0,0 +1,6 @@
+type Props = {
+    setLang: (lang: string) => void;
+};
+export default function ContextLang({ setLang }: Props): any;
+export {};
+//# sourceMappingURL=context-lang.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-lang.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/context-lang.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IAEX,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,OAQrD"}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+export default function ContextLang({ setLang }) {
+    const { lang } = useUbloContext();
+    React.useEffect(() => {
+        setLang(lang || "fr");
+    }, [lang]);
+    return null;
+}

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

@@ -1,5 +1,6 @@
-export default function DateItem({ date, index, month, year, min, max, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, selecting, setSelecting, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }: {
+export default function DateItem({ date, lang, index, month, year, min, max, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, selecting, setSelecting, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }: {
     date: any;
+    lang: any;
     index: any;
     month: any;
     year: any;

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

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

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

@@ -1,14 +1,12 @@
 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 Popover from "dt-design-system/es/popover";
 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";
-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();
+export default function DateItem({ date, lang, index, month, year, min, max, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, selecting, setSelecting, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }) {
     const today = Utils.createGMTDate();
     const _date = React.useMemo(() => Utils.createGMTDate(date), [date]);
     _date.setHours(0, 0, 0, 0);

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

@@ -3,6 +3,7 @@ import * as Utils from "./utils";
 export { Data, Utils };
 type Props = {
     stayDates?: Date[];
+    lang?: string;
     onSubmit: (dates: Date[]) => void;
     close: () => void;
     min?: string;
@@ -14,5 +15,5 @@ type Props = {
     disableConfirmModal?: boolean;
     defaultSelecting?: boolean;
 };
-export default function DatePicker({ stayDates, onSubmit, close, min, max, availabilities, popup, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DatePicker({ stayDates, lang: langProps, onSubmit, close, min, max, availabilities, popup, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }: Props): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=date-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/date-picker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAGjC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAEvB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,SAAc,EACd,QAAQ,EACR,KAAK,EACL,GAAG,EACH,GAAG,EACH,cAAc,EACd,KAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,GACjB,EAAE,KAAK,2CAyCP"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/date-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAKjC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAEvB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,SAAc,EACd,IAAI,EAAE,SAAS,EACf,QAAQ,EACR,KAAK,EACL,GAAG,EACH,GAAG,EACH,cAAc,EACd,KAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,GACjB,EAAE,KAAK,2CA4CP"}

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

@@ -1,14 +1,17 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
+import dynamic from "next/dynamic";
 import useWindowSizes from "../../hooks/use-window-sizes";
 import Calendar from "./calendar";
 import * as Data from "./data";
 import * as Utils from "./utils";
 import styles from "./date-picker.module.css";
+const ContextLang = dynamic(() => import("./context-lang"), { ssr: false });
 export { Data, Utils };
-export default function DatePicker({ stayDates = [], onSubmit, close, min, max, availabilities, popup = true, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }) {
+export default function DatePicker({ stayDates = [], lang: langProps, onSubmit, close, min, max, availabilities, popup = true, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }) {
     const [display, setDisplay] = React.useState();
+    const [lang, setLang] = React.useState(langProps);
     const { width: windowWidth } = useWindowSizes();
     React.useEffect(() => {
         if (windowWidth <= Data.BREAKPOINTS.PHONE) {
@@ -26,5 +29,5 @@ export default function DatePicker({ stayDates = [], onSubmit, close, min, max,
     const classes = classNames(styles.datePicker, {
         [styles.datePickerPopup]: popup,
     });
-    return (_jsxs(_Fragment, { children: [popup && _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, defaultSelecting: defaultSelecting }) })] }));
+    return (_jsxs(_Fragment, { children: [popup && _jsx("div", { className: styles.backdrop, onClick: close }), _jsxs("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, defaultSelecting: defaultSelecting, lang: lang }), !lang && _jsx(ContextLang, { setLang: setLang })] })] }));
 }

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

@@ -1,5 +1,6 @@
-export default function Month({ display, month, year, min, max, selecting, setSelecting, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }: {
+export default function Month({ display, lang, month, year, min, max, selecting, setSelecting, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }: {
     display: any;
+    lang: any;
     month: any;
     year: any;
     min: any;

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

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

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

@@ -1,11 +1,9 @@
 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";
 import * as Data from "./data";
 import styles from "./month.module.css";
-export default function Month({ display, month, year, min, max, selecting, setSelecting, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }) {
-    const { lang } = useUbloContext();
+export default function Month({ display, lang, month, year, min, max, selecting, setSelecting, selectedDates, setSelectedDates, setFirstSelectedDate, setLastSelectedDate, singleDate, submitOnSelectionEnd, onSubmit, stays, matchingStays, allMatchingStaysEnd, }) {
     const i18nMonths = Data.MONTHS[lang] || Data.MONTHS.en;
     const monthName = i18nMonths[Object.keys(i18nMonths)[month - 1]];
     const i18nWeekDays = Data.WEEK_DAYS[lang] || Data.WEEK_DAYS.en;
@@ -16,6 +14,6 @@ export default function Month({ display, month, year, min, max, selecting, setSe
     return (_jsxs("div", { className: styles.month, "data-month": "", children: [_jsxs("div", { className: styles.title, children: [monthName, " ", year] }), _jsx("div", { className: styles.days, "data-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));
+                    return (_jsx(DateItem, { index: i, display: display, lang: lang, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.47.45",
+  "version": "1.47.46",
   "peerDependencies": {
     "classnames": "^2.5.1",
     "dt-design-system": "^3.12.0",