@e-llm-studio/citation 0.0.150 → 0.0.152
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -6
- package/dist/cjs/features/PdfViewer/PdfToolbar.js +1 -1
- package/dist/cjs/features/PdfViewer/usePdfHighlight.js +1 -1
- package/dist/cjs/features/ScannedDocCitation/ScannedDocCitation.js +1 -1
- package/dist/features/PdfViewer/PdfToolbar.js +1 -1
- package/dist/features/PdfViewer/usePdfHighlight.js +1 -1
- package/dist/features/ScannedDocCitation/ScannedDocCitation.js +1 -1
- package/dist/types/src/features/PdfViewer/PdfToolbar.d.ts.map +1 -1
- package/dist/types/src/features/PdfViewer/usePdfHighlight.d.ts.map +1 -1
- package/dist/types/src/features/ScannedDocCitation/ScannedDocCitation.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -992,9 +992,9 @@ ScannedDocCitation is a React component for displaying scanned document pages wi
|
|
|
992
992
|
- **Highlight navigation** — Jump between highlights using ↑↓ arrows, auto-scrolls to active highlight
|
|
993
993
|
- **Fullscreen modal** — Expand to a larger view for detailed examination
|
|
994
994
|
- **Customizable highlight colors** — Control highlight color, active color, and border color
|
|
995
|
+
- **Lazy highlight rendering** — Highlights only appear after the image has fully loaded, preventing bounding boxes from showing on blank pages
|
|
995
996
|
|
|
996
997
|
### Usage
|
|
997
|
-
|
|
998
998
|
```tsx
|
|
999
999
|
import ScannedDocCitation from '@e-llm-studio/citation/ScannedDocCitation'
|
|
1000
1000
|
|
|
@@ -1033,9 +1033,9 @@ const BACKEND_CITATIONS = [
|
|
|
1033
1033
|
// Each citation = one page. citation_number is 1-based, pageIndex is 0-based.
|
|
1034
1034
|
const images = BACKEND_CITATIONS.map((c) => c.customMetaData.gs_url)
|
|
1035
1035
|
|
|
1036
|
-
const highlights = BACKEND_CITATIONS.flatMap((c
|
|
1036
|
+
const highlights = BACKEND_CITATIONS.flatMap((c) =>
|
|
1037
1037
|
c.customMetaData.highlighted_coordinates.map((coord) => ({
|
|
1038
|
-
pageIndex,
|
|
1038
|
+
pageIndex: c.customMetaData.citation_number - 1,
|
|
1039
1039
|
bboxes: [coord],
|
|
1040
1040
|
}))
|
|
1041
1041
|
)
|
|
@@ -1058,6 +1058,23 @@ const highlights = BACKEND_CITATIONS.flatMap((c, pageIndex) =>
|
|
|
1058
1058
|
/>
|
|
1059
1059
|
```
|
|
1060
1060
|
|
|
1061
|
+
**Single citation at a time:**
|
|
1062
|
+
|
|
1063
|
+
If rendering one citation at a time with a single image, always use `pageIndex: 0` regardless of `citation_number`.
|
|
1064
|
+
```tsx
|
|
1065
|
+
const images = citation?.customMetaData?.gs_url
|
|
1066
|
+
? [citation.customMetaData.gs_url]
|
|
1067
|
+
: [];
|
|
1068
|
+
|
|
1069
|
+
const highlights =
|
|
1070
|
+
citation?.customMetaData?.highlighted_coordinates?.map((coord) => ({
|
|
1071
|
+
pageIndex: 0, // always 0 since images array has only 1 image
|
|
1072
|
+
bboxes: [coord],
|
|
1073
|
+
})) ?? [];
|
|
1074
|
+
|
|
1075
|
+
return <ScannedDocCitation images={images} highlights={highlights} />;
|
|
1076
|
+
```
|
|
1077
|
+
|
|
1061
1078
|
### Props
|
|
1062
1079
|
|
|
1063
1080
|
| Prop | Type | Required | Default | Description |
|
|
@@ -1067,10 +1084,9 @@ const highlights = BACKEND_CITATIONS.flatMap((c, pageIndex) =>
|
|
|
1067
1084
|
| `highlightColor` | `string` | ❌ | `rgba(255, 220, 0, 0.15)` | Background color of inactive highlights |
|
|
1068
1085
|
| `highlightActiveColor` | `string` | ❌ | `rgba(255, 220, 0, 0.35)` | Background color of the currently active highlight |
|
|
1069
1086
|
| `highlightBorderColor` | `string` | ❌ | `rgba(200, 160, 0, 0.4)` | Border color of the active highlight |
|
|
1070
|
-
| `height` | `string \| number` | ❌ | `"700px"` |
|
|
1087
|
+
| `height` | `string \| number` | ❌ | `"700px"` | Maximum height of the scrollable container. Shrinks to fit content if content is shorter. |
|
|
1071
1088
|
|
|
1072
1089
|
### Type Definitions
|
|
1073
|
-
|
|
1074
1090
|
```typescript
|
|
1075
1091
|
interface BBox {
|
|
1076
1092
|
xmin: number; // normalized 0–1 (provided directly by backend)
|
|
@@ -1096,7 +1112,6 @@ interface ScannedDocCitationProps {
|
|
|
1096
1112
|
|
|
1097
1113
|
> **Note:** Coordinates in `highlighted_coordinates` are already normalized (0–1) by the backend. No pixel conversion needed before passing them to the component.
|
|
1098
1114
|
|
|
1099
|
-
|
|
1100
1115
|
# Other Components
|
|
1101
1116
|
## Bookemon
|
|
1102
1117
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("./PdfStyle.js"),t=require("../../assests/svg/PdfViewerIcons.js");exports.default=function(l){l.highlightIndex
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("./PdfStyle.js"),t=require("../../assests/svg/PdfViewerIcons.js");exports.default=function(l){l.highlightIndex;var i=l.totalHighlights,o=l.controls,r=l.currentPosition,a=l.pdfName,c=l.onClose,d=l.pdfUrl,u=l.viewerRef,g=l.customStyles,_=l.customClasses,x=l.customIcons,f=o.ZoomInButton,m=o.ZoomOutButton,p=o.ZoomPopover,h=o.goToPrevious,b=o.goToNext,j=(null==_?void 0:_.actionButton)||"p-1 hover:bg-gray-200 rounded-md transition-colors";return s.jsxs("div",e.__assign({className:(null==_?void 0:_.header)||"flex items-center justify-between mb-3 bg-[#FAFAFA] border-b border-gray-100 rounded-t-xl",style:e.__assign(e.__assign({},n.pdfStyles.header),null==g?void 0:g.header)},{children:[s.jsxs("div",e.__assign({className:"flex items-center gap-3 min-w-0 flex-1"},{children:[s.jsx("div",e.__assign({style:e.__assign(e.__assign({},{borderRadius:"21px",border:"6px solid #E8F3FF",background:"#D5E8FF",display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",boxSizing:"content-box"}),null==g?void 0:g.pdfIconWrapper)},{children:(null==x?void 0:x.pdfIcon)||s.jsx(t.DefaultPdfIcon,{})})),s.jsx("span",e.__assign({className:(null==_?void 0:_.pdfName)||"text-gray-800 text-sm truncate",style:e.__assign({fontWeight:500},null==g?void 0:g.pdfName)},{children:a}))]})),s.jsxs("div",e.__assign({className:"flex items-center gap-4 text-gray-600 flex-shrink-0"},{children:[s.jsxs("div",e.__assign({className:"flex items-center gap-1"},{children:[s.jsx(m,{}),s.jsx("div",e.__assign({className:"text-sm font-medium w-14 text-center"},{children:s.jsx(p,{})})),s.jsx(f,{})]})),!!i&&s.jsxs(s.Fragment,{children:[s.jsx("button",e.__assign({style:e.__assign(e.__assign(e.__assign({},n.pdfStyles.button),{color:"#475467"}),0===r||1===r?n.pdfStyles.buttonDisabled:{}),onClick:h,disabled:0===r||1===r},{children:"◀"})),s.jsxs("span",e.__assign({style:n.pdfStyles.counter},{children:[r," / ",i]})),s.jsx("button",e.__assign({style:e.__assign(e.__assign(e.__assign({},n.pdfStyles.button),{color:"#475467"}),r===i?n.pdfStyles.buttonDisabled:{}),onClick:b,disabled:r===i},{children:"▶"}))]}),s.jsx("div",{className:"w-px h-5 bg-gray-300 mx-1"}),s.jsxs("div",e.__assign({className:"flex items-center gap-2"},{children:[s.jsx("button",e.__assign({onClick:function(){var e=null==u?void 0:u.current;e&&(document.fullscreenElement?document.exitFullscreen():e.requestFullscreen().catch(function(e){console.error("Error attempting to enable fullscreen: ".concat(e.message))}))},className:j,title:"Full Screen"},{children:(null==x?void 0:x.fullScreenIcon)||s.jsx(t.DefaultFullScreenIcon,{})})),d&&s.jsx("a",e.__assign({href:d,target:"_blank",rel:"noopener noreferrer",className:j,title:"Open in new tab"},{children:(null==x?void 0:x.downloadIcon)||s.jsx(t.DefaultDownloadIcon,{})})),c&&s.jsx("button",e.__assign({onClick:c,className:"".concat(j," ml-1"),title:"Close"},{children:(null==x?void 0:x.closeIcon)||s.jsx(t.DefaultCloseIcon,{})}))]}))]}))]}))};
|
|
2
2
|
//# sourceMappingURL=PdfToolbar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("@react-pdf-viewer/search"),r=require("@react-pdf-viewer/page-navigation"),t=require("@react-pdf-viewer/zoom");exports.PdfHighlightControls=function(n,u){var i=e.useState(0),a=i[0],s=i[1],c=e.useRef(!1),g=e.useState(0),f=g[0],v=g[1],l=Object.keys(u).map(Number).sort(function(e,o){return e-o}),m=Object.values(u).filter(function(e){return e>0}).length,d=o.searchPlugin({keyword:n}),p=r.pageNavigationPlugin(),h=t.zoomPlugin(),P=d.jumpToMatch,x=p.jumpToPage,T=h.zoomTo,j=h.ZoomInButton,y=h.ZoomOutButton,I=h.ZoomPopover,Z=function(){if(!c.current)try{P(0),c.current=!0}catch(e){requestAnimationFrame(Z)}};return{setHighlightIndex:s,highlightIndex:a,cursorIndex:f,setCursorIndex:v,orderedKeys:l,totalHighlights:m,getValidPosition:function(e){for(var o=0,r=0;r<=e;r++){var t=l[r];u[t]>0&&o++}return o},tryJump:Z,jumpToPage:x,zoomTo:T,plugins:[d,p,h],controls:{ZoomInButton:j,ZoomOutButton:y,ZoomPopover:I,goToNext:function(){for(var e=f+1;e<l.length;e++){var o=l[e];if(u[o]>0)return v(e),void x(u[o]-1)}},goToPrevious:function(){for(var e=f-1;e>=0;e--){var o=l[e];if(u[o]>0)return v(e),void x(u[o]-1)}}}}};
|
|
2
2
|
//# sourceMappingURL=usePdfHighlight.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("lucide-react"),o=require("../ChatCitation/components/wrappers/Modal.js");exports.default=function(r){var s=r.images,a=r.highlights,l=r.highlightColor,d=void 0===l?"rgba(255, 220, 0, 0.15)":l,c=r.highlightActiveColor,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("lucide-react"),o=require("../ChatCitation/components/wrappers/Modal.js");exports.default=function(r){var s=r.images,a=r.highlights,l=r.highlightColor,d=void 0===l?"rgba(255, 220, 0, 0.15)":l,c=r.highlightActiveColor,u=void 0===c?"rgba(255, 220, 0, 0.35)":c,x=r.highlightBorderColor,g=void 0===x?"rgba(200, 160, 0, 0.4)":x,p=r.height,h=void 0===p?"700px":p,f=a.flatMap(function(e,i){return e.bboxes.map(function(n,t){return{bbox:n,pageIndex:e.pageIndex,key:"".concat(i,"-").concat(t)}})}).length,b=n.useState(0),_=b[0],m=b[1],v=n.useState(!1),y=v[0],j=v[1],C=n.useState({}),k=C[0],w=C[1],I=n.useRef(null),R=n.useRef(null),z=n.useRef([]),M=n.useRef([]),B=n.useCallback(function(e,i){void 0===i&&(i=!1);var n=Math.max(0,Math.min(f-1,e));m(n),requestAnimationFrame(function(){var e=i?R.current:I.current,t=(i?M:z).current[n];if(e&&t){var o=e.getBoundingClientRect(),r=t.getBoundingClientRect(),s=r.top-o.top+e.scrollTop-e.clientHeight/2+r.height/2;e.scrollTo({top:s,behavior:"smooth"})}})},[f]),S=function(n){return void 0===n&&(n=!1),f>0&&i.jsx("div",e.__assign({style:{display:"flex",alignItems:"center",marginBottom:"6px"}},{children:i.jsxs("div",e.__assign({style:{marginLeft:"auto",display:"flex",alignItems:"center",gap:"4px"}},{children:[i.jsxs("span",e.__assign({style:{fontSize:"12px",color:"#888"}},{children:[_+1," / ",f]})),i.jsx("button",e.__assign({onClick:function(){return B(_-1,n)},disabled:_<=0,style:{padding:"2px 4px",cursor:_<=0?"not-allowed":"pointer",opacity:_<=0?.4:1,border:"1px solid #ddd",borderRadius:"3px",background:"white",display:"flex",alignItems:"center"}},{children:i.jsx(t.ChevronUp,{size:14,color:"#64748b"})})),i.jsx("button",e.__assign({onClick:function(){return B(_+1,n)},disabled:_>=f-1,style:{padding:"2px 4px",cursor:_>=f-1?"not-allowed":"pointer",opacity:_>=f-1?.4:1,border:"1px solid #ddd",borderRadius:"3px",background:"white",display:"flex",alignItems:"center"}},{children:i.jsx(t.ChevronDown,{size:14,color:"#64748b"})})),i.jsx("span",{style:{width:"1px",height:"16px",background:"#e2e8f0",margin:"0 2px"}}),n?i.jsx(t.X,{size:16,color:"#64748b",style:{cursor:"pointer"},onClick:function(){return j(!1)}}):i.jsx(t.Maximize2,{size:16,color:"#64748b",style:{cursor:"pointer"},onClick:function(){return j(!0)}})]}))}))},q=function(n){void 0===n&&(n=!1);var t=n?M:z,o=-1;return s.map(function(n,r){var s=a.filter(function(e){return e.pageIndex===r}).flatMap(function(e,i){return e.bboxes.map(function(e,n){return o++,{bbox:e,key:"".concat(r,"-").concat(i,"-").concat(n),globalIndex:o}})});return i.jsxs("div",e.__assign({style:{marginBottom:"8px"}},{children:[i.jsxs("div",e.__assign({style:{fontSize:"12px",color:"#888",marginBottom:"4px"}},{children:["Page ",r+1]})),i.jsx("div",e.__assign({style:{position:"relative",width:"100%",paddingTop:"129%",flexShrink:0}},{children:i.jsxs("div",e.__assign({style:{position:"absolute",inset:0}},{children:[i.jsx("img",{src:n,alt:"Page ".concat(r+1),style:{display:"block",width:"100%",height:"100%",objectFit:"fill"},draggable:!1,ref:function(i){i&&i.complete&&!k[r]&&w(function(i){var n;return e.__assign(e.__assign({},i),((n={})[r]=!0,n))})},onLoad:function(){return w(function(i){var n;return e.__assign(e.__assign({},i),((n={})[r]=!0,n))})}}),k[r]&&s.map(function(e){var n=e.bbox,o=e.key,r=e.globalIndex,s=_===r;return i.jsx("div",{ref:function(e){t.current[r]=e},style:{position:"absolute",left:"".concat(100*n.xmin,"%"),top:"".concat(100*n.ymin,"%"),width:"".concat(100*(n.xmax-n.xmin),"%"),height:"".concat(100*(n.ymax-n.ymin),"%"),background:s?u:d,border:s?"1.5px solid ".concat(g):"none",borderRadius:"2px",zIndex:2}},o)})]}))}))]}),r)})},D={overflowY:"auto",border:"1px solid #ddd",borderRadius:"4px",padding:"8px",paddingBottom:0,display:"flex",flexDirection:"column",boxSizing:"border-box"};return i.jsxs(i.Fragment,{children:[i.jsxs("div",e.__assign({style:{width:"100%",maxWidth:"800px",fontFamily:"inherit",display:"flex",flexDirection:"column"}},{children:[S(!1),i.jsx("div",e.__assign({ref:I,style:e.__assign(e.__assign({},D),{maxHeight:h})},{children:q(!1)}))]})),i.jsx(o.Modal,e.__assign({isOpen:y,onClose:function(){return j(!1)}},{children:i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"}},{children:[S(!0),i.jsx("div",e.__assign({ref:R,style:e.__assign(e.__assign({},D),{flex:1})},{children:y&&q(!0)}))]}))}))]})};
|
|
2
2
|
//# sourceMappingURL=ScannedDocCitation.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{pdfStyles as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as t,jsx as n,Fragment as l}from"react/jsx-runtime";import{pdfStyles as o}from"./PdfStyle.js";import{DefaultPdfIcon as r,DefaultFullScreenIcon as i,DefaultDownloadIcon as s,DefaultCloseIcon as c}from"../../assests/svg/PdfViewerIcons.js";var d=function(d){d.highlightIndex;var a=d.totalHighlights,u=d.controls,m=d.currentPosition,f=d.pdfName,h=d.onClose,p=d.pdfUrl,b=d.viewerRef,g=d.customStyles,v=d.customClasses,x=d.customIcons,y=u.ZoomInButton,N=u.ZoomOutButton,F=u.ZoomPopover,I=u.goToPrevious,w=u.goToNext,C=(null==v?void 0:v.actionButton)||"p-1 hover:bg-gray-200 rounded-md transition-colors";return t("div",e({className:(null==v?void 0:v.header)||"flex items-center justify-between mb-3 bg-[#FAFAFA] border-b border-gray-100 rounded-t-xl",style:e(e({},o.header),null==g?void 0:g.header)},{children:[t("div",e({className:"flex items-center gap-3 min-w-0 flex-1"},{children:[n("div",e({style:e(e({},{borderRadius:"21px",border:"6px solid #E8F3FF",background:"#D5E8FF",display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",boxSizing:"content-box"}),null==g?void 0:g.pdfIconWrapper)},{children:(null==x?void 0:x.pdfIcon)||n(r,{})})),n("span",e({className:(null==v?void 0:v.pdfName)||"text-gray-800 text-sm truncate",style:e({fontWeight:500},null==g?void 0:g.pdfName)},{children:f}))]})),t("div",e({className:"flex items-center gap-4 text-gray-600 flex-shrink-0"},{children:[t("div",e({className:"flex items-center gap-1"},{children:[n(N,{}),n("div",e({className:"text-sm font-medium w-14 text-center"},{children:n(F,{})})),n(y,{})]})),!!a&&t(l,{children:[n("button",e({style:e(e(e({},o.button),{color:"#475467"}),0===m||1===m?o.buttonDisabled:{}),onClick:I,disabled:0===m||1===m},{children:"◀"})),t("span",e({style:o.counter},{children:[m," / ",a]})),n("button",e({style:e(e(e({},o.button),{color:"#475467"}),m===a?o.buttonDisabled:{}),onClick:w,disabled:m===a},{children:"▶"}))]}),n("div",{className:"w-px h-5 bg-gray-300 mx-1"}),t("div",e({className:"flex items-center gap-2"},{children:[n("button",e({onClick:function(){var e=null==b?void 0:b.current;e&&(document.fullscreenElement?document.exitFullscreen():e.requestFullscreen().catch(function(e){console.error("Error attempting to enable fullscreen: ".concat(e.message))}))},className:C,title:"Full Screen"},{children:(null==x?void 0:x.fullScreenIcon)||n(i,{})})),p&&n("a",e({href:p,target:"_blank",rel:"noopener noreferrer",className:C,title:"Open in new tab"},{children:(null==x?void 0:x.downloadIcon)||n(s,{})})),h&&n("button",e({onClick:h,className:"".concat(C," ml-1"),title:"Close"},{children:(null==x?void 0:x.closeIcon)||n(c,{})}))]}))]}))]}))};export{d as default};
|
|
2
2
|
//# sourceMappingURL=PdfToolbar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useState as o,useRef as r}from"react";import{searchPlugin as t}from"@react-pdf-viewer/search";import{pageNavigationPlugin as e}from"@react-pdf-viewer/page-navigation";import{zoomPlugin as n}from"@react-pdf-viewer/zoom";var
|
|
1
|
+
import{useState as o,useRef as r}from"react";import{searchPlugin as t}from"@react-pdf-viewer/search";import{pageNavigationPlugin as e}from"@react-pdf-viewer/page-navigation";import{zoomPlugin as n}from"@react-pdf-viewer/zoom";var i=function(i,u){var a=o(0),m=a[0],c=a[1],f=r(!1),v=o(0),p=v[0],g=v[1],s=Object.keys(u).map(Number).sort(function(o,r){return o-r}),d=Object.values(u).filter(function(o){return o>0}).length,h=t({keyword:i}),l=e(),T=n(),x=h.jumpToMatch,I=l.jumpToPage,P=T.zoomTo,Z=T.ZoomInButton,j=T.ZoomOutButton,y=T.ZoomPopover,w=function(){if(!f.current)try{x(0),f.current=!0}catch(o){requestAnimationFrame(w)}};return{setHighlightIndex:c,highlightIndex:m,cursorIndex:p,setCursorIndex:g,orderedKeys:s,totalHighlights:d,getValidPosition:function(o){for(var r=0,t=0;t<=o;t++){var e=s[t];u[e]>0&&r++}return r},tryJump:w,jumpToPage:I,zoomTo:P,plugins:[h,l,T],controls:{ZoomInButton:Z,ZoomOutButton:j,ZoomPopover:y,goToNext:function(){for(var o=p+1;o<s.length;o++){var r=s[o];if(u[r]>0)return g(o),void I(u[r]-1)}},goToPrevious:function(){for(var o=p-1;o>=0;o--){var r=s[o];if(u[r]>0)return g(o),void I(u[r]-1)}}}}};export{i as PdfHighlightControls};
|
|
2
2
|
//# sourceMappingURL=usePdfHighlight.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as t,Fragment as i,jsx as n}from"react/jsx-runtime";import{useState as o,useRef as r,useCallback as l}from"react";import{ChevronUp as d,ChevronDown as c,X as a,Maximize2 as p}from"lucide-react";import{Modal as s}from"../ChatCitation/components/wrappers/Modal.js";function u(u){var x=u.images,h=u.highlights,f=u.highlightColor,g=void 0===f?"rgba(255, 220, 0, 0.15)":f,m=u.highlightActiveColor,b=void 0===m?"rgba(255, 220, 0, 0.35)":m,y=u.highlightBorderColor,v=void 0===y?"rgba(200, 160, 0, 0.4)":y,k=u.height,w=void 0===k?"700px":k,C=h.flatMap(function(e,t){return e.bboxes.map(function(i,n){return{bbox:i,pageIndex:e.pageIndex,key:"".concat(t,"-").concat(n)}})}).length,I=o(0),z=I[0],B=I[1],R=o(!1),M=R[0],S=R[1],j=o({}),D=j[0],F=j[1],T=r(null),A=r(null),H=r([]),L=r([]),P=l(function(e,t){void 0===t&&(t=!1);var i=Math.max(0,Math.min(C-1,e));B(i),requestAnimationFrame(function(){var e=t?A.current:T.current,n=(t?L:H).current[i];if(e&&n){var o=e.getBoundingClientRect(),r=n.getBoundingClientRect(),l=r.top-o.top+e.scrollTop-e.clientHeight/2+r.height/2;e.scrollTo({top:l,behavior:"smooth"})}})},[C]),q=function(i){return void 0===i&&(i=!1),C>0&&n("div",e({style:{display:"flex",alignItems:"center",marginBottom:"6px"}},{children:t("div",e({style:{marginLeft:"auto",display:"flex",alignItems:"center",gap:"4px"}},{children:[t("span",e({style:{fontSize:"12px",color:"#888"}},{children:[z+1," / ",C]})),n("button",e({onClick:function(){return P(z-1,i)},disabled:z<=0,style:{padding:"2px 4px",cursor:z<=0?"not-allowed":"pointer",opacity:z<=0?.4:1,border:"1px solid #ddd",borderRadius:"3px",background:"white",display:"flex",alignItems:"center"}},{children:n(d,{size:14,color:"#64748b"})})),n("button",e({onClick:function(){return P(z+1,i)},disabled:z>=C-1,style:{padding:"2px 4px",cursor:z>=C-1?"not-allowed":"pointer",opacity:z>=C-1?.4:1,border:"1px solid #ddd",borderRadius:"3px",background:"white",display:"flex",alignItems:"center"}},{children:n(c,{size:14,color:"#64748b"})})),n("span",{style:{width:"1px",height:"16px",background:"#e2e8f0",margin:"0 2px"}}),i?n(a,{size:16,color:"#64748b",style:{cursor:"pointer"},onClick:function(){return S(!1)}}):n(p,{size:16,color:"#64748b",style:{cursor:"pointer"},onClick:function(){return S(!0)}})]}))}))},O=function(i){void 0===i&&(i=!1);var o=i?L:H,r=-1;return x.map(function(i,l){var d=h.filter(function(e){return e.pageIndex===l}).flatMap(function(e,t){return e.bboxes.map(function(e,i){return r++,{bbox:e,key:"".concat(l,"-").concat(t,"-").concat(i),globalIndex:r}})});return t("div",e({style:{marginBottom:"8px"}},{children:[t("div",e({style:{fontSize:"12px",color:"#888",marginBottom:"4px"}},{children:["Page ",l+1]})),n("div",e({style:{position:"relative",width:"100%",paddingTop:"129%",flexShrink:0}},{children:t("div",e({style:{position:"absolute",inset:0}},{children:[n("img",{src:i,alt:"Page ".concat(l+1),style:{display:"block",width:"100%",height:"100%",objectFit:"fill"},draggable:!1,ref:function(t){t&&t.complete&&!D[l]&&F(function(t){var i;return e(e({},t),((i={})[l]=!0,i))})},onLoad:function(){return F(function(t){var i;return e(e({},t),((i={})[l]=!0,i))})}}),D[l]&&d.map(function(e){var t=e.bbox,i=e.key,r=e.globalIndex,l=z===r;return n("div",{ref:function(e){o.current[r]=e},style:{position:"absolute",left:"".concat(100*t.xmin,"%"),top:"".concat(100*t.ymin,"%"),width:"".concat(100*(t.xmax-t.xmin),"%"),height:"".concat(100*(t.ymax-t.ymin),"%"),background:l?b:g,border:l?"1.5px solid ".concat(v):"none",borderRadius:"2px",zIndex:2}},i)})]}))}))]}),l)})},W={overflowY:"auto",border:"1px solid #ddd",borderRadius:"4px",padding:"8px",paddingBottom:0,display:"flex",flexDirection:"column",boxSizing:"border-box"};return t(i,{children:[t("div",e({style:{width:"100%",maxWidth:"800px",fontFamily:"inherit",display:"flex",flexDirection:"column"}},{children:[q(!1),n("div",e({ref:T,style:e(e({},W),{maxHeight:w})},{children:O(!1)}))]})),n(s,e({isOpen:M,onClose:function(){return S(!1)}},{children:t("div",e({style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"}},{children:[q(!0),n("div",e({ref:A,style:e(e({},W),{flex:1})},{children:M&&O(!0)}))]}))}))]})}export{u as default};
|
|
2
2
|
//# sourceMappingURL=ScannedDocCitation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PdfToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/features/PdfViewer/PdfToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGnF,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;IACd,eAAe,EAAE,GAAG,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,UAAU,kJAYb,KAAK,
|
|
1
|
+
{"version":3,"file":"PdfToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/features/PdfViewer/PdfToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGnF,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;IACd,eAAe,EAAE,GAAG,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,UAAU,kJAYb,KAAK,4CA0HP,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePdfHighlight.d.ts","sourceRoot":"","sources":["../../../../../src/features/PdfViewer/usePdfHighlight.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,oBAAoB,kBAChB,MAAM,EAAE,kBACP,OAAO,MAAM,EAAE,MAAM,CAAC;;;;;;;+BAgBJ,MAAM;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"usePdfHighlight.d.ts","sourceRoot":"","sources":["../../../../../src/features/PdfViewer/usePdfHighlight.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,oBAAoB,kBAChB,MAAM,EAAE,kBACP,OAAO,MAAM,EAAE,MAAM,CAAC;;;;;;;+BAgBJ,MAAM;;;;;;;;;;;;CAiFzC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScannedDocCitation.d.ts","sourceRoot":"","sources":["../../../../../src/features/ScannedDocCitation/ScannedDocCitation.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,IAAI,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,MAAM,EACN,UAAU,EACV,cAA0C,EAC1C,oBAAgD,EAChD,oBAA+C,EAC/C,MAAgB,GACjB,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"ScannedDocCitation.d.ts","sourceRoot":"","sources":["../../../../../src/features/ScannedDocCitation/ScannedDocCitation.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,IAAI,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,MAAM,EACN,UAAU,EACV,cAA0C,EAC1C,oBAAgD,EAChD,oBAA+C,EAC/C,MAAgB,GACjB,EAAE,uBAAuB,2CAyJzB"}
|