@prose-reader/react-reader 1.230.0 → 1.231.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as c, Fragment as oe } from "react/jsx-runtime";
 import * as z from "react";
-import ze, { createContext as Ee, memo as g, useMemo as ce, useEffect as W, useContext as Be, useState as k, useLayoutEffect as Me, useCallback as N } from "react";
+import ze, { createContext as Ee, memo as g, useMemo as ce, useEffect as j, useContext as Be, useState as k, useLayoutEffect as Me, useCallback as N } from "react";
 import { signal as de, useSignalState as Ce, useConstant as Le, useLiveRef as $e, useSubscribe as E, useObserve as v, isDefined as Ie, useSignalValue as _e } from "reactjrx";
-import { Subject as he, tap as ue, map as L, filter as ee, switchMap as F, of as Ne, withLatestFrom as Fe, NEVER as re, startWith as ye, distinctUntilChanged as Se, throttleTime as He, first as Te, combineLatest as je, EMPTY as We, finalize as ke, mergeMap as Ge, skip as we, merge as Ve, timer as Ye } from "rxjs";
+import { Subject as he, tap as ue, map as L, filter as ee, switchMap as F, of as Ne, withLatestFrom as Fe, NEVER as re, startWith as ye, distinctUntilChanged as Se, throttleTime as He, first as Te, combineLatest as We, EMPTY as je, finalize as ke, mergeMap as Ge, skip as we, merge as Ve, timer as Ye } from "rxjs";
 import { IconButton as I, Portal as ge, Dialog as S, List as w, Link as pe, Stack as R, Text as f, Tabs as O, Button as G, Presence as te, Box as P, createToaster as Ue, Toaster as qe, Toast as B, Spinner as Qe, Heading as le, HStack as D, Kbd as xe, Popover as M, Progress as H, chakra as Ke, Collapsible as se, Input as Ze } from "@chakra-ui/react";
 import { LuX as Xe, LuNotebookPen as ne, LuBookmark as Je, LuArrowBigRight as et, LuArrowBigLeft as tt, LuChevronDown as nt, LuCircleHelp as ot, LuTableOfContents as rt, LuSearch as it, LuGalleryHorizontal as st, LuCircleCheck as ve } from "react-icons/lu";
 import { createPortal as lt } from "react-dom";
@@ -41,7 +41,7 @@ const Pe = Ee({
       }),
       [i, n, s]
     );
