yet-another-react-lightbox 1.0.0 → 1.0.1

package/dist/Lightbox.js

@@ -1,7 +1,10 @@
 import * as React from "react";
 import { LightboxDefaultProps, LightboxPropTypes } from "./types.js";
 import { CarouselModule, ControllerModule, CoreModule, createNode, NavigationModule, NoScrollModule, PortalModule, ToolbarModule, withPlugins, } from "./core/index.js";
-const renderNode = (node, props) => React.createElement(node.module.component, { key: node.module.name, ...props }, node.children?.map((child) => renderNode(child, props)));
+const 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)));
+};
 const LightboxComponent = (props) => {
     const { plugins } = props;
     const { config, augmentation } = withPlugins([

package/dist/core/components/ImageSlide.js

@@ -4,6 +4,7 @@ import { useLatest } from "../hooks/index.js";
 import { ErrorIcon, LoadingIcon } from "./Icons.js";
 import { useController } from "../modules/Controller.js";
 export const ImageSlide = ({ slide: image }) => {
+    var _a, _b, _c;
     const [state, setState] = React.useState("loading");
     const latestState = useLatest(state);
     const imageRef = React.useRef(null);
@@ -23,7 +24,7 @@ export const ImageSlide = ({ slide: image }) => {
     }, [latestState]);
     const setImageRef = React.useCallback((img) => {
         imageRef.current = img;
-        if (img?.complete) {
+        if (img === null || img === void 0 ? void 0 : img.complete) {
             handleLoading(img);
         }
     }, [handleLoading]);
@@ -48,9 +49,9 @@ export const ImageSlide = ({ slide: image }) => {
                     },
                 }
                 : {
-                    style: (imageRef.current?.naturalWidth ?? 0) > 0
+                    style: ((_b = (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.naturalWidth) !== null && _b !== void 0 ? _b : 0) > 0
                         ? {
-                            maxWidth: `${imageRef.current?.naturalWidth}px`,
+                            maxWidth: `${(_c = imageRef.current) === null || _c === void 0 ? void 0 : _c.naturalWidth}px`,
                         }
                         : undefined,
                 }), src: image.src }),

package/dist/core/config.js

@@ -12,12 +12,12 @@ const traverseNode = (node, target, apply) => {
     }
     if (node.children) {
         return [
-            createNode(node.module, node.children.flatMap((n) => traverseNode(n, target, apply) ?? [])),
+            createNode(node.module, node.children.flatMap((n) => { var _a; return (_a = traverseNode(n, target, apply)) !== null && _a !== void 0 ? _a : []; })),
         ];
     }
     return [node];
 };
