@bendyline/squisq-react 2.3.0 → 2.3.2

package/dist/{chunk-YQC3AXXU.js → chunk-65POMKHR.js}

@@ -32,6 +32,7 @@ function useModalDialog({
   dialogRef,
   initialFocusRef,
   returnFocusRef,
+  closeOnEscape = true,
   onClose
 }) {
   const onCloseRef = useRef(onClose);
@@ -52,7 +53,7 @@ function useModalDialog({
       if (event.key === "Escape") {
         event.preventDefault();
         event.stopPropagation();
-        onCloseRef.current();
+        if (closeOnEscape) onCloseRef.current();
         return;
       }
       if (event.key !== "Tab") return;
@@ -84,7 +85,7 @@ function useModalDialog({
       }
       if (previousFocus?.isConnected) previousFocus.focus();
     };
-  }, [dialogRef, initialFocusRef, returnFocusRef, rootRef]);
+  }, [closeOnEscape, dialogRef, initialFocusRef, returnFocusRef, rootRef]);
 }
 
 export {

package/dist/{chunk-7FVQ7T3I.js → chunk-KLYYVRHA.js}

@@ -1241,6 +1241,26 @@ function isDevEnvironment() {
   }
 }
 var warnedMissingStyles = false;
+var VISUAL_UPDATE_FALLBACK_MS = 100;
+function waitForVisualUpdate() {
+  return new Promise((resolve) => {
+    let settled = false;
+    let animationFrame = null;
+    const finish = () => {
+      if (settled) return;
+      settled = true;
+      window.clearTimeout(fallback);
+      if (animationFrame !== null) window.cancelAnimationFrame(animationFrame);
+      resolve();
+    };
+    const fallback = window.setTimeout(
+      finish,
+      document.visibilityState === "visible" ? VISUAL_UPDATE_FALLBACK_MS : 0
+    );
+    if (document.visibilityState !== "visible") return;
+    animationFrame = window.requestAnimationFrame(finish);
+  });
+}
 function DocPlayer(props) {
   const { doc, markdown } = props;
   const markdownDoc = useMemo2(
@@ -1504,7 +1524,7 @@ function DocPlayerContent({
     const renderSeekTo = (time) => {
       seekTo(time);
       return new Promise((resolve) => {
-        requestAnimationFrame(() => {
+        void waitForVisualUpdate().then(() => {
           let blockStartTime = 0;
           for (let i = expandedBlocks.length - 1; i >= 0; i--) {
             if (time >= expandedBlocks[i].startTime) {
@@ -1568,7 +1588,7 @@ function DocPlayerContent({
             );
           });
           Promise.all(videoSeekPromises).then(() => {
-            requestAnimationFrame(() => resolve());
+            void waitForVisualUpdate().then(resolve);
           });
         });
       });
@@ -1605,11 +1625,11 @@ function DocPlayerContent({
     };
     const showCover = () => {
       setCoverForced(true);
-      return new Promise((resolve) => requestAnimationFrame(() => resolve()));
+      return waitForVisualUpdate();
     };
     const hideCover = () => {
       setCoverForced(false);
-      return new Promise((resolve) => requestAnimationFrame(() => resolve()));
+      return waitForVisualUpdate();
     };
     const hasCoverBlock = () => !!coverBlock;
     const api = {

package/dist/hooks/index.d.ts

@@ -31,10 +31,12 @@ interface ModalDialogOptions {
     initialFocusRef?: RefObject<HTMLElement | null>;
     /** Explicit opener/owner to restore after unmount (important when a child uses autofocus). */
     returnFocusRef?: RefObject<HTMLElement | null>;
+    /** Whether Escape requests that the dialog close. Defaults to true. */
+    closeOnEscape?: boolean;
     onClose: () => void;
 }
 /** Shared focus, keyboard, background-isolation, and restoration behavior for modal dialogs. */
-declare function useModalDialog({ rootRef, dialogRef, initialFocusRef, returnFocusRef, onClose, }: ModalDialogOptions): void;
+declare function useModalDialog({ rootRef, dialogRef, initialFocusRef, returnFocusRef, closeOnEscape, onClose, }: ModalDialogOptions): void;
 
 /**
  * useMediaSchedule

package/dist/hooks/index.js

@@ -1,6 +1,6 @@
 import {
   useModalDialog
-} from "../chunk-YQC3AXXU.js";
+} from "../chunk-65POMKHR.js";
 import {
   useAudioSync,
   useDocPlayback,

package/dist/index.js

@@ -10,7 +10,7 @@ import {
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime
-} from "./chunk-7FVQ7T3I.js";
+} from "./chunk-KLYYVRHA.js";
 import {
   BlockRenderer,
   CanvasSection,
@@ -34,7 +34,7 @@ import {
 } from "./chunk-XYS7HMP4.js";
 import {
   useModalDialog
-} from "./chunk-YQC3AXXU.js";
+} from "./chunk-65POMKHR.js";
 import {
   useAudioSync,
   useDocPlayback,

package/dist/player/index.js

@@ -10,7 +10,7 @@ import {
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime
-} from "../chunk-7FVQ7T3I.js";
+} from "../chunk-KLYYVRHA.js";
 import {
   BlockRenderer
 } from "../chunk-TQH6RTTV.js";