-    return W(() => {
+    return j(() => {
       i.setValue(o);
     }, [o, i]), E(
       () => i.pipe(ue(d.current)),
@@ -82,8 +82,8 @@ S.Trigger;
 const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
   const { reader: e } = J();
   return e;
-}, Re = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, j = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Ae = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, kt = (e) => {
-  const n = p(), o = j(n) ? n : void 0;
+}, Re = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, W = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Ae = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, kt = (e) => {
+  const n = p(), o = W(n) ? n : void 0;
   return { data: v(
     () => o == null ? void 0 : o.annotations.annotations$.pipe(
       L((i) => i.find((s) => s.id === e)),
@@ -123,7 +123,7 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
     }
   ) });
 }, ie = () => {
-  const e = p(), n = j(e) ? e : void 0;
+  const e = p(), n = W(e) ? e : void 0;
   return { data: v(
     () => n == null ? void 0 : n.annotations.annotations$.pipe(
       F(
@@ -310,10 +310,10 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
   ) });
 }), $t = () => {
   const e = p();
-  return j(e) ? e : void 0;
+  return W(e) ? e : void 0;
 }, _t = () => {
   const e = $t(), { data: n } = ie();
-  W(() => e ? e.gestures.hooks.register(
+  j(() => e ? e.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: r }) => r.pipe(
       Fe(e == null ? void 0 : e.annotations.candidates$),
@@ -398,7 +398,7 @@ function Ht() {
       };
   }, [e, i]), [n, o, e];
 }
-const jt = (e, n, o) => {
+const Wt = (e, n, o) => {
   const r = p(), i = Ae(r) ? r : void 0;
   E(() => {
     if (!i || !e) return re;
@@ -425,14 +425,14 @@ const jt = (e, n, o) => {
       ))
     );
   }, [i, n, o, e]);
-}, Wt = g(
+}, jt = g(
   ({
     item: e,
     onNavigated: n
   }) => {
     var l;
     const [o, r, i] = Ht(), s = p();
-    jt(i, e, r);
+    Wt(i, e, r);
     const d = v(
       () => s == null ? void 0 : s.locateResource(e, { mode: "shallow" }),
       [s, e]
@@ -513,7 +513,7 @@ const jt = (e, n, o) => {
               pt: 2,
               "data-grid": !0,
               children: r == null ? void 0 : r.map((i) => /* @__PURE__ */ t(
-                Wt,
+                jt,
                 {
                   item: i,
                   onNavigated: () => {
@@ -530,7 +530,7 @@ const jt = (e, n, o) => {
       }
     );
   }
-), Vt = "@prose-reader/react-reader", Yt = "1.229.0", Ut = g(
+), Vt = "@prose-reader/react-reader", Yt = "1.230.0", Ut = g(
   ({
     open: e,
     setOpen: n
@@ -572,7 +572,7 @@ const jt = (e, n, o) => {
 ), $ = () => {
   const e = p();
   return v(
-    () => e ? je([e.pagination.state$, e.context.state$]).pipe(
+    () => e ? We([e.pagination.state$, e.context.state$]).pipe(
       L(([n, o]) => {
         var i;
         const r = (i = o.manifest) == null ? void 0 : i.spineItems.every(
@@ -599,7 +599,7 @@ const jt = (e, n, o) => {
   ] }) });
 }, Qt = () => {
   const [e, n] = k(/* @__PURE__ */ new Date());
-  return W(() => {
+  return j(() => {
     const o = setInterval(() => {
       n(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -646,7 +646,7 @@ const jt = (e, n, o) => {
   E(
     () => e == null ? void 0 : e.zoom.isZooming$.pipe(
       F((o) => {
-        if (!o) return We;
+        if (!o) return je;
         const r = new he();
         return n.next({
           key: "zoom",
@@ -900,7 +900,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
     0,
     n ? Math.floor((r - 1) / 2) : r - 1
   );
-  return W(() => {
+  return j(() => {
     d.update(i || 0);
   }, [i, d]), {
     value: s,
@@ -959,58 +959,67 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
         overflow: "auto",
         pb: 8,
         children: [
-          /* @__PURE__ */ c(D, { flex: 1, alignItems: "center", justifyContent: "center", children: [
-            /* @__PURE__ */ t(
-              I,
-              {
-                "aria-label": "left",
-                size: "lg",
-                variant: "ghost",
-                flexShrink: 0,
-                onClick: () => o == null ? void 0 : o.navigation.goToLeftOrTopSpineItem(),
-                disabled: !(r != null && r.canGoLeftSpineItem) && !(r != null && r.canGoTopSpineItem),
-                children: s ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(mt, {})
-              }
-            ),
-            /* @__PURE__ */ c(
-              R,
-              {
-                flex: 1,
-                maxW: 400,
-                gap: 2,
-                alignItems: "center",
-                overflow: "auto",
-                px: 4,
-                children: [
-                  /* @__PURE__ */ t(an, {}),
-                  /* @__PURE__ */ t(
-                    un,
-                    {
-                      style: {
-                        width: "100%",
-                        maxWidth: "300px",
-                        height: "35px"
-                      }
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ t(
-              I,
-              {
-                "aria-label": "right",
-                size: "lg",
-                flexShrink: 0,
-                variant: "ghost",
-                disabled: !(r != null && r.canGoRightSpineItem) && !(r != null && r.canGoBottomSpineItem),
-                onClick: () => {
-                  o == null || o.navigation.goToRightOrBottomSpineItem();
-                },
-                children: s ? /* @__PURE__ */ t(ft, {}) : /* @__PURE__ */ t(bt, {})
-              }
-            )
-          ] }),
+          /* @__PURE__ */ c(
+            D,
+            {
+              flex: 1,
+              alignItems: "center",
+              justifyContent: "center",
+              maxWidth: "100%",
+              children: [
+                /* @__PURE__ */ t(
+                  I,
+                  {
+                    "aria-label": "left",
+                    size: "lg",
+                    variant: "ghost",
+                    flexShrink: 0,
+                    onClick: () => o == null ? void 0 : o.navigation.goToLeftOrTopSpineItem(),
+                    disabled: !(r != null && r.canGoLeftSpineItem) && !(r != null && r.canGoTopSpineItem),
+                    children: s ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(mt, {})
+                  }
+                ),
+                /* @__PURE__ */ c(
+                  R,
+                  {
+                    flex: 1,
+                    maxW: 400,
+                    gap: 2,
+                    alignItems: "center",
+                    overflow: "auto",
+                    px: 4,
+                    children: [
+                      /* @__PURE__ */ t(an, {}),
+                      /* @__PURE__ */ t(
+                        un,
+                        {
+                          style: {
+                            width: "100%",
+                            maxWidth: "300px",
+                            height: "35px"
+                          }
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  I,
+                  {
+                    "aria-label": "right",
+                    size: "lg",
+                    flexShrink: 0,
+                    variant: "ghost",
+                    disabled: !(r != null && r.canGoRightSpineItem) && !(r != null && r.canGoBottomSpineItem),
+                    onClick: () => {
+                      o == null || o.navigation.goToRightOrBottomSpineItem();
+                    },
+                    children: s ? /* @__PURE__ */ t(ft, {}) : /* @__PURE__ */ t(bt, {})
+                  }
+                )
+              ]
+            }
+          ),
           /* @__PURE__ */ t(D, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
             se.Root,
             {
@@ -1068,7 +1077,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
                       children: /* @__PURE__ */ t(it, {})
                     }
                   ),
-                  j(o) && /* @__PURE__ */ t(
+                  W(o) && /* @__PURE__ */ t(
                     I,
                     {
                       "aria-label": "Bookmarks",
@@ -1078,7 +1087,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
                       children: /* @__PURE__ */ t(ut, {})
                     }
                   ),
-                  j(o) && /* @__PURE__ */ t(
+                  W(o) && /* @__PURE__ */ t(
                     I,
                     {
                       "aria-label": "Annotations",
@@ -1126,7 +1135,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     n(!0);
   }), []);
-  return W(() => {
+  return j(() => {
     function r() {
       n(!!document.fullscreenElement);
     }