react-pdf-highlighter-plus 1.0.3 → 1.0.5

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

@@ -1,63 +0,0 @@
-import React, { CSSProperties, MouseEvent, ReactNode } from "react";
-import "../style/ImageHighlight.css";
-import type { LTWHP, ViewportHighlight } from "../types";
-/**
- * The props type for {@link ImageHighlight}.
- *
- * @category Component Properties
- */
-export interface ImageHighlightProps {
-    /**
-     * The highlight to be rendered as an {@link ImageHighlight}.
-     * The highlight.content.image should contain the image 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 triggered when the delete button is clicked.
-     */
-    onDelete?(): void;
-    /**
-     * Custom delete icon. Replaces the default trash icon.
-     */
-    deleteIcon?: ReactNode;
-}
-/**
- * Renders a draggable, resizable image/signature annotation.
- *
- * @category Component
- */
-export declare const ImageHighlight: ({ highlight, onChange, isScrolledTo, bounds, onContextMenu, onEditStart, onEditEnd, style, dragIcon, onDelete, deleteIcon, }: ImageHighlightProps) => React.JSX.Element;

package/dist/esm/components/ImageHighlight.js

@@ -1,65 +0,0 @@
-import React from "react";
-import { Rnd } from "react-rnd";
-import { getPageFromElement } from "../lib/pdfjs-dom";
-import "../style/ImageHighlight.css";
-/**
- * Default drag icon - 6 dot grid pattern.
- */
-const DefaultDragIcon = () => (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor" },
-    React.createElement("circle", { cx: "8", cy: "6", r: "2" }),
-    React.createElement("circle", { cx: "16", cy: "6", r: "2" }),
-    React.createElement("circle", { cx: "8", cy: "12", r: "2" }),
-    React.createElement("circle", { cx: "16", cy: "12", r: "2" }),
-    React.createElement("circle", { cx: "8", cy: "18", r: "2" }),
-    React.createElement("circle", { cx: "16", cy: "18", r: "2" })));
-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" })));
-/**
- * Renders a draggable, resizable image/signature annotation.
- *
- * @category Component
- */
-export const ImageHighlight = ({ highlight, onChange, isScrolledTo, bounds, onContextMenu, onEditStart, onEditEnd, style, dragIcon, onDelete, deleteIcon, }) => {
-    const highlightClass = isScrolledTo ? "ImageHighlight--scrolledTo" : "";
-    // Generate key based on position for Rnd remount on position changes
-    const key = `${highlight.position.boundingRect.width}${highlight.position.boundingRect.height}${highlight.position.boundingRect.left}${highlight.position.boundingRect.top}`;
-    const imageUrl = highlight.content?.image;
-    return (React.createElement("div", { className: `ImageHighlight ${highlightClass}`, onContextMenu: onContextMenu },
-        React.createElement(Rnd, { className: "ImageHighlight__rnd", onDragStop: (_, data) => {
-                const boundingRect = {
-                    ...highlight.position.boundingRect,
-                    top: data.y,
-                    left: data.x,
-                };
-                onChange?.(boundingRect);
-                onEditEnd?.();
-            }, onDragStart: onEditStart, onResizeStop: (_e, _direction, ref, _delta, position) => {
-                const boundingRect = {
-                    top: position.y,
-                    left: position.x,
-                    width: ref.offsetWidth,
-                    height: ref.offsetHeight,
-                    pageNumber: getPageFromElement(ref)?.number ||
-                        highlight.position.boundingRect.pageNumber,
-                };
-                onChange?.(boundingRect);
-                onEditEnd?.();
-            }, onResizeStart: onEditStart, default: {
-                x: highlight.position.boundingRect.left,
-                y: highlight.position.boundingRect.top,
-                width: highlight.position.boundingRect.width || 150,
-                height: highlight.position.boundingRect.height || 100,
-            }, minWidth: 50, minHeight: 50, key: key, bounds: bounds, lockAspectRatio: true, dragHandleClassName: "ImageHighlight__drag-handle", onClick: (event) => {
-                event.stopPropagation();
-                event.preventDefault();
-            }, style: style },
-            React.createElement("div", { className: "ImageHighlight__container" },
-                React.createElement("div", { className: "ImageHighlight__toolbar" },
-                    React.createElement("div", { className: "ImageHighlight__drag-handle", title: "Drag to move" }, dragIcon || React.createElement(DefaultDragIcon, null)),
-                    onDelete && (React.createElement("button", { className: "ImageHighlight__delete-button", onClick: (e) => {
-                            e.stopPropagation();
-                            onDelete();
-                        }, title: "Delete", type: "button" }, deleteIcon || React.createElement(DefaultDeleteIcon, null)))),
-                React.createElement("div", { className: "ImageHighlight__content" }, imageUrl ? (React.createElement("img", { src: imageUrl, alt: "Highlight", className: "ImageHighlight__image", draggable: false })) : (React.createElement("div", { className: "ImageHighlight__placeholder" }, "No image")))))));
-};
-//# sourceMappingURL=ImageHighlight.js.map

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

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

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

