viewdoc 0.1.1 → 0.2.1

package/dist/index.cjs

@@ -5,6 +5,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -27,28 +30,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  DocViewer: () => DocViewer,
-  DocxViewer: () => DocxViewer,
-  ImageViewer: () => ImageViewer,
-  PdfViewer: () => PdfViewer,
-  Toolbar: () => Toolbar,
-  ViewerShell: () => ViewerShell,
-  XlsxViewer: () => XlsxViewer,
-  detectFileType: () => detectFileType,
-  getUrlExtension: () => getUrlExtension,
-  useDraggable: () => useDraggable,
-  useZoomPan: () => useZoomPan
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/core/ViewerShell.tsx
-var import_react2 = require("react");
-
 // src/core/useDraggable.ts
-var import_react = require("react");
 function useDraggable(options = {}) {
   const { defaultPosition = { x: 80, y: 80 }, draggable = true } = options;
   const [position, setPosition] = (0, import_react.useState)(defaultPosition);
@@ -77,9 +59,15 @@ function useDraggable(options = {}) {
   );
   return { position, onDragHandlePointerDown };
 }
+var import_react;
+var init_useDraggable = __esm({
+  "src/core/useDraggable.ts"() {
+    "use strict";
+    import_react = require("react");
+  }
+});
 
 // src/core/icons.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
 function Svg(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
@@ -152,9 +140,15 @@ function FullscreenExitIcon() {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "15", y1: "15", x2: "21", y2: "21" })
   ] });
 }
+var import_jsx_runtime;
+var init_icons = __esm({
+  "src/core/icons.tsx"() {
+    "use strict";
+    import_jsx_runtime = require("react/jsx-runtime");
+  }
+});
 
 // src/core/Toolbar.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
 function Toolbar({
   scale,
   onZoomIn,
@@ -234,17 +228,16 @@ function Toolbar({
     )
   ] });
 }
+var import_jsx_runtime2;
+var init_Toolbar = __esm({
+  "src/core/Toolbar.tsx"() {
+    "use strict";
+    init_icons();
+    import_jsx_runtime2 = require("react/jsx-runtime");
+  }
+});
 
 // src/core/theme.ts
-var THEME_VAR_MAP = {
-  background: "--vd-bg",
-  toolbarBackground: "--vd-toolbar-bg",
-  toolbarBorderColor: "--vd-toolbar-border-color",
-  toolbarButtonHoverBackground: "--vd-toolbar-btn-hover-bg",
-  textColor: "--vd-text-color",
-  borderRadius: "--vd-border-radius",
-  toolbarButtonRadius: "--vd-toolbar-btn-radius"
-};
 function themeToStyle(theme) {
   if (!theme) return void 0;
   const style = {};
@@ -254,9 +247,23 @@ function themeToStyle(theme) {
   }
   return style;
 }
