@cannyminds/dms-file-viewers 0.2.0 → 0.4.0

package/dist/{chunk-FZYMVHF6.mjs → chunk-4DJJINTB.mjs}

@@ -5,9 +5,11 @@ import {
 } from "./chunk-QQDQJ7TS.mjs";
 
 // src/components/viewers/AudioViewer.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Box, Card, CardContent, CardHeader, LinearProgress, Typography, IconButton, Tooltip } from "@mui/material";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Box, Card, CardContent, CardHeader, LinearProgress, Typography, IconButton, Tooltip, Stack } from "@mui/material";
 import DownloadIcon from "@mui/icons-material/Download";
+import InfoIcon from "@mui/icons-material/Info";
+import DescriptionIcon from "@mui/icons-material/Description";
 import { jsx, jsxs } from "react/jsx-runtime";
 var AudioViewer = ({
   file,
@@ -20,21 +22,26 @@ var AudioViewer = ({
   onLoad,
   onError,
   onDownloadClick,
-  // Filter out props that shouldn't be passed to DOM
-  mimeType: _mimeType,
-  fileSize: _fileSize,
-  showPageCount: _showPageCount,
-  showPageNavigation: _showPageNavigation,
-  showZoomControls: _showZoomControls,
-  showDownload: _showDownload,
-  showPrint: _showPrint,
-  showSearch: _showSearch,
-  showMetadata: _showMetadata,
-  showProperties: _showProperties,
-  onMetadataClick: _onMetadataClick,
-  onPropertiesClick: _onPropertiesClick,
-  onPrintClick: _onPrintClick,
-  customRegistry: _customRegistry,
+  onMetadataClick,
+  onPropertiesClick,
+  showMetadata = true,
+  showProperties = true,
+  // Extract props that shouldn't be passed to DOM elements
+  mimeType,
+  fileSize,
+  showPageCount,
+  showPageNavigation,
+  showZoomControls,
+  showDownload,
+  showPrint,
+  showSearch,
+  onPrintClick,
+  customRegistry,
+  initialSearchText,
+  initialSearchPages,
+  autoOpenSearch,
+  autoExecuteSearch,
+  onSearchComplete,
   ...props
 }) => {
   const audioRef = useRef(null);
@@ -84,35 +91,6 @@ var AudioViewer = ({
     () => getFileExtension(resolvedFileName || ""),
     [resolvedFileName]
   );
-  const handleDownload = useCallback(async () => {
-    if (!file && !url) return;
-    try {
-      let blob;
-      let filename = resolvedFileName || "audio.mp3";
-      if (file) {
-        blob = file;
-        filename = file.name;
-      } else if (url) {
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`Failed to fetch audio (${response.status})`);
-        }
-        blob = await response.blob();
-      } else {
-        return;
-      }
-      const downloadUrl = URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = downloadUrl;
-      link.download = filename;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      URL.revokeObjectURL(downloadUrl);
-    } catch (err) {
-      onError?.(err instanceof Error ? err : new Error("Download failed"));
-    }
-  }, [file, url, resolvedFileName, onError]);
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -125,14 +103,35 @@ var AudioViewer = ({
           {
             avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
             title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
-            action: /* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                size: "small",
-                onClick: onDownloadClick,
-                children: /* @__PURE__ */ jsx(DownloadIcon, {})
-              }
-            ) }),
+            action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+              /* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onDownloadClick,
+                  "aria-label": "Download audio",
+                  children: /* @__PURE__ */ jsx(DownloadIcon, {})
+                }
+              ) }),
+              showMetadata && /* @__PURE__ */ jsx(Tooltip, { title: "Document Metadata", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onMetadataClick,
+                  "aria-label": "View document metadata",
+                  children: /* @__PURE__ */ jsx(InfoIcon, {})
+                }
+              ) }),
+              showProperties && /* @__PURE__ */ jsx(Tooltip, { title: "Document Properties", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onPropertiesClick,
+                  "aria-label": "View document properties",
+                  children: /* @__PURE__ */ jsx(DescriptionIcon, {})
+                }
+              ) })
+            ] }),
             sx: { pb: 1.5 }
           }
         ),
