@embedpdf/plugin-annotation 1.0.16 → 1.0.17

package/dist/react/index.js

@@ -1,7 +1,7 @@
 import { usePlugin, useCapability } from "@embedpdf/core/react";
 import { AnnotationPlugin, patching, getAnnotationsByPageIndex, getSelectedAnnotationByPageIndex, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp } from "@embedpdf/plugin-annotation";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { restoreOffset, rectEquals, PdfAnnotationBorderStyle, PdfAnnotationSubtype, expandRect, rectFromPoints, textAlignmentToCss, standardFontCss, PdfVerticalAlignment, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode } from "@embedpdf/models";
+import { restoreOffset, rectEquals, PdfAnnotationBorderStyle, PdfAnnotationSubtype, expandRect, rectFromPoints, textAlignmentToCss, standardFontCss, PdfVerticalAlignment, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode, uuidV4 } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/react";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/react";
 import { Fragment, useState, useRef, useEffect, useLayoutEffect, useMemo, useCallback } from "react";
@@ -415,7 +415,7 @@ function AnnotationContainer({
     setCurrentRect,
     setCurrentVertices,
     setPreviewObject,
-    commit: (patch) => annotationProvides == null ? void 0 : annotationProvides.updateAnnotation(pageIndex, trackedAnnotation.localId, patch)
+    commit: (patch) => annotationProvides == null ? void 0 : annotationProvides.updateAnnotation(pageIndex, trackedAnnotation.object.id, patch)
   });
   useLayoutEffect(() => {
     if (!rectEquals(trackedAnnotation.object.rect, currentRect)) {
@@ -474,7 +474,7 @@ function AnnotationContainer({
                     rect: currentRect,
                     vertices: v
                   });
-                  annotationProvides.updateAnnotation(pageIndex, trackedAnnotation.localId, patch);
+                  annotationProvides.updateAnnotation(pageIndex, trackedAnnotation.object.id, patch);
                 }
               }
             }