@@ -1,37 +0,0 @@
-import React, { ReactNode } from "react";
-import { Tip } from "../types";
-/**
- * The props type for {@link MonitoredHighlightContainer}.
- *
- * @category Component Properties
- */
-export interface MonitoredHighlightContainerProps {
-    /**
-     * A callback triggered whenever the mouse hovers over a highlight.
-     */
-    onMouseEnter?(): void;
-    /**
-     * What tip to automatically display whenever a mouse hovers over a highlight.
-     * The tip will persist even as the user puts their mouse over it and not the
-     * highlight, but will disappear once it no longer hovers both.
-     */
-    highlightTip?: Tip;
-    /**
-     * A callback triggered whenever the mouse completely moves out from both the
-     * highlight (children) and any highlightTip.
-     */
-    onMouseLeave?(): void;
-    /**
-     * Component to monitor mouse activity over. This should be a highlight within the {@link PdfHighlighter}.
-     */
-    children: ReactNode;
-}
-/**
- * A container for a highlight component that monitors whether a mouse is over a
- * highlight and over some secondary highlight tip. It will display the tip
- * whenever the mouse is over the highlight and it will hide the tip only when
- * the mouse has left the highlight AND the tip.
- *
- * @category Component
- */
-export declare const MonitoredHighlightContainer: ({ onMouseEnter, highlightTip, onMouseLeave, children, }: MonitoredHighlightContainerProps) => React.JSX.Element;

package/dist/esm/components/MonitoredHighlightContainer.js