@@ -156,4 +155,4 @@ var AudioViewer = ({
 export {
   AudioViewer
 };
-//# sourceMappingURL=chunk-FZYMVHF6.mjs.map
+//# sourceMappingURL=chunk-4DJJINTB.mjs.map

package/dist/chunk-4DJJINTB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/AudioViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { Box, Card, CardContent, CardHeader, LinearProgress, Typography, IconButton, Tooltip, Stack } from '@mui/material';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\nimport { FileViewerProps } from '../../types';\r\nimport { getFileExtension } from '../../utils/fileUtils';\r\nimport FileIcon from '../FileIcon';\r\n\r\nexport const AudioViewer: React.FC<FileViewerProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  className = '',\r\n  style = {},\r\n  width = '100%',\r\n  height = '100%',\r\n  onLoad,\r\n  onError,\r\n  onDownloadClick,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n  showMetadata = true,\r\n  showProperties = true,\r\n  // Extract props that shouldn't be passed to DOM elements\r\n  mimeType,\r\n  fileSize,\r\n  showPageCount,\r\n  showPageNavigation,\r\n  showZoomControls,\r\n  showDownload,\r\n  showPrint,\r\n  showSearch,\r\n  onPrintClick,\r\n  customRegistry,\r\n  initialSearchText,\r\n  initialSearchPages,\r\n  autoOpenSearch,\r\n  autoExecuteSearch,\r\n  onSearchComplete,\r\n  ...props\r\n}) => {\r\n  const audioRef = useRef<HTMLAudioElement | null>(null);\r\n  const [objectUrl, setObjectUrl] = useState<string | null>(null);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  useEffect(() => {\r\n    let urlValue: string | null = null;\r\n\r\n    if (file) {\r\n      setIsLoading(true);\r\n      urlValue = URL.createObjectURL(file);\r\n    } else if (url) {\r\n      urlValue = url;\r\n    }\r\n\r\n    setObjectUrl(urlValue);\r\n    setError(null);\r\n\r\n    return () => {\r\n      if (urlValue && file) {\r\n        URL.revokeObjectURL(urlValue);\r\n      }\r\n    };\r\n  }, [file, url]);\r\n\r\n  useEffect(() => {\r\n    if (!audioRef.current) {\r\n      return;\r\n    }\r\n\r\n    const handleLoadedMetadata = () => {\r\n      setIsLoading(false);\r\n      onLoad?.();\r\n    };\r\n\r\n    const handleError = () => {\r\n      const message = 'Failed to load audio resource';\r\n      setIsLoading(false);\r\n      setError(message);\r\n      onError?.(new Error(message));\r\n    };\r\n\r\n    const element = audioRef.current;\r\n    element.addEventListener('loadedmetadata', handleLoadedMetadata);\r\n    element.addEventListener('error', handleError);\r\n\r\n    return () => {\r\n      element.removeEventListener('loadedmetadata', handleLoadedMetadata);\r\n      element.removeEventListener('error', handleError);\r\n    };\r\n  }, [onLoad, onError, objectUrl]);\r\n\r\n  const resolvedFileName = useMemo(() => fileName || file?.name || (url ? url.split('/').pop() : 'audio'), [fileName, file, url]);\r\n\r\n  const fileExtension = useMemo(\r\n    () => getFileExtension(resolvedFileName || ''),\r\n    [resolvedFileName]\r\n  );\r\n\r\n  return (\r\n    <Box\r\n      className={`audio-viewer ${className}`}\r\n      sx={{ width, height, ...style }}\r\n      {...props}\r\n    >\r\n      <Card sx={{ height: '100%', display: 'flex', flexDirection: 'column' }} elevation={1}>\r\n        <CardHeader\r\n          avatar={<FileIcon ext={fileExtension} size={32} />}\r\n          title={\r\n            <Typography variant=\"subtitle1\" fontWeight={500}>\r\n              {resolvedFileName}\r\n            </Typography>\r\n          }\r\n          action={\r\n            <Stack direction=\"row\" spacing={1}>\r\n              <Tooltip title=\"Download\">\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={onDownloadClick}\r\n                  aria-label=\"Download audio\"\r\n                >\r\n                  <DownloadIcon />\r\n                </IconButton>\r\n              </Tooltip>\r\n              {showMetadata && (\r\n                <Tooltip title=\"Document Metadata\">\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={onMetadataClick}\r\n                    aria-label=\"View document metadata\"\r\n                  >\r\n                    <InfoIcon />\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {showProperties && (\r\n                <Tooltip title=\"Document Properties\">\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={onPropertiesClick}\r\n                    aria-label=\"View document properties\"\r\n                  >\r\n                    <DescriptionIcon />\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n            </Stack>\r\n          }\r\n          sx={{ pb: 1.5 }}\r\n        />\r\n        {isLoading && (\r\n          <LinearProgress sx={{ mx: 3, mb: 2 }} />\r\n        )}\r\n        {error && (\r\n          <Typography color=\"error\" variant=\"body2\" sx={{ px: 3, pb: 1 }}>\r\n            {error}\r\n          </Typography>\r\n        )}\r\n        <CardContent sx={{ flexGrow: 1, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\r\n          {objectUrl ? (\r\n            <audio\r\n              ref={audioRef}\r\n              controls\r\n              controlsList=\"nodownload\"\r\n              style={{ width: '100%' }}\r\n              src={objectUrl}\r\n            />\r\n          ) : (\r\n            <Typography variant=\"body2\" color=\"text.secondary\">\r\n              No audio source provided.\r\n            </Typography>\r\n          )}\r\n        </CardContent>\r\n      </Card>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/chunk-677DWENS.mjs

@@ -0,0 +1,133 @@
+"use client";
+import {
+  FileIcon_default,
+  getFileExtension
+} from "./chunk-QQDQJ7TS.mjs";
+
+// src/components/viewers/DefaultViewer.tsx
+import { useMemo } from "react";
+import { Box, Card, CardContent, CardHeader, Typography, IconButton, Tooltip, Stack } from "@mui/material";
+import DownloadIcon from "@mui/icons-material/Download";
+import InfoIcon from "@mui/icons-material/Info";
+import DescriptionIcon from "@mui/icons-material/Description";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DefaultViewer = ({
+  file,
+  url,
+  fileName,
+  className = "",
+  style = {},
+  width = "100%",
+  height = "100%",
+  onLoad,
+  onError,
+  // Extract props that shouldn't be passed to DOM elements
+  mimeType,
+  fileSize,
+  showPageCount,
+  showPageNavigation,
+  showZoomControls,
+  showDownload,
+  showPrint,
+  showSearch,
+  showMetadata,
+  showProperties,
+  onMetadataClick,
+  onPropertiesClick,
+  onPrintClick,
+  onDownloadClick,
+  customRegistry,
+  ...props
+}) => {
+  const resolvedFileName = useMemo(
+    () => fileName || file?.name || (url ? url.split("/").pop() : "unknown-file"),
+    [fileName, file, url]
+  );
+  const fileExtension = useMemo(
+    () => getFileExtension(resolvedFileName || ""),
+    [resolvedFileName]
+  );
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: `default-viewer ${className}`,
+      sx: { width, height, ...style },
+      ...props,
+      children: /* @__PURE__ */ jsxs(Card, { sx: { height: "100%", display: "flex", flexDirection: "column" }, elevation: 1, children: [
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
+            title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
+            action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+              /* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onDownloadClick,
+                  "aria-label": "Download file",
+                  children: /* @__PURE__ */ jsx(DownloadIcon, {})
+                }
+              ) }),
+              showMetadata && /* @__PURE__ */ jsx(Tooltip, { title: "Document Metadata", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onMetadataClick,
+                  "aria-label": "View document metadata",
+                  children: /* @__PURE__ */ jsx(InfoIcon, {})
+                }
+              ) }),
+              showProperties && /* @__PURE__ */ jsx(Tooltip, { title: "Document Properties", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onPropertiesClick,
+                  "aria-label": "View document properties",
+                  children: /* @__PURE__ */ jsx(DescriptionIcon, {})
+                }
+              ) })
+            ] }),
+            sx: { pb: 1 }
+          }
+        ),
+        /* @__PURE__ */ jsxs(CardContent, { sx: {
+          flexGrow: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexDirection: "column",
+          textAlign: "center",
+          color: "#666"
+        }, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, color: "text.primary", children: "File Preview Not Available" }),
+          /* @__PURE__ */ jsxs(Box, { sx: { mt: 2 }, children: [
+            /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+              /* @__PURE__ */ jsx("strong", { children: "File:" }),
+              " ",
+              resolvedFileName
+            ] }),
+            mimeType && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+              /* @__PURE__ */ jsx("strong", { children: "Type:" }),
+              " ",
+              mimeType
+            ] }),
+            fileSize && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+              /* @__PURE__ */ jsx("strong", { children: "Size:" }),
+              " ",
+              Math.round(fileSize / 1024),
+              " KB"
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 2 }, children: "This file type is not supported for preview." }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "You can download the file using the button above." })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+
+export {
+  DefaultViewer
+};
+//# sourceMappingURL=chunk-677DWENS.mjs.map