+var THEME_VAR_MAP;
+var init_theme = __esm({
+  "src/core/theme.ts"() {
+    "use strict";
+    THEME_VAR_MAP = {
+      background: "--vd-bg",
+      toolbarBackground: "--vd-toolbar-bg",
+      toolbarBorderColor: "--vd-toolbar-border-color",
+      toolbarButtonHoverBackground: "--vd-toolbar-btn-hover-bg",
+      textColor: "--vd-text-color",
+      borderRadius: "--vd-border-radius",
+      toolbarButtonRadius: "--vd-toolbar-btn-radius"
+    };
+  }
+});
 
 // src/core/ViewerShell.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
 function ViewerShell({
   zoomPan,
   onDownload,
@@ -353,12 +360,20 @@ function ViewerShell({
     }
   );
 }
+var import_react2, import_jsx_runtime3;
+var init_ViewerShell = __esm({
+  "src/core/ViewerShell.tsx"() {
+    "use strict";
+    import_react2 = require("react");
+    init_useDraggable();
+    init_icons();
+    init_Toolbar();
+    init_theme();
+    import_jsx_runtime3 = require("react/jsx-runtime");
+  }
+});
 
 // src/core/useZoomPan.ts
-var import_react3 = require("react");
-var DEFAULT_MIN = 0.1;
-var DEFAULT_MAX = 8;
-var DEFAULT_STEP = 0.25;
 function useZoomPan(options = {}) {
   const {
     minScale = DEFAULT_MIN,
@@ -468,68 +483,22 @@ function useZoomPan(options = {}) {
     handlers: { onWheel, onPointerDown, onPointerMove, onPointerUp }
   };
 }
-
-// src/viewers/ImageViewer.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function defaultDownload(uri, fileName) {
-  const link = document.createElement("a");
-  link.href = uri;
-  link.download = fileName ?? "";
-  link.rel = "noopener";
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}
-function ImageViewer({
-  uri,
-  fileName,
-  className,
-  style,
-  width,
-  height,
-  minScale,
-  maxScale,
-  zoomStep,
-  enableZoomControls = true,
-  enableWheelZoom = true,
-  enablePan = true,
-  enableFullscreen = true,
-  enableDownload = true,
-  onDownload,
-  theme,
-  floating = true,
-  windowDraggable = true,
-  defaultPosition
-}) {
-  const zoomPan = useZoomPan({ minScale, maxScale, zoomStep, enablePan, enableWheelZoom });
-  const handleDownload = enableDownload ? onDownload ?? (() => defaultDownload(uri, fileName)) : void 0;
-  const wrapperStyle = floating ? { ...style } : { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", ...style };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style: wrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    ViewerShell,
-    {
-      zoomPan,
-      onDownload: handleDownload,
-      enableZoomControls,
-      enableFullscreen,
-      enablePan,
-      theme,
-      width,
-      height,
-      floating,
-      draggable: windowDraggable,
-      defaultPosition,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { className: "vd-image", src: uri, alt: fileName ?? "document image", draggable: false })
-    }
-  ) });
-}
+var import_react3, DEFAULT_MIN, DEFAULT_MAX, DEFAULT_STEP;
+var init_useZoomPan = __esm({
+  "src/core/useZoomPan.ts"() {
+    "use strict";
+    import_react3 = require("react");
+    DEFAULT_MIN = 0.1;
+    DEFAULT_MAX = 8;
+    DEFAULT_STEP = 0.25;
+  }
+});
 
 // src/viewers/PdfPage.tsx
