ublo-lib 1.44.28 → 1.44.30

package/es/esf/components/period-picker/period-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;;4CA8MC"}
+{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;;4CAgNC"}

package/es/esf/components/period-picker/period-picker.js

@@ -129,5 +129,5 @@ export default function PeriodPicker({ className = undefined, setClosed = undefi
         setOpened(false);
         openExtendedPicker();
     };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: pickerClasses, children: _jsxs("div", { className: css.inner, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.iconContainer, children: _jsx(Icons.Calendar, { className: css.icon }) }), _jsx(Title, { lang: lang, stay: stay }), _jsx(Controls, { barRef: ref, distance: 200 })] }), _jsx(Weeks, { ref: ref, lang: lang, weeks: weeks, beginWeek: beginWeek, endWeek: endWeek, selected: selected, select: select, forceSeasonSwitch: forceSeasonSwitch, openExtendedPicker: openExtendedPicker, hidePastDates: hidePastDates }), _jsx(Warning, { lang: lang, warn: warn, setWarn: setWarn, selectWeek: selectWeek, chosenWeek: chosenWeek }), _jsx(ExtendedStayPicker, { lang: lang, stay: stay, extend: extend, week: selected, endWeek: endWeek, forceSeasonSwitch: forceSeasonSwitch, opened: extendedOpened, setExtendedOpened: setExtendedOpened, onChange: onChange })] }) }), _jsx(Popup, { className: className, mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange, hidePastDates: hidePastDates })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: pickerClasses, children: _jsxs("div", { className: css.inner, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.iconContainer, children: _jsx(Icons.Calendar, { className: css.icon }) }), _jsx(Title, { lang: lang, stay: stay }), _jsx(Controls, { barRef: ref, distance: 200 })] }), _jsx(Weeks, { ref: ref, lang: lang, weeks: weeks, beginWeek: beginWeek, endWeek: endWeek, selected: selected, select: select, forceSeasonSwitch: forceSeasonSwitch, openExtendedPicker: openExtendedPicker, hidePastDates: hidePastDates }), _jsx(ExtendedStayPicker, { lang: lang, stay: stay, extend: extend, week: selected, endWeek: endWeek, forceSeasonSwitch: forceSeasonSwitch, opened: extendedOpened, setExtendedOpened: setExtendedOpened, onChange: onChange }), _jsx(Warning, { lang: lang, warn: warn, setWarn: setWarn, selectWeek: selectWeek, chosenWeek: chosenWeek, setExtendedOpened: setExtendedOpened, extendedTimeout: extendedTimeout })] }) }), _jsx(Popup, { className: className, mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange, hidePastDates: hidePastDates })] }));
 }

package/es/esf/components/period-picker/warning.d.ts

@@ -1,8 +1,10 @@
-export default function Warning({ lang, warn, setWarn, selectWeek, chosenWeek, }: {
+export default function Warning({ lang, warn, setWarn, selectWeek, chosenWeek, setExtendedOpened, extendedTimeout, }: {
     lang: any;
     warn: any;
     setWarn: any;
     selectWeek: any;
     chosenWeek: any;
+    setExtendedOpened: any;
+    extendedTimeout: any;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=warning.d.ts.map

package/es/esf/components/period-picker/warning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/warning.js"],"names":[],"mappings":"AAMA;;;;;;4CAiCC"}
+{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/warning.js"],"names":[],"mappings":"AAMA;;;;;;;;4CAoCC"}

package/es/esf/components/period-picker/warning.js

@@ -1,17 +1,21 @@
 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";
+import Information from "dt-design-system/es/information";
 import * as Messages from "./messages";
 import css from "./warning.module.css";
-export default function Warning({ lang, warn, setWarn, selectWeek, chosenWeek, }) {
-    const cancel = () => {
+export default function Warning({ lang, warn, setWarn, selectWeek, chosenWeek, setExtendedOpened, extendedTimeout, }) {
+    const cancel = React.useCallback(() => {
         setWarn(false);
-    };
+        setExtendedOpened(false);
+        if (extendedTimeout) {
+            clearTimeout(extendedTimeout);
+        }
+    }, [extendedTimeout, setExtendedOpened, setWarn]);
     const confirm = () => {
         selectWeek(chosenWeek, true);
     };
     if (!warn)
         return null;
-    return (_jsxs("div", { className: css.warn, children: [_jsxs("div", { className: css.text, children: [_jsx(Icons.AlertCircle, { className: css.icon }), Messages.get(lang, "warn")] }), _jsxs("div", { className: css.buttons, children: [_jsx(Button, { className: css.cancelButton, onClick: cancel, children: Messages.get(lang, "cancel") }), _jsx(Button, { className: css.button, onClick: confirm, children: Messages.get(lang, "ok") })] })] }));
+    return (_jsxs("div", { className: css.warn, children: [_jsx(Information, { icon: "AlertCircle", children: Messages.get(lang, "warn") }), _jsxs("div", { className: css.buttons, children: [_jsx(Button, { className: css.cancelButton, onClick: cancel, children: Messages.get(lang, "cancel") }), _jsx(Button, { className: css.button, onClick: confirm, children: Messages.get(lang, "ok") })] })] }));
 }

package/es/esf/components/period-picker/warning.module.css

@@ -14,24 +14,6 @@
   z-index: 1;
 }
 
-.text {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px;
-  color: var(--ds-grey-700, #171e30);
-  font-size: 17px;
-  font-weight: 700;
-  background-color: var(--ds-grey-100, #f5f5f5);
-  border-radius: var(--ds-radius-200, 10px);
-}
-
-.icon {
-  width: 22px;
-  height: 22px;
-  fill: currentColor;
-}
-
 .buttons {
   display: flex;
   align-items: center;

package/es/esf/components/period-picker/weeks.js

@@ -54,6 +54,8 @@ function Week({ lang, week, beginWeek, endWeek, selected, select, forceSeasonSwi
         [css.lowPeriod]: periods?.low?.includes(week),
     });
     const selectWeek = () => {
+        if (isSelected)
+            return;
         select(week);
         openExtendedPicker();
     };

package/package.json

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