yet-another-react-lightbox 2.3.0 → 2.4.0

package/dist/plugins/video/Video.js

@@ -5,7 +5,7 @@ export const defaultVideoProps = {
     playsInline: true,
 };
 export const Video = ({ augment }) => {
-    augment(({ render: { slide: renderSlide, ...restRender }, video: originalVideo, ...restProps }) => ({
+    augment(({ render: { slide: renderSlide, ...restRender }, video: videoProps, ...restProps }) => ({
         render: {
             slide: (slide, offset, rect) => {
                 if (slide.type === "video") {
@@ -15,10 +15,7 @@ export const Video = ({ augment }) => {
             },
             ...restRender,
         },
-        video: {
-            ...defaultVideoProps,
-            ...originalVideo,
-        },
+        video: { ...defaultVideoProps, ...videoProps },
         ...restProps,
     }));
 };

package/dist/plugins/video/index.d.ts

@@ -1,5 +1,6 @@
 import { GenericSlide } from "../../types.js";
 import { Video } from "./Video.js";
+import { ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING } from "../../core/consts.js";
 /** Video slide attributes */
 export interface SlideVideo extends GenericSlide {
     /** video slide type marker */
@@ -48,4 +49,12 @@ declare module "../../types" {
         video?: Pick<SlideVideo, "autoPlay" | "controls" | "controlsList" | "crossOrigin" | "preload" | "loop" | "muted" | "playsInline" | "disablePictureInPicture" | "disableRemotePlayback">;
     }
 }
+declare module "../../core" {
+    interface EventTypes {
+        [ACTIVE_SLIDE_LOADING]: void;
+        [ACTIVE_SLIDE_PLAYING]: void;
+        [ACTIVE_SLIDE_COMPLETE]: void;
+        [ACTIVE_SLIDE_ERROR]: void;
+    }
+}
 export default Video;

package/dist/plugins/video/index.js

@@ -1,2 +1,3 @@
 import { Video } from "./Video.js";
+import { ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, } from "../../core/consts.js";
 export default Video;

package/dist/plugins/zoom/ZoomContainer.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
-import { ContainerRect } from "../../core/index.js";
-import { LightboxProps, Slide } from "../../types.js";
+import { ContainerRect, LightboxProps, Slide } from "../../types.js";
 /** Zoom container */
 export declare const ZoomContainer: React.FC<Pick<LightboxProps, "render" | "carousel" | "zoom" | "animation" | "on"> & {
     slide: Slide;

package/dist/plugins/zoom/ZoomContainer.js

@@ -39,7 +39,7 @@ const distance = (pointerA, pointerB) => ((pointerA.clientX - pointerB.clientX)
 export const ZoomContainer = ({ slide, offset, rect, render, carousel, animation, zoom: originalZoomProps, on }) => {
     var _a;
     const zoomProps = { ...defaultZoomProps, ...originalZoomProps };
-    const { state: { currentIndex }, } = useLightboxState();
+    const { currentIndex } = useLightboxState().state;
     const [zoom, setZoom] = React.useState(1);
     const [offsetX, setOffsetX] = React.useState(0);
     const [offsetY, setOffsetY] = React.useState(0);

package/dist/plugins/zoom/ZoomContext.js

@@ -6,7 +6,7 @@ export const ZoomContextProvider = ({ slides, children }) => {
     const [isMinZoom, setIsMinZoom] = React.useState(false);
     const [isMaxZoom, setIsMaxZoom] = React.useState(false);
     const [isZoomSupported, setIsZoomSupported] = React.useState(false);
-    const { state: { currentIndex }, } = useLightboxState();
+    const { currentIndex } = useLightboxState().state;
     const updateZoomSupported = useEventCallback(() => setIsZoomSupported(slides.length > currentIndex && isImageSlide(slides[currentIndex])));
     useLayoutEffect(updateZoomSupported, [currentIndex, updateZoomSupported]);
     const context = React.useMemo(() => ({

package/dist/plugins/zoom/index.d.ts

@@ -53,4 +53,10 @@ declare module "../../types" {
         zoom?: (level: number) => void;
     }
 }
+declare module "../../core" {
+    interface EventTypes {
+        [ACTION_ZOOM_IN]: void;
+        [ACTION_ZOOM_OUT]: void;
+    }
+}
 export default Zoom;

package/dist/types.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { ContainerRect } from "./core/hooks/useContainerRect.js";
 /** Image fit setting */
 export type ImageFit = "contain" | "cover";
 /** Image source */
@@ -38,6 +37,11 @@ export interface SlideTypes {
 }
 /** Slide */
 export type Slide = SlideTypes[keyof SlideTypes];
+/** Container rect */
+export type ContainerRect = {
+    width: number;
+    height: number;
+};
 /** Supported customization slots */
 export interface SlotType {
     /** lightbox root customization slot */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "yet-another-react-lightbox",
-    "version": "2.3.0",
+    "version": "2.4.0",
     "description": "Modern React lightbox component",
     "author": "Igor Danchenko",
     "license": "MIT",