ublo-lib 1.44.16 → 1.44.17

package/es/common/components/editable-calendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/index.js"],"names":[],"mappings":"AAOA,gEAiDC;uBAxDsB,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/index.js"],"names":[],"mappings":"AAOA,gEA4DC;uBAnEsB,OAAO"}

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

@@ -7,9 +7,14 @@ const Calendar = dynamic(() => import("./calendar"), { ssr: false });
 export default function EditableCalendar() {
     const { lang, path, cmsMode } = useUbloContext();
     const [formats, setFormats] = React.useState([]);
-    const refreshFormats = React.useCallback(() => {
+    const [refreshKey, setRefreshKey] = React.useState(0);
+    const refreshCalendars = () => {
+        setRefreshKey((key) => key + 1);
+    };
+    React.useEffect(() => {
+        window.refreshCalendars = refreshCalendars;
         setFormats([]);
-        window.requestAnimationFrame(() => setTimeout(() => {
+        setTimeout(() => {
             const elements = document.querySelectorAll("section.editable-calendar");
             if (elements.length) {
                 const formats = Array.from(elements).map((element) => {
@@ -19,24 +24,27 @@ export default function EditableCalendar() {
                 });
                 setFormats(formats);
             }
-        }, 1000));
-    }, []);
+        }, 200);
+    }, [lang, path, cmsMode]);
     React.useEffect(() => {
-        refreshFormats();
-    }, [lang, path, cmsMode, refreshFormats]);
+        window.addEventListener("ublo-content-saved", refreshCalendars);
+        return () => {
+            window.addEventListener("ublo-content-saved", refreshCalendars);
+        };
+    }, []);
     React.useEffect(() => {
         const zones = Array.from(document.querySelectorAll(".cms"));
         zones.forEach((zone) => {
-            zone.addEventListener("ublo-section-created", refreshFormats);
+            zone.addEventListener("ublo-section-created", refreshCalendars);
+            zone.addEventListener("ublo-section-pasted", refreshCalendars);
         });
-        window.addEventListener("ublo-content-saved", reloadWindow);
         return () => {
-            window.addEventListener("ublo-content-saved", reloadWindow);
             zones.forEach((zone) => {
-                zone.removeEventListener("ublo-section-created", refreshFormats);
+                zone.removeEventListener("ublo-section-pasted", refreshCalendars);
+                zone.removeEventListener("ublo-section-created", refreshCalendars);
             });
         };
-    }, [refreshFormats]);
+    }, []);
     if (!formats.length)
         return null;
     return formats.map((format) => ReactDOM.createPortal(_jsx(Calendar, { lang: lang, format: format }), format.element));

package/es/common/hooks/use-injected-cms-markup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-injected-cms-markup.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-injected-cms-markup.js"],"names":[],"mappings":";AAaA,wEAqCC"}
+{"version":3,"file":"use-injected-cms-markup.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-injected-cms-markup.js"],"names":[],"mappings":";AAaA,wEA+BC"}

package/es/common/hooks/use-injected-cms-markup.js

@@ -12,32 +12,28 @@ const findAllByKey = (obj, keyToFind) => {
 const useInjectedCmsMarkup = (entries, isReady) => {
     const { cmsMode } = useUbloContext();
     const injectCmsMarkup = React.useCallback(async () => {
-        window.requestAnimationFrame(() => window.requestAnimationFrame(async () => {
-            await window.Cms.register();
-            const formats = window.Cms.sectionClasses;
-            entries.forEach((entry) => {
-                const { key, value } = entry;
-                const isArray = Array.isArray(value);
-                const targets = findAllByKey(formats, key);
-                targets.forEach((target) => {
-                    if (!target?.markup)
-                        return;
-                    if (isArray) {
-                        const formattedRows = value.map((v) => {
-                            return { name: v, markup: `<tr><td>${v}</td></tr>` };
-                        });
-                        const [anchor] = target.markup;
-                        target.markup = anchor
-                            ? [anchor, ...formattedRows]
-                            : formattedRows;
-                    }
-                    else {
-                        target.markup = value;
-                    }
-                });
+        await window.Cms.register();
+        const formats = window.Cms.sectionClasses;
+        entries.forEach((entry) => {
+            const { key, value } = entry;
+            const isArray = Array.isArray(value);
+            const targets = findAllByKey(formats, key);
+            targets.forEach((target) => {
+                if (!target?.markup)
+                    return;
+                if (isArray) {
+                    const formattedRows = value.map((v) => {
+                        return { name: v, markup: `<tr><td>${v}</td></tr>` };
+                    });
+                    const [anchor] = target.markup;
+                    target.markup = anchor ? [anchor, ...formattedRows] : formattedRows;
+                }
+                else {
+                    target.markup = value;
+                }
             });
-            await window.Cms.analyse();
-        }));
+        });
+        await window.Cms.analyse();
     }, [entries]);
     React.useEffect(() => {
         if (isReady && cmsMode === "connected") {

package/package.json

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