@papyrus-sdk/ui-react-native 0.2.18-beta.3 → 0.2.18-beta.4

package/dist/index.mjs

@@ -28511,7 +28511,7 @@ var styles10 = StyleSheet10.create({
 var BottomBar_default = BottomBar;
 
 // components/SettingsSheet.tsx
-import { useCallback as useCallback5, useMemo as useMemo6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo6, useState as useState9 } from "react";
 import { Dimensions as Dimensions2, View as View11, Text as Text6, Pressable as Pressable9, StyleSheet as StyleSheet11 } from "react-native";
 import BottomSheet2, {
   BottomSheetBackdrop as BottomSheetBackdrop2,
@@ -28562,10 +28562,15 @@ var SettingsSheet = ({
   const isPaged = viewMode === "single";
   const isDouble = viewMode === "double";
   const t = getStrings(locale);
+  const [hasBeenVisible, setHasBeenVisible] = useState9(visible);
   const snapPoints = useMemo6(
     () => [Math.min(640, Dimensions2.get("window").height * 0.72)],
     []
   );
+  useEffect9(() => {
+    if (visible) setHasBeenVisible(true);
+  }, [visible]);
+  if (!hasBeenVisible) return null;
   const renderBackdrop = useCallback5(
     (props) => /* @__PURE__ */ jsx12(
       BottomSheetBackdrop2,
@@ -29126,7 +29131,7 @@ var styles11 = StyleSheet11.create({
 var SettingsSheet_default = SettingsSheet;
 
 // components/CoverPreview.tsx
-import { useEffect as useEffect9, useMemo as useMemo7, useRef as useRef7, useState as useState9 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo7, useRef as useRef7, useState as useState10 } from "react";
 import {
   ActivityIndicator,
   StyleSheet as StyleSheet12,
@@ -29184,18 +29189,18 @@ var CoverPreview = ({
   onLoadEnd,
   onError
 }) => {
-  const [engine, setEngine] = useState9(null);
-  const [layoutReady, setLayoutReady] = useState9(false);
-  const [loaded, setLoaded] = useState9(false);
-  const [loading, setLoading] = useState9(false);
-  const [error, setError] = useState9(null);
+  const [engine, setEngine] = useState10(null);
+  const [layoutReady, setLayoutReady] = useState10(false);
+  const [loaded, setLoaded] = useState10(false);
+  const [loading, setLoading] = useState10(false);
+  const [error, setError] = useState10(null);
   const viewRef = useRef7(null);
   const resolvedType = useMemo7(() => inferDocumentType(source, type), [source, type]);
   const isPdf = resolvedType === "pdf";
   const hasNativePageView = Boolean(UIManager2.getViewManagerConfig?.("PapyrusPageView"));
   const canRender = !isPdf || hasNativePageView;
   const shouldRender = Boolean(visible);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!shouldRender) {
       if (!keepAlive) {
         setEngine(null);
@@ -29208,7 +29213,7 @@ var CoverPreview = ({
       setEngine(new MobileDocumentEngine());
     }
   }, [shouldRender, keepAlive, engine, canRender]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!engine || !shouldRender || !canRender) return;
     let active = true;
     setLoading(true);
@@ -29235,13 +29240,13 @@ var CoverPreview = ({
       active = false;
     };
   }, [engine, shouldRender, canRender, source, type, pageIndex, isPdf, onLoadStart, onLoadEnd, onError]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!engine || !isPdf || !loaded || !layoutReady || !shouldRender || !canRender) return;
     const viewTag = findNodeHandle3(viewRef.current);
     if (!viewTag) return;
     engine.renderPage(pageIndex, viewTag, renderScale);
   }, [engine, isPdf, loaded, layoutReady, shouldRender, canRender, pageIndex, renderScale]);
-  useEffect9(() => {
+  useEffect10(() => {
     return () => {
       engine?.destroy();
     };
@@ -29308,7 +29313,7 @@ var styles12 = StyleSheet12.create({
 var CoverPreview_default = CoverPreview;
 
 // components/ReadingShell.tsx
-import React14, { useState as useState11 } from "react";
+import React14, { useState as useState12 } from "react";
 import { Keyboard as Keyboard2, View as View19, StyleSheet as StyleSheet19 } from "react-native";
 import { useViewerStore as useViewerStore17 } from "@papyrus-sdk/core";
 
@@ -29933,7 +29938,7 @@ var styles16 = StyleSheet16.create({
 });
 
 // components/SearchOverlay.tsx
-import { useEffect as useEffect10, useMemo as useMemo9, useState as useState10 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo9, useState as useState11 } from "react";
 import {
   Keyboard,
   Pressable as Pressable14,
@@ -29962,14 +29967,14 @@ function SearchOverlay({
     uiTheme,
     accentColor
   } = useViewerStore15();
-  const [draft, setDraft] = useState10(searchQuery);
-  const [isSearching, setIsSearching] = useState10(false);
+  const [draft, setDraft] = useState11(searchQuery);
+  const [isSearching, setIsSearching] = useState11(false);
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
   const searchService = useMemo9(() => new SearchService(engine), [engine]);
   const currentCount = searchResults.length > 0 && activeSearchIndex >= 0 ? activeSearchIndex + 1 : 0;
   const targetLabel = documentType === "pdf" ? t.page : documentType === "epub" ? t.contents : t.progress;
-  useEffect10(() => {
+  useEffect11(() => {
     if (!visible) return;
     setDraft(searchQuery);
   }, [searchQuery, visible]);
@@ -30454,12 +30459,12 @@ function ReadingShell({
     uiTheme,
     accentColor
   } = useViewerStore17();
-  const [overflowOpen, setOverflowOpen] = useState11(false);
-  const [infoOpen, setInfoOpen] = useState11(false);
-  const [actionsOpen, setActionsOpen] = useState11(false);
-  const [settingsOpen, setSettingsOpen] = useState11(false);
-  const [searchResultsOpen, setSearchResultsOpen] = useState11(false);
-  const [pageJumpOpen, setPageJumpOpen] = useState11(false);
+  const [overflowOpen, setOverflowOpen] = useState12(false);
+  const [infoOpen, setInfoOpen] = useState12(false);
+  const [actionsOpen, setActionsOpen] = useState12(false);
+  const [settingsOpen, setSettingsOpen] = useState12(false);
+  const [searchResultsOpen, setSearchResultsOpen] = useState12(false);
+  const [pageJumpOpen, setPageJumpOpen] = useState12(false);
   const isDark = uiTheme === "dark";
   React14.useEffect(() => {
     const showSubscription = Keyboard2.addListener("keyboardDidShow", () => {