package/dist/chunk-677DWENS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/DefaultViewer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Box, Card, CardContent, CardHeader, Typography, IconButton, Tooltip, Stack } from '@mui/material';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\nimport { FileViewerProps } from '../../types';\r\nimport { getFileExtension } from '../../utils/fileUtils';\r\nimport FileIcon from '../FileIcon';\r\n\r\nexport const DefaultViewer: React.FC<FileViewerProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  className = '',\r\n  style = {},\r\n  width = '100%',\r\n  height = '100%',\r\n  onLoad,\r\n  onError,\r\n  // Extract props that shouldn't be passed to DOM elements\r\n  mimeType,\r\n  fileSize,\r\n  showPageCount,\r\n  showPageNavigation,\r\n  showZoomControls,\r\n  showDownload,\r\n  showPrint,\r\n  showSearch,\r\n  showMetadata,\r\n  showProperties,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n  onPrintClick,\r\n  onDownloadClick,\r\n  customRegistry,\r\n  ...props\r\n}) => {\r\n  const resolvedFileName = useMemo(\r\n    () => fileName || file?.name || (url ? url.split('/').pop() : 'unknown-file'),\r\n    [fileName, file, url]\r\n  );\r\n\r\n  const fileExtension = useMemo(\r\n    () => getFileExtension(resolvedFileName || ''),\r\n    [resolvedFileName]\r\n  );\r\n\r\n  return (\r\n    <Box\r\n      className={`default-viewer ${className}`}\r\n      sx={{ width, height, ...style }}\r\n      {...props}\r\n    >\r\n      <Card sx={{ height: '100%', display: 'flex', flexDirection: 'column' }} elevation={1}>\r\n        <CardHeader\r\n          avatar={<FileIcon ext={fileExtension} size={32} />}\r\n          title={\r\n            <Typography variant=\"subtitle1\" fontWeight={500}>\r\n              {resolvedFileName}\r\n            </Typography>\r\n          }\r\n          action={\r\n            <Stack direction=\"row\" spacing={1}>\r\n              <Tooltip title=\"Download\">\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={onDownloadClick}\r\n                  aria-label=\"Download file\"\r\n                >\r\n                  <DownloadIcon />\r\n                </IconButton>\r\n              </Tooltip>\r\n              {showMetadata && (\r\n                <Tooltip title=\"Document Metadata\">\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={onMetadataClick}\r\n                    aria-label=\"View document metadata\"\r\n                  >\r\n                    <InfoIcon />\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {showProperties && (\r\n                <Tooltip title=\"Document Properties\">\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={onPropertiesClick}\r\n                    aria-label=\"View document properties\"\r\n                  >\r\n                    <DescriptionIcon />\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n            </Stack>\r\n          }\r\n          sx={{ pb: 1 }}\r\n        />\r\n        <CardContent sx={{\r\n          flexGrow: 1,\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n          flexDirection: 'column',\r\n          textAlign: 'center',\r\n          color: '#666'\r\n        }}>\r\n          <Typography variant=\"h6\" gutterBottom color=\"text.primary\">\r\n            File Preview Not Available\r\n          </Typography>\r\n          <Box sx={{ mt: 2 }}>\r\n            <Typography variant=\"body2\"><strong>File:</strong> {resolvedFileName}</Typography>\r\n            {mimeType && <Typography variant=\"body2\"><strong>Type:</strong> {mimeType}</Typography>}\r\n            {fileSize && <Typography variant=\"body2\"><strong>Size:</strong> {Math.round(fileSize / 1024)} KB</Typography>}\r\n            <Typography variant=\"body2\" sx={{ mt: 2 }}>\r\n              This file type is not supported for preview.\r\n            </Typography>\r\n            <Typography variant=\"body2\" color=\"text.secondary\">\r\n              You can download the file using the button above.\r\n            </Typography>\r\n          </Box>\r\n        </CardContent>\r\n      </Card>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/chunk-77UARJVQ.js

