@prose-reader/react-reader 1.238.0 → 1.240.0

package/dist/annotations/useReaderWithAnnotations.d.ts

@@ -38,10 +38,10 @@ export declare const useReaderWithAnnotations: () => (Omit<Omit<Omit<Omit<{
         lock(): () => void;
         navigationResolver: {
             getNavigationForUrl: (url: string | URL) => {
-                position: import('@prose-reader/core').DeprecatedViewportPosition;
+                position: import('@prose-reader/core').SpinePosition;
                 spineItemId: string;
             } | undefined;
-            getNavigationForSpineItemPage: (params: Omit<Parameters<getNavigationForSpineItemPage>[0], "context" | "spineItemsManager" | "spineItemNavigationResolver" | "spineLocator">) => import('@prose-reader/core').SpinePosition;
+            getNavigationForSpineItemPage: (params: Omit<Parameters<getNavigationForSpineItemPage>[0], "spineItemsManager" | "spineItemNavigationResolver" | "spineLocator" | "viewport">) => import('@prose-reader/core').SpinePosition;
             getNavigationFromSpineItemPosition: (params: {
                 spineItemPosition: import('@prose-reader/core').SpineItemPosition;
                 spineItem: import('@prose-reader/core').SpineItem;
@@ -89,7 +89,6 @@ export declare const useReaderWithAnnotations: () => (Omit<Omit<Omit<Omit<{
         release: () => void;
     } | undefined>;
     viewport: import('@prose-reader/core').Viewport;
-    element$: import('rxjs').Observable<HTMLElement | undefined>;
     viewportState$: import('rxjs').Observable<"free" | "busy">;
     viewportFree$: import('rxjs').Observable<"free">;
     state$: import('rxjs').Observable<"idle" | "ready">;

package/dist/context/useReader.d.ts

@@ -42,10 +42,10 @@ export declare const useReader: () => (Omit<Omit<Omit<Omit<{
         lock(): () => void;
         navigationResolver: {
             getNavigationForUrl: (url: string | URL) => {
-                position: import('@prose-reader/core').DeprecatedViewportPosition;
+                position: import('@prose-reader/core').SpinePosition;
                 spineItemId: string;
             } | undefined;
-            getNavigationForSpineItemPage: (params: Omit<Parameters<getNavigationForSpineItemPage>[0], "context" | "spineItemsManager" | "spineItemNavigationResolver" | "spineLocator">) => import('@prose-reader/core').SpinePosition;
+            getNavigationForSpineItemPage: (params: Omit<Parameters<getNavigationForSpineItemPage>[0], "spineItemsManager" | "spineItemNavigationResolver" | "spineLocator" | "viewport">) => import('@prose-reader/core').SpinePosition;
             getNavigationFromSpineItemPosition: (params: {
                 spineItemPosition: import('@prose-reader/core').SpineItemPosition;
                 spineItem: import('@prose-reader/core').SpineItem;
@@ -93,7 +93,6 @@ export declare const useReader: () => (Omit<Omit<Omit<Omit<{
         release: () => void;
     } | undefined>;
     viewport: import('@prose-reader/core').Viewport;
-    element$: import('rxjs').Observable<HTMLElement | undefined>;
     viewportState$: import('rxjs').Observable<"free" | "busy">;
     viewportFree$: import('rxjs').Observable<"free">;
     state$: import('rxjs').Observable<"idle" | "ready">;

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as s, Fragment as oe } from "react/jsx-runtime";
 import * as D from "react";
-import Me, { createContext as Le, memo as m, useMemo as ke, useEffect as F, useContext as $e, useState as S, useLayoutEffect as _e, useCallback as N } from "react";
+import Me, { createContext as Le, memo as m, useMemo as ke, useEffect as F, useContext as _e, useState as S, useLayoutEffect as $e, useCallback as N } from "react";
 import { signal as de, useSignalState as Ie, useConstant as Se, useLiveRef as Ne, useSubscribe as E, useObserve as f, isDefined as ye, useSignalValue as He } from "reactjrx";
 import { Subject as he, tap as ue, map as z, filter as J, switchMap as O, EMPTY as le, of as ee, withLatestFrom as We, NEVER as re, startWith as Fe, distinctUntilChanged as ge, throttleTime as je, first as Te, combineLatest as Ve, finalize as we, mergeMap as Ge, skip as Re, merge as Pe, timer as Ae, BehaviorSubject as Ye } from "rxjs";
 import { IconButton as v, Portal as pe, Dialog as I, List as T, Link as me, Stack as k, Text as g, Tabs as A, Button as j, Presence as ne, Box as P, createToaster as Ue, Toaster as qe, Toast as M, Spinner as Qe, Heading as ae, HStack as R, Kbd as ve, Popover as L, Progress as H, chakra as Ke, Collapsible as se, Input as Ze } from "@chakra-ui/react";
@@ -79,7 +79,7 @@ I.Backdrop;
 const K = I.Title;
 I.Description;
 I.Trigger;
-const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
+const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
   const { reader: e } = X();
   return e;
 }, De = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, W = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Ee = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, wn = (e) => {
@@ -247,7 +247,7 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
     [o]
   );
   return { spineItem: o, isReady: i };
-}, Ln = "data-bookmark-area", $n = m(
+}, Ln = "data-bookmark-area", _n = m(
   ({
     absolutePageIndex: e,
     left: t,
@@ -294,11 +294,11 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
       }
     );
   }
-), _n = m(() => {
+), $n = m(() => {
   const e = p(), t = f(() => e?.layoutInfo$, [e]);
   return /* @__PURE__ */ n(zn, { children: t?.pages.map(
     ({ absoluteLayout: { left: o, top: i, width: r } }, a) => /* @__PURE__ */ n(
-      $n,
+      _n,
       {
         absolutePageIndex: a,
         left: o,
@@ -385,7 +385,7 @@ function jn() {
     }),
     []
   );
-  return _e(() => {
+  return $e(() => {
     if (e)
       return r.observe(e), () => {
         r.disconnect();
@@ -517,7 +517,7 @@ const Vn = (e, t, o) => {
       }
     );
   }
-), Un = "@prose-reader/react-reader", qn = "1.237.0", Qn = m(
+), Un = "@prose-reader/react-reader", qn = "1.239.0", Qn = m(
   ({ open: e, setOpen: t }) => /* @__PURE__ */ n(
     Y,
     {
@@ -571,10 +571,10 @@ const Vn = (e, t, o) => {
       ] })
     }
   )
-), $ = () => {
+), _ = () => {
   const e = p();
   return f(
-    () => e ? Ve([e.pagination.state$, e.context.state$]).pipe(
+    () => e ? Ve([e.pagination.state$, e.context]).pipe(
       z(([t, o]) => {
         const i = o.manifest?.spineItems.every(
           (r) => r.mediaType?.startsWith("image/")
@@ -588,7 +588,7 @@ const Vn = (e, t, o) => {
     [e]
   );
 }, Kn = () => {
-  const e = $(), t = Math.floor(
+  const e = _(), t = Math.floor(
     (e?.percentageEstimateOfBook ?? 0) * 100
   ), o = t > 0 ? t : 1;
   return e?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ n(P, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(g, { fontSize: "sm", children: [
@@ -764,7 +764,7 @@ D.forwardRef(function(t, o) {
   ] });
 });
 const st = H.Root, lt = H.ValueText, be = () => {
-  const e = $(), t = e?.numberOfTotalPages === 1, o = (e?.beginNumberOfPagesInSpineItem ?? 0) > 1, i = (e?.endNumberOfPagesInSpineItem ?? 0) > 1, r = (e?.hasChapters ? e?.beginPageIndexInSpineItem : e?.beginAbsolutePageIndex) ?? 0, a = (e?.hasChapters ? e?.endPageIndexInSpineItem : e?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
+  const e = _(), t = e?.numberOfTotalPages === 1, o = (e?.beginNumberOfPagesInSpineItem ?? 0) > 1, i = (e?.endNumberOfPagesInSpineItem ?? 0) > 1, r = (e?.hasChapters ? e?.beginPageIndexInSpineItem : e?.beginAbsolutePageIndex) ?? 0, a = (e?.hasChapters ? e?.endPageIndexInSpineItem : e?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
     r,
     a
   ].sort((b, u) => b - u), h = e?.beginPageIndexInSpineItem !== e?.endPageIndexInSpineItem || e?.beginSpineItemIndex !== e?.endSpineItemIndex, d = e?.hasChapters ? e?.beginNumberOfPagesInSpineItem : e?.numberOfTotalPages;
@@ -780,7 +780,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
     rightPageIndex: c
   };
 }, ct = () => {
-  const e = $(), {
+  const e = _(), {
     hasOnlyOnePage: t,
     leftPageIndex: o,
     rightPageIndex: i,
@@ -890,7 +890,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
     )
   }
 )), ut = () => {
-  const t = $()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = be(), r = t ? Math.floor((o || 0) / 2) : o, [a, l] = Ie(
+  const t = _()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = be(), r = t ? Math.floor((o || 0) / 2) : o, [a, l] = Ie(
     () => de({
       default: r || 0
     })
@@ -907,9 +907,9 @@ const st = H.Root, lt = H.ValueText, be = () => {
     max: h
   };
 }, gt = (e) => {
-  const t = p(), o = $(), { manifest: i } = f(() => t?.context.state$, [t]) ?? {}, r = i?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = be(), h = 1, d = c, { value: b, valueSignal: u, min: x, max: y } = ut(), w = N(
-    (_) => {
-      const [C = 0] = Array.isArray(_) ? _ : [_];
+  const t = p(), o = _(), { manifest: i } = f(() => t?.context, [t]) ?? {}, r = i?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = be(), h = 1, d = c, { value: b, valueSignal: u, min: x, max: y } = ut(), w = N(
+    ($) => {
+      const [C = 0] = Array.isArray($) ? $ : [$];
       u.setValue(C);
       const xe = a ? Math.floor(C) * 2 : Math.floor(C);
       d ? t?.navigation.goToPageOfSpineItem({
@@ -1372,7 +1372,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
   )
 ), St = m(
   ({ onNavigate: e }) => {
-    const t = p(), { manifest: o, assumedRenditionLayout: i } = f(() => t?.context.state$, [t]) ?? {}, { nav: r } = o ?? {}, a = $();
+    const t = p(), { manifest: o, assumedRenditionLayout: i } = f(() => t?.context, [t]) ?? {}, { nav: r } = o ?? {}, a = _();
     r?.toc;
     const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, h = (i === "reflowable" ? c : l) || 0;
     let d = a?.beginChapterInfo;
@@ -1449,7 +1449,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
 }) => {
   const [i, r] = S(!1), [a, l] = S(!1), [c, h] = S(!1), [d, b] = S(void 0), [u, x] = S(!1), [y, w] = fe(), B = N(() => {
     r(!1), l(!1), h(!1), b(void 0), w(!1), x(!1);
-  }, [w]), _ = N(
+  }, [w]), $ = N(
     (C) => {
       C === "annotations" ? b("annotations") : C === "search" ? h(!0) : C === "help" ? l(!0) : C === "toc" ? r(!0) : C === "bookmarks" ? b("bookmarks") : C === "gallery" && x(!0), o?.(C);
     },
@@ -1466,8 +1466,8 @@ const st = H.Root, lt = H.ValueText, be = () => {
       }
     ),
     /* @__PURE__ */ n(Yn, { open: u, setOpen: x }),
-    /* @__PURE__ */ n(bt, { onItemClick: _ }),
-    /* @__PURE__ */ n(_n, {}),
+    /* @__PURE__ */ n(bt, { onItemClick: $ }),
+    /* @__PURE__ */ n($n, {}),
     /* @__PURE__ */ n(Qn, { open: a, setOpen: l }),
     /* @__PURE__ */ n(
       yt,