ublo-lib 1.44.1 → 1.44.3

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

@@ -1,7 +1,8 @@
-export default function PeriodPicker({ setClosed, force, onChange, ubloContext, }: {
+export default function PeriodPicker({ setClosed, force, onChange, hidePastDates, ubloContext, }: {
     setClosed?: any;
     force?: boolean;
     onChange?: any;
+    hidePastDates?: boolean;
     ubloContext?: {};
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=period-picker.d.ts.map

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;;;;;4CAyMC"}
+{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;4CA2MC"}

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

@@ -18,7 +18,7 @@ const { publicRuntimeConfig } = getConfig();
 const { start, end, forceSeasonSwitch = false, extend, } = publicRuntimeConfig.season;
 const WEEK_STORAGE = "stayWeek";
 const EXTEND_STAY_PICKER_APPEARANCE_DELAY = 1000;
-export default function PeriodPicker({ setClosed = undefined, force = false, onChange = undefined, ubloContext = {}, }) {
+export default function PeriodPicker({ setClosed = undefined, force = false, onChange = undefined, hidePastDates = false, ubloContext = {}, }) {
     const ref = React.useRef(null);
     const { lang, cmsMode, metadata, path } = {
         ...ubloContext,
@@ -129,5 +129,5 @@ export default function PeriodPicker({ setClosed = undefined, force = false, onC
         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 }), _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, { mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange })] }));
+    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, { mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange })] }));
 }

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

@@ -26,13 +26,22 @@ const Weeks = React.forwardRef(({ weeks, lang, ...props }, ref) => {
 });
 Weeks.displayName = "Weeks";
 export default Weeks;
-function Week({ lang, week, beginWeek, endWeek, selected, select, forceSeasonSwitch, openExtendedPicker, }) {
+function Week({ lang, week, beginWeek, endWeek, selected, select, forceSeasonSwitch, openExtendedPicker, hidePastDates, }) {
+    const ref = React.useRef(null);
     const now = new Date();
     const prevDate = Dates.weekToDate(week - 1, endWeek, forceSeasonSwitch);
     const currDate = Dates.weekToDate(week, endWeek, forceSeasonSwitch);
     const nextDate = Dates.weekToDate(week + 1, endWeek, forceSeasonSwitch);
     const isSelected = selected === week;
     const isPast = now.getTime() > nextDate.getTime();
+    React.useEffect(() => {
+        const target = ref.current;
+        if (target && isSelected) {
+            target.scrollIntoView({ behavior: "smooth", block: "nearest" });
+        }
+    }, [isSelected]);
+    if (hidePastDates && isPast)
+        return null;
     const isFirst = week === beginWeek;
     const isLast = week === endWeek;
     const prevYear = prevDate.getFullYear();
@@ -56,5 +65,5 @@ function Week({ lang, week, beginWeek, endWeek, selected, select, forceSeasonSwi
         select(week);
         openExtendedPicker();
     };
-    return (_jsxs("div", { className: weekClasses, children: [_jsx(Button, { className: css.button, onClick: selectWeek, "aria-label": `${Dates.weekToLongDate(week)} - ${Dates.weekToLongDate(week + 1)}`, disabled: isPast }), _jsxs("div", { className: css.date, children: [_jsx("div", { className: css.dateFrom, children: Dates.formatShort(currDate) }), isLast && (_jsx("div", { className: css.dateTo, children: Dates.formatShort(nextDate) }))] }), showMonth && (_jsxs("span", { className: css.month, children: [formattedMonth, " ", showYear && _jsx("b", { className: css.year, children: currYear })] }))] }));
+    return (_jsxs("div", { ref: ref, className: weekClasses, children: [_jsx(Button, { className: css.button, onClick: selectWeek, "aria-label": `${Dates.weekToLongDate(week)} - ${Dates.weekToLongDate(week + 1)}`, disabled: isPast }), _jsxs("div", { className: css.date, children: [_jsx("div", { className: css.dateFrom, children: Dates.formatShort(currDate) }), isLast && (_jsx("div", { className: css.dateTo, children: Dates.formatShort(nextDate) }))] }), showMonth && (_jsxs("span", { className: css.month, children: [formattedMonth, " ", showYear && _jsx("b", { className: css.year, children: currYear })] }))] }));
 }

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

@@ -19,6 +19,7 @@
   padding: 0 26px 10px 26px;
   overflow: auto;
   scroll-behavior: smooth;
+  scrollbar-width: thin;
 }
 
 @media (min-width: 1100px) {
@@ -27,7 +28,6 @@
     --item-height: 20px;
 
     padding: 0 26px;
-    overflow: visible;
   }
 }
 

package/es/future/components/msem-preset-editor/components/stay-picker.d.ts

@@ -7,8 +7,8 @@ type Props = {
         from: string;
         to: string;
     }) => void;
