yet-another-react-lightbox 2.5.0 → 2.5.1

package/dist/core/modules/Controller.d.ts

@@ -5,7 +5,6 @@ import { LightboxStateAction } from "../contexts/index.js";
 import { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, YARL_EVENT_BACKDROP_CLICK } from "../consts.js";
 export type NavigationAction = {
     count?: number;
-    animationDuration?: number;
 };
 declare module "../" {
     interface EventTypes {

package/dist/core/modules/Controller.js

@@ -54,8 +54,8 @@ export const Controller = ({ children, ...props }) => {
     });
     const swipe = useEventCallback((action) => {
         var _a, _b;
-        const swipeDuration = (_a = action.animationDuration) !== null && _a !== void 0 ? _a : animation.swipe;
         const currentSwipeOffset = action.offset || 0;
+        const swipeDuration = (_a = (!currentSwipeOffset ? animation.navigation : undefined)) !== null && _a !== void 0 ? _a : animation.swipe;
         let { direction } = action;
         const count = (_b = action.count) !== null && _b !== void 0 ? _b : 1;
         let newSwipeState = SwipeState.ANIMATION;

package/dist/core/modules/Navigation.js

@@ -14,10 +14,7 @@ export const Navigation = ({ slides, carousel: { finite }, animation: { swipe, n
     const isRTL = useRTL();
     const prevDisabled = slides.length === 0 || (finite && currentIndex === 0);
     const nextDisabled = slides.length === 0 || (finite && currentIndex === slides.length - 1);
-    const navigate = (action) => {
-        publish(action, { animationDuration: navigation });
-    };
-    const publishThrottled = useThrottle((action) => navigate(action), (navigation !== null && navigation !== void 0 ? navigation : swipe) / 2);
+    const publishThrottled = useThrottle((action) => publish(action), (navigation !== null && navigation !== void 0 ? navigation : swipe) / 2);
     const handleKeyDown = useEventCallback((event) => {
         if (event.key === VK_ARROW_LEFT && !(isRTL ? nextDisabled : prevDisabled)) {
             publishThrottled(isRTL ? ACTION_NEXT : ACTION_PREV);
@@ -28,7 +25,7 @@ export const Navigation = ({ slides, carousel: { finite }, animation: { swipe, n
     });
     React.useEffect(() => subscribeSensors(EVENT_ON_KEY_DOWN, handleKeyDown), [subscribeSensors, handleKeyDown]);
     return (React.createElement(React.Fragment, null,
-        buttonPrev ? (buttonPrev()) : (React.createElement(NavigationButton, { label: "Previous", action: ACTION_PREV, icon: PreviousIcon, renderIcon: iconPrev, disabled: prevDisabled, labels: labels, onClick: () => navigate(ACTION_PREV) })),
-        buttonNext ? (buttonNext()) : (React.createElement(NavigationButton, { label: "Next", action: ACTION_NEXT, icon: NextIcon, renderIcon: iconNext, disabled: nextDisabled, labels: labels, onClick: () => navigate(ACTION_NEXT) }))));
+        buttonPrev ? (buttonPrev()) : (React.createElement(NavigationButton, { label: "Previous", action: ACTION_PREV, icon: PreviousIcon, renderIcon: iconPrev, disabled: prevDisabled, labels: labels, onClick: () => publish(ACTION_PREV) })),
+        buttonNext ? (buttonNext()) : (React.createElement(NavigationButton, { label: "Next", action: ACTION_NEXT, icon: NextIcon, renderIcon: iconNext, disabled: nextDisabled, labels: labels, onClick: () => publish(ACTION_NEXT) }))));
 };
 export const NavigationModule = createModule(MODULE_NAVIGATION, Navigation);

package/dist/plugins/captions/Description.js

@@ -7,10 +7,8 @@ export const Description = ({ description, descriptionTextAlign, descriptionMaxL
             ...(descriptionTextAlign !== defaultCaptionsProps.descriptionTextAlign ||
                 descriptionMaxLines !== defaultCaptionsProps.descriptionMaxLines
                 ? {
-                    style: {
-                        [cssVar("slide_description_text_align")]: descriptionTextAlign,
-                        [cssVar("slide_description_max_lines")]: descriptionMaxLines,
-                    },
+                    [cssVar("slide_description_text_align")]: descriptionTextAlign,
+                    [cssVar("slide_description_max_lines")]: descriptionMaxLines,
                 }
                 : null),
             ...styles.captionsDescription,

package/dist/plugins/thumbnails/ThumbnailsTrack.js

@@ -5,7 +5,7 @@ import { Thumbnail } from "./Thumbnail.js";
 import { defaultThumbnailsProps } from "./Thumbnails.js";
 const isHorizontal = (position) => ["top", "bottom"].includes(position);
 const boxSize = (thumbnails, dimension, includeGap) => dimension + 2 * (thumbnails.border + thumbnails.padding) + (includeGap ? thumbnails.gap : 0);
-export const ThumbnailsTrack = ({ container, slides, carousel, render, thumbnails, thumbnailRect, styles, animation: { navigation }, }) => {
+export const ThumbnailsTrack = ({ container, slides, carousel, render, thumbnails, thumbnailRect, styles, }) => {
     const track = React.useRef(null);
     const { globalIndex, animation } = useLightboxState().state;
     const { publish, subscribe } = useEvents();
@@ -78,10 +78,10 @@ export const ThumbnailsTrack = ({ container, slides, carousel, render, thumbnail
     }
     const handleClick = (slideIndex) => () => {
         if (slideIndex > index) {
-            publish(ACTION_NEXT, { count: slideIndex - index, animationDuration: navigation });
+            publish(ACTION_NEXT, { count: slideIndex - index });
         }
         else if (slideIndex < index) {
-            publish(ACTION_PREV, { count: index - slideIndex, animationDuration: navigation });
+            publish(ACTION_PREV, { count: index - slideIndex });
         }
     };
     const { width, height, border, borderRadius, padding, gap, imageFit, vignette } = thumbnails;

package/package.json

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