react-pdf-highlighter-plus 1.0.3 → 1.0.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-pdf-highlighter-plus",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Set of modern React components for PDF highlighting",
   "author": "Edward Ha <quocvietha08@gmail.com>",
   "license": "MIT",
@@ -41,7 +41,7 @@
     "dev": "(cd ./example && vite --force)",
     "build": "npm run clean && npm i && npm run build:esm && npm run build:copy-styles && npm run build:example && npm run build:docs",
     "build:vercel": "npm run build:esm && npm run build:copy-styles && npm run build:example && npm run build:docs",
-    "build:esm": "tsc",
+    "build:esm": "tsup",
     "build:copy-styles": "cp -r ./src/style ./dist/esm",
     "build:example": "(cd ./example && npm install && tsc && vite build && mkdir -p \"../public/\" && cp -r example-app ../public/)",
     "build:docs": "npx typedoc",
@@ -85,6 +85,7 @@
     "autoprefixer": "^10.4.22",
     "postcss": "^8.5.6",
     "tailwindcss": "^3.4.0",
+    "tsup": "^8.5.1",
     "typedoc": "latest",
     "typedoc-theme-category-nav": "latest",
     "typescript": "^5.3.2",

package/dist/esm/components/AreaHighlight.d.ts

@@ -1,82 +0,0 @@
-import React, { CSSProperties, MouseEvent, ReactNode } from "react";
-import "../style/AreaHighlight.css";
-import type { LTWHP, ViewportHighlight } from "../types";
-/**
- * Style options for area highlight appearance.
- */
-export interface AreaHighlightStyle {
-    highlightColor?: string;
-}
-/**
- * The props type for {@link AreaHighlight}.
- *
- * @category Component Properties
- */
-export interface AreaHighlightProps {
-    /**
-     * The highlight to be rendered as an {@link AreaHighlight}.
-     */
-    highlight: ViewportHighlight;
-    /**
-     * A callback triggered whenever the highlight area is either finished
-     * being moved or resized.
-     *
-     * @param rect - The updated highlight area.
-     */
-    onChange?(rect: LTWHP): void;
-    /**
-     * Has the highlight been auto-scrolled into view? By default, this will render the highlight red.
-     */
-    isScrolledTo?: boolean;
-    /**
-     * react-rnd bounds on the highlight area. This is useful for preventing the user
-     * moving the highlight off the viewer/page.  See [react-rnd docs](https://github.com/bokuweb/react-rnd).
-     */
-    bounds?: string | Element;
-    /**
-     * A callback triggered whenever a context menu is opened on the highlight area.
-     *
-     * @param event - The mouse event associated with the context menu.
-     */
-    onContextMenu?(event: MouseEvent<HTMLDivElement>): void;
-    /**
-     * Event called whenever the user tries to move or resize an {@link AreaHighlight}.
-     */
-    onEditStart?(): void;
-    /**
-     * Custom styling to be applied to the {@link AreaHighlight} component.
-     */
-    style?: CSSProperties;
-    /**
-     * Background color for the highlight.
-     * Default: "rgba(255, 226, 143, 1)" (yellow)
-     */
-    highlightColor?: string;
-    /**
-     * Callback triggered when the style changes.
-     */
-    onStyleChange?(style: AreaHighlightStyle): void;
-    /**
-     * Callback triggered when the delete button is clicked.
-     */
-    onDelete?(): void;
-    /**
-     * Custom style icon. Replaces the default palette icon.
-     */
-    styleIcon?: ReactNode;
-    /**
-     * Custom delete icon. Replaces the default trash icon.
-     */
-    deleteIcon?: ReactNode;
-    /**
-     * Custom color presets for the style panel.
-     * Default: ["rgba(255, 226, 143, 1)", "#ffcdd2", "#c8e6c9", "#bbdefb", "#e1bee7"]
-     */
-    colorPresets?: string[];
-}
-/**
- * Renders a resizeable and interactive rectangular area for a highlight.
- *
- * @category Component
- */
-export declare const AreaHighlight: ({ highlight, onChange, isScrolledTo, bounds, onContextMenu, onEditStart, style, highlightColor, onStyleChange, onDelete, styleIcon, deleteIcon, colorPresets, }: AreaHighlightProps) => React.JSX.Element;

package/dist/esm/components/AreaHighlight.js