@@ -0,0 +1,133 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkRE4XRGSVjs = require('./chunk-RE4XRGSV.js');
+
+// src/components/viewers/DefaultViewer.tsx
+var _react = require('react');
+var _material = require('@mui/material');
+var _Download = require('@mui/icons-material/Download'); var _Download2 = _interopRequireDefault(_Download);
+var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
+var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
+var _jsxruntime = require('react/jsx-runtime');
+var DefaultViewer = ({
+  file,
+  url,
+  fileName,
+  className = "",
+  style = {},
+  width = "100%",
+  height = "100%",
+  onLoad,
+  onError,
+  // Extract props that shouldn't be passed to DOM elements
+  mimeType,
+  fileSize,
+  showPageCount,
+  showPageNavigation,
+  showZoomControls,
+  showDownload,
+  showPrint,
+  showSearch,
+  showMetadata,
+  showProperties,
+  onMetadataClick,
+  onPropertiesClick,
+  onPrintClick,
+  onDownloadClick,
+  customRegistry,
+  ...props
+}) => {
+  const resolvedFileName = _react.useMemo.call(void 0, 
+    () => fileName || _optionalChain([file, 'optionalAccess', _ => _.name]) || (url ? url.split("/").pop() : "unknown-file"),
+    [fileName, file, url]
+  );
+  const fileExtension = _react.useMemo.call(void 0, 
+    () => _chunkRE4XRGSVjs.getFileExtension.call(void 0, resolvedFileName || ""),
+    [resolvedFileName]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Box,
+    {
+      className: `default-viewer ${className}`,
+      sx: { width, height, ...style },
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Card, { sx: { height: "100%", display: "flex", flexDirection: "column" }, elevation: 1, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.CardHeader,
+          {
+            avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRE4XRGSVjs.FileIcon_default, { ext: fileExtension, size: 32 }),
+            title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
+            action: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { direction: "row", spacing: 1, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.IconButton,
+                {
+                  size: "small",
+                  onClick: onDownloadClick,
+                  "aria-label": "Download file",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
+                }
+              ) }),
+              showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Document Metadata", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.IconButton,
+                {
+                  size: "small",
+                  onClick: onMetadataClick,
+                  "aria-label": "View document metadata",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, {})
+                }
+              ) }),
+              showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Document Properties", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.IconButton,
+                {
+                  size: "small",
+                  onClick: onPropertiesClick,
+                  "aria-label": "View document properties",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, {})
+                }
+              ) })
+            ] }),
+            sx: { pb: 1 }
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.CardContent, { sx: {
+          flexGrow: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexDirection: "column",
+          textAlign: "center",
+          color: "#666"
+        }, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h6", gutterBottom: true, color: "text.primary", children: "File Preview Not Available" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { mt: 2 }, children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "File:" }),
+              " ",
+              resolvedFileName
+            ] }),
+            mimeType && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "Type:" }),
+              " ",
+              mimeType
+            ] }),
+            fileSize && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Typography, { variant: "body2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "Size:" }),
+              " ",
+              Math.round(fileSize / 1024),
+              " KB"
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", sx: { mt: 2 }, children: "This file type is not supported for preview." }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", color: "text.secondary", children: "You can download the file using the button above." })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+
+
+
+exports.DefaultViewer = DefaultViewer;
+//# sourceMappingURL=chunk-77UARJVQ.js.map

