@anaralabs/lector 3.5.13 → 3.6.0

package/dist/_tsup-dts-rollup.d.ts

@@ -1,5 +1,4 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { Context } from 'react';
 import type { DocumentInitParameters } from 'pdfjs-dist/types/src/display/api';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
@@ -97,7 +96,7 @@ declare interface AnnotationState {
     setAnnotations: (annotations: Annotation[]) => void;
 }
 
-export declare const AnnotationTooltip: ({ annotation, children, renderTooltipContent, hoverTooltipContent, onOpenChange, className, focusedOpenId, hoverClassName, isOpen: controlledIsOpen, hoverIsOpen: controlledHoverIsOpen, }: AnnotationTooltipProps) => JSX.Element;
+export declare const AnnotationTooltip: ({ annotation, children, renderTooltipContent, hoverTooltipContent, onOpenChange, className, focusedOpenId, focusedHoverOpenId, hoverClassName, isOpen: controlledIsOpen, hoverIsOpen: controlledHoverIsOpen, }: AnnotationTooltipProps) => JSX.Element;
 
 export declare type AnnotationTooltipContentProps = {
     annotation: Annotation;
@@ -113,6 +112,7 @@ declare interface AnnotationTooltipProps {
     onOpenChange?: (open: boolean) => void;
     isOpen?: boolean;
     focusedOpenId?: string;
+    focusedHoverOpenId?: string;
     className?: string;
     hoverClassName?: string;
     hoverIsOpen?: boolean;
@@ -202,6 +202,7 @@ declare type HighlightRect = {
     height: number;
     width: number;
     type?: "pixels" | "percent";
+    style?: (rect: HighlightRect) => React_2.CSSProperties;
 };
 export { HighlightRect }
 export { HighlightRect as HighlightRect_alias_1 }
@@ -298,7 +299,7 @@ declare interface PDFState {
     currentPage: number;
     setCurrentPage: (pageNumber: number) => void;
     viewports: Array<PageViewport>;
-    viewportRef: React.MutableRefObject<HTMLDivElement | null>;
+    viewportRef: React_2.MutableRefObject<HTMLDivElement | null>;
     pageProxies: PDFPageProxy[];
     textContent: TextContent[];
     setTextContent: (textContents: TextContent[]) => void;
@@ -317,9 +318,9 @@ declare interface PDFState {
 
 export declare const PDFStore: {
     useContext: () => StoreApi<PDFState>;
-    Context: Context<StoreApi<PDFState>>;
+    Context: React_2.Context<StoreApi<PDFState>>;
     Provider: (props: {
-        children?: React.ReactNode;
+        children?: React_2.ReactNode;
         initialValue: InitialPDFState;
     }) => JSX.Element;
 };

package/dist/index.js

@@ -275,6 +275,7 @@ var AnnotationTooltip = ({
   onOpenChange,
   className,
   focusedOpenId,
+  focusedHoverOpenId,
   hoverClassName,
   isOpen: controlledIsOpen,
   hoverIsOpen: controlledHoverIsOpen
@@ -317,6 +318,7 @@ var AnnotationTooltip = ({
   }, [controlledIsOpen, isOpen, setIsOpen]);
   const handleMouseEnter = useCallback(() => {
     if (focusedOpenId && focusedOpenId !== annotation.id) return;
+    if (focusedHoverOpenId && focusedHoverOpenId !== annotation.id) return;
     if (hoverTooltipContent) {
       if (closeTimeoutRef.current) {
         clearTimeout(closeTimeoutRef.current);
@@ -335,6 +337,8 @@ var AnnotationTooltip = ({
     closeTimeoutRef.current = setTimeout(closeTooltip, 100);
   }, [hoverTooltipContent, closeTooltip]);
   const handleTooltipMouseEnter = useCallback(() => {
+    if (focusedOpenId && focusedOpenId !== annotation.id) return;
+    if (focusedHoverOpenId && focusedHoverOpenId !== annotation.id) return;
     isMouseInTooltipRef.current = true;
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
@@ -505,6 +509,7 @@ var AnnotationHighlightLayer = ({
         className: tooltipClassName,
         hoverClassName: hoverTooltipClassName,
         focusedOpenId: focusedAnnotationId,
+        focusedHoverOpenId: focusedHoverAnnotationId,
         isOpen: focusedAnnotationId === annotation.id,
         hoverIsOpen: focusedHoverAnnotationId === annotation.id,
         onOpenChange: (open) => {
@@ -1875,11 +1880,12 @@ var HighlightLayer = forwardRef(({ asChild, className, style, ...props }, ref) =
   const rects = highlights.filter((area) => area.pageNumber === pageNumber);
   if (!rects?.length) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: rects.map((rect, index) => {
-    const { pageNumber: pageNumber2, type, ...coordinates } = rect;
+    const { pageNumber: pageNumber2, type, style: customStyle, ...coordinates } = rect;
     let dimensions = coordinates;
     if (type === "percent") {
       dimensions = convertToPercentString(rect);
     }
+    const customStyles = customStyle ? customStyle(rect) : {};
     return /* @__PURE__ */ jsx(
       Comp,
       {
@@ -1890,7 +1896,8 @@ var HighlightLayer = forwardRef(({ asChild, className, style, ...props }, ref) =
           ...dimensions,
           pointerEvents: "none",
           zIndex: 30,
-          ...style
+          ...style,
+          ...customStyles
         },
         ...props,
         children: props.children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anaralabs/lector",
-  "version": "3.5.13",
+  "version": "3.6.0",
   "description": "Headless PDF viewer for React",
   "author": "andrewdr (https://github.com/andrewdoro)",
   "license": "MIT",