-    setPreset: (preset: Record<string, any>) => void;
+    isLBM: boolean;
 };
-export default function StayPicker({ stay, setStay }: Props): import("react/jsx-runtime").JSX.Element;
+export default function StayPicker({ stay, setStay, isLBM }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=stay-picker.d.ts.map

package/es/future/components/msem-preset-editor/components/stay-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/stay-picker.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,2CAmD1D"}
+{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/stay-picker.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,2CAqDjE"}

package/es/future/components/msem-preset-editor/components/stay-picker.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Input from "dt-design-system/es/input";
 import css from "./stay-picker.module.css";
-export default function StayPicker({ stay, setStay }) {
+export default function StayPicker({ stay, setStay, isLBM }) {
     const updateStay = (key) => (value) => {
         const isFrom = key === "from";
         const isTo = key === "to";
@@ -31,5 +31,5 @@ export default function StayPicker({ stay, setStay }) {
         }
         setStay({ ...stay, [key]: value });
     };
-    return (_jsxs("div", { className: css.picker, children: [_jsx(Input, { className: css.input, type: "date", label: "Date de d\u00E9but (optionnel)", value: stay.from, onValueChange: updateStay("from") }), _jsx(Input, { className: css.input, type: "date", label: "Date de fin (optionnel)", value: stay.to, onValueChange: updateStay("to") })] }));
+    return (_jsxs("div", { className: css.picker, children: [_jsx(Input, { className: css.input, type: "date", label: "Date de d\u00E9but (optionnel)", value: stay.from, onValueChange: updateStay("from"), disabled: isLBM }), _jsx(Input, { className: css.input, type: "date", label: "Date de fin (optionnel)", value: stay.to, onValueChange: updateStay("to"), disabled: isLBM })] }));
 }

package/es/future/components/msem-preset-editor/editors/ski-passes.js

@@ -229,7 +229,7 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
                                 const value = data.pax?.filter((skier) => skier === code)?.length ||
                                     0;
                                 return (_jsx(NumberPicker, { label: title, min: 0, max: 20, value: value, disabled: false, onChange: updateSkiers(code), withInput: true }, code));
-                            })] })), _jsx("div", { className: css.label, children: "Filtres" }), (activities?.length > 0 || loading) && (_jsx(MultipleSelect, { label: "Activit\u00E9s", placeholder: "Selectionnez une ou plusieurs options", options: activities, values: selectedActivities, onChange: updateField("activities"), loading: loading })), _jsxs("div", { className: css.row, children: [((filteredDomains && filteredDomains.length > 0) || loading) && (_jsx(MultipleSelect, { label: "Domaines", placeholder: "Selectionnez une ou plusieurs options", options: filteredDomains || [], values: selectedDomains, onChange: updateDomains, loading: loading })), ((filteredDurations && filteredDurations?.length > 0) ||
+                            })] })), _jsx("div", { className: css.label, children: "Filtres" }), (activities?.length > 0 || loading) && (_jsx(MultipleSelect, { label: "Cat\u00E9gories de dur\u00E9e", placeholder: "Selectionnez une ou plusieurs options", options: activities, values: selectedActivities, onChange: updateField("activities"), loading: loading })), _jsxs("div", { className: css.row, children: [((filteredDomains && filteredDomains.length > 0) || loading) && (_jsx(MultipleSelect, { label: "Domaines", placeholder: "Selectionnez une ou plusieurs options", options: filteredDomains || [], values: selectedDomains, onChange: updateDomains, loading: loading })), ((filteredDurations && filteredDurations?.length > 0) ||
                                 loading) && (_jsx(MultipleSelect, { label: "Dur\u00E9es", placeholder: "Selectionnez une ou plusieurs options", options: filteredDurations || [], values: selectedDurations, onChange: updateField("durations"), loading: loading }))] })] }))] }));
 }
 function getDefaultData(preset) {

package/es/future/components/msem-preset-editor/editors/standard-products.js

@@ -51,7 +51,7 @@ export default function StandardProducts({ lang, msemServicesUrl, preset, setPre
             return newPreset;
         });
     }, [onChange, selectedProductCategory, setPreset]);
