@cyber-harbour/ui 2.0.33 → 2.0.35

package/dist/PdfDriver-4LXKJ6Q7.mjs

@@ -0,0 +1,3 @@
+import {a,z,Pa,mb,ma}from'./chunk-ODA2IAN2.mjs';import {useState,useRef,useEffect,useMemo}from'react';import {pdfjs,Document,Page}from'react-pdf';import'react-pdf/dist/Page/AnnotationLayer.css';import'react-pdf/dist/Page/TextLayer.css';import {jsx,jsxs}from'react/jsx-runtime';var l="/pdfjs";typeof window<"u"&&typeof document<"u"&&(pdfjs.GlobalWorkerOptions.workerSrc=`${l}/pdf.worker.min.js`);var G=a(({url:b})=>{let[i,y]=useState(0),[d,m]=useState(1),[P,f]=useState(true),[p,k]=useState(null),[N,L]=useState(400),[c,v]=useState(1),u=useRef(null),D=a(()=>{v(t=>Math.min(t+.25,4));},"handleZoomIn"),j=a(()=>{v(t=>Math.max(t-.25,.25));},"handleZoomOut");useEffect(()=>{let t=a(()=>{u.current&&L(u.current.offsetWidth-70);},"updateSize");return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);let z$1=useMemo(()=>({cMapPacked:true,cMapUrl:`${l}/cmaps/`,standardFontDataUrl:`${l}/standard_fonts/`,wasmUrl:`${l}/wasm/`,iccUrl:`${l}/icc/`}),[]);function E({numPages:t}){y(t),f(false);}a(E,"onDocumentLoadSuccess");function C(t){k(`Failed to load PDF: ${t.message}`),f(false);}a(C,"onDocumentLoadError");function g(t){m(a=>a+t);}a(g,"changePage");function M(){g(-1);}a(M,"previousPage");function S(){g(1);}return a(S,"nextPage"),p?jsx("div",{className:"flex items-center justify-center h-full w-full",children:jsx("div",{className:"text-red-500 text-center",children:jsx("p",{children:p})})}):jsxs("div",{className:"h-full w-full flex flex-col overflow-hidden pb-5",children:[P&&jsx("div",{className:"flex items-center justify-center h-full",children:jsx("div",{className:"text-gray-500",children:"Loading PDF..."})}),i>0&&jsxs("div",{className:"flex items-center justify-between flex-wrap gap-3 p-4",children:[jsxs("div",{className:"flex items-center justify-center gap-3",children:[jsx(z,{variant:"outlined","aria-label":"previous page",color:"secondary",size:"small",type:"button",disabled:d<=1,onClick:M,p:5,icon:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:"m15 18-6-6 6-6"})})}),jsxs("span",{className:"flex items-center gap-2",children:[jsx("input",{type:"number",min:1,max:i,value:d,onChange:t=>{let a=parseInt(t.target.value,10);a>=1&&a<=i&&m(a);},className:"w-15 px-1 py-1 border border-gray-400! rounded text-center"}),"/ ",i]}),jsx(z,{variant:"outlined","aria-label":"next page",color:"secondary",size:"small",type:"button",disabled:d>=i,onClick:S,p:7,icon:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:"m9 18 6-6-6-6"})})})]}),jsxs("div",{className:"flex items-center justify-center gap-3",children:[jsx(z,{variant:"outlined","aria-label":"zoom-out",color:"secondary",size:"small",icon:jsx(Pa,{style:{width:20,height:20}}),onClick:j,disabled:c<=.25,p:7}),jsxs(mb,{py:5,px:8,children:[c*100,"%"]}),jsx(z,{variant:"outlined","aria-label":"zoom-in",size:"small",color:"secondary",icon:jsx(ma,{style:{width:14,height:14}}),onClick:D,disabled:c>=4,p:8})]})]}),jsx("div",{ref:u,className:"flex-1 flex justify-center overflow-auto",children:jsx(Document,{options:z$1,file:b,onLoadSuccess:E,onLoadError:C,loading:"",children:jsx(Page,{pageNumber:d,renderTextLayer:true,renderAnnotationLayer:true,width:N*c,className:"h-auto w-full transition-[width] duration-[600ms] ease-in-out"})})})]})},"PdfDriver");
+export{G as PdfDriver};//# sourceMappingURL=PdfDriver-4LXKJ6Q7.mjs.map
+//# sourceMappingURL=PdfDriver-4LXKJ6Q7.mjs.map

