ublo-lib 1.7.3 → 1.7.5

package/es/common/components/carousel.js

@@ -58,13 +58,14 @@ const Thumbnails = ({
   carouselRef,
   count,
   current,
-  setCurrent
+  setCurrent,
+  targets
 }) => {
   const [thumbnails, setThumbnails] = React.useState([]);
   React.useEffect(() => {
     const carousel = carouselRef.current;
     if (carousel) {
-      const sections = carousel.querySelectorAll("section[data-class]");
+      const sections = carousel.querySelectorAll(targets);
       if (sections.length) {
         const images = Array.from(sections).reduce((acc, section) => {
           const image = section.querySelector("img");
@@ -74,7 +75,7 @@ const Thumbnails = ({
         setThumbnails(images);
       }
     }
-  }, [carouselRef, count]);
+  }, [carouselRef, count, targets]);
   if (!count || !thumbnails.length) return null;
   return _jsx("div", {
     className: "carousel__thumbnails",
@@ -225,8 +226,14 @@ const Carousel = ({
   React.useEffect(() => {
     const zone = carouselRef.current?.querySelector(".cms");
     if (zone) {
-      zone.addEventListener("ubloSectionCreated", updateSectionCount);
-      return () => zone.removeEventListener("ubloSectionCreated", updateSectionCount);
+      zone.addEventListener("ublo-section-created", updateSectionCount);
+      zone.addEventListener("ublo-section-pasted", updateSectionCount);
+      zone.addEventListener("ublo-section-removed", updateSectionCount);
+      return () => {
+        zone.removeEventListener("ublo-section-removed", updateSectionCount);
+        zone.removeEventListener("ublo-section-pasted", updateSectionCount);
+        zone.removeEventListener("ublo-section-created", updateSectionCount);
+      };
     }
   }, [updateSectionCount]);
   React.useEffect(() => {
@@ -272,7 +279,7 @@ const Carousel = ({
       });
       if (fade) inner.style.removeProperty("transform");
     }
-  }, [current, editing, fade, targets]);
+  }, [count, current, editing, fade, targets]);
   const onUndraggableElementClick = React.useCallback(e => {
     e.preventDefault();
     e.stopPropagation();
@@ -329,7 +336,8 @@ const Carousel = ({
       carouselRef: carouselRef,
       count: count,
       current: current,
-      setCurrent: setCurrent
+      setCurrent: setCurrent,
+      targets: targets
     })]
   });
 };

package/es/common/hooks/use-packages.js

@@ -95,12 +95,12 @@ const usePackages = (defaultPopupContent, setPopupContent, cartUrl, selector = "
   }, [selector, toggleEditButton]);
   const init = React.useCallback(section => {
     const zone = section.closest(".cms");
-    zone.addEventListener("ubloSectionCreated", callback);
+    zone.addEventListener("ublo-section-created", callback);
     section.addEventListener("click", onPackageClick);
   }, [callback, onPackageClick]);
   const cleanup = React.useCallback(section => {
     const zone = section.closest(".cms");
-    zone.removeEventListener("ubloSectionCreated", callback);
+    zone.removeEventListener("ublo-section-created", callback);
     section.removeEventListener("click", onPackageClick);
   }, [callback, onPackageClick]);
   React.useEffect(() => {

package/es/common/hooks/use-zone-sync.js

@@ -40,13 +40,13 @@ const useZoneSync = (zoneRef, twinZoneParentSelector) => {
         attributes: true
       });
     } else {
-      zone.addEventListener("ubloSectionCreated", init);
+      zone.addEventListener("ublo-section-created", init);
     }
   }, [twinZoneParentSelector, zoneRef]);
   const cleanup = useCallback(() => {
     const zone = zoneRef.current;
     if (!zone) return;
-    zone.removeEventListener("ubloSectionCreated", init);
+    zone.removeEventListener("ublo-section-created", init);
   }, [init, zoneRef]);
   useEffect(() => {
     if (cmsMode) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "peerDependencies": {
     "dt-design-system": "^2.1.0",
     "next": "^12.0.0",