@epam/ai-dial-react-pdf-highlighter 0.2.0-dev.1 → 0.2.0-dev.11

package/dist/ai-dial-react-pdf-highlighter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@epam/ai-dial-ui-kit"),U=require("@epam/pdf-highlighter-kit"),t=require("react"),z=require("@tabler/icons-react"),k="auto",F="page-fit",L=[{value:k,label:"Auto"},{value:F,label:"Page Fit"},{value:"0.5",label:"50%"},{value:"0.75",label:"75%"},{value:"1",label:"100%"},{value:"1.25",label:"125%"},{value:"1.5",label:"150%"},{value:"2",label:"200%"},{value:"3",label:"300%"}],W={maxWidth:104,format:"image/jpeg",quality:.85},$=15,le="application/pdf",oe=".pdf",X=({pdf:s,highlights:a,selectedHighlightId:u,autoFocusFirstHighlight:l=!1,selectedPageNumber:m,zoom:c,containerClassName:b,onTotalPagesChange:p,onViewerReady:N,selectedPages:d,viewerOptions:w})=>{const f=t.useRef(null),n=t.useRef(null),[x,T]=t.useState(!1),[g,P]=t.useState(!1),O=t.useRef(p),I=t.useRef(N),S=t.useRef(w);t.useEffect(()=>{O.current=p},[p]),t.useEffect(()=>{I.current=N},[N]),t.useEffect(()=>{S.current=w},[w]);const j=t.useCallback(r=>n.current?.goToHighlight(r),[]);return t.useEffect(()=>{if(!f.current)return;T(!1),P(!1),n.current&&(n.current.destroy(),n.current=null);let r=null,h=!0;const v=()=>{h&&P(!0)};return(async()=>{try{if(r=new U.PDFHighlightViewer,await r.init(f.current,{enableTextSelection:!0,enableVirtualScrolling:!0,bboxOrigin:"top-left",...S.current}),!h){r.destroy();return}if(r.addEventListener("zoomChanged",v),await r.loadPDF(s,{selectedPages:d}),!h){r.destroy();return}const C=r.getTotalPages?.();typeof C=="number"&&C>0&&O.current?.(C),h&&(n.current=r,T(!0))}catch(C){if(!h)return;console.error("Error in initViewer:",C)}})(),()=>{h=!1,r&&(r.removeEventListener("zoomChanged",v),r.destroy())}},[s,d]),t.useEffect(()=>{!x||!n.current||(n.current.loadHighlights(a),l&&a&&a[0]&&j(a[0].id))},[l,j,a,x]),t.useEffect(()=>{x&&g&&u&&j(u)},[j,x,g,u]),t.useEffect(()=>{if(!(!x||!c))if(c===k)n.current?.setZoom?.(U.ZoomMode.AUTO);else if(c===F)n.current?.setZoom?.(U.ZoomMode.PAGE_FIT);else{const r=parseFloat(c);!Number.isNaN(r)&&r>0&&n.current?.setZoom?.(r)}},[x,c]),t.useEffect(()=>{x&&m&&n.current?.setPage?.(m)},[x,m]),t.useEffect(()=>{if(!x||!n.current)return;const r=n.current;I.current?.({getThumbnailsDataUrl:(h,v)=>r.getThumbnailsDataUrl(h,v),zoomIn:()=>r.zoomIn(),zoomOut:()=>r.zoomOut(),getZoom:()=>r.getZoom(),navigateToPage:h=>r.setPage?.(h)})},[x]),e.jsx("div",{ref:f,className:i.mergeClasses("grow min-w-0 overflow-auto bg-layer-3",b)})},E="h-4 rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave",Y=({className:s,ariaLabel:a="pdf preview loading"})=>e.jsx("div",{role:"status","aria-label":a,"aria-live":"polite",className:i.mergeClasses("h-full w-full bg-layer-3",s),children:e.jsxs("div",{className:"flex h-full w-full flex-col gap-10 px-[60px] pt-10",children:[e.jsx("div",{className:"mx-auto h-4 w-[208px] max-w-[40%] rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave"}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:E}),e.jsx("div",{className:E}),e.jsx("div",{className:E}),e.jsx("div",{className:E}),e.jsx("div",{className:i.mergeClasses(E,"w-[28%] max-w-[320px]")})]}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:E}),e.jsx("div",{className:E}),e.jsx("div",{className:E}),e.jsx("div",{className:E}),e.jsx("div",{className:i.mergeClasses(E,"w-[58%] max-w-[520px]")})]})]})}),J=t.createContext(null),Q=()=>t.useContext(J),D=L.filter(({value:s})=>{const a=Number.parseFloat(s);return!Number.isNaN(a)&&a>0}),ce=[...D].reverse(),ee=(s,a,u)=>{if(D.length===0)return s;const l=Number.parseFloat(s),m=!Number.isNaN(l)&&l>0?l:u,c=typeof m=="number"&&m>0?m:Number.parseFloat(D[0].value);return a===1?(D.find(({value:b})=>Number.parseFloat(b)>c)??D[D.length-1]).value:(ce.find(({value:b})=>Number.parseFloat(b)<c)??D[0]).value};function te(s,a){const u=(s??"").toLowerCase();return(a??"").toLowerCase()===le||u.endsWith(oe)}const K=L.map(s=>({value:s.value,label:s.label})),se=({fileUrl:s,fileName:a,loadFileCb:u,highlights:l,selectedPageNumber:m,onTotalPagesChange:c,thumbnailPageNumbers:b,onThumbnailsLoaded:p,onViewerReady:N,showLoaderOverlay:d=!1,selectedPages:w})=>{const f=Q(),n=t.useRef(null),[x,T]=t.useState(!1),[g,P]=t.useState(0),[O,I]=t.useState(!1),[S,j]=t.useState(null),[r,h]=t.useState(null),[v,_]=t.useState(k),C=t.useMemo(()=>{let o=a||s;if(!a)try{o=new URL(s).pathname}catch{o=s.split("?")[0].split("#")[0]}return te(o.toLowerCase())},[a,s]),V=t.useCallback(o=>{P((g+o+l.length)%l.length)},[g,l.length]),B=t.useCallback(o=>{const y=n.current;!y?.getZoom||!o||_(ee(v,o,y.getZoom()))},[v]),M=t.useMemo(()=>{if(!(v===k||v===F||L.some(y=>y.value===v))){const y=parseFloat(v);if(!Number.isNaN(y)&&y>0)return[...K,{value:v,label:`${Math.round(y*100)}%`}]}return K},[v]);t.useEffect(()=>{let o=!1;if(j(!0),I(!1),h(null),T(!1),n.current=null,!C){I(!0),j(!1);return}return(async()=>{try{const Z=await(f?f.getFile(s,()=>u(s)):u(s));o||h(Z)}catch{o||(I(!0),h(null))}finally{o||j(!1)}})(),()=>{o=!0}},[s,f,u,C]);const R=t.useCallback(o=>{n.current=o,T(!0),N?.(o)},[N]);return t.useEffect(()=>{const o=b??[],y=n.current?.getThumbnailsDataUrl;if(!o.length||!y||!r||!p||!x)return;let Z=!1;return(async()=>{const G=new Map;for(let A=0;A<o.length&&!Z;A+=$){const re=o.slice(A,A+$);try{const H=await y(re,W);if(Z)break;H.forEach((ae,ne)=>G.set(ne,ae)),p(new Map(G))}catch(H){console.warn("Thumbnail batch load failed:",H);break}}})(),()=>{Z=!0}},[b,r,p,x]),{file:r,isLoading:S,isError:O,isSupportedFile:C,activeHighlightIndex:g,zoom:v,setZoom:_,zoomSelectOptions:M,viewerApiRef:n,showLoader:!O&&(!!S||d),changeIndex:V,handleZoomChange:B,handleViewerReady:R}},ie=({fileUrl:s,fileName:a,errorLabel:u,occurrencesLabel:l,unsupportedLabel:m,highlights:c,loadFileCb:b,showOccurrences:p=!0,selectedPageNumber:N,containerClassName:d,pdfViewerClassName:w,onTotalPagesChange:f,title:n,thumbnailPageNumbers:x,onThumbnailsLoaded:T,onViewerReady:g,showLoaderOverlay:P=!1,selectedPages:O,selectedHighlightId:I,viewerOptions:S})=>{const{file:j,isError:r,isSupportedFile:h,activeHighlightIndex:v,zoom:_,setZoom:C,zoomSelectOptions:V,showLoader:B,changeIndex:M,handleZoomChange:R,handleViewerReady:q}=se({fileUrl:s,fileName:a,loadFileCb:b,highlights:c,selectedPageNumber:N,onTotalPagesChange:f,thumbnailPageNumbers:x,onThumbnailsLoaded:T,onViewerReady:g,showLoaderOverlay:P,selectedPages:O});return e.jsxs("div",{className:i.mergeClasses("flex flex-col self-center gap-4 py-3 px-6 h-full w-full bg-layer-2",d),children:[a&&e.jsx("div",{className:"shrink-0 min-h-0 w-full",children:e.jsx(i.DialEllipsisTooltip,{className:"dial-tiny-text text-secondary",text:a})}),e.jsxs("div",{className:i.mergeClasses("flex w-full justify-between items-center",p&&n?"gap-2":""),children:[e.jsx("div",{children:p?e.jsxs("div",{className:"flex gap-1 py-0.5 px-1.5 min-h-[26px] items-center bg-layer-4 rounded w-fit",children:[e.jsxs("span",{className:"dial-small-text",children:[l??"Occurrences",":",e.jsx("span",{className:"pl-0.5 min-w-3 inline-block text-right",children:c.length>0?`${v+1}/${c.length}`:"0"})]}),c.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(i.DialButton,{className:"p-0 text-primary !h-6.5",size:i.ElementSize.Small,iconAfter:e.jsx(z.IconChevronDown,{size:16}),"aria-label":"Next occurrence",onClick:()=>M(1)}),e.jsx(i.DialButton,{className:"p-0 text-primary !h-6.5",size:i.ElementSize.Small,iconAfter:e.jsx(z.IconChevronUp,{size:16}),"aria-label":"Previous occurrence",onClick:()=>M(-1)})]})]}):e.jsx("div",{})}),e.jsxs("div",{className:i.mergeClasses("flex flex-1 items-center gap-4 min-w-0",n!=null&&n!==""?"justify-between":"justify-end"),children:[n!=null&&n!==""&&e.jsx(i.DialEllipsisTooltip,{text:n,className:"dial-body-semi-text text-primary min-w-0"}),e.jsxs("div",{className:"flex gap-0.5 items-center shrink-0",children:[e.jsx("div",{className:"h-6",children:e.jsx(i.DialSelect,{size:i.SelectSize.Sm,className:"bg-layer-4 !py-0 h-6 min-h-6 dial-small-text max-h-full border-transparent hover:border-hover rounded",options:V,value:_,onChange:o=>C(o)})}),e.jsx(i.DialButton,{className:"py-0 flex items-center justify-center rounded text-primary bg-layer-4 border border-transparent hover:border-hover",iconAfter:e.jsx(z.IconMinus,{size:16}),"aria-label":"Zoom out",size:i.ElementSize.Small,onClick:()=>R(-1)}),e.jsx(i.DialButton,{className:"py-0 flex items-center justify-center rounded text-primary bg-layer-4 border border-transparent hover:border-hover",iconAfter:e.jsx(z.IconPlus,{size:16}),"aria-label":"Zoom in",size:i.ElementSize.Small,onClick:()=>R(1)})]})]})]}),e.jsxs("div",{className:"relative flex min-h-0 flex-1",children:[j&&e.jsx(X,{pdf:j,highlights:c,selectedHighlightId:p?c[v]?.id:I,selectedPageNumber:N,zoom:_,onTotalPagesChange:f,onViewerReady:q,containerClassName:w,selectedPages:O,viewerOptions:S}),B&&e.jsx(Y,{className:"absolute inset-0 z-10"}),r&&e.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center bg-layer-3",children:e.jsxs("div",{className:"flex flex-col items-center gap-6 p-10",children:[e.jsx(z.IconAlertTriangle,{size:60,stroke:2,className:"text-secondary"}),e.jsx("div",{className:"text-center dial-small-text whitespace-pre-wrap",children:!h&&m?m:u??"Failed to load document."})]})})]})]})},ue=1200*1e3,me=20,de=({children:s,ttlMs:a=ue,maxEntries:u=me})=>{const l=t.useRef(new Map),m=t.useCallback((d,w)=>{l.current.delete(d),l.current.set(d,w)},[]),c=t.useCallback(()=>{const d=Date.now();for(const[w,f]of l.current.entries())f.file&&d-f.timestamp>a&&l.current.delete(w)},[a]),b=t.useCallback(()=>{for(;l.current.size>u;){const d=l.current.keys().next().value;d&&l.current.delete(d)}},[u]),p=t.useCallback(()=>{l.current.clear()},[]),N=t.useCallback(async(d,w)=>{c();const f=l.current.get(d);if(f){if(m(d,{...f,timestamp:Date.now()}),f.file)return f.file;if(f.promise)return f.promise}const n=Date.now(),x=w().then(g=>{const P={file:g,timestamp:Date.now()};return m(d,P),b(),g}).catch(g=>{throw l.current.delete(d),g});return m(d,{promise:x,timestamp:n}),b(),x},[b,c,m]);return t.useEffect(()=>()=>p(),[p]),e.jsx(J.Provider,{value:{getFile:N,clearCache:p},children:s})},fe=({pageNum:s,onSelectPage:a,isSelected:u,isLoading:l,isMultiselect:m,thumbnailUrl:c,className:b})=>e.jsxs("button",{type:"button","aria-label":`Page ${s}`,"aria-pressed":u,onClick:p=>{m&&p.target.closest("[data-checkbox-wrapper]")||a(s)},className:i.mergeClasses("flex flex-col gap-2 p-2 h-[186px] w-[120px] items-center justify-center cursor-pointer transition-colors hover:bg-layer-4 rounded-sm",u&&(m?"border border-accent-primary bg-accent-primary-alpha":"border border-primary"),b),children:[e.jsxs("div",{className:"relative w-[104px] h-[146px] bg-model-icon rounded-sm overflow-hidden",children:[c?e.jsx("img",{src:c,alt:`Page ${s} thumbnail`,className:"w-full h-full object-cover rounded-sm"}):null,m&&e.jsx("div",{className:"absolute left-1 top-1 z-10","data-checkbox-wrapper":!0,children:e.jsx(i.DialCheckbox,{id:`page-thumbnail-${s}`,checked:u,onChange:()=>a(s),className:"before:border-primary before:bg-model-icon bg-model-icon"})}),l&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-blackout rounded-sm",children:e.jsx(i.DialLoader,{size:24,fullWidth:!1,ariaLabel:`Loading page ${s}`})})]}),e.jsx("span",{className:"dial-tiny-text text-primary",children:s})]});exports.AUTO_ZOOM_ID=k;exports.DocumentPreview=ie;exports.DocumentPreviewCacheProvider=de;exports.FIT_ZOOM_ID=F;exports.PDFViewer=X;exports.PageThumbnail=fe;exports.PdfPreviewLoader=Y;exports.THUMBNAIL_BATCH_SIZE=$;exports.THUMBNAIL_IMAGE_OPTIONS=W;exports.ZOOM_OPTIONS=L;exports.getStepZoomOptionValue=ee;exports.isPdfFile=te;exports.useDocumentPreview=se;exports.useDocumentPreviewCache=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@epam/ai-dial-ui-kit"),F=require("@epam/pdf-highlighter-kit"),t=require("react"),z=require("@tabler/icons-react"),R="auto",L="page-fit",V=[{value:R,label:"Auto"},{value:L,label:"Page Fit"},{value:"0.5",label:"50%"},{value:"0.75",label:"75%"},{value:"1",label:"100%"},{value:"1.25",label:"125%"},{value:"1.5",label:"150%"},{value:"2",label:"200%"},{value:"3",label:"300%"}],W={maxWidth:104,format:"image/jpeg",quality:.85},$=15,le="application/pdf",oe=".pdf",X=({pdf:a,highlights:r,selectedHighlightId:u,autoFocusFirstHighlight:l=!1,selectedPageNumber:m,zoom:c,containerClassName:h,onTotalPagesChange:v,onViewerReady:N,selectedPages:d,viewerOptions:y})=>{const f=t.useRef(null),n=t.useRef(null),[b,D]=t.useState(!1),[g,E]=t.useState(!1),T=t.useRef(v),O=t.useRef(N),S=t.useRef(y);t.useEffect(()=>{T.current=v},[v]),t.useEffect(()=>{O.current=N},[N]),t.useEffect(()=>{S.current=y},[y]);const j=t.useCallback(s=>n.current?.goToHighlight(s),[]);return t.useEffect(()=>{if(!f.current)return;D(!1),E(!1),n.current&&(n.current.destroy(),n.current=null);let s=null,x=!0;const p=()=>{x&&E(!0)};return(async()=>{try{if(s=new F.PDFHighlightViewer,await s.init(f.current,{enableTextSelection:!0,enableVirtualScrolling:!0,bboxOrigin:"top-left",...S.current}),!x){s.destroy();return}if(s.addEventListener("zoomChanged",p),await s.loadPDF(a,{selectedPages:d}),!x){s.destroy();return}const C=s.getTotalPages?.();typeof C=="number"&&C>0&&T.current?.(C),x&&(n.current=s,D(!0))}catch(C){if(!x)return;console.error("Error in initViewer:",C)}})(),()=>{x=!1,s&&(s.removeEventListener("zoomChanged",p),s.destroy())}},[a,d]),t.useEffect(()=>{!b||!n.current||(n.current.loadHighlights(r),l&&r&&r[0]&&j(r[0].id))},[l,j,r,b]),t.useEffect(()=>{b&&g&&u&&j(u)},[j,b,g,u]),t.useEffect(()=>{if(!(!b||!c))if(c===R)n.current?.setZoom?.(F.ZoomMode.AUTO);else if(c===L)n.current?.setZoom?.(F.ZoomMode.PAGE_FIT);else{const s=parseFloat(c);!Number.isNaN(s)&&s>0&&n.current?.setZoom?.(s)}},[b,c]),t.useEffect(()=>{b&&m&&n.current?.setPage?.(m)},[b,m]),t.useEffect(()=>{if(!b||!n.current)return;const s=n.current;O.current?.({getThumbnailsDataUrl:(x,p)=>s.getThumbnailsDataUrl(x,p),zoomIn:()=>s.zoomIn(),zoomOut:()=>s.zoomOut(),getZoom:()=>s.getZoom(),navigateToPage:x=>s.setPage?.(x),setPageDisplayRotation:(x,p,I)=>s.setPageDisplayRotation(x,p,I),getPageDisplayRotation:x=>s.getPageDisplayRotation(x)})},[b]),e.jsx("div",{ref:f,className:i.mergeClasses("grow min-w-0 overflow-auto bg-layer-3",h)})},P="h-4 rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave",Y=({className:a,ariaLabel:r="pdf preview loading"})=>e.jsx("div",{role:"status","aria-label":r,"aria-live":"polite",className:i.mergeClasses("h-full w-full bg-layer-3",a),children:e.jsxs("div",{className:"flex h-full w-full flex-col gap-10 px-[60px] pt-10",children:[e.jsx("div",{className:"mx-auto h-4 w-[208px] max-w-[40%] rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave"}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:P}),e.jsx("div",{className:P}),e.jsx("div",{className:P}),e.jsx("div",{className:P}),e.jsx("div",{className:i.mergeClasses(P,"w-[28%] max-w-[320px]")})]}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("div",{className:P}),e.jsx("div",{className:P}),e.jsx("div",{className:P}),e.jsx("div",{className:P}),e.jsx("div",{className:i.mergeClasses(P,"w-[58%] max-w-[520px]")})]})]})}),J=t.createContext(null),Q=()=>t.useContext(J),_=V.filter(({value:a})=>{const r=Number.parseFloat(a);return!Number.isNaN(r)&&r>0}),ce=[..._].reverse(),ee=(a,r,u)=>{if(_.length===0)return a;const l=Number.parseFloat(a),m=!Number.isNaN(l)&&l>0?l:u,c=typeof m=="number"&&m>0?m:Number.parseFloat(_[0].value);return r===1?(_.find(({value:h})=>Number.parseFloat(h)>c)??_[_.length-1]).value:(ce.find(({value:h})=>Number.parseFloat(h)<c)??_[0]).value};function te(a,r){const u=(a??"").toLowerCase();return(r??"").toLowerCase()===le||u.endsWith(oe)}const K=V.map(a=>({value:a.value,label:a.label})),ae=({fileUrl:a,fileName:r,loadFileCb:u,highlights:l,selectedPageNumber:m,onTotalPagesChange:c,thumbnailPageNumbers:h,onThumbnailsLoaded:v,onViewerReady:N,showLoaderOverlay:d=!1,selectedPages:y})=>{const f=Q(),n=t.useRef(null),[b,D]=t.useState(!1),[g,E]=t.useState(0),[T,O]=t.useState(!1),[S,j]=t.useState(null),[s,x]=t.useState(null),[p,I]=t.useState(R),C=t.useMemo(()=>{let o=r||a;if(!r)try{o=new URL(a).pathname}catch{o=a.split("?")[0].split("#")[0]}return te(o.toLowerCase())},[r,a]),B=t.useCallback(o=>{E((g+o+l.length)%l.length)},[g,l.length]),H=t.useCallback(o=>{const w=n.current;!w?.getZoom||!o||I(ee(p,o,w.getZoom()))},[p]),k=t.useMemo(()=>{if(!(p===R||p===L||V.some(w=>w.value===p))){const w=parseFloat(p);if(!Number.isNaN(w)&&w>0)return[...K,{value:p,label:`${Math.round(w*100)}%`}]}return K},[p]);t.useEffect(()=>{let o=!1;if(j(!0),O(!1),x(null),D(!1),n.current=null,!C){O(!0),j(!1);return}return(async()=>{try{const Z=await(f?f.getFile(a,()=>u(a)):u(a));o||x(Z)}catch{o||(O(!0),x(null))}finally{o||j(!1)}})(),()=>{o=!0}},[a,f,u,C]);const M=t.useCallback(o=>{n.current=o,D(!0),N?.(o)},[N]);return t.useEffect(()=>{const o=h??[],w=n.current?.getThumbnailsDataUrl;if(!o.length||!w||!s||!v||!b)return;let Z=!1;return(async()=>{const G=new Map;for(let A=0;A<o.length&&!Z;A+=$){const se=o.slice(A,A+$);try{const U=await w(se,W);if(Z)break;U.forEach((re,ne)=>G.set(ne,re)),v(new Map(G))}catch(U){console.warn("Thumbnail batch load failed:",U);break}}})(),()=>{Z=!0}},[h,s,v,b]),{file:s,isLoading:S,isError:T,isSupportedFile:C,activeHighlightIndex:g,zoom:p,setZoom:I,zoomSelectOptions:k,viewerApiRef:n,showLoader:!T&&(!!S||d),changeIndex:B,handleZoomChange:H,handleViewerReady:M}},ie=({fileUrl:a,fileName:r,errorLabel:u,occurrencesLabel:l,unsupportedLabel:m,highlights:c,loadFileCb:h,showOccurrences:v=!0,selectedPageNumber:N,containerClassName:d,pdfViewerClassName:y,onTotalPagesChange:f,title:n,thumbnailPageNumbers:b,onThumbnailsLoaded:D,onViewerReady:g,showLoaderOverlay:E=!1,selectedPages:T,selectedHighlightId:O,viewerOptions:S})=>{const{file:j,isError:s,isSupportedFile:x,activeHighlightIndex:p,zoom:I,setZoom:C,zoomSelectOptions:B,showLoader:H,changeIndex:k,handleZoomChange:M,handleViewerReady:q}=ae({fileUrl:a,fileName:r,loadFileCb:h,highlights:c,selectedPageNumber:N,onTotalPagesChange:f,thumbnailPageNumbers:b,onThumbnailsLoaded:D,onViewerReady:g,showLoaderOverlay:E,selectedPages:T});return e.jsxs("div",{className:i.mergeClasses("flex flex-col self-center gap-4 py-3 px-6 h-full w-full bg-layer-2",d),children:[r&&e.jsx("div",{className:"shrink-0 min-h-0 w-full",children:e.jsx(i.DialEllipsisTooltip,{className:"dial-tiny-text text-secondary",text:r})}),e.jsxs("div",{className:i.mergeClasses("flex w-full justify-between items-center",v&&n?"gap-2":""),children:[e.jsx("div",{children:v?e.jsxs("div",{className:"flex gap-1 py-0.5 px-1.5 min-h-[26px] items-center bg-layer-4 rounded w-fit",children:[e.jsxs("span",{className:"dial-small-text",children:[l??"Occurrences",":",e.jsx("span",{className:"pl-0.5 min-w-3 inline-block text-right",children:c.length>0?`${p+1}/${c.length}`:"0"})]}),c.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(i.DialButton,{className:"p-0 text-primary !h-6.5",size:i.ElementSize.Small,iconAfter:e.jsx(z.IconChevronDown,{size:16}),"aria-label":"Next occurrence",onClick:()=>k(1)}),e.jsx(i.DialButton,{className:"p-0 text-primary !h-6.5",size:i.ElementSize.Small,iconAfter:e.jsx(z.IconChevronUp,{size:16}),"aria-label":"Previous occurrence",onClick:()=>k(-1)})]})]}):e.jsx("div",{})}),e.jsxs("div",{className:i.mergeClasses("flex flex-1 items-center gap-4 min-w-0",n!=null&&n!==""?"justify-between":"justify-end"),children:[n!=null&&n!==""&&e.jsx(i.DialEllipsisTooltip,{text:n,className:"dial-body-semi-text text-primary min-w-0"}),e.jsxs("div",{className:"flex gap-0.5 items-center shrink-0",children:[e.jsx("div",{className:"h-6",children:e.jsx(i.DialSelect,{size:i.SelectSize.Sm,className:"bg-layer-4 !py-0 h-6 min-h-6 dial-small-text max-h-full border-transparent hover:border-hover rounded",options:B,value:I,onChange:o=>C(o)})}),e.jsx(i.DialButton,{className:"py-0 flex items-center justify-center rounded text-primary bg-layer-4 border border-transparent hover:border-hover",iconAfter:e.jsx(z.IconMinus,{size:16}),"aria-label":"Zoom out",size:i.ElementSize.Small,onClick:()=>M(-1)}),e.jsx(i.DialButton,{className:"py-0 flex items-center justify-center rounded text-primary bg-layer-4 border border-transparent hover:border-hover",iconAfter:e.jsx(z.IconPlus,{size:16}),"aria-label":"Zoom in",size:i.ElementSize.Small,onClick:()=>M(1)})]})]})]}),e.jsxs("div",{className:"relative flex min-h-0 flex-1",children:[j&&e.jsx(X,{pdf:j,highlights:c,selectedHighlightId:v?c[p]?.id:O,selectedPageNumber:N,zoom:I,onTotalPagesChange:f,onViewerReady:q,containerClassName:y,selectedPages:T,viewerOptions:S}),H&&e.jsx(Y,{className:"absolute inset-0 z-10"}),s&&e.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center bg-layer-3",children:e.jsxs("div",{className:"flex flex-col items-center gap-6 p-10",children:[e.jsx(z.IconAlertTriangle,{size:60,stroke:2,className:"text-secondary"}),e.jsx("div",{className:"text-center dial-small-text whitespace-pre-wrap",children:!x&&m?m:u??"Failed to load document."})]})})]})]})},ue=1200*1e3,me=20,de=({children:a,ttlMs:r=ue,maxEntries:u=me})=>{const l=t.useRef(new Map),m=t.useCallback((d,y)=>{l.current.delete(d),l.current.set(d,y)},[]),c=t.useCallback(()=>{const d=Date.now();for(const[y,f]of l.current.entries())f.file&&d-f.timestamp>r&&l.current.delete(y)},[r]),h=t.useCallback(()=>{for(;l.current.size>u;){const d=l.current.keys().next().value;d&&l.current.delete(d)}},[u]),v=t.useCallback(()=>{l.current.clear()},[]),N=t.useCallback(async(d,y)=>{c();const f=l.current.get(d);if(f){if(m(d,{...f,timestamp:Date.now()}),f.file)return f.file;if(f.promise)return f.promise}const n=Date.now(),b=y().then(g=>{const E={file:g,timestamp:Date.now()};return m(d,E),h(),g}).catch(g=>{throw l.current.delete(d),g});return m(d,{promise:b,timestamp:n}),h(),b},[h,c,m]);return t.useEffect(()=>()=>v(),[v]),e.jsx(J.Provider,{value:{getFile:N,clearCache:v},children:a})},fe=({pageNum:a,onSelectPage:r,isSelected:u,isLoading:l,isMultiselect:m,thumbnailUrl:c,className:h})=>e.jsxs("button",{type:"button","aria-label":`Page ${a}`,"aria-pressed":u,onClick:v=>{m&&v.target.closest("[data-checkbox-wrapper]")||r(a)},className:i.mergeClasses("flex flex-col gap-2 p-2 h-[186px] w-[120px] items-center justify-center cursor-pointer transition-colors hover:bg-layer-4 rounded-sm",u&&(m?"border border-accent-primary bg-accent-primary-alpha":"border border-primary"),h),children:[e.jsxs("div",{className:"relative w-[104px] h-[146px] bg-model-icon rounded-sm overflow-hidden",children:[c?e.jsx("img",{src:c,alt:`Page ${a} thumbnail`,className:"w-full h-full object-cover rounded-sm"}):null,m&&e.jsx("div",{className:"absolute left-1 top-1 z-10","data-checkbox-wrapper":!0,children:e.jsx(i.DialCheckbox,{id:`page-thumbnail-${a}`,checked:u,onChange:()=>r(a),className:"before:border-primary before:bg-model-icon bg-model-icon"})}),l&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-blackout rounded-sm",children:e.jsx(i.DialLoader,{size:24,fullWidth:!1,ariaLabel:`Loading page ${a}`})})]}),e.jsx("span",{className:"dial-tiny-text text-primary",children:a})]});Object.defineProperty(exports,"RotationDirection",{enumerable:!0,get:()=>F.RotationDirection});exports.AUTO_ZOOM_ID=R;exports.DocumentPreview=ie;exports.DocumentPreviewCacheProvider=de;exports.FIT_ZOOM_ID=L;exports.PDFViewer=X;exports.PageThumbnail=fe;exports.PdfPreviewLoader=Y;exports.THUMBNAIL_BATCH_SIZE=$;exports.THUMBNAIL_IMAGE_OPTIONS=W;exports.ZOOM_OPTIONS=V;exports.getStepZoomOptionValue=ee;exports.isPdfFile=te;exports.useDocumentPreview=ae;exports.useDocumentPreviewCache=Q;