package/dist/chunk-77UARJVQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["d:\\Projects\\DMS-File-Viewers\\packages\\lib\\dist\\chunk-77UARJVQ.js"],"names":[],"mappings":"AAAA,yrBAAY;AACZ;AACE;AACA;AACF,sDAA4B;AAC5B;AACA;AACA,8BAA+B;AAC/B,yCAA0G;AAC1G,4GAAuD;AACvD,4FAA+C;AAC/C,wHAA6D;AAC7D,+CAA6C;AAC7C,IAAI,cAAc,EAAE,CAAC;AACrB,EAAE,IAAI;AACN,EAAE,GAAG;AACL,EAAE,QAAQ;AACV,EAAE,UAAU,EAAE,EAAE;AAChB,EAAE,MAAM,EAAE,CAAC,CAAC;AACZ,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE,MAAM;AACR,EAAE,OAAO;AACT;AACA,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,kBAAkB;AACpB,EAAE,gBAAgB;AAClB,EAAE,YAAY;AACd,EAAE,SAAS;AACX,EAAE,UAAU;AACZ,EAAE,YAAY;AACd,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,iBAAiB;AACnB,EAAE,YAAY;AACd,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE,GAAG;AACL,CAAC,EAAE,GAAG;AACN,EAAE,MAAM,iBAAiB,EAAE,4BAAO;AAClC,IAAI,CAAC,EAAE,GAAG,SAAS,mBAAG,IAAI,2BAAE,OAAK,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC;AACjF,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,GAAG;AACxB,EAAE,CAAC;AACH,EAAE,MAAM,cAAc,EAAE,4BAAO;AAC/B,IAAI,CAAC,EAAE,GAAG,+CAAgB,iBAAkB,GAAG,EAAE,CAAC;AAClD,IAAI,CAAC,gBAAgB;AACrB,EAAE,CAAC;AACH,EAAE,uBAAuB,6BAAG;AAC5B,IAAI,aAAG;AACP,IAAI;AACJ,MAAM,SAAS,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,wBAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,8BAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,wBAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,0BAAA;AACA,0BAAA;AACA,4BAAA;AACA,8BAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,8BAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,8BAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,4BAAA;AACA,4BAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA","file":"D:\\Projects\\DMS-File-Viewers\\packages\\lib\\dist\\chunk-77UARJVQ.js","sourcesContent":[null]}

