@anaralabs/lector 3.5.4 → 3.5.5

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

@@ -40,7 +40,7 @@ declare interface Annotation {
 export { Annotation }
 export { Annotation as Annotation_alias_1 }
 
-export declare const AnnotationHighlightLayer: ({ className, style, renderTooltipContent, renderHoverTooltipContent, tooltipClassName, focusedAnnotationId, onAnnotationClick, hoverTooltipClassName }: AnnotationHighlightLayerProps) => JSX.Element;
+export declare const AnnotationHighlightLayer: ({ className, style, renderTooltipContent, renderHoverTooltipContent, tooltipClassName, highlightClassName, focusedAnnotationId, focusedHoverAnnotationId, onAnnotationClick, hoverTooltipClassName }: AnnotationHighlightLayerProps) => JSX.Element;
 
 declare interface AnnotationHighlightLayerProps {
     className?: string;
@@ -54,9 +54,11 @@ declare interface AnnotationHighlightLayerProps {
         onClose: () => void;
     }) => React.ReactNode;
     focusedAnnotationId?: string;
+    focusedHoverAnnotationId?: string;
     onAnnotationClick?: (annotation: Annotation) => void;
     tooltipClassName?: string;
     hoverTooltipClassName?: string;
+    highlightClassName?: string;
 }
 
 /**
@@ -96,7 +98,7 @@ declare interface AnnotationState {
     setAnnotations: (annotations: Annotation[]) => void;
 }
 
-export declare const AnnotationTooltip: ({ annotation, children, tooltipContent, hoverTooltipContent, onOpenChange, className, hoverClassName, isOpen: controlledIsOpen, }: AnnotationTooltipProps) => JSX.Element;
+export declare const AnnotationTooltip: ({ annotation, children, tooltipContent, hoverTooltipContent, onOpenChange, className, hoverClassName, isOpen: controlledIsOpen, hoverIsOpen: controlledHoverIsOpen, }: AnnotationTooltipProps) => JSX.Element;
 
 declare interface AnnotationTooltipProps {
     annotation: Annotation;
@@ -107,6 +109,7 @@ declare interface AnnotationTooltipProps {
     isOpen?: boolean;
     className?: string;
     hoverClassName?: string;
+    hoverIsOpen?: boolean;
     renderHoverTooltipContent?: (props: {
         annotation: Annotation;
         onClose: () => void;
@@ -378,11 +381,12 @@ declare const useAnnotations: UseBoundStore<StoreApi<AnnotationState>>;
 export { useAnnotations }
 export { useAnnotations as useAnnotations_alias_1 }
 
-export declare const useAnnotationTooltip: ({ annotation, onOpenChange, }: UseAnnotationTooltipProps) => UseAnnotationTooltipReturn;
+export declare const useAnnotationTooltip: ({ annotation, onOpenChange, position, }: UseAnnotationTooltipProps) => UseAnnotationTooltipReturn;
 
 declare interface UseAnnotationTooltipProps {
     annotation: Annotation;
     onOpenChange?: (open: boolean) => void;
+    position?: "top" | "bottom" | "left" | "right";
 }
 
 declare interface UseAnnotationTooltipReturn {

package/dist/index.js

@@ -146,7 +146,8 @@ var defaultRect = {
 };
 var useAnnotationTooltip = ({
   annotation,
-  onOpenChange
+  onOpenChange,
+  position = "top"
 }) => {
   const isNewAnnotation = Date.now() - new Date(annotation.createdAt).getTime() < 1e3;
   const [isOpen, setIsOpen] = useState(isNewAnnotation);
@@ -157,7 +158,7 @@ var useAnnotationTooltip = ({
     floatingStyles,
     context
   } = useFloating({
-    placement: "top",
+    placement: position,
     open: isOpen,
     onOpenChange: (open) => {
       setIsOpen(open);
@@ -265,7 +266,8 @@ var AnnotationTooltip = ({
   onOpenChange,
   className,
   hoverClassName,
-  isOpen: controlledIsOpen
+  isOpen: controlledIsOpen,
+  hoverIsOpen: controlledHoverIsOpen
 }) => {
   const viewportRef = usePdf((state) => state.viewportRef);
   const closeTimeoutRef = useRef(null);
@@ -282,16 +284,18 @@ var AnnotationTooltip = ({
     onOpenChange
   });
   const {
-    isOpen: hoverIsOpen,
+    isOpen: uncontrolledHoverIsOpen,
     setIsOpen: setHoverIsOpen,
     refs: hoverRefs,
     floatingStyles: hoverFloatingStyles,
     getFloatingProps: getHoverFloatingProps,
     getReferenceProps: getHoverReferenceProps
   } = useAnnotationTooltip({
+    position: "bottom",
     annotation
   });
   const isOpen = controlledIsOpen ?? uncontrolledIsOpen;
+  const hoverIsOpen = controlledHoverIsOpen || uncontrolledHoverIsOpen;
   const handleClick = useCallback(() => {
     if (controlledIsOpen === void 0) {
       setIsOpen(!isOpen);
@@ -415,7 +419,9 @@ var AnnotationHighlightLayer = ({
   renderTooltipContent,
   renderHoverTooltipContent,
   tooltipClassName,
+  highlightClassName,
   focusedAnnotationId,
+  focusedHoverAnnotationId,
   onAnnotationClick,
   hoverTooltipClassName
 }) => {
@@ -431,6 +437,7 @@ var AnnotationHighlightLayer = ({
       className: tooltipClassName,
       hoverClassName: hoverTooltipClassName,
       isOpen: focusedAnnotationId === annotation.id,
+      hoverIsOpen: focusedHoverAnnotationId === annotation.id,
       onOpenChange: (open) => {
         if (open && onAnnotationClick) {
           onAnnotationClick(annotation);
@@ -454,16 +461,14 @@ var AnnotationHighlightLayer = ({
           children: annotation.highlights.map((highlight, index) => /* @__PURE__ */ jsx(
             "div",
             {
+              className: highlightClassName,
               style: {
                 position: "absolute",
                 top: highlight.top,
                 left: highlight.left,
                 width: highlight.width,
                 height: highlight.height,
-                backgroundColor: annotation.color || "rgba(255, 255, 0, 0.3)",
-                mixBlendMode: "multiply",
-                transition: "all 0.2s ease",
-                cursor: "pointer"
+                backgroundColor: annotation.color
               },
               "data-highlight-id": annotation.id
             },

package/package.json

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