ublo-lib 1.35.18 → 1.35.19

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;;;;;;;;;;;;;4CAqPC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/calendar.js"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;4CAuQC"}

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

@@ -2,15 +2,14 @@ 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 "ublo-lib/es/common/components/popup";
-import Helper from "./helper";
+import Dialog from "dt-design-system/es/dialog";
 import Button from "dt-design-system/es/button";
 import * as Icons from "dt-design-system/es/icons";
+import Month from "./month";
+import Helper from "./helper";
 import * as Messages from "./messages";
 import * as Data from "./data";
 import * as Utils from "./utils";
-import datePickerStyles from "./date-picker.module.css";
 import styles from "./calendar.module.css";
 export default function Calendar({ date, display, stayDates = [], min, max, onSubmit, availabilities, close, singleDate, submitOnSelectionEnd, disableConfirmModal, defaultSelecting, }) {
     const isDateObject = Utils.isDate(date);
@@ -116,12 +115,9 @@ export default function Calendar({ date, display, stayDates = [], min, max, onSu
         [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);
-                    } }) }))] }));
-}
-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") })] })] }));
+    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")] })] }), _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);
+                                }, children: Messages.get(lang, "warning-date-change-confirm") })] })] })] }));
 }

package/es/common/components/date-picker/calendar.module.css

@@ -81,9 +81,17 @@ button.close {
 .confirmDateChange {
   display: flex;
   flex-direction: column;
+  padding: 14px;
+}
+
+.confirmDateChangeTitle {
+  color: var(--ds-grey-900, #1d1d1d);
+  font-size: 22px;
+  font-weight: 700;
 }
 
 .confirmDateChangeMessage {
+  padding-top: 20px;
   color: var(--ds-grey-700, #232324);
   font-size: 13px;
 }

package/es/common/components/date-picker/date-picker.module.css

@@ -1,44 +0,0 @@
-div.popup {
-  z-index: 5;
-}
-
-.datePicker {
-  position: relative;
-  width: min-content;
-  max-width: 100%;
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  background-color: var(--ds-grey-000, #fff);
-  border-radius: inherit;
-}
-
-.datePickerPopup {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 4;
-  border-radius: var(--ds-radius-400, 20px);
-  box-shadow: var(--ds-shadow-300, 0 8px 30px rgba(0, 0, 0, 0.12));
-  animation: date-picker-appearance 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-}
-
-.backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(255, 255, 255, 0.4);
-  backdrop-filter: blur(var(--ds-blur, 8px));
-  z-index: 3;
-  animation: date-picker-appearance 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
-}
-
-@keyframes date-picker-appearance {
-  0% {
-    opacity: 0;
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.35.18",
+  "version": "1.35.19",
   "peerDependencies": {
     "dt-design-system": "^3.8.5",
     "leaflet": "^1.9.1",