rn-pdf-king 1.0.0 → 1.2.0

package/android/src/main/java/expo/modules/rnpdfking/PdfKing.kt

@@ -45,7 +45,8 @@ data class Highlight(
     val id: String,
     val startIndex: Int,
     val endIndex: Int,
-    val color: Int // Changed to Int for legacy Color
+    val color: Int, // Changed to Int for legacy Color
+    val radiusOfDot: Float? = null
 )
 
 // --- Internal Text Extractor ---
@@ -305,6 +306,8 @@ class PdfPageView @JvmOverloads constructor(
     private var textChars: List<TextChar> = emptyList()
     var preDefinedHighlights: List<Highlight> = emptyList()
         set(value) { field = value; invalidate() }
+    var preDefinedDottedHighlights: List<Highlight> = emptyList()
+        set(value) { field = value; invalidate() }
 
     // Selection State
     private var selectionStart: Int? = null
@@ -414,6 +417,12 @@ class PdfPageView @JvmOverloads constructor(
             drawHighlightRange(canvas, highlight.startIndex, highlight.endIndex, highlightPaint)
         }
         
+        // Draw Pre-defined Dotted Highlights
+        preDefinedDottedHighlights.forEach { highlight ->
+            highlightPaint.color = highlight.color
+            drawDottedHighlightRange(canvas, highlight.startIndex, highlight.endIndex, highlight.radiusOfDot ?: 5f, highlightPaint)
+        }
+        
         // Draw Selection
         if (selectionStart != null && selectionEnd != null) {
             selectionPaint.color = selectionColor
@@ -456,6 +465,33 @@ class PdfPageView @JvmOverloads constructor(
             }
         }
     }
