@embedpdf/plugin-annotation 2.9.0 → 2.9.1

package/dist/react/index.js

@@ -404,7 +404,7 @@ function AnnotationContainer({
           ...blendMode && { mixBlendMode: blendMode },
           ...style
         },
-        children: /* @__PURE__ */ jsxs("div", { style: { ...innerDivBaseStyle, pointerEvents: "none" }, children: [
+        children: /* @__PURE__ */ jsxs("div", { style: { ...innerDivBaseStyle, pointerEvents: isEditing ? "auto" : "none" }, children: [
           (() => {
             const childrenRender = typeof children === "function" ? children(childObject, { appearanceActive: apActive }) : children;
             const customRender = customAnnotationRenderer == null ? void 0 : customAnnotationRenderer({
@@ -579,7 +579,7 @@ function AnnotationContainer({
             ...innerDivBaseStyle,
             outline: showOutline ? `${outlineWidth}px ${outlineStyle} ${outlineColor}` : "none",
             outlineOffset: showOutline ? `${outlineOff}px` : "0px",
-            pointerEvents: isSelected && !isMultiSelected ? "auto" : "none",
+            pointerEvents: isSelected && !isMultiSelected && !isEditing ? "auto" : "none",
             touchAction: "none",
             cursor: isSelected && effectiveIsDraggable ? "move" : "default"
           },
@@ -2080,15 +2080,20 @@ function FreeText({
   const annotationProvides = (annotationCapability == null ? void 0 : annotationCapability.forDocument(documentId)) ?? null;
   const [isIOS, setIsIOS] = useState(false);
   useEffect(() => {
+    var _a;
     if (isEditing && editorRef.current) {
       editingRef.current = true;
       const editor = editorRef.current;
       editor.focus();
+      const tool = annotationProvides == null ? void 0 : annotationProvides.findToolForAnnotation(annotation.object);
+      const isDefaultContent = ((_a = tool == null ? void 0 : tool.defaults) == null ? void 0 : _a.contents) != null && annotation.object.contents === tool.defaults.contents;
       const selection = window.getSelection();
       if (selection) {
         const range = document.createRange();
         range.selectNodeContents(editor);
-        range.collapse(false);
+        if (!isDefaultContent) {
+          range.collapse(false);
+        }
         selection.removeAllRanges();
         selection.addRange(range);
       }
@@ -2109,7 +2114,7 @@ function FreeText({
     if (!annotationProvides) return;
     if (!editorRef.current) return;
     annotationProvides.updateAnnotation(pageIndex, annotation.object.id, {
-      contents: editorRef.current.innerText
+      contents: editorRef.current.innerText.replace(/\u00A0/g, " ")
     });
   };
   const computedFontPx = annotation.object.fontSize * scale;
@@ -2930,6 +2935,14 @@ function Annotations(annotationsProps) {
       });
     }
   }, [annotationProvides, pageIndex]);
+  useEffect(() => {
+    if (!annotationProvides) return;
+    return annotationProvides.onAnnotationEvent((event) => {
+      if (event.type === "create" && event.editAfterCreate) {
+        setEditingId(event.annotation.id);
+      }
+    });
+  }, [annotationProvides]);
   useEffect(() => {
     if (!annotationProvides) return;
     if (prevScaleRef.current !== scale) {
@@ -2949,12 +2962,15 @@ function Annotations(annotationsProps) {
     () => ({
       onPointerDown: (_, pe) => {
         if (pe.target === pe.currentTarget && annotationProvides) {
+          if (editingId && annotations.some((a) => a.object.id === editingId)) {
+            pe.stopImmediatePropagation();
+          }
           annotationProvides.deselectAnnotation();
           setEditingId(null);
         }
       }
     }),
-    [annotationProvides]
+    [annotationProvides, editingId, annotations]
   );
   const handleClick = useCallback(
     (e, annotation) => {