ublo-lib 1.19.33 → 1.19.35

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

@@ -6,8 +6,7 @@ import * as Ripple from "dt-design-system/es/ripple";
 import * as Utils from "./utils";
 import css from "./calendar-date.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default React.memo(CalendarDate);
-function CalendarDate({
+export default function CalendarDate({
   date,
   month,
   year,

package/es/common/components/editable-calendar/calendar.js

@@ -9,12 +9,11 @@ import * as Utils from "./utils";
 import css from "./calendar.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default React.forwardRef(Calendar);
-function Calendar({
+export default function Calendar({
   lang = "fr",
   format,
   className
-}, ref) {
+}) {
   const locale = lang || (typeof navigator !== "undefined" && navigator.language) === "fr" ? "fr" : "en";
   const [presets, setPresets] = React.useState(format.presets);
   React.useEffect(() => {
@@ -65,7 +64,6 @@ function Calendar({
   };
   const classes = classnames(css.root, className);
   return _jsx("div", {
-    ref: ref,
     className: classes,
     "data-cms-remove": "",
     children: _jsxs("div", {

package/es/common/components/editable-calendar/index.js

@@ -9,27 +9,30 @@ const Calendar = dynamic(() => import("./calendar"), {
 export default function EditableCalendar() {
   const {
     lang,
-    path
+    path,
+    cmsMode
   } = useUbloContext();
   const [formats, setFormats] = React.useState([]);
   const refreshFormats = React.useCallback(() => {
     setFormats([]);
-    const elements = document.querySelectorAll("section.editable-calendar");
-    if (elements.length) {
-      const formats = Array.from(elements).map(element => {
-        const storedPresets = element.dataset.presets;
-        const presets = storedPresets ? JSON.parse(storedPresets) : {};
-        return {
-          element,
-          presets
-        };
-      });
-      setFormats(formats);
-    }
+    window.requestAnimationFrame(() => setTimeout(() => {
+      const elements = document.querySelectorAll("section.editable-calendar");
+      if (elements.length) {
+        const formats = Array.from(elements).map(element => {
+          const storedPresets = element.dataset.presets;
+          const presets = storedPresets ? JSON.parse(storedPresets) : {};
+          return {
+            element,
+            presets
+          };
+        });
+        setFormats(formats);
+      }
+    }, 1000));
   }, []);
   React.useEffect(() => {
     refreshFormats();
-  }, [lang, path, refreshFormats]);
+  }, [lang, path, cmsMode, refreshFormats]);
   React.useEffect(() => {
     const zones = Array.from(document.querySelectorAll(".cms"));
     zones.forEach(zone => {

package/es/common/components/msem-preset-editor/editor-dialog.d.ts.map

@@ -1 +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,2CAsDP"}
+{"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,2CA4DP"}

package/es/common/components/msem-preset-editor/editor-dialog.js

@@ -9,6 +9,11 @@ export default function EditorDialog({ lang, options, urls, target, updatePreset
     const selectedPreset = target?.getAttribute("data-msem-preset");
     const [preset, setPreset] = React.useState(selectedPreset ? JSON.parse(selectedPreset) : null);
     const hasObsoletePreset = target?.hasAttribute("data-config");
+    React.useEffect(() => {
+        if (selectedPreset) {
+            setPreset(JSON.parse(selectedPreset));
+        }
+    }, [selectedPreset]);
     const updateNewPreset = React.useCallback(() => {
         updatePreset(preset);
     }, [preset, updatePreset]);

package/es/common/components/msem-preset-editor/msem-preset-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"msem-preset-editor.d.ts","sourceRoot":"","sources":["../../../../src/common/components/msem-preset-editor/msem-preset-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,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,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,kDAkMP"}
+{"version":3,"file":"msem-preset-editor.d.ts","sourceRoot":"","sources":["../../../../src/common/components/msem-preset-editor/msem-preset-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,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,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,kDAuMP"}

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

@@ -89,12 +89,16 @@ export default function MseMPresetEditor({ lang, options, urls, selectedPreset,
     };
     React.useEffect(() => {
         if (stay?.from && stay?.to) {
-            setPreset((current = {}) => ({
-                ...current,
-                presets: { ...(current?.presets || {}), stay },
-            }));
+            setPreset((current = {}) => {
+                const newPreset = {
+                    ...current,
+                    presets: { ...(current?.presets || {}), stay },
+                };
+                onChange?.(newPreset);
+                return newPreset;
+            });
         }
-    }, [stay]);
+    }, [onChange, stay]);
     React.useEffect(() => {
         if (preset && baseUrl) {
             const url = UrlParams.getPresetUrl(lang, preset, baseUrl);

package/es/common/components/msem-preset-linker/hooks/use-msem-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-linker/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE;;CAAA,QAoC9C"}
+{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-linker/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE;;CAAA,QAuC9C"}

package/es/common/components/msem-preset-linker/hooks/use-msem-presets.js

@@ -9,27 +9,29 @@ export default function useMsemPresets({ mode }) {
     const isEnabled = cmsMode !== "editing" && cmsMode !== "info" && mode !== MODES.EDITING;
     const handleSectionClick = React.useCallback((e) => {
         const target = e.target;
-        const preset = target
-            .closest(`section[${PRESET_ATTRIBUTE}]`)
-            ?.getAttribute(PRESET_ATTRIBUTE);
+        const section = target.closest(`section[${PRESET_ATTRIBUTE}]`);
+        const preset = section?.getAttribute(PRESET_ATTRIBUTE);
+        const anchor = section?.querySelector("a");
         if (!preset)
             return;
         const { widget, options, presets, url } = JSON.parse(preset);
-        if (url) {
+        const destination = anchor?.getAttribute("href") || url;
+        e.preventDefault();
+        e.stopPropagation();
+        if (destination) {
             const params = UrlParams.build({ options, presets });
-            const endpoint = url.concat(params);
+            const endpoint = destination.concat(params);
             window.open(endpoint, "_blank");
             return;
         }
-        e.preventDefault();
-        e.stopPropagation();
         MseM.loadWidget(widget, options, presets);
     }, []);
     React.useEffect(() => {
-        if (isEnabled) {
-            document.addEventListener("click", handleSectionClick);
+        const container = document.getElementById("__next");
+        if (isEnabled && container) {
+            container.addEventListener("click", handleSectionClick);
             return () => {
-                document.removeEventListener("click", handleSectionClick);
+                container.removeEventListener("click", handleSectionClick);
             };
         }
     }, [lang, handleSectionClick, isEnabled, path]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.19.33",
+  "version": "1.19.35",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",