@embedpdf/plugin-annotation 1.2.1 → 1.3.0

package/dist/react/index.js

@@ -29,10 +29,12 @@ function AnnotationContainer({
   selectionMenu,
   outlineOffset = 1,
   onDoubleClick,
+  onSelect,
   zIndex = 1,
   resizeUI,
   vertexUI,
   selectionOutlineColor = "#007ACC",
+  customAnnotationRenderer,
   ...props
 }) {
   const [preview, setPreview] = useState(trackedAnnotation.object);
@@ -121,7 +123,22 @@ function AnnotationContainer({
         },
         ...props,
         children: [
-          typeof children === "function" ? children(currentObject) : children,
+          (() => {
+            const customRender = customAnnotationRenderer == null ? void 0 : customAnnotationRenderer({
+              annotation: currentObject,
+              isSelected,
+              scale,
+              rotation,
+              pageWidth,
+              pageHeight,
+              pageIndex,
+              onSelect
+            });
+            if (customRender !== null && customRender !== void 0) {
+              return customRender;
+            }
+            return typeof children === "function" ? children(currentObject) : children;
+          })(),
           isSelected && isResizable && resize.map(
             ({ key, ...hProps }) => (resizeUI == null ? void 0 : resizeUI.component) ? resizeUI.component({
               key,
@@ -184,8 +201,7 @@ function Highlight({
   rect,
   scale,
   onClick,
-  style,
-  ...props
+  style
 }) {
   return /* @__PURE__ */ jsx(Fragment, { children: segmentRects.map((b, i) => /* @__PURE__ */ jsx(
     "div",
@@ -204,8 +220,7 @@ function Highlight({
         cursor: onClick ? "pointer" : "default",
         zIndex: onClick ? 1 : void 0,
         ...style
-      },
-      ...props
+      }
     },
     i
   )) });
@@ -217,8 +232,7 @@ function Underline({
   rect,
   scale,
   onClick,
-  style,
-  ...props
+  style
 }) {
   const thickness = 2 * scale;
   return /* @__PURE__ */ jsx(Fragment, { children: segmentRects.map((r, i) => /* @__PURE__ */ jsx(
@@ -238,7 +252,6 @@ function Underline({
         zIndex: onClick ? 1 : 0,
         ...style
       },
-      ...props,
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -265,8 +278,7 @@ function Strikeout({
   rect,
   scale,
   onClick,
-  style,
-  ...props
+  style
 }) {
   const thickness = 2 * scale;
   return /* @__PURE__ */ jsx(Fragment, { children: segmentRects.map((r, i) => /* @__PURE__ */ jsx(
@@ -286,7 +298,6 @@ function Strikeout({
         zIndex: onClick ? 1 : 0,
         ...style
       },
-      ...props,
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -314,8 +325,7 @@ function Squiggly({
   rect,
   scale,
   onClick,
-  style,
-  ...props
+  style
 }) {
   const amplitude = 2 * scale;
   const period = 6 * scale;
@@ -341,7 +351,6 @@ function Squiggly({
         zIndex: onClick ? 1 : 0,
         ...style
       },
-      ...props,
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -1022,6 +1031,7 @@ function RenderAnnotation({
       style: {
         width: "100%",
         height: "100%",
+        display: "block",
         ...style || {}
       }
     }
@@ -1098,15 +1108,18 @@ function Annotations(annotationsProps) {
   return /* @__PURE__ */ jsx(Fragment, { children: annotations.map((annotation) => {
     const isSelected = (selectionState == null ? void 0 : selectionState.object.id) === annotation.object.id;
     const isEditing = editingId === annotation.object.id;
+    const tool = annotationProvides == null ? void 0 : annotationProvides.findToolForAnnotation(annotation.object);
     if (isInk(annotation)) {
       return /* @__PURE__ */ jsx(
         AnnotationContainer,
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: true,
-          isResizable: true,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
           },
@@ -1130,9 +1143,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: true,
-          isResizable: true,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
           },
@@ -1156,9 +1171,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: true,
-          isResizable: true,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
           },
@@ -1182,9 +1199,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: false,
-          isResizable: false,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           zIndex: 0,
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
@@ -1201,9 +1220,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: false,
-          isResizable: false,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           zIndex: 0,
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
@@ -1220,9 +1241,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: false,
-          isResizable: false,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           zIndex: 0,
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
@@ -1239,9 +1262,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: false,
-          isResizable: false,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           zIndex: 0,
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Multiply)
@@ -1258,9 +1283,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: true,
-          isResizable: false,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           vertexConfig: {
             extractVertices: (annotation2) => [
               annotation2.linePoints.start,
@@ -1299,9 +1326,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: true,
-          isResizable: false,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           vertexConfig: {
             extractVertices: (annotation2) => annotation2.vertices,
             transformAnnotation: (annotation2, vertices) => {
@@ -1334,9 +1363,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: true,
-          isResizable: false,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           vertexConfig: {
             extractVertices: (annotation2) => annotation2.vertices,
             transformAnnotation: (annotation2, vertices) => {
@@ -1369,9 +1400,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: !isEditing,
-          isResizable: true,
+          isDraggable: ((tool == null ? void 0 : tool.interaction.isDraggable) ?? true) && !isEditing,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
+          onSelect: (e) => handleClick(e, annotation),
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
           },
@@ -1404,10 +1437,11 @@ function Annotations(annotationsProps) {
         {
           trackedAnnotation: annotation,
           isSelected,
-          isDraggable: true,
-          isResizable: true,
+          isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
+          isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
+          lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
           selectionMenu,
-          lockAspectRatio: true,
+          onSelect: (e) => handleClick(e, annotation),
           style: {
             mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
           },
@@ -1665,6 +1699,7 @@ function AnnotationLayer({
   pageHeight,
   rotation,
   selectionOutlineColor,
+  customAnnotationRenderer,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -1686,7 +1721,8 @@ function AnnotationLayer({
             pageHeight,
             resizeUI,
             vertexUI,
-            selectionOutlineColor
+            selectionOutlineColor,
+            customAnnotationRenderer
           }
         ),
         /* @__PURE__ */ jsx(TextMarkup, { pageIndex, scale }),