@cntrl-site/components 0.1.20 → 0.1.21

package/dist/Components/ControlSlider/ControlSlider.d.ts

@@ -1,9 +1,10 @@
-interface SliderProps {
+import { CommonComponentProps } from '../props';
+type SliderProps = {
     settings: SliderSettings;
     content: SliderItem[];
     styles: SliderStyles;
     isEditor?: boolean;
-}
+} & CommonComponentProps;
 export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): import("react/jsx-runtime").JSX.Element;
 type SliderItem = {
     image: {

package/dist/Components/props.d.ts

@@ -0,0 +1,3 @@
+export type CommonComponentProps = {
+    metadata?: Record<string, any>;
+};

package/dist/index.js

@@ -1905,7 +1905,7 @@ const LightboxGallery = ({ settings, content, styles: styles2, portalId, activeE
     )
   ] });
 };
-const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId, isEditor }) => {
+const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId, isEditor, metadata }) => {
   const [currentIndex, setCurrentIndex] = react.useState(0);
   const [splideKey, setSplideKey] = react.useState(0);
   const [isClosing, setIsClosing] = react.useState(false);
@@ -1922,6 +1922,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
   const hasDraggedRef = react.useRef(false);
   const { appear, triggers, slider, thumbnail, controls, area, imageCaption, layout } = settings.lightboxBlock;
   const { appearClass, backdropAppearClass, backdropDisappearClass, disappearClass } = getAnimationClasses(appear.type, appear.direction);
+  const itemId = (metadata == null ? void 0 : metadata.itemId) ?? null;
   react.useEffect(() => {
     const handleLayoutChange = () => {
       setTimeout(() => {
@@ -2059,7 +2060,8 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
       setIsClosing(false);
       setAnimationFinished(false);
       setThumbnailDimensions({});
-      const event = new CustomEvent("page-overlay");
+      if (!itemId) return;
+      const event = new CustomEvent("page-overlay", { detail: { itemId } });
       window.dispatchEvent(event);
     }
     return () => {
@@ -2069,7 +2071,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
       }
       setAnimationFinished(false);
     };
-  }, [isOpen]);
+  }, [isOpen, itemId]);
   react.useEffect(() => {
     if (prevSliderTypeRef.current !== null && prevSliderTypeRef.current !== slider.type) {
       setSplideKey((prev) => prev + 1);

package/dist/index.mjs

@@ -1903,7 +1903,7 @@ const LightboxGallery = ({ settings, content, styles: styles2, portalId, activeE
     )
   ] });
 };
-const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId, isEditor }) => {
+const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId, isEditor, metadata }) => {
   const [currentIndex, setCurrentIndex] = useState(0);
   const [splideKey, setSplideKey] = useState(0);
   const [isClosing, setIsClosing] = useState(false);
@@ -1920,6 +1920,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
   const hasDraggedRef = useRef(false);
   const { appear, triggers, slider, thumbnail, controls, area, imageCaption, layout } = settings.lightboxBlock;
   const { appearClass, backdropAppearClass, backdropDisappearClass, disappearClass } = getAnimationClasses(appear.type, appear.direction);
+  const itemId = (metadata == null ? void 0 : metadata.itemId) ?? null;
   useEffect(() => {
     const handleLayoutChange = () => {
       setTimeout(() => {
@@ -2057,7 +2058,8 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
       setIsClosing(false);
       setAnimationFinished(false);
       setThumbnailDimensions({});
-      const event = new CustomEvent("page-overlay");
+      if (!itemId) return;
+      const event = new CustomEvent("page-overlay", { detail: { itemId } });
       window.dispatchEvent(event);
     }
     return () => {
@@ -2067,7 +2069,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
       }
       setAnimationFinished(false);
     };
-  }, [isOpen]);
+  }, [isOpen, itemId]);
   useEffect(() => {
     if (prevSliderTypeRef.current !== null && prevSliderTypeRef.current !== slider.type) {
       setSplideKey((prev) => prev + 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/components",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "Custom components for control editor and public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",