@embedpdf/plugin-annotation 1.2.1 → 1.3.1

package/dist/preact/index.js

@@ -28,10 +28,12 @@ function AnnotationContainer({
   selectionMenu,
   outlineOffset = 1,
   onDoubleClick,
+  onSelect,
   zIndex = 1,
   resizeUI,
   vertexUI,
   selectionOutlineColor = "#007ACC",
+  customAnnotationRenderer,
   ...props
 }) {
   const [preview, setPreview] = useState(trackedAnnotation.object);
@@ -120,7 +122,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,
@@ -183,8 +200,7 @@ function Highlight({
   rect,
   scale,
   onClick,
-  style,
-  ...props
+  style
 }) {
   return /* @__PURE__ */ jsx(Fragment, { children: segmentRects.map((b, i) => /* @__PURE__ */ jsx(
     "div",
@@ -203,8 +219,7 @@ function Highlight({
         cursor: onClick ? "pointer" : "default",
         zIndex: onClick ? 1 : void 0,
         ...style
-      },
-      ...props
+      }
     },
     i
   )) });
@@ -216,8 +231,7 @@ function Underline({
   rect,
   scale,
   onClick,
-  style,
-  ...props
+  style
 }) {
   const thickness = 2 * scale;
   return /* @__PURE__ */ jsx(Fragment, { children: segmentRects.map((r, i) => /* @__PURE__ */ jsx(
@@ -237,7 +251,6 @@ function Underline({
         zIndex: onClick ? 1 : 0,
         ...style
       },
-      ...props,
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -264,8 +277,7 @@ function Strikeout({
   rect,
   scale,
   onClick,
-  style,
-  ...props
+  style
 }) {
   const thickness = 2 * scale;
   return /* @__PURE__ */ jsx(Fragment, { children: segmentRects.map((r, i) => /* @__PURE__ */ jsx(
@@ -285,7 +297,6 @@ function Strikeout({
         zIndex: onClick ? 1 : 0,
         ...style
       },
-      ...props,
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -313,8 +324,7 @@ function Squiggly({
   rect,
   scale,
   onClick,
-  style,
-  ...props
+  style
 }) {
   const amplitude = 2 * scale;
   const period = 6 * scale;
@@ -340,7 +350,6 @@ function Squiggly({
         zIndex: onClick ? 1 : 0,
         ...style
       },
-      ...props,
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -1021,6 +1030,7 @@ function RenderAnnotation({
       style: {
         width: "100%",
         height: "100%",
+        display: "block",
         ...style || {}
       }
     }
@@ -1097,15 +1107,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)
           },
@@ -1129,9 +1142,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)
           },
@@ -1155,9 +1170,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)
           },
@@ -1181,9 +1198,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)
@@ -1200,9 +1219,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)
@@ -1219,9 +1240,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)
@@ -1238,9 +1261,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)
@@ -1257,9 +1282,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,
@@ -1298,9 +1325,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) => {
@@ -1333,9 +1362,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) => {
@@ -1368,9 +1399,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)
           },
@@ -1403,10 +1436,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)
           },
@@ -1664,6 +1698,7 @@ function AnnotationLayer({
   pageHeight,
   rotation,
   selectionOutlineColor,
+  customAnnotationRenderer,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -1685,7 +1720,8 @@ function AnnotationLayer({
             pageHeight,
             resizeUI,
             vertexUI,
-            selectionOutlineColor
+            selectionOutlineColor,
+            customAnnotationRenderer
           }
         ),
         /* @__PURE__ */ jsx(TextMarkup, { pageIndex, scale }),