ublo-lib 1.39.13 → 1.39.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/future/components/msem-preset-editor/components/stay-picker.js +1 -1
- package/es/future/components/msem-preset-editor/msem-preset-editor.d.ts +2 -1
- package/es/future/components/msem-preset-editor/msem-preset-editor.d.ts.map +1 -1
- package/es/future/components/msem-preset-editor/msem-preset-editor.js +9 -8
- package/package.json +1 -1
- package/es/common/components/msem-preset-editor/components/facet-selector.d.ts +0 -6
- package/es/common/components/msem-preset-editor/components/facet-selector.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/components/facet-selector.js +0 -23
- package/es/common/components/msem-preset-editor/components/form.d.ts +0 -8
- package/es/common/components/msem-preset-editor/components/form.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/components/form.js +0 -9
- package/es/common/components/msem-preset-editor/components/form.module.css +0 -39
- package/es/common/components/msem-preset-editor/components/stay-picker.d.ts +0 -14
- package/es/common/components/msem-preset-editor/components/stay-picker.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/components/stay-picker.js +0 -35
- package/es/common/components/msem-preset-editor/components/stay-picker.module.css +0 -5
- package/es/common/components/msem-preset-editor/components/widget-list-item.d.ts +0 -12
- package/es/common/components/msem-preset-editor/components/widget-list-item.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/components/widget-list-item.js +0 -55
- package/es/common/components/msem-preset-editor/components/widget-list-item.module.css +0 -115
- package/es/common/components/msem-preset-editor/components/widget-list.d.ts +0 -17
- package/es/common/components/msem-preset-editor/components/widget-list.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/components/widget-list.js +0 -34
- package/es/common/components/msem-preset-editor/components/widget-list.module.css +0 -21
- package/es/common/components/msem-preset-editor/editor-dialog.d.ts +0 -30
- package/es/common/components/msem-preset-editor/editor-dialog.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/editor-dialog.js +0 -27
- package/es/common/components/msem-preset-editor/editor-dialog.module.css +0 -31
- package/es/common/components/msem-preset-editor/editors/elloha.d.ts +0 -15
- package/es/common/components/msem-preset-editor/editors/elloha.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/editors/elloha.js +0 -79
- package/es/common/components/msem-preset-editor/editors/elloha.module.css +0 -14
- package/es/common/components/msem-preset-editor/editors/index.d.ts +0 -16
- package/es/common/components/msem-preset-editor/editors/index.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/editors/index.js +0 -15
- package/es/common/components/msem-preset-editor/editors/lodgings.d.ts +0 -17
- package/es/common/components/msem-preset-editor/editors/lodgings.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/editors/lodgings.js +0 -192
- package/es/common/components/msem-preset-editor/editors/lodgings.module.css +0 -21
- package/es/common/components/msem-preset-editor/editors/ski-passes-jb.d.ts +0 -16
- package/es/common/components/msem-preset-editor/editors/ski-passes-jb.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/editors/ski-passes-jb.js +0 -85
- package/es/common/components/msem-preset-editor/editors/ski-passes.d.ts +0 -16
- package/es/common/components/msem-preset-editor/editors/ski-passes.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/editors/ski-passes.js +0 -198
- package/es/common/components/msem-preset-editor/editors/ski-passes.module.css +0 -25
- package/es/common/components/msem-preset-editor/editors/standard-products.d.ts +0 -16
- package/es/common/components/msem-preset-editor/editors/standard-products.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/editors/standard-products.js +0 -65
- package/es/common/components/msem-preset-editor/editors/vakario.d.ts +0 -15
- package/es/common/components/msem-preset-editor/editors/vakario.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/editors/vakario.js +0 -179
- package/es/common/components/msem-preset-editor/index.d.ts +0 -3
- package/es/common/components/msem-preset-editor/index.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/index.js +0 -2
- package/es/common/components/msem-preset-editor/msem-preset-editor.d.ts +0 -28
- package/es/common/components/msem-preset-editor/msem-preset-editor.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/msem-preset-editor.js +0 -161
- package/es/common/components/msem-preset-editor/msem-preset-editor.module.css +0 -38
- package/es/common/components/msem-preset-editor/services/api.d.ts +0 -15
- package/es/common/components/msem-preset-editor/services/api.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/services/api.js +0 -71
- package/es/common/components/msem-preset-editor/services/offers.d.ts +0 -23
- package/es/common/components/msem-preset-editor/services/offers.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/services/offers.js +0 -50
- package/es/common/components/msem-preset-editor/services/preset.d.ts +0 -32
- package/es/common/components/msem-preset-editor/services/preset.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/services/preset.js +0 -19
- package/es/common/components/msem-preset-editor/services/url-params.d.ts +0 -3
- package/es/common/components/msem-preset-editor/services/url-params.d.ts.map +0 -1
- package/es/common/components/msem-preset-editor/services/url-params.js +0 -26
- package/es/common/components/msem-preset-linker/components/actions.d.ts +0 -11
- package/es/common/components/msem-preset-linker/components/actions.d.ts.map +0 -1
- package/es/common/components/msem-preset-linker/components/actions.js +0 -45
- package/es/common/components/msem-preset-linker/components/actions.module.css +0 -65
- package/es/common/components/msem-preset-linker/components/overlays.d.ts +0 -8
- package/es/common/components/msem-preset-linker/components/overlays.d.ts.map +0 -1
- package/es/common/components/msem-preset-linker/components/overlays.js +0 -52
- package/es/common/components/msem-preset-linker/components/overlays.module.css +0 -64
- package/es/common/components/msem-preset-linker/components/resort-selector.d.ts +0 -6
- package/es/common/components/msem-preset-linker/components/resort-selector.d.ts.map +0 -1
- package/es/common/components/msem-preset-linker/components/resort-selector.js +0 -12
- package/es/common/components/msem-preset-linker/hooks/use-msem-presets.d.ts +0 -5
- package/es/common/components/msem-preset-linker/hooks/use-msem-presets.d.ts.map +0 -1
- package/es/common/components/msem-preset-linker/hooks/use-msem-presets.js +0 -37
- package/es/common/components/msem-preset-linker/index.d.ts +0 -3
- package/es/common/components/msem-preset-linker/index.d.ts.map +0 -1
- package/es/common/components/msem-preset-linker/index.js +0 -2
- package/es/common/components/msem-preset-linker/msem-preset-linker.d.ts +0 -30
- package/es/common/components/msem-preset-linker/msem-preset-linker.d.ts.map +0 -1
- package/es/common/components/msem-preset-linker/msem-preset-linker.js +0 -54
- package/es/common/components/msem-preset-linker/msem-preset-linker.module.css +0 -27
- package/es/common/components/msem-preset-linker/services/url-params.d.ts +0 -2
- package/es/common/components/msem-preset-linker/services/url-params.d.ts.map +0 -1
- package/es/common/components/msem-preset-linker/services/url-params.js +0 -13
|
@@ -31,5 +31,5 @@ export default function StayPicker({ stay, setStay }) {
|
|
|
31
31
|
}
|
|
32
32
|
setStay({ ...stay, [key]: value });
|
|
33
33
|
};
|
|
34
|
-
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") })] }));
|
|
34
|
+
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") })] }));
|
|
35
35
|
}
|
|
@@ -12,7 +12,8 @@ type Props = {
|
|
|
12
12
|
currentPreset?: Record<string, any> | null;
|
|
13
13
|
onChange?: (preset: Record<string, any> | null) => void;
|
|
14
14
|
showUrl?: boolean;
|
|
15
|
+
facet?: 0 | 1;
|
|
15
16
|
};
|
|
16
|
-
export default function MseMPresetEditor({ lang, channel, resort, msemServicesUrl, urlOverride, resorts, currentPreset, onChange, showUrl, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default function MseMPresetEditor({ lang, channel, resort, msemServicesUrl, urlOverride, resorts, currentPreset, onChange, showUrl, facet, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export {};
|
|
18
19
|
//# sourceMappingURL=msem-preset-editor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"msem-preset-editor.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem-preset-editor/msem-preset-editor.tsx"],"names":[],"mappings":"AAmBA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"msem-preset-editor.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem-preset-editor/msem-preset-editor.tsx"],"names":[],"mappings":"AAmBA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,eAAe,EACf,WAAW,EACX,OAAO,EACP,aAAa,EACb,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,KAAK,2CAqNP"}
|
|
@@ -15,16 +15,17 @@ import Editors from "./editors";
|
|
|
15
15
|
import * as UrlParams from "./services/url-params";
|
|
16
16
|
import * as Preset from "./services/preset";
|
|
17
17
|
import css from "./msem-preset-editor.module.css";
|
|
18
|
-
export default function MseMPresetEditor({ lang, channel, resort, msemServicesUrl, urlOverride, resorts, currentPreset, onChange, showUrl, }) {
|
|
18
|
+
export default function MseMPresetEditor({ lang, channel, resort, msemServicesUrl, urlOverride, resorts, currentPreset, onChange, showUrl, facet, }) {
|
|
19
19
|
const defaultResort = Number(currentPreset ? currentPreset.options.resort : resort || resorts?.[0]?.value);
|
|
20
20
|
const [selectedResort, setSelectedResort] = React.useState(defaultResort);
|
|
21
|
-
const [
|
|
21
|
+
const [selectedFacet, setSelectedFacet] = React.useState(facet?.toString() || currentPreset?.options?.facet?.toString() || "");
|
|
22
22
|
const [stay, setStay] = React.useState(currentPreset?.presets?.stay || { from: "", to: "" });
|
|
23
23
|
const [preset, setPreset] = React.useState(currentPreset || null);
|
|
24
24
|
const [error, setError] = React.useState(null);
|
|
25
25
|
const [showPresetDialog, setShowPresetDialog] = React.useState(false);
|
|
26
26
|
const [presetUrl, setPresetUrl] = React.useState("");
|
|
27
|
-
const
|
|
27
|
+
const showFacetSelector = facet === undefined;
|
|
28
|
+
const showWidgetList = selectedResort && selectedFacet !== "";
|
|
28
29
|
const updatePreset = React.useCallback((item, subPreset) => {
|
|
29
30
|
let { name, options: itemOptions, presets: itemPresets } = item;
|
|
30
31
|
const widget = subPreset?.widget || item.widget;
|
|
@@ -41,7 +42,7 @@ export default function MseMPresetEditor({ lang, channel, resort, msemServicesUr
|
|
|
41
42
|
itemPresets = { ...itemPresets, stay };
|
|
42
43
|
}
|
|
43
44
|
const allOptions = {
|
|
44
|
-
facet: Number(
|
|
45
|
+
facet: Number(selectedFacet),
|
|
45
46
|
...itemOptions,
|
|
46
47
|
channel,
|
|
47
48
|
resort: selectedResort,
|
|
@@ -53,9 +54,9 @@ export default function MseMPresetEditor({ lang, channel, resort, msemServicesUr
|
|
|
53
54
|
presets: itemPresets,
|
|
54
55
|
url: urlOverride || undefined,
|
|
55
56
|
};
|
|
56
|
-
onChange?.(newPreset);
|
|
57
57
|
setPreset(newPreset);
|
|
58
|
-
|
|
58
|
+
onChange?.(newPreset);
|
|
59
|
+
}, [channel, selectedFacet, onChange, selectedResort, stay, urlOverride]);
|
|
59
60
|
const removePreset = React.useCallback(() => {
|
|
60
61
|
onChange?.(null);
|
|
61
62
|
setPreset(null);
|
|
@@ -108,7 +109,7 @@ export default function MseMPresetEditor({ lang, channel, resort, msemServicesUr
|
|
|
108
109
|
const footerClasses = classNames(css.footer, {
|
|
109
110
|
[css.footerButtonOnly]: !showPresetUrl,
|
|
110
111
|
});
|
|
111
|
-
return (_jsxs("div", { className: css.editor, children: [resorts && (_jsx(ResortSelector, { resorts: resorts, resort: selectedResort, setResort: setSelectedResort, removePreset: removePreset })), _jsx(FacetSelector, { facet:
|
|
112
|
+
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 })), _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
|
|
112
113
|
? "Aucun preset sélectionné"
|
|
113
|
-
: "Preset incompatible au format URL", readOnly: true }))] }), _jsx(Dialog, { isOpened: showPresetDialog, close: () => setShowPresetDialog(false), closeButtonVariant: "transparent", showAsModal: false, children: showPresetDialog && (_jsx(CurrentEditor, { msemServicesUrl: msemServicesUrl, stay: stay, facet:
|
|
114
|
+
: "Preset incompatible au format URL", readOnly: true }))] }), _jsx(Dialog, { isOpened: showPresetDialog, close: () => setShowPresetDialog(false), closeButtonVariant: "transparent", showAsModal: false, children: showPresetDialog && (_jsx(CurrentEditor, { msemServicesUrl: msemServicesUrl, stay: stay, facet: selectedFacet, preset: preset, setPreset: setPreset, setShowPresetDialog: setShowPresetDialog, testPreset: testPreset, onChange: onChange, urlOverride: urlOverride })) })] }));
|
|
114
115
|
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"facet-selector.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/components/facet-selector.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE;;;;CAAA,2CA2BnE"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import Select from "dt-design-system/es/select";
|
|
3
|
-
export default function FacetSelector({ facet, setFacet, setPreset }) {
|
|
4
|
-
const updateFacet = (newValue) => {
|
|
5
|
-
setPreset((current) => {
|
|
6
|
-
if (!newValue) {
|
|
7
|
-
return null;
|
|
8
|
-
}
|
|
9
|
-
else {
|
|
10
|
-
return {
|
|
11
|
-
...current,
|
|
12
|
-
options: { ...(current?.options || {}), facet: Number(newValue) },
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
setFacet(newValue);
|
|
17
|
-
};
|
|
18
|
-
return (_jsx(Select, { value: facet, onValueChange: updateFacet, label: "Facette", options: [
|
|
19
|
-
{ label: "Sélectionnez une facette pour continuer", value: "" },
|
|
20
|
-
{ label: "Hiver", value: "0" },
|
|
21
|
-
{ label: "Eté", value: "1" },
|
|
22
|
-
] }));
|
|
23
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/components/form.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,EACN,cAAc,EACd,QAAQ,GACT;;;;;;CAAA,2CAwCA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Button from "dt-design-system/es/button";
|
|
3
|
-
import Tooltip from "dt-design-system/es/tooltip";
|
|
4
|
-
import * as Icons from "dt-design-system/es/icons";
|
|
5
|
-
import css from "./form.module.css";
|
|
6
|
-
export default function Form({ title, width, preset, buttonsActions, children, }) {
|
|
7
|
-
const { testPreset, cancelPreset, confirmPreset } = buttonsActions;
|
|
8
|
-
return (_jsxs("div", { className: css.form, style: { width }, children: [_jsxs("div", { className: css.title, children: [_jsx(Icons.Tune, {}), title] }), _jsx("div", { className: css.inner, children: children }), _jsxs("div", { className: css.buttons, children: [_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, {}) }) }), _jsx(Button, { type: "submit", variant: "secondary", className: css.button, onClick: cancelPreset, children: "Annuler" }), _jsx(Button, { type: "submit", variant: "primary", className: css.button, onClick: confirmPreset, disabled: !confirmPreset, children: "Confirmer" })] })] }));
|
|
9
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
.form {
|
|
2
|
-
max-width: 100%;
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
gap: 12px;
|
|
6
|
-
padding: 20px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.title {
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
gap: 8px;
|
|
14
|
-
font-size: 22px;
|
|
15
|
-
font-weight: 700;
|
|
16
|
-
text-align: center;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.title > svg {
|
|
20
|
-
width: 22px;
|
|
21
|
-
height: 22px;
|
|
22
|
-
fill: currentColor;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.inner {
|
|
26
|
-
display: flex;
|
|
27
|
-
flex-direction: column;
|
|
28
|
-
gap: 8px;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.buttons {
|
|
32
|
-
display: flex;
|
|
33
|
-
justify-content: flex-end;
|
|
34
|
-
gap: 12px;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.testButton {
|
|
38
|
-
margin-right: auto;
|
|
39
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
type Props = {
|
|
2
|
-
stay: {
|
|
3
|
-
from: string;
|
|
4
|
-
to: string;
|
|
5
|
-
};
|
|
6
|
-
setStay: (stay: {
|
|
7
|
-
from: string;
|
|
8
|
-
to: string;
|
|
9
|
-
}) => void;
|
|
10
|
-
setPreset: (preset: Record<string, any>) => void;
|
|
11
|
-
};
|
|
12
|
-
export default function StayPicker({ stay, setStay }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=stay-picker.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/common/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"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Input from "dt-design-system/es/input";
|
|
3
|
-
import css from "./stay-picker.module.css";
|
|
4
|
-
export default function StayPicker({ stay, setStay }) {
|
|
5
|
-
const updateStay = (key) => (value) => {
|
|
6
|
-
const isFrom = key === "from";
|
|
7
|
-
const isTo = key === "to";
|
|
8
|
-
if (isFrom) {
|
|
9
|
-
if (!stay.to && !value) {
|
|
10
|
-
window.sessionStorage.removeItem("stay");
|
|
11
|
-
return setStay({ from: "", to: "" });
|
|
12
|
-
}
|
|
13
|
-
const from = new Date(value);
|
|
14
|
-
const to = new Date(stay.to);
|
|
15
|
-
if (from > to || !stay.to) {
|
|
16
|
-
return setStay({ from: value, to: value });
|
|
17
|
-
}
|
|
18
|
-
return setStay({ ...stay, [key]: value });
|
|
19
|
-
}
|
|
20
|
-
if (isTo) {
|
|
21
|
-
if (!stay.from && !value) {
|
|
22
|
-
window.sessionStorage.removeItem("stay");
|
|
23
|
-
return setStay({ from: "", to: "" });
|
|
24
|
-
}
|
|
25
|
-
const from = new Date(stay.from);
|
|
26
|
-
const to = new Date(value);
|
|
27
|
-
if (from > to || !stay.from) {
|
|
28
|
-
return setStay({ to: value, from: value });
|
|
29
|
-
}
|
|
30
|
-
return setStay({ ...stay, [key]: value });
|
|
31
|
-
}
|
|
32
|
-
setStay({ ...stay, [key]: value });
|
|
33
|
-
};
|
|
34
|
-
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") })] }));
|
|
35
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import type { Offer } from "../services/offers";
|
|
3
|
-
type Props = {
|
|
4
|
-
item: Offer;
|
|
5
|
-
preset: Record<string, any> | null;
|
|
6
|
-
updatePreset: (item: Offer, subPreset?: Offer) => void;
|
|
7
|
-
removePreset: () => void;
|
|
8
|
-
setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
|
|
9
|
-
};
|
|
10
|
-
export default function WidgetListItem({ item, preset, updatePreset, removePreset, setShowPresetDialog, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
12
|
-
//# sourceMappingURL=widget-list-item.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"widget-list-item.d.ts","sourceRoot":"","sources":["../../../../../src/common/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;AAUF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,EAAE,KAAK,2CAkJP"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import classNames from "classnames";
|
|
4
|
-
import Button from "dt-design-system/es/button";
|
|
5
|
-
import Tooltip from "dt-design-system/es/tooltip";
|
|
6
|
-
import * as Icons from "dt-design-system/es/icons";
|
|
7
|
-
import css from "./widget-list-item.module.css";
|
|
8
|
-
const ALLOW_PRESETS_ON_WIDGETS = [
|
|
9
|
-
"lodging",
|
|
10
|
-
"skiPass",
|
|
11
|
-
"liftJb",
|
|
12
|
-
"elloha",
|
|
13
|
-
"vakario",
|
|
14
|
-
];
|
|
15
|
-
export default function WidgetListItem({ item, preset, updatePreset, removePreset, setShowPresetDialog, }) {
|
|
16
|
-
const [opened, setOpened] = React.useState(false);
|
|
17
|
-
const { widget, logo, name, items: subs } = item;
|
|
18
|
-
const toggleItem = () => {
|
|
19
|
-
setOpened(!opened);
|
|
20
|
-
};
|
|
21
|
-
const ToggleIcon = opened ? Icons.ChevronUp : Icons.ChevronDown;
|
|
22
|
-
const isSelected = preset?.name === name && preset?.widget === widget;
|
|
23
|
-
const hasSubs = subs && subs.length > 0;
|
|
24
|
-
const allowAdvancedPresets = ALLOW_PRESETS_ON_WIDGETS.includes(widget);
|
|
25
|
-
const showEditButton = isSelected && allowAdvancedPresets;
|
|
26
|
-
const showRemoveButton = isSelected;
|
|
27
|
-
const classes = classNames(css.item, {
|
|
28
|
-
[css.selected]: isSelected,
|
|
29
|
-
[css.opened]: opened,
|
|
30
|
-
});
|
|
31
|
-
const handleItemClick = () => {
|
|
32
|
-
if (!isSelected) {
|
|
33
|
-
updatePreset(item);
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
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 sous-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) => {
|
|
37
|
-
const isSelected = preset?.name === sub.name;
|
|
38
|
-
const allowedWidgets = [
|
|
39
|
-
"otherProducts",
|
|
40
|
-
...ALLOW_PRESETS_ON_WIDGETS,
|
|
41
|
-
];
|
|
42
|
-
const allowAdvancedPresets = allowedWidgets.includes(sub.widget);
|
|
43
|
-
const showEditButton = isSelected && allowAdvancedPresets;
|
|
44
|
-
const showButtons = showEditButton || isSelected;
|
|
45
|
-
const classes = classNames(css.subButton, {
|
|
46
|
-
[css.subButtonSelected]: isSelected,
|
|
47
|
-
});
|
|
48
|
-
const handleSubClick = () => {
|
|
49
|
-
if (!isSelected) {
|
|
50
|
-
updatePreset(item, sub);
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
return (_jsxs("div", { className: css.sub, children: [_jsx(Button, { variant: "transparent", className: classes, onClick: handleSubClick, children: sub.name }), showButtons && (_jsxs("div", { className: css.subActions, children: [showEditButton && (_jsx(Tooltip, { content: "Modifier", children: _jsx(Button, { variant: "primary", className: css.action, onClick: () => setShowPresetDialog(true), compact: true, children: _jsx(Icons.Edit, {}) }) })), isSelected && (_jsx(Tooltip, { content: "Supprimer", children: _jsx(Button, { variant: "danger", className: css.action, onClick: removePreset, compact: true, children: _jsx(Icons.Trash, {}) }) }))] }))] }, sub.name));
|
|
54
|
-
}) }))] }));
|
|
55
|
-
}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
.item {
|
|
2
|
-
position: relative;
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.button {
|
|
8
|
-
width: 100%;
|
|
9
|
-
justify-content: flex-start;
|
|
10
|
-
gap: 10px;
|
|
11
|
-
font-weight: 400;
|
|
12
|
-
text-align: left;
|
|
13
|
-
padding-right: 100px;
|
|
14
|
-
background-color: var(--ds-grey-100, #f8f8f8);
|
|
15
|
-
border-radius: var(--ds-radius-200, 8px);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.selected .button {
|
|
19
|
-
color: var(--ds-secondary, var(--ds-blue-400, #0038ff));
|
|
20
|
-
font-weight: 700;
|
|
21
|
-
background-color: var(--ds-grey-300, #d7d7d7);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.opened .button {
|
|
25
|
-
border-bottom-right-radius: 0;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.logo {
|
|
29
|
-
flex: 0 0 36px;
|
|
30
|
-
width: 36px;
|
|
31
|
-
height: 36px;
|
|
32
|
-
display: flex;
|
|
33
|
-
align-items: center;
|
|
34
|
-
justify-content: center;
|
|
35
|
-
background-color: var(--ds-secondary, var(--ds-blue-400, #0038ff));
|
|
36
|
-
border-radius: var(--ds-radius-200, 8px);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.logo img {
|
|
40
|
-
width: 24px;
|
|
41
|
-
height: 24px;
|
|
42
|
-
filter: brightness(0) invert(1);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.name {
|
|
46
|
-
color: var(--ds-grey-600, #484848);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.selected .name {
|
|
50
|
-
color: var(--ds-secondary, var(--ds-blue-400, #0038ff));
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.actions {
|
|
54
|
-
position: absolute;
|
|
55
|
-
top: 12px;
|
|
56
|
-
right: 12px;
|
|
57
|
-
display: flex;
|
|
58
|
-
gap: 4px;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.action {
|
|
62
|
-
border-radius: var(--ds-radius-100, 4px);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.list {
|
|
66
|
-
width: calc(100% - 28px);
|
|
67
|
-
max-height: 140px;
|
|
68
|
-
display: flex;
|
|
69
|
-
flex-direction: column;
|
|
70
|
-
margin-left: auto;
|
|
71
|
-
padding: 6px;
|
|
72
|
-
border-radius: 0 0 var(--ds-radius-200, 8px) var(--ds-radius-200, 8px);
|
|
73
|
-
overflow: auto;
|
|
74
|
-
overscroll-behavior: contain;
|
|
75
|
-
background: linear-gradient(
|
|
76
|
-
var(--ds-grey-100, #f8f8f8) 30%,
|
|
77
|
-
hsla(0, 0%, 100%, 0)
|
|
78
|
-
),
|
|
79
|
-
linear-gradient(hsla(0, 0%, 100%, 0), var(--ds-grey-100, #f8f8f8) 70%) 0
|
|
80
|
-
100%,
|
|
81
|
-
radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), transparent),
|
|
82
|
-
radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), transparent)
|
|
83
|
-
0 100%;
|
|
84
|
-
background-repeat: no-repeat;
|
|
85
|
-
background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
|
|
86
|
-
background-attachment: local, local, scroll, scroll;
|
|
87
|
-
background-color: var(--ds-grey-100, #f8f8f8);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.sub {
|
|
91
|
-
position: relative;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.subButton {
|
|
95
|
-
width: 100%;
|
|
96
|
-
justify-content: flex-start;
|
|
97
|
-
padding-right: 68px;
|
|
98
|
-
font-weight: 400;
|
|
99
|
-
text-align: left;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.subButtonSelected {
|
|
103
|
-
color: var(--ds-secondary, var(--ds-blue-400, #0038ff));
|
|
104
|
-
font-weight: 700;
|
|
105
|
-
background-color: var(--ds-grey-300, #d7d7d7);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.subActions {
|
|
109
|
-
position: absolute;
|
|
110
|
-
top: 50%;
|
|
111
|
-
right: 8px;
|
|
112
|
-
display: flex;
|
|
113
|
-
gap: 4px;
|
|
114
|
-
transform: translateY(-50%);
|
|
115
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import type { Offer } from "../services/offers";
|
|
3
|
-
type Props = {
|
|
4
|
-
lang: "fr" | "en";
|
|
5
|
-
channel: string;
|
|
6
|
-
resort: number | string;
|
|
7
|
-
facet: string;
|
|
8
|
-
preset: Record<string, any> | null;
|
|
9
|
-
updatePreset: (item: Offer, subPreset?: Offer) => void;
|
|
10
|
-
removePreset: () => void;
|
|
11
|
-
error: string | null;
|
|
12
|
-
setError: React.Dispatch<React.SetStateAction<string | null>>;
|
|
13
|
-
setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
|
|
14
|
-
};
|
|
15
|
-
export default function WidgetList({ lang, channel, resort, facet, preset, updatePreset, removePreset, setError, setShowPresetDialog, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export {};
|
|
17
|
-
//# sourceMappingURL=widget-list.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"widget-list.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/components/widget-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,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,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC9D,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACpE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,mBAAmB,GACpB,EAAE,KAAK,2CAiDP"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import Loader from "dt-design-system/es/loader";
|
|
4
|
-
import WidgetListItem from "./widget-list-item";
|
|
5
|
-
import * as Offers from "../services/offers";
|
|
6
|
-
import css from "./widget-list.module.css";
|
|
7
|
-
export default function WidgetList({ lang, channel, resort, facet, preset, updatePreset, removePreset, setError, setShowPresetDialog, }) {
|
|
8
|
-
const [offers, setOffers] = React.useState(null);
|
|
9
|
-
const [loading, setLoading] = React.useState(false);
|
|
10
|
-
React.useEffect(() => {
|
|
11
|
-
const runEffect = async () => {
|
|
12
|
-
setError(null);
|
|
13
|
-
setOffers(null);
|
|
14
|
-
setLoading(true);
|
|
15
|
-
try {
|
|
16
|
-
const offers = (await Offers.get(lang, channel, resort, facet));
|
|
17
|
-
const filteredOffers = offers.filter(({ kind }) => {
|
|
18
|
-
return kind !== "FFS" && kind !== "ASSU";
|
|
19
|
-
});
|
|
20
|
-
setOffers(filteredOffers);
|
|
21
|
-
}
|
|
22
|
-
catch (e) {
|
|
23
|
-
setError("Une erreur est survenue lors de la récupération des offres");
|
|
24
|
-
}
|
|
25
|
-
finally {
|
|
26
|
-
setLoading(false);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
runEffect();
|
|
30
|
-
}, [channel, facet, lang, resort, setError]);
|
|
31
|
-
return (_jsxs("div", { className: css.list, children: [loading && _jsx(Loader, { className: css.loader }), offers?.length === 0 && !loading && (_jsx("div", { className: css.empty, children: "Aucun widget disponible" })), offers?.map((offer, i) => {
|
|
32
|
-
return (_jsx(WidgetListItem, { item: offer, preset: preset, updatePreset: updatePreset, removePreset: removePreset, setShowPresetDialog: setShowPresetDialog }, i));
|
|
33
|
-
})] }));
|
|
34
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
.list {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
gap: 4px;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.loader {
|
|
8
|
-
--ds-loader-spinner-size: 30px;
|
|
9
|
-
--ds-loader-thickness: 3px;
|
|
10
|
-
|
|
11
|
-
margin-top: 10px;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.empty {
|
|
15
|
-
padding: 8px;
|
|
16
|
-
font-size: 14px;
|
|
17
|
-
text-align: center;
|
|
18
|
-
background: var(--ds-grey-100, #f5f5f5);
|
|
19
|
-
font-style: italic;
|
|
20
|
-
border-radius: var(--ds-radius-200, 10px);
|
|
21
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
type Props = {
|
|
3
|
-
lang: "fr" | "en";
|
|
4
|
-
options: {
|
|
5
|
-
channel: string;
|
|
6
|
-
resort: string;
|
|
7
|
-
cartUrl?: string;
|
|
8
|
-
analytics?: () => void;
|
|
9
|
-
};
|
|
10
|
-
urls?: {
|
|
11
|
-
override?: string;
|
|
12
|
-
skiPasses?: {
|
|
13
|
-
winter: string;
|
|
14
|
-
summer: string;
|
|
15
|
-
};
|
|
16
|
-
lodgings?: {
|
|
17
|
-
winter: string;
|
|
18
|
-
summer: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
target: HTMLElement | null;
|
|
22
|
-
updatePreset: (preset: any) => any;
|
|
23
|
-
closeEditor: () => void;
|
|
24
|
-
removeObsoletePreset: () => void;
|
|
25
|
-
noLodgingPage?: boolean;
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
};
|
|
28
|
-
export default function EditorDialog({ lang, options, urls, target, updatePreset, closeEditor, removeObsoletePreset, noLodgingPage, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
export {};
|
|
30
|
-
//# sourceMappingURL=editor-dialog.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"editor-dialog.d.ts","sourceRoot":"","sources":["../../../../src/common/components/msem-preset-editor/editor-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;KACxB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QAC/C,QAAQ,CAAC,EAAE;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;KAC/C,CAAC;IACF,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IACnC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,2CAkEP"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import Dialog from "dt-design-system/es/dialog";
|
|
4
|
-
import Button from "dt-design-system/es/button";
|
|
5
|
-
import * as Icons from "dt-design-system/es/icons";
|
|
6
|
-
import MseMPresetEditor from "./msem-preset-editor";
|
|
7
|
-
import css from "./editor-dialog.module.css";
|
|
8
|
-
export default function EditorDialog({ lang, options, urls, target, updatePreset, closeEditor, removeObsoletePreset, noLodgingPage, children, }) {
|
|
9
|
-
const selectedPreset = target?.getAttribute("data-msem-preset");
|
|
10
|
-
const [preset, setPreset] = React.useState(selectedPreset ? JSON.parse(selectedPreset) : null);
|
|
11
|
-
const hasObsoletePreset = target?.hasAttribute("data-config");
|
|
12
|
-
React.useEffect(() => {
|
|
13
|
-
if (selectedPreset) {
|
|
14
|
-
setPreset(JSON.parse(selectedPreset));
|
|
15
|
-
}
|
|
16
|
-
}, [selectedPreset]);
|
|
17
|
-
const updateNewPreset = React.useCallback(() => {
|
|
18
|
-
const anchorHasHref = target
|
|
19
|
-
?.querySelector(":scope > a")
|
|
20
|
-
?.hasAttribute("href");
|
|
21
|
-
if (!anchorHasHref && preset?.url && !preset?.openPage) {
|
|
22
|
-
delete preset.url;
|
|
23
|
-
}
|
|
24
|
-
updatePreset(preset);
|
|
25
|
-
}, [preset, updatePreset, target]);
|
|
26
|
-
return (_jsxs(Dialog, { className: css.dialog, isOpened: !!target, container: null, close: closeEditor, closeOnBackdropClick: false, showAsModal: false, children: [_jsx("div", { className: css.title, children: "Choisissez un widget" }), _jsx("div", { className: css.subtitle, children: "Ce dernier s'ouvrira au clic sur la section selectionn\u00E9e." }), _jsx(MseMPresetEditor, { lang: lang, options: options, urls: urls, selectedPreset: selectedPreset, onChange: setPreset, noLodgingPage: noLodgingPage, children: children }), _jsxs("div", { className: css.buttons, children: [hasObsoletePreset && (_jsxs(Button, { variant: "danger", className: css.removeObsolete, onClick: removeObsoletePreset, children: [_jsx(Icons.CleaningServices, {}), "Nettoyer le preset obsol\u00E8te"] })), _jsx(Button, { variant: "secondary", onClick: closeEditor, children: "Annuler" }), _jsx(Button, { variant: "primary", onClick: updateNewPreset, children: "Valider" })] })] }));
|
|
27
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
.dialog {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
padding: 16px;
|
|
5
|
-
pointer-events: auto;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.title {
|
|
9
|
-
margin-bottom: 8px;
|
|
10
|
-
font-size: 24px;
|
|
11
|
-
font-weight: 700;
|
|
12
|
-
line-height: 1;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.subtitle {
|
|
16
|
-
margin-bottom: 16px;
|
|
17
|
-
padding-right: 48px;
|
|
18
|
-
font-size: 14px;
|
|
19
|
-
line-height: 1;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.buttons {
|
|
23
|
-
display: flex;
|
|
24
|
-
justify-content: flex-end;
|
|
25
|
-
gap: 8px;
|
|
26
|
-
margin-top: 22px;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.removeObsolete {
|
|
30
|
-
margin-right: auto;
|
|
31
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
type Props = {
|
|
3
|
-
stay: {
|
|
4
|
-
from: string;
|
|
5
|
-
to: string;
|
|
6
|
-
};
|
|
7
|
-
preset: Record<string, any> | null;
|
|
8
|
-
setPreset: React.Dispatch<React.SetStateAction<Record<string, any> | null>>;
|
|
9
|
-
setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
|
|
10
|
-
onChange?: (preset: Record<string, any> | null) => void;
|
|
11
|
-
testPreset: () => void;
|
|
12
|
-
};
|
|
13
|
-
export default function Elloha({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
|
15
|
-
//# sourceMappingURL=elloha.d.ts.map
|