yet-another-react-lightbox 3.29.0 → 3.29.1

package/dist/index.d.ts

@@ -15,7 +15,7 @@ declare function makeComposePrefix(base: string): (prefix?: string) => string;
 declare function translateLabel(labels: Labels | undefined, defaultLabel: Label): string;
 /** @deprecated - use `translateLabel` instead */
 declare function label(labels: Labels | undefined, defaultLabel: Label): string;
-declare function translateSlideCounter(labels: Labels | undefined, slides: Slide[], index: number): string;
+declare function translateSlideCounter(labels: Labels | undefined, slides: readonly Slide[], index: number): string;
 declare function cleanup(...cleaners: (() => void)[]): () => void;
 declare function makeUseContext<T>(name: string, contextName: string, context: React.Context<T | null>): () => NonNullable<T>;
 declare function hasWindow(): boolean;
@@ -36,9 +36,9 @@ declare function computeSlideRect(containerRect: ContainerRect, padding: LengthO
 };
 declare function devicePixelRatio(): number;
 declare function getSlideIndex(index: number, slidesCount: number): number;
-declare function hasSlides(slides: Slide[]): slides is [Slide, ...Slide[]];
+declare function hasSlides(slides: readonly Slide[]): slides is [Slide, ...Slide[]];
 declare function getSlide(slides: [Slide, ...Slide[]], index: number): SlideImage;
-declare function getSlideIfPresent(slides: Slide[], index: number): SlideImage | undefined;
+declare function getSlideIfPresent(slides: readonly Slide[], index: number): SlideImage | undefined;
 declare function getSlideKey(slide: Slide): string | undefined;
 declare function addToolbarButton(toolbar: ToolbarSettings, key: string, button: React.ReactNode): ToolbarSettings;
 declare function stopNavigationEventsPropagation(): {
@@ -46,7 +46,7 @@ declare function stopNavigationEventsPropagation(): {
     onKeyDown: (event: React.PointerEvent | React.KeyboardEvent | React.WheelEvent) => void;
     onWheel: (event: React.PointerEvent | React.KeyboardEvent | React.WheelEvent) => void;
 };
-declare function calculatePreload(carousel: CarouselSettings, slides: Slide[], minimum?: number): number;
+declare function calculatePreload(carousel: CarouselSettings, slides: readonly Slide[], minimum?: number): number;
 declare function makeInertWhen(condition: boolean): {
     inert: boolean;
 };
@@ -54,7 +54,7 @@ declare function reflow(node: HTMLElement): void;
 
 declare function createModule(name: string, component: Component): Module;
 declare function createNode(module: Module, children?: Node$1[]): Node$1;
-declare function withPlugins(root: Node$1[], plugins?: Plugin[], augmentations?: Augmentation[]): {
+declare function withPlugins(root: Node$1[], plugins?: readonly Plugin[], augmentations?: Augmentation[]): {
     config: Node$1[];
     augmentation: Augmentation;
 };

package/dist/index.js

@@ -715,7 +715,7 @@ function ImageSlide({ slide: image, offset, render, rect, imageFit, imageProps,
             maxWidth: "100%",
             maxHeight: "100%",
         };
-    const srcSet = (_g = image.srcSet) === null || _g === void 0 ? void 0 : _g.sort((a, b) => a.width - b.width).map((item) => `${item.src} ${item.width}w`).join(", ");
+    const srcSet = (_g = image.srcSet) === null || _g === void 0 ? void 0 : _g.slice().sort((a, b) => a.width - b.width).map((item) => `${item.src} ${item.width}w`).join(", ");
     const estimateActualWidth = () => rect && !cover && image.width && image.height ? (rect.height / image.height) * image.width : Number.MAX_VALUE;
     const sizes = srcSet && rect && hasWindow() ? `${Math.round(Math.min(estimateActualWidth(), rect.width))}px` : undefined;
     const { style: imagePropsStyle, className: imagePropsClassName, ...restImageProps } = (typeof imageProps === "function" ? imageProps(image) : imageProps) || {};

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

@@ -39,7 +39,7 @@ declare module "yet-another-react-lightbox" {
         /** disables the capability of remote playback */
         disableRemotePlayback?: boolean;
         /** an array of video files */
-        sources: {
+        sources: readonly {
             /** video source URL */
             src: string;
             /** video source type (e.g., `video/mp4`) */

package/dist/types.d.ts

@@ -66,13 +66,13 @@ interface LightboxProps {
     /** starting slide index */
     index: number;
     /** slides to display in the lightbox */
-    slides: Slide[];
+    slides: readonly Slide[];
     /** custom render functions */
     render: Render;
     /** custom UI labels / translations */
     labels: Labels;
     /** enabled plugins */
-    plugins: Plugin[];
+    plugins: readonly Plugin[];
     /** toolbar settings */
     toolbar: ToolbarSettings;
     /** carousel settings */
@@ -120,7 +120,7 @@ interface SlideImage extends GenericSlide {
     /** `object-fit` setting */
     imageFit?: ImageFit;
     /** alternative images to be passed to the 'srcSet' */
-    srcSet?: ImageSource[];
+    srcSet?: readonly ImageSource[];
 }
 /** Image source */
 interface ImageSource {
@@ -285,13 +285,13 @@ type LightboxStateSwipeAction = {
 /** Lightbox state update action */
 type LightboxStateUpdateAction = {
     type: "update";
-    slides: Slide[];
+    slides: readonly Slide[];
     index: number;
 };
 /** Lightbox state */
 interface LightboxState {
     /** lightbox slides */
-    slides: Slide[];
+    slides: readonly Slide[];
     /** current slide index */
     currentIndex: number;
     /** current slide index in the (-∞, +∞) range */
@@ -408,7 +408,7 @@ type Label = keyof Labels;
 /** Toolbar settings */
 interface ToolbarSettings {
     /** buttons to render in the toolbar */
-    buttons: (ToolbarButtonKey | React.ReactNode)[];
+    buttons: readonly (ToolbarButtonKey | React.ReactNode)[];
 }
 type ToolbarButtonKey = keyof ToolbarButtonKeys;
 interface ToolbarButtonKeys {
@@ -451,7 +451,7 @@ type Plugin = (props: PluginProps) => void;
 type DeepPartial<T extends object, K extends keyof T = keyof T, E extends string = never> = Omit<Partial<T>, K> & {
     [P in K]?: DeepPartialValue<T[P], E>;
 };
-type DeepPartialValue<T, E extends string = never> = T extends any[] ? T : T extends (...props: any[]) => any ? T : T extends object ? {
+type DeepPartialValue<T, E extends string = never> = T extends readonly any[] ? T : T extends (...props: any[]) => any ? T : T extends object ? {
     [P in keyof T]?: P extends E ? T[P] : DeepPartialValue<T[P], E>;
 } : T;
 

package/package.json

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