package/dist/ai-dial-react-pdf-highlighter.es.js

@@ -1,7 +1,8 @@
-import { jsx as e, jsxs as b, Fragment as oe } from "react/jsx-runtime";
-import { mergeClasses as Z, DialEllipsisTooltip as Y, DialButton as j, ElementSize as B, DialSelect as se, SelectSize as ce, DialCheckbox as ie, DialLoader as ue } from "@epam/ai-dial-ui-kit";
+import { jsx as e, jsxs as b, Fragment as le } from "react/jsx-runtime";
+import { mergeClasses as S, DialEllipsisTooltip as Y, DialButton as j, ElementSize as B, DialSelect as se, SelectSize as ce, DialCheckbox as ie, DialLoader as ue } from "@epam/ai-dial-ui-kit";
 import { ZoomMode as J, PDFHighlightViewer as me } from "@epam/pdf-highlighter-kit";
-import { useRef as k, useState as E, useEffect as g, useCallback as P, createContext as de, useContext as fe, useMemo as Q } from "react";
+import { RotationDirection as Be } from "@epam/pdf-highlighter-kit";
+import { useRef as k, useState as Z, useEffect as w, useCallback as D, createContext as de, useContext as fe, useMemo as Q } from "react";
 import { IconChevronDown as pe, IconChevronUp as ve, IconMinus as he, IconPlus as be, IconAlertTriangle as xe } from "@tabler/icons-react";
 const $ = "auto", G = "page-fit", X = [
   { value: $, label: "Auto" },
@@ -13,41 +14,41 @@ const $ = "auto", G = "page-fit", X = [
   { value: "1.5", label: "150%" },
   { value: "2", label: "200%" },
   { value: "3", label: "300%" }
-], ye = {
+], ge = {
   maxWidth: 104,
   format: "image/jpeg",
   quality: 0.85
-}, ee = 15, we = "application/pdf", ge = ".pdf", Ne = ({
+}, ee = 15, ye = "application/pdf", we = ".pdf", Ne = ({
   pdf: t,
   highlights: a,
   selectedHighlightId: c,
-  autoFocusFirstHighlight: l = !1,
+  autoFocusFirstHighlight: o = !1,
   selectedPageNumber: i,
   zoom: s,
-  containerClassName: v,
-  onTotalPagesChange: f,
+  containerClassName: h,
+  onTotalPagesChange: v,
   onViewerReady: N,
   selectedPages: u,
-  viewerOptions: y
+  viewerOptions: g
 }) => {
-  const m = k(null), n = k(null), [d, _] = E(!1), [x, O] = E(!1), z = k(f), D = k(N), S = k(y);
-  g(() => {
-    z.current = f;
-  }, [f]), g(() => {
-    D.current = N;
-  }, [N]), g(() => {
-    S.current = y;
-  }, [y]);
-  const C = P(
+  const m = k(null), n = k(null), [p, I] = Z(!1), [x, _] = Z(!1), O = k(v), z = k(N), R = k(g);
+  w(() => {
+    O.current = v;
+  }, [v]), w(() => {
+    z.current = N;
+  }, [N]), w(() => {
+    R.current = g;
+  }, [g]);
+  const C = D(
     (r) => n.current?.goToHighlight(r),
     []
   );
-  return g(() => {
+  return w(() => {
     if (!m.current) return;
-    _(!1), O(!1), n.current && (n.current.destroy(), n.current = null);
-    let r = null, h = !0;
-    const p = () => {
-      h && O(!0);
+    I(!1), _(!1), n.current && (n.current.destroy(), n.current = null);
+    let r = null, d = !0;
+    const f = () => {
+      d && _(!0);
     };
     return (async () => {
       try {
@@ -55,31 +56,31 @@ const $ = "auto", G = "page-fit", X = [
           enableTextSelection: !0,
           enableVirtualScrolling: !0,
           bboxOrigin: "top-left",
-          ...S.current
-        }), !h) {
+          ...R.current
+        }), !d) {
           r.destroy();
           return;
         }
-        if (r.addEventListener("zoomChanged", p), await r.loadPDF(t, { selectedPages: u }), !h) {
+        if (r.addEventListener("zoomChanged", f), await r.loadPDF(t, { selectedPages: u }), !d) {
           r.destroy();
           return;
         }
-        const T = r.getTotalPages?.();
-        typeof T == "number" && T > 0 && z.current?.(T), h && (n.current = r, _(!0));
-      } catch (T) {
-        if (!h)
+        const P = r.getTotalPages?.();
+        typeof P == "number" && P > 0 && O.current?.(P), d && (n.current = r, I(!0));
+      } catch (P) {
+        if (!d)
           return;
-        console.error("Error in initViewer:", T);
+        console.error("Error in initViewer:", P);
       }
     })(), () => {
-      h = !1, r && (r.removeEventListener("zoomChanged", p), r.destroy());
+      d = !1, r && (r.removeEventListener("zoomChanged", f), r.destroy());
     };
-  }, [t, u]), g(() => {
-    !d || !n.current || (n.current.loadHighlights(a), l && a && a[0] && C(a[0].id));
-  }, [l, C, a, d]), g(() => {
-    d && x && c && C(c);
-  }, [C, d, x, c]), g(() => {
-    if (!(!d || !s))
+  }, [t, u]), w(() => {
+    !p || !n.current || (n.current.loadHighlights(a), o && a && a[0] && C(a[0].id));
+  }, [o, C, a, p]), w(() => {
+    p && x && c && C(c);
+  }, [C, p, x, c]), w(() => {
+    if (!(!p || !s))
       if (s === $)
         n.current?.setZoom?.(J.AUTO);
       else if (s === G)
@@ -88,29 +89,31 @@ const $ = "auto", G = "page-fit", X = [
         const r = parseFloat(s);
         !Number.isNaN(r) && r > 0 && n.current?.setZoom?.(r);
       }
-  }, [d, s]), g(() => {
-    d && i && n.current?.setPage?.(i);
-  }, [d, i]), g(() => {
-    if (!d || !n.current) return;
+  }, [p, s]), w(() => {
+    p && i && n.current?.setPage?.(i);
+  }, [p, i]), w(() => {
+    if (!p || !n.current) return;
     const r = n.current;
-    D.current?.({
-      getThumbnailsDataUrl: (h, p) => r.getThumbnailsDataUrl(h, p),
+    z.current?.({
+      getThumbnailsDataUrl: (d, f) => r.getThumbnailsDataUrl(d, f),
       zoomIn: () => r.zoomIn(),
       zoomOut: () => r.zoomOut(),
       getZoom: () => r.getZoom(),
-      navigateToPage: (h) => r.setPage?.(h)
+      navigateToPage: (d) => r.setPage?.(d),
+      setPageDisplayRotation: (d, f, E) => r.setPageDisplayRotation(d, f, E),
+      getPageDisplayRotation: (d) => r.getPageDisplayRotation(d)
     });
-  }, [d]), /* @__PURE__ */ e(
+  }, [p]), /* @__PURE__ */ e(
     "div",
     {
       ref: m,
-      className: Z(
+      className: S(
         "grow min-w-0 overflow-auto bg-layer-3",
-        v
+        h
       )
     }
   );
-}, I = "h-4 rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave", Ce = ({
+}, T = "h-4 rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave", Ce = ({
   className: t,
   ariaLabel: a = "pdf preview loading"
 }) => /* @__PURE__ */ e(
@@ -119,34 +122,34 @@ const $ = "auto", G = "page-fit", X = [
     role: "status",
     "aria-label": a,
     "aria-live": "polite",
-    className: Z("h-full w-full bg-layer-3", t),
+    className: S("h-full w-full bg-layer-3", t),
     children: /* @__PURE__ */ b("div", { className: "flex h-full w-full flex-col gap-10 px-[60px] pt-10", children: [
       /* @__PURE__ */ e("div", { className: "mx-auto h-4 w-[208px] max-w-[40%] rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave" }),
       /* @__PURE__ */ b("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ e("div", { className: I }),
-        /* @__PURE__ */ e("div", { className: I }),
-        /* @__PURE__ */ e("div", { className: I }),
-        /* @__PURE__ */ e("div", { className: I }),
+        /* @__PURE__ */ e("div", { className: T }),
+        /* @__PURE__ */ e("div", { className: T }),
+        /* @__PURE__ */ e("div", { className: T }),
+        /* @__PURE__ */ e("div", { className: T }),
         /* @__PURE__ */ e(
           "div",
           {
-            className: Z(
-              I,
+            className: S(
+              T,
               "w-[28%] max-w-[320px]"
             )
           }
         )
       ] }),
       /* @__PURE__ */ b("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ e("div", { className: I }),
-        /* @__PURE__ */ e("div", { className: I }),
-        /* @__PURE__ */ e("div", { className: I }),
-        /* @__PURE__ */ e("div", { className: I }),
+        /* @__PURE__ */ e("div", { className: T }),
+        /* @__PURE__ */ e("div", { className: T }),
+        /* @__PURE__ */ e("div", { className: T }),
+        /* @__PURE__ */ e("div", { className: T }),
         /* @__PURE__ */ e(
           "div",
           {
-            className: Z(
-              I,
+            className: S(
+              T,
               "w-[58%] max-w-[520px]"
             )
           }
@@ -154,184 +157,184 @@ const $ = "auto", G = "page-fit", X = [
       ] })
     ] })
   }
-), re = de(null), Te = () => fe(re), F = X.filter(({ value: t }) => {
+), re = de(null), Pe = () => fe(re), F = X.filter(({ value: t }) => {
   const a = Number.parseFloat(t);
   return !Number.isNaN(a) && a > 0;
-}), Ie = [...F].reverse(), Pe = (t, a, c) => {
+}), Te = [...F].reverse(), De = (t, a, c) => {
   if (F.length === 0)
     return t;
-  const l = Number.parseFloat(t), i = !Number.isNaN(l) && l > 0 ? l : c, s = typeof i == "number" && i > 0 ? i : Number.parseFloat(F[0].value);
+  const o = Number.parseFloat(t), i = !Number.isNaN(o) && o > 0 ? o : c, s = typeof i == "number" && i > 0 ? i : Number.parseFloat(F[0].value);
   return a === 1 ? (F.find(
-    ({ value: v }) => Number.parseFloat(v) > s
-  ) ?? F[F.length - 1]).value : (Ie.find(
-    ({ value: v }) => Number.parseFloat(v) < s
+    ({ value: h }) => Number.parseFloat(h) > s
+  ) ?? F[F.length - 1]).value : (Te.find(
+    ({ value: h }) => Number.parseFloat(h) < s
   ) ?? F[0]).value;
 };
-function _e(t, a) {
+function Ie(t, a) {
   const c = (t ?? "").toLowerCase();
-  return (a ?? "").toLowerCase() === we || c.endsWith(ge);
+  return (a ?? "").toLowerCase() === ye || c.endsWith(we);
 }
 const te = X.map((t) => ({
   value: t.value,
   label: t.label
-})), Oe = ({
+})), _e = ({
   fileUrl: t,
   fileName: a,
   loadFileCb: c,
-  highlights: l,
+  highlights: o,
   selectedPageNumber: i,
   onTotalPagesChange: s,
-  thumbnailPageNumbers: v,
-  onThumbnailsLoaded: f,
+  thumbnailPageNumbers: h,
+  onThumbnailsLoaded: v,
   onViewerReady: N,
   showLoaderOverlay: u = !1,
-  selectedPages: y
+  selectedPages: g
 }) => {
-  const m = Te(), n = k(null), [d, _] = E(!1), [x, O] = E(0), [z, D] = E(!1), [S, C] = E(null), [r, h] = E(null), [p, L] = E($), T = Q(() => {
-    let o = a || t;
+  const m = Pe(), n = k(null), [p, I] = Z(!1), [x, _] = Z(0), [O, z] = Z(!1), [R, C] = Z(null), [r, d] = Z(null), [f, E] = Z($), P = Q(() => {
+    let l = a || t;
     if (!a)
       try {
-        o = new URL(t).pathname;
+        l = new URL(t).pathname;
       } catch {
-        o = t.split("?")[0].split("#")[0];
+        l = t.split("?")[0].split("#")[0];
       }
-    return _e(o.toLowerCase());
-  }, [a, t]), H = P(
-    (o) => {
-      O(
-        (x + o + l.length) % l.length
+    return Ie(l.toLowerCase());
+  }, [a, t]), H = D(
+    (l) => {
+      _(
+        (x + l + o.length) % o.length
       );
     },
-    [x, l.length]
-  ), U = P(
-    (o) => {
-      const w = n.current;
-      !w?.getZoom || !o || L(Pe(p, o, w.getZoom()));
+    [x, o.length]
+  ), U = D(
+    (l) => {
+      const y = n.current;
+      !y?.getZoom || !l || E(De(f, l, y.getZoom()));
     },
-    [p]
-  ), M = Q(() => {
-    if (!(p === $ || p === G || X.some((w) => w.value === p))) {
-      const w = parseFloat(p);
-      if (!Number.isNaN(w) && w > 0)
+    [f]
+  ), A = Q(() => {
+    if (!(f === $ || f === G || X.some((y) => y.value === f))) {
+      const y = parseFloat(f);
+      if (!Number.isNaN(y) && y > 0)
         return [
           ...te,
-          { value: p, label: `${Math.round(w * 100)}%` }
+          { value: f, label: `${Math.round(y * 100)}%` }
         ];
     }
     return te;
-  }, [p]);
-  g(() => {
-    let o = !1;
-    if (C(!0), D(!1), h(null), _(!1), n.current = null, !T) {
-      D(!0), C(!1);
+  }, [f]);
+  w(() => {
+    let l = !1;
+    if (C(!0), z(!1), d(null), I(!1), n.current = null, !P) {
+      z(!0), C(!1);
       return;
     }
     return (async () => {
       try {
-        const A = await (m ? m.getFile(t, () => c(t)) : c(t));
-        o || h(A);
+        const L = await (m ? m.getFile(t, () => c(t)) : c(t));
+        l || d(L);
       } catch {
-        o || (D(!0), h(null));
+        l || (z(!0), d(null));
       } finally {
-        o || C(!1);
+        l || C(!1);
       }
     })(), () => {
-      o = !0;
+      l = !0;
     };
-  }, [t, m, c, T]);
-  const R = P(
-    (o) => {
-      n.current = o, _(!0), N?.(o);
+  }, [t, m, c, P]);
+  const M = D(
+    (l) => {
+      n.current = l, I(!0), N?.(l);
     },
     [N]
   );
-  return g(() => {
-    const o = v ?? [], w = n.current?.getThumbnailsDataUrl;
-    if (!o.length || !w || !r || !f || !d)
+  return w(() => {
+    const l = h ?? [], y = n.current?.getThumbnailsDataUrl;
+    if (!l.length || !y || !r || !v || !p)
       return;
-    let A = !1;
+    let L = !1;
     return (async () => {
       const K = /* @__PURE__ */ new Map();
-      for (let V = 0; V < o.length && !A; V += ee) {
-        const ae = o.slice(V, V + ee);
+      for (let V = 0; V < l.length && !L; V += ee) {
+        const ae = l.slice(V, V + ee);
         try {
-          const W = await w(ae, ye);
-          if (A) break;
-          W.forEach((ne, le) => K.set(le, ne)), f(new Map(K));
+          const W = await y(ae, ge);
+          if (L) break;
+          W.forEach((ne, oe) => K.set(oe, ne)), v(new Map(K));
         } catch (W) {
           console.warn("Thumbnail batch load failed:", W);
           break;
         }
       }
     })(), () => {
-      A = !0;
+      L = !0;
     };
-  }, [v, r, f, d]), {
+  }, [h, r, v, p]), {
     file: r,
-    isLoading: S,
-    isError: z,
-    isSupportedFile: T,
+    isLoading: R,
+    isError: O,
+    isSupportedFile: P,
     activeHighlightIndex: x,
-    zoom: p,
-    setZoom: L,
-    zoomSelectOptions: M,
+    zoom: f,
+    setZoom: E,
+    zoomSelectOptions: A,
     viewerApiRef: n,
-    showLoader: !z && (!!S || u),
+    showLoader: !O && (!!R || u),
     changeIndex: H,
     handleZoomChange: U,
-    handleViewerReady: R
+    handleViewerReady: M
   };
-}, Ae = ({
+}, Le = ({
   fileUrl: t,
   fileName: a,
   errorLabel: c,
-  occurrencesLabel: l,
+  occurrencesLabel: o,
   unsupportedLabel: i,
   highlights: s,
-  loadFileCb: v,
-  showOccurrences: f = !0,
+  loadFileCb: h,
+  showOccurrences: v = !0,
   selectedPageNumber: N,
   containerClassName: u,
-  pdfViewerClassName: y,
+  pdfViewerClassName: g,
   onTotalPagesChange: m,
   title: n,
-  thumbnailPageNumbers: d,
-  onThumbnailsLoaded: _,
+  thumbnailPageNumbers: p,
+  onThumbnailsLoaded: I,
   onViewerReady: x,
-  showLoaderOverlay: O = !1,
-  selectedPages: z,
-  selectedHighlightId: D,
-  viewerOptions: S
+  showLoaderOverlay: _ = !1,
+  selectedPages: O,
+  selectedHighlightId: z,
+  viewerOptions: R
 }) => {
   const {
     file: C,
     isError: r,
-    isSupportedFile: h,
-    activeHighlightIndex: p,
-    zoom: L,
-    setZoom: T,
+    isSupportedFile: d,
+    activeHighlightIndex: f,
+    zoom: E,
+    setZoom: P,
     zoomSelectOptions: H,
     showLoader: U,
-    changeIndex: M,
-    handleZoomChange: R,
+    changeIndex: A,
+    handleZoomChange: M,
     handleViewerReady: q
-  } = Oe({
+  } = _e({
     fileUrl: t,
     fileName: a,
-    loadFileCb: v,
+    loadFileCb: h,
     highlights: s,
     selectedPageNumber: N,
     onTotalPagesChange: m,
-    thumbnailPageNumbers: d,
-    onThumbnailsLoaded: _,
+    thumbnailPageNumbers: p,
+    onThumbnailsLoaded: I,
     onViewerReady: x,
-    showLoaderOverlay: O,
-    selectedPages: z
+    showLoaderOverlay: _,
+    selectedPages: O
   });
   return /* @__PURE__ */ b(
     "div",
     {
-      className: Z(
+      className: S(
         "flex flex-col self-center gap-4 py-3 px-6 h-full w-full bg-layer-2",
         u
       ),
@@ -346,18 +349,18 @@ const te = X.map((t) => ({
         /* @__PURE__ */ b(
           "div",
           {
-            className: Z(
+            className: S(
               "flex w-full justify-between items-center",
-              f && n ? "gap-2" : ""
+              v && n ? "gap-2" : ""
             ),
             children: [
-              /* @__PURE__ */ e("div", { children: f ? /* @__PURE__ */ b("div", { className: "flex gap-1 py-0.5 px-1.5 min-h-[26px] items-center bg-layer-4 rounded w-fit", children: [
+              /* @__PURE__ */ e("div", { children: v ? /* @__PURE__ */ b("div", { className: "flex gap-1 py-0.5 px-1.5 min-h-[26px] items-center bg-layer-4 rounded w-fit", children: [
                 /* @__PURE__ */ b("span", { className: "dial-small-text", children: [
-                  l ?? "Occurrences",
+                  o ?? "Occurrences",
                   ":",
-                  /* @__PURE__ */ e("span", { className: "pl-0.5 min-w-3 inline-block text-right", children: s.length > 0 ? `${p + 1}/${s.length}` : "0" })
+                  /* @__PURE__ */ e("span", { className: "pl-0.5 min-w-3 inline-block text-right", children: s.length > 0 ? `${f + 1}/${s.length}` : "0" })
                 ] }),
-                s.length > 0 && /* @__PURE__ */ b(oe, { children: [
+                s.length > 0 && /* @__PURE__ */ b(le, { children: [
                   /* @__PURE__ */ e(
                     j,
                     {
@@ -365,7 +368,7 @@ const te = X.map((t) => ({
                       size: B.Small,
                       iconAfter: /* @__PURE__ */ e(pe, { size: 16 }),
                       "aria-label": "Next occurrence",
-                      onClick: () => M(1)
+                      onClick: () => A(1)
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -375,7 +378,7 @@ const te = X.map((t) => ({
                       size: B.Small,
                       iconAfter: /* @__PURE__ */ e(ve, { size: 16 }),
                       "aria-label": "Previous occurrence",
-                      onClick: () => M(-1)
+                      onClick: () => A(-1)
                     }
                   )
                 ] })
@@ -383,7 +386,7 @@ const te = X.map((t) => ({
               /* @__PURE__ */ b(
                 "div",
                 {
-                  className: Z(
+                  className: S(
                     "flex flex-1 items-center gap-4 min-w-0",
                     n != null && n !== "" ? "justify-between" : "justify-end"
                   ),
@@ -402,8 +405,8 @@ const te = X.map((t) => ({
                           size: ce.Sm,
                           className: "bg-layer-4 !py-0 h-6 min-h-6 dial-small-text max-h-full border-transparent hover:border-hover rounded",
                           options: H,
-                          value: L,
-                          onChange: (o) => T(o)
+                          value: E,
+                          onChange: (l) => P(l)
                         }
                       ) }),
                       /* @__PURE__ */ e(
@@ -413,7 +416,7 @@ const te = X.map((t) => ({
                           iconAfter: /* @__PURE__ */ e(he, { size: 16 }),
                           "aria-label": "Zoom out",
                           size: B.Small,
-                          onClick: () => R(-1)
+                          onClick: () => M(-1)
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -423,7 +426,7 @@ const te = X.map((t) => ({
                           iconAfter: /* @__PURE__ */ e(be, { size: 16 }),
                           "aria-label": "Zoom in",
                           size: B.Small,
-                          onClick: () => R(1)
+                          onClick: () => M(1)
                         }
                       )
                     ] })
@@ -439,14 +442,14 @@ const te = X.map((t) => ({
             {
               pdf: C,
               highlights: s,
-              selectedHighlightId: f ? s[p]?.id : D,
+              selectedHighlightId: v ? s[f]?.id : z,
               selectedPageNumber: N,
-              zoom: L,
+              zoom: E,
               onTotalPagesChange: m,
               onViewerReady: q,
-              containerClassName: y,
-              selectedPages: z,
-              viewerOptions: S
+              containerClassName: g,
+              selectedPages: O,
+              viewerOptions: R
             }
           ),
           U && /* @__PURE__ */ e(Ce, { className: "absolute inset-0 z-10" }),
@@ -459,72 +462,72 @@ const te = X.map((t) => ({
                 className: "text-secondary"
               }
             ),
-            /* @__PURE__ */ e("div", { className: "text-center dial-small-text whitespace-pre-wrap", children: !h && i ? i : c ?? "Failed to load document." })
+            /* @__PURE__ */ e("div", { className: "text-center dial-small-text whitespace-pre-wrap", children: !d && i ? i : c ?? "Failed to load document." })
           ] }) })
         ] })
       ]
     }
   );
-}, ze = 1200 * 1e3, De = 20, Me = ({
+}, Oe = 1200 * 1e3, ze = 20, Ae = ({
   children: t,
-  ttlMs: a = ze,
-  maxEntries: c = De
+  ttlMs: a = Oe,
+  maxEntries: c = ze
 }) => {
-  const l = k(/* @__PURE__ */ new Map()), i = P((u, y) => {
-    l.current.delete(u), l.current.set(u, y);
-  }, []), s = P(() => {
+  const o = k(/* @__PURE__ */ new Map()), i = D((u, g) => {
+    o.current.delete(u), o.current.set(u, g);
+  }, []), s = D(() => {
     const u = Date.now();
-    for (const [y, m] of l.current.entries())
-      m.file && u - m.timestamp > a && l.current.delete(y);
-  }, [a]), v = P(() => {
-    for (; l.current.size > c; ) {
-      const u = l.current.keys().next().value;
-      u && l.current.delete(u);
+    for (const [g, m] of o.current.entries())
+      m.file && u - m.timestamp > a && o.current.delete(g);
+  }, [a]), h = D(() => {
+    for (; o.current.size > c; ) {
+      const u = o.current.keys().next().value;
+      u && o.current.delete(u);
     }
-  }, [c]), f = P(() => {
-    l.current.clear();
-  }, []), N = P(
-    async (u, y) => {
+  }, [c]), v = D(() => {
+    o.current.clear();
+  }, []), N = D(
+    async (u, g) => {
       s();
-      const m = l.current.get(u);
+      const m = o.current.get(u);
       if (m) {
         if (i(u, { ...m, timestamp: Date.now() }), m.file)
           return m.file;
         if (m.promise)
           return m.promise;
       }
-      const n = Date.now(), d = y().then((x) => {
-        const O = { file: x, timestamp: Date.now() };
-        return i(u, O), v(), x;
+      const n = Date.now(), p = g().then((x) => {
+        const _ = { file: x, timestamp: Date.now() };
+        return i(u, _), h(), x;
       }).catch((x) => {
-        throw l.current.delete(u), x;
+        throw o.current.delete(u), x;
       });
-      return i(u, { promise: d, timestamp: n }), v(), d;
+      return i(u, { promise: p, timestamp: n }), h(), p;
     },
-    [v, s, i]
+    [h, s, i]
   );
-  return g(() => () => f(), [f]), /* @__PURE__ */ e(re.Provider, { value: { getFile: N, clearCache: f }, children: t });
-}, Re = ({
+  return w(() => () => v(), [v]), /* @__PURE__ */ e(re.Provider, { value: { getFile: N, clearCache: v }, children: t });
+}, Me = ({
   pageNum: t,
   onSelectPage: a,
   isSelected: c,
-  isLoading: l,
+  isLoading: o,
   isMultiselect: i,
   thumbnailUrl: s,
-  className: v
+  className: h
 }) => /* @__PURE__ */ b(
   "button",
   {
     type: "button",
     "aria-label": `Page ${t}`,
     "aria-pressed": c,
-    onClick: (f) => {
-      i && f.target.closest("[data-checkbox-wrapper]") || a(t);
+    onClick: (v) => {
+      i && v.target.closest("[data-checkbox-wrapper]") || a(t);
     },
-    className: Z(
+    className: S(
       "flex flex-col gap-2 p-2 h-[186px] w-[120px] items-center justify-center cursor-pointer transition-colors hover:bg-layer-4 rounded-sm",
       c && (i ? "border border-accent-primary bg-accent-primary-alpha" : "border border-primary"),
-      v
+      h
     ),
     children: [
       /* @__PURE__ */ b("div", { className: "relative w-[104px] h-[146px] bg-model-icon rounded-sm overflow-hidden", children: [
@@ -545,7 +548,7 @@ const te = X.map((t) => ({
             className: "before:border-primary before:bg-model-icon bg-model-icon"
           }
         ) }),
-        l && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-blackout rounded-sm", children: /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-blackout rounded-sm", children: /* @__PURE__ */ e(
           ue,
           {
             size: 24,
@@ -560,17 +563,18 @@ const te = X.map((t) => ({
 );
 export {
   $ as AUTO_ZOOM_ID,
-  Ae as DocumentPreview,
-  Me as DocumentPreviewCacheProvider,
+  Le as DocumentPreview,
+  Ae as DocumentPreviewCacheProvider,
   G as FIT_ZOOM_ID,
   Ne as PDFViewer,
-  Re as PageThumbnail,
+  Me as PageThumbnail,
   Ce as PdfPreviewLoader,
+  Be as RotationDirection,
   ee as THUMBNAIL_BATCH_SIZE,
-  ye as THUMBNAIL_IMAGE_OPTIONS,
+  ge as THUMBNAIL_IMAGE_OPTIONS,
   X as ZOOM_OPTIONS,
-  Pe as getStepZoomOptionValue,
-  _e as isPdfFile,
-  Oe as useDocumentPreview,
-  Te as useDocumentPreviewCache
+  De as getStepZoomOptionValue,
+  Ie as isPdfFile,
+  _e as useDocumentPreview,
+  Pe as useDocumentPreviewCache
 };

package/dist/src/index.d.ts

@@ -13,5 +13,7 @@ export type { PageThumbnailProps } from './components/PageThumbnail/PageThumbnai
 export type { PdfViewerApi } from './models/pdf-viewer.models';
 export type { ZoomOption } from './models/pdf-viewer.models';
 export type { ViewerOptions } from '@epam/pdf-highlighter-kit';
+export { RotationDirection } from '@epam/pdf-highlighter-kit';
+export type { PageRotationDegrees } from '@epam/pdf-highlighter-kit';
 export { AUTO_ZOOM_ID, FIT_ZOOM_ID, THUMBNAIL_BATCH_SIZE, THUMBNAIL_IMAGE_OPTIONS, ZOOM_OPTIONS, } from './constants/pdf-viewer.constants';
 export { getStepZoomOptionValue, isPdfFile } from './utils/pdf-viewer.utils';

package/dist/src/models/pdf-viewer.models.d.ts

@@ -1,4 +1,4 @@
-import { ThumbnailOptions } from '@epam/pdf-highlighter-kit';
+import { PageRotationDegrees, RotationDirection, ThumbnailOptions } from '@epam/pdf-highlighter-kit';
 /**
  * Imperative API exposed by {@link PDFViewer} through the `onViewerReady` callback.
  */
@@ -18,6 +18,10 @@ export interface PdfViewerApi {
     getZoom: () => number;
     /** Navigates to a specific 1-based page number. */
     navigateToPage: (page: number) => void;
+    /** Sets extra clockwise display rotation for a 1-based page (on top of PDF `/Rotate`). */
+    setPageDisplayRotation: (pageNumber: number, degrees: PageRotationDegrees, direction?: RotationDirection) => void;
+    /** Returns extra clockwise display rotation for a 1-based page. */
+    getPageDisplayRotation: (pageNumber: number) => PageRotationDegrees;
 }
 export interface ZoomOption {
     value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-react-pdf-highlighter",
-  "version": "0.2.0-dev.1",
+  "version": "0.2.0-dev.11",
   "type": "module",
   "license": "Apache-2.0",
   "description": "React components for PDF viewing and highlighting, built on @epam/pdf-highlighter-kit",
@@ -48,7 +48,7 @@
     "build-storybook": "concurrently \"npm run build-storybook:css\" \"storybook build\"",
     "build-storybook:css": "tailwindcss -m -i ./src/styles/tailwind-entry.scss -o ./src/index.css",
     "prepare": "husky",
-    "publish": "node tools/publish-lib.mjs",
+    "publish:npm": "node tools/publish-lib.mjs",
     "publish:dry": "node tools/publish-lib.mjs --dry",
     "test": "vitest --coverage"
   },
@@ -59,7 +59,7 @@
   },
   "peerDependencies": {
     "@epam/ai-dial-ui-kit": ">=0.8.0-0 || >=0.9.0-rc.0",
-    "@epam/pdf-highlighter-kit": ">=0.0.13",
+    "@epam/pdf-highlighter-kit": ">=0.0.14",
     "@tabler/icons-react": "^3.0.0",
     "pdfjs-dist": ">=4.0.0",
     "react": ">=18",
@@ -78,7 +78,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
     "@epam/ai-dial-ui-kit": "0.9.0-rc.20",
-    "@epam/pdf-highlighter-kit": "^0.0.13",
+    "@epam/pdf-highlighter-kit": "^0.0.14",
     "@eslint/compat": "^1.3.1",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.31.0",