package/dist/{chunk-LKBM4O47.mjs → chunk-7BLEPGZ4.mjs}

@@ -24,7 +24,8 @@ import {
   Tooltip
 } from "@mui/material";
 import DownloadIcon from "@mui/icons-material/Download";
-import { FixedSizeList as List } from "react-window";
+import InfoIcon from "@mui/icons-material/Info";
+import DescriptionIcon from "@mui/icons-material/Description";
 import { jsx, jsxs } from "react/jsx-runtime";
 var LINE_HEIGHT = 24;
 var TextViewer = ({
@@ -38,21 +39,26 @@ var TextViewer = ({
   onLoad,
   onError,
   onDownloadClick,
-  // Filter out props that shouldn't be passed to DOM
-  mimeType: _mimeType,
-  fileSize: _fileSize,
-  showPageCount: _showPageCount,
-  showPageNavigation: _showPageNavigation,
-  showZoomControls: _showZoomControls,
-  showDownload: _showDownload,
-  showPrint: _showPrint,
-  showSearch: _showSearch,
-  showMetadata: _showMetadata,
-  showProperties: _showProperties,
-  onMetadataClick: _onMetadataClick,
-  onPropertiesClick: _onPropertiesClick,
-  onPrintClick: _onPrintClick,
-  customRegistry: _customRegistry,
+  onMetadataClick,
+  onPropertiesClick,
+  showMetadata = true,
+  showProperties = true,
+  // Extract props that shouldn't be passed to DOM elements
+  mimeType,
+  fileSize,
+  showPageCount,
+  showPageNavigation,
+  showZoomControls,
+  showDownload,
+  showPrint,
+  showSearch,
+  onPrintClick,
+  customRegistry,
+  initialSearchText,
+  initialSearchPages,
+  autoOpenSearch,
+  autoExecuteSearch,
+  onSearchComplete,
   ...props
 }) => {
   const [content, setContent] = useState("");
@@ -103,33 +109,6 @@ var TextViewer = ({
   useEffect(() => {
     void loadText();
   }, [loadText]);
-  const handleDownload = useCallback(() => {
-    if (!content) return;
-    const blob = new Blob([content], { type: "text/plain" });
-    const url2 = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url2;
-    link.download = resolvedFileName || "document.txt";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url2);
-  }, [content, resolvedFileName]);
-  const Row = useCallback(({ index, style: rowStyle }) => /* @__PURE__ */ jsx(
-    Box,
-    {
-      style: rowStyle,
-      sx: {
-        px: 2,
-        display: "flex",
-        alignItems: "center",
-        whiteSpace: "pre",
-        fontFamily: "monospace",
-        fontSize: "0.85rem"
-      },
-      children: lines[index] || "\xA0"
-    }
-  ), [lines]);
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -142,30 +121,57 @@ var TextViewer = ({
           {
             avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
             title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
-            action: /* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                size: "small",
-                onClick: onDownloadClick,
-                children: /* @__PURE__ */ jsx(DownloadIcon, {})
-              }
-            ) }),
+            action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+              /* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onDownloadClick,
+                  "aria-label": "Download text file",
+                  children: /* @__PURE__ */ jsx(DownloadIcon, {})
+                }
+              ) }),
+              showMetadata && /* @__PURE__ */ jsx(Tooltip, { title: "Document Metadata", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onMetadataClick,
+                  "aria-label": "View document metadata",
+                  children: /* @__PURE__ */ jsx(InfoIcon, {})
+                }
+              ) }),
+              showProperties && /* @__PURE__ */ jsx(Tooltip, { title: "Document Properties", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onPropertiesClick,
+                  "aria-label": "View document properties",
+                  children: /* @__PURE__ */ jsx(DescriptionIcon, {})
+                }
+              ) })
+            ] }),
             sx: { pb: 1 }
           }
         ),
         isLoading && /* @__PURE__ */ jsx(LinearProgress, { sx: { mx: 3, mb: 1 } }),
         error && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
         /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsx(CardContent, { sx: { flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column", p: 0 }, children: content ? /* @__PURE__ */ jsx(Stack, { sx: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsx(
-          List,
+        /* @__PURE__ */ jsx(CardContent, { sx: { flexGrow: 1, minHeight: 0, p: 0, overflow: "auto" }, children: content ? /* @__PURE__ */ jsx(Box, { sx: {
+          fontFamily: "monospace",
+          fontSize: "0.85rem",
+          p: 2,
+          whiteSpace: "pre"
+        }, children: lines.map((line, index) => /* @__PURE__ */ jsx(
+          Box,
           {
-            height: typeof height === "number" ? height - 140 : 520,
-            itemCount: lines.length,
-            itemSize: LINE_HEIGHT,
-            width: "100%",
-            children: Row
-          }
-        ) }) : /* @__PURE__ */ jsx(Box, { sx: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", p: 4 }, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No text content available." }) }) })
+            sx: {
+              minHeight: LINE_HEIGHT,
+              lineHeight: `${LINE_HEIGHT}px`
+            },
+            children: line || "\xA0"
+          },
+          index
+        )) }) : /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", p: 4, minHeight: 200 }, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No text content available." }) }) })
       ] })
     }
   );
