@cannyminds/dms-file-viewers 0.14.0 → 0.16.0

package/dist/chunk-7S4B534E.js

@@ -0,0 +1,742 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkYEPEMLM3js = require('./chunk-YEPEMLM3.js');
+
+
+
+var _chunkEEIQAW55js = require('./chunk-EEIQAW55.js');
+
+// src/components/viewers/TIFFViewer.tsx
+
+
+
+
+
+
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+var _material = require('@mui/material');
+var _Download = require('@mui/icons-material/Download'); var _Download2 = _interopRequireDefault(_Download);
+var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequireDefault(_Print);
+var _Fullscreen = require('@mui/icons-material/Fullscreen'); var _Fullscreen2 = _interopRequireDefault(_Fullscreen);
+var _FirstPage = require('@mui/icons-material/FirstPage'); var _FirstPage2 = _interopRequireDefault(_FirstPage);
+var _LastPage = require('@mui/icons-material/LastPage'); var _LastPage2 = _interopRequireDefault(_LastPage);
+var _ChevronLeft = require('@mui/icons-material/ChevronLeft'); var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);
+var _ChevronRight = require('@mui/icons-material/ChevronRight'); var _ChevronRight2 = _interopRequireDefault(_ChevronRight);
+var _ZoomIn = require('@mui/icons-material/ZoomIn'); var _ZoomIn2 = _interopRequireDefault(_ZoomIn);
+var _ZoomOut = require('@mui/icons-material/ZoomOut'); var _ZoomOut2 = _interopRequireDefault(_ZoomOut);
+var _FitScreen = require('@mui/icons-material/FitScreen'); var _FitScreen2 = _interopRequireDefault(_FitScreen);
+var _AspectRatio = require('@mui/icons-material/AspectRatio'); var _AspectRatio2 = _interopRequireDefault(_AspectRatio);
+var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
+var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
+var _History = require('@mui/icons-material/History'); var _History2 = _interopRequireDefault(_History);
+var _iconsmaterial = require('@mui/icons-material');
+var _jsxruntime = require('react/jsx-runtime');
+var resolveDocumentName = (file, fileName, url) => {
+  if (_optionalChain([file, 'optionalAccess', _ => _.name])) {
+    return file.name;
+  }
+  if (fileName) {
+    return fileName;
+  }
+  if (url) {
+    const parts = _nullishCoalesce(_optionalChain([url, 'access', _2 => _2.split, 'call', _3 => _3("?"), 'access', _4 => _4[0], 'optionalAccess', _5 => _5.split, 'call', _6 => _6("#"), 'access', _7 => _7[0], 'optionalAccess', _8 => _8.split, 'call', _9 => _9("/")]), () => ( []));
+    return parts[parts.length - 1] || "document.tiff";
+  }
+  return "document.tiff";
+};
+var TIFFViewerContent = ({
+  sourceDescription,
+  file,
+  url,
+  fileName,
+  totalPages = 1,
+  className = "",
+  style = {},
+  width = "100%",
+  height = "100%",
+  onLoad,
+  onError,
+  onDownloadClick,
+  onPrintClick,
+  onTagsClick,
+  onMetadataClick,
+  onPropertiesClick,
+  onHistoryClick,
+  pageLoader,
+  showDownload = true,
+  showPrint = true,
+  showMetadata = false,
+  showTags = true,
+  showProperties = false,
+  showHistory = true,
+  // Extract props that shouldn't be passed to DOM elements
+  mimeType,
+  fileSize,
+  showPageCount,
+  showPageNavigation,
+  showZoomControls,
+  showSearch,
+  customRegistry,
+  initialSearchText,
+  initialSearchPages,
+  autoOpenSearch,
+  autoExecuteSearch,
+  onSearchComplete,
+  toolbarActions,
+  ...props
+}) => {
+  const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
+  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [fitMode, setFitMode] = _react.useState.call(void 0, 
+    "fit-page"
+  );
+  const [zoom, setZoom] = _react.useState.call(void 0, 100);
+  const [viewportWidth, setViewportWidth] = _react.useState.call(void 0, 0);
+  const [viewportHeight, setViewportHeight] = _react.useState.call(void 0, 0);
+  const [isFullScreen, setIsFullScreen] = _react.useState.call(void 0, false);
+  const [imageUrl, setImageUrl] = _react.useState.call(void 0, null);
+  const [pageImages, setPageImages] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
+  const [internalLoading, setInternalLoading] = _react.useState.call(void 0, false);
+  const [imageSize, setImageSize] = _react.useState.call(void 0, null);
+  const viewportRef = _react.useRef.call(void 0, null);
+  const containerRef = _react.useRef.call(void 0, null);
+  const imgRef = _react.useRef.call(void 0, null);
+  const pageLoaderRef = _react.useRef.call(void 0, pageLoader);
+  _react.useEffect.call(void 0, () => {
+    pageLoaderRef.current = pageLoader;
+  }, [pageLoader]);
+  const updatePageImage = _react.useCallback.call(void 0, 
+    (pageData, pageNumber) => {
+      const blob = new Blob([pageData]);
+      const imageUrl2 = URL.createObjectURL(blob);
+      setPageImages((prev) => {
+        const oldUrl = prev.get(pageNumber);
+        if (oldUrl && oldUrl !== imageUrl2) {
+          URL.revokeObjectURL(oldUrl);
+        }
+        return new Map(prev).set(pageNumber, imageUrl2);
+      });
+      setCurrentPage(pageNumber);
+      setImageUrl(imageUrl2);
+    },
+    []
+  );
+  _react.useEffect.call(void 0, () => {
+    const loadInitialPage = async () => {
+      if (pageLoaderRef.current && !pageImages.has(1) && currentPage === 1) {
+        setInternalLoading(true);
+        setError(null);
+        try {
+          const pageData = await pageLoaderRef.current(1);
+          if (pageData) {
+            updatePageImage(pageData, 1);
+          } else {
+            setError("Failed to load page 1");
+          }
+        } catch (err) {
+          const message = err instanceof Error ? err.message : "Unable to load page 1";
+          setError(message);
+          _optionalChain([onError, 'optionalCall', _10 => _10(new Error(message))]);
+        } finally {
+          setInternalLoading(false);
+        }
+      }
+    };
+    loadInitialPage();
+  }, [pageImages, currentPage, updatePageImage, onError]);
+  const handlePageChange = _react.useCallback.call(void 0, 
+    async (newPageNumber) => {
+      if (!pageLoaderRef.current) {
+        console.warn("pageLoader not provided - page navigation disabled");
+        return;
+      }
+      const cachedUrl = pageImages.get(newPageNumber);
+      if (cachedUrl) {
+        setCurrentPage(newPageNumber);
+        setImageUrl(cachedUrl);
+        return;
+      }
+      setInternalLoading(true);
+      setError(null);
+      try {
+        const pageData = await pageLoaderRef.current(newPageNumber);
+        if (pageData) {
+          updatePageImage(pageData, newPageNumber);
+        } else {
+          setError(`Failed to load page ${newPageNumber}`);
+        }
+      } catch (err) {
+        const message = err instanceof Error ? err.message : `Unable to load page ${newPageNumber}`;
+        setError(message);
+        _optionalChain([onError, 'optionalCall', _11 => _11(new Error(message))]);
+      } finally {
+        setInternalLoading(false);
+      }
+    },
+    [pageImages, onError, updatePageImage]
+  );
+  const resolvedFileName = _react.useMemo.call(void 0, 
+    () => fileName || sourceDescription,
+    [fileName, sourceDescription]
+  );
+  const fileExtension = _react.useMemo.call(void 0, 
+    () => _chunkYEPEMLM3js.getFileExtension.call(void 0, resolvedFileName || ""),
+    [resolvedFileName]
+  );
+  const loadImage = _react.useCallback.call(void 0, 
+    async (resetPage = false) => {
+      if (!file && !url) {
+        setImageUrl(null);
+        if (resetPage) setCurrentPage(1);
+        setError(null);
+        return;
+      }
+      setIsLoading(true);
+      setError(null);
+      try {
+        let imageDataUrl;
+        if (file) {
+          imageDataUrl = URL.createObjectURL(file);
+        } else if (url) {
+          imageDataUrl = url;
+        } else {
+          throw new Error("No file or URL provided");
+        }
+        setImageUrl(imageDataUrl);
+        if (resetPage) {
+          setCurrentPage(1);
+          setFitMode("fit-page");
+          setZoom(100);
+        }
+        _optionalChain([onLoad, 'optionalCall', _12 => _12()]);
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Unable to load image file";
+        setError(message);
+        setImageUrl(null);
+        if (resetPage) {
+          setCurrentPage(1);
+          setFitMode("fit-width");
+          setZoom(100);
+        }
+        _optionalChain([onError, 'optionalCall', _13 => _13(new Error(message))]);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [file, url, onLoad, onError]
+  );
+  const [previousFileSource, setPreviousFileSource] = _react.useState.call(void 0, {});
+  _react.useEffect.call(void 0, () => {
+    const currentFileSource = { file, url };
+    const isNewFile = previousFileSource.file !== file || previousFileSource.url !== url;
+    if (isNewFile) {
+      setPreviousFileSource(currentFileSource);
+      void loadImage(true);
+    } else {
+      void loadImage(false);
+    }
+  }, [file, url, loadImage, previousFileSource.file, previousFileSource.url]);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      pageImages.forEach((url2) => {
+        URL.revokeObjectURL(url2);
+      });
+      if (imageUrl && file && !pageImages.has(currentPage)) {
+        URL.revokeObjectURL(imageUrl);
+      }
+    };
+  }, []);
+  const hasImage = !!imageUrl;
+  const hasMultiplePages = totalPages > 1;
+  const MARGIN = 40;
+  const MIN_ZOOM = 25;
+  const MAX_ZOOM = 400;
+  const ZOOM_LEVELS = [25, 50, 75, 100, 125, 150, 200, 300, 400];
+  const calculateFitZoom = _react.useCallback.call(void 0, 
+    (mode) => {
+      if (!imageSize || viewportWidth <= 0) return null;
+      const availableWidth = viewportWidth - MARGIN;
+      if (mode === "fit-width") {
+        const calculatedZoom = Math.round(
+          availableWidth / imageSize.width * 100
+        );
+        return Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, calculatedZoom));
+      }
+      if (mode === "fit-page" && viewportHeight > 0) {
+        const availableHeight = viewportHeight - MARGIN;
+        const scaleW = availableWidth / imageSize.width;
+        const scaleH = availableHeight / imageSize.height;
+        const calculatedZoom = Math.round(Math.min(scaleW, scaleH) * 100);
+        return Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, calculatedZoom));
+      }
+      return null;
+    },
+    [imageSize, viewportWidth, viewportHeight]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!hasImage || !imageSize) return;
+    const newZoom = calculateFitZoom(fitMode);
+    if (newZoom !== null) {
+      setZoom(newZoom);
+    }
+  }, [currentPage, hasImage, imageSize, fitMode, calculateFitZoom]);
+  _react.useEffect.call(void 0, () => {
+    if (typeof window === "undefined" || typeof ResizeObserver === "undefined") {
+      return void 0;
+    }
+    if (!viewportRef.current) {
+      return void 0;
+    }
+    const updateSize = () => {
+      const bounds = _optionalChain([viewportRef, 'access', _14 => _14.current, 'optionalAccess', _15 => _15.getBoundingClientRect, 'call', _16 => _16()]);
+      if (bounds) {
+        setViewportWidth(bounds.width);
+        setViewportHeight(bounds.height);
+      }
+    };
+    updateSize();
+    const observer = new ResizeObserver(updateSize);
+    observer.observe(viewportRef.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  const handleZoomIn = _react.useCallback.call(void 0, () => {
+    setFitMode("zoom");
+    setZoom((value) => {
+      const nextLevel = ZOOM_LEVELS.find((level) => level > value);
+      return nextLevel || MAX_ZOOM;
+    });
+  }, []);
+  const handleZoomOut = _react.useCallback.call(void 0, () => {
+    setFitMode("zoom");
+    setZoom((value) => {
+      const prevLevel = [...ZOOM_LEVELS].reverse().find((level) => level < value);
+      return prevLevel || MIN_ZOOM;
+    });
+  }, []);
+  const handleFitWidth = _react.useCallback.call(void 0, () => {
+    setFitMode("fit-width");
+    const newZoom = calculateFitZoom("fit-width");
+    if (newZoom !== null) {
+      setZoom(newZoom);
+    }
+  }, [calculateFitZoom]);
+  const handleFitPage = _react.useCallback.call(void 0, () => {
+    setFitMode("fit-page");
+    const newZoom = calculateFitZoom("fit-page");
+    if (newZoom !== null) {
+      setZoom(newZoom);
+    }
+  }, [calculateFitZoom]);
+  const handleFirstPage = _react.useCallback.call(void 0, () => {
+    handlePageChange(1);
+  }, [handlePageChange]);
+  const handleLastPage = _react.useCallback.call(void 0, () => {
+    handlePageChange(totalPages);
+  }, [handlePageChange, totalPages]);
+  const handlePreviousPage = _react.useCallback.call(void 0, () => {
+    const newPage = Math.max(currentPage - 1, 1);
+    if (newPage !== currentPage) {
+      handlePageChange(newPage);
+    }
+  }, [currentPage, handlePageChange]);
+  const handleNextPage = _react.useCallback.call(void 0, () => {
+    const newPage = Math.min(currentPage + 1, totalPages);
+    if (newPage !== currentPage) {
+      handlePageChange(newPage);
+    }
+  }, [currentPage, totalPages, handlePageChange]);
+  const handleToggleFullScreen = _react.useCallback.call(void 0, () => {
+    if (!isFullScreen && _optionalChain([containerRef, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.requestFullscreen])) {
+      containerRef.current.requestFullscreen();
+      setIsFullScreen(true);
+    } else if (isFullScreen && document.exitFullscreen) {
+      document.exitFullscreen();
+      setIsFullScreen(false);
+    }
+  }, [isFullScreen]);
+  const toolbar = _chunkEEIQAW55js.mergeToolbarConfig.call(void 0, {
+    showDownload,
+    showPrint,
+    showMetadata,
+    showTags,
+    showProperties,
+    showHistory,
+    onDownloadClick,
+    onPrintClick,
+    onTagsClick,
+    onMetadataClick,
+    onPropertiesClick,
+    onHistoryClick,
+    toolbarActions
+  });
+  const displayScale = zoom;
+  const handleImageLoad = _react.useCallback.call(void 0, 
+    (e) => {
+      const img = e.currentTarget;
+      setImageSize({ width: img.naturalWidth, height: img.naturalHeight });
+      if (!hasImage) {
+        _optionalChain([onLoad, 'optionalCall', _19 => _19()]);
+      }
+    },
+    [hasImage, onLoad]
+  );
+  const renderImage = () => {
+    if (!imageUrl) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", color: "text.secondary", children: "No image available." });
+    }
+    let imgStyle = {
+      display: "block",
+      borderRadius: "4px"
+    };
+    if (imageSize) {
+      const zoomFactor = zoom / 100;
+      const scaledWidth = imageSize.width * zoomFactor;
+      const scaledHeight = imageSize.height * zoomFactor;
+      imgStyle = {
+        ...imgStyle,
+        width: `${scaledWidth}px`,
+        height: `${scaledHeight}px`,
+        maxWidth: "none",
+        maxHeight: "none"
+      };
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Box,
+      {
+        component: "img",
+        ref: imgRef,
+        src: imageUrl,
+        alt: `${resolvedFileName} page ${currentPage}`,
+        onLoad: handleImageLoad,
+        onError: () => {
+          setError("Failed to load image");
+          _optionalChain([onError, 'optionalCall', _20 => _20(new Error("Failed to load image"))]);
+        },
+        sx: {
+          ...imgStyle,
+          boxShadow: 1,
+          backgroundColor: "#fff",
+          margin: "20px"
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Box,
+    {
+      ref: containerRef,
+      className: `tiff-viewer ${className}`,
+      sx: {
+        width,
+        height,
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden",
+        ...style
+      },
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _material.Card,
+        {
+          sx: {
+            height: "100%",
+            width: "100%",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden"
+          },
+          elevation: 1,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.CardHeader,
+              {
+                avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEEIQAW55js.FileIcon_default, { ext: fileExtension, size: 32 }),
+                title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
+                sx: { pb: 1 }
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { sx: { px: 2, pb: 1, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _material.Stack,
+              {
+                direction: "row",
+                spacing: 1,
+                alignItems: "center",
+                flexWrap: "wrap",
+                gap: 1,
+                children: [
+                  hasMultiplePages && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _material.IconButton,
+                      {
+                        size: "small",
+                        onClick: handleFirstPage,
+                        disabled: currentPage === 1,
+                        title: "First Page",
+                        "aria-label": "Go to first page",
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FirstPage2.default, { fontSize: "small" })
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _material.IconButton,
+                      {
+                        size: "small",
+                        onClick: handlePreviousPage,
+                        disabled: currentPage === 1,
+                        title: "Previous Page",
+                        "aria-label": "Go to previous page",
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                      _material.Typography,
+                      {
+                        variant: "body2",
+                        color: "text.secondary",
+                        sx: { minWidth: 100, textAlign: "center" },
+                        children: [
+                          "Page ",
+                          currentPage,
+                          " of ",
+                          totalPages
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _material.IconButton,
+                      {
+                        size: "small",
+                        onClick: handleNextPage,
+                        disabled: currentPage === totalPages,
+                        title: "Next Page",
+                        "aria-label": "Go to next page",
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _material.IconButton,
+                      {
+                        size: "small",
+                        onClick: handleLastPage,
+                        disabled: currentPage === totalPages,
+                        title: "Last Page",
+                        "aria-label": "Go to last page",
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LastPage2.default, { fontSize: "small" })
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 1 } })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: handleZoomOut,
+                      disabled: !hasImage || zoom <= 25,
+                      title: "Zoom Out",
+                      "aria-label": "Zoom out",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomOut2.default, { fontSize: "small" })
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.Typography,
+                    {
+                      variant: "body2",
+                      color: "text.secondary",
+                      sx: { minWidth: 64, textAlign: "center" },
+                      children: hasImage ? `${displayScale}%` : "\u2014"
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: handleZoomIn,
+                      disabled: !hasImage || zoom >= 400,
+                      title: "Zoom In",
+                      "aria-label": "Zoom in",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomIn2.default, { fontSize: "small" })
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: handleFitWidth,
+                      disabled: !hasImage,
+                      title: "Fit to Width",
+                      "aria-label": "Fit to width",
+                      color: fitMode === "fit-width" ? "primary" : "default",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" })
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: handleFitPage,
+                      disabled: !hasImage,
+                      title: "Fit to Page",
+                      "aria-label": "Fit to page",
+                      color: fitMode === "fit-page" ? "primary" : "default",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" })
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 1 } }),
+                  !toolbar.isHidden("download") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("download", onDownloadClick),
+                      disabled: toolbar.isDisabled("download"),
+                      title: toolbar.getLabel("download") || "Download",
+                      "aria-label": "Download TIFF",
+                      children: toolbar.getIcon("download") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
+                    }
+                  ),
+                  !toolbar.isHidden("print") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("print", onPrintClick),
+                      disabled: toolbar.isDisabled("print"),
+                      title: toolbar.getLabel("print") || "Print",
+                      "aria-label": "Print TIFF",
+                      children: toolbar.getIcon("print") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
+                    }
+                  ),
+                  !toolbar.isHidden("fullscreen") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler(
+                        "fullscreen",
+                        handleToggleFullScreen
+                      ),
+                      disabled: toolbar.isDisabled("fullscreen"),
+                      title: toolbar.getLabel("fullscreen") || "Fullscreen",
+                      "aria-label": "Toggle fullscreen",
+                      children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, { fontSize: "small" })
+                    }
+                  ),
+                  !toolbar.isHidden("metadata") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("metadata", onMetadataClick),
+                      disabled: toolbar.isDisabled("metadata"),
+                      title: toolbar.getLabel("metadata") || "Document Metadata",
+                      "aria-label": "View document metadata",
+                      children: toolbar.getIcon("metadata") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
+                    }
+                  ),
+                  !toolbar.isHidden("properties") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("properties", onPropertiesClick),
+                      disabled: toolbar.isDisabled("properties"),
+                      title: toolbar.getLabel("properties") || "Document Properties",
+                      "aria-label": "View document properties",
+                      children: toolbar.getIcon("properties") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
+                    }
+                  ),
+                  !toolbar.isHidden("tags") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("tags", onTagsClick),
+                      disabled: toolbar.isDisabled("tags"),
+                      title: toolbar.getLabel("tags") || "Document Tags",
+                      "aria-label": "View document tags",
+                      children: toolbar.getIcon("tags") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.LocalOffer, { fontSize: "small" })
+                    }
+                  ),
+                  !toolbar.isHidden("history") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("history", onHistoryClick),
+                      disabled: toolbar.isDisabled("history"),
+                      title: toolbar.getLabel("history") || "Document History",
+                      "aria-label": "View document history",
+                      children: toolbar.getIcon("history") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _History2.default, { fontSize: "small" })
+                    }
+                  )
+                ]
+              }
+            ) }),
+            (isLoading || internalLoading) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.LinearProgress, { sx: { mx: 3, mb: 1 } }),
+            error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.CardContent,
+              {
+                sx: {
+                  flexGrow: 1,
+                  flexShrink: 1,
+                  minHeight: 0,
+                  p: 0,
+                  overflow: "hidden",
+                  backgroundColor: "#f6f8fa",
+                  position: "relative"
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _material.Box,
+                  {
+                    ref: viewportRef,
+                    sx: {
+                      position: "absolute",
+                      top: 0,
+                      left: 0,
+                      right: 0,
+                      bottom: 0,
+                      overflow: "auto"
+                    },
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _material.Box,
+                      {
+                        sx: {
+                          minWidth: "100%",
+                          minHeight: "100%",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center"
+                        },
+                        children: renderImage()
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var TIFFViewer = (props) => {
+  const sourceDescription = _react.useMemo.call(void 0, 
+    () => resolveDocumentName(props.file, props.fileName, props.url),
+    [props.file, props.fileName, props.url]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TIFFViewerContent, { ...props, sourceDescription });
+};
+
+
+
+exports.TIFFViewer = TIFFViewer;
+//# sourceMappingURL=chunk-7S4B534E.js.map