ublo-lib 1.38.15 → 1.38.16

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":"AAIA,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,2CAiD1D"}
+{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/stay-picker.tsx"],"names":[],"mappings":"AAIA,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"}

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

@@ -31,5 +31,5 @@ export default function StayPicker({ stay, setStay }) {
         }
         setStay({ ...stay, [key]: value });
     };
-    return (_jsxs("div", { className: css.picker, children: [_jsx(Input, { type: "date", label: "Date de d\u00E9but", value: stay.from, onValueChange: updateStay("from") }), _jsx(Input, { type: "date", label: "Date de fin", 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", value: stay.from, onValueChange: updateStay("from") }), _jsx(Input, { className: css.input, type: "date", label: "Date de fin", value: stay.to, onValueChange: updateStay("to") })] }));
 }

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

@@ -3,3 +3,7 @@
   gap: 12px;
   margin-bottom: 4px;
 }
+
+.input {
+  flex: 1 1 100%;
+}

package/es/future/components/msem-preset-editor/components/widget-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget-list-item.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/widget-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACpE,CAAC;AAWF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,EAAE,KAAK,2CAoJP"}
+{"version":3,"file":"widget-list-item.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/widget-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACpE,CAAC;AAWF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,EAAE,KAAK,2CAwKP"}

package/es/future/components/msem-preset-editor/components/widget-list-item.js

@@ -3,6 +3,7 @@ import * as React from "react";
 import classNames from "classnames";
 import Button from "dt-design-system/es/button";
 import Tooltip from "dt-design-system/es/tooltip";
+import Dropdown from "dt-design-system/es/dropdown";
 import * as Icons from "dt-design-system/es/icons";
 import css from "./widget-list-item.module.css";
 const ALLOW_PRESETS_ON_WIDGETS = [
@@ -16,42 +17,54 @@ const ALLOW_PRESETS_ON_WIDGETS = [
 export default function WidgetListItem({ item, preset, updatePreset, removePreset, setShowPresetDialog, }) {
     const [opened, setOpened] = React.useState(false);
     const { widget, logo, name, items: subs } = item;
-    const toggleItem = () => {
-        setOpened(!opened);
-    };
     const ToggleIcon = opened ? Icons.ChevronUp : Icons.ChevronDown;
     const isSelected = preset?.name === name && preset?.widget === widget;
     const hasSubs = subs && subs.length > 0;
     const allowAdvancedPresets = ALLOW_PRESETS_ON_WIDGETS.includes(widget);
     const showEditButton = isSelected && allowAdvancedPresets;
     const showRemoveButton = isSelected;
+    const openDropdown = () => {
+        if (opened)
+            return;
+        setOpened(true);
+    };
+    const closeDropdown = () => {
+        setOpened(false);
+    };
+    const handleDropdownChildrenClick = (e) => {
+        const target = e.target;
+        const button = target.closest("button");
+        if (!button)
+            return;
+        closeDropdown();
+    };
     const classes = classNames(css.item, {
         [css.selected]: isSelected,
         [css.opened]: opened,
     });
     const handleItemClick = () => {
-        if (!isSelected) {
+        if (widget && !isSelected) {
             updatePreset(item);
         }
     };
-    return (_jsxs("div", { className: classes, children: [_jsxs(Button, { variant: "transparent", className: css.button, onClick: handleItemClick, children: [_jsx("div", { className: css.logo, children: _jsx("img", { src: logo, alt: name }) }), _jsx("div", { className: css.name, children: name })] }), (hasSubs || showEditButton || showRemoveButton) && (_jsxs("div", { className: css.actions, children: [showEditButton && (_jsx(Tooltip, { content: "Modifier", children: _jsx(Button, { variant: "primary", className: css.action, onClick: () => setShowPresetDialog(true), compact: true, children: _jsx(Icons.Edit, {}) }) })), showRemoveButton && (_jsx(Tooltip, { content: "Supprimer", children: _jsx(Button, { variant: "danger", className: css.action, onClick: removePreset, compact: true, children: _jsx(Icons.Trash, {}) }) })), hasSubs && (_jsx(Tooltip, { content: "Afficher les marchands", children: _jsx(Button, { variant: "secondary", className: css.action, onClick: toggleItem, compact: true, children: _jsx(ToggleIcon, {}) }) }))] })), opened && subs && (_jsx("div", { className: css.list, children: subs.map((sub) => {
-                    const isSelected = preset?.name === sub.name;
-                    const allowedWidgets = [
-                        "otherProducts",
-                        ...ALLOW_PRESETS_ON_WIDGETS,
-                    ];
-                    const isSkiRental = widget === "skiRental";
-                    const allowAdvancedPresets = !isSkiRental && allowedWidgets.includes(sub.widget);
-                    const showEditButton = isSelected && allowAdvancedPresets;
-                    const showButtons = showEditButton || isSelected;
-                    const classes = classNames(css.sub, {
-                        [css.subSelected]: isSelected,
-                    });
-                    const handleSubClick = () => {
-                        if (!isSelected) {
-                            updatePreset(item, sub);
-                        }
-                    };
-                    return (_jsxs("div", { className: classes, children: [_jsx(Button, { variant: "transparent", className: css.subButton, onClick: handleSubClick, children: sub.name }), showButtons && (_jsxs("div", { className: css.subActions, children: [showEditButton && (_jsx(Tooltip, { content: "Affiner le preset", children: _jsx(Button, { variant: "primary", className: css.action, onClick: () => setShowPresetDialog(true), compact: true, children: _jsx(Icons.Edit, {}) }) })), isSelected && (_jsx(Tooltip, { content: "Supprimer le preset", children: _jsx(Button, { variant: "danger", className: css.action, onClick: removePreset, compact: true, children: _jsx(Icons.Trash, {}) }) }))] }))] }, sub.name));
-                }) }))] }));
+    return (_jsxs("div", { className: classes, children: [_jsxs(Button, { variant: "transparent", className: css.button, onClick: handleItemClick, disabled: !widget, children: [_jsx("div", { className: css.logo, children: _jsx("img", { src: logo, alt: name }) }), _jsx("div", { className: css.name, children: name })] }), (hasSubs || showEditButton || showRemoveButton) && (_jsxs("div", { className: css.actions, children: [showEditButton && (_jsx(Tooltip, { content: "Affiner le preset", children: _jsx(Button, { variant: "primary", className: css.action, onClick: () => setShowPresetDialog(true), compact: true, children: _jsx(Icons.Edit, {}) }) })), showRemoveButton && (_jsx(Tooltip, { content: "Supprimer le preset", children: _jsx(Button, { variant: "danger", className: css.action, onClick: removePreset, compact: true, children: _jsx(Icons.Trash, {}) }) })), hasSubs && (_jsx(Dropdown, { breakpoint: 600, onClose: closeDropdown, open: opened, className: css.dropdown, title: "Marchands", content: _jsx("div", { className: css.list, children: subs.map((sub) => {
+                                const isSelected = preset?.name === sub.name;
+                                const allowedWidgets = [
+                                    "otherProducts",
+                                    ...ALLOW_PRESETS_ON_WIDGETS,
+                                ];
+                                const isSkiRental = widget === "skiRental";
+                                const allowAdvancedPresets = !isSkiRental && allowedWidgets.includes(sub.widget);
+                                const showEditButton = isSelected && allowAdvancedPresets;
+                                const showButtons = showEditButton || isSelected;
+                                const classes = classNames(css.sub, {
+                                    [css.subSelected]: isSelected,
+                                });
+                                const handleSubClick = () => {
+                                    if (!isSelected) {
+                                        updatePreset(item, sub);
+                                    }
+                                };
+                                return (_jsxs("div", { className: classes, children: [_jsx(Button, { variant: "transparent", className: css.subButton, onClick: handleSubClick, autoFocus: isSelected ? true : undefined, children: sub.name }), showButtons && (_jsxs("div", { className: css.subActions, children: [showEditButton && (_jsx(Tooltip, { content: "Affiner le preset", children: _jsx(Button, { variant: "primary", className: css.action, onClick: () => setShowPresetDialog(true), compact: true, children: _jsx(Icons.Edit, {}) }) })), isSelected && (_jsx(Tooltip, { content: "Supprimer le preset", children: _jsx(Button, { variant: "danger", className: css.action, onClick: removePreset, compact: true, children: _jsx(Icons.Trash, {}) }) }))] }))] }, sub.name));
+                            }) }), children: _jsx(Button, { variant: "secondary", className: css.action, onClick: openDropdown, compact: true, children: _jsx(ToggleIcon, {}) }) }))] }))] }));
 }

package/es/future/components/msem-preset-editor/components/widget-list-item.module.css

@@ -1,29 +1,41 @@
 .item {
   position: relative;
   display: flex;
-  flex-direction: column;
+  justify-content: center;
 }
 
 .button {
   width: 100%;
-  justify-content: flex-start;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
   gap: 10px;
-  font-weight: 400;
-  text-align: left;
-  padding-right: 100px;
+  padding-bottom: 35px;
   background-color: var(--ublo-grey-000, #ffffff);
+  border: 1px solid var(--ublo-grey-200, #ededed);
   border-radius: var(--ublo-radius-200, 8px);
   transition: 160ms background-color
     var(--ublo-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
 
+.button:disabled {
+  filter: none;
+}
+
 .selected .button,
 .selected .button:hover {
-  color: var(--ublo-secondary-color, #4177f6);
-  background-color: var(--ublo-grey-200, #ededed);
+  background: var(
+    --ublo-blue-gradient,
+    linear-gradient(
+      175deg,
+      var(--ublo-blue-400, #4177f6),
+      var(--ublo-blue-500, #004cc2)
+    )
+  );
 }
 
-.item:not(.selected) .button:hover {
+.item:not(.selected) .button:not(:disabled):hover {
   background-color: var(--ublo-grey-100, #f5f5f5);
 }
 
@@ -38,21 +50,13 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: var(
-    --ublo-blue-gradient,
-    linear-gradient(
-      175deg,
-      var(--ublo-blue-400, #4177f6),
-      var(--ublo-blue-500, #004cc2)
-    )
-  );
+  background-color: var(--ublo-grey-200, #ededed);
   border-radius: var(--ublo-radius-200, 8px);
 }
 
 .logo img {
   width: 24px;
   height: 24px;
-  filter: brightness(0) invert(1);
 }
 
 .name {
@@ -60,29 +64,32 @@
 }
 
 .selected .name {
-  color: var(--ublo-secondary-color, #4177f6);
+  color: var(--ublo-grey-000, #ffffff);
 }
 
 .actions {
   position: absolute;
-  top: 16px;
-  right: 12px;
+  bottom: 10px;
+  left: 50%;
   display: flex;
   gap: 4px;
+  transform: translateX(-50%);
 }
 
 .action {
   border-radius: var(--ublo-radius-100, 3px);
 }
 
+.dropdown {
+  padding: 0;
+}
+
 .list {
-  width: calc(100% - 26px);
-  max-height: 140px;
+  max-height: 40vh;
   display: flex;
   flex-direction: column;
-  margin-left: auto;
-  padding: 0 6px;
-  border-left: 3px solid var(--ublo-grey-200, #ededed);
+  gap: 4px;
+  padding: 6px;
   overflow: auto;
   overscroll-behavior: contain;
   scrollbar-width: thin;
@@ -115,13 +122,21 @@
 
 .subSelected .subButton,
 .subSelected .subButton:hover {
-  color: var(--ublo-secondary-color, #4177f6);
-  background-color: var(--ublo-grey-200, #ededed);
+  color: var(--ublo-grey-000, #ffffff);
+  background: var(
+    --ublo-blue-gradient,
+    linear-gradient(
+      175deg,
+      var(--ublo-blue-400, #4177f6),
+      var(--ublo-blue-500, #004cc2)
+    )
+  );
 }
 
-.item:not(.subSelected) .subButton:hover {
+.sub:not(.subSelected) .subButton:hover {
   background-color: var(--ublo-grey-100, #f5f5f5);
 }
+
 .subActions {
   position: absolute;
   top: 50%;

package/es/future/components/msem-preset-editor/components/widget-list.module.css

@@ -1,7 +1,8 @@
 .list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, 160px);
+  justify-content: center;
+  gap: 12px;
 }
 
 div.loader {

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

@@ -171,7 +171,7 @@ export default function Lodgings({ msemServicesUrl, preset, setPreset, setShowPr
             return newPreset;
         });
     }, [data, onChange, urlOverride, setPreset]);
-    return (_jsxs(Form, { title: "Presets h\u00E9bergements", width: 580, preset: preset, buttonsActions: { testPreset, cancelPreset, confirmPreset }, children: [_jsx("div", { className: css.label, children: "Nombre de personnes" }), _jsxs("div", { className: css.row, children: [_jsx(NumberPicker, { className: css.peopleInput, label: "Adultes", min: 0, max: 20, value: data.adults, onChange: updateField("adults"), withInput: true }), _jsx(NumberPicker, { className: css.peopleInput, label: "Enfants", min: 0, max: 9, value: data.children, onChange: updateField("children"), withInput: true })] }), _jsx("div", { className: css.label, children: "H\u00E9bergement" }), _jsx(Select, { placeholder: "S\u00E9lectionnez un h\u00E9bergement", options: formattedLodgings, value: data.lodging, onValueChange: updateField("lodging"), loading: loading }), !showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Chambres" }), (formattedRooms?.length > 0 || loading) && (_jsx(Select, { label: "Type de bien", placeholder: "S\u00E9lectionnez un type de bien", value: data.roomType, options: formattedRooms, onValueChange: updateField("roomType"), loading: loading })), _jsx(NumberPicker, { label: "Nombre de chambres", min: 0, max: 20, value: data.nbRooms?.[0] || 0, onChange: updateRoomNb, withInput: true })] })), showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Filtres" }), lodgings && (_jsx(MultipleSelect, { label: "Liste de marchands", options: formattedMerchants, values: selectedMerchants, onChange: updateFilter("merchants"), loading: loading, withSearch: true })), (loading || kinds.length > 1) && (_jsx(Select, { label: "Type", placeholder: "S\u00E9lectionnez un type", options: kinds, value: data.type, onValueChange: updateField("type"), loading: loading })), (loading || filters.standings.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Standing", options: filters.standings, values: selectedStandings, onChange: updateFilter("standings"), loading: loading, withSearch: true })), (loading || filters.options.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Options", options: filters.options, values: selectedOptions, onChange: updateFilter("options"), loading: loading, withSearch: true })), (loading || filters.districts.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Quartiers", options: filters.districts, values: selectedDistricts, onChange: updateFilter("districts"), loading: loading, withSearch: true }))] })), _jsx("div", { className: css.label, children: "Avanc\u00E9" }), _jsx(Input, { className: css.input, label: "Filtre", value: data.filter, placeholder: "('10', '22') in options", onValueChange: updateField("filter") })] }));
+    return (_jsxs(Form, { title: "Presets h\u00E9bergements", width: 580, preset: preset, buttonsActions: { testPreset, cancelPreset, confirmPreset }, children: [_jsx("div", { className: css.label, children: "Nombre de personnes" }), _jsxs("div", { className: css.row, children: [_jsx(NumberPicker, { className: css.peopleInput, label: "Adultes", min: 0, max: 20, value: data.adults, onChange: updateField("adults"), withInput: true }), _jsx(NumberPicker, { className: css.peopleInput, label: "Enfants", min: 0, max: 9, value: data.children, onChange: updateField("children"), withInput: true })] }), _jsx("div", { className: css.label, children: "H\u00E9bergement" }), _jsx(Select, { placeholder: "S\u00E9lectionnez un h\u00E9bergement", options: formattedLodgings, value: data.lodging, onValueChange: updateField("lodging"), loading: loading }), !showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Chambres" }), (formattedRooms?.length > 0 || loading) && (_jsx(Select, { label: "Type de bien", placeholder: "S\u00E9lectionnez un type de bien", value: data.roomType, options: formattedRooms, onValueChange: updateField("roomType"), loading: loading })), _jsx(NumberPicker, { label: "Nombre de chambres", min: 0, max: 20, value: data.nbRooms?.[0] || 0, onChange: updateRoomNb, withInput: true })] })), showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Filtres" }), lodgings && (_jsx(MultipleSelect, { label: "Liste de marchands", options: formattedMerchants, values: selectedMerchants, onChange: updateFilter("merchants"), loading: loading, withSearch: true })), (loading || kinds.length > 1) && (_jsx(Select, { label: "Type", placeholder: "S\u00E9lectionnez un type", options: kinds, value: data.type, onValueChange: updateField("type"), loading: loading })), (loading || filters.standings.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Standing", options: filters.standings, values: selectedStandings, onChange: updateFilter("standings"), loading: loading, withSearch: true })), (loading || filters.options.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Options", options: filters.options, values: selectedOptions, onChange: updateFilter("options"), loading: loading, withSearch: true })), (loading || filters.districts.length >= 1) && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Quartiers", options: filters.districts, values: selectedDistricts, onChange: updateFilter("districts"), loading: loading, withSearch: true })), _jsx("div", { className: css.label, children: "Avanc\u00E9" }), _jsx(Input, { className: css.input, label: "Filtre", value: data.filter, placeholder: "('10', '22') in options", onValueChange: updateField("filter") })] }))] }));
 }
 function getDefaultData(preset) {
     if (!preset?.presets && !preset?.options)

package/es/future/components/msem-preset-editor/msem-preset-editor.module.css

@@ -1,5 +1,4 @@
 .editor {
-  width: 420px;
   display: flex;
   flex-direction: column;
   gap: 12px;

package/es/future/components/msem-preset-linker/msem-preset-linker.module.css

@@ -82,6 +82,7 @@
   --ds-button-hover-background: var(--ublo-primary-color, #073ff8);
   --ds-button-padding: 10px;
 
+  width: 720px;
   display: flex;
   flex-direction: column;
   font-family: var(--ds-sans-serif-font);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.38.15",
+  "version": "1.38.16",
   "peerDependencies": {
     "dt-design-system": "^3.10.8",
     "leaflet": "^1.9.1",