@papyrus-sdk/ui-react-native 0.2.22 → 0.2.23

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Papyrus Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -19,6 +19,7 @@ interface ViewerProps {
         text: string;
         pageIndex: number;
     }) => void;
+    selectionActionLabel?: string;
 }
 declare const Viewer: React.FC<ViewerProps>;
 
@@ -42,6 +43,7 @@ interface PageRendererProps {
         text: string;
         pageIndex: number;
     }) => void;
+    selectionActionLabel?: string;
     gestureScrollLockActive?: boolean;
     lastPinchEndedAt?: number | null;
     requestSelectionVerticalAutoscroll?: (absoluteY: number) => number;
@@ -117,8 +119,13 @@ declare function ReadingShell({ engine, title, documentType, thumbsInitialCount,
 
 type DedicatedAndroidPdfViewerProps = {
     engine: DocumentEngine;
+    onDefineSelection?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    selectionActionLabel?: string;
 };
-declare function DedicatedAndroidPdfViewer({ engine, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
+declare function DedicatedAndroidPdfViewer({ engine, onDefineSelection, selectionActionLabel, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
 
 type OverflowSheetProps = {
     visible: boolean;

package/dist/index.d.ts

@@ -19,6 +19,7 @@ interface ViewerProps {
         text: string;
         pageIndex: number;
     }) => void;
+    selectionActionLabel?: string;
 }
 declare const Viewer: React.FC<ViewerProps>;
 
@@ -42,6 +43,7 @@ interface PageRendererProps {
         text: string;
         pageIndex: number;
     }) => void;
+    selectionActionLabel?: string;
     gestureScrollLockActive?: boolean;
     lastPinchEndedAt?: number | null;
     requestSelectionVerticalAutoscroll?: (absoluteY: number) => number;
@@ -117,8 +119,13 @@ declare function ReadingShell({ engine, title, documentType, thumbsInitialCount,
 
 type DedicatedAndroidPdfViewerProps = {
     engine: DocumentEngine;
+    onDefineSelection?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    selectionActionLabel?: string;
 };
-declare function DedicatedAndroidPdfViewer({ engine, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
+declare function DedicatedAndroidPdfViewer({ engine, onDefineSelection, selectionActionLabel, }: DedicatedAndroidPdfViewerProps): react_jsx_runtime.JSX.Element;
 
 type OverflowSheetProps = {
     visible: boolean;

package/dist/index.js

@@ -22173,6 +22173,7 @@ var PageRenderer = ({
   onSelectionDragActiveChange,
   onTextSelected,
   onDefineSelection,
+  selectionActionLabel,
   gestureScrollLockActive = false,
   lastPinchEndedAt = null,
   requestSelectionVerticalAutoscroll
@@ -23475,7 +23476,7 @@ var PageRenderer = ({
                         });
                       },
                       style: [styles.selectionAction, styles.defineSelectionAction],
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: styles.defineSelectionText, children: "Definir" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: styles.defineSelectionText, children: selectionActionLabel ?? "Definir" })
                     }
                   ) : null,
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -23817,7 +23818,7 @@ var styles = import_react_native.StyleSheet.create({
     borderRadius: 3
   }
 });
-var arePageRendererPropsEqual = (previous, next) => previous.engine === next.engine && previous.pageIndex === next.pageIndex && previous.scale === next.scale && previous.PageViewComponent === next.PageViewComponent && previous.availableWidth === next.availableWidth && previous.pageViewportWidth === next.pageViewportWidth && previous.horizontalPadding === next.horizontalPadding && previous.spacing === next.spacing && previous.onSelectionDragActiveChange === next.onSelectionDragActiveChange && previous.onTextSelected === next.onTextSelected && previous.onDefineSelection === next.onDefineSelection && previous.gestureScrollLockActive === next.gestureScrollLockActive && previous.lastPinchEndedAt === next.lastPinchEndedAt && previous.requestSelectionVerticalAutoscroll === next.requestSelectionVerticalAutoscroll;
+var arePageRendererPropsEqual = (previous, next) => previous.engine === next.engine && previous.pageIndex === next.pageIndex && previous.scale === next.scale && previous.PageViewComponent === next.PageViewComponent && previous.availableWidth === next.availableWidth && previous.pageViewportWidth === next.pageViewportWidth && previous.horizontalPadding === next.horizontalPadding && previous.spacing === next.spacing && previous.onSelectionDragActiveChange === next.onSelectionDragActiveChange && previous.onTextSelected === next.onTextSelected && previous.onDefineSelection === next.onDefineSelection && previous.selectionActionLabel === next.selectionActionLabel && previous.gestureScrollLockActive === next.gestureScrollLockActive && previous.lastPinchEndedAt === next.lastPinchEndedAt && previous.requestSelectionVerticalAutoscroll === next.requestSelectionVerticalAutoscroll;
 var PageRenderer_default = (0, import_react.memo)(PageRenderer, arePageRendererPropsEqual);
 
 // components/WebViewViewer.tsx
@@ -24646,6 +24647,11 @@ var IconCommentBubble = ({
   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg2.Circle, { cx: "15", cy: "11", r: "1", fill: color })
 ] });
 
+// components/selectionToolbarModel.ts
+var getSelectionToolbarActions = (label = "Definir") => [
+  { id: "dictionary", label }
+];
+
 // components/DedicatedAndroidPdfViewer.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var TEXT_MARKUP_TOOLS2 = /* @__PURE__ */ new Set(["highlight", "underline", "squiggly", "strikeout"]);
@@ -24658,7 +24664,9 @@ var getDedicatedAndroidPdfEngineId = (engine) => {
   return typeof engineId === "string" && engineId.length > 0 ? engineId : null;
 };
 function DedicatedAndroidPdfViewer({
-  engine
+  engine,
+  onDefineSelection,
+  selectionActionLabel
 }) {
   const pageTheme = (0, import_core3.useViewerStore)((state) => state.pageTheme);
   const zoom = (0, import_core3.useViewerStore)((state) => state.zoom);
@@ -24841,6 +24849,27 @@ function DedicatedAndroidPdfViewer({
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.View, { style: styles3.selectionToolbar, pointerEvents: "box-none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native3.View, { style: styles3.toolbarContent, children: [
+        onDefineSelection && getSelectionToolbarActions(selectionActionLabel).map((action) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          import_react_native3.Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: action.label,
+            onPress: () => {
+              const currentSelection = selectionRef.current;
+              if (!currentSelection) return;
+              onDefineSelection({
+                text: currentSelection.text,
+                pageIndex: currentSelection.pageIndex
+              });
+            },
+            style: [styles3.toolbarButton, styles3.dictionaryButton],
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconInfo, { size: 16, color: "#fff" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.Text, { style: styles3.toolbarButtonText, children: action.label })
+            ]
+          },
+          action.id
+        )),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           import_react_native3.Pressable,
           {
@@ -24922,6 +24951,11 @@ var styles3 = import_react_native3.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center"
   },
+  dictionaryButton: {
+    width: 118,
+    flexDirection: "row",
+    gap: 6
+  },
   overlay: {
     ...import_react_native3.StyleSheet.absoluteFillObject,
     zIndex: 40
@@ -24973,7 +25007,8 @@ var Viewer = ({
   useDedicatedAndroidPdfViewer,
   viewerMode,
   onTextSelected,
-  onDefineSelection
+  onDefineSelection,
+  selectionActionLabel
 }) => {
   const pageCount = (0, import_core4.useViewerStore)((state) => state.pageCount);
   const currentPage = (0, import_core4.useViewerStore)((state) => state.currentPage);
@@ -26111,6 +26146,7 @@ var Viewer = ({
                   onSelectionDragActiveChange: setSelectionDragActive,
                   onTextSelected,
                   onDefineSelection,
+                  selectionActionLabel,
                   gestureScrollLockActive,
                   lastPinchEndedAt,
                   requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26129,6 +26165,7 @@ var Viewer = ({
                   onSelectionDragActiveChange: setSelectionDragActive,
                   onTextSelected,
                   onDefineSelection,
+                  selectionActionLabel,
                   gestureScrollLockActive,
                   lastPinchEndedAt,
                   requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26150,6 +26187,7 @@ var Viewer = ({
           onSelectionDragActiveChange: setSelectionDragActive,
           onTextSelected,
           onDefineSelection,
+          selectionActionLabel,
           gestureScrollLockActive,
           lastPinchEndedAt,
           requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26173,7 +26211,14 @@ var Viewer = ({
     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 (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 }) });
+    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,
+        onDefineSelection,
+        selectionActionLabel
+      }
+    ) });
   }
   if (isSingle) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native4.View, { style: [styles4.container, isDark && styles4.containerDark], children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native_gesture_handler2.GestureDetector, { gesture: viewerPinchGesture, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -26241,6 +26286,7 @@ var Viewer = ({
                     onSelectionDragActiveChange: setSelectionDragActive,
                     onTextSelected,
                     onDefineSelection,
+                    selectionActionLabel,
                     gestureScrollLockActive,
                     lastPinchEndedAt,
                     requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll