@embedpdf/plugin-annotation 1.2.0 → 1.3.0

package/dist/shared-preact/components/text-markup/highlight.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../../preact/adapter.ts';
+import { CSSProperties, MouseEvent, TouchEvent } from '../../../preact/adapter.ts';
 import { Rect } from '@embedpdf/models';
-type HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type HighlightProps = {
     color?: string;
     opacity?: number;
     segmentRects: Rect[];
@@ -9,5 +9,5 @@ type HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
     style?: CSSProperties;
 };
-export declare function Highlight({ color, opacity, segmentRects, rect, scale, onClick, style, ...props }: HighlightProps): import("preact").JSX.Element;
+export declare function Highlight({ color, opacity, segmentRects, rect, scale, onClick, style, }: HighlightProps): import("preact").JSX.Element;
 export {};

package/dist/shared-preact/components/text-markup/squiggly.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../../preact/adapter.ts';
+import { CSSProperties, MouseEvent, TouchEvent } from '../../../preact/adapter.ts';
 import { Rect } from '@embedpdf/models';
-type SquigglyProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type SquigglyProps = {
     color?: string;
     opacity?: number;
     segmentRects: Rect[];
@@ -9,5 +9,5 @@ type SquigglyProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
     style?: CSSProperties;
 };
-export declare function Squiggly({ color, opacity, segmentRects, rect, scale, onClick, style, ...props }: SquigglyProps): import("preact").JSX.Element;
+export declare function Squiggly({ color, opacity, segmentRects, rect, scale, onClick, style, }: SquigglyProps): import("preact").JSX.Element;
 export {};

package/dist/shared-preact/components/text-markup/strikeout.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../../preact/adapter.ts';
+import { CSSProperties, MouseEvent, TouchEvent } from '../../../preact/adapter.ts';
 import { Rect } from '@embedpdf/models';
-type StrikeoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type StrikeoutProps = {
     color?: string;
     opacity?: number;
     segmentRects: Rect[];
@@ -9,5 +9,5 @@ type StrikeoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
     style?: CSSProperties;
 };
-export declare function Strikeout({ color, opacity, segmentRects, rect, scale, onClick, style, ...props }: StrikeoutProps): import("preact").JSX.Element;
+export declare function Strikeout({ color, opacity, segmentRects, rect, scale, onClick, style, }: StrikeoutProps): import("preact").JSX.Element;
 export {};

package/dist/shared-preact/components/text-markup/underline.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../../preact/adapter.ts';
+import { CSSProperties, MouseEvent, TouchEvent } from '../../../preact/adapter.ts';
 import { Rect } from '@embedpdf/models';
-type UnderlineProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type UnderlineProps = {
     color?: string;
     opacity?: number;
     segmentRects: Rect[];
@@ -9,5 +9,5 @@ type UnderlineProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
     style?: CSSProperties;
 };
-export declare function Underline({ color, opacity, segmentRects, rect, scale, onClick, style, ...props }: UnderlineProps): import("preact").JSX.Element;
+export declare function Underline({ color, opacity, segmentRects, rect, scale, onClick, style, }: UnderlineProps): import("preact").JSX.Element;
 export {};

package/dist/shared-preact/types.d.ts

@@ -40,3 +40,20 @@ export interface VertexHandleUI {
     /** Custom renderer for each vertex (overrides default) */
     component?: (p: HandleProps) => JSX.Element;
 }
+/**
+ * Props for the custom annotation renderer
+ */
+export interface CustomAnnotationRendererProps<T extends PdfAnnotationObject> {
+    annotation: T;
+    isSelected: boolean;
+    scale: number;
+    rotation: number;
+    pageWidth: number;
+    pageHeight: number;
+    pageIndex: number;
+    onSelect: (event: any) => void;
+}
+/**
+ * Custom renderer for an annotation
+ */
+export type CustomAnnotationRenderer<T extends PdfAnnotationObject> = (props: CustomAnnotationRendererProps<T>) => JSX.Element | null;

package/dist/shared-react/components/annotation-container.d.ts

@@ -1,7 +1,7 @@
 import { PdfAnnotationObject } from '@embedpdf/models';
 import { TrackedAnnotation } from '../../lib/index.ts';
 import { JSX, CSSProperties } from '../../react/adapter.ts';
-import { ResizeHandleUI, SelectionMenuProps, VertexConfig, VertexHandleUI } from '../types';
+import { CustomAnnotationRenderer, ResizeHandleUI, SelectionMenuProps, VertexConfig, VertexHandleUI } from '../types';
 interface AnnotationContainerProps<T extends PdfAnnotationObject> {
     scale: number;
     pageIndex: number;
@@ -19,10 +19,12 @@ interface AnnotationContainerProps<T extends PdfAnnotationObject> {
     selectionMenu?: (props: SelectionMenuProps) => JSX.Element;
     outlineOffset?: number;
     onDoubleClick?: (event: any) => void;
+    onSelect: (event: any) => void;
     zIndex?: number;
     resizeUI?: ResizeHandleUI;
     vertexUI?: VertexHandleUI;
     selectionOutlineColor?: string;
+    customAnnotationRenderer?: CustomAnnotationRenderer<T>;
 }
-export declare function AnnotationContainer<T extends PdfAnnotationObject>({ scale, pageIndex, rotation, pageWidth, pageHeight, trackedAnnotation, children, isSelected, isDraggable, isResizable, lockAspectRatio, style, vertexConfig, selectionMenu, outlineOffset, onDoubleClick, zIndex, resizeUI, vertexUI, selectionOutlineColor, ...props }: AnnotationContainerProps<T>): JSX.Element;
+export declare function AnnotationContainer<T extends PdfAnnotationObject>({ scale, pageIndex, rotation, pageWidth, pageHeight, trackedAnnotation, children, isSelected, isDraggable, isResizable, lockAspectRatio, style, vertexConfig, selectionMenu, outlineOffset, onDoubleClick, onSelect, zIndex, resizeUI, vertexUI, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationContainerProps<T>): JSX.Element;
 export {};

package/dist/shared-react/components/annotation-layer.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, CSSProperties } from '../../react/adapter.ts';
-import { SelectionMenu, ResizeHandleUI, VertexHandleUI } from '../types';
+import { SelectionMenu, ResizeHandleUI, VertexHandleUI, CustomAnnotationRenderer } from '../types';
+import { PdfAnnotationObject } from '@embedpdf/models';
 type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     pageIndex: number;
     scale: number;
@@ -15,6 +16,8 @@ type AnnotationLayerProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     vertexUI?: VertexHandleUI;
     /** Customize selection outline color */
     selectionOutlineColor?: string;
+    /** Customize annotation renderer */
+    customAnnotationRenderer?: CustomAnnotationRenderer<PdfAnnotationObject>;
 };
-export declare function AnnotationLayer({ style, pageIndex, scale, selectionMenu, resizeUI, vertexUI, pageWidth, pageHeight, rotation, selectionOutlineColor, ...props }: AnnotationLayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnnotationLayer({ style, pageIndex, scale, selectionMenu, resizeUI, vertexUI, pageWidth, pageHeight, rotation, selectionOutlineColor, customAnnotationRenderer, ...props }: AnnotationLayerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/annotations.d.ts

@@ -1,4 +1,5 @@
-import { ResizeHandleUI, SelectionMenu, VertexHandleUI } from '../types';
+import { PdfAnnotationObject } from '@embedpdf/models';
+import { CustomAnnotationRenderer, ResizeHandleUI, SelectionMenu, VertexHandleUI } from '../types';
 interface AnnotationsProps {
     pageIndex: number;
     scale: number;
@@ -9,6 +10,7 @@ interface AnnotationsProps {
     resizeUI?: ResizeHandleUI;
     vertexUI?: VertexHandleUI;
     selectionOutlineColor?: string;
+    customAnnotationRenderer?: CustomAnnotationRenderer<PdfAnnotationObject>;
 }
 export declare function Annotations(annotationsProps: AnnotationsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/text-markup/highlight.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../../react/adapter.ts';
+import { CSSProperties, MouseEvent, TouchEvent } from '../../../react/adapter.ts';
 import { Rect } from '@embedpdf/models';
-type HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type HighlightProps = {
     color?: string;
     opacity?: number;
     segmentRects: Rect[];
@@ -9,5 +9,5 @@ type HighlightProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
     style?: CSSProperties;
 };
-export declare function Highlight({ color, opacity, segmentRects, rect, scale, onClick, style, ...props }: HighlightProps): import("react/jsx-runtime").JSX.Element;
+export declare function Highlight({ color, opacity, segmentRects, rect, scale, onClick, style, }: HighlightProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/text-markup/squiggly.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../../react/adapter.ts';
+import { CSSProperties, MouseEvent, TouchEvent } from '../../../react/adapter.ts';
 import { Rect } from '@embedpdf/models';
-type SquigglyProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type SquigglyProps = {
     color?: string;
     opacity?: number;
     segmentRects: Rect[];
@@ -9,5 +9,5 @@ type SquigglyProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
     style?: CSSProperties;
 };
-export declare function Squiggly({ color, opacity, segmentRects, rect, scale, onClick, style, ...props }: SquigglyProps): import("react/jsx-runtime").JSX.Element;
+export declare function Squiggly({ color, opacity, segmentRects, rect, scale, onClick, style, }: SquigglyProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/text-markup/strikeout.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../../react/adapter.ts';
+import { CSSProperties, MouseEvent, TouchEvent } from '../../../react/adapter.ts';
 import { Rect } from '@embedpdf/models';
-type StrikeoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type StrikeoutProps = {
     color?: string;
     opacity?: number;
     segmentRects: Rect[];
@@ -9,5 +9,5 @@ type StrikeoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
     style?: CSSProperties;
 };
-export declare function Strikeout({ color, opacity, segmentRects, rect, scale, onClick, style, ...props }: StrikeoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function Strikeout({ color, opacity, segmentRects, rect, scale, onClick, style, }: StrikeoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/components/text-markup/underline.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, CSSProperties, MouseEvent, TouchEvent } from '../../../react/adapter.ts';
+import { CSSProperties, MouseEvent, TouchEvent } from '../../../react/adapter.ts';
 import { Rect } from '@embedpdf/models';
-type UnderlineProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type UnderlineProps = {
     color?: string;
     opacity?: number;
     segmentRects: Rect[];
@@ -9,5 +9,5 @@ type UnderlineProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     onClick?: (e: MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
     style?: CSSProperties;
 };
-export declare function Underline({ color, opacity, segmentRects, rect, scale, onClick, style, ...props }: UnderlineProps): import("react/jsx-runtime").JSX.Element;
+export declare function Underline({ color, opacity, segmentRects, rect, scale, onClick, style, }: UnderlineProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared-react/types.d.ts

@@ -40,3 +40,20 @@ export interface VertexHandleUI {
     /** Custom renderer for each vertex (overrides default) */
     component?: (p: HandleProps) => JSX.Element;
 }
+/**
+ * Props for the custom annotation renderer
+ */
+export interface CustomAnnotationRendererProps<T extends PdfAnnotationObject> {
+    annotation: T;
+    isSelected: boolean;
+    scale: number;
+    rotation: number;
+    pageWidth: number;
+    pageHeight: number;
+    pageIndex: number;
+    onSelect: (event: any) => void;
+}
+/**
+ * Custom renderer for an annotation
+ */
+export type CustomAnnotationRenderer<T extends PdfAnnotationObject> = (props: CustomAnnotationRendererProps<T>) => JSX.Element | null;

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@embedpdf/plugin-annotation",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "type": "module",
+  "license": "MIT",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -28,26 +29,26 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.2.0",
-    "@embedpdf/utils": "1.2.0"
+    "@embedpdf/models": "1.3.0",
+    "@embedpdf/utils": "1.3.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
-    "@embedpdf/build": "1.0.0",
-    "@embedpdf/plugin-interaction-manager": "1.2.0",
-    "@embedpdf/plugin-history": "1.2.0",
-    "@embedpdf/plugin-selection": "1.2.0"
+    "@embedpdf/build": "1.0.1",
+    "@embedpdf/plugin-interaction-manager": "1.3.0",
+    "@embedpdf/plugin-selection": "1.3.0",
+    "@embedpdf/plugin-history": "1.3.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
-    "@embedpdf/core": "1.2.0",
-    "@embedpdf/plugin-selection": "1.2.0",
-    "@embedpdf/plugin-history": "1.2.0",
-    "@embedpdf/plugin-interaction-manager": "1.2.0"
+    "@embedpdf/plugin-interaction-manager": "1.3.0",
+    "@embedpdf/core": "1.3.0",
+    "@embedpdf/plugin-history": "1.3.0",
+    "@embedpdf/plugin-selection": "1.3.0"
   },
   "files": [
     "dist",