yet-another-react-lightbox 3.30.0 → 3.30.1

package/dist/index.d.ts

@@ -87,7 +87,7 @@ declare function useEventCallback<Args extends unknown[], Return>(fn: (...args:
 declare function setRef<T>(ref: React.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
 declare function useForkRef<InstanceA, InstanceB>(refA: React.Ref<InstanceA> | null | undefined, refB: React.Ref<InstanceB> | null | undefined): React.Ref<InstanceA & InstanceB> | null;
 
-declare const useLayoutEffect: typeof React.useLayoutEffect;
+declare const useLayoutEffect: typeof React.useEffect;
 
 declare function useLoseFocus(focus: () => void, disabled?: boolean): {
     onFocus: () => void;

package/dist/index.js

@@ -739,14 +739,18 @@ const LightboxRoot = React.forwardRef(function LightboxRoot({ className, childre
     const nodeRef = React.useRef(null);
     const [isRTL, setIsRTL] = React.useState(false);
     const { trackFocusWithin } = useA11yContext();
-    const detectRTL = React.useCallback((node) => {
-        if (node) {
-            setIsRTL(window.getComputedStyle(node).direction === "rtl");
+    const detectRTL = useEventCallback(() => {
+        if (nodeRef.current) {
+            const rtl = window.getComputedStyle(nodeRef.current).direction === "rtl";
+            if (rtl !== isRTL) {
+                setIsRTL(rtl);
+            }
         }
-    }, []);
+    });
+    React.useEffect(detectRTL);
     return (React.createElement(DocumentContextProvider, { nodeRef: nodeRef },
         React.createElement(RTLContextProvider, { isRTL: isRTL },
-            React.createElement("div", { ref: useForkRef(useForkRef(ref, nodeRef), detectRTL), className: clsx(cssClass("root"), className), ...trackFocusWithin(onFocus, onBlur), ...rest }, children))));
+            React.createElement("div", { ref: useForkRef(ref, nodeRef), className: clsx(cssClass("root"), className), ...trackFocusWithin(onFocus, onBlur), ...rest }, children))));
 });
 
 var SwipeState;

package/package.json

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