yet-another-react-lightbox 3.10.2 → 3.11.1

package/dist/index.js

@@ -1076,7 +1076,7 @@ function Controller({ children, ...props }) {
     React.useEffect(onViewCallback, [state.globalIndex, onViewCallback]);
     React.useEffect(() => cleanup(subscribe(ACTION_PREV, (action) => swipe({ direction: ACTION_PREV, ...action })), subscribe(ACTION_NEXT, (action) => swipe({ direction: ACTION_NEXT, ...action })), subscribe(ACTION_SWIPE, (action) => dispatch(action))), [subscribe, swipe, dispatch]);
     React.useEffect(() => subscribeSensors(EVENT_ON_KEY_UP, (event) => {
-        if (event.code === VK_ESCAPE) {
+        if (event.key === VK_ESCAPE) {
             close();
         }
     }), [subscribeSensors, close]);
@@ -1143,7 +1143,7 @@ function CarouselSlide({ slide, offset }) {
     const containerRef = React.useRef(null);
     const { currentIndex } = useLightboxState();
     const { slideRect, close } = useController();
-    const { render, carousel: { imageFit, imageProps }, on: { click: onClick }, controller: { closeOnBackdropClick }, } = useLightboxProps();
+    const { render, carousel: { imageFit, imageProps }, on: { click: onClick }, controller: { closeOnBackdropClick }, styles: { slide: style }, } = useLightboxProps();
     const renderSlide = () => {
         var _a, _b, _c, _d;
         let rendered = (_a = render.slide) === null || _a === void 0 ? void 0 : _a.call(render, { slide, offset, rect: slideRect });
@@ -1167,10 +1167,11 @@ function CarouselSlide({ slide, offset }) {
             close();
         }
     };
-    return (React.createElement("div", { ref: containerRef, className: clsx(cssClass(cssSlidePrefix()), offset === 0 && cssClass(cssSlidePrefix("current")), cssClass(CLASS_FLEX_CENTER)), onClick: handleBackdropClick }, renderSlide()));
+    return (React.createElement("div", { ref: containerRef, className: clsx(cssClass(cssSlidePrefix()), offset === 0 && cssClass(cssSlidePrefix("current")), cssClass(CLASS_FLEX_CENTER)), onClick: handleBackdropClick, style: style }, renderSlide()));
 }
 function Placeholder() {
-    return React.createElement("div", { className: cssClass("slide") });
+    const style = useLightboxProps().styles.slide;
+    return React.createElement("div", { className: cssClass("slide"), style: style });
 }
 function Carousel({ carousel: { finite, preload, padding, spacing } }) {
     const { slides, currentIndex, globalIndex } = useLightboxState();

package/dist/types.d.ts

@@ -161,6 +161,8 @@ interface SlotType {
     root: "root";
     /** lightbox container customization slot */
     container: "container";
+    /** lightbox slide customization slot */
+    slide: "slide";
     /** lightbox button customization slot */
     button: "button";
     /** lightbox icon customization slot */

package/package.json

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