yet-another-react-lightbox 1.3.0 → 1.3.1

package/README.md

@@ -1,6 +1,6 @@
 # Yet Another React Lightbox
 
-Modern lightbox component for React.
+Modern React lightbox component.
 
 ## Overview
 

package/dist/plugins/Fullscreen.d.ts

@@ -31,9 +31,12 @@ declare global {
         msRequestFullscreen?: () => void;
     }
 }
-export declare type FullscreenButtonProps = Pick<LightboxProps, "labels"> & {
+declare type FullscreenButtonProps = Pick<LightboxProps, "labels"> & {
     auto: boolean;
     render: Render;
 };
-export declare const FullscreenButton: ({ auto, labels, render }: FullscreenButtonProps) => JSX.Element | null;
-export declare const Fullscreen: Plugin;
+declare const FullscreenButton: ({ auto, labels, render }: FullscreenButtonProps) => JSX.Element | null;
+declare const Fullscreen: Plugin;
+export type { FullscreenButtonProps };
+export { Fullscreen, FullscreenButton };
+export default Fullscreen;

package/dist/plugins/Fullscreen.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { createIcon, IconButton, label, useController, useLatest } from "../core/index.js";
 const EnterFullscreenIcon = createIcon("EnterFullscreen", React.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
 const ExitFullscreenIcon = createIcon("ExitFullscreen", React.createElement("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }));
-export const FullscreenButton = ({ auto, labels, render }) => {
+const FullscreenButton = ({ auto, labels, render }) => {
     const [fullscreen, setFullscreen] = React.useState(false);
     const latestAuto = useLatest(auto);
     const { containerRef } = useController();
@@ -92,7 +92,7 @@ export const FullscreenButton = ({ auto, labels, render }) => {
         return null;
     return render.buttonFullscreen ? (React.createElement(React.Fragment, null, render.buttonFullscreen({ fullscreen, toggleFullscreen }))) : (React.createElement(IconButton, { label: fullscreen ? label(labels, "Exit Fullscreen") : label(labels, "Enter Fullscreen"), icon: fullscreen ? ExitFullscreenIcon : EnterFullscreenIcon, renderIcon: fullscreen ? render.iconExitFullscreen : render.iconEnterFullscreen, onClick: toggleFullscreen }));
 };
-export const Fullscreen = ({ augment }) => {
+const Fullscreen = ({ augment }) => {
     augment(({ toolbar: { buttons, ...restToolbar }, ...restProps }) => ({
         toolbar: {
             buttons: [
@@ -104,3 +104,5 @@ export const Fullscreen = ({ augment }) => {
         ...restProps,
     }));
 };
+export { Fullscreen, FullscreenButton };
+export default Fullscreen;

package/dist/plugins/Inline.d.ts

@@ -5,6 +5,8 @@ declare module "../types.js" {
         inline?: React.HTMLAttributes<HTMLDivElement>;
     }
 }
-export declare const InlineContainer: Component;
-export declare const InlineModule: import("../types.js").Module;
-export declare const Inline: Plugin;
+declare const InlineContainer: Component;
+declare const InlineModule: import("../types.js").Module;
+declare const Inline: Plugin;
+export { Inline, InlineModule, InlineContainer };
+export default Inline;

package/dist/plugins/Inline.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { createModule } from "../core/index.js";
-export const InlineContainer = ({ inline, children }) => React.createElement("div", { ...inline }, children);
-export const InlineModule = createModule("inline", InlineContainer);
-export const Inline = ({ augment, replace, remove }) => {
+const InlineContainer = ({ inline, children }) => React.createElement("div", { ...inline }, children);
+const InlineModule = createModule("inline", InlineContainer);
+const Inline = ({ augment, replace, remove }) => {
     augment(({ toolbar: { buttons, ...restToolbar }, open, close, ...restProps }) => ({
         open: true,
         close: () => { },
@@ -16,3 +16,5 @@ export const Inline = ({ augment, replace, remove }) => {
     remove("no-scroll");
     replace("portal", InlineModule);
 };
+export { Inline, InlineModule, InlineContainer };
+export default Inline;

package/dist/plugins/Video.d.ts

@@ -15,7 +15,9 @@ declare module "../types.js" {
         SlideVideo: SlideVideo;
     }
 }
-export declare const VideoSlide: ({ slide: { sources, poster, width, height } }: {
+declare const VideoSlide: ({ slide: { sources, poster, width, height } }: {
     slide: SlideVideo;
 }) => JSX.Element;
-export declare const Video: Plugin;
+declare const Video: Plugin;
+export { Video, VideoSlide };
+export default Video;

package/dist/plugins/Video.js

@@ -12,7 +12,7 @@ SlideTypesPropTypes.push(PropTypes.shape({
         type: PropTypes.string.isRequired,
     }).isRequired),
 }));
-export const VideoSlide = ({ slide: { sources, poster, width, height } }) => {
+const VideoSlide = ({ slide: { sources, poster, width, height } }) => {
     const { setContainerRef, containerRect } = useContainerRect();
     const scaleWidthAndHeight = () => {
         if (!width || !height || !containerRect)
@@ -28,7 +28,7 @@ export const VideoSlide = ({ slide: { sources, poster, width, height } }) => {
             height: "100%",
         }, className: clsx(cssClass("video_container"), cssClass("flex_center")) }, containerRect && (React.createElement("video", { controls: true, playsInline: true, poster: poster, ...scaleWidthAndHeight() }, sources.map(({ src, type }, index) => (React.createElement("source", { key: index, src: src, type: type })))))))));
 };
-export const Video = ({ augment }) => {
+const Video = ({ augment }) => {
     augment(({ render: { slide: renderSlide, ...restRender }, ...restProps }) => ({
         render: {
             slide: (slide) => {
@@ -42,3 +42,5 @@ export const Video = ({ augment }) => {
         ...restProps,
     }));
 };
+export { Video, VideoSlide };
+export default Video;

package/package.json

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