@@ -984,7 +984,7 @@ function Line({
             onTouchStart: onClick,
             style: {
               cursor: isSelected ? "move" : "pointer",
-              pointerEvents: "visibleStroke",
+              pointerEvents: isSelected ? "none" : "visibleStroke",
               stroke: strokeColor,
               strokeWidth,
               strokeLinecap: "butt",
@@ -1006,7 +1006,7 @@ function Line({
               cursor: isSelected ? "move" : "pointer",
               strokeWidth,
               strokeLinecap: "butt",
-              pointerEvents: endings.start.filled ? "visible" : "visibleStroke",
+              pointerEvents: isSelected ? "none" : endings.start.filled ? "visible" : "visibleStroke",
               ...strokeStyle === PdfAnnotationBorderStyle.DASHED && {
                 strokeDasharray: strokeDashArray == null ? void 0 : strokeDashArray.join(",")
               }
@@ -1026,7 +1026,7 @@ function Line({
               cursor: isSelected ? "move" : "pointer",
               strokeWidth,
               strokeLinecap: "butt",
-              pointerEvents: endings.end.filled ? "visible" : "visibleStroke",
+              pointerEvents: isSelected ? "none" : endings.end.filled ? "visible" : "visibleStroke",
               ...strokeStyle === PdfAnnotationBorderStyle.DASHED && {
                 strokeDasharray: strokeDashArray == null ? void 0 : strokeDashArray.join(",")
               }
@@ -1110,7 +1110,7 @@ function Polyline({
               stroke: strokeColor ?? color,
               strokeWidth,
               cursor: isSelected ? "move" : "pointer",
-              pointerEvents: "visibleStroke",
+              pointerEvents: isSelected ? "none" : "visibleStroke",
               strokeLinecap: "butt",
               strokeLinejoin: "miter"
             }
@@ -1128,7 +1128,7 @@ function Polyline({
             style: {
               cursor: isSelected ? "move" : "pointer",
               strokeWidth,
-              pointerEvents: endings.start.filled ? "visible" : "visibleStroke",
+              pointerEvents: isSelected ? "none" : endings.start.filled ? "visible" : "visibleStroke",
               strokeLinecap: "butt"
             }
           }
@@ -1292,7 +1292,7 @@ function FreeText({
   const handleBlur = () => {
     if (!annotationProvides) return;
     if (!editorRef.current) return;
-    annotationProvides.updateAnnotation(pageIndex, annotation.localId, {
+    annotationProvides.updateAnnotation(pageIndex, annotation.object.id, {
       contents: editorRef.current.innerText
     });
   };
@@ -1408,11 +1408,11 @@ function Stamp({ isSelected, annotation, pageIndex, scale, onClick }) {
       },
       onPointerDown: onClick,
       onTouchStart: onClick,
-      children: annotation.pdfId !== void 0 && /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(
         RenderAnnotation,
         {
           pageIndex,
-          annotation: { ...annotation.object, id: annotation.pdfId },
+          annotation: { ...annotation.object, id: annotation.object.id },
           scaleFactor: scale
         }
       )
@@ -1450,7 +1450,7 @@ function Annotations(annotationsProps) {
     (e, annotation) => {
       e.stopPropagation();
       if (annotationProvides && selectionProvides) {
-        annotationProvides.selectAnnotation(pageIndex, annotation.localId);
+        annotationProvides.selectAnnotation(pageIndex, annotation.object.id);
         selectionProvides.clear();
         setEditingId(null);
       }
@@ -1461,8 +1461,8 @@ function Annotations(annotationsProps) {
     return register(handlers);
   }, [register, handlers]);
   return /* @__PURE__ */ jsx(Fragment$1, { children: annotations.map((annotation) => {
-    const isSelected = (selectionState == null ? void 0 : selectionState.localId) === annotation.localId;
-    const isEditing = editingId === annotation.localId;
+    const isSelected = (selectionState == null ? void 0 : selectionState.object.id) === annotation.object.id;
+    const isEditing = editingId === annotation.object.id;
     if (isInk(annotation)) {
       return /* @__PURE__ */ jsx(
         AnnotationContainer,
@@ -1491,7 +1491,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isSquare(annotation)) {
@@ -1523,7 +1523,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isCircle(annotation)) {
@@ -1555,7 +1555,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isUnderline(annotation)) {
@@ -1583,7 +1583,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isStrikeout(annotation)) {
@@ -1611,7 +1611,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isSquiggly(annotation)) {
@@ -1639,7 +1639,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isHighlight(annotation)) {
@@ -1667,7 +1667,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isLine(annotation)) {
@@ -1706,7 +1706,7 @@ function Annotations(annotationsProps) {
             }
           ) })
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isPolyline(annotation)) {
@@ -1740,7 +1740,7 @@ function Annotations(annotationsProps) {
             }
           ) })
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isPolygon(annotation)) {
@@ -1775,7 +1775,7 @@ function Annotations(annotationsProps) {
             }
           ) })
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isFreeText(annotation)) {
@@ -1790,7 +1790,7 @@ function Annotations(annotationsProps) {
           outlineOffset: 6,
           onDoubleClick: (e) => {
             e.stopPropagation();
-            setEditingId(annotation.localId);
+            setEditingId(annotation.object.id);
           },
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
@@ -1811,7 +1811,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     if (isStamp(annotation)) {
@@ -1839,7 +1839,7 @@ function Annotations(annotationsProps) {
             }
           )
         },
-        annotation.localId
+        annotation.object.id
       );
     }
     return null;
@@ -2026,8 +2026,9 @@ const InkPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
               color: toolColor,
               opacity: toolOpacity,
               strokeWidth: toolStrokeWidth,
+              created: /* @__PURE__ */ new Date(),
               pageIndex,
-              id: Date.now() + Math.random()
+              id: uuidV4()
             };
             annotationProvides.createAnnotation(pageIndex, anno);
             annotationProvides.setActiveVariant(null);
@@ -2184,8 +2185,9 @@ const CirclePaint = ({
               strokeColor: toolStrokeColor,
               strokeStyle: toolStrokeStyle,
               strokeDashArray: toolStrokeDashArray,
+              created: /* @__PURE__ */ new Date(),
               pageIndex,
-              id: Date.now() + Math.random()
+              id: uuidV4()
             };
             annotationProvides.createAnnotation(pageIndex, anno);
             annotationProvides.setActiveVariant(null);
@@ -2339,7 +2341,8 @@ const SquarePaint = ({
               strokeStyle: toolStrokeStyle,
               strokeDashArray: toolStrokeDashArray,
               pageIndex,
-              id: Date.now() + Math.random()
+              id: uuidV4(),
+              created: /* @__PURE__ */ new Date()
             };
             annotationProvides.createAnnotation(pageIndex, anno);
             annotationProvides.setActiveVariant(null);
@@ -2462,7 +2465,8 @@ const PolylinePaint = ({
       strokeDashArray: toolStrokeDashArray,
       lineEndings: toolLineEndings,
       pageIndex,
-      id: Date.now() + Math.random()
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date()
     };
     annotationProvides.createAnnotation(pageIndex, anno);
     annotationProvides.setActiveVariant(null);
@@ -2570,7 +2574,8 @@ const LinePaint = ({ pageIndex, scale, pageWidth, pageHeight, cursor }) => {
       lineEndings: toolLineEndings,
       intent,
       pageIndex,
-      id: Date.now() + Math.random()
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date()
     };
     annotationProvides.createAnnotation(pageIndex, anno);
     annotationProvides.setActiveVariant(null);
@@ -2692,7 +2697,8 @@ const PolygonPaint = ({
       strokeStyle: toolStrokeStyle,
       strokeDashArray: toolStrokeDashArray,
       pageIndex,
-      id: Date.now() + Math.random()
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date()
     };
     annotationProvides.createAnnotation(pageIndex, anno);
     annotationProvides.setActiveVariant(null);
@@ -2883,7 +2889,8 @@ const FreeTextPaint = ({
       textAlign: toolTextAlign,
       verticalAlign: toolVerticalAlign,
       pageIndex,
-      id: Date.now() + Math.random()
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date()
     };
     annotationProvides.createAnnotation(pageIndex, anno);
     annotationProvides.setActiveVariant(null);
@@ -3029,7 +3036,8 @@ const StampPaint = ({ pageIndex, scale, pageWidth, pageHeight }) => {
       type: PdfAnnotationSubtype.STAMP,
       flags: ["print"],
       pageIndex,
-      id: Date.now() + Math.random(),
+      id: uuidV4(),
+      created: /* @__PURE__ */ new Date(),
       rect
     };
     annotationProvides.createAnnotation(pageIndex, anno, { imageData });