yet-another-react-lightbox 3.4.0 → 3.5.0

package/README.md

@@ -130,6 +130,7 @@ The following plugins come bundled in the package:
 - [Captions](https://yet-another-react-lightbox.com/plugins/captions) - adds support for slide title and
   description
 - [Counter](https://yet-another-react-lightbox.com/plugins/counter) - adds slides counter
+- [Download](https://yet-another-react-lightbox.com/plugins/download) - adds download button
 - [Fullscreen](https://yet-another-react-lightbox.com/plugins/fullscreen) - adds support for fullscreen mode
 - [Inline](https://yet-another-react-lightbox.com/plugins/inline) - adds support for inline rendering mode
 - [Slideshow](https://yet-another-react-lightbox.com/plugins/slideshow) - adds slideshow autoplay feature

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

@@ -1,4 +1,4 @@
 import * as React from "react";
 import { ComponentProps } from "../../types.js";
-export declare function Portal({ children, animation, styles, className, on, close }: ComponentProps): React.ReactPortal | null;
+export declare function Portal({ children, animation, styles, className, on, portal, close }: ComponentProps): React.ReactPortal | null;
 export declare const PortalModule: import("../../types.js").Module;

package/dist/core/modules/Portal.js

@@ -21,7 +21,7 @@ function setAttribute(element, attribute, value) {
         }
     };
 }
-export function Portal({ children, animation, styles, className, on, close }) {
+export function Portal({ children, animation, styles, className, on, portal, close }) {
     const [mounted, setMounted] = React.useState(false);
     const [visible, setVisible] = React.useState(false);
     const cleanup = React.useRef([]);
@@ -86,7 +86,7 @@ export function Portal({ children, animation, styles, className, on, close }) {
                     ? { [cssVar("fade_animation_timing_function")]: animation.easing.fade }
                     : null),
                 ...styles.root,
-            } }, children), document.body)
+            } }, children), portal.root || document.body)
         : null;
 }
 export const PortalModule = createModule(MODULE_PORTAL, Portal);

package/dist/props.js

@@ -31,6 +31,7 @@ export const LightboxDefaultProps = {
         touchAction: "none",
         closeOnBackdropClick: false,
     },
+    portal: {},
     on: {},
     styles: {},
     className: "",

package/dist/types.d.ts

@@ -25,6 +25,8 @@ export interface LightboxProps {
     animation: AnimationSettings;
     /** controller settings */
     controller: ControllerSettings;
+    /** portal settings */
+    portal: PortalSettings;
     /** lifecycle callbacks */
     on: Callbacks;
     /** customization styles */
@@ -177,6 +179,11 @@ export interface ControllerRef {
     /** get lightbox state */
     getLightboxState: () => LightboxState;
 }
+/** Portal settings */
+export interface PortalSettings {
+    /** portal mount point */
+    root?: DocumentFragment | Element | null;
+}
 /** Lightbox navigation action */
 export interface NavigationAction {
     /** navigate through the specified number of slides */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "yet-another-react-lightbox",
-    "version": "3.4.0",
+    "version": "3.5.0",
     "description": "Modern React lightbox component",
     "author": "Igor Danchenko",
     "license": "MIT",
@@ -118,6 +118,10 @@
     "engines": {
         "node": ">=14"
     },
+    "publishConfig": {
+        "access": "public",
+        "provenance": true
+    },
     "peerDependencies": {
         "react": ">=16.8.0",
         "react-dom": ">=16.8.0"