package/dist/PdfDriver-4LXKJ6Q7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/FileViewer/drivers/PdfDriver/PdfDriver.tsx"],"names":["BASE_DIR","pdfjs","PdfDriver","__name","url","numPages","setNumPages","useState","pageNumber","setPageNumber","loading","setLoading","error","setError","width","setWidth","scale","setScale","containerRef","useRef","handleZoomIn","prev","handleZoomOut","useEffect","updateSize","options","useMemo","onDocumentLoadSuccess","onDocumentLoadError","changePage","offset","prevPageNumber","previousPage","nextPage","jsx","jsxs","Button","e","page","MinusIcon","Box","PlusIcon","Document","Page"],"mappings":"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","file":"PdfDriver-4LXKJ6Q7.mjs","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport 'react-pdf/dist/Page/AnnotationLayer.css';\nimport 'react-pdf/dist/Page/TextLayer.css';\nimport { Box, Button, MinusIcon, PlusIcon } from '../../../Core';\n\nconst BASE_DIR = '/pdfjs';\n\n// Set up the worker - self-hosted configuration (client-side only)\nif (typeof window !== 'undefined' && typeof document !== 'undefined') {\n  pdfjs.GlobalWorkerOptions.workerSrc = `${BASE_DIR}/pdf.worker.min.js`;\n}\n\ninterface PdfDriverProps {\n  url: string;\n}\n\nexport const PdfDriver: React.FC<PdfDriverProps> = ({ url }) => {\n  const [numPages, setNumPages] = useState<number>(0);\n  const [pageNumber, setPageNumber] = useState<number>(1);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [error, setError] = useState<string | null>(null);\n  const [width, setWidth] = useState<number>(400);\n  const [scale, setScale] = useState(1);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const handleZoomIn = () => {\n    setScale((prev) => Math.min(prev + 0.25, 4));\n  };\n\n  const handleZoomOut = () => {\n    setScale((prev) => Math.max(prev - 0.25, 0.25));\n  };\n\n  useEffect(() => {\n    const updateSize = () => {\n      if (containerRef.current) {\n        setWidth(containerRef.current.offsetWidth - 70);\n      }\n    };\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    return () => window.removeEventListener('resize', updateSize);\n  }, []);\n\n  const options = useMemo(\n    () => ({\n      cMapPacked: true,\n      cMapUrl: `${BASE_DIR}/cmaps/`,\n      standardFontDataUrl: `${BASE_DIR}/standard_fonts/`,\n      wasmUrl: `${BASE_DIR}/wasm/`,\n      iccUrl: `${BASE_DIR}/icc/`,\n    }),\n    []\n  );\n\n  //TODO: add fix 100px problem;\n\n  function onDocumentLoadSuccess({ numPages }: { numPages: number }): void {\n    setNumPages(numPages);\n    setLoading(false);\n  }\n\n  function onDocumentLoadError(error: Error): void {\n    setError(`Failed to load PDF: ${error.message}`);\n    setLoading(false);\n  }\n\n  function changePage(offset: number): void {\n    setPageNumber((prevPageNumber) => prevPageNumber + offset);\n  }\n\n  function previousPage(): void {\n    changePage(-1);\n  }\n\n  function nextPage(): void {\n    changePage(1);\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center h-full w-full\">\n        <div className=\"text-red-500 text-center\">\n          <p>{error}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full w-full flex flex-col overflow-hidden pb-5\">\n      {loading && (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"text-gray-500\">Loading PDF...</div>\n        </div>\n      )}\n      {numPages > 0 && (\n        <div className=\"flex items-center justify-between flex-wrap gap-3 p-4\">\n          <div className=\"flex items-center justify-center gap-3\">\n            <Button\n              variant=\"outlined\"\n              aria-label=\"previous page\"\n              color=\"secondary\"\n              size=\"small\"\n              type=\"button\"\n              disabled={pageNumber <= 1}\n              onClick={previousPage}\n              p={5}\n              icon={\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                >\n                  <path d=\"m15 18-6-6 6-6\" />\n                </svg>\n              }\n            />\n\n            <span className=\"flex items-center gap-2\">\n              <input\n                type=\"number\"\n                min={1}\n                max={numPages}\n                value={pageNumber}\n                onChange={(e) => {\n                  const page = parseInt(e.target.value, 10);\n                  if (page >= 1 && page <= numPages) {\n                    setPageNumber(page);\n                  }\n                }}\n                className=\"w-15 px-1 py-1 border border-gray-400! rounded text-center\"\n              />\n              / {numPages}\n            </span>\n            <Button\n              variant=\"outlined\"\n              aria-label=\"next page\"\n              color=\"secondary\"\n              size=\"small\"\n              type=\"button\"\n              disabled={pageNumber >= numPages}\n              onClick={nextPage}\n              p={7}\n              icon={\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                >\n                  <path d=\"m9 18 6-6-6-6\" />\n                </svg>\n              }\n            />\n          </div>\n          <div className=\"flex items-center justify-center gap-3\">\n            <Button\n              variant=\"outlined\"\n              aria-label=\"zoom-out\"\n              color=\"secondary\"\n              size=\"small\"\n              icon={<MinusIcon style={{ width: 20, height: 20 }} />}\n              onClick={handleZoomOut}\n              disabled={scale <= 0.25}\n              p={7}\n            />\n            <Box py={5} px={8}>\n              {scale * 100}%\n            </Box>\n            <Button\n              variant=\"outlined\"\n              aria-label=\"zoom-in\"\n              size=\"small\"\n              color=\"secondary\"\n              icon={<PlusIcon style={{ width: 14, height: 14 }} />}\n              onClick={handleZoomIn}\n              disabled={scale >= 4}\n              p={8}\n            />\n          </div>\n        </div>\n      )}\n      <div ref={containerRef} className=\"flex-1 flex justify-center overflow-auto\">\n        <Document\n          options={options}\n          file={url}\n          onLoadSuccess={onDocumentLoadSuccess}\n          onLoadError={onDocumentLoadError}\n          loading=\"\"\n        >\n          <Page\n            pageNumber={pageNumber}\n            renderTextLayer={true}\n            renderAnnotationLayer={true}\n            width={width * scale}\n            className=\"h-auto w-full transition-[width] duration-[600ms] ease-in-out\"\n          />\n        </Document>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/PdfDriver-T57BOIII.js