@@ -1,109 +0,0 @@
-import React, { useState, useRef, useEffect, } from "react";
-import { getPageFromElement } from "../lib/pdfjs-dom";
-import "../style/AreaHighlight.css";
-import { Rnd } from "react-rnd";
-// Default icons
-const DefaultStyleIcon = () => (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" },
-    React.createElement("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" })));
-const DefaultDeleteIcon = () => (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" },
-    React.createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" })));
-// Default color presets
-const DEFAULT_COLOR_PRESETS = [
-    "rgba(255, 226, 143, 1)", // Yellow (default)
-    "#ffcdd2", // Light red
-    "#c8e6c9", // Light green
-    "#bbdefb", // Light blue
-    "#e1bee7", // Light purple
-];
-/**
- * Renders a resizeable and interactive rectangular area for a highlight.
- *
- * @category Component
- */
-export const AreaHighlight = ({ highlight, onChange, isScrolledTo, bounds, onContextMenu, onEditStart, style, highlightColor = "rgba(255, 226, 143, 1)", onStyleChange, onDelete, styleIcon, deleteIcon, colorPresets = DEFAULT_COLOR_PRESETS, }) => {
-    const [isStylePanelOpen, setIsStylePanelOpen] = useState(false);
-    const [isHovered, setIsHovered] = useState(false);
-    const stylePanelRef = useRef(null);
-    // Close style panel when clicking outside
-    useEffect(() => {
-        if (!isStylePanelOpen)
-            return;
-        const handleClickOutside = (e) => {
-            if (stylePanelRef.current &&
-                !stylePanelRef.current.contains(e.target)) {
-                setIsStylePanelOpen(false);
-            }
-        };
-        // Delay adding listener to avoid immediate close
-        const timeoutId = setTimeout(() => {
-            document.addEventListener("mousedown", handleClickOutside);
-        }, 0);
-        return () => {
-            clearTimeout(timeoutId);
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [isStylePanelOpen]);
-    const highlightClass = isScrolledTo ? "AreaHighlight--scrolledTo" : "";
-    // Generate key based on position. This forces a remount (and a defaultpos update)
-    // whenever highlight position changes (e.g., when updated, scale changes, etc.)
-    // We don't use position as state because when updating Rnd this would happen and cause flickering:
-    // User moves Rnd -> Rnd records new pos -> Rnd jumps back -> highlight updates -> Rnd re-renders at new pos
-    const key = `${highlight.position.boundingRect.width}${highlight.position.boundingRect.height}${highlight.position.boundingRect.left}${highlight.position.boundingRect.top}`;
-    // Merge custom style with highlight color
-    const mergedStyle = {
-        ...style,
-        backgroundColor: highlightColor,
-    };
-    return (React.createElement("div", { className: `AreaHighlight ${highlightClass}`, onContextMenu: onContextMenu },
-        (onStyleChange || onDelete) && (React.createElement("div", { className: "AreaHighlight__toolbar-wrapper", style: {
-                position: "absolute",
-                left: highlight.position.boundingRect.left,
-                top: highlight.position.boundingRect.top - 28,
-                paddingBottom: 12,
-            }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) },
-            React.createElement("div", { className: `AreaHighlight__toolbar ${isHovered || isStylePanelOpen ? "AreaHighlight__toolbar--visible" : ""}` },
-                onStyleChange && (React.createElement("button", { className: "AreaHighlight__style-button", onClick: (e) => {
-                        e.stopPropagation();
-                        setIsStylePanelOpen(!isStylePanelOpen);
-                    }, title: "Change color", type: "button" }, styleIcon || React.createElement(DefaultStyleIcon, null))),
-                onDelete && (React.createElement("button", { className: "AreaHighlight__delete-button", onClick: (e) => {
-                        e.stopPropagation();
-                        onDelete();
-                    }, title: "Delete", type: "button" }, deleteIcon || React.createElement(DefaultDeleteIcon, null)))),
-            isStylePanelOpen && onStyleChange && (React.createElement("div", { className: "AreaHighlight__style-panel", ref: stylePanelRef, onClick: (e) => e.stopPropagation() },
-                React.createElement("div", { className: "AreaHighlight__style-row" },
-                    React.createElement("label", null, "Color"),
-                    React.createElement("div", { className: "AreaHighlight__color-options" },
-                        React.createElement("div", { className: "AreaHighlight__color-presets" }, colorPresets.map((c) => (React.createElement("button", { key: c, type: "button", className: `AreaHighlight__color-preset ${highlightColor === c ? "active" : ""}`, style: { backgroundColor: c }, onClick: () => onStyleChange({ highlightColor: c }), title: c })))),
-                        React.createElement("input", { type: "color", value: highlightColor, onChange: (e) => {
-                                onStyleChange({ highlightColor: e.target.value });
-                            } }))))))),
-        React.createElement(Rnd, { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: "AreaHighlight__part", onDragStop: (_, data) => {
-                const boundingRect = {
-                    ...highlight.position.boundingRect,
-                    top: data.y,
-                    left: data.x,
-                };
-                onChange && onChange(boundingRect);
-            }, onResizeStop: (_mouseEvent, _direction, ref, _delta, position) => {
-                const boundingRect = {
-                    top: position.y,
-                    left: position.x,
-                    width: ref.offsetWidth,
-                    height: ref.offsetHeight,
-                    pageNumber: getPageFromElement(ref)?.number || -1,
-                };
-                onChange && onChange(boundingRect);
-            }, onDragStart: onEditStart, onResizeStart: onEditStart, default: {
-                x: highlight.position.boundingRect.left,
-                y: highlight.position.boundingRect.top,
-                width: highlight.position.boundingRect.width,
-                height: highlight.position.boundingRect.height,
-            }, key: key, bounds: bounds, 
-            // Prevevent any event clicks as clicking is already used for movement
-            onClick: (event) => {
-                event.stopPropagation();
-                event.preventDefault();
-            }, style: mergedStyle })));
-};
-//# sourceMappingURL=AreaHighlight.js.map

package/dist/esm/components/AreaHighlight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AreaHighlight.js","sourceRoot":"","sources":["../../../src/components/AreaHighlight.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/DrawingCanvas.d.ts

@@ -1,48 +0,0 @@
-import React from "react";
-import { DrawingStroke, ScaledPosition } from "../types";
-import "../style/DrawingCanvas.css";
-import type { PDFViewer as TPDFViewer } from "pdfjs-dist/web/pdf_viewer.mjs";
-/**
- * The props type for {@link DrawingCanvas}.
- *
- * @category Component Properties
- */
-export interface DrawingCanvasProps {
-    /**
-     * Whether drawing mode is active.
-     */
-    isActive: boolean;
-    /**
-     * Stroke color for drawing.
-     * @default "#000000"
-     */
-    strokeColor?: string;
-    /**
-     * Stroke width for drawing.
-     * @default 3
-     */
-    strokeWidth?: number;
-    /**
-     * The PDF viewer instance.
-     */
-    viewer: InstanceType<typeof TPDFViewer>;
-    /**
-     * Callback when drawing is complete.
-     *
-     * @param dataUrl - The drawing as a PNG data URL.
-     * @param position - Scaled position of the drawing on the page.
-     * @param strokes - The stroke data for later editing.
-     */
-    onComplete: (dataUrl: string, position: ScaledPosition, strokes: DrawingStroke[]) => void;
-    /**
-     * Callback when drawing is cancelled.
-     */
-    onCancel: () => void;
-}
-/**
- * A transparent overlay canvas for freehand drawing on PDF pages.
- * Supports mouse and touch input.
- *
- * @category Component
- */
-export declare const DrawingCanvas: ({ isActive, strokeColor, strokeWidth, viewer, onComplete, onCancel, }: DrawingCanvasProps) => React.JSX.Element | null;

package/dist/esm/components/DrawingCanvas.js

@@ -1,277 +0,0 @@
-import React, { useRef, useEffect, useCallback, useState, } from "react";
-import { viewportPositionToScaled } from "../lib/coordinates";
-import "../style/DrawingCanvas.css";
-/**
- * A transparent overlay canvas for freehand drawing on PDF pages.
- * Supports mouse and touch input.
- *
- * @category Component
- */
-export const DrawingCanvas = ({ isActive, strokeColor = "#000000", strokeWidth = 3, viewer, onComplete, onCancel, }) => {
-    const canvasRef = useRef(null);
-    const [strokes, setStrokes] = useState([]);
-    const [currentStroke, setCurrentStroke] = useState(null);
-    const isDrawingRef = useRef(false);
-    const [pageNumber, setPageNumber] = useState(null);
-    const [pageElement, setPageElement] = useState(null);
-    // Find which page the user is drawing on
-    const findPageFromPoint = useCallback((clientX, clientY) => {
-        if (!viewer)
-            return null;
-        for (let i = 0; i < viewer.pagesCount; i++) {
-            const pageView = viewer.getPageView(i);
-            if (!pageView?.div)
-                continue;
-            const rect = pageView.div.getBoundingClientRect();
-            if (clientX >= rect.left &&
-                clientX <= rect.right &&
-                clientY >= rect.top &&
-                clientY <= rect.bottom) {
-                return {
-                    pageNumber: i + 1,
-                    element: pageView.div,
-                    rect,
-                };
-            }
-        }
-        return null;
-    }, [viewer]);
-    // Redraw all strokes
-    const redrawCanvas = useCallback(() => {
-        const canvas = canvasRef.current;
-        const ctx = canvas?.getContext("2d");
-        if (!ctx || !canvas)
-            return;
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        // Draw all completed strokes with their own color/width
-        strokes.forEach((stroke) => {
-            if (stroke.points.length < 2)
-                return;
-            ctx.strokeStyle = stroke.color;
-            ctx.lineWidth = stroke.width;
-            ctx.lineCap = "round";
-            ctx.lineJoin = "round";
-            ctx.beginPath();
-            ctx.moveTo(stroke.points[0].x, stroke.points[0].y);
-            stroke.points.slice(1).forEach((point) => {
-                ctx.lineTo(point.x, point.y);
-            });
-            ctx.stroke();
-        });
-        // Draw current stroke with current color/width
-        if (currentStroke && currentStroke.points.length >= 2) {
-            ctx.strokeStyle = currentStroke.color;
-            ctx.lineWidth = currentStroke.width;
-            ctx.lineCap = "round";
-            ctx.lineJoin = "round";
-            ctx.beginPath();
-            ctx.moveTo(currentStroke.points[0].x, currentStroke.points[0].y);
-            currentStroke.points.slice(1).forEach((point) => {
-                ctx.lineTo(point.x, point.y);
-            });
-            ctx.stroke();
-        }
-    }, [strokes, currentStroke]);
-    // Redraw when strokes change
-    useEffect(() => {
-        redrawCanvas();
-    }, [redrawCanvas]);
-    // Handle mouse/touch down
-    const handleStart = useCallback((clientX, clientY) => {
-        const pageInfo = findPageFromPoint(clientX, clientY);
-        if (!pageInfo)
-            return;
-        console.log("DrawingCanvas: Started drawing on page", pageInfo.pageNumber);
-        // Set page context if not already set
-        if (pageNumber === null) {
-            setPageNumber(pageInfo.pageNumber);
-            setPageElement(pageInfo.element);
-            // Resize canvas to match page
-            const canvas = canvasRef.current;
-            if (canvas) {
-                canvas.width = pageInfo.rect.width;
-                canvas.height = pageInfo.rect.height;
-                canvas.style.left = `${pageInfo.rect.left}px`;
-                canvas.style.top = `${pageInfo.rect.top}px`;
-            }
-        }
-        else if (pageInfo.pageNumber !== pageNumber) {
-            // User trying to draw on different page - ignore
-            console.log("DrawingCanvas: Ignoring - different page");
-            return;
-        }
-        isDrawingRef.current = true;
-        const pos = {
-            x: clientX - pageInfo.rect.left,
-            y: clientY - pageInfo.rect.top,
-        };
-        setCurrentStroke({ points: [pos], color: strokeColor, width: strokeWidth });
-    }, [pageNumber, findPageFromPoint, strokeColor, strokeWidth]);
-    // Handle mouse/touch move
-    const handleMove = useCallback((clientX, clientY) => {
-        if (!isDrawingRef.current || !pageElement)
-            return;
-        const rect = pageElement.getBoundingClientRect();
-        const pos = {
-            x: clientX - rect.left,
-            y: clientY - rect.top,
-        };
-        setCurrentStroke((prev) => {
-            if (!prev)
-                return null;
-            return { ...prev, points: [...prev.points, pos] };
-        });
-    }, [pageElement]);
-    // Handle mouse/touch end
-    const handleEnd = useCallback(() => {
-        if (!isDrawingRef.current)
-            return;
-        isDrawingRef.current = false;
-        if (currentStroke && currentStroke.points.length >= 2) {
-            setStrokes((prev) => [...prev, currentStroke]);
-        }
-        setCurrentStroke(null);
-    }, [currentStroke]);
-    // Mouse event handlers
-    const handleMouseDown = useCallback((e) => {
-        e.preventDefault();
-        handleStart(e.clientX, e.clientY);
-    }, [handleStart]);
-    const handleMouseMove = useCallback((e) => {
-        handleMove(e.clientX, e.clientY);
-    }, [handleMove]);
-    const handleMouseUp = useCallback(() => {
-        handleEnd();
-    }, [handleEnd]);
-    // Touch event handlers
-    const handleTouchStart = useCallback((e) => {
-        e.preventDefault();
-        if (e.touches.length > 0) {
-            handleStart(e.touches[0].clientX, e.touches[0].clientY);
-        }
-    }, [handleStart]);
-    const handleTouchMove = useCallback((e) => {
-        e.preventDefault();
-        if (e.touches.length > 0) {
-            handleMove(e.touches[0].clientX, e.touches[0].clientY);
-        }
-    }, [handleMove]);
-    const handleTouchEnd = useCallback(() => {
-        handleEnd();
-    }, [handleEnd]);
-    // Handle keyboard events
-    useEffect(() => {
-        if (!isActive)
-            return;
-        const handleKeyDown = (e) => {
-            if (e.code === "Escape") {
-                console.log("DrawingCanvas: Cancelled via Escape");
-                onCancel();
-            }
-        };
-        document.addEventListener("keydown", handleKeyDown);
-        return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [isActive, onCancel]);
-    // Clear drawing
-    const handleClear = () => {
-        console.log("DrawingCanvas: Cleared strokes");
-        setStrokes([]);
-        setCurrentStroke(null);
-        setPageNumber(null);
-        setPageElement(null);
-    };
-    // Complete drawing
-    const handleDone = () => {
-        if (strokes.length === 0 || pageNumber === null || !pageElement || !viewer) {
-            console.log("DrawingCanvas: No strokes to save");
-            onCancel();
-            return;
-        }
-        console.log("DrawingCanvas: Completing drawing with", strokes.length, "strokes");
-        // Calculate bounding box of all strokes
-        let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-        strokes.forEach((stroke) => {
-            stroke.points.forEach((point) => {
-                minX = Math.min(minX, point.x);
-                minY = Math.min(minY, point.y);
-                maxX = Math.max(maxX, point.x);
-                maxY = Math.max(maxY, point.y);
-            });
-        });
-        // Find max stroke width for padding
-        const maxStrokeWidth = Math.max(...strokes.map(s => s.width));
-        const padding = maxStrokeWidth * 2;
-        minX = Math.max(0, minX - padding);
-        minY = Math.max(0, minY - padding);
-        maxX = maxX + padding;
-        maxY = maxY + padding;
-        const width = maxX - minX;
-        const height = maxY - minY;
-        // Create a new canvas with just the drawing (cropped to bounding box)
-        const outputCanvas = document.createElement("canvas");
-        outputCanvas.width = width;
-        outputCanvas.height = height;
-        const outputCtx = outputCanvas.getContext("2d");
-        if (!outputCtx) {
-            console.error("DrawingCanvas: Could not get output canvas context");
-            onCancel();
-            return;
-        }
-        // Draw all strokes offset by bounding box origin, using per-stroke color/width
-        strokes.forEach((stroke) => {
-            if (stroke.points.length < 2)
-                return;
-            outputCtx.strokeStyle = stroke.color;
-            outputCtx.lineWidth = stroke.width;
-            outputCtx.lineCap = "round";
-            outputCtx.lineJoin = "round";
-            outputCtx.beginPath();
-            outputCtx.moveTo(stroke.points[0].x - minX, stroke.points[0].y - minY);
-            stroke.points.slice(1).forEach((point) => {
-                outputCtx.lineTo(point.x - minX, point.y - minY);
-            });
-            outputCtx.stroke();
-        });
-        const dataUrl = outputCanvas.toDataURL("image/png");
-        // Create viewport position
-        const viewportPosition = {
-            boundingRect: {
-                left: minX,
-                top: minY,
-                width: width,
-                height: height,
-                pageNumber: pageNumber,
-            },
-            rects: [],
-        };
-        const scaledPosition = viewportPositionToScaled(viewportPosition, viewer);
-        // Normalize strokes relative to bounding box for storage
-        const normalizedStrokes = strokes.map((stroke) => ({
-            ...stroke,
-            points: stroke.points.map((point) => ({
-                x: point.x - minX,
-                y: point.y - minY,
-            })),
-        }));
-        console.log("DrawingCanvas: Created drawing at position", scaledPosition);
-        onComplete(dataUrl, scaledPosition, normalizedStrokes);
-        // Reset state
-        setStrokes([]);
-        setCurrentStroke(null);
-        setPageNumber(null);
-        setPageElement(null);
-    };
-    if (!isActive)
-        return null;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("canvas", { ref: canvasRef, className: "DrawingCanvas", style: {
-                width: pageElement ? pageElement.getBoundingClientRect().width : "100%",
-                height: pageElement ? pageElement.getBoundingClientRect().height : "100%",
-                position: "fixed",
-            }, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd }),
-        React.createElement("div", { className: "DrawingCanvas__controls" },
-            React.createElement("button", { type: "button", className: "DrawingCanvas__clearButton", onClick: handleClear }, "Clear"),
-            React.createElement("button", { type: "button", className: "DrawingCanvas__cancelButton", onClick: onCancel }, "Cancel"),
-            React.createElement("button", { type: "button", className: "DrawingCanvas__doneButton", onClick: handleDone }, "Done"))));
-};
-//# sourceMappingURL=DrawingCanvas.js.map

package/dist/esm/components/DrawingCanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawingCanvas.js","sourceRoot":"","sources":["../../../src/components/DrawingCanvas.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/DrawingHighlight.d.ts

@@ -1,70 +0,0 @@
-import React, { CSSProperties, MouseEvent, ReactNode } from "react";
-import "../style/DrawingHighlight.css";
-import type { DrawingStroke, LTWHP, ViewportHighlight } from "../types";
-/**
- * The props type for {@link DrawingHighlight}.
- *
- * @category Component Properties
- */
-export interface DrawingHighlightProps {
-    /**
-     * The highlight to be rendered as a {@link DrawingHighlight}.
-     * The highlight.content.image should contain the drawing as a PNG data URL.
-     */
-    highlight: ViewportHighlight;
-    /**
-     * A callback triggered whenever the highlight position or size changes.
-     *
-     * @param rect - The updated highlight area.
-     */
-    onChange?(rect: LTWHP): void;
-    /**
-     * Has the highlight been auto-scrolled into view?
-     */
-    isScrolledTo?: boolean;
-    /**
-     * react-rnd bounds on the highlight area.
-     */
-    bounds?: string | Element;
-    /**
-     * A callback triggered on context menu.
-     */
-    onContextMenu?(event: MouseEvent<HTMLDivElement>): void;
-    /**
-     * Event called when editing begins (drag or resize).
-     */
-    onEditStart?(): void;
-    /**
-     * Event called when editing ends.
-     */
-    onEditEnd?(): void;
-    /**
-     * Custom styling for the container.
-     */
-    style?: CSSProperties;
-    /**
-     * Custom drag icon. Replaces the default 6-dot grid icon.
-     */
-    dragIcon?: ReactNode;
-    /**
-     * Callback when drawing style changes (color or stroke width).
-     * The newImage is the re-rendered PNG data URL with updated styles.
-     * The newStrokes contain the updated stroke data.
-     */
-    onStyleChange?(newImage: string, newStrokes: DrawingStroke[]): void;
-    /**
-     * Callback triggered when the delete button is clicked.
-     */
-    onDelete?(): void;
-    /**
-     * Custom delete icon. Replaces the default trash icon.
-     */
-    deleteIcon?: ReactNode;
-}
-/**
- * Renders a draggable, resizable freehand drawing annotation.
- * Drawings are stored as PNG images with transparent backgrounds.
- *
- * @category Component
- */
-export declare const DrawingHighlight: ({ highlight, onChange, isScrolledTo, bounds, onContextMenu, onEditStart, onEditEnd, style, dragIcon, onStyleChange, onDelete, deleteIcon, }: DrawingHighlightProps) => React.JSX.Element;