@edgepdf/viewer-react 0.0.33 → 0.0.34

package/README.md

@@ -333,6 +333,10 @@ interface UseMarkersReturn {
       zoom?: number;
       animate?: boolean;
       duration?: number;
+      offsetLeft?: number;
+      offsetRight?: number;
+      offsetTop?: number;
+      offsetBottom?: number;
     }
   ) => boolean;
 }
@@ -408,6 +412,21 @@ function MarkerControls() {
 - **`clearMarkers(): void`** - Removes all markers.
 
 - **`focusMarker(markerOrId: string | Marker, options?: FocusOptions): boolean`** - Focuses on a marker by panning and zooming. Returns `true` if successful, `false` otherwise.
+  
+  **Options:**
+  - `zoom?: number` - Target zoom level (uses marker's zoom or default if not provided)
+  - `animate?: boolean` - Whether to animate the transition (default: true)
+  - `duration?: number` - Animation duration in seconds (default: 0.5)
+  - `offsetLeft?: number` - Pixel offset to move focus marker to the left (default: 0)
+  - `offsetRight?: number` - Pixel offset to move focus marker to the right (default: 0)
+  - `offsetTop?: number` - Pixel offset to move focus marker upward (default: 0)
+  - `offsetBottom?: number` - Pixel offset to move focus marker downward (default: 0)
+  
+  **Example:**
+  ```tsx
+  // Focus with offset to account for overlay
+  focusMarker(markerId, { offsetLeft: 100, offsetTop: 50 });
+  ```
 
 ---
 

package/dist/index.js

@@ -11272,6 +11272,10 @@ var MarkerManager = class {
    * @param options.zoom - Target zoom level (uses marker's zoom or default if not provided)
    * @param options.animate - Whether to animate the transition (default: true)
    * @param options.duration - Animation duration in seconds (default: 0.5)
+   * @param options.offsetLeft - Pixel offset to move focus marker to the left (default: 0)
+   * @param options.offsetRight - Pixel offset to move focus marker to the right (default: 0)
+   * @param options.offsetTop - Pixel offset to move focus marker upward (default: 0)
+   * @param options.offsetBottom - Pixel offset to move focus marker downward (default: 0)
    * @returns True if focus was successful, false if marker not found
    *
    * @example
@@ -11287,6 +11291,9 @@ var MarkerManager = class {
    *
    * // Focus with custom duration
    * markerManager.focusMarker('marker-123', { zoom: 2, duration: 1.0 });
+   *
+   * // Focus with offset to account for overlay
+   * markerManager.focusMarker('marker-123', { offsetLeft: 100, offsetTop: 50 });
    * ```
    */
   focusMarker(markerOrId, options) {
@@ -11310,12 +11317,38 @@ var MarkerManager = class {
     ];
     const animate = options?.animate !== false;
     const duration = options?.duration ?? 0.5;
-    if (animate) {
-      this.map.flyTo(position, constrainedZoom, {
-        duration
-      });
+    const offsetX = (options?.offsetRight ?? 0) - (options?.offsetLeft ?? 0);
+    const offsetY = (options?.offsetBottom ?? 0) - (options?.offsetTop ?? 0);
+    if (offsetX !== 0 || offsetY !== 0) {
+      const currentZoom = this.map.getZoom();
+      const needsZoomChange = currentZoom !== constrainedZoom;
+      if (needsZoomChange) {
+        this.map.setZoom(constrainedZoom, { animate: false });
+      }
+      const markerPoint = this.map.latLngToContainerPoint(position);
+      const offsetPoint = import_leaflet3.default.point(
+        markerPoint.x + offsetX,
+        markerPoint.y + offsetY
+      );
+      const offsetLatLng = this.map.containerPointToLatLng(offsetPoint);
+      if (needsZoomChange && animate) {
+        this.map.setZoom(currentZoom, { animate: false });
+      }
+      if (animate) {
+        this.map.flyTo(offsetLatLng, constrainedZoom, {
+          duration
+        });
+      } else {
+        this.map.setView(offsetLatLng, constrainedZoom);
+      }
     } else {
-      this.map.setView(position, constrainedZoom);
+      if (animate) {
+        this.map.flyTo(position, constrainedZoom, {
+          duration
+        });
+      } else {
+        this.map.setView(position, constrainedZoom);
+      }
     }
     return true;
   }
@@ -12437,6 +12470,10 @@ var EdgePdfViewer = class {
    * @param options.zoom - Target zoom level (uses marker's zoom or default if not provided)
    * @param options.animate - Whether to animate the transition (default: true)
    * @param options.duration - Animation duration in seconds (default: 0.5)
+   * @param options.offsetLeft - Pixel offset to move focus marker to the left (default: 0)
+   * @param options.offsetRight - Pixel offset to move focus marker to the right (default: 0)
+   * @param options.offsetTop - Pixel offset to move focus marker upward (default: 0)
+   * @param options.offsetBottom - Pixel offset to move focus marker downward (default: 0)
    * @returns True if focus was successful, false if marker not found or viewer not initialized
    *
    * @example
@@ -12446,6 +12483,9 @@ var EdgePdfViewer = class {
    *
    * // Focus with specific zoom level
    * viewer.focusMarker('marker-123', { zoom: 3 });
+   *
+   * // Focus with offset to account for overlay
+   * viewer.focusMarker('marker-123', { offsetLeft: 100, offsetTop: 50 });
    * ```
    */
   focusMarker(markerOrId, options) {
@@ -12813,11 +12853,29 @@ function EdgePDFViewer({
     if (!markerManager) {
       return;
     }
+    let previousMarkers = [];
+    const markersEqual = (a, b) => {
+      if (a.length !== b.length)
+        return false;
+      const bMap = new Map(b.map((m) => [m.id, m]));
+      for (const marker of a) {
+        const other = bMap.get(marker.id);
+        if (!other)
+          return false;
+        if (marker.x !== other.x || marker.y !== other.y || marker.position[0] !== other.position[0] || marker.position[1] !== other.position[1] || marker.iconType !== other.iconType) {
+          return false;
+        }
+      }
+      return true;
+    };
     const updateMarkers = () => {
       const allMarkers = markerManager.getAllMarkers();
-      setContextValue({ markers: allMarkers });
-      if (onPinsUpdateRef.current) {
-        onPinsUpdateRef.current(allMarkers);
+      if (!markersEqual(allMarkers, previousMarkers)) {
+        setContextValue({ markers: allMarkers });
+        if (onPinsUpdateRef.current) {
+          onPinsUpdateRef.current(allMarkers);
+        }
+        previousMarkers = allMarkers;
       }
     };
     const unsubscribeDelete = markerManager.on("delete", updateMarkers);

package/dist/lib/pdf-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pdf-viewer.d.ts","sourceRoot":"","sources":["../../src/lib/pdf-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAU,EACX,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qEAAqE;IACrE,oBAAoB,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACrD,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,gBAAuB,EACvB,oBAAkC,EAClC,aAAoB,EACpB,gBAAuB,EACvB,cAAqB,EACrB,gBAAuB,EACvB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,cAAc,EACd,cAAc,EACd,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA6XlC"}
+{"version":3,"file":"pdf-viewer.d.ts","sourceRoot":"","sources":["../../src/lib/pdf-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAU,EACX,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qEAAqE;IACrE,oBAAoB,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACrD,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,gBAAuB,EACvB,oBAAkC,EAClC,aAAoB,EACpB,gBAAuB,EACvB,cAAqB,EACrB,gBAAuB,EACvB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,cAAc,EACd,cAAc,EACd,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAialC"}

package/dist/lib/use-markers.d.ts

@@ -27,6 +27,10 @@ export interface UseMarkersReturn {
         zoom?: number;
         animate?: boolean;
         duration?: number;
+        offsetLeft?: number;
+        offsetRight?: number;
+        offsetTop?: number;
+        offsetBottom?: number;
     }) => boolean;
 }
 /**

package/dist/lib/use-markers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-markers.d.ts","sourceRoot":"","sources":["../../src/lib/use-markers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,MAAM,GAAG,IAAI,CAAC;IAC3D,4BAA4B;IAC5B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,sBAAsB;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;IAChE,yBAAyB;IACzB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACzC,sBAAsB;IACtB,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,aAAa,EAAE,MAAM,UAAU,CAAC;IAChC,+BAA+B;IAC/B,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC7C,wBAAwB;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,+DAA+D;IAC/D,WAAW,EAAE,CACX,UAAU,EAAE,MAAM,GAAG,MAAM,EAC3B,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,KACE,OAAO,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,UAAU,IAAI,gBAAgB,CA2O7C"}
+{"version":3,"file":"use-markers.d.ts","sourceRoot":"","sources":["../../src/lib/use-markers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,MAAM,GAAG,IAAI,CAAC;IAC3D,4BAA4B;IAC5B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,sBAAsB;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;IAChE,yBAAyB;IACzB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACzC,sBAAsB;IACtB,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,aAAa,EAAE,MAAM,UAAU,CAAC;IAChC,+BAA+B;IAC/B,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC7C,wBAAwB;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,+DAA+D;IAC/D,WAAW,EAAE,CACX,UAAU,EAAE,MAAM,GAAG,MAAM,EAC3B,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,KACE,OAAO,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,UAAU,IAAI,gBAAgB,CA+O7C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgepdf/viewer-react",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "description": "EdgePDF Viewer - React components for viewing PDF documents with interactive markers and zoom controls",
   "type": "module",
   "main": "./dist/index.js",