@@ -1,42 +0,0 @@
-import React, { useRef } from "react";
-import { usePdfHighlighterContext } from "../contexts/PdfHighlighterContext";
-import { MouseMonitor } from "./MouseMonitor";
-/**
- * A container for a highlight component that monitors whether a mouse is over a
- * highlight and over some secondary highlight tip. It will display the tip
- * whenever the mouse is over the highlight and it will hide the tip only when
- * the mouse has left the highlight AND the tip.
- *
- * @category Component
- */
-export const MonitoredHighlightContainer = ({ onMouseEnter, highlightTip, onMouseLeave, children, }) => {
-    const mouseInRef = useRef(false); // Whether the mouse is over the child (highlight)
-    const { setTip, isEditingOrHighlighting } = usePdfHighlighterContext();
-    return (React.createElement("div", { onMouseEnter: () => {
-            mouseInRef.current = true;
-            onMouseEnter && onMouseEnter();
-            if (isEditingOrHighlighting())
-                return;
-            if (highlightTip) {
-                // MouseMonitor the highlightTip to prevent it from disappearing if the mouse is over it and not the highlight.
-                const monitoredHighlightTip = (React.createElement(MouseMonitor, { onMoveAway: () => {
-                        // The event will keep triggering if the mouse is not on the highlightTip,
-                        // but don't do anything if the mouse is over the highlight.
-                        if (mouseInRef.current) {
-                            return;
-                        }
-                        setTip(null);
-                        onMouseLeave && onMouseLeave();
-                    }, paddingX: 60, paddingY: 30 }, highlightTip.content));
-                setTip({
-                    position: highlightTip.position,
-                    content: monitoredHighlightTip,
-                });
-            }
-        }, onMouseLeave: () => {
-            mouseInRef.current = false;
-            // Trigger onMouseLeave if no highlightTip exists
-            !highlightTip && onMouseLeave && onMouseLeave();
-        } }, children));
-};
-//# sourceMappingURL=MonitoredHighlightContainer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MonitoredHighlightContainer.js","sourceRoot":"","sources":["../../../src/components/MonitoredHighlightContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgC9C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,GACyB,EAAE,EAAE;IACrC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,kDAAkD;IAEpF,MAAM,EAAE,MAAM,EAAE,uBAAuB,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAEvE,OAAO,CACL,6BACE,YAAY,EAAE,GAAG,EAAE;YACjB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,YAAY,IAAI,YAAY,EAAE,CAAC;YAE/B,IAAI,uBAAuB,EAAE;gBAAE,OAAO;YAEtC,IAAI,YAAY,EAAE,CAAC;gBACjB,+GAA+G;gBAC/G,MAAM,qBAAqB,GAAG,CAC5B,oBAAC,YAAY,IACX,UAAU,EAAE,GAAG,EAAE;wBACf,0EAA0E;wBAC1E,4DAA4D;wBAC5D,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;4BACvB,OAAO;wBACT,CAAC;wBAED,MAAM,CAAC,IAAI,CAAC,CAAC;wBACb,YAAY,IAAI,YAAY,EAAE,CAAC;oBACjC,CAAC,EACD,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAE,EAAE,IAEX,YAAY,CAAC,OAAO,CACR,CAChB,CAAC;gBAEF,MAAM,CAAC;oBACL,QAAQ,EAAE,YAAY,CAAC,QAAQ;oBAC/B,OAAO,EAAE,qBAAqB;iBAC/B,CAAC,CAAC;YACL,CAAC;QACH,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;YACjB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;YAE3B,iDAAiD;YACjD,CAAC,YAAY,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;QAClD,CAAC,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,34 +0,0 @@
-import React, { ReactNode } from "react";
-/**
- * The props type for {@link MouseMonitor}.
- *
- * @category Component Properties
- * @internal
- */
-export interface MouseMonitorProps {
-    /**
-     * Callback triggered whenever the mouse moves not within the bounds of the
-     * child component. This will keep triggering as long as the component is
-     * rendered.
-     */
-    onMoveAway(): void;
-    /**
-     * X padding in pixels for the container to monitor mouse activity in.
-     */
-    paddingX: number;
-    /**
-     * Y padding in pixels for the container to monitor mouse activity in.
-     */
-    paddingY: number;
-    /**
-     * Component over which mouse activity is monitored.
-     */
-    children: ReactNode;
-}
-/**
- * A component that monitors mouse movements over a child and invisible padded area.
- *
- * @category Component
- * @internal
- */
-export declare const MouseMonitor: ({ onMoveAway, paddingX, paddingY, children, }: MouseMonitorProps) => React.JSX.Element;

package/dist/esm/components/MouseMonitor.js

@@ -1,30 +0,0 @@
-import React, { useEffect, useRef } from "react";
-/**
- * A component that monitors mouse movements over a child and invisible padded area.
- *
- * @category Component
- * @internal
- */
-export const MouseMonitor = ({ onMoveAway, paddingX, paddingY, children, }) => {
-    const containerRef = useRef(null);
-    const onMouseMove = (event) => {
-        if (!containerRef.current)
-            return;
-        const { clientX, clientY } = event;
-        const { left, top, width, height } = containerRef.current.getBoundingClientRect();
-        const inBoundsX = clientX > left - paddingX && clientX < left + width + paddingX;
-        const inBoundsY = clientY > top - paddingY && clientY < top + height + paddingY;
-        if (!(inBoundsX && inBoundsY)) {
-            onMoveAway();
-        }
-    };
-    useEffect(() => {
-        // TODO: Maybe optimise or throttle?
-        document.addEventListener("mousemove", onMouseMove);
-        return () => {
-            document.removeEventListener("mousemove", onMouseMove);
-        };
-    }, []);
-    return React.createElement("div", { ref: containerRef }, children);
-};
-//# sourceMappingURL=MouseMonitor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MouseMonitor.js","sourceRoot":"","sources":["../../../src/components/MouseMonitor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAgC5D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,GACU,EAAE,EAAE;IACtB,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QACxC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QACnC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAChC,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAE/C,MAAM,SAAS,GACb,OAAO,GAAG,IAAI,GAAG,QAAQ,IAAI,OAAO,GAAG,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAC;QACjE,MAAM,SAAS,GACb,OAAO,GAAG,GAAG,GAAG,QAAQ,IAAI,OAAO,GAAG,GAAG,GAAG,MAAM,GAAG,QAAQ,CAAC;QAEhE,IAAI,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,EAAE,CAAC;YAC9B,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,oCAAoC;QACpC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,6BAAK,GAAG,EAAE,YAAY,IAAG,QAAQ,CAAO,CAAC;AAClD,CAAC,CAAC"}

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

