yet-another-react-lightbox 3.5.3 → 3.6.0

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "yet-another-react-lightbox",
-    "version": "3.5.3",
+    "version": "3.6.0",
     "description": "Modern React lightbox component",
     "author": "Igor Danchenko",
     "license": "MIT",
     "type": "module",
-    "main": "dist/index.js",
+    "module": "dist/index.js",
     "types": "dist/index.d.ts",
     "exports": {
         ".": {
@@ -13,23 +13,33 @@
             "default": "./dist/index.js"
         },
         "./core": {
-            "types": "./dist/core/index.d.ts",
-            "default": "./dist/core/index.js"
+            "types": "./dist/index.d.ts",
+            "default": "./dist/index.js"
+        },
+        "./styles.css": {
+            "types": "./dist/styles.css.d.ts",
+            "default": "./dist/styles.css"
         },
         "./plugins": {
             "types": "./dist/plugins/index.d.ts",
             "default": "./dist/plugins/index.js"
         },
-        "./plugins/captions.css": "./dist/plugins/captions/captions.css",
         "./plugins/captions": {
             "types": "./dist/plugins/captions/index.d.ts",
             "default": "./dist/plugins/captions/index.js"
         },
-        "./plugins/counter.css": "./dist/plugins/counter/counter.css",
+        "./plugins/captions.css": {
+            "types": "./dist/plugins/captions/captions.css.d.ts",
+            "default": "./dist/plugins/captions/captions.css"
+        },
         "./plugins/counter": {
             "types": "./dist/plugins/counter/index.d.ts",
             "default": "./dist/plugins/counter/index.js"
         },
+        "./plugins/counter.css": {
+            "types": "./dist/plugins/counter/counter.css.d.ts",
+            "default": "./dist/plugins/counter/counter.css"
+        },
         "./plugins/download": {
             "types": "./dist/plugins/download/index.d.ts",
             "default": "./dist/plugins/download/index.js"
@@ -46,11 +56,14 @@
             "types": "./dist/plugins/slideshow/index.d.ts",
             "default": "./dist/plugins/slideshow/index.js"
         },
-        "./plugins/thumbnails.css": "./dist/plugins/thumbnails/thumbnails.css",
         "./plugins/thumbnails": {
             "types": "./dist/plugins/thumbnails/index.d.ts",
             "default": "./dist/plugins/thumbnails/index.js"
         },
+        "./plugins/thumbnails.css": {
+            "types": "./dist/plugins/thumbnails/thumbnails.css.d.ts",
+            "default": "./dist/plugins/thumbnails/thumbnails.css"
+        },
         "./plugins/video": {
             "types": "./dist/plugins/video/index.d.ts",
             "default": "./dist/plugins/video/index.js"
@@ -58,8 +71,7 @@
         "./plugins/zoom": {
             "types": "./dist/plugins/zoom/index.d.ts",
             "default": "./dist/plugins/zoom/index.js"
-        },
-        "./styles.css": "./dist/styles.css"
+        }
     },
     "typesVersions": {
         "*": {
@@ -67,7 +79,10 @@
                 "dist/index.d.ts"
             ],
             "core": [
-                "dist/core/index.d.ts"
+                "dist/index.d.ts"
+            ],
+            "styles.css": [
+                "dist/styles.css.d.ts"
             ],
             "plugins": [
                 "dist/plugins/index.d.ts"
@@ -75,9 +90,15 @@
             "plugins/captions": [
                 "dist/plugins/captions/index.d.ts"
             ],
+            "plugins/captions.css": [
+                "dist/plugins/captions/captions.css.d.ts"
+            ],
             "plugins/counter": [
                 "dist/plugins/counter/index.d.ts"
             ],
+            "plugins/counter.css": [
+                "dist/plugins/counter/counter.css.d.ts"
+            ],
             "plugins/download": [
                 "dist/plugins/download/index.d.ts"
             ],
@@ -93,6 +114,9 @@
             "plugins/thumbnails": [
                 "dist/plugins/thumbnails/index.d.ts"
             ],
+            "plugins/thumbnails.css": [
+                "dist/plugins/thumbnails/thumbnails.css.d.ts"
+            ],
             "plugins/video": [
                 "dist/plugins/video/index.d.ts"
             ],

package/dist/Lightbox.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { LightboxExternalProps } from "./types.js";
-/** Lightbox component */
-export declare function Lightbox({ carousel, animation, render, toolbar, controller, on, plugins, slides, index, ...restProps }: LightboxExternalProps): JSX.Element | null;

package/dist/Lightbox.js

@@ -1,46 +0,0 @@
-import * as React from "react";
-import { LightboxDefaultProps } from "./props.js";
-import { CarouselModule, ControllerModule, createNode, EventsProvider, LightboxPropsProvider, LightboxStateProvider, NavigationModule, NoScrollModule, PortalModule, RootModule, TimeoutsProvider, ToolbarModule, withPlugins, } from "./core/index.js";
-function renderNode(node, props) {
-    var _a;
-    return React.createElement(node.module.component, { key: node.module.name, ...props }, (_a = node.children) === null || _a === void 0 ? void 0 : _a.map((child) => renderNode(child, props)));
-}
-function mergeAnimation(defaultAnimation, animation = {}) {
-    const { easing: defaultAnimationEasing, ...restDefaultAnimation } = defaultAnimation;
-    const { easing, ...restAnimation } = animation;
-    return {
-        easing: { ...defaultAnimationEasing, ...easing },
-        ...restDefaultAnimation,
-        ...restAnimation,
-    };
-}
-export function Lightbox({ carousel, animation, render, toolbar, controller, on, plugins, slides, index, ...restProps }) {
-    const { animation: defaultAnimation, carousel: defaultCarousel, render: defaultRender, toolbar: defaultToolbar, controller: defaultController, on: defaultOn, slides: defaultSlides, index: defaultIndex, plugins: defaultPlugins, ...restDefaultProps } = LightboxDefaultProps;
-    const { config, augmentation } = withPlugins([
-        createNode(PortalModule, [
-            createNode(NoScrollModule, [
-                createNode(ControllerModule, [
-                    createNode(CarouselModule),
-                    createNode(ToolbarModule),
-                    createNode(NavigationModule),
-                ]),
-            ]),
-        ]),
-    ], plugins || defaultPlugins);
-    const props = augmentation({
-        animation: mergeAnimation(defaultAnimation, animation),
-        carousel: { ...defaultCarousel, ...carousel },
-        render: { ...defaultRender, ...render },
-        toolbar: { ...defaultToolbar, ...toolbar },
-        controller: { ...defaultController, ...controller },
-        on: { ...defaultOn, ...on },
-        ...restDefaultProps,
-        ...restProps,
-    });
-    if (!props.open)
-        return null;
-    return (React.createElement(LightboxPropsProvider, { ...props },
-        React.createElement(LightboxStateProvider, { slides: slides || defaultSlides, index: index || defaultIndex },
-            React.createElement(TimeoutsProvider, null,
-                React.createElement(EventsProvider, null, renderNode(createNode(RootModule, config), props))))));
-}

package/dist/core/components/IconButton.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-export type IconButtonProps = Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "aria-label"> & {
-    label: string;
-    icon: React.ElementType;
-    renderIcon?: () => React.ReactNode;
-};
-export declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/core/components/IconButton.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { clsx, cssClass, label as translateLabel } from "../utils.js";
-import { useLightboxProps } from "../contexts/index.js";
-import { ELEMENT_BUTTON, ELEMENT_ICON } from "../consts.js";
-export const IconButton = React.forwardRef(function IconButton({ label, className, icon: Icon, renderIcon, onClick, style, ...rest }, ref) {
-    const { styles, labels } = useLightboxProps();
-    return (React.createElement("button", { ref: ref, type: "button", "aria-label": translateLabel(labels, label), className: clsx(cssClass(ELEMENT_BUTTON), className), onClick: onClick, style: { ...style, ...styles.button }, ...rest }, renderIcon ? renderIcon() : React.createElement(Icon, { className: cssClass(ELEMENT_ICON), style: styles.icon })));
-});

package/dist/core/components/Icons.d.ts

@@ -1,29 +0,0 @@
-import * as React from "react";
-export declare function createIcon(name: string, glyph: React.ReactNode): {
-    (props: React.SVGProps<SVGSVGElement>): JSX.Element;
-    displayName: string;
-};
-export declare function createIconDisabled(name: string, glyph: React.ReactNode): {
-    (props: React.SVGProps<SVGSVGElement>): JSX.Element;
-    displayName: string;
-};
-export declare const CloseIcon: {
-    (props: React.SVGProps<SVGSVGElement>): JSX.Element;
-    displayName: string;
-};
-export declare const PreviousIcon: {
-    (props: React.SVGProps<SVGSVGElement>): JSX.Element;
-    displayName: string;
-};
-export declare const NextIcon: {
-    (props: React.SVGProps<SVGSVGElement>): JSX.Element;
-    displayName: string;
-};
-export declare const LoadingIcon: {
-    (props: React.SVGProps<SVGSVGElement>): JSX.Element;
-    displayName: string;
-};
-export declare const ErrorIcon: {
-    (props: React.SVGProps<SVGSVGElement>): JSX.Element;
-    displayName: string;
-};

package/dist/core/components/Icons.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-function svgIcon(name, children) {
-    const icon = (props) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", "aria-hidden": "true", focusable: "false", ...props }, children));
-    icon.displayName = name;
-    return icon;
-}
-export function createIcon(name, glyph) {
-    return svgIcon(name, React.createElement("g", { fill: "currentColor" },
-        React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
-        glyph));
-}
-export function createIconDisabled(name, glyph) {
-    return svgIcon(name, React.createElement(React.Fragment, null,
-        React.createElement("defs", null,
-            React.createElement("mask", { id: "strike" },
-                React.createElement("path", { d: "M0 0h24v24H0z", fill: "white" }),
-                React.createElement("path", { d: "M0 0L24 24", stroke: "black", strokeWidth: 4 }))),
-        React.createElement("path", { d: "M0.70707 2.121320L21.878680 23.292883", stroke: "currentColor", strokeWidth: 2 }),
-        React.createElement("g", { fill: "currentColor", mask: "url(#strike)" },
-            React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
-            glyph)));
-}
-export const CloseIcon = createIcon("Close", React.createElement("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }));
-export const PreviousIcon = createIcon("Previous", React.createElement("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }));
-export const NextIcon = createIcon("Next", React.createElement("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }));
-export const LoadingIcon = createIcon("Loading", React.createElement(React.Fragment, null, Array.from({ length: 8 }).map((_, index, array) => (React.createElement("line", { key: index, x1: "12", y1: "6.5", x2: "12", y2: "1.8", strokeLinecap: "round", strokeWidth: "2.6", stroke: "currentColor", strokeOpacity: (1 / array.length) * (index + 1), transform: `rotate(${(360 / array.length) * index}, 12, 12)` })))));
-export const ErrorIcon = createIcon("Error", React.createElement("path", { d: "M21.9,21.9l-8.49-8.49l0,0L3.59,3.59l0,0L2.1,2.1L0.69,3.51L3,5.83V19c0,1.1,0.9,2,2,2h13.17l2.31,2.31L21.9,21.9z M5,18 l3.5-4.5l2.5,3.01L12.17,15l3,3H5z M21,18.17L5.83,3H19c1.1,0,2,0.9,2,2V18.17z" }));

package/dist/core/components/ImageSlide.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { ContainerRect, ImageFit, Render, SlideImage } from "../../types.js";
-export type ImageSlideProps = {
-    slide: SlideImage;
-    offset?: number;
-    render?: Render;
-    rect?: ContainerRect;
-    imageFit?: ImageFit;
-    onClick?: () => void;
-    onLoad?: (image: HTMLImageElement) => void;
-    style?: React.CSSProperties;
-};
-export declare function ImageSlide({ slide: image, offset, render, rect, imageFit, onClick, onLoad, style }: ImageSlideProps): JSX.Element;

package/dist/core/components/ImageSlide.js

@@ -1,68 +0,0 @@
-import * as React from "react";
-import { clsx, cssClass, hasWindow, isImageFitCover, makeComposePrefix } from "../utils.js";
-import { useEventCallback } from "../hooks/index.js";
-import { useEvents, useTimeouts } from "../contexts/index.js";
-import { ErrorIcon, LoadingIcon } from "./Icons.js";
-import { activeSlideStatus, ELEMENT_ICON, SLIDE_STATUS_COMPLETE, SLIDE_STATUS_ERROR, SLIDE_STATUS_LOADING, SLIDE_STATUS_PLACEHOLDER, } from "../consts.js";
-const slidePrefix = makeComposePrefix("slide");
-const slideImagePrefix = makeComposePrefix("slide_image");
-export function ImageSlide({ slide: image, offset, render, rect, imageFit, onClick, onLoad, style }) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const [status, setStatus] = React.useState(SLIDE_STATUS_LOADING);
-    const { publish } = useEvents();
-    const { setTimeout } = useTimeouts();
-    const imageRef = React.useRef(null);
-    React.useEffect(() => {
-        if (offset === 0) {
-            publish(activeSlideStatus(status));
-        }
-    }, [offset, status, publish]);
-    const handleLoading = useEventCallback((img) => {
-        ("decode" in img ? img.decode() : Promise.resolve())
-            .catch(() => { })
-            .then(() => {
-            if (!img.parentNode) {
-                return;
-            }
-            setStatus(SLIDE_STATUS_COMPLETE);
-            setTimeout(() => {
-                onLoad === null || onLoad === void 0 ? void 0 : onLoad(img);
-            }, 0);
-        });
-    });
-    const setImageRef = React.useCallback((img) => {
-        imageRef.current = img;
-        if (img === null || img === void 0 ? void 0 : img.complete) {
-            handleLoading(img);
-        }
-    }, [handleLoading]);
-    const handleOnLoad = React.useCallback((event) => {
-        handleLoading(event.currentTarget);
-    }, [handleLoading]);
-    const onError = React.useCallback(() => {
-        setStatus(SLIDE_STATUS_ERROR);
-    }, []);
-    const cover = isImageFitCover(image, imageFit);
-    const nonInfinite = (value, fallback) => (Number.isFinite(value) ? value : fallback);
-    const maxWidth = nonInfinite(Math.max(...((_b = (_a = image.srcSet) === null || _a === void 0 ? void 0 : _a.map((x) => x.width)) !== null && _b !== void 0 ? _b : []).concat(image.width ? [image.width] : [])), ((_c = imageRef.current) === null || _c === void 0 ? void 0 : _c.naturalWidth) || 0);
-    const maxHeight = nonInfinite(Math.max(...((_e = (_d = image.srcSet) === null || _d === void 0 ? void 0 : _d.map((x) => x.height)) !== null && _e !== void 0 ? _e : []).concat(image.height ? [image.height] : [])), ((_f = imageRef.current) === null || _f === void 0 ? void 0 : _f.naturalHeight) || 0);
-    const defaultStyle = maxWidth && maxHeight
-        ? {
-            maxWidth: `min(${maxWidth}px, 100%)`,
-            maxHeight: `min(${maxHeight}px, 100%)`,
-        }
-        : {
-            maxWidth: "100%",
-            maxHeight: "100%",
-        };
-    const srcSet = (_g = image.srcSet) === null || _g === void 0 ? void 0 : _g.sort((a, b) => a.width - b.width).map((item) => `${item.src} ${item.width}w`).join(", ");
-    const estimateActualWidth = () => rect && !cover && image.width && image.height ? (rect.height / image.height) * image.width : Number.MAX_VALUE;
-    const sizes = srcSet && rect && hasWindow() ? `${Math.round(Math.min(estimateActualWidth(), rect.width))}px` : undefined;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("img", { ref: setImageRef, onLoad: handleOnLoad, onError: onError, onClick: onClick, className: clsx(cssClass(slideImagePrefix()), cover && cssClass(slideImagePrefix("cover")), status !== SLIDE_STATUS_COMPLETE && cssClass(slideImagePrefix("loading"))), draggable: false, alt: image.alt, style: { ...defaultStyle, ...style }, sizes: sizes, srcSet: srcSet, src: image.src }),
-        status !== SLIDE_STATUS_COMPLETE && (React.createElement("div", { className: cssClass(slidePrefix(SLIDE_STATUS_PLACEHOLDER)) },
-            status === SLIDE_STATUS_LOADING &&
-                ((render === null || render === void 0 ? void 0 : render.iconLoading) ? (render.iconLoading()) : (React.createElement(LoadingIcon, { className: clsx(cssClass(ELEMENT_ICON), cssClass(slidePrefix(SLIDE_STATUS_LOADING))) }))),
-            status === SLIDE_STATUS_ERROR &&
-                ((render === null || render === void 0 ? void 0 : render.iconError) ? (render.iconError()) : (React.createElement(ErrorIcon, { className: clsx(cssClass(ELEMENT_ICON), cssClass(slidePrefix(SLIDE_STATUS_ERROR))) })))))));
-}

package/dist/core/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./IconButton.js";
-export * from "./Icons.js";
-export * from "./ImageSlide.js";

package/dist/core/components/index.js

@@ -1,3 +0,0 @@
-export * from "./IconButton.js";
-export * from "./Icons.js";
-export * from "./ImageSlide.js";

package/dist/core/config.d.ts

@@ -1,7 +0,0 @@
-import { Augmentation, Component, Module, Node, Plugin } from "../types.js";
-export declare function createModule(name: string, component: Component): Module;
-export declare function createNode(module: Module, children?: Node[]): Node;
-export declare function withPlugins(root: Node[], plugins?: Plugin[], augmentations?: Augmentation[]): {
-    config: Node[];
-    augmentation: Augmentation;
-};

package/dist/core/config.js

@@ -1,93 +0,0 @@
-import { MODULE_CONTROLLER } from "./consts.js";
-export function createModule(name, component) {
-    return { name, component };
-}
-export function createNode(module, children) {
-    return { module, children };
-}
-function traverseNode(node, target, apply) {
-    if (node.module.name === target) {
-        return apply(node);
-    }
-    if (node.children) {
-        return [
-            createNode(node.module, node.children.flatMap((n) => { var _a; return (_a = traverseNode(n, target, apply)) !== null && _a !== void 0 ? _a : []; })),
-        ];
-    }
-    return [node];
-}
-function traverse(nodes, target, apply) {
-    return nodes.flatMap((node) => { var _a; return (_a = traverseNode(node, target, apply)) !== null && _a !== void 0 ? _a : []; });
-}
-export function withPlugins(root, plugins = [], augmentations = []) {
-    let config = root;
-    const contains = (target) => {
-        const nodes = [...config];
-        while (nodes.length > 0) {
-            const node = nodes.pop();
-            if ((node === null || node === void 0 ? void 0 : node.module.name) === target)
-                return true;
-            if (node === null || node === void 0 ? void 0 : node.children)
-                nodes.push(...node.children);
-        }
-        return false;
-    };
-    const addParent = (target, module) => {
-        if (target === "") {
-            config = [createNode(module, config)];
-            return;
-        }
-        config = traverse(config, target, (node) => [createNode(module, [node])]);
-    };
-    const append = (target, module) => {
-        config = traverse(config, target, (node) => [createNode(node.module, [createNode(module, node.children)])]);
-    };
-    const addChild = (target, module, precede) => {
-        config = traverse(config, target, (node) => {
-            var _a;
-            return [
-                createNode(node.module, [
-                    ...(precede ? [createNode(module)] : []),
-                    ...((_a = node.children) !== null && _a !== void 0 ? _a : []),
-                    ...(!precede ? [createNode(module)] : []),
-                ]),
-            ];
-        });
-    };
-    const addSibling = (target, module, precede) => {
-        config = traverse(config, target, (node) => [
-            ...(precede ? [createNode(module)] : []),
-            node,
-            ...(!precede ? [createNode(module)] : []),
-        ]);
-    };
-    const addModule = (module) => {
-        append(MODULE_CONTROLLER, module);
-    };
-    const replace = (target, module) => {
-        config = traverse(config, target, (node) => [createNode(module, node.children)]);
-    };
-    const remove = (target) => {
-        config = traverse(config, target, (node) => node.children);
-    };
-    const augment = (augmentation) => {
-        augmentations.push(augmentation);
-    };
-    plugins.forEach((plugin) => {
-        plugin({
-            contains,
-            addParent,
-            append,
-            addChild,
-            addSibling,
-            addModule,
-            replace,
-            remove,
-            augment,
-        });
-    });
-    return {
-        config,
-        augmentation: (props) => augmentations.reduce((acc, augmentation) => augmentation(acc), props),
-    };
-}

package/dist/core/consts.d.ts

@@ -1,50 +0,0 @@
-export declare const MODULE_CAROUSEL = "carousel";
-export declare const MODULE_CONTROLLER = "controller";
-export declare const MODULE_NAVIGATION = "navigation";
-export declare const MODULE_NO_SCROLL = "no-scroll";
-export declare const MODULE_PORTAL = "portal";
-export declare const MODULE_ROOT = "root";
-export declare const MODULE_TOOLBAR = "toolbar";
-export declare const PLUGIN_CAPTIONS = "captions";
-export declare const PLUGIN_COUNTER = "counter";
-export declare const PLUGIN_DOWNLOAD = "download";
-export declare const PLUGIN_FULLSCREEN = "fullscreen";
-export declare const PLUGIN_INLINE = "inline";
-export declare const PLUGIN_SLIDESHOW = "slideshow";
-export declare const PLUGIN_THUMBNAILS = "thumbnails";
-export declare const PLUGIN_ZOOM = "zoom";
-export declare const SLIDE_STATUS_LOADING = "loading";
-export declare const SLIDE_STATUS_PLAYING = "playing";
-export declare const SLIDE_STATUS_ERROR = "error";
-export declare const SLIDE_STATUS_COMPLETE = "complete";
-export declare const SLIDE_STATUS_PLACEHOLDER = "placeholder";
-export type SlideStatus = typeof SLIDE_STATUS_LOADING | typeof SLIDE_STATUS_PLAYING | typeof SLIDE_STATUS_ERROR | typeof SLIDE_STATUS_COMPLETE;
-export declare const activeSlideStatus: (status: SlideStatus) => `active-slide-${SlideStatus}`;
-export declare const ACTIVE_SLIDE_LOADING: "active-slide-loading";
-export declare const ACTIVE_SLIDE_PLAYING: "active-slide-playing";
-export declare const ACTIVE_SLIDE_ERROR: "active-slide-error";
-export declare const ACTIVE_SLIDE_COMPLETE: "active-slide-complete";
-export declare const CLASS_FULLSIZE = "fullsize";
-export declare const CLASS_FLEX_CENTER = "flex_center";
-export declare const CLASS_NO_SCROLL = "no_scroll";
-export declare const CLASS_NO_SCROLL_PADDING = "no_scroll_padding";
-export declare const ACTION_PREV = "prev";
-export declare const ACTION_NEXT = "next";
-export declare const ACTION_SWIPE = "swipe";
-export declare const ACTION_CLOSE = "close";
-export declare const EVENT_ON_POINTER_DOWN = "onPointerDown";
-export declare const EVENT_ON_POINTER_MOVE = "onPointerMove";
-export declare const EVENT_ON_POINTER_UP = "onPointerUp";
-export declare const EVENT_ON_POINTER_LEAVE = "onPointerLeave";
-export declare const EVENT_ON_POINTER_CANCEL = "onPointerCancel";
-export declare const EVENT_ON_KEY_DOWN = "onKeyDown";
-export declare const EVENT_ON_KEY_UP = "onKeyUp";
-export declare const EVENT_ON_WHEEL = "onWheel";
-export declare const VK_ESCAPE = "Escape";
-export declare const VK_ARROW_LEFT = "ArrowLeft";
-export declare const VK_ARROW_RIGHT = "ArrowRight";
-export declare const ELEMENT_BUTTON = "button";
-export declare const ELEMENT_ICON = "icon";
-export declare const IMAGE_FIT_CONTAIN = "contain";
-export declare const IMAGE_FIT_COVER = "cover";
-export declare const UNKNOWN_ACTION_TYPE = "Unknown action type";

package/dist/core/consts.js

@@ -1,49 +0,0 @@
-export const MODULE_CAROUSEL = "carousel";
-export const MODULE_CONTROLLER = "controller";
-export const MODULE_NAVIGATION = "navigation";
-export const MODULE_NO_SCROLL = "no-scroll";
-export const MODULE_PORTAL = "portal";
-export const MODULE_ROOT = "root";
-export const MODULE_TOOLBAR = "toolbar";
-export const PLUGIN_CAPTIONS = "captions";
-export const PLUGIN_COUNTER = "counter";
-export const PLUGIN_DOWNLOAD = "download";
-export const PLUGIN_FULLSCREEN = "fullscreen";
-export const PLUGIN_INLINE = "inline";
-export const PLUGIN_SLIDESHOW = "slideshow";
-export const PLUGIN_THUMBNAILS = "thumbnails";
-export const PLUGIN_ZOOM = "zoom";
-export const SLIDE_STATUS_LOADING = "loading";
-export const SLIDE_STATUS_PLAYING = "playing";
-export const SLIDE_STATUS_ERROR = "error";
-export const SLIDE_STATUS_COMPLETE = "complete";
-export const SLIDE_STATUS_PLACEHOLDER = "placeholder";
-export const activeSlideStatus = (status) => `active-slide-${status}`;
-export const ACTIVE_SLIDE_LOADING = activeSlideStatus(SLIDE_STATUS_LOADING);
-export const ACTIVE_SLIDE_PLAYING = activeSlideStatus(SLIDE_STATUS_PLAYING);
-export const ACTIVE_SLIDE_ERROR = activeSlideStatus(SLIDE_STATUS_ERROR);
-export const ACTIVE_SLIDE_COMPLETE = activeSlideStatus(SLIDE_STATUS_COMPLETE);
-export const CLASS_FULLSIZE = "fullsize";
-export const CLASS_FLEX_CENTER = "flex_center";
-export const CLASS_NO_SCROLL = "no_scroll";
-export const CLASS_NO_SCROLL_PADDING = "no_scroll_padding";
-export const ACTION_PREV = "prev";
-export const ACTION_NEXT = "next";
-export const ACTION_SWIPE = "swipe";
-export const ACTION_CLOSE = "close";
-export const EVENT_ON_POINTER_DOWN = "onPointerDown";
-export const EVENT_ON_POINTER_MOVE = "onPointerMove";
-export const EVENT_ON_POINTER_UP = "onPointerUp";
-export const EVENT_ON_POINTER_LEAVE = "onPointerLeave";
-export const EVENT_ON_POINTER_CANCEL = "onPointerCancel";
-export const EVENT_ON_KEY_DOWN = "onKeyDown";
-export const EVENT_ON_KEY_UP = "onKeyUp";
-export const EVENT_ON_WHEEL = "onWheel";
-export const VK_ESCAPE = "Escape";
-export const VK_ARROW_LEFT = "ArrowLeft";
-export const VK_ARROW_RIGHT = "ArrowRight";
-export const ELEMENT_BUTTON = "button";
-export const ELEMENT_ICON = "icon";
-export const IMAGE_FIT_CONTAIN = "contain";
-export const IMAGE_FIT_COVER = "cover";
-export const UNKNOWN_ACTION_TYPE = "Unknown action type";

package/dist/core/contexts/Events.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-export interface EventTypes {
-}
-export type Topic = keyof EventTypes;
-export type Event<T extends Topic> = EventTypes[T];
-export type Callback<T extends Topic> = (...args: Event<T> extends void ? [] : [event: Event<T>]) => void;
-export type Subscribe = <T extends Topic>(topic: T, callback: Callback<T>) => () => void;
-export type Unsubscribe = <T extends Topic>(topic: T, callback: Callback<T>) => void;
-export type Publish = <T extends Topic>(...args: Event<T> extends void ? [topic: T] : [topic: T, event: Event<T>]) => void;
-export type EventsContextType = {
-    subscribe: Subscribe;
-    unsubscribe: Unsubscribe;
-    publish: Publish;
-};
-export declare const EventsContext: React.Context<EventsContextType | null>;
-export declare const useEvents: () => EventsContextType;
-export declare function EventsProvider({ children }: React.PropsWithChildren): JSX.Element;

package/dist/core/contexts/Events.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { makeUseContext } from "../utils.js";
-export const EventsContext = React.createContext(null);
-export const useEvents = makeUseContext("useEvents", "EventsContext", EventsContext);
-export function EventsProvider({ children }) {
-    const [subscriptions] = React.useState({});
-    React.useEffect(() => () => {
-        Object.keys(subscriptions).forEach((topic) => delete subscriptions[topic]);
-    }, [subscriptions]);
-    const context = React.useMemo(() => {
-        const unsubscribe = (topic, callback) => {
-            var _a;
-            (_a = subscriptions[topic]) === null || _a === void 0 ? void 0 : _a.splice(0, subscriptions[topic].length, ...subscriptions[topic].filter((cb) => cb !== callback));
-        };
-        const subscribe = (topic, callback) => {
-            if (!subscriptions[topic]) {
-                subscriptions[topic] = [];
-            }
-            subscriptions[topic].push(callback);
-            return () => unsubscribe(topic, callback);
-        };
-        const publish = (...[topic, event]) => {
-            var _a;
-            (_a = subscriptions[topic]) === null || _a === void 0 ? void 0 : _a.forEach((callback) => callback(event));
-        };
-        return { publish, subscribe, unsubscribe };
-    }, [subscriptions]);
-    return React.createElement(EventsContext.Provider, { value: context }, children);
-}

package/dist/core/contexts/LightboxProps.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { ComponentProps } from "../../types.js";
-export type LightboxPropsContextType = Omit<ComponentProps, "children">;
-export declare const LightboxPropsContext: React.Context<LightboxPropsContextType | null>;
-export declare const useLightboxProps: () => LightboxPropsContextType;
-export declare function LightboxPropsProvider({ children, ...props }: ComponentProps): JSX.Element;

package/dist/core/contexts/LightboxProps.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { makeUseContext } from "../utils.js";
-export const LightboxPropsContext = React.createContext(null);
-export const useLightboxProps = makeUseContext("useLightboxProps", "LightboxPropsContext", LightboxPropsContext);
-export function LightboxPropsProvider({ children, ...props }) {
-    return React.createElement(LightboxPropsContext.Provider, { value: props }, children);
-}

package/dist/core/contexts/LightboxState.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { LightboxProps, LightboxState, Slide } from "../../types.js";
-export type LightboxStateSwipeAction = {
-    type: "swipe";
-    increment: number;
-    duration?: number;
-    easing?: string;
-};
-export type LightboxStateUpdateAction = {
-    type: "update";
-    slides: Slide[];
-    index: number;
-};
-export type LightboxStateAction = LightboxStateSwipeAction | LightboxStateUpdateAction;
-export type LightboxStateContextType = LightboxState & {
-    /** @deprecated - use `useLightboxState` props directly */
-    state: LightboxState;
-    /** @deprecated - use `useLightboxDispatch` instead */
-    dispatch: React.Dispatch<LightboxStateAction>;
-};
-export declare const LightboxStateContext: React.Context<LightboxStateContextType | null>;
-export declare const useLightboxState: () => NonNullable<LightboxStateContextType>;
-export type LightboxDispatchContextType = React.Dispatch<LightboxStateAction>;
-export declare const LightboxDispatchContext: React.Context<LightboxDispatchContextType | null>;
-export declare const useLightboxDispatch: () => LightboxDispatchContextType;
-export type LightboxStateProviderProps = React.PropsWithChildren<Pick<LightboxProps, "slides" | "index">>;
-export declare function LightboxStateProvider({ slides, index, children }: LightboxStateProviderProps): JSX.Element;