@@ -0,0 +1,3 @@
+'use strict';var chunkAK3WMUOH_js=require('./chunk-AK3WMUOH.js'),react=require('react'),reactPdf=require('react-pdf');require('react-pdf/dist/Page/AnnotationLayer.css'),require('react-pdf/dist/Page/TextLayer.css');var jsxRuntime=require('react/jsx-runtime');var l="/pdfjs";typeof window<"u"&&typeof document<"u"&&(reactPdf.pdfjs.GlobalWorkerOptions.workerSrc=`${l}/pdf.worker.min.js`);var H=chunkAK3WMUOH_js.a(({url:b})=>{let[i,y]=react.useState(0),[d,m]=react.useState(1),[P,f]=react.useState(true),[p,k]=react.useState(null),[N,L]=react.useState(400),[c,v]=react.useState(1),u=react.useRef(null),D=chunkAK3WMUOH_js.a(()=>{v(t=>Math.min(t+.25,4));},"handleZoomIn"),j=chunkAK3WMUOH_js.a(()=>{v(t=>Math.max(t-.25,.25));},"handleZoomOut");react.useEffect(()=>{let t=chunkAK3WMUOH_js.a(()=>{u.current&&L(u.current.offsetWidth-70);},"updateSize");return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);let z=react.useMemo(()=>({cMapPacked:true,cMapUrl:`${l}/cmaps/`,standardFontDataUrl:`${l}/standard_fonts/`,wasmUrl:`${l}/wasm/`,iccUrl:`${l}/icc/`}),[]);function E({numPages:t}){y(t),f(false);}chunkAK3WMUOH_js.a(E,"onDocumentLoadSuccess");function C(t){k(`Failed to load PDF: ${t.message}`),f(false);}chunkAK3WMUOH_js.a(C,"onDocumentLoadError");function g(t){m(a=>a+t);}chunkAK3WMUOH_js.a(g,"changePage");function M(){g(-1);}chunkAK3WMUOH_js.a(M,"previousPage");function S(){g(1);}return chunkAK3WMUOH_js.a(S,"nextPage"),p?jsxRuntime.jsx("div",{className:"flex items-center justify-center h-full w-full",children:jsxRuntime.jsx("div",{className:"text-red-500 text-center",children:jsxRuntime.jsx("p",{children:p})})}):jsxRuntime.jsxs("div",{className:"h-full w-full flex flex-col overflow-hidden pb-5",children:[P&&jsxRuntime.jsx("div",{className:"flex items-center justify-center h-full",children:jsxRuntime.jsx("div",{className:"text-gray-500",children:"Loading PDF..."})}),i>0&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between flex-wrap gap-3 p-4",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-center gap-3",children:[jsxRuntime.jsx(chunkAK3WMUOH_js.z,{variant:"outlined","aria-label":"previous page",color:"secondary",size:"small",type:"button",disabled:d<=1,onClick:M,p:5,icon:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"m15 18-6-6 6-6"})})}),jsxRuntime.jsxs("span",{className:"flex items-center gap-2",children:[jsxRuntime.jsx("input",{type:"number",min:1,max:i,value:d,onChange:t=>{let a=parseInt(t.target.value,10);a>=1&&a<=i&&m(a);},className:"w-15 px-1 py-1 border border-gray-400! rounded text-center"}),"/ ",i]}),jsxRuntime.jsx(chunkAK3WMUOH_js.z,{variant:"outlined","aria-label":"next page",color:"secondary",size:"small",type:"button",disabled:d>=i,onClick:S,p:7,icon:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"m9 18 6-6-6-6"})})})]}),jsxRuntime.jsxs("div",{className:"flex items-center justify-center gap-3",children:[jsxRuntime.jsx(chunkAK3WMUOH_js.z,{variant:"outlined","aria-label":"zoom-out",color:"secondary",size:"small",icon:jsxRuntime.jsx(chunkAK3WMUOH_js.Pa,{style:{width:20,height:20}}),onClick:j,disabled:c<=.25,p:7}),jsxRuntime.jsxs(chunkAK3WMUOH_js.mb,{py:5,px:8,children:[c*100,"%"]}),jsxRuntime.jsx(chunkAK3WMUOH_js.z,{variant:"outlined","aria-label":"zoom-in",size:"small",color:"secondary",icon:jsxRuntime.jsx(chunkAK3WMUOH_js.ma,{style:{width:14,height:14}}),onClick:D,disabled:c>=4,p:8})]})]}),jsxRuntime.jsx("div",{ref:u,className:"flex-1 flex justify-center overflow-auto",children:jsxRuntime.jsx(reactPdf.Document,{options:z,file:b,onLoadSuccess:E,onLoadError:C,loading:"",children:jsxRuntime.jsx(reactPdf.Page,{pageNumber:d,renderTextLayer:true,renderAnnotationLayer:true,width:N*c,className:"h-auto w-full transition-[width] duration-[600ms] ease-in-out"})})})]})},"PdfDriver");
+exports.PdfDriver=H;//# sourceMappingURL=PdfDriver-T57BOIII.js.map
+//# sourceMappingURL=PdfDriver-T57BOIII.js.map