-const traverse = (nodes, target, apply) => nodes.flatMap((node) => traverseNode(node, target, apply) ?? []);
+const traverse = (nodes, target, apply) => nodes.flatMap((node) => { var _a; return (_a = traverseNode(node, target, apply)) !== null && _a !== void 0 ? _a : []; });
 export const withPlugins = (root, plugins) => {
     let config = root;
     const augmentations = [];
@@ -29,13 +29,16 @@ export const withPlugins = (root, plugins) => {
         config = traverse(config, target, (node) => [createNode(module, [node])]);
     };
     const addChild = (target, module, precede) => {
-        config = traverse(config, target, (node) => [
-            createNode(node.module, [
-                ...(precede ? [createNode(module)] : []),
-                ...(node.children ?? []),
-                ...(!precede ? [createNode(module)] : []),
-            ]),
-        ]);
+        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) => [
@@ -53,7 +56,7 @@ export const withPlugins = (root, plugins) => {
     const augment = (augmentation) => {
         augmentations.push(augmentation);
     };
-    plugins?.forEach((plugin) => {
+    plugins === null || plugins === void 0 ? void 0 : plugins.forEach((plugin) => {
         plugin({
             addParent,
             addChild,

package/dist/core/contexts/Events.js

@@ -17,7 +17,8 @@ export const EventsProvider = ({ children }) => {
         return () => unsubscribe(topic, callback);
     };
     const publish = (topic, event) => {
-        subscriptions.current[topic]?.forEach((callback) => callback(topic, event));
+        var _a;
+        (_a = subscriptions.current[topic]) === null || _a === void 0 ? void 0 : _a.forEach((callback) => callback(topic, event));
     };
     React.useEffect(() => () => {
         subscriptions.current = {};

package/dist/core/hooks/useContainerRect.js

@@ -10,8 +10,8 @@ export const useContainerRect = () => {
             observerRef.current = undefined;
         }
         const updateContainerRect = () => {
-            const width = node?.clientWidth;
-            const height = node?.clientHeight;
+            const width = node === null || node === void 0 ? void 0 : node.clientWidth;
+            const height = node === null || node === void 0 ? void 0 : node.clientHeight;
             setContainerRect(width !== undefined && height !== undefined
                 ? {
                     width,

package/dist/core/hooks/useSensors.js

@@ -3,7 +3,8 @@ export const useSensors = () => {
     const [subscribers] = React.useState({});
     return React.useMemo(() => {
         const notifySubscribers = (type, event) => {
-            subscribers[type]?.forEach((listener) => listener(event));
+            var _a;
+            (_a = subscribers[type]) === null || _a === void 0 ? void 0 : _a.forEach((listener) => listener(event));
         };
         return {
             registerSensors: {
@@ -21,10 +22,11 @@ export const useSensors = () => {
                 onWheel: (event) => notifySubscribers("onWheel", event),
             },
             subscribeSensors: (type, callback) => {
+                var _a;
                 if (!subscribers[type]) {
                     subscribers[type] = [];
                 }
-                subscribers[type]?.push(callback);
+                (_a = subscribers[type]) === null || _a === void 0 ? void 0 : _a.push(callback);
                 return () => {
                     const listeners = subscribers[type];
                     if (listeners) {

package/dist/core/modules/Carousel.js

@@ -9,7 +9,7 @@ export const Carousel = (props) => {
     const { slides, carousel: { finite, preload, padding, spacing }, render: { slide: renderSlide }, } = props;
     const { currentIndex, globalIndex } = useController();
     const items = [];
-    if (slides?.length > 0) {
+    if ((slides === null || slides === void 0 ? void 0 : slides.length) > 0) {
         for (let i = currentIndex - preload; i < currentIndex; i += 1) {
             if (!finite || i >= 0) {
                 items.push(React.createElement(CarouselSlide, { key: globalIndex + i - currentIndex, slide: slides[(i + preload * slides.length) % slides.length], offset: i - currentIndex, renderSlide: renderSlide }));

package/dist/core/modules/Controller.js

@@ -41,18 +41,20 @@ export const Controller = ({ children, ...props }) => {
         };
     }, [containerRef]);
     React.useEffect(() => {
-        containerRef.current?.focus();
+        var _a;
+        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [containerRef]);
     React.useEffect(() => subscribe("close", () => {
         setTimeout(refs.current.props.close, refs.current.props.animation.fade);
     }), [subscribe, setTimeout]);
     const updateSwipeOffset = React.useCallback(() => {
+        var _a, _b;
         const offsetVar = cssVar("swipe_offset");
         if (refs.current.swipeOffset !== 0) {
-            containerRef.current?.style.setProperty(offsetVar, `${Math.round(refs.current.swipeOffset)}px`);
+            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty(offsetVar, `${Math.round(refs.current.swipeOffset)}px`);
         }
         else {
-            containerRef.current?.style.removeProperty(offsetVar);
+            (_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.style.removeProperty(offsetVar);
         }
     }, [containerRef]);
     useEnhancedEffect(() => {
@@ -77,6 +79,7 @@ export const Controller = ({ children, ...props }) => {
             ((offset > 0 && currentIndex === 0) || (offset < 0 && currentIndex === slides.length - 1)));
     }, []);
     const swipe = React.useCallback((direction) => {
+        var _a;
         const { current } = refs;
         const slidesCount = current.props.slides.length;
         const swipeAnimationDuration = current.props.animation.swipe;
@@ -85,7 +88,7 @@ export const Controller = ({ children, ...props }) => {
         let newSwipeState = "swipe-animation";
         let newSwipeAnimationDuration = swipeAnimationDuration;
         if (!direction) {
-            const containerWidth = current.containerRect?.width;
+            const containerWidth = (_a = current.containerRect) === null || _a === void 0 ? void 0 : _a.width;
             const elapsedTime = current.swipeStartTime ? Date.now() - current.swipeStartTime : 0;
             const expectedTime = containerWidth
                 ? (swipeAnimationDuration / containerWidth) * Math.abs(swipeOffset)
@@ -194,6 +197,7 @@ export const Controller = ({ children, ...props }) => {
     }, [clearPointer, swipe]);
     React.useEffect(() => cleanup(subscribeSensors("onPointerDown", onPointerDown), subscribeSensors("onPointerMove", onPointerMove), subscribeSensors("onPointerUp", onPointerUp), subscribeSensors("onPointerLeave", onPointerUp), subscribeSensors("onPointerCancel", onPointerUp)), [subscribeSensors, onPointerDown, onPointerMove, onPointerUp]);
     const onWheel = React.useCallback((event) => {
+        var _a;
         if (event.ctrlKey) {
             return;
         }
@@ -223,7 +227,7 @@ export const Controller = ({ children, ...props }) => {
             }
         }
         else if (current.swipeState === "swipe") {
-            const containerWidth = current.containerRect?.width;
+            const containerWidth = (_a = current.containerRect) === null || _a === void 0 ? void 0 : _a.width;
             if (containerWidth) {
                 current.swipeOffset -= event.deltaX;
                 current.swipeOffset =

package/dist/core/modules/Toolbar.js

@@ -5,6 +5,6 @@ import { useEvents } from "../contexts/index.js";
 import { CloseIcon, IconButton } from "../components/index.js";
 export const Toolbar = ({ toolbar: { buttons }, labels }) => {
     const { publish } = useEvents();
-    return (React.createElement("div", { className: cssClass("toolbar") }, buttons?.map((button) => button === "close" ? (React.createElement(IconButton, { key: "close", label: label(labels, "Close"), icon: CloseIcon, onClick: () => publish("close") })) : (button))));
+    return (React.createElement("div", { className: cssClass("toolbar") }, buttons === null || buttons === void 0 ? void 0 : buttons.map((button) => button === "close" ? (React.createElement(IconButton, { key: "close", label: label(labels, "Close"), icon: CloseIcon, onClick: () => publish("close") })) : (button))));
 };
 export const ToolbarModule = createModule("toolbar", Toolbar);

package/dist/plugins/Fullscreen.js

@@ -6,16 +6,13 @@ export const FullscreenButton = ({ auto, labels }) => {
     const [fullscreen, setFullscreen] = React.useState(false);
     const { containerRef } = useController();
     const isFullscreenEnabled = () => {
-        return (document.fullscreenEnabled ??
-            document.webkitFullscreenEnabled ??
-            document.mozFullScreenEnabled ??
-            document.msFullscreenEnabled ??
-            false);
+        var _a, _b, _c, _d;
+        return ((_d = (_c = (_b = (_a = document.fullscreenEnabled) !== null && _a !== void 0 ? _a : document.webkitFullscreenEnabled) !== null && _b !== void 0 ? _b : document.mozFullScreenEnabled) !== null && _c !== void 0 ? _c : document.msFullscreenEnabled) !== null && _d !== void 0 ? _d : false);
     };
-    const getFullscreenElement = React.useCallback(() => document.fullscreenElement ??
-        document.webkitFullscreenElement ??
-        document.mozFullScreenElement ??
-        document.msFullscreenElement, []);
+    const getFullscreenElement = React.useCallback(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = document.fullscreenElement) !== null && _a !== void 0 ? _a : document.webkitFullscreenElement) !== null && _b !== void 0 ? _b : document.mozFullScreenElement) !== null && _c !== void 0 ? _c : document.msFullscreenElement;
+    }, []);
     const requestFullscreen = React.useCallback(() => {
         const container = containerRef.current;
         if (container) {

package/package.json

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