@papyrus-sdk/ui-react-native 0.2.21 → 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

@@ -11,6 +11,15 @@ interface ViewerProps {
     removeClippedSubviews?: boolean;
     useDedicatedAndroidPdfViewer?: boolean;
     viewerMode?: PdfViewerMode;
+    onTextSelected?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    onDefineSelection?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    selectionActionLabel?: string;
 }
 declare const Viewer: React.FC<ViewerProps>;
 
@@ -26,6 +35,15 @@ interface PageRendererProps {
     horizontalPadding?: number;
     spacing?: number;
     onSelectionDragActiveChange?: (active: boolean) => void;
+    onTextSelected?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    onDefineSelection?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    selectionActionLabel?: string;
     gestureScrollLockActive?: boolean;
     lastPinchEndedAt?: number | null;
     requestSelectionVerticalAutoscroll?: (absoluteY: number) => number;
@@ -101,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

@@ -11,6 +11,15 @@ interface ViewerProps {
     removeClippedSubviews?: boolean;
     useDedicatedAndroidPdfViewer?: boolean;
     viewerMode?: PdfViewerMode;
+    onTextSelected?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    onDefineSelection?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    selectionActionLabel?: string;
 }
 declare const Viewer: React.FC<ViewerProps>;
 
@@ -26,6 +35,15 @@ interface PageRendererProps {
     horizontalPadding?: number;
     spacing?: number;
     onSelectionDragActiveChange?: (active: boolean) => void;
+    onTextSelected?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    onDefineSelection?: (payload: {
+        text: string;
+        pageIndex: number;
+    }) => void;
+    selectionActionLabel?: string;
     gestureScrollLockActive?: boolean;
     lastPinchEndedAt?: number | null;
     requestSelectionVerticalAutoscroll?: (absoluteY: number) => number;
@@ -101,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

@@ -21632,6 +21632,7 @@ var import_react_native = require("react-native");
 var import_react_native_gesture_handler = require("react-native-gesture-handler");
 var import_react_native_svg = __toESM(require("react-native-svg"));
 var import_core = require("@papyrus-sdk/core");
+var import_types = require("@papyrus-sdk/types");
 var import_engine_native = require("@papyrus-sdk/engine-native");
 
 // perf/mobilePerf.ts
@@ -22088,6 +22089,14 @@ var resolvePdfBasePageWidth = ({
   horizontalPadding
 }) => Math.max(0, viewportWidth - horizontalPadding * 2);
 
+// components/selectionEvent.ts
+var notifyTextSelection = (handler, payload) => {
+  const text = payload.text.replace(/\s+/g, " ").trim();
+  if (!text) return false;
+  handler?.({ ...payload, text });
+  return Boolean(handler);
+};
+
 // components/PageRenderer.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var TEXT_MARKUP_TOOLS = /* @__PURE__ */ new Set([
@@ -22162,6 +22171,9 @@ var PageRenderer = ({
   horizontalPadding = 16,
   spacing = 24,
   onSelectionDragActiveChange,
+  onTextSelected,
+  onDefineSelection,
+  selectionActionLabel,
   gestureScrollLockActive = false,
   lastPinchEndedAt = null,
   requestSelectionVerticalAutoscroll
@@ -22507,6 +22519,17 @@ var PageRenderer = ({
       return;
     }
     const selectedText = selection.text || "";
+    const normalizedText = selectedText.replace(/\s+/g, " ").trim();
+    if (normalizedText) {
+      import_core.papyrusEvents.emit(import_types.PapyrusEventType.TEXT_SELECTED, {
+        text: normalizedText,
+        pageIndex
+      });
+    }
+    notifyTextSelection(onTextSelected, {
+      text: normalizedText,
+      pageIndex
+    });
     logSelectionPerf("selection.ready", {
       tool: activeTool,
       sourceRectCount: selection.rects.length,
@@ -23442,6 +23465,20 @@ var PageRenderer = ({
                   }
                 ],
                 children: [
+                  onDefineSelection ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_react_native.Pressable,
+                    {
+                      onPress: (event) => {
+                        stopPressPropagation(event);
+                        onDefineSelection({
+                          text: selectionText,
+                          pageIndex
+                        });
+                      },
+                      style: [styles.selectionAction, styles.defineSelectionAction],
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: styles.defineSelectionText, children: selectionActionLabel ?? "Definir" })
+                    }
+                  ) : null,
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     import_react_native.Pressable,
                     {
@@ -23741,6 +23778,15 @@ var styles = import_react_native.StyleSheet.create({
     justifyContent: "center",
     marginRight: 10
   },
+  defineSelectionAction: {
+    width: 58,
+    paddingHorizontal: 6
+  },
+  defineSelectionText: {
+    color: "#FFFFFF",
+    fontSize: 11,
+    fontWeight: "700"
+  },
   selectionActionLast: {
     marginRight: 0
   },
@@ -23772,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.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
@@ -24601,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"]);
@@ -24613,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);
@@ -24796,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,
           {
@@ -24877,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
@@ -24926,7 +25005,10 @@ var Viewer = ({
   maxToRenderPerBatch,
   removeClippedSubviews,
   useDedicatedAndroidPdfViewer,
-  viewerMode
+  viewerMode,
+  onTextSelected,
+  onDefineSelection,
+  selectionActionLabel
 }) => {
   const pageCount = (0, import_core4.useViewerStore)((state) => state.pageCount);
   const currentPage = (0, import_core4.useViewerStore)((state) => state.currentPage);
@@ -26062,6 +26144,9 @@ var Viewer = ({
                   pageViewportWidth: columnWidth,
                   spacing: DOUBLE_PAGE_SPACING,
                   onSelectionDragActiveChange: setSelectionDragActive,
+                  onTextSelected,
+                  onDefineSelection,
+                  selectionActionLabel,
                   gestureScrollLockActive,
                   lastPinchEndedAt,
                   requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26078,6 +26163,9 @@ var Viewer = ({
                   pageViewportWidth: columnWidth,
                   spacing: DOUBLE_PAGE_SPACING,
                   onSelectionDragActiveChange: setSelectionDragActive,
+                  onTextSelected,
+                  onDefineSelection,
+                  selectionActionLabel,
                   gestureScrollLockActive,
                   lastPinchEndedAt,
                   requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26097,6 +26185,9 @@ var Viewer = ({
           pageViewportWidth: documentSurfaceWidth,
           spacing: CONTINUOUS_PAGE_SPACING,
           onSelectionDragActiveChange: setSelectionDragActive,
+          onTextSelected,
+          onDefineSelection,
+          selectionActionLabel,
           gestureScrollLockActive,
           lastPinchEndedAt,
           requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll
@@ -26120,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)(
@@ -26186,6 +26284,9 @@ var Viewer = ({
                     pageViewportWidth: documentSurfaceWidth,
                     spacing: 32,
                     onSelectionDragActiveChange: setSelectionDragActive,
+                    onTextSelected,
+                    onDefineSelection,
+                    selectionActionLabel,
                     gestureScrollLockActive,
                     lastPinchEndedAt,
                     requestSelectionVerticalAutoscroll: handleSelectionVerticalAutoscroll