-var import_react4 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
 function PdfPage({ doc, pageNumber, renderScale = 1.5 }) {
-  const canvasRef = (0, import_react4.useRef)(null);
-  const renderTaskRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const canvasRef = (0, import_react5.useRef)(null);
+  const renderTaskRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     let cancelled = false;
     doc.getPage(pageNumber).then((page) => {
       if (cancelled) return;
@@ -554,17 +523,21 @@ function PdfPage({ doc, pageNumber, renderScale = 1.5 }) {
   }, [doc, pageNumber, renderScale]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("canvas", { ref: canvasRef, className: "vd-pdf-page", "data-page-number": pageNumber });
 }
+var import_react5, import_jsx_runtime5;
+var init_PdfPage = __esm({
+  "src/viewers/PdfPage.tsx"() {
+    "use strict";
+    import_react5 = require("react");
+    import_jsx_runtime5 = require("react/jsx-runtime");
+  }
+});
 
 // src/viewers/usePdfDocument.ts
-var import_react5 = require("react");
-var pdfjsLib = __toESM(require("pdfjs-dist"), 1);
-var import_meta = {};
-pdfjsLib.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import_meta.url).toString();
 function usePdfDocument(uri) {
-  const [doc, setDoc] = (0, import_react5.useState)(null);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const [loading, setLoading] = (0, import_react5.useState)(true);
-  (0, import_react5.useEffect)(() => {
+  const [doc, setDoc] = (0, import_react6.useState)(null);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [loading, setLoading] = (0, import_react6.useState)(true);
+  (0, import_react6.useEffect)(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -587,12 +560,21 @@ function usePdfDocument(uri) {
   }, [uri]);
   return { doc, numPages: doc?.numPages ?? 0, error, loading };
 }
+var import_react6, pdfjsLib, import_meta;
+var init_usePdfDocument = __esm({
+  "src/viewers/usePdfDocument.ts"() {
+    "use strict";
+    import_react6 = require("react");
+    pdfjsLib = __toESM(require("pdfjs-dist"), 1);
+    import_meta = {};
+    pdfjsLib.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import_meta.url).toString();
+  }
+});
 
 // src/viewers/useVisiblePage.ts
-var import_react6 = require("react");
 function useVisiblePage(containerRef, numPages) {
-  const [currentPage, setCurrentPage] = (0, import_react6.useState)(1);
-  (0, import_react6.useEffect)(() => {
+  const [currentPage, setCurrentPage] = (0, import_react7.useState)(1);
+  (0, import_react7.useEffect)(() => {
     const root = containerRef.current;
     if (!root || numPages === 0) return;
     const observer = new IntersectionObserver(
@@ -611,9 +593,19 @@ function useVisiblePage(containerRef, numPages) {
   }, [containerRef, numPages]);
   return currentPage;
 }
+var import_react7;
+var init_useVisiblePage = __esm({
+  "src/viewers/useVisiblePage.ts"() {
+    "use strict";
+    import_react7 = require("react");
+  }
+});
 
 // src/viewers/PdfViewer.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var PdfViewer_exports = {};
+__export(PdfViewer_exports, {
+  PdfViewer: () => PdfViewer
+});
 function defaultDownload2(uri, fileName) {
   const link = document.createElement("a");
   link.href = uri;
@@ -678,8 +670,8 @@ function PdfViewer({
         numPages
       ] }) : void 0,
       children: [
-        loading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "vd-pdf-page-indicator", children: "Loading PDF\u2026" }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "vd-pdf-page-indicator", children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "vd-doc-status", children: "Loading PDF\u2026" }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "vd-doc-status", children: [
           "Failed to load PDF: ",
           error.message
         ] }),
@@ -688,15 +680,25 @@ function PdfViewer({
     }
   ) });
 }
+var import_jsx_runtime6;
+var init_PdfViewer = __esm({
+  "src/viewers/PdfViewer.tsx"() {
+    "use strict";
+    init_ViewerShell();
+    init_useZoomPan();
+    init_PdfPage();
+    init_usePdfDocument();
+    init_useVisiblePage();
+    import_jsx_runtime6 = require("react/jsx-runtime");
+  }
+});
 
 // src/viewers/useDocxHtml.ts