@@ -174,4 +180,4 @@ var TextViewer = ({
 export {
   TextViewer
 };
-//# sourceMappingURL=chunk-LKBM4O47.mjs.map
+//# sourceMappingURL=chunk-7BLEPGZ4.mjs.map

package/dist/chunk-7BLEPGZ4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/TextViewer.tsx"],"sourcesContent":["import React, {\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useState\r\n} from 'react';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Card,\r\n  CardContent,\r\n  CardHeader,\r\n  Divider,\r\n  LinearProgress,\r\n  Stack,\r\n  Typography,\r\n  IconButton,\r\n  Tooltip\r\n} from '@mui/material';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\nimport { FileViewerProps } from '../../types';\r\nimport { getFileExtension } from '../../utils/fileUtils';\r\nimport FileIcon from '../FileIcon';\r\n\r\nconst LINE_HEIGHT = 24;\r\n\r\nexport const TextViewer: React.FC<FileViewerProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  className = '',\r\n  style = {},\r\n  width = '100%',\r\n  height = '100%',\r\n  onLoad,\r\n  onError,\r\n  onDownloadClick,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n  showMetadata = true,\r\n  showProperties = true,\r\n  // Extract props that shouldn't be passed to DOM elements\r\n  mimeType,\r\n  fileSize,\r\n  showPageCount,\r\n  showPageNavigation,\r\n  showZoomControls,\r\n  showDownload,\r\n  showPrint,\r\n  showSearch,\r\n  onPrintClick,\r\n  customRegistry,\r\n  initialSearchText,\r\n  initialSearchPages,\r\n  autoOpenSearch,\r\n  autoExecuteSearch,\r\n  onSearchComplete,\r\n  ...props\r\n}) => {\r\n  const [content, setContent] = useState<string>('');\r\n  const [lines, setLines] = useState<string[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const resolvedFileName = useMemo(\r\n    () => fileName || file?.name || (url ? url.split('/').pop() : 'text-document'),\r\n    [fileName, file, url]\r\n  );\r\n\r\n  const fileExtension = useMemo(\r\n    () => getFileExtension(resolvedFileName || ''),\r\n    [resolvedFileName]\r\n  );\r\n\r\n  const loadText = useCallback(async () => {\r\n    if (!file && !url) {\r\n      setContent('');\r\n      setLines([]);\r\n      setError(null);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    setError(null);\r\n\r\n    try {\r\n      let textContent: string;\r\n      if (file) {\r\n        textContent = await file.text();\r\n      } else {\r\n        const response = await fetch(url!);\r\n        if (!response.ok) {\r\n          throw new Error(`Failed to fetch text (${response.status})`);\r\n        }\r\n        textContent = await response.text();\r\n      }\r\n\r\n      setContent(textContent);\r\n      setLines(textContent.split(/\\r?\\n/));\r\n      onLoad?.();\r\n    } catch (err) {\r\n      const message = err instanceof Error ? err.message : 'Unable to load text file';\r\n      setError(message);\r\n      setContent('');\r\n      setLines([]);\r\n      onError?.(new Error(message));\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  }, [file, url, onLoad, onError]);\r\n\r\n  useEffect(() => {\r\n    void loadText();\r\n  }, [loadText]);\r\n\r\n  return (\r\n    <Box\r\n      className={`text-viewer ${className}`}\r\n      sx={{ width, height, ...style }}\r\n      {...props}\r\n    >\r\n      <Card sx={{ height: '100%', display: 'flex', flexDirection: 'column' }} elevation={1}>\r\n        <CardHeader\r\n          avatar={<FileIcon ext={fileExtension} size={32} />}\r\n          title={\r\n            <Typography variant=\"subtitle1\" fontWeight={500}>\r\n              {resolvedFileName}\r\n            </Typography>\r\n          }\r\n          action={\r\n            <Stack direction=\"row\" spacing={1}>\r\n              <Tooltip title=\"Download\">\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={onDownloadClick}\r\n                  aria-label=\"Download text file\"\r\n                >\r\n                  <DownloadIcon />\r\n                </IconButton>\r\n              </Tooltip>\r\n              {showMetadata && (\r\n                <Tooltip title=\"Document Metadata\">\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={onMetadataClick}\r\n                    aria-label=\"View document metadata\"\r\n                  >\r\n                    <InfoIcon />\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {showProperties && (\r\n                <Tooltip title=\"Document Properties\">\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={onPropertiesClick}\r\n                    aria-label=\"View document properties\"\r\n                  >\r\n                    <DescriptionIcon />\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n            </Stack>\r\n          }\r\n          sx={{ pb: 1 }}\r\n        />\r\n        {isLoading && <LinearProgress sx={{ mx: 3, mb: 1 }} />}\r\n        {error && (\r\n          <Typography color=\"error\" variant=\"body2\" sx={{ px: 3, pb: 1 }}>\r\n            {error}\r\n          </Typography>\r\n        )}\r\n        <Divider />\r\n        <CardContent sx={{ flexGrow: 1, minHeight: 0, p: 0, overflow: 'auto' }}>\r\n          {content ? (\r\n            <Box sx={{ \r\n              fontFamily: 'monospace', \r\n              fontSize: '0.85rem',\r\n              p: 2,\r\n              whiteSpace: 'pre'\r\n            }}>\r\n              {lines.map((line, index) => (\r\n                <Box\r\n                  key={index}\r\n                  sx={{\r\n                    minHeight: LINE_HEIGHT,\r\n                    lineHeight: `${LINE_HEIGHT}px`\r\n                  }}\r\n                >\r\n                  {line || '\\u00A0'}\r\n                </Box>\r\n              ))}\r\n            </Box>\r\n          ) : (\r\n            <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', p: 4, minHeight: 200 }}>\r\n              <Typography variant=\"body2\" color=\"text.secondary\">\r\n                No text content available.\r\n              </Typography>\r\n            </Box>\r\n          )}\r\n        </CardContent>\r\n      </Card>\r\n    </Box>\r\n  );\r\n};"],"mappings":"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","names":[]}