@papyrus-sdk/ui-react-native 0.2.18-beta.5 → 0.2.18-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +0 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +22 -27
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -28511,7 +28511,7 @@ var styles10 = StyleSheet10.create({
|
|
|
28511
28511
|
var BottomBar_default = BottomBar;
|
|
28512
28512
|
|
|
28513
28513
|
// components/SettingsSheet.tsx
|
|
28514
|
-
import { useCallback as useCallback5,
|
|
28514
|
+
import { useCallback as useCallback5, useMemo as useMemo6 } from "react";
|
|
28515
28515
|
import { Dimensions as Dimensions2, View as View11, Text as Text6, Pressable as Pressable9, StyleSheet as StyleSheet11 } from "react-native";
|
|
28516
28516
|
import BottomSheet2, {
|
|
28517
28517
|
BottomSheetBackdrop as BottomSheetBackdrop2,
|
|
@@ -28562,14 +28562,10 @@ var SettingsSheet = ({
|
|
|
28562
28562
|
const isPaged = viewMode === "single";
|
|
28563
28563
|
const isDouble = viewMode === "double";
|
|
28564
28564
|
const t = getStrings(locale);
|
|
28565
|
-
const [hasBeenVisible, setHasBeenVisible] = useState9(visible);
|
|
28566
28565
|
const snapPoints = useMemo6(
|
|
28567
28566
|
() => [Math.min(640, Dimensions2.get("window").height * 0.72)],
|
|
28568
28567
|
[]
|
|
28569
28568
|
);
|
|
28570
|
-
useEffect9(() => {
|
|
28571
|
-
if (visible) setHasBeenVisible(true);
|
|
28572
|
-
}, [visible]);
|
|
28573
28569
|
const renderBackdrop = useCallback5(
|
|
28574
28570
|
(props) => /* @__PURE__ */ jsx12(
|
|
28575
28571
|
BottomSheetBackdrop2,
|
|
@@ -28608,7 +28604,6 @@ var SettingsSheet = ({
|
|
|
28608
28604
|
engine.setZoom(next);
|
|
28609
28605
|
setDocumentState({ zoom: next });
|
|
28610
28606
|
};
|
|
28611
|
-
if (!hasBeenVisible) return null;
|
|
28612
28607
|
return /* @__PURE__ */ jsx12(View11, { style: styles11.modalRoot, pointerEvents: "box-none", children: /* @__PURE__ */ jsx12(
|
|
28613
28608
|
BottomSheet2,
|
|
28614
28609
|
{
|
|
@@ -29131,7 +29126,7 @@ var styles11 = StyleSheet11.create({
|
|
|
29131
29126
|
var SettingsSheet_default = SettingsSheet;
|
|
29132
29127
|
|
|
29133
29128
|
// components/CoverPreview.tsx
|
|
29134
|
-
import { useEffect as
|
|
29129
|
+
import { useEffect as useEffect9, useMemo as useMemo7, useRef as useRef7, useState as useState9 } from "react";
|
|
29135
29130
|
import {
|
|
29136
29131
|
ActivityIndicator,
|
|
29137
29132
|
StyleSheet as StyleSheet12,
|
|
@@ -29189,18 +29184,18 @@ var CoverPreview = ({
|
|
|
29189
29184
|
onLoadEnd,
|
|
29190
29185
|
onError
|
|
29191
29186
|
}) => {
|
|
29192
|
-
const [engine, setEngine] =
|
|
29193
|
-
const [layoutReady, setLayoutReady] =
|
|
29194
|
-
const [loaded, setLoaded] =
|
|
29195
|
-
const [loading, setLoading] =
|
|
29196
|
-
const [error, setError] =
|
|
29187
|
+
const [engine, setEngine] = useState9(null);
|
|
29188
|
+
const [layoutReady, setLayoutReady] = useState9(false);
|
|
29189
|
+
const [loaded, setLoaded] = useState9(false);
|
|
29190
|
+
const [loading, setLoading] = useState9(false);
|
|
29191
|
+
const [error, setError] = useState9(null);
|
|
29197
29192
|
const viewRef = useRef7(null);
|
|
29198
29193
|
const resolvedType = useMemo7(() => inferDocumentType(source, type), [source, type]);
|
|
29199
29194
|
const isPdf = resolvedType === "pdf";
|
|
29200
29195
|
const hasNativePageView = Boolean(UIManager2.getViewManagerConfig?.("PapyrusPageView"));
|
|
29201
29196
|
const canRender = !isPdf || hasNativePageView;
|
|
29202
29197
|
const shouldRender = Boolean(visible);
|
|
29203
|
-
|
|
29198
|
+
useEffect9(() => {
|
|
29204
29199
|
if (!shouldRender) {
|
|
29205
29200
|
if (!keepAlive) {
|
|
29206
29201
|
setEngine(null);
|
|
@@ -29213,7 +29208,7 @@ var CoverPreview = ({
|
|
|
29213
29208
|
setEngine(new MobileDocumentEngine());
|
|
29214
29209
|
}
|
|
29215
29210
|
}, [shouldRender, keepAlive, engine, canRender]);
|
|
29216
|
-
|
|
29211
|
+
useEffect9(() => {
|
|
29217
29212
|
if (!engine || !shouldRender || !canRender) return;
|
|
29218
29213
|
let active = true;
|
|
29219
29214
|
setLoading(true);
|
|
@@ -29240,13 +29235,13 @@ var CoverPreview = ({
|
|
|
29240
29235
|
active = false;
|
|
29241
29236
|
};
|
|
29242
29237
|
}, [engine, shouldRender, canRender, source, type, pageIndex, isPdf, onLoadStart, onLoadEnd, onError]);
|
|
29243
|
-
|
|
29238
|
+
useEffect9(() => {
|
|
29244
29239
|
if (!engine || !isPdf || !loaded || !layoutReady || !shouldRender || !canRender) return;
|
|
29245
29240
|
const viewTag = findNodeHandle3(viewRef.current);
|
|
29246
29241
|
if (!viewTag) return;
|
|
29247
29242
|
engine.renderPage(pageIndex, viewTag, renderScale);
|
|
29248
29243
|
}, [engine, isPdf, loaded, layoutReady, shouldRender, canRender, pageIndex, renderScale]);
|
|
29249
|
-
|
|
29244
|
+
useEffect9(() => {
|
|
29250
29245
|
return () => {
|
|
29251
29246
|
engine?.destroy();
|
|
29252
29247
|
};
|
|
@@ -29313,7 +29308,7 @@ var styles12 = StyleSheet12.create({
|
|
|
29313
29308
|
var CoverPreview_default = CoverPreview;
|
|
29314
29309
|
|
|
29315
29310
|
// components/ReadingShell.tsx
|
|
29316
|
-
import React14, { useState as
|
|
29311
|
+
import React14, { useState as useState11 } from "react";
|
|
29317
29312
|
import { Keyboard as Keyboard2, View as View19, StyleSheet as StyleSheet19 } from "react-native";
|
|
29318
29313
|
import { useViewerStore as useViewerStore17 } from "@papyrus-sdk/core";
|
|
29319
29314
|
|
|
@@ -29938,7 +29933,7 @@ var styles16 = StyleSheet16.create({
|
|
|
29938
29933
|
});
|
|
29939
29934
|
|
|
29940
29935
|
// components/SearchOverlay.tsx
|
|
29941
|
-
import { useEffect as
|
|
29936
|
+
import { useEffect as useEffect10, useMemo as useMemo9, useState as useState10 } from "react";
|
|
29942
29937
|
import {
|
|
29943
29938
|
Keyboard,
|
|
29944
29939
|
Pressable as Pressable14,
|
|
@@ -29967,14 +29962,14 @@ function SearchOverlay({
|
|
|
29967
29962
|
uiTheme,
|
|
29968
29963
|
accentColor
|
|
29969
29964
|
} = useViewerStore15();
|
|
29970
|
-
const [draft, setDraft] =
|
|
29971
|
-
const [isSearching, setIsSearching] =
|
|
29965
|
+
const [draft, setDraft] = useState10(searchQuery);
|
|
29966
|
+
const [isSearching, setIsSearching] = useState10(false);
|
|
29972
29967
|
const isDark = uiTheme === "dark";
|
|
29973
29968
|
const t = getStrings(locale);
|
|
29974
29969
|
const searchService = useMemo9(() => new SearchService(engine), [engine]);
|
|
29975
29970
|
const currentCount = searchResults.length > 0 && activeSearchIndex >= 0 ? activeSearchIndex + 1 : 0;
|
|
29976
29971
|
const targetLabel = documentType === "pdf" ? t.page : documentType === "epub" ? t.contents : t.progress;
|
|
29977
|
-
|
|
29972
|
+
useEffect10(() => {
|
|
29978
29973
|
if (!visible) return;
|
|
29979
29974
|
setDraft(searchQuery);
|
|
29980
29975
|
}, [searchQuery, visible]);
|
|
@@ -30459,12 +30454,12 @@ function ReadingShell({
|
|
|
30459
30454
|
uiTheme,
|
|
30460
30455
|
accentColor
|
|
30461
30456
|
} = useViewerStore17();
|
|
30462
|
-
const [overflowOpen, setOverflowOpen] =
|
|
30463
|
-
const [infoOpen, setInfoOpen] =
|
|
30464
|
-
const [actionsOpen, setActionsOpen] =
|
|
30465
|
-
const [settingsOpen, setSettingsOpen] =
|
|
30466
|
-
const [searchResultsOpen, setSearchResultsOpen] =
|
|
30467
|
-
const [pageJumpOpen, setPageJumpOpen] =
|
|
30457
|
+
const [overflowOpen, setOverflowOpen] = useState11(false);
|
|
30458
|
+
const [infoOpen, setInfoOpen] = useState11(false);
|
|
30459
|
+
const [actionsOpen, setActionsOpen] = useState11(false);
|
|
30460
|
+
const [settingsOpen, setSettingsOpen] = useState11(false);
|
|
30461
|
+
const [searchResultsOpen, setSearchResultsOpen] = useState11(false);
|
|
30462
|
+
const [pageJumpOpen, setPageJumpOpen] = useState11(false);
|
|
30468
30463
|
const isDark = uiTheme === "dark";
|
|
30469
30464
|
React14.useEffect(() => {
|
|
30470
30465
|
const showSubscription = Keyboard2.addListener("keyboardDidShow", () => {
|