@anaralabs/lector 3.5.5 → 3.5.6

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

@@ -32,6 +32,7 @@ declare interface Annotation {
         pageNumber: number;
     }>;
     color: string;
+    borderColor: string;
     createdAt: Date;
     updatedAt: Date;
     comment?: string;
@@ -40,7 +41,7 @@ declare interface Annotation {
 export { Annotation }
 export { Annotation as Annotation_alias_1 }
 
-export declare const AnnotationHighlightLayer: ({ className, style, renderTooltipContent, renderHoverTooltipContent, tooltipClassName, highlightClassName, focusedAnnotationId, focusedHoverAnnotationId, onAnnotationClick, hoverTooltipClassName }: AnnotationHighlightLayerProps) => JSX.Element;
+export declare const AnnotationHighlightLayer: ({ className, style, renderTooltipContent, renderHoverTooltipContent, tooltipClassName, highlightClassName, focusedAnnotationId, focusedHoverAnnotationId, onAnnotationClick, hoverTooltipClassName, tooltipBubbleSize, }: AnnotationHighlightLayerProps) => JSX.Element;
 
 declare interface AnnotationHighlightLayerProps {
     className?: string;
@@ -59,6 +60,7 @@ declare interface AnnotationHighlightLayerProps {
     tooltipClassName?: string;
     hoverTooltipClassName?: string;
     highlightClassName?: string;
+    tooltipBubbleSize?: number;
 }
 
 /**
@@ -98,7 +100,7 @@ declare interface AnnotationState {
     setAnnotations: (annotations: Annotation[]) => void;
 }
 
-export declare const AnnotationTooltip: ({ annotation, children, tooltipContent, hoverTooltipContent, onOpenChange, className, hoverClassName, isOpen: controlledIsOpen, hoverIsOpen: controlledHoverIsOpen, }: AnnotationTooltipProps) => JSX.Element;
+export declare const AnnotationTooltip: ({ annotation, children, tooltipContent, hoverTooltipContent, onOpenChange, className, hoverClassName, isOpen: controlledIsOpen, tooltipBubbleSize, hoverIsOpen: controlledHoverIsOpen, }: AnnotationTooltipProps) => JSX.Element;
 
 declare interface AnnotationTooltipProps {
     annotation: Annotation;
@@ -110,6 +112,7 @@ declare interface AnnotationTooltipProps {
     className?: string;
     hoverClassName?: string;
     hoverIsOpen?: boolean;
+    tooltipBubbleSize: number;
     renderHoverTooltipContent?: (props: {
         annotation: Annotation;
         onClose: () => void;
@@ -428,6 +431,7 @@ export declare const usePdfJump: () => {
     }) => void;
     jumpToOffset: (offset: number) => void;
     jumpToHighlightRects: (rects: HighlightRect[], type: "pixels" | "percent", align?: "start" | "center", additionalOffset?: number) => void;
+    scrollToHighlightRects: (rects: HighlightRect[], type: "pixels" | "percent", align?: "start" | "center", additionalOffset?: number) => void;
 };
 
 declare const usePDFOutline: () => {

package/dist/index.js

@@ -267,6 +267,7 @@ var AnnotationTooltip = ({
   className,
   hoverClassName,
   isOpen: controlledIsOpen,
+  tooltipBubbleSize,
   hoverIsOpen: controlledHoverIsOpen
 }) => {
   const viewportRef = usePdf((state) => state.viewportRef);
@@ -331,7 +332,7 @@ var AnnotationTooltip = ({
     setHoverIsOpen(false);
   }, [setHoverIsOpen]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       "div",
       {
         ref: (node) => {
@@ -343,7 +344,18 @@ var AnnotationTooltip = ({
         onMouseLeave: handleMouseLeave,
         ...getReferenceProps(),
         ...getHoverReferenceProps(),
-        children
+        children: [
+          !isOpen && !hoverIsOpen && annotation.comment && /* @__PURE__ */ jsx("div", { className: "rounded-full", style: {
+            position: "absolute",
+            top: annotation.highlights[0]?.top ? annotation.highlights[0]?.top - tooltipBubbleSize / 2 : 0,
+            left: annotation.highlights[0]?.left ? annotation.highlights[0]?.left - tooltipBubbleSize / 2 : 0,
+            backgroundColor: annotation.borderColor,
+            height: `${tooltipBubbleSize}px`,
+            width: `${tooltipBubbleSize}px`,
+            zIndex: 50
+          } }),
+          children
+        ]
       }
     ),
     isOpen && viewportRef.current && createPortal(
@@ -423,7 +435,8 @@ var AnnotationHighlightLayer = ({
   focusedAnnotationId,
   focusedHoverAnnotationId,
   onAnnotationClick,
-  hoverTooltipClassName
+  hoverTooltipClassName,
+  tooltipBubbleSize = 6
 }) => {
   const { annotations } = useAnnotations();
   const pageNumber = usePDFPageNumber();
@@ -437,6 +450,7 @@ var AnnotationHighlightLayer = ({
       className: tooltipClassName,
       hoverClassName: hoverTooltipClassName,
       isOpen: focusedAnnotationId === annotation.id,
+      tooltipBubbleSize,
       hoverIsOpen: focusedHoverAnnotationId === annotation.id,
       onOpenChange: (open) => {
         if (open && onAnnotationClick) {
@@ -542,9 +556,8 @@ var usePdfJump = () => {
       behavior: "smooth"
     });
   };
-  const jumpToHighlightRects = (rects, type, align = "start", additionalOffset = 0) => {
+  const scrollToHighlightRects = (rects, type, align = "start", additionalOffset = 0) => {
     if (!virtualizer) return;
-    setHighlight(rects);
     const firstPage = Math.min(...rects.map((rect) => rect.pageNumber));
     const pageOffset = virtualizer.getOffsetForIndex(firstPage - 1, "start");
     if (pageOffset === null) return;
@@ -581,7 +594,12 @@ var usePdfJump = () => {
       behavior: "smooth"
     });
   };
-  return { jumpToPage, jumpToOffset, jumpToHighlightRects };
+  const jumpToHighlightRects = (rects, type, align = "start", additionalOffset = 0) => {
+    if (!virtualizer) return;
+    setHighlight(rects);
+    scrollToHighlightRects(rects, type, align, additionalOffset);
+  };
+  return { jumpToPage, jumpToOffset, jumpToHighlightRects, scrollToHighlightRects };
 };
 var LinkService = class {
   _pdfDocumentProxy;

package/package.json

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