yet-another-react-lightbox 3.7.0 → 3.8.0

package/README.md

@@ -133,7 +133,8 @@ The following plugins are bundled in the package:
 - [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) - transforms the lightbox into an image carousel
-- [Slideshow](https://yet-another-react-lightbox.com/plugins/slideshow) - adds slideshow autoplay feature
+- [Share](https://yet-another-react-lightbox.com/plugins/share) - adds sharing button
+- [Slideshow](https://yet-another-react-lightbox.com/plugins/slideshow) - adds slideshow button
 - [Thumbnails](https://yet-another-react-lightbox.com/plugins/thumbnails) - adds thumbnails track
 - [Video](https://yet-another-react-lightbox.com/plugins/video) - adds support for video slides
 - [Zoom](https://yet-another-react-lightbox.com/plugins/zoom) - adds image zoom feature

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { LightboxExternalProps, LightboxProps, Labels, Slide, SlideImage, LengthOrPercentage, ContainerRect, ToolbarSettings, Component, Module, Node, Plugin, Augmentation, EventTypes, ComponentProps, LightboxStateSwipeAction, LightboxStateUpdateAction, LightboxState, Render, ImageFit, ControllerRef, Callback, RenderFunction } from './types.js';
-export { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, AnimationSettings, CLASS_FLEX_CENTER, CLASS_FULLSIZE, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, Callbacks, CarouselSettings, ClickCallbackProps, ControllerSettings, DeepNonNullable, DeepPartial, DeepPartialValue, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, GenericSlide, IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER, ImageSource, MODULE_CAROUSEL, MODULE_CONTROLLER, MODULE_NAVIGATION, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR, NavigationAction, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, PluginProps, PortalSettings, RenderSlideContainerProps, RenderSlideFooterProps, RenderSlideHeaderProps, RenderSlideProps, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, SLIDE_STATUS_PLAYING, SlideStatus, SlideTypeKey, SlideTypes, Slot, SlotStyles, SlotType, ToolbarButtonKey, ToolbarButtonKeys, UNKNOWN_ACTION_TYPE, VK_ARROW_LEFT, VK_ARROW_RIGHT, VK_ESCAPE, ViewCallbackProps, activeSlideStatus } from './types.js';
+export { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, AnimationSettings, CLASS_FLEX_CENTER, CLASS_FULLSIZE, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, Callbacks, CarouselSettings, ClickCallbackProps, ControllerSettings, DeepNonNullable, DeepPartial, DeepPartialValue, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, GenericSlide, IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER, ImageSource, MODULE_CAROUSEL, MODULE_CONTROLLER, MODULE_NAVIGATION, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR, NavigationAction, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SHARE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, PluginProps, PortalSettings, RenderSlideContainerProps, RenderSlideFooterProps, RenderSlideHeaderProps, RenderSlideProps, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, SLIDE_STATUS_PLAYING, SlideStatus, SlideTypeKey, SlideTypes, Slot, SlotStyles, SlotType, ToolbarButtonKey, ToolbarButtonKeys, UNKNOWN_ACTION_TYPE, VK_ARROW_LEFT, VK_ARROW_RIGHT, VK_ESCAPE, ViewCallbackProps, activeSlideStatus } from './types.js';
 
 /** Lightbox component */
 declare function Lightbox({ carousel, animation, render, toolbar, controller, on, plugins, slides, index, ...restProps }: LightboxExternalProps): React.JSX.Element | null;

package/dist/index.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 import { ACTION_CLOSE, IMAGE_FIT_CONTAIN, MODULE_CONTROLLER, IMAGE_FIT_COVER, UNKNOWN_ACTION_TYPE, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_CANCEL, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_WHEEL, SLIDE_STATUS_LOADING, activeSlideStatus, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_PLACEHOLDER, ACTION_PREV, ACTION_NEXT, ACTION_SWIPE, VK_ESCAPE, CLASS_FLEX_CENTER, MODULE_CAROUSEL, CLASS_FULLSIZE, VK_ARROW_LEFT, VK_ARROW_RIGHT, MODULE_NAVIGATION, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR } from './types.js';
 import { createPortal } from 'react-dom';
-export { ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, SLIDE_STATUS_PLAYING } from './types.js';
+export { ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SHARE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, SLIDE_STATUS_PLAYING } from './types.js';
 
 const LightboxDefaultProps = {
     open: false,

package/dist/plugins/download/index.d.ts

@@ -4,10 +4,24 @@ declare function Download({ augment }: PluginProps): void;
 
 declare module "../../types.js" {
     interface GenericSlide {
-        /** download url */
+        /** @deprecated - use `download` instead */
         downloadUrl?: string;
-        /** download filename override */
+        /** @deprecated - use `download` instead */
         downloadFilename?: string;
+        /** download url or download props */
+        download?: boolean | string | {
+            /** download url */
+            url: string;
+            /** download filename override */
+            filename: string;
+        };
+    }
+    interface LightboxProps {
+        /** Download plugin settings */
+        download?: {
+            /** Custom download function */
+            download?: ({ slide, saveAs }: DownloadFunctionProps) => void;
+        };
     }
     interface Render {
         /** render custom Download button */
@@ -19,11 +33,15 @@ declare module "../../types.js" {
         /** a callback called on slide download */
         download?: Callback<DownloadCallbackProps>;
     }
+    interface ToolbarButtonKeys {
+        [PLUGIN_DOWNLOAD]: null;
+    }
     interface DownloadCallbackProps {
         index: number;
     }
-    interface ToolbarButtonKeys {
-        [PLUGIN_DOWNLOAD]: null;
+    interface DownloadFunctionProps {
+        slide: Slide;
+        saveAs: (source: string | Blob, name?: string) => void;
     }
 }
 

package/dist/plugins/download/index.js

@@ -2,6 +2,14 @@ import { createIcon, useLightboxProps, useLightboxState, isImageSlide, IconButto
 import * as React from 'react';
 import { PLUGIN_DOWNLOAD } from '../../types.js';
 
+const defaultDownloadProps = {
+    download: undefined,
+};
+const resolveDownloadProps = (download) => ({
+    ...defaultDownloadProps,
+    ...download,
+});
+
 function download(url, name) {
     const xhr = new XMLHttpRequest();
     xhr.open("GET", url);
@@ -65,24 +73,41 @@ function saveAs(source, name) {
 
 const DownloadIcon = createIcon("DownloadIcon", React.createElement("path", { d: "M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zm-1-4-1.41-1.41L13 12.17V4h-2v8.17L8.41 9.59 7 11l5 5 5-5z" }));
 function DownloadButton() {
-    const { render, on } = useLightboxProps();
+    const { render, on, download: downloadProps } = useLightboxProps();
+    const { download: customDownload } = resolveDownloadProps(downloadProps);
     const { currentSlide, currentIndex } = useLightboxState();
     if (render.buttonDownload) {
         return React.createElement(React.Fragment, null, render.buttonDownload());
     }
-    const downloadUrl = (currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.downloadUrl) || (currentSlide && isImageSlide(currentSlide) ? currentSlide.src : undefined);
-    return (React.createElement(IconButton, { label: "Download", icon: DownloadIcon, renderIcon: render.iconDownload, disabled: !downloadUrl, onClick: () => {
-            var _a;
-            if (downloadUrl) {
-                saveAs(downloadUrl, currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.downloadFilename);
-                (_a = on.download) === null || _a === void 0 ? void 0 : _a.call(on, { index: currentIndex });
-            }
-        } }));
+    const downloadUrl = (currentSlide &&
+        (currentSlide.downloadUrl ||
+            (typeof currentSlide.download === "string" && currentSlide.download) ||
+            (typeof currentSlide.download === "object" && currentSlide.download.url) ||
+            (isImageSlide(currentSlide) && currentSlide.src))) ||
+        undefined;
+    const canDownload = customDownload ? Boolean(currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.download) : Boolean(downloadUrl);
+    const defaultDownload = () => {
+        if (currentSlide && downloadUrl) {
+            const downloadFilename = currentSlide.downloadFilename ||
+                (typeof currentSlide.download === "object" && currentSlide.download.filename) ||
+                undefined;
+            saveAs(downloadUrl, downloadFilename);
+        }
+    };
+    const handleDownload = () => {
+        var _a;
+        if (currentSlide) {
+            (customDownload || defaultDownload)({ slide: currentSlide, saveAs });
+            (_a = on.download) === null || _a === void 0 ? void 0 : _a.call(on, { index: currentIndex });
+        }
+    };
+    return (React.createElement(IconButton, { label: "Download", icon: DownloadIcon, renderIcon: render.iconDownload, disabled: !canDownload, onClick: handleDownload }));
 }
 
 function Download({ augment }) {
-    augment(({ toolbar, ...restProps }) => ({
+    augment(({ toolbar, download, ...restProps }) => ({
         toolbar: addToolbarButton(toolbar, PLUGIN_DOWNLOAD, React.createElement(DownloadButton, null)),
+        download: resolveDownloadProps(download),
         ...restProps,
     }));
 }

package/dist/plugins/index.d.ts

@@ -3,6 +3,7 @@ export { default as Counter } from './counter/index.js';
 export { default as Download } from './download/index.js';
 export { default as Fullscreen } from './fullscreen/index.js';
 export { default as Inline } from './inline/index.js';
+export { default as Share } from './share/index.js';
 export { default as Slideshow } from './slideshow/index.js';
 export { default as Thumbnails } from './thumbnails/index.js';
 export { default as Video } from './video/index.js';

package/dist/plugins/index.js

@@ -3,6 +3,7 @@ export { default as Counter } from './counter/index.js';
 export { default as Download } from './download/index.js';
 export { default as Fullscreen } from './fullscreen/index.js';
 export { default as Inline } from './inline/index.js';
+export { default as Share } from './share/index.js';
 export { default as Slideshow } from './slideshow/index.js';
 export { default as Thumbnails } from './thumbnails/index.js';
 export { default as Video } from './video/index.js';

package/dist/plugins/share/index.d.ts

@@ -0,0 +1,47 @@
+import { PluginProps, PLUGIN_SHARE } from '../../types.js';
+
+declare function Share({ augment }: PluginProps): void;
+
+declare function isShareSupported(): boolean;
+
+declare module "../../types.js" {
+    interface GenericSlide {
+        /** share url or share props */
+        share?: boolean | string | {
+            /** share url  */
+            url?: string;
+            /** share text  */
+            text?: string;
+            /** share title  */
+            title?: string;
+        };
+    }
+    interface LightboxProps {
+        /** Share plugin settings */
+        share?: {
+            /** custom share function */
+            share?: ({ slide }: ShareFunctionProps) => void;
+        };
+    }
+    interface Render {
+        /** render custom Share button */
+        buttonShare?: RenderFunction;
+        /** render custom Share icon */
+        iconShare?: RenderFunction;
+    }
+    interface Callbacks {
+        /** a callback called on slide share */
+        share?: Callback<ShareCallbackProps>;
+    }
+    interface ToolbarButtonKeys {
+        [PLUGIN_SHARE]: null;
+    }
+    interface ShareCallbackProps {
+        index: number;
+    }
+    interface ShareFunctionProps {
+        slide: Slide;
+    }
+}
+
+export { Share as default, isShareSupported };

package/dist/plugins/share/index.js

@@ -0,0 +1,55 @@
+import { createIcon, useLightboxProps, useLightboxState, isImageSlide, IconButton, addToolbarButton } from '../../index.js';
+import * as React from 'react';
+
+const defaultShareProps = {
+    share: undefined,
+};
+const resolveShareProps = (share) => ({
+    ...defaultShareProps,
+    ...share,
+});
+
+function isShareSupported() {
+    return Boolean(navigator.canShare);
+}
+
+const ShareIcon = createIcon("ShareIcon", React.createElement("path", { d: "m16 5-1.42 1.42-1.59-1.59V16h-1.98V4.83L9.42 6.42 8 5l4-4 4 4zm4 5v11c0 1.1-.9 2-2 2H6c-1.11 0-2-.9-2-2V10c0-1.11.89-2 2-2h3v2H6v11h12V10h-3V8h3c1.1 0 2 .89 2 2z" }));
+function ShareButton() {
+    const { render, on, share: shareProps } = useLightboxProps();
+    const { share: customShare } = resolveShareProps(shareProps);
+    const { currentSlide, currentIndex } = useLightboxState();
+    if (!isShareSupported())
+        return null;
+    if (render.buttonShare) {
+        return React.createElement(React.Fragment, null, render.buttonShare());
+    }
+    const share = (currentSlide &&
+        ((typeof currentSlide.share === "object" && currentSlide.share) ||
+            (typeof currentSlide.share === "string" && { url: currentSlide.share }) ||
+            (isImageSlide(currentSlide) && { url: currentSlide.src }))) ||
+        undefined;
+    const canShare = customShare ? Boolean(currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.share) : share && navigator.canShare(share);
+    const defaultShare = () => {
+        if (share) {
+            navigator.share(share).catch(() => { });
+        }
+    };
+    const handleShare = () => {
+        var _a;
+        if (currentSlide) {
+            (customShare || defaultShare)({ slide: currentSlide });
+            (_a = on.share) === null || _a === void 0 ? void 0 : _a.call(on, { index: currentIndex });
+        }
+    };
+    return (React.createElement(IconButton, { label: "Share", icon: ShareIcon, renderIcon: render.iconShare, disabled: !canShare, onClick: handleShare }));
+}
+
+function Share({ augment }) {
+    augment(({ toolbar, share, ...rest }) => ({
+        toolbar: addToolbarButton(toolbar, "share", React.createElement(ShareButton, null)),
+        share: resolveShareProps(share),
+        ...rest,
+    }));
+}
+
+export { Share as default, isShareSupported };

package/dist/types.d.ts

@@ -12,6 +12,7 @@ declare const PLUGIN_COUNTER = "counter";
 declare const PLUGIN_DOWNLOAD = "download";
 declare const PLUGIN_FULLSCREEN = "fullscreen";
 declare const PLUGIN_INLINE = "inline";
+declare const PLUGIN_SHARE = "share";
 declare const PLUGIN_SLIDESHOW = "slideshow";
 declare const PLUGIN_THUMBNAILS = "thumbnails";
 declare const PLUGIN_ZOOM = "zoom";
@@ -405,4 +406,4 @@ type DeepNonNullable<T> = T extends {} ? {
     [K in keyof T]-?: NonNullable<T[K]>;
 } : never;
 
-export { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, AnimationSettings, Augmentation, CLASS_FLEX_CENTER, CLASS_FULLSIZE, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, Callback, Callbacks, CarouselSettings, ClickCallbackProps, Component, ComponentProps, ContainerRect, ControllerRef, ControllerSettings, DeepNonNullable, DeepPartial, DeepPartialValue, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, EventTypes, GenericSlide, IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER, ImageFit, ImageSource, Labels, LengthOrPercentage, LightboxExternalProps, LightboxProps, LightboxState, LightboxStateSwipeAction, LightboxStateUpdateAction, MODULE_CAROUSEL, MODULE_CONTROLLER, MODULE_NAVIGATION, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR, Module, NavigationAction, Node, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, Plugin, PluginProps, PortalSettings, Render, RenderFunction, RenderSlideContainerProps, RenderSlideFooterProps, RenderSlideHeaderProps, RenderSlideProps, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, SLIDE_STATUS_PLAYING, Slide, SlideImage, SlideStatus, SlideTypeKey, SlideTypes, Slot, SlotStyles, SlotType, ToolbarButtonKey, ToolbarButtonKeys, ToolbarSettings, UNKNOWN_ACTION_TYPE, VK_ARROW_LEFT, VK_ARROW_RIGHT, VK_ESCAPE, ViewCallbackProps, activeSlideStatus };
+export { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, AnimationSettings, Augmentation, CLASS_FLEX_CENTER, CLASS_FULLSIZE, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, Callback, Callbacks, CarouselSettings, ClickCallbackProps, Component, ComponentProps, ContainerRect, ControllerRef, ControllerSettings, DeepNonNullable, DeepPartial, DeepPartialValue, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, EventTypes, GenericSlide, IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER, ImageFit, ImageSource, Labels, LengthOrPercentage, LightboxExternalProps, LightboxProps, LightboxState, LightboxStateSwipeAction, LightboxStateUpdateAction, MODULE_CAROUSEL, MODULE_CONTROLLER, MODULE_NAVIGATION, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR, Module, NavigationAction, Node, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SHARE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, Plugin, PluginProps, PortalSettings, Render, RenderFunction, RenderSlideContainerProps, RenderSlideFooterProps, RenderSlideHeaderProps, RenderSlideProps, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, SLIDE_STATUS_PLAYING, Slide, SlideImage, SlideStatus, SlideTypeKey, SlideTypes, Slot, SlotStyles, SlotType, ToolbarButtonKey, ToolbarButtonKeys, ToolbarSettings, UNKNOWN_ACTION_TYPE, VK_ARROW_LEFT, VK_ARROW_RIGHT, VK_ESCAPE, ViewCallbackProps, activeSlideStatus };

package/dist/types.js

@@ -10,6 +10,7 @@ const PLUGIN_COUNTER = "counter";
 const PLUGIN_DOWNLOAD = "download";
 const PLUGIN_FULLSCREEN = "fullscreen";
 const PLUGIN_INLINE = "inline";
+const PLUGIN_SHARE = "share";
 const PLUGIN_SLIDESHOW = "slideshow";
 const PLUGIN_THUMBNAILS = "thumbnails";
 const PLUGIN_ZOOM = "zoom";
@@ -48,4 +49,4 @@ const IMAGE_FIT_CONTAIN = "contain";
 const IMAGE_FIT_COVER = "cover";
 const UNKNOWN_ACTION_TYPE = "Unknown action type";
 
-export { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, CLASS_FLEX_CENTER, CLASS_FULLSIZE, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER, MODULE_CAROUSEL, MODULE_CONTROLLER, MODULE_NAVIGATION, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, SLIDE_STATUS_PLAYING, UNKNOWN_ACTION_TYPE, VK_ARROW_LEFT, VK_ARROW_RIGHT, VK_ESCAPE, activeSlideStatus };
+export { ACTION_CLOSE, ACTION_NEXT, ACTION_PREV, ACTION_SWIPE, ACTIVE_SLIDE_COMPLETE, ACTIVE_SLIDE_ERROR, ACTIVE_SLIDE_LOADING, ACTIVE_SLIDE_PLAYING, CLASS_FLEX_CENTER, CLASS_FULLSIZE, CLASS_NO_SCROLL, CLASS_NO_SCROLL_PADDING, ELEMENT_BUTTON, ELEMENT_ICON, EVENT_ON_KEY_DOWN, EVENT_ON_KEY_UP, EVENT_ON_POINTER_CANCEL, EVENT_ON_POINTER_DOWN, EVENT_ON_POINTER_LEAVE, EVENT_ON_POINTER_MOVE, EVENT_ON_POINTER_UP, EVENT_ON_WHEEL, IMAGE_FIT_CONTAIN, IMAGE_FIT_COVER, MODULE_CAROUSEL, MODULE_CONTROLLER, MODULE_NAVIGATION, MODULE_NO_SCROLL, MODULE_PORTAL, MODULE_ROOT, MODULE_TOOLBAR, PLUGIN_CAPTIONS, PLUGIN_COUNTER, PLUGIN_DOWNLOAD, PLUGIN_FULLSCREEN, PLUGIN_INLINE, PLUGIN_SHARE, PLUGIN_SLIDESHOW, PLUGIN_THUMBNAILS, PLUGIN_ZOOM, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, SLIDE_STATUS_PLAYING, UNKNOWN_ACTION_TYPE, VK_ARROW_LEFT, VK_ARROW_RIGHT, VK_ESCAPE, activeSlideStatus };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "yet-another-react-lightbox",
-    "version": "3.7.0",
+    "version": "3.8.0",
     "description": "Modern React lightbox component",
     "author": "Igor Danchenko",
     "license": "MIT",
@@ -52,6 +52,10 @@
             "types": "./dist/plugins/inline/index.d.ts",
             "default": "./dist/plugins/inline/index.js"
         },
+        "./plugins/share": {
+            "types": "./dist/plugins/share/index.d.ts",
+            "default": "./dist/plugins/share/index.js"
+        },
         "./plugins/slideshow": {
             "types": "./dist/plugins/slideshow/index.d.ts",
             "default": "./dist/plugins/slideshow/index.js"
@@ -108,6 +112,9 @@
             "plugins/inline": [
                 "dist/plugins/inline/index.d.ts"
             ],
+            "plugins/share": [
+                "dist/plugins/share/index.d.ts"
+            ],
             "plugins/slideshow": [
                 "dist/plugins/slideshow/index.d.ts"
             ],