-    return (_jsx(Form, { title: "Presets activit\u00E9s autres produits", width: 420, preset: preset, buttonsActions: {
+    return (_jsx(Form, { title: "Presets activit\u00E9s MyActivity / Autres produits", width: 420, preset: preset, buttonsActions: {
             testPreset,
             cancelPreset,
             confirmPreset: selectedProductCategory ? confirmPreset : undefined,

package/es/future/components/msem-preset-editor/editors/vakario.js

@@ -156,7 +156,7 @@ export default function Vakario({ lang, msemServicesUrl, preset, setPreset, setS
             return newPreset;
         });
     }, [data, onChange, setPreset]);
-    return (_jsxs(Form, { title: "Presets activit\u00E9s Vakario", width: 420, preset: preset, buttonsActions: {
+    return (_jsxs(Form, { title: "Presets activit\u00E9s YoPlanning / Vakario", width: 420, preset: preset, buttonsActions: {
             testPreset,
             cancelPreset,
             confirmPreset,

package/es/future/components/msem-preset-editor/msem-preset-editor.js

@@ -26,6 +26,7 @@ export default function MseMPresetEditor({ lang, channel, resort, msemServicesUr
     const [presetUrl, setPresetUrl] = React.useState("");
     const showFacetSelector = facet === undefined;
     const showWidgetList = selectedResort && selectedFacet !== "";
+    const isLBM = channel === "LBM";
     const updatePreset = React.useCallback((item, subPreset) => {
         let { name, options: itemOptions, presets: itemPresets } = item;
         const widget = subPreset?.widget || item.widget;
@@ -109,7 +110,7 @@ export default function MseMPresetEditor({ lang, channel, resort, msemServicesUr
     const footerClasses = classNames(css.footer, {
         [css.footerButtonOnly]: !showPresetUrl,
     });
-    return (_jsxs("div", { className: css.editor, children: [resorts && (_jsx(ResortSelector, { resorts: resorts, resort: selectedResort, setResort: setSelectedResort, removePreset: removePreset })), showFacetSelector && (_jsx(FacetSelector, { facet: selectedFacet, setFacet: setSelectedFacet, setPreset: setPreset })), !hideStay && (_jsx(StayPicker, { stay: stay, setStay: setStay, setPreset: setPreset })), showWidgetList && (_jsx(WidgetList, { lang: lang, msemServicesUrl: msemServicesUrl, resort: selectedResort, channel: channel, facet: selectedFacet, preset: preset, updatePreset: updatePreset, removePreset: removePreset, error: error, setError: setError, setShowPresetDialog: setShowPresetDialog })), error && _jsx("div", { className: css.error, children: error }), _jsxs("div", { className: footerClasses, children: [showPresetUrl ? (_jsx(Tooltip, { content: "Tester dans le widget MseM", children: _jsx(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: _jsx(Icons.OpenInBrowser, {}) }) })) : (_jsxs(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: [_jsx(Icons.OpenInBrowser, {}), "Tester dans le widget MseM"] })), showPresetUrl && (_jsx(Input, { type: "text", className: css.url, value: presetUrl, onClick: copyUrl, placeholder: !preset
+    return (_jsxs("div", { className: css.editor, children: [resorts && (_jsx(ResortSelector, { resorts: resorts, resort: selectedResort, setResort: setSelectedResort, removePreset: removePreset })), showFacetSelector && (_jsx(FacetSelector, { facet: selectedFacet, setFacet: setSelectedFacet, setPreset: setPreset })), !hideStay && _jsx(StayPicker, { stay: stay, setStay: setStay, isLBM: isLBM }), showWidgetList && (_jsx(WidgetList, { lang: lang, msemServicesUrl: msemServicesUrl, resort: selectedResort, channel: channel, facet: selectedFacet, preset: preset, updatePreset: updatePreset, removePreset: removePreset, error: error, setError: setError, setShowPresetDialog: setShowPresetDialog })), error && _jsx("div", { className: css.error, children: error }), _jsxs("div", { className: footerClasses, children: [showPresetUrl ? (_jsx(Tooltip, { content: "Tester dans le widget MseM", children: _jsx(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: _jsx(Icons.OpenInBrowser, {}) }) })) : (_jsxs(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: [_jsx(Icons.OpenInBrowser, {}), "Tester dans le widget MseM"] })), showPresetUrl && (_jsx(Input, { type: "text", className: css.url, value: presetUrl, onClick: copyUrl, placeholder: !preset
                             ? "Aucun preset sélectionné"
                             : "Preset incompatible au format URL", readOnly: true }))] }), _jsx(Dialog, { isOpened: showPresetDialog, close: () => setShowPresetDialog(false), closeButtonVariant: "transparent", showAsModal: false, children: showPresetDialog && (_jsx(CurrentEditor, { lang: lang, msemServicesUrl: msemServicesUrl, stay: stay, facet: selectedFacet, preset: preset, setPreset: setPreset, setShowPresetDialog: setShowPresetDialog, testPreset: testPreset, onChange: onChange, urlOverride: urlOverride })) })] }));
 }

package/es/future/hooks/use-msem-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../src/future/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,cAAc,EAAE;;CAAA,QAmHxD"}
+{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../src/future/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,cAAc,EAAE;;CAAA,QAoHxD"}

package/es/future/hooks/use-msem-presets.js

@@ -25,6 +25,7 @@ export default function useMseMPresets({ defaultOptions }) {
             lang,
             ...otherDefaultOptions,
             prefixUrl,
+            verticalMargin: 20,
         };
         e.preventDefault();
         e.stopPropagation();

package/package.json

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