-var import_react7 = require("react");
-var import_mammoth = __toESM(require("mammoth"), 1);
 function useDocxHtml(uri) {
-  const [html, setHtml] = (0, import_react7.useState)(null);
-  const [error, setError] = (0, import_react7.useState)(null);
-  const [loading, setLoading] = (0, import_react7.useState)(true);
-  (0, import_react7.useEffect)(() => {
+  const [html, setHtml] = (0, import_react8.useState)(null);
+  const [error, setError] = (0, import_react8.useState)(null);
+  const [loading, setLoading] = (0, import_react8.useState)(true);
+  (0, import_react8.useEffect)(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -704,7 +706,11 @@ function useDocxHtml(uri) {
     fetch(uri).then((res) => {
       if (!res.ok) throw new Error(`Failed to fetch document: ${res.status} ${res.statusText}`);
       return res.arrayBuffer();
-    }).then((arrayBuffer) => import_mammoth.default.convertToHtml({ arrayBuffer })).then((result) => {
+    }).then(
+      (arrayBuffer) => import_mammoth.default.convertToHtml({ arrayBuffer }).catch(() => {
+        throw new Error("This file could not be read as a Word document (.docx).");
+      })
+    ).then((result) => {
       if (cancelled) return;
       setHtml(result.value);
       setLoading(false);
@@ -720,9 +726,20 @@ function useDocxHtml(uri) {
   }, [uri]);
   return { html, error, loading };
 }
+var import_react8, import_mammoth;
+var init_useDocxHtml = __esm({
+  "src/viewers/useDocxHtml.ts"() {
+    "use strict";
+    import_react8 = require("react");
+    import_mammoth = __toESM(require("mammoth"), 1);
+  }
+});
 
 // src/viewers/DocxViewer.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var DocxViewer_exports = {};
+__export(DocxViewer_exports, {
+  DocxViewer: () => DocxViewer
+});
 function defaultDownload3(uri, fileName) {
   const link = document.createElement("a");
   link.href = uri;
@@ -789,19 +806,23 @@ function DocxViewer({
     }
   ) });
 }
-
-// src/viewers/XlsxViewer.tsx
-var import_react9 = require("react");
-var XLSX2 = __toESM(require("xlsx"), 1);
+var import_jsx_runtime7;
+var init_DocxViewer = __esm({
+  "src/viewers/DocxViewer.tsx"() {
+    "use strict";
+    init_ViewerShell();
+    init_useZoomPan();
+    init_useDocxHtml();
+    import_jsx_runtime7 = require("react/jsx-runtime");
+  }
+});
 
 // src/viewers/useXlsxWorkbook.ts
-var import_react8 = require("react");
-var XLSX = __toESM(require("xlsx"), 1);
 function useXlsxWorkbook(uri) {
-  const [workbook, setWorkbook] = (0, import_react8.useState)(null);
-  const [error, setError] = (0, import_react8.useState)(null);
-  const [loading, setLoading] = (0, import_react8.useState)(true);
-  (0, import_react8.useEffect)(() => {
+  const [workbook, setWorkbook] = (0, import_react9.useState)(null);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const [loading, setLoading] = (0, import_react9.useState)(true);
+  (0, import_react9.useEffect)(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -826,9 +847,20 @@ function useXlsxWorkbook(uri) {
   }, [uri]);
   return { workbook, error, loading };
 }
+var import_react9, XLSX;
+var init_useXlsxWorkbook = __esm({
+  "src/viewers/useXlsxWorkbook.ts"() {
+    "use strict";
+    import_react9 = require("react");
+    XLSX = __toESM(require("xlsx"), 1);
+  }
+});
 
 // src/viewers/XlsxViewer.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var XlsxViewer_exports = {};
+__export(XlsxViewer_exports, {
+  XlsxViewer: () => XlsxViewer
+});
 function defaultDownload4(uri, fileName) {
   const link = document.createElement("a");
   link.href = uri;
@@ -867,9 +899,9 @@ function XlsxViewer({
     enableWheelZoom
   });
   const { workbook, error, loading } = useXlsxWorkbook(uri);
-  const [activeSheet, setActiveSheet] = (0, import_react9.useState)(0);
+  const [activeSheet, setActiveSheet] = (0, import_react10.useState)(0);
   const handleDownload = enableDownload ? onDownload ?? (() => defaultDownload4(uri, fileName)) : void 0;
-  const tableHtml = (0, import_react9.useMemo)(() => {
+  const tableHtml = (0, import_react10.useMemo)(() => {
     if (!workbook) return null;
     const sheetName = workbook.SheetNames[activeSheet];
     const sheet = workbook.Sheets[sheetName];
@@ -915,6 +947,107 @@ function XlsxViewer({
     }
   ) });
 }
+var import_react10, XLSX2, import_jsx_runtime8;
+var init_XlsxViewer = __esm({
+  "src/viewers/XlsxViewer.tsx"() {
+    "use strict";
+    import_react10 = require("react");
+    XLSX2 = __toESM(require("xlsx"), 1);
+    init_ViewerShell();
+    init_useZoomPan();
+    init_useXlsxWorkbook();
+    import_jsx_runtime8 = require("react/jsx-runtime");
+  }
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DocViewer: () => DocViewer,
+  ImageViewer: () => ImageViewer,
+  Toolbar: () => Toolbar,
+  ViewerShell: () => ViewerShell,
+  detectFileType: () => detectFileType,
+  getUrlExtension: () => getUrlExtension,
+  useDraggable: () => useDraggable,
+  useZoomPan: () => useZoomPan
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/DocViewer.tsx
+var import_react11 = require("react");
+
+// src/viewers/ImageViewer.tsx
+var import_react4 = require("react");
+init_ViewerShell();
+init_useZoomPan();
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function defaultDownload(uri, fileName) {
+  const link = document.createElement("a");
+  link.href = uri;
+  link.download = fileName ?? "";
+  link.rel = "noopener";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+function ImageViewer({
+  uri,
+  fileName,
+  className,
+  style,
+  width,
+  height,
+  minScale,
+  maxScale,
+  zoomStep,
+  enableZoomControls = true,
+  enableWheelZoom = true,
+  enablePan = true,
+  enableFullscreen = true,
+  enableDownload = true,
+  onDownload,
+  theme,
+  floating = true,
+  windowDraggable = true,
+  defaultPosition
+}) {
+  const zoomPan = useZoomPan({ minScale, maxScale, zoomStep, enablePan, enableWheelZoom });
+  const [failed, setFailed] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => setFailed(false), [uri]);
+  const handleDownload = enableDownload ? onDownload ?? (() => defaultDownload(uri, fileName)) : void 0;
+  const wrapperStyle = floating ? { ...style } : { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", ...style };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style: wrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    ViewerShell,
+    {
+      zoomPan,
+      onDownload: handleDownload,
+      enableZoomControls,
+      enableFullscreen,
+      enablePan,
+      theme,
+      width,
+      height,
+      floating,
+      draggable: windowDraggable,
+      defaultPosition,
+      children: failed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "vd-doc-status", children: [
+        'Failed to load image "',
+        fileName ?? uri,
+        '".'
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "img",
+        {
+          className: "vd-image",
+          src: uri,
+          alt: fileName ?? "document image",
+          draggable: false,
+          onError: () => setFailed(true)
+        }
+      )
+    }
+  ) });
+}
 
 // src/detectFileType.ts
 var EXTENSION_MAP = {
@@ -958,17 +1091,20 @@ function detectFileType(uri, hint) {
 
 // src/DocViewer.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function DocViewer({ uri, fileName, type, fallback, ...rest }) {
+var PdfViewer2 = (0, import_react11.lazy)(() => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer })));
+var DocxViewer2 = (0, import_react11.lazy)(() => Promise.resolve().then(() => (init_DocxViewer(), DocxViewer_exports)).then((m) => ({ default: m.DocxViewer })));
+var XlsxViewer2 = (0, import_react11.lazy)(() => Promise.resolve().then(() => (init_XlsxViewer(), XlsxViewer_exports)).then((m) => ({ default: m.XlsxViewer })));
+function DocViewer({ uri, fileName, type, fallback, loadingFallback, ...rest }) {
   const detected = detectFileType(uri, type ?? fileName?.split(".").pop());
   switch (detected) {
     case "image":
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ImageViewer, { uri, fileName, ...rest });
     case "pdf":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PdfViewer, { uri, fileName, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react11.Suspense, { fallback: loadingFallback ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PdfViewer2, { uri, fileName, ...rest }) });
     case "docx":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DocxViewer, { uri, fileName, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react11.Suspense, { fallback: loadingFallback ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DocxViewer2, { uri, fileName, ...rest }) });
     case "xlsx":
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(XlsxViewer, { uri, fileName, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react11.Suspense, { fallback: loadingFallback ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(XlsxViewer2, { uri, fileName, ...rest }) });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: fallback ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "vd-doc-status", children: [
         'Unable to detect file type for "',
@@ -977,15 +1113,18 @@ function DocViewer({ uri, fileName, type, fallback, ...rest }) {
       ] }) });
   }
 }
+
+// src/index.ts
+init_ViewerShell();
+init_Toolbar();
+init_useZoomPan();
+init_useDraggable();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DocViewer,
-  DocxViewer,
   ImageViewer,
-  PdfViewer,
   Toolbar,
   ViewerShell,
-  XlsxViewer,
   detectFileType,
   getUrlExtension,
   useDraggable,