yet-another-react-lightbox - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

dist/core/consts.d.ts

@@ -8,2 +8,3 @@ export declare const MODULE_CAROUSEL = "carousel";
 export declare const MODULE_TOOLBAR = "toolbar";
+export declare const PLUGIN_COUNTER = "counter";
 export declare const PLUGIN_FULLSCREEN = "fullscreen";
@@ -10,0 +11,0 @@ export declare const PLUGIN_INLINE = "inline";

dist/core/consts.js

@@ -8,2 +8,3 @@ export const MODULE_CAROUSEL = "carousel";
 export const MODULE_TOOLBAR = "toolbar";
+export const PLUGIN_COUNTER = "counter";
 export const PLUGIN_FULLSCREEN = "fullscreen";
@@ -10,0 +11,0 @@ export const PLUGIN_INLINE = "inline";

dist/core/modules/Controller.d.ts

@@ -5,3 +5,3 @@ import * as React from "react";
 import { LightboxStateSwipeAction } from "../contexts/index.js";
-import { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE } from "../consts.js";
+import { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING } from "../consts.js";
 declare module "../index.js" {
@@ -13,2 +13,6 @@ interface EventTypes {
         [ACTION_CLOSE]: void;
+        [ACTIVE_SLIDE_LOADING]: void;
+        [ACTIVE_SLIDE_PLAYING]: void;
+        [ACTIVE_SLIDE_COMPLETE]: void;
+        [ACTIVE_SLIDE_ERROR]: void;
     }
@@ -15,0 +19,0 @@ }

dist/core/modules/Controller.js

@@ -7,3 +7,3 @@ import * as React from "react";
 import { SwipeState, usePointerSwipe, usePreventSwipeNavigation, useWheelSwipe } from "./controller/index.js";
-import { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, CLASS_FLEX_CENTER, EVENT_ON_KEY_UP, MODULE_CONTROLLER, VK_ESCAPE, } from "../consts.js";
+import { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, CLASS_FLEX_CENTER, EVENT_ON_KEY_UP, MODULE_CONTROLLER, VK_ESCAPE, } from "../consts.js";
 const cssContainerPrefix = makeComposePrefix("container");
@@ -10,0 +10,0 @@ export const ControllerContext = React.createContext(null);

dist/plugins/fullscreen/FullscreenButton.js

@@ -15,3 +15,3 @@ import * as React from "react";
     }
-    return (React.createElement(IconButton, { disabled: disabled, label: fullscreen ? label(labels, "Exit Fullscreen") : label(labels, "Enter Fullscreen"), icon: fullscreen ? ExitFullscreenIcon : EnterFullscreenIcon, renderIcon: fullscreen ? render.iconExitFullscreen : render.iconEnterFullscreen, onClick: () => (fullscreen ? exit : enter)() }));
+    return (React.createElement(IconButton, { disabled: disabled, label: label(labels, fullscreen ? "Exit Fullscreen" : "Enter Fullscreen"), icon: fullscreen ? ExitFullscreenIcon : EnterFullscreenIcon, renderIcon: fullscreen ? render.iconExitFullscreen : render.iconEnterFullscreen, onClick: fullscreen ? exit : enter }));
 }

dist/plugins/index.d.ts

 export { default as Captions } from "./captions/index.js";
+export { default as Counter } from "./counter/index.js";
 export { default as Fullscreen } from "./fullscreen/index.js";
@@ -3,0 +4,0 @@ export { default as Inline } from "./inline/index.js";

dist/plugins/index.js

 export { default as Captions } from "./captions/index.js";
+export { default as Counter } from "./counter/index.js";
 export { default as Fullscreen } from "./fullscreen/index.js";
@@ -3,0 +4,0 @@ export { default as Inline } from "./inline/index.js";

dist/plugins/slideshow/SlideshowButton.js

@@ -13,3 +13,3 @@ import * as React from "react";
     }