@@ -1,66 +0,0 @@
-import React, { CSSProperties } from "react";
-import "../style/MouseSelection.css";
-import { PDFViewer } from "pdfjs-dist/types/web/pdf_viewer";
-import type { ScaledPosition, ViewportPosition } from "../types";
-/**
- * The props type for {@link MouseSelection}.
- *
- * @category Component Properties
- * @internal
- */
-export interface MouseSelectionProps {
-    /**
-     * The PDFViewer instance containing this MouseSelection.
-     */
-    viewer: PDFViewer;
-    /**
-     * Callback triggered whenever the user stops dragging their mouse and a valid
-     * mouse selection is made. In general, this will only be called if a mouse
-     * selection is rendered.
-     *
-     * @param viewportPosition - viewport position of the mouse selection.
-     * @param scaledPosition - scaled position of the mouse selection.
-     * @param image - PNG screenshot of the mouse selection.
-     * @param resetSelection - Callback to reset the current selection.
-     * @param event - Mouse event associated with ending the selection.
-     */
-    onSelection?(viewportPosition: ViewportPosition, scaledPosition: ScaledPosition, image: string, resetSelection: () => void, event: MouseEvent): void;
-    /**
-     * Callback triggered whenever the current mouse selection is reset.
-     * This includes when dragging ends but the selection is invalid.
-     */
-    onReset?(): void;
-    /**
-     * Callback triggered whenever a new valid mouse selection begins.
-     *
-     * @param event - mouse event associated with the new selection.
-     */
-    onDragStart?(event: MouseEvent): void;
-    /**
-     * Condition to check before any mouse selection starts.
-     *
-     * @param event - mouse event associated with the new selection.
-     * @returns - `True` if mouse selection should start.
-     */
-    enableAreaSelection(event: MouseEvent): boolean;
-    /**
-     * Callback whenever the mouse selection area changes.
-     *
-     * @param isVisible - Whether the mouse selection is rendered (i.e., non-zero area)
-     */
-    onChange?(isVisible: boolean): void;
-    /**
-     * Optional style props for the mouse selection rectangle.
-     */
-    style?: CSSProperties;
-}
-/**
- * A component that enables the creation of rectangular and interactive mouse
- * selections within a given container. NOTE: This does not disable selection in
- * whatever container the component is placed in. That must be handled through
- * the component's events.
- *
- * @category Component
- * @internal
- */
-export declare const MouseSelection: ({ viewer, onSelection, onReset, onDragStart, enableAreaSelection, onChange, style, }: MouseSelectionProps) => React.JSX.Element;

package/dist/esm/components/MouseSelection.js

