passed additional properties to custom BBox rendering

dist/components/bbox/Bbox.d.ts

@@ -50,10 +50,12 @@ interface IBboxProps {
     onClick?(e: any): void;
 }
 export interface IRenderBboxProps {
+    bbox: IBbox;
     left: string;
-    width: string;
-    height: string;
+    bottom: string;
     top: string;
+    height: string;
+    width: string;
     disabled: boolean;
     related?: boolean;
     selected?: boolean;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duallab/verapdf-js-viewer",
-  "version": "1.7.22",
+  "version": "1.7.23",
   "description": "Display PDF with an option to highlight a collection of rectangles on top of page rendering. Used by veraPDF web application to visualize locations of validation errors",
   "main": "dist/index.js",
   "scripts": {

src/components/bbox/Bbox.tsx

@@ -73,10 +73,12 @@ interface IBboxProps {
 }
 
 export interface IRenderBboxProps {
+  bbox: IBbox;
   left: string;
-  width: string;
-  height: string;
+  bottom: string;
   top: string;
+  height: string;
+  width: string;
   disabled: boolean;
   related?: boolean;
   selected?: boolean;
@@ -177,10 +179,12 @@ const Bbox: FC<IBboxProps> = (props: IBboxProps) => {
 
   if (renderBbox) {
     return renderBbox({
+      bbox,
+      bottom,
       left,
+      top,
       width,
       height,
-      top,
       colorScheme,
       disabled,
       related,

src/components/pdfDocument/PdfDocument.tsx

@@ -120,6 +120,7 @@ const PdfDocument: FC<IPdfDocumentProps> = (props) => {
       const selectedPage = getSelectedPageByLocation(activeBbox.location);
       if (selectedPage > -1) {
         setPage(selectedPage);
+        setScrollIntoPage(selectedPage);
       }
       setSelectedPage(selectedPage);
     } else {
@@ -143,7 +144,7 @@ const PdfDocument: FC<IPdfDocumentProps> = (props) => {
     setMaxPage(data.numPages);
     setLoaded(true);
     props.onLoadSuccess?.(data);
-  }, [props.onLoadSuccess, bboxes, props.defaultHeight, props.defaultWidth]);
+  }, [props.onLoadSuccess, bboxes, props.defaultWidth]);
 
   const onPageLoadSuccess = useCallback((data: PageCallback) => {
     props.onPageLoadSuccess?.(data);