+
+    private fun drawDottedHighlightRange(canvas: Canvas, start: Int, end: Int, radius: Float, paint: Paint) {
+        val safeStart = max(0, start)
+        val safeEnd = min(textChars.size - 1, end)
+        
+        if (safeStart <= safeEnd) {
+            for (i in safeStart..safeEnd) {
+                if (i in textChars.indices) {
+                    val r = textChars[i].rect
+                    // Draw dots along the bottom of the character
+                    // We can draw one dot per char or fill the width
+                    // Let's draw dots based on width
+                    
+                    val left = r.left * scale
+                    val right = r.right * scale
+                    val bottom = r.bottom * scale
+                    val width = right - left
+                    
+                    // Center dot
+                    val cx = left + width / 2
+                    val cy = bottom + radius + 2 // Slightly below text
+                    
+                    canvas.drawCircle(cx, cy, radius, paint)
+                }
+            }
+        }
+    }
     
     private fun drawHandle(canvas: Canvas, index: Int, isStart: Boolean) {
         if (index !in textChars.indices) return
@@ -512,7 +548,13 @@ class PdfPageView @JvmOverloads constructor(
     }
  
     private fun getHighlightAt(index: Int): String? {
-        return preDefinedHighlights.firstOrNull { highlight ->
+        val normal = preDefinedHighlights.firstOrNull { highlight ->
+            index >= highlight.startIndex && index <= highlight.endIndex
+        }?.id
+        
+        if (normal != null) return normal
+        
+        return preDefinedDottedHighlights.firstOrNull { highlight ->
             index >= highlight.startIndex && index <= highlight.endIndex
         }?.id
     }
@@ -703,7 +745,7 @@ class PdfPageView @JvmOverloads constructor(
         return gestureHandled
     }
 
-    private fun clearSelectionState() {
+    fun clearSelectionState() {
         draggingHandle = null
         isInteractingWithSelection = false
         selectionStart = null

package/android/src/main/java/expo/modules/rnpdfking/RnPdfKingModule.kt

@@ -168,6 +168,14 @@ class RnPdfKingModule : Module() {
         view.setHighlights(highlights)
       }
 
+      Prop("preDefinedDottedHighlights") { view: RnPdfKingView, highlights: List<Map<String, Any>> ->
+        view.setDottedHighlights(highlights)
+      }
+
+      AsyncFunction("clearSelection") { view: expo.modules.kotlin.views.ExpoView ->
+        (view as? RnPdfKingView)?.clearSelection()
+      }
+
       Prop("handleColor") { view: RnPdfKingView, color: Int ->
         view.setHandleColor(color)
       }

package/android/src/main/java/expo/modules/rnpdfking/RnPdfKingView.kt

@@ -168,6 +168,37 @@ class RnPdfKingView(context: Context, appContext: AppContext) : ExpoView(context
         }
         pdfPageView.preDefinedHighlights = mapped
     }
+
+    fun setDottedHighlights(highlights: List<Map<String, Any>>) {
+        val mapped = highlights.mapNotNull { map ->
+            val id = map["id"] as? String
+            val start = (map["startIndex"] as? Number)?.toInt()
+            val end = (map["endIndex"] as? Number)?.toInt()
+            
+            // Handle color specifically, it might be Double, Int, or Long
+            val colorVal = map["color"]
+            val color = if (colorVal is Number) {
+                colorVal.toInt()
+            } else {
+                null
+            }
+            
+            val radius = (map["radiusOfDot"] as? Number)?.toFloat()
+            
+            if (id != null && start != null && end != null && color != null) {
+                com.mobinx.pdfking.Highlight(id, start, end, color, radius)
+            } else {
+                null
+            }
+        }
+        pdfPageView.preDefinedDottedHighlights = mapped
+    }
+
+    fun clearSelection() {
+        post {
+            pdfPageView.clearSelectionState()
+        }
+    }
     
     fun setMode(m: String) {
         if (viewMode != m) {

package/build/PdfPage.d.ts

@@ -6,6 +6,7 @@ export interface PdfPageProps extends ViewProps {
     width?: number;
     height?: number;
     preDefinedHighlights?: Highlight[];
+    preDefinedDottedHighlights?: Highlight[];
     handleColor?: string | number;
     selectionColor?: string | number;
     selectionEnabled?: boolean;
@@ -20,5 +21,8 @@ export interface PdfPageProps extends ViewProps {
         id: string;
     }>) => void;
 }
-export declare const PdfPage: React.FC<PdfPageProps>;
+export interface PdfPageHandle {
+    clearSelectionState: () => void;
+}
+export declare const PdfPage: React.ForwardRefExoticComponent<PdfPageProps & React.RefAttributes<PdfPageHandle>>;
 //# sourceMappingURL=PdfPage.d.ts.map

package/build/PdfPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdfPage.d.ts","sourceRoot":"","sources":["../src/PdfPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAgB,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI9C,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,SAAS,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnI,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CACpF;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmC1C,CAAC"}
+{"version":3,"file":"PdfPage.d.ts","sourceRoot":"","sources":["../src/PdfPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAgB,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI9C,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,SAAS,EAAE,CAAC;IACnC,0BAA0B,CAAC,EAAE,SAAS,EAAE,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnI,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CACpF;AAED,MAAM,WAAW,aAAa;IAC5B,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,OAAO,oFAmDlB,CAAC"}

package/build/PdfPage.js

@@ -1,13 +1,23 @@
-import React from 'react';
+import React, { useRef, useImperativeHandle, forwardRef } from 'react';
 import { requireNativeViewManager } from 'expo-modules-core';
 import { processColor } from 'react-native';
 const NativePdfView = requireNativeViewManager('RnPdfKing');
-export const PdfPage = (props) => {
-    const { width, height, preDefinedHighlights, handleColor, selectionColor, selectionEnabled, onSelectionChanged, onSelectionStarted, onSelectionEnded, onPreDefinedHighlightClick, ...rest } = props;
+export const PdfPage = forwardRef((props, ref) => {
+    const { width, height, preDefinedHighlights, preDefinedDottedHighlights, handleColor, selectionColor, selectionEnabled, onSelectionChanged, onSelectionStarted, onSelectionEnded, onPreDefinedHighlightClick, ...rest } = props;
+    const nativeRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        clearSelectionState: () => {
+            nativeRef.current?.clearSelection?.();
+        }
+    }));
     const processedHighlights = preDefinedHighlights?.map(h => ({
         ...h,
         color: processColor(h.color)
     }));
-    return (<NativePdfView pdfWidth={width} pdfHeight={height} preDefinedHighlights={processedHighlights} handleColor={processColor(handleColor)} selectionColor={processColor(selectionColor)} selectionEnabled={selectionEnabled} onSelectionChanged={onSelectionChanged} onSelectionStarted={onSelectionStarted} onSelectionEnded={onSelectionEnded} onPreDefinedHighlightClick={onPreDefinedHighlightClick} {...rest}/>);
-};
+    const processedDottedHighlights = preDefinedDottedHighlights?.map(h => ({
+        ...h,
+        color: processColor(h.color)
+    }));
+    return (<NativePdfView ref={nativeRef} pdfWidth={width} pdfHeight={height} preDefinedHighlights={processedHighlights} preDefinedDottedHighlights={processedDottedHighlights} handleColor={processColor(handleColor)} selectionColor={processColor(selectionColor)} selectionEnabled={selectionEnabled} onSelectionChanged={onSelectionChanged} onSelectionStarted={onSelectionStarted} onSelectionEnded={onSelectionEnded} onPreDefinedHighlightClick={onPreDefinedHighlightClick} {...rest}/>);
+});
 //# sourceMappingURL=PdfPage.js.map

package/build/PdfPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PdfPage.js","sourceRoot":"","sources":["../src/PdfPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAmC,YAAY,EAAE,MAAM,cAAc,CAAC;AAG7E,MAAM,aAAa,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;AAgB5D,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EACJ,KAAK,EACL,MAAM,EACN,oBAAoB,EACpB,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,0BAA0B,EAC1B,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,oBAAoB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1D,GAAG,CAAC;QACJ,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;KAC7B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,aAAa,CACZ,QAAQ,CAAC,CAAC,KAAK,CAAC,CAChB,SAAS,CAAC,CAAC,MAAM,CAAC,CAClB,oBAAoB,CAAC,CAAC,mBAAmB,CAAC,CAC1C,WAAW,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CACvC,cAAc,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAC7C,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,0BAA0B,CAAC,CAAC,0BAA0B,CAAC,CACvD,IAAI,IAAI,CAAC,EACT,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { requireNativeViewManager } from 'expo-modules-core';\nimport { ViewProps, NativeSyntheticEvent, processColor } from 'react-native';\nimport { Highlight } from './RnPdfKing.types';\n\nconst NativePdfView = requireNativeViewManager('RnPdfKing');\n\nexport interface PdfPageProps extends ViewProps {\n  pageNo: number;\n  width?: number;\n  height?: number;\n  preDefinedHighlights?: Highlight[];\n  handleColor?: string | number;\n  selectionColor?: string | number;\n  selectionEnabled?: boolean;\n  onSelectionChanged?: (event: NativeSyntheticEvent<{ selectedText: string; selectionStart: number; selectionEnd: number }>) => void;\n  onSelectionStarted?: (event: NativeSyntheticEvent<{}>) => void;\n  onSelectionEnded?: (event: NativeSyntheticEvent<{}>) => void;\n  onPreDefinedHighlightClick?: (event: NativeSyntheticEvent<{ id: string }>) => void;\n}\n\nexport const PdfPage: React.FC<PdfPageProps> = (props) => {\n  const { \n    width, \n    height, \n    preDefinedHighlights,\n    handleColor,\n    selectionColor,\n    selectionEnabled,\n    onSelectionChanged, \n    onSelectionStarted, \n    onSelectionEnded,\n    onPreDefinedHighlightClick,\n    ...rest \n  } = props;\n  \n  const processedHighlights = preDefinedHighlights?.map(h => ({\n    ...h,\n    color: processColor(h.color)\n  }));\n  \n  return (\n    <NativePdfView \n      pdfWidth={width} \n      pdfHeight={height} \n      preDefinedHighlights={processedHighlights}\n      handleColor={processColor(handleColor)}\n      selectionColor={processColor(selectionColor)}\n      selectionEnabled={selectionEnabled}\n      onSelectionChanged={onSelectionChanged}\n      onSelectionStarted={onSelectionStarted}\n      onSelectionEnded={onSelectionEnded}\n      onPreDefinedHighlightClick={onPreDefinedHighlightClick}\n      {...rest} \n    />\n  );\n};\n"]}
+{"version":3,"file":"PdfPage.js","sourceRoot":"","sources":["../src/PdfPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAmC,YAAY,EAAE,MAAM,cAAc,CAAC;AAG7E,MAAM,aAAa,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;AAqB5D,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EACJ,KAAK,EACL,MAAM,EACN,oBAAoB,EACpB,0BAA0B,EAC1B,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,0BAA0B,EAC1B,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEpC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,mBAAmB,EAAE,GAAG,EAAE;YACxB,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,CAAC;QACxC,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,mBAAmB,GAAG,oBAAoB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1D,GAAG,CAAC;QACJ,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;KAC7B,CAAC,CAAC,CAAC;IAEJ,MAAM,yBAAyB,GAAG,0BAA0B,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACtE,GAAG,CAAC;QACJ,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;KAC7B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,aAAa,CACZ,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,QAAQ,CAAC,CAAC,KAAK,CAAC,CAChB,SAAS,CAAC,CAAC,MAAM,CAAC,CAClB,oBAAoB,CAAC,CAAC,mBAAmB,CAAC,CAC1C,0BAA0B,CAAC,CAAC,yBAAyB,CAAC,CACtD,WAAW,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CACvC,cAAc,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAC7C,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,0BAA0B,CAAC,CAAC,0BAA0B,CAAC,CACvD,IAAI,IAAI,CAAC,EACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React, { useRef, useImperativeHandle, forwardRef } from 'react';\nimport { requireNativeViewManager } from 'expo-modules-core';\nimport { ViewProps, NativeSyntheticEvent, processColor } from 'react-native';\nimport { Highlight } from './RnPdfKing.types';\n\nconst NativePdfView = requireNativeViewManager('RnPdfKing');\n\nexport interface PdfPageProps extends ViewProps {\n  pageNo: number;\n  width?: number;\n  height?: number;\n  preDefinedHighlights?: Highlight[];\n  preDefinedDottedHighlights?: Highlight[];\n  handleColor?: string | number;\n  selectionColor?: string | number;\n  selectionEnabled?: boolean;\n  onSelectionChanged?: (event: NativeSyntheticEvent<{ selectedText: string; selectionStart: number; selectionEnd: number }>) => void;\n  onSelectionStarted?: (event: NativeSyntheticEvent<{}>) => void;\n  onSelectionEnded?: (event: NativeSyntheticEvent<{}>) => void;\n  onPreDefinedHighlightClick?: (event: NativeSyntheticEvent<{ id: string }>) => void;\n}\n\nexport interface PdfPageHandle {\n  clearSelectionState: () => void;\n}\n\nexport const PdfPage = forwardRef<PdfPageHandle, PdfPageProps>((props, ref) => {\n  const { \n    width, \n    height, \n    preDefinedHighlights,\n    preDefinedDottedHighlights,\n    handleColor,\n    selectionColor,\n    selectionEnabled,\n    onSelectionChanged, \n    onSelectionStarted, \n    onSelectionEnded,\n    onPreDefinedHighlightClick,\n    ...rest \n  } = props;\n  \n  const nativeRef = useRef<any>(null);\n\n  useImperativeHandle(ref, () => ({\n    clearSelectionState: () => {\n      nativeRef.current?.clearSelection?.();\n    }\n  }));\n  \n  const processedHighlights = preDefinedHighlights?.map(h => ({\n    ...h,\n    color: processColor(h.color)\n  }));\n\n  const processedDottedHighlights = preDefinedDottedHighlights?.map(h => ({\n    ...h,\n    color: processColor(h.color)\n  }));\n  \n  return (\n    <NativePdfView \n      ref={nativeRef}\n      pdfWidth={width} \n      pdfHeight={height} \n      preDefinedHighlights={processedHighlights}\n      preDefinedDottedHighlights={processedDottedHighlights}\n      handleColor={processColor(handleColor)}\n      selectionColor={processColor(selectionColor)}\n      selectionEnabled={selectionEnabled}\n      onSelectionChanged={onSelectionChanged}\n      onSelectionStarted={onSelectionStarted}\n      onSelectionEnded={onSelectionEnded}\n      onPreDefinedHighlightClick={onPreDefinedHighlightClick}\n      {...rest} \n    />\n  );\n});\n"]}

package/build/RnPdfKing.types.d.ts

@@ -4,6 +4,7 @@ export type Highlight = {
     startIndex: number;
     endIndex: number;
     color: ColorValue | number;
+    radiusOfDot?: number;
 };
 export type RnPdfKingModuleEvents = {
     onChange?: (event: {
@@ -24,6 +25,7 @@ export type RnPdfKingViewProps = {
     pdfWidth?: number;
     pdfHeight?: number;
     preDefinedHighlights?: Highlight[];
+    preDefinedDottedHighlights?: Highlight[];
     handleColor?: ColorValue | number;
     selectionColor?: ColorValue | number;
     selectionEnabled?: boolean;

package/build/RnPdfKing.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RnPdfKing.types.d.ts","sourceRoot":"","sources":["../src/RnPdfKing.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3F,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7F,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,SAAS,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnI,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CACxE,CAAC"}
+{"version":3,"file":"RnPdfKing.types.d.ts","sourceRoot":"","sources":["../src/RnPdfKing.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3F,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7F,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,SAAS,EAAE,CAAC;IACnC,0BAA0B,CAAC,EAAE,SAAS,EAAE,CAAC;IACzC,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnI,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CACxE,CAAC"}

package/build/RnPdfKing.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"RnPdfKing.types.js","sourceRoot":"","sources":["../src/RnPdfKing.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleProp, ViewStyle, NativeSyntheticEvent, ColorValue } from 'react-native';\n\nexport type Highlight = {\n  id: string;\n  startIndex: number;\n  endIndex: number;\n  color: ColorValue | number;\n};\n\nexport type RnPdfKingModuleEvents = {\n  onChange?: (event: { value: string }) => void;\n  onPdfLoadStarted: () => void;\n  onPdfLoadSuccess: (event: { filePath: string; fileName: string; pageCount: number }) => void;\n  onPdfLoadError: (event: { message: string }) => void;\n};\n\nexport type RnPdfKingViewProps = {\n  pageNo: number;\n  pdfWidth?: number;\n  pdfHeight?: number;\n  preDefinedHighlights?: Highlight[];\n  handleColor?: ColorValue | number;\n  selectionColor?: ColorValue | number;\n  selectionEnabled?: boolean;\n  style?: StyleProp<ViewStyle>;\n  onSelectionChanged?: (event: NativeSyntheticEvent<{ selectedText: string; selectionStart: number; selectionEnd: number }>) => void;\n  onSelectionStarted?: (event: NativeSyntheticEvent<{}>) => void;\n  onSelectionEnded?: (event: NativeSyntheticEvent<{}>) => void;\n  onPreDefinedHighlightClick?: (event: NativeSyntheticEvent<{ id: string }>) => void;\n  url?: string;\n  onLoad?: (event: { nativeEvent: { url: string | undefined } }) => void;\n};\n"]}
+{"version":3,"file":"RnPdfKing.types.js","sourceRoot":"","sources":["../src/RnPdfKing.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleProp, ViewStyle, NativeSyntheticEvent, ColorValue } from 'react-native';\n\nexport type Highlight = {\n  id: string;\n  startIndex: number;\n  endIndex: number;\n  color: ColorValue | number;\n  radiusOfDot?: number;\n};\n\nexport type RnPdfKingModuleEvents = {\n  onChange?: (event: { value: string }) => void;\n  onPdfLoadStarted: () => void;\n  onPdfLoadSuccess: (event: { filePath: string; fileName: string; pageCount: number }) => void;\n  onPdfLoadError: (event: { message: string }) => void;\n};\n\nexport type RnPdfKingViewProps = {\n  pageNo: number;\n  pdfWidth?: number;\n  pdfHeight?: number;\n  preDefinedHighlights?: Highlight[];\n  preDefinedDottedHighlights?: Highlight[];\n  handleColor?: ColorValue | number;\n  selectionColor?: ColorValue | number;\n  selectionEnabled?: boolean;\n  style?: StyleProp<ViewStyle>;\n  onSelectionChanged?: (event: NativeSyntheticEvent<{ selectedText: string; selectionStart: number; selectionEnd: number }>) => void;\n  onSelectionStarted?: (event: NativeSyntheticEvent<{}>) => void;\n  onSelectionEnded?: (event: NativeSyntheticEvent<{}>) => void;\n  onPreDefinedHighlightClick?: (event: NativeSyntheticEvent<{ id: string }>) => void;\n  url?: string;\n  onLoad?: (event: { nativeEvent: { url: string | undefined } }) => void;\n};\n"]}

package/build/ZoomablePdfPage.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-import { PdfPageProps } from './PdfPage';
+import { PdfPageProps, PdfPageHandle } from './PdfPage';
 export interface ZoomablePdfPageProps extends PdfPageProps {
     width?: number;
     height: number;
     style?: StyleProp<ViewStyle>;
 }
-export declare const ZoomablePdfPage: React.FC<ZoomablePdfPageProps>;
+export declare const ZoomablePdfPage: React.ForwardRefExoticComponent<ZoomablePdfPageProps & React.RefAttributes<PdfPageHandle>>;
 //# sourceMappingURL=ZoomablePdfPage.d.ts.map

package/build/ZoomablePdfPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomablePdfPage.d.ts","sourceRoot":"","sources":["../src/ZoomablePdfPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAIlD,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqB1D,CAAC"}
+{"version":3,"file":"ZoomablePdfPage.d.ts","sourceRoot":"","sources":["../src/ZoomablePdfPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAW,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAIjE,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,4FAsB1B,CAAC"}

package/build/ZoomablePdfPage.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { PdfPage } from './PdfPage';
 import { ZoomablePage } from './ZoomablePage';
 import { useZoomableList } from './ZoomableList';
-export const ZoomablePdfPage = (props) => {
+export const ZoomablePdfPage = forwardRef((props, ref) => {
     const { width: propWidth, height, style, selectionEnabled, ...pdfProps } = props;
     const { isPanning, isPinching, width: contextWidth } = useZoomableList();
     const width = propWidth ?? contextWidth;
@@ -11,7 +11,7 @@ export const ZoomablePdfPage = (props) => {
         ? (selectionEnabled && !isInteracting)
         : !isInteracting;
     return (<ZoomablePage width={width} height={height} style={style}>
-      <PdfPage width={width} height={height} style={{ width, height }} selectionEnabled={shouldEnableSelection} {...pdfProps}/>
+      <PdfPage ref={ref} width={width} height={height} style={{ width, height }} selectionEnabled={shouldEnableSelection} {...pdfProps}/>
     </ZoomablePage>);
-};
+});
 //# sourceMappingURL=ZoomablePdfPage.js.map

package/build/ZoomablePdfPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomablePdfPage.js","sourceRoot":"","sources":["../src/ZoomablePdfPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQjD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjF,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzE,MAAM,KAAK,GAAG,SAAS,IAAI,YAAY,CAAC;IACxC,MAAM,aAAa,GAAG,SAAS,IAAI,UAAU,CAAC;IAC9C,MAAM,qBAAqB,GAAG,gBAAgB,KAAK,SAAS;QAC1D,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,aAAa,CAAC;QACtC,CAAC,CAAC,CAAC,aAAa,CAAC;IAEnB,OAAO,CACL,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACvD;MAAA,CAAC,OAAO,CACN,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CACzB,gBAAgB,CAAC,CAAC,qBAAqB,CAAC,CACxC,IAAI,QAAQ,CAAC,EAEjB;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { PdfPage, PdfPageProps } from './PdfPage';\nimport { ZoomablePage } from './ZoomablePage';\nimport { useZoomableList } from './ZoomableList';\n\nexport interface ZoomablePdfPageProps extends PdfPageProps {\n  width?: number;\n  height: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport const ZoomablePdfPage: React.FC<ZoomablePdfPageProps> = (props) => {\n  const { width: propWidth, height, style, selectionEnabled, ...pdfProps } = props;\n  const { isPanning, isPinching, width: contextWidth } = useZoomableList();\n\n  const width = propWidth ?? contextWidth;\n  const isInteracting = isPanning || isPinching;\n  const shouldEnableSelection = selectionEnabled !== undefined \n    ? (selectionEnabled && !isInteracting) \n    : !isInteracting;\n\n  return (\n    <ZoomablePage width={width} height={height} style={style}>\n      <PdfPage\n        width={width}\n        height={height}\n        style={{ width, height }}\n        selectionEnabled={shouldEnableSelection}\n        {...pdfProps}\n      />\n    </ZoomablePage>\n  );\n};\n"]}
+{"version":3,"file":"ZoomablePdfPage.js","sourceRoot":"","sources":["../src/ZoomablePdfPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,OAAO,EAA+B,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQjD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5F,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjF,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzE,MAAM,KAAK,GAAG,SAAS,IAAI,YAAY,CAAC;IACxC,MAAM,aAAa,GAAG,SAAS,IAAI,UAAU,CAAC;IAC9C,MAAM,qBAAqB,GAAG,gBAAgB,KAAK,SAAS;QAC1D,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,aAAa,CAAC;QACtC,CAAC,CAAC,CAAC,aAAa,CAAC;IAEnB,OAAO,CACL,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACvD;MAAA,CAAC,OAAO,CACN,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CACzB,gBAAgB,CAAC,CAAC,qBAAqB,CAAC,CACxC,IAAI,QAAQ,CAAC,EAEjB;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { PdfPage, PdfPageProps, PdfPageHandle } from './PdfPage';\nimport { ZoomablePage } from './ZoomablePage';\nimport { useZoomableList } from './ZoomableList';\n\nexport interface ZoomablePdfPageProps extends PdfPageProps {\n  width?: number;\n  height: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport const ZoomablePdfPage = forwardRef<PdfPageHandle, ZoomablePdfPageProps>((props, ref) => {\n  const { width: propWidth, height, style, selectionEnabled, ...pdfProps } = props;\n  const { isPanning, isPinching, width: contextWidth } = useZoomableList();\n\n  const width = propWidth ?? contextWidth;\n  const isInteracting = isPanning || isPinching;\n  const shouldEnableSelection = selectionEnabled !== undefined \n    ? (selectionEnabled && !isInteracting) \n    : !isInteracting;\n\n  return (\n    <ZoomablePage width={width} height={height} style={style}>\n      <PdfPage\n        ref={ref}\n        width={width}\n        height={height}\n        style={{ width, height }}\n        selectionEnabled={shouldEnableSelection}\n        {...pdfProps}\n      />\n    </ZoomablePage>\n  );\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-pdf-king",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "The one and only best pdf library that efficiently handle 1000 page pdf with memeory mangement , easy selection , very customizable and allow pdf to edit",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/src/PdfPage.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef, useImperativeHandle, forwardRef } from 'react';
 import { requireNativeViewManager } from 'expo-modules-core';
 import { ViewProps, NativeSyntheticEvent, processColor } from 'react-native';
 import { Highlight } from './RnPdfKing.types';
@@ -10,6 +10,7 @@ export interface PdfPageProps extends ViewProps {
   width?: number;
   height?: number;
   preDefinedHighlights?: Highlight[];
+  preDefinedDottedHighlights?: Highlight[];
   handleColor?: string | number;
   selectionColor?: string | number;
   selectionEnabled?: boolean;
@@ -19,11 +20,16 @@ export interface PdfPageProps extends ViewProps {
   onPreDefinedHighlightClick?: (event: NativeSyntheticEvent<{ id: string }>) => void;
 }
 
-export const PdfPage: React.FC<PdfPageProps> = (props) => {
+export interface PdfPageHandle {
+  clearSelectionState: () => void;
+}
+
+export const PdfPage = forwardRef<PdfPageHandle, PdfPageProps>((props, ref) => {
   const { 
     width, 
     height, 
     preDefinedHighlights,
+    preDefinedDottedHighlights,
     handleColor,
     selectionColor,
     selectionEnabled,
@@ -34,16 +40,31 @@ export const PdfPage: React.FC<PdfPageProps> = (props) => {
     ...rest 
   } = props;
   
+  const nativeRef = useRef<any>(null);
+
+  useImperativeHandle(ref, () => ({
+    clearSelectionState: () => {
+      nativeRef.current?.clearSelection?.();
+    }
+  }));
+  
   const processedHighlights = preDefinedHighlights?.map(h => ({
     ...h,
     color: processColor(h.color)
   }));
+
+  const processedDottedHighlights = preDefinedDottedHighlights?.map(h => ({
+    ...h,
+    color: processColor(h.color)
+  }));
   
   return (
     <NativePdfView 
+      ref={nativeRef}
       pdfWidth={width} 
       pdfHeight={height} 
       preDefinedHighlights={processedHighlights}
+      preDefinedDottedHighlights={processedDottedHighlights}
       handleColor={processColor(handleColor)}
       selectionColor={processColor(selectionColor)}
       selectionEnabled={selectionEnabled}
@@ -54,4 +75,4 @@ export const PdfPage: React.FC<PdfPageProps> = (props) => {
       {...rest} 
     />
   );
-};
+});

package/src/RnPdfKing.types.ts

@@ -5,6 +5,7 @@ export type Highlight = {
   startIndex: number;
   endIndex: number;
   color: ColorValue | number;
+  radiusOfDot?: number;
 };
 
 export type RnPdfKingModuleEvents = {
@@ -19,6 +20,7 @@ export type RnPdfKingViewProps = {
   pdfWidth?: number;
   pdfHeight?: number;
   preDefinedHighlights?: Highlight[];
+  preDefinedDottedHighlights?: Highlight[];
   handleColor?: ColorValue | number;
   selectionColor?: ColorValue | number;
   selectionEnabled?: boolean;

package/src/ZoomablePdfPage.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-import { PdfPage, PdfPageProps } from './PdfPage';
+import { PdfPage, PdfPageProps, PdfPageHandle } from './PdfPage';
 import { ZoomablePage } from './ZoomablePage';
 import { useZoomableList } from './ZoomableList';
 
@@ -10,7 +10,7 @@ export interface ZoomablePdfPageProps extends PdfPageProps {
   style?: StyleProp<ViewStyle>;
 }
 
-export const ZoomablePdfPage: React.FC<ZoomablePdfPageProps> = (props) => {
+export const ZoomablePdfPage = forwardRef<PdfPageHandle, ZoomablePdfPageProps>((props, ref) => {
   const { width: propWidth, height, style, selectionEnabled, ...pdfProps } = props;
   const { isPanning, isPinching, width: contextWidth } = useZoomableList();
 
@@ -23,6 +23,7 @@ export const ZoomablePdfPage: React.FC<ZoomablePdfPageProps> = (props) => {
   return (
     <ZoomablePage width={width} height={height} style={style}>
       <PdfPage
+        ref={ref}
         width={width}
         height={height}
         style={{ width, height }}
@@ -31,4 +32,4 @@ export const ZoomablePdfPage: React.FC<ZoomablePdfPageProps> = (props) => {
       />
     </ZoomablePage>
   );
-};
+});