@@ -1,122 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-import { asElement, getPageFromElement, isHTMLElement } from "../lib/pdfjs-dom";
-import "../style/MouseSelection.css";
-import { viewportPositionToScaled } from "../lib/coordinates";
-import screenshot from "../lib/screenshot";
-const getBoundingRect = (start, end) => {
-    return {
-        left: Math.min(end.x, start.x),
-        top: Math.min(end.y, start.y),
-        width: Math.abs(end.x - start.x),
-        height: Math.abs(end.y - start.y),
-    };
-};
-const getContainerCoords = (container, pageX, pageY) => {
-    const containerBoundingRect = container.getBoundingClientRect();
-    return {
-        x: pageX - containerBoundingRect.left + container.scrollLeft,
-        y: pageY - containerBoundingRect.top + container.scrollTop - window.scrollY,
-    };
-};
-/**
- * A component that enables the creation of rectangular and interactive mouse
- * selections within a given container. NOTE: This does not disable selection in
- * whatever container the component is placed in. That must be handled through
- * the component's events.
- *
- * @category Component
- * @internal
- */
-export const MouseSelection = ({ viewer, onSelection, onReset, onDragStart, enableAreaSelection, onChange, style, }) => {
-    const [start, setStart] = useState(null);
-    const [end, setEnd] = useState(null);
-    const [locked, setLocked] = useState(false);
-    const rootRef = useRef(null);
-    // Needed in order to grab the page info of a mouse selection
-    const startTargetRef = useRef(null);
-    const reset = () => {
-        onReset && onReset();
-        setStart(null);
-        setEnd(null);
-        setLocked(false);
-    };
-    // Register event listeners onChange
-    useEffect(() => {
-        onChange && onChange(Boolean(start && end));
-        if (!rootRef.current)
-            return;
-        // Should be the PdfHighlighter
-        const container = asElement(rootRef.current.parentElement);
-        const handleMouseUp = (event) => {
-            if (!start || !end || !startTargetRef.current)
-                return;
-            const boundingRect = getBoundingRect(start, end);
-            // Check if the bounding rectangle has a minimum width and height
-            // to prevent recording selections with 0 area
-            const shouldEnd = boundingRect.width >= 1 && boundingRect.height >= 1;
-            if (!container.contains(asElement(event.target)) || !shouldEnd) {
-                reset();
-                return;
-            }
-            setLocked(true);
-            const page = getPageFromElement(startTargetRef.current);
-            if (!page)
-                return;
-            const pageBoundingRect = {
-                ...boundingRect,
-                top: boundingRect.top - page.node.offsetTop,
-                left: boundingRect.left - page.node.offsetLeft,
-                pageNumber: page.number,
-            };
-            const viewportPosition = {
-                boundingRect: pageBoundingRect,
-                rects: [],
-            };
-            const scaledPosition = viewportPositionToScaled(viewportPosition, viewer);
-            const image = screenshot(pageBoundingRect, pageBoundingRect.pageNumber, viewer);
-            onSelection &&
-                onSelection(viewportPosition, scaledPosition, image, reset, event);
-        };
-        const handleMouseMove = (event) => {
-            if (!rootRef.current || !start || locked)
-                return;
-            setEnd(getContainerCoords(container, event.pageX, event.pageY));
-        };
-        const handleMouseDown = (event) => {
-            const shouldStart = (event) => enableAreaSelection(event) &&
-                isHTMLElement(event.target) &&
-                Boolean(asElement(event.target).closest(".page"));
-            // If the user clicks anywhere outside a tip, reset the selection
-            const shouldReset = (event) => start &&
-                !asElement(event.target).closest(".PdfHighlighter__tip-container");
-            if (!shouldStart(event)) {
-                if (shouldReset(event))
-                    reset();
-                return;
-            }
-            startTargetRef.current = asElement(event.target);
-            onDragStart && onDragStart(event);
-            setStart(getContainerCoords(container, event.pageX, event.pageY));
-            setEnd(null);
-            setLocked(false);
-        };
-        /**
-         * Although we register the event listeners on the PdfHighlighter component, we encapsulate
-         * them in this separate component to enhance maintainability and prevent unnecessary
-         * rerenders of the PdfHighlighter itself. While synthetic events on PdfHighlighter would
-         * be preferable, we need to register "mouseup" on the entire document anyway. Therefore,
-         * we can't avoid using useEffect. We must re-register all events on state changes, as
-         * custom event listeners may otherwise receive stale state.
-         */
-        container.addEventListener("mousemove", handleMouseMove);
-        container.addEventListener("mousedown", handleMouseDown);
-        document.addEventListener("mouseup", handleMouseUp);
-        return () => {
-            container.removeEventListener("mousemove", handleMouseMove);
-            container.removeEventListener("mousedown", handleMouseDown);
-            document.removeEventListener("mouseup", handleMouseUp);
-        };
-    }, [start, end, enableAreaSelection]);
-    return (React.createElement("div", { className: "MouseSelection-container", ref: rootRef }, start && end && (React.createElement("div", { className: "MouseSelection", style: { ...getBoundingRect(start, end), ...style } }))));
-};
-//# sourceMappingURL=MouseSelection.js.map

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

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