@papyrus-sdk/ui-react-native 0.2.18-beta.5 → 0.2.18-beta.7

package/dist/index.js

@@ -21024,6 +21024,7 @@ __export(ui_react_native_exports, {
   DocumentActionsSheet: () => DocumentActionsSheet,
   InfoSheet: () => InfoSheet,
   MOBILE_CHROME_METRICS: () => MOBILE_CHROME_METRICS,
+  NativePdfDocumentViewer: () => DedicatedAndroidPdfViewer,
   OverflowSheet: () => OverflowSheet,
   PageRenderer: () => PageRenderer_default,
   ProgressPill: () => ProgressPill,
@@ -23949,12 +23950,14 @@ function DedicatedAndroidPdfViewer({
   const searchResults = (0, import_core3.useViewerStore)((state) => state.searchResults);
   const annotations = (0, import_core3.useViewerStore)((state) => state.annotations);
   const viewMode = (0, import_core3.useViewerStore)((state) => state.viewMode);
+  const nativeViewMode = viewMode === "single" ? "single" : "continuous";
   const setDocumentState = (0, import_core3.useViewerStore)((state) => state.setDocumentState);
   const addAnnotation = (0, import_core3.useViewerStore)((state) => state.addAnnotation);
   const setSelectedAnnotation = (0, import_core3.useViewerStore)((state) => state.setSelectedAnnotation);
   const engineId = getDedicatedAndroidPdfEngineId(engine);
   const [selection, setSelection] = (0, import_react3.useState)(null);
   const selectionRef = (0, import_react3.useRef)(null);
+  const lastVisiblePagesKeyRef = (0, import_react3.useRef)("");
   const lastScrollOffsetYRef = (0, import_react3.useRef)(0);
   const scrollDownAccumRef = (0, import_react3.useRef)(0);
   const scrollUpAccumRef = (0, import_react3.useRef)(0);
@@ -24043,7 +24046,7 @@ function DedicatedAndroidPdfViewer({
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native3.View, { style: styles3.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_engine_native2.PapyrusPdfViewerView,
+      import_engine_native2.PapyrusPdfDocumentView,
       {
         style: styles3.viewer,
         engineId,
@@ -24057,13 +24060,30 @@ function DedicatedAndroidPdfViewer({
         searchResults,
         annotations,
         selectionActive: !!selection,
-        viewMode,
-        onPageChanged: (event) => {
+        viewMode: nativeViewMode,
+        onPageChange: (event) => {
           setDocumentState({ currentPage: event.nativeEvent.page });
         },
-        onZoomChanged: (event) => {
+        onZoomChange: (event) => {
           setDocumentState({ zoom: event.nativeEvent.zoom });
         },
+        onVisiblePagesChange: (event) => {
+          const pages = event.nativeEvent.pages ?? [];
+          const stablePages = pages.filter(
+            (page) => page.visibleRatio >= 0.03
+          );
+          if (stablePages.length === 0) {
+            return;
+          }
+          const key = stablePages.map(
+            (page) => `${page.pageIndex}:${Math.round(page.visibleRatio * 100)}`
+          ).join("|");
+          if (key === lastVisiblePagesKeyRef.current) {
+            return;
+          }
+          lastVisiblePagesKeyRef.current = key;
+          setDocumentState({ visiblePages: stablePages });
+        },
         onAnnotationCreated: (event) => {
           addAnnotation(event.nativeEvent);
         },
@@ -24193,6 +24213,14 @@ var styles3 = import_react_native3.StyleSheet.create({
   }
 });
 
+// components/nativePdfViewerMode.ts
+var shouldUseNativePdfViewer = ({
+  viewerMode,
+  pageCount,
+  isWebView,
+  nativeEngineId
+}) => viewerMode === "native" && pageCount > 0 && !isWebView && !!nativeEngineId;
+
 // components/Viewer.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var LIST_TOP_PADDING = 18;
@@ -24222,7 +24250,8 @@ var Viewer = ({
   virtualWindowSize,
   maxToRenderPerBatch,
   removeClippedSubviews,
-  useDedicatedAndroidPdfViewer
+  useDedicatedAndroidPdfViewer,
+  viewerMode
 }) => {
   const pageCount = (0, import_core4.useViewerStore)((state) => state.pageCount);
   const currentPage = (0, import_core4.useViewerStore)((state) => state.currentPage);
@@ -24236,6 +24265,7 @@ var Viewer = ({
   const uiTheme = (0, import_core4.useViewerStore)((state) => state.uiTheme);
   const viewMode = (0, import_core4.useViewerStore)((state) => state.viewMode);
   const zoom = (0, import_core4.useViewerStore)((state) => state.zoom);
+  const storeViewerMode = (0, import_core4.useViewerStore)((state) => state.viewerMode);
   const listRef = (0, import_react4.useRef)(null);
   const horizontalScrollRef = (0, import_react4.useRef)(null);
   const isDark = uiTheme === "dark";
@@ -24244,7 +24274,14 @@ var Viewer = ({
   const isSingle = viewMode === "single";
   const renderTargetType = engine.getRenderTargetType?.() ?? "canvas";
   const isWebView = renderTargetType === "webview";
-  const isDedicatedAndroidPdfViewer = import_react_native4.Platform.OS === "android" && !!useDedicatedAndroidPdfViewer && pageCount > 0 && !isWebView && !!getDedicatedAndroidPdfEngineId(engine);
+  const resolvedViewerMode = viewerMode ?? (useDedicatedAndroidPdfViewer ? "native" : storeViewerMode);
+  const nativeEngineId = getDedicatedAndroidPdfEngineId(engine);
+  const isNativePdfViewer = shouldUseNativePdfViewer({
+    viewerMode: resolvedViewerMode,
+    pageCount,
+    isWebView,
+    nativeEngineId
+  });
   const perfEnabled = isMobilePerfEnabled();
   const mountedAtRef = (0, import_react4.useRef)(perfNow());
   const readyLoggedRef = (0, import_react4.useRef)(false);
@@ -25398,7 +25435,7 @@ var Viewer = ({
   if (isWebView) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WebViewViewer_default, { engine }) });
   }
-  if (isDedicatedAndroidPdfViewer) {
+  if (isNativePdfViewer) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DedicatedAndroidPdfViewer, { engine }) });
   }
   if (isSingle) {
@@ -28542,14 +28579,10 @@ var SettingsSheet = ({
   const isPaged = viewMode === "single";
   const isDouble = viewMode === "double";
   const t = getStrings(locale);
-  const [hasBeenVisible, setHasBeenVisible] = (0, import_react10.useState)(visible);
   const snapPoints = (0, import_react10.useMemo)(
     () => [Math.min(640, import_react_native11.Dimensions.get("window").height * 0.72)],
     []
   );
-  (0, import_react10.useEffect)(() => {
-    if (visible) setHasBeenVisible(true);
-  }, [visible]);
   const renderBackdrop = (0, import_react10.useCallback)(
     (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       import_bottom_sheet2.BottomSheetBackdrop,
@@ -28588,7 +28621,6 @@ var SettingsSheet = ({
     engine.setZoom(next);
     setDocumentState({ zoom: next });
   };
-  if (!hasBeenVisible) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native11.View, { style: styles11.modalRoot, pointerEvents: "box-none", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_bottom_sheet2.default,
     {
@@ -30615,6 +30647,7 @@ var styles19 = import_react_native19.StyleSheet.create({
   DocumentActionsSheet,
   InfoSheet,
   MOBILE_CHROME_METRICS,
+  NativePdfDocumentViewer,
   OverflowSheet,
   PageRenderer,
   ProgressPill,