@cannymindstech/file-viewers 0.27.1

package/dist/chunk-CIWCHSAA.js

@@ -0,0 +1,309 @@
+"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 _chunkOPJOCUSLjs = require('./chunk-OPJOCUSL.js');
+
+
+
+var _chunkEM63H4SAjs = require('./chunk-EM63H4SA.js');
+
+// src/components/viewers/TextViewer.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_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 _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 LINE_HEIGHT = 24;
+var TextViewer = ({
+  file,
+  url,
+  fileName,
+  className = "",
+  style = {},
+  width = "100%",
+  height = "100%",
+  onLoad,
+  onError,
+  onDownloadClick,
+  onPrintClick,
+  onMetadataClick,
+  onTagsClick,
+  onPropertiesClick,
+  onHistoryClick,
+  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 [content, setContent] = _react.useState.call(void 0, "");
+  const [lines, setLines] = _react.useState.call(void 0, []);
+  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [isFullScreen, setIsFullScreen] = _react.useState.call(void 0, false);
+  const containerRef = _react2.default.useRef(null);
+  const resolvedFileName = _react.useMemo.call(void 0, 
+    () => fileName || _optionalChain([file, 'optionalAccess', _ => _.name]) || (url ? url.split("/").pop() : "text-document"),
+    [fileName, file, url]
+  );
+  const fileExtension = _react.useMemo.call(void 0, 
+    () => _chunkOPJOCUSLjs.getFileExtension.call(void 0, resolvedFileName || ""),
+    [resolvedFileName]
+  );
+  const loadText = _react.useCallback.call(void 0, async () => {
+    if (!file && !url) {
+      setContent("");
+      setLines([]);
+      setError(null);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      let textContent;
+      if (file) {
+        textContent = await file.text();
+      } else {
+        const response = await fetch(url);
+        if (!response.ok) {
+          throw new Error(`Failed to fetch text (${response.status})`);
+        }
+        textContent = await response.text();
+      }
+      setContent(textContent);
+      setLines(textContent.split(/\r?\n/));
+      _optionalChain([onLoad, 'optionalCall', _2 => _2()]);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unable to load text file";
+      setError(message);
+      setContent("");
+      setLines([]);
+      _optionalChain([onError, 'optionalCall', _3 => _3(new Error(message))]);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [file, url, onLoad, onError]);
+  _react.useEffect.call(void 0, () => {
+    void loadText();
+  }, [loadText]);
+  const handleToggleFullScreen = () => {
+    if (!isFullScreen && _optionalChain([containerRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.requestFullscreen])) {
+      containerRef.current.requestFullscreen();
+      setIsFullScreen(true);
+    } else if (isFullScreen && document.exitFullscreen) {
+      document.exitFullscreen();
+      setIsFullScreen(false);
+    }
+  };
+  const toolbar = _chunkEM63H4SAjs.mergeToolbarConfig.call(void 0, {
+    showDownload,
+    showPrint,
+    showMetadata,
+    showTags,
+    showProperties,
+    showHistory,
+    onDownloadClick,
+    onPrintClick,
+    onMetadataClick,
+    onTagsClick,
+    onPropertiesClick,
+    onHistoryClick,
+    toolbarActions
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Box,
+    {
+      ref: containerRef,
+      className: `text-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, _chunkEM63H4SAjs.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: [
+                  !toolbar.isHidden("download") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("download", onDownloadClick),
+                      disabled: toolbar.isDisabled("download"),
+                      "aria-label": "Download text file",
+                      children: toolbar.getIcon("download") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("print") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("print", onPrintClick),
+                      disabled: toolbar.isDisabled("print"),
+                      "aria-label": "Print text file",
+                      children: toolbar.getIcon("print") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("fullscreen") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler(
+                        "fullscreen",
+                        handleToggleFullScreen
+                      ),
+                      disabled: toolbar.isDisabled("fullscreen"),
+                      "aria-label": "Toggle fullscreen",
+                      children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("metadata") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.Tooltip,
+                    {
+                      title: toolbar.getLabel("metadata") || "Document Metadata",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _material.IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler("metadata", onMetadataClick),
+                          disabled: toolbar.isDisabled("metadata"),
+                          "aria-label": "View document metadata",
+                          children: toolbar.getIcon("metadata") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, {})
+                        }
+                      )
+                    }
+                  ),
+                  !toolbar.isHidden("properties") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.Tooltip,
+                    {
+                      title: toolbar.getLabel("properties") || "Document Properties",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _material.IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler(
+                            "properties",
+                            onPropertiesClick
+                          ),
+                          disabled: toolbar.isDisabled("properties"),
+                          "aria-label": "View document properties",
+                          children: toolbar.getIcon("properties") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, {})
+                        }
+                      )
+                    }
+                  ),
+                  !toolbar.isHidden("tags") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("tags") || "Document Tags", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("tags", onTagsClick),
+                      disabled: toolbar.isDisabled("tags"),
+                      "aria-label": "View document tags",
+                      children: toolbar.getIcon("tags") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.LocalOffer, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("history") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.Tooltip,
+                    {
+                      title: toolbar.getLabel("history") || "Document History",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _material.IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler("history", onHistoryClick),
+                          disabled: toolbar.isDisabled("history"),
+                          "aria-label": "View document history",
+                          children: toolbar.getIcon("history") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _History2.default, {})
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                sx: { pb: 1 }
+              }
+            ),
+            isLoading && /* @__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, minHeight: 0, p: 0, overflow: "auto" }, children: content ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  fontFamily: "monospace",
+                  fontSize: "0.85rem",
+                  p: 2,
+                  whiteSpace: "pre"
+                },
+                children: lines.map((line, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _material.Box,
+                  {
+                    sx: {
+                      minHeight: LINE_HEIGHT,
+                      lineHeight: `${LINE_HEIGHT}px`
+                    },
+                    children: line || "\xA0"
+                  },
+                  index
+                ))
+              }
+            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  p: 4,
+                  minHeight: 200
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", color: "text.secondary", children: "No text content available." })
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+};
+
+
+
+exports.TextViewer = TextViewer;
+//# sourceMappingURL=chunk-CIWCHSAA.js.map

package/dist/chunk-CIWCHSAA.js.map

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

package/dist/chunk-D7SDEVDM.js

@@ -0,0 +1,268 @@
+"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 _chunkOPJOCUSLjs = require('./chunk-OPJOCUSL.js');
+
+
+
+var _chunkEM63H4SAjs = require('./chunk-EM63H4SA.js');
+
+// src/components/viewers/DefaultViewer.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_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 _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 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 = true,
+  showPrint = true,
+  showSearch,
+  showMetadata = false,
+  showProperties = false,
+  showTags = true,
+  showHistory = true,
+  onMetadataClick,
+  onTagsClick,
+  onPropertiesClick,
+  onHistoryClick,
+  onPrintClick,
+  onDownloadClick,
+  customRegistry,
+  initialSearchText,
+  initialSearchPages,
+  autoOpenSearch,
+  autoExecuteSearch,
+  onSearchComplete,
+  toolbarActions,
+  ...props
+}) => {
+  const [isFullScreen, setIsFullScreen] = _react2.default.useState(false);
+  const containerRef = _react2.default.useRef(null);
+  const handleToggleFullScreen = () => {
+    if (!isFullScreen && _optionalChain([containerRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.requestFullscreen])) {
+      containerRef.current.requestFullscreen();
+      setIsFullScreen(true);
+    } else if (isFullScreen && document.exitFullscreen) {
+      document.exitFullscreen();
+      setIsFullScreen(false);
+    }
+  };
+  const toolbar = _chunkEM63H4SAjs.mergeToolbarConfig.call(void 0, {
+    ...props,
+    showDownload,
+    showPrint,
+    showMetadata,
+    showTags,
+    showProperties,
+    showHistory,
+    onMetadataClick,
+    onTagsClick,
+    onPropertiesClick,
+    onHistoryClick,
+    onPrintClick,
+    onDownloadClick,
+    toolbarActions
+  });
+  const resolvedFileName = _react.useMemo.call(void 0, 
+    () => fileName || _optionalChain([file, 'optionalAccess', _3 => _3.name]) || (url ? url.split("/").pop() : "unknown-file"),
+    [fileName, file, url]
+  );
+  const fileExtension = _react.useMemo.call(void 0, 
+    () => _chunkOPJOCUSLjs.getFileExtension.call(void 0, resolvedFileName || ""),
+    [resolvedFileName]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Box,
+    {
+      ref: containerRef,
+      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, _chunkEM63H4SAjs.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: [
+                  !toolbar.isHidden("download") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("download", onDownloadClick),
+                      disabled: toolbar.isDisabled("download"),
+                      "aria-label": "Download file",
+                      children: toolbar.getIcon("download") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("print") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("print", onPrintClick),
+                      disabled: toolbar.isDisabled("print"),
+                      "aria-label": "Print file",
+                      children: toolbar.getIcon("print") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("fullscreen") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler(
+                        "fullscreen",
+                        handleToggleFullScreen
+                      ),
+                      disabled: toolbar.isDisabled("fullscreen"),
+                      "aria-label": "Toggle fullscreen",
+                      children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("metadata") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.Tooltip,
+                    {
+                      title: toolbar.getLabel("metadata") || "Document Metadata",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _material.IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler("metadata", onMetadataClick),
+                          disabled: toolbar.isDisabled("metadata"),
+                          "aria-label": "View document metadata",
+                          children: toolbar.getIcon("metadata") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, {})
+                        }
+                      )
+                    }
+                  ),
+                  !toolbar.isHidden("properties") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.Tooltip,
+                    {
+                      title: toolbar.getLabel("properties") || "Document Properties",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _material.IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler(
+                            "properties",
+                            onPropertiesClick
+                          ),
+                          disabled: toolbar.isDisabled("properties"),
+                          "aria-label": "View document properties",
+                          children: toolbar.getIcon("properties") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, {})
+                        }
+                      )
+                    }
+                  ),
+                  " ",
+                  !toolbar.isHidden("tags") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("tags") || "Document Tags", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("tags", onTagsClick),
+                      disabled: toolbar.isDisabled("tags"),
+                      "aria-label": "View document tags",
+                      children: toolbar.getIcon("tags") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.LocalOffer, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("history") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _material.Tooltip,
+                    {
+                      title: toolbar.getLabel("history") || "Document History",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _material.IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler("history", onHistoryClick),
+                          disabled: toolbar.isDisabled("history"),
+                          "aria-label": "View document history",
+                          children: toolbar.getIcon("history") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _History2.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-D7SDEVDM.js.map

package/dist/chunk-D7SDEVDM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-D7SDEVDM.js","../src/components/viewers/DefaultViewer.tsx"],"names":[],"mappings":"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","file":"/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-D7SDEVDM.js","sourcesContent":[null,"import React, { useMemo } from \"react\";\nimport {\n  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  Typography,\n  IconButton,\n  Tooltip,\n  Stack,\n} from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport PrintIcon from \"@mui/icons-material/Print\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport InfoIcon from \"@mui/icons-material/Info\";\nimport DescriptionIcon from \"@mui/icons-material/Description\";\nimport HistoryIcon from \"@mui/icons-material/History\";\nimport { FileViewerProps } from \"../../types\";\nimport { getFileExtension } from \"../../utils/fileUtils\";\nimport { mergeToolbarConfig } from \"../../utils/toolbarUtils\";\nimport FileIcon from \"../FileIcon\";\nimport { LocalOffer } from \"@mui/icons-material\";\n\nexport const DefaultViewer: React.FC<FileViewerProps> = ({\n  file,\n  url,\n  fileName,\n  className = \"\",\n  style = {},\n  width = \"100%\",\n  height = \"100%\",\n  onLoad,\n  onError,\n  // Extract props that shouldn't be passed to DOM elements\n  mimeType,\n  fileSize,\n  showPageCount,\n  showPageNavigation,\n  showZoomControls,\n  showDownload = true,\n  showPrint = true,\n  showSearch,\n  showMetadata = false,\n  showProperties = false,\n  showTags = true,\n  showHistory = true,\n  onMetadataClick,\n  onTagsClick,\n  onPropertiesClick,\n  onHistoryClick,\n  onPrintClick,\n  onDownloadClick,\n  customRegistry,\n  initialSearchText,\n  initialSearchPages,\n  autoOpenSearch,\n  autoExecuteSearch,\n  onSearchComplete,\n  toolbarActions,\n  ...props\n}) => {\n  const [isFullScreen, setIsFullScreen] = React.useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  const handleToggleFullScreen = () => {\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\n      containerRef.current.requestFullscreen();\n      setIsFullScreen(true);\n    } else if (isFullScreen && document.exitFullscreen) {\n      document.exitFullscreen();\n      setIsFullScreen(false);\n    }\n  };\n\n  const toolbar = mergeToolbarConfig({\n    ...props,\n    showDownload,\n    showPrint,\n    showMetadata,\n    showTags,\n    showProperties,\n    showHistory,\n    onMetadataClick,\n    onTagsClick,\n    onPropertiesClick,\n    onHistoryClick,\n    onPrintClick,\n    onDownloadClick,\n    toolbarActions,\n  });\n  const resolvedFileName = useMemo(\n    () =>\n      fileName || file?.name || (url ? url.split(\"/\").pop() : \"unknown-file\"),\n    [fileName, file, url]\n  );\n\n  const fileExtension = useMemo(\n    () => getFileExtension(resolvedFileName || \"\"),\n    [resolvedFileName]\n  );\n\n  return (\n    <Box\n      ref={containerRef}\n      className={`default-viewer ${className}`}\n      sx={{ width, height, ...style }}\n      {...props}\n    >\n      <Card\n        sx={{ height: \"100%\", display: \"flex\", flexDirection: \"column\" }}\n        elevation={1}\n      >\n        <CardHeader\n          avatar={<FileIcon ext={fileExtension} size={32} />}\n          title={\n            <Typography variant=\"subtitle1\" fontWeight={500}>\n              {resolvedFileName}\n            </Typography>\n          }\n          action={\n            <Stack direction=\"row\" spacing={1}>\n              {!toolbar.isHidden(\"download\") && (\n                <Tooltip title={toolbar.getLabel(\"download\") || \"Download\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"download\", onDownloadClick)}\n                    disabled={toolbar.isDisabled(\"download\")}\n                    aria-label=\"Download file\"\n                  >\n                    {toolbar.getIcon(\"download\") || <DownloadIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"print\") && (\n                <Tooltip title={toolbar.getLabel(\"print\") || \"Print\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"print\", onPrintClick)}\n                    disabled={toolbar.isDisabled(\"print\")}\n                    aria-label=\"Print file\"\n                  >\n                    {toolbar.getIcon(\"print\") || <PrintIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"fullscreen\") && (\n                <Tooltip title={toolbar.getLabel(\"fullscreen\") || \"Fullscreen\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\n                      \"fullscreen\",\n                      handleToggleFullScreen\n                    )}\n                    disabled={toolbar.isDisabled(\"fullscreen\")}\n                    aria-label=\"Toggle fullscreen\"\n                  >\n                    {toolbar.getIcon(\"fullscreen\") || <FullscreenIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"metadata\") && (\n                <Tooltip\n                  title={toolbar.getLabel(\"metadata\") || \"Document Metadata\"}\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"metadata\", onMetadataClick)}\n                    disabled={toolbar.isDisabled(\"metadata\")}\n                    aria-label=\"View document metadata\"\n                  >\n                    {toolbar.getIcon(\"metadata\") || <DescriptionIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"properties\") && (\n                <Tooltip\n                  title={\n                    toolbar.getLabel(\"properties\") || \"Document Properties\"\n                  }\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\n                      \"properties\",\n                      onPropertiesClick\n                    )}\n                    disabled={toolbar.isDisabled(\"properties\")}\n                    aria-label=\"View document properties\"\n                  >\n                    {toolbar.getIcon(\"properties\") || <InfoIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}{\" \"}\n              {!toolbar.isHidden(\"tags\") && (\n                <Tooltip title={toolbar.getLabel(\"tags\") || \"Document Tags\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"tags\", onTagsClick)}\n                    disabled={toolbar.isDisabled(\"tags\")}\n                    aria-label=\"View document tags\"\n                  >\n                    {toolbar.getIcon(\"tags\") || <LocalOffer />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"history\") && (\n                <Tooltip\n                  title={toolbar.getLabel(\"history\") || \"Document History\"}\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"history\", onHistoryClick)}\n                    disabled={toolbar.isDisabled(\"history\")}\n                    aria-label=\"View document history\"\n                  >\n                    {toolbar.getIcon(\"history\") || <HistoryIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n            </Stack>\n          }\n          sx={{ pb: 1 }}\n        />\n        <CardContent\n          sx={{\n            flexGrow: 1,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            flexDirection: \"column\",\n            textAlign: \"center\",\n            color: \"#666\",\n          }}\n        >\n          <Typography variant=\"h6\" gutterBottom color=\"text.primary\">\n            File Preview Not Available\n          </Typography>\n          <Box sx={{ mt: 2 }}>\n            <Typography variant=\"body2\">\n              <strong>File:</strong> {resolvedFileName}\n            </Typography>\n            {mimeType && (\n              <Typography variant=\"body2\">\n                <strong>Type:</strong> {mimeType}\n              </Typography>\n            )}\n            {fileSize && (\n              <Typography variant=\"body2\">\n                <strong>Size:</strong> {Math.round(fileSize / 1024)} KB\n              </Typography>\n            )}\n            <Typography variant=\"body2\" sx={{ mt: 2 }}>\n              This file type is not supported for preview.\n            </Typography>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              You can download the file using the button above.\n            </Typography>\n          </Box>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"]}