-    return (React.createElement(IconButton, { label: playing ? label(labels, "Pause") : label(labels, "Play"), icon: playing ? PauseIcon : PlayIcon, renderIcon: playing ? render.iconSlideshowPause : render.iconSlideshowPlay, onClick: () => (playing ? pause : play)(), disabled: disabled, ...focusListeners }));
+    return (React.createElement(IconButton, { label: label(labels, playing ? "Pause" : "Play"), icon: playing ? PauseIcon : PlayIcon, renderIcon: playing ? render.iconSlideshowPause : render.iconSlideshowPlay, onClick: playing ? pause : play, disabled: disabled, ...focusListeners }));
 }

dist/plugins/video/index.d.ts

 import { Video } from "./Video.js";
-import { ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING } from "../../core/consts.js";
 declare module "../../types.js" {
@@ -49,10 +48,2 @@ interface SlideTypes {
 }
-declare module "../../core/index.js" {
-    interface EventTypes {
-        [ACTIVE_SLIDE_LOADING]: void;
-        [ACTIVE_SLIDE_PLAYING]: void;
-        [ACTIVE_SLIDE_COMPLETE]: void;
-        [ACTIVE_SLIDE_ERROR]: void;
-    }
-}
 export default Video;

dist/plugins/video/index.js

 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;

dist/plugins/zoom/ZoomButton.js

@@ -22,3 +22,3 @@ import * as React from "react";
     }, [disabled, onLoseFocus]);
-    return (React.createElement(IconButton, { ref: ref, disabled: disabled, label: label(labels, zoomIn ? "Zoom in" : "Zoom out"), icon: zoomIn ? ZoomInIcon : ZoomOutIcon, renderIcon: zoomIn ? render.iconZoomIn : render.iconZoomOut, onClick: () => (zoomIn ? zoomInCallback : zoomOutCallback)(), onFocus: () => {
+    return (React.createElement(IconButton, { ref: ref, disabled: disabled, label: label(labels, zoomIn ? "Zoom in" : "Zoom out"), icon: zoomIn ? ZoomInIcon : ZoomOutIcon, renderIcon: zoomIn ? render.iconZoomIn : render.iconZoomOut, onClick: zoomIn ? zoomInCallback : zoomOutCallback, onFocus: () => {
             wasFocused.current = true;
@@ -25,0 +25,0 @@ }, onBlur: () => {

package.json

 {
     "name": "yet-another-react-lightbox",
-    "version": "3.0.0",
+    "version": "3.1.0",
     "description": "Modern React lightbox component",
@@ -28,2 +28,7 @@ "author": "Igor Danchenko",
         },
+        "./plugins/counter.css": "./dist/plugins/counter/counter.css",
+        "./plugins/counter": {
+            "types": "./dist/plugins/counter/index.d.ts",
+            "default": "./dist/plugins/counter/index.js"
+        },
         "./plugins/fullscreen": {
@@ -70,2 +75,5 @@ "types": "./dist/plugins/fullscreen/index.d.ts",
             ],
+            "plugins/counter": [
+                "dist/plugins/counter/index.d.ts"
+            ],
             "plugins/fullscreen": [
@@ -72,0 +80,0 @@ "dist/plugins/fullscreen/index.d.ts"

README.md

@@ -132,2 +132,3 @@ # Yet Another React Lightbox
   description
+- [Counter](https://yet-another-react-lightbox.com/plugins/counter) - adds slides counter
 - [Fullscreen](https://yet-another-react-lightbox.com/plugins/fullscreen) - adds support for fullscreen mode
@@ -134,0 +135,0 @@ - [Inline](https://yet-another-react-lightbox.com/plugins/inline) - adds support for inline rendering mode

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

208826

increased by1.28%

Number of package files

187

increased by2.75%

Lines of code

4403

increased by0.99%

Number of lines in readme file

143

increased by0.7%

No dependency changes