package/dist/PdfDriver-T57BOIII.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/FileViewer/drivers/PdfDriver/PdfDriver.tsx"],"names":["BASE_DIR","pdfjs","PdfDriver","__name","url","numPages","setNumPages","useState","pageNumber","setPageNumber","loading","setLoading","error","setError","width","setWidth","scale","setScale","containerRef","useRef","handleZoomIn","prev","handleZoomOut","useEffect","updateSize","options","useMemo","onDocumentLoadSuccess","onDocumentLoadError","changePage","offset","prevPageNumber","previousPage","nextPage","jsx","jsxs","Button","e","page","MinusIcon","Box","PlusIcon","Document","Page"],"mappings":"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","file":"PdfDriver-T57BOIII.js","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport 'react-pdf/dist/Page/AnnotationLayer.css';\nimport 'react-pdf/dist/Page/TextLayer.css';\nimport { Box, Button, MinusIcon, PlusIcon } from '../../../Core';\n\nconst BASE_DIR = '/pdfjs';\n\n// Set up the worker - self-hosted configuration (client-side only)\nif (typeof window !== 'undefined' && typeof document !== 'undefined') {\n  pdfjs.GlobalWorkerOptions.workerSrc = `${BASE_DIR}/pdf.worker.min.js`;\n}\n\ninterface PdfDriverProps {\n  url: string;\n}\n\nexport const PdfDriver: React.FC<PdfDriverProps> = ({ url }) => {\n  const [numPages, setNumPages] = useState<number>(0);\n  const [pageNumber, setPageNumber] = useState<number>(1);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [error, setError] = useState<string | null>(null);\n  const [width, setWidth] = useState<number>(400);\n  const [scale, setScale] = useState(1);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const handleZoomIn = () => {\n    setScale((prev) => Math.min(prev + 0.25, 4));\n  };\n\n  const handleZoomOut = () => {\n    setScale((prev) => Math.max(prev - 0.25, 0.25));\n  };\n\n  useEffect(() => {\n    const updateSize = () => {\n      if (containerRef.current) {\n        setWidth(containerRef.current.offsetWidth - 70);\n      }\n    };\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    return () => window.removeEventListener('resize', updateSize);\n  }, []);\n\n  const options = useMemo(\n    () => ({\n      cMapPacked: true,\n      cMapUrl: `${BASE_DIR}/cmaps/`,\n      standardFontDataUrl: `${BASE_DIR}/standard_fonts/`,\n      wasmUrl: `${BASE_DIR}/wasm/`,\n      iccUrl: `${BASE_DIR}/icc/`,\n    }),\n    []\n  );\n\n  //TODO: add fix 100px problem;\n\n  function onDocumentLoadSuccess({ numPages }: { numPages: number }): void {\n    setNumPages(numPages);\n    setLoading(false);\n  }\n\n  function onDocumentLoadError(error: Error): void {\n    setError(`Failed to load PDF: ${error.message}`);\n    setLoading(false);\n  }\n\n  function changePage(offset: number): void {\n    setPageNumber((prevPageNumber) => prevPageNumber + offset);\n  }\n\n  function previousPage(): void {\n    changePage(-1);\n  }\n\n  function nextPage(): void {\n    changePage(1);\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center h-full w-full\">\n        <div className=\"text-red-500 text-center\">\n          <p>{error}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full w-full flex flex-col overflow-hidden pb-5\">\n      {loading && (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"text-gray-500\">Loading PDF...</div>\n        </div>\n      )}\n      {numPages > 0 && (\n        <div className=\"flex items-center justify-between flex-wrap gap-3 p-4\">\n          <div className=\"flex items-center justify-center gap-3\">\n            <Button\n              variant=\"outlined\"\n              aria-label=\"previous page\"\n              color=\"secondary\"\n              size=\"small\"\n              type=\"button\"\n              disabled={pageNumber <= 1}\n              onClick={previousPage}\n              p={5}\n              icon={\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                >\n                  <path d=\"m15 18-6-6 6-6\" />\n                </svg>\n              }\n            />\n\n            <span className=\"flex items-center gap-2\">\n              <input\n                type=\"number\"\n                min={1}\n                max={numPages}\n                value={pageNumber}\n                onChange={(e) => {\n                  const page = parseInt(e.target.value, 10);\n                  if (page >= 1 && page <= numPages) {\n                    setPageNumber(page);\n                  }\n                }}\n                className=\"w-15 px-1 py-1 border border-gray-400! rounded text-center\"\n              />\n              / {numPages}\n            </span>\n            <Button\n              variant=\"outlined\"\n              aria-label=\"next page\"\n              color=\"secondary\"\n              size=\"small\"\n              type=\"button\"\n              disabled={pageNumber >= numPages}\n              onClick={nextPage}\n              p={7}\n              icon={\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                >\n                  <path d=\"m9 18 6-6-6-6\" />\n                </svg>\n              }\n            />\n          </div>\n          <div className=\"flex items-center justify-center gap-3\">\n            <Button\n              variant=\"outlined\"\n              aria-label=\"zoom-out\"\n              color=\"secondary\"\n              size=\"small\"\n              icon={<MinusIcon style={{ width: 20, height: 20 }} />}\n              onClick={handleZoomOut}\n              disabled={scale <= 0.25}\n              p={7}\n            />\n            <Box py={5} px={8}>\n              {scale * 100}%\n            </Box>\n            <Button\n              variant=\"outlined\"\n              aria-label=\"zoom-in\"\n              size=\"small\"\n              color=\"secondary\"\n              icon={<PlusIcon style={{ width: 14, height: 14 }} />}\n              onClick={handleZoomIn}\n              disabled={scale >= 4}\n              p={8}\n            />\n          </div>\n        </div>\n      )}\n      <div ref={containerRef} className=\"flex-1 flex justify-center overflow-auto\">\n        <Document\n          options={options}\n          file={url}\n          onLoadSuccess={onDocumentLoadSuccess}\n          onLoadError={onDocumentLoadError}\n          loading=\"\"\n        >\n          <Page\n            pageNumber={pageNumber}\n            renderTextLayer={true}\n            renderAnnotationLayer={true}\n            width={width * scale}\n            className=\"h-auto w-full transition-[width] duration-[600ms] ease-in-out\"\n          />\n        </Document>\n      </div>\n    </div>\n  );\n};\n"]}