@cannyminds/dms-file-viewers 0.14.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-42VHR3EK.mjs +714 -0
- package/dist/chunk-42VHR3EK.mjs.map +1 -0
- package/dist/{chunk-J3JKVSAM.js → chunk-AYVTSFZA.js} +2 -1
- package/dist/chunk-AYVTSFZA.js.map +1 -0
- package/dist/chunk-C4L2R2QY.mjs +277 -0
- package/dist/chunk-C4L2R2QY.mjs.map +1 -0
- package/dist/chunk-DBXSX2B6.js +277 -0
- package/dist/chunk-DBXSX2B6.js.map +1 -0
- package/dist/chunk-DPSRGULQ.mjs +247 -0
- package/dist/chunk-DPSRGULQ.mjs.map +1 -0
- package/dist/chunk-FK6RYOAZ.mjs +297 -0
- package/dist/chunk-FK6RYOAZ.mjs.map +1 -0
- package/dist/chunk-FZVXQGA7.mjs +466 -0
- package/dist/chunk-FZVXQGA7.mjs.map +1 -0
- package/dist/chunk-GSRAK2YV.js +266 -0
- package/dist/chunk-GSRAK2YV.js.map +1 -0
- package/dist/chunk-HYRQBGAX.js +466 -0
- package/dist/chunk-HYRQBGAX.js.map +1 -0
- package/dist/chunk-RKDOWWQD.js +247 -0
- package/dist/chunk-RKDOWWQD.js.map +1 -0
- package/dist/chunk-TMAHQICY.mjs +1842 -0
- package/dist/chunk-TMAHQICY.mjs.map +1 -0
- package/dist/chunk-VBJVOB45.mjs +266 -0
- package/dist/chunk-VBJVOB45.mjs.map +1 -0
- package/dist/{chunk-DFBVN4MO.mjs → chunk-WR5SJ3LM.mjs} +2 -1
- package/dist/chunk-WR5SJ3LM.mjs.map +1 -0
- package/dist/chunk-XSXOX4MV.js +297 -0
- package/dist/chunk-XSXOX4MV.js.map +1 -0
- package/dist/chunk-XWWMHRVU.js +1842 -0
- package/dist/chunk-XWWMHRVU.js.map +1 -0
- package/dist/chunk-YU535XRJ.js +714 -0
- package/dist/chunk-YU535XRJ.js.map +1 -0
- package/dist/components/viewers/AudioViewer.d.mts +1 -1
- package/dist/components/viewers/AudioViewer.d.ts +1 -1
- package/dist/components/viewers/AudioViewer.js +3 -3
- package/dist/components/viewers/AudioViewer.mjs +2 -2
- package/dist/components/viewers/DefaultViewer.d.mts +1 -1
- package/dist/components/viewers/DefaultViewer.d.ts +1 -1
- package/dist/components/viewers/DefaultViewer.js +3 -3
- package/dist/components/viewers/DefaultViewer.mjs +2 -2
- package/dist/components/viewers/ImageViewer.d.mts +1 -1
- package/dist/components/viewers/ImageViewer.d.ts +1 -1
- package/dist/components/viewers/ImageViewer.js +3 -3
- package/dist/components/viewers/ImageViewer.mjs +2 -2
- package/dist/components/viewers/PDFViewer.d.mts +1 -1
- package/dist/components/viewers/PDFViewer.d.ts +1 -1
- package/dist/components/viewers/PDFViewer.js +3 -3
- package/dist/components/viewers/PDFViewer.mjs +2 -2
- package/dist/components/viewers/TIFFViewer.d.mts +1 -1
- package/dist/components/viewers/TIFFViewer.d.ts +1 -1
- package/dist/components/viewers/TIFFViewer.js +3 -3
- package/dist/components/viewers/TIFFViewer.mjs +2 -2
- package/dist/components/viewers/TextViewer.d.mts +1 -1
- package/dist/components/viewers/TextViewer.d.ts +1 -1
- package/dist/components/viewers/TextViewer.js +3 -3
- package/dist/components/viewers/TextViewer.mjs +2 -2
- package/dist/components/viewers/VideoViewer.d.mts +1 -1
- package/dist/components/viewers/VideoViewer.d.ts +1 -1
- package/dist/components/viewers/VideoViewer.js +3 -3
- package/dist/components/viewers/VideoViewer.mjs +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +9 -9
- package/dist/index.mjs +8 -8
- package/dist/{types-DNrkDJdK.d.mts → types-DxRCbIFP.d.mts} +4 -2
- package/dist/{types-DNrkDJdK.d.ts → types-DxRCbIFP.d.ts} +4 -2
- package/package.json +1 -1
- package/dist/chunk-7QRYWFCO.js +0 -639
- package/dist/chunk-7QRYWFCO.js.map +0 -1
- package/dist/chunk-7R2KG3PE.mjs +0 -210
- package/dist/chunk-7R2KG3PE.mjs.map +0 -1
- package/dist/chunk-CFYOPDCG.mjs +0 -235
- package/dist/chunk-CFYOPDCG.mjs.map +0 -1
- package/dist/chunk-D74R4IKW.mjs +0 -341
- package/dist/chunk-D74R4IKW.mjs.map +0 -1
- package/dist/chunk-DFBVN4MO.mjs.map +0 -1
- package/dist/chunk-EXZCEYLI.js +0 -247
- package/dist/chunk-EXZCEYLI.js.map +0 -1
- package/dist/chunk-J3JKVSAM.js.map +0 -1
- package/dist/chunk-NXVIRFGL.mjs +0 -247
- package/dist/chunk-NXVIRFGL.mjs.map +0 -1
- package/dist/chunk-P2VNW6OE.mjs +0 -180
- package/dist/chunk-P2VNW6OE.mjs.map +0 -1
- package/dist/chunk-P5FH7LK7.mjs +0 -639
- package/dist/chunk-P5FH7LK7.mjs.map +0 -1
- package/dist/chunk-PZJSY6OF.mjs +0 -1736
- package/dist/chunk-PZJSY6OF.mjs.map +0 -1
- package/dist/chunk-RVHIXSUP.js +0 -235
- package/dist/chunk-RVHIXSUP.js.map +0 -1
- package/dist/chunk-TGVFAAIP.js +0 -341
- package/dist/chunk-TGVFAAIP.js.map +0 -1
- package/dist/chunk-VOLQW3NF.js +0 -1736
- package/dist/chunk-VOLQW3NF.js.map +0 -1
- package/dist/chunk-VSGX22FQ.js +0 -180
- package/dist/chunk-VSGX22FQ.js.map +0 -1
- package/dist/chunk-WCAXWJE7.js +0 -210
- package/dist/chunk-WCAXWJE7.js.map +0 -1
package/dist/chunk-7R2KG3PE.mjs
DELETED
|
@@ -1,210 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import {
|
|
3
|
-
getFileExtension
|
|
4
|
-
} from "./chunk-M57PSU4O.mjs";
|
|
5
|
-
import {
|
|
6
|
-
FileIcon_default,
|
|
7
|
-
mergeToolbarConfig
|
|
8
|
-
} from "./chunk-DFBVN4MO.mjs";
|
|
9
|
-
|
|
10
|
-
// src/components/viewers/AudioViewer.tsx
|
|
11
|
-
import { useEffect, useMemo, useRef, useState } from "react";
|
|
12
|
-
import { Box, Card, CardContent, CardHeader, LinearProgress, Typography, IconButton, Tooltip, Stack } from "@mui/material";
|
|
13
|
-
import DownloadIcon from "@mui/icons-material/Download";
|
|
14
|
-
import PrintIcon from "@mui/icons-material/Print";
|
|
15
|
-
import FullscreenIcon from "@mui/icons-material/Fullscreen";
|
|
16
|
-
import InfoIcon from "@mui/icons-material/Info";
|
|
17
|
-
import DescriptionIcon from "@mui/icons-material/Description";
|
|
18
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
19
|
-
var AudioViewer = ({
|
|
20
|
-
file,
|
|
21
|
-
url,
|
|
22
|
-
fileName,
|
|
23
|
-
className = "",
|
|
24
|
-
style = {},
|
|
25
|
-
width = "100%",
|
|
26
|
-
height = "100%",
|
|
27
|
-
onLoad,
|
|
28
|
-
onError,
|
|
29
|
-
onDownloadClick,
|
|
30
|
-
onPrintClick,
|
|
31
|
-
onMetadataClick,
|
|
32
|
-
onPropertiesClick,
|
|
33
|
-
showDownload = true,
|
|
34
|
-
showPrint = false,
|
|
35
|
-
showMetadata = false,
|
|
36
|
-
showProperties = false,
|
|
37
|
-
// Extract props that shouldn't be passed to DOM elements
|
|
38
|
-
mimeType,
|
|
39
|
-
fileSize,
|
|
40
|
-
showPageCount,
|
|
41
|
-
showPageNavigation,
|
|
42
|
-
showZoomControls,
|
|
43
|
-
showSearch,
|
|
44
|
-
customRegistry,
|
|
45
|
-
initialSearchText,
|
|
46
|
-
initialSearchPages,
|
|
47
|
-
autoOpenSearch,
|
|
48
|
-
autoExecuteSearch,
|
|
49
|
-
onSearchComplete,
|
|
50
|
-
toolbarActions,
|
|
51
|
-
...props
|
|
52
|
-
}) => {
|
|
53
|
-
const audioRef = useRef(null);
|
|
54
|
-
const containerRef = useRef(null);
|
|
55
|
-
const [objectUrl, setObjectUrl] = useState(null);
|
|
56
|
-
const [isLoading, setIsLoading] = useState(false);
|
|
57
|
-
const [error, setError] = useState(null);
|
|
58
|
-
const [isFullScreen, setIsFullScreen] = useState(false);
|
|
59
|
-
useEffect(() => {
|
|
60
|
-
let urlValue = null;
|
|
61
|
-
if (file) {
|
|
62
|
-
setIsLoading(true);
|
|
63
|
-
urlValue = URL.createObjectURL(file);
|
|
64
|
-
} else if (url) {
|
|
65
|
-
urlValue = url;
|
|
66
|
-
}
|
|
67
|
-
setObjectUrl(urlValue);
|
|
68
|
-
setError(null);
|
|
69
|
-
return () => {
|
|
70
|
-
if (urlValue && file) {
|
|
71
|
-
URL.revokeObjectURL(urlValue);
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
}, [file, url]);
|
|
75
|
-
useEffect(() => {
|
|
76
|
-
if (!audioRef.current) {
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
const handleLoadedMetadata = () => {
|
|
80
|
-
setIsLoading(false);
|
|
81
|
-
onLoad?.();
|
|
82
|
-
};
|
|
83
|
-
const handleError = () => {
|
|
84
|
-
const message = "Failed to load audio resource";
|
|
85
|
-
setIsLoading(false);
|
|
86
|
-
setError(message);
|
|
87
|
-
onError?.(new Error(message));
|
|
88
|
-
};
|
|
89
|
-
const element = audioRef.current;
|
|
90
|
-
element.addEventListener("loadedmetadata", handleLoadedMetadata);
|
|
91
|
-
element.addEventListener("error", handleError);
|
|
92
|
-
return () => {
|
|
93
|
-
element.removeEventListener("loadedmetadata", handleLoadedMetadata);
|
|
94
|
-
element.removeEventListener("error", handleError);
|
|
95
|
-
};
|
|
96
|
-
}, [onLoad, onError, objectUrl]);
|
|
97
|
-
const resolvedFileName = useMemo(() => fileName || file?.name || (url ? url.split("/").pop() : "audio"), [fileName, file, url]);
|
|
98
|
-
const fileExtension = useMemo(
|
|
99
|
-
() => getFileExtension(resolvedFileName || ""),
|
|
100
|
-
[resolvedFileName]
|
|
101
|
-
);
|
|
102
|
-
const handleToggleFullScreen = () => {
|
|
103
|
-
if (!isFullScreen && containerRef.current?.requestFullscreen) {
|
|
104
|
-
containerRef.current.requestFullscreen();
|
|
105
|
-
setIsFullScreen(true);
|
|
106
|
-
} else if (isFullScreen && document.exitFullscreen) {
|
|
107
|
-
document.exitFullscreen();
|
|
108
|
-
setIsFullScreen(false);
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
const toolbar = mergeToolbarConfig({
|
|
112
|
-
showDownload,
|
|
113
|
-
showPrint,
|
|
114
|
-
showMetadata,
|
|
115
|
-
showProperties,
|
|
116
|
-
onDownloadClick,
|
|
117
|
-
onPrintClick,
|
|
118
|
-
onMetadataClick,
|
|
119
|
-
onPropertiesClick,
|
|
120
|
-
toolbarActions
|
|
121
|
-
});
|
|
122
|
-
return /* @__PURE__ */ jsx(
|
|
123
|
-
Box,
|
|
124
|
-
{
|
|
125
|
-
ref: containerRef,
|
|
126
|
-
className: `audio-viewer ${className}`,
|
|
127
|
-
sx: { width, height, ...style },
|
|
128
|
-
...props,
|
|
129
|
-
children: /* @__PURE__ */ jsxs(Card, { sx: { height: "100%", display: "flex", flexDirection: "column" }, elevation: 1, children: [
|
|
130
|
-
/* @__PURE__ */ jsx(
|
|
131
|
-
CardHeader,
|
|
132
|
-
{
|
|
133
|
-
avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
|
|
134
|
-
title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
|
|
135
|
-
action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
|
|
136
|
-
!toolbar.isHidden("download") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ jsx(
|
|
137
|
-
IconButton,
|
|
138
|
-
{
|
|
139
|
-
size: "small",
|
|
140
|
-
onClick: toolbar.getHandler("download", onDownloadClick),
|
|
141
|
-
disabled: toolbar.isDisabled("download"),
|
|
142
|
-
"aria-label": "Download audio",
|
|
143
|
-
children: toolbar.getIcon("download") || /* @__PURE__ */ jsx(DownloadIcon, {})
|
|
144
|
-
}
|
|
145
|
-
) }),
|
|
146
|
-
!toolbar.isHidden("print") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ jsx(
|
|
147
|
-
IconButton,
|
|
148
|
-
{
|
|
149
|
-
size: "small",
|
|
150
|
-
onClick: toolbar.getHandler("print", onPrintClick),
|
|
151
|
-
disabled: toolbar.isDisabled("print"),
|
|
152
|
-
"aria-label": "Print audio",
|
|
153
|
-
children: toolbar.getIcon("print") || /* @__PURE__ */ jsx(PrintIcon, {})
|
|
154
|
-
}
|
|
155
|
-
) }),
|
|
156
|
-
!toolbar.isHidden("fullscreen") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ jsx(
|
|
157
|
-
IconButton,
|
|
158
|
-
{
|
|
159
|
-
size: "small",
|
|
160
|
-
onClick: toolbar.getHandler("fullscreen", handleToggleFullScreen),
|
|
161
|
-
disabled: toolbar.isDisabled("fullscreen"),
|
|
162
|
-
"aria-label": "Toggle fullscreen",
|
|
163
|
-
children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ jsx(FullscreenIcon, {})
|
|
164
|
-
}
|
|
165
|
-
) }),
|
|
166
|
-
!toolbar.isHidden("metadata") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("metadata") || "Document Metadata", children: /* @__PURE__ */ jsx(
|
|
167
|
-
IconButton,
|
|
168
|
-
{
|
|
169
|
-
size: "small",
|
|
170
|
-
onClick: toolbar.getHandler("metadata", onMetadataClick),
|
|
171
|
-
disabled: toolbar.isDisabled("metadata"),
|
|
172
|
-
"aria-label": "View document metadata",
|
|
173
|
-
children: toolbar.getIcon("metadata") || /* @__PURE__ */ jsx(DescriptionIcon, {})
|
|
174
|
-
}
|
|
175
|
-
) }),
|
|
176
|
-
!toolbar.isHidden("properties") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("properties") || "Document Properties", children: /* @__PURE__ */ jsx(
|
|
177
|
-
IconButton,
|
|
178
|
-
{
|
|
179
|
-
size: "small",
|
|
180
|
-
onClick: toolbar.getHandler("properties", onPropertiesClick),
|
|
181
|
-
disabled: toolbar.isDisabled("properties"),
|
|
182
|
-
"aria-label": "View document properties",
|
|
183
|
-
children: toolbar.getIcon("properties") || /* @__PURE__ */ jsx(InfoIcon, {})
|
|
184
|
-
}
|
|
185
|
-
) })
|
|
186
|
-
] }),
|
|
187
|
-
sx: { pb: 1.5 }
|
|
188
|
-
}
|
|
189
|
-
),
|
|
190
|
-
isLoading && /* @__PURE__ */ jsx(LinearProgress, { sx: { mx: 3, mb: 2 } }),
|
|
191
|
-
error && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
|
|
192
|
-
/* @__PURE__ */ jsx(CardContent, { sx: { flexGrow: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: objectUrl ? /* @__PURE__ */ jsx(
|
|
193
|
-
"audio",
|
|
194
|
-
{
|
|
195
|
-
ref: audioRef,
|
|
196
|
-
controls: true,
|
|
197
|
-
controlsList: "nodownload",
|
|
198
|
-
style: { width: "100%" },
|
|
199
|
-
src: objectUrl
|
|
200
|
-
}
|
|
201
|
-
) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No audio source provided." }) })
|
|
202
|
-
] })
|
|
203
|
-
}
|
|
204
|
-
);
|
|
205
|
-
};
|
|
206
|
-
|
|
207
|
-
export {
|
|
208
|
-
AudioViewer
|
|
209
|
-
};
|
|
210
|
-
//# sourceMappingURL=chunk-7R2KG3PE.mjs.map
|
|
@@ -1 +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 PrintIcon from '@mui/icons-material/Print';\r\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\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 { mergeToolbarConfig } from '../../utils/toolbarUtils';\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 onPrintClick,\r\n onMetadataClick,\r\n onPropertiesClick,\r\n showDownload = true,\r\n showPrint = false,\r\n showMetadata = false,\r\n showProperties = false,\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 showSearch,\r\n customRegistry,\r\n initialSearchText,\r\n initialSearchPages,\r\n autoOpenSearch,\r\n autoExecuteSearch,\r\n onSearchComplete,\r\n toolbarActions,\r\n ...props\r\n}) => {\r\n const audioRef = useRef<HTMLAudioElement | null>(null);\r\n const containerRef = useRef<HTMLDivElement>(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 const [isFullScreen, setIsFullScreen] = useState(false);\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 const handleToggleFullScreen = () => {\r\n if (!isFullScreen && containerRef.current?.requestFullscreen) {\r\n containerRef.current.requestFullscreen();\r\n setIsFullScreen(true);\r\n } else if (isFullScreen && document.exitFullscreen) {\r\n document.exitFullscreen();\r\n setIsFullScreen(false);\r\n }\r\n };\r\n\r\n const toolbar = mergeToolbarConfig({ \r\n showDownload, \r\n showPrint, \r\n showMetadata, \r\n showProperties, \r\n onDownloadClick, \r\n onPrintClick, \r\n onMetadataClick, \r\n onPropertiesClick, \r\n toolbarActions \r\n });\r\n\r\n return (\r\n <Box\r\n ref={containerRef}\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 {!toolbar.isHidden('download') && (\r\n <Tooltip title={toolbar.getLabel('download') || \"Download\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('download', onDownloadClick)}\r\n disabled={toolbar.isDisabled('download')}\r\n aria-label=\"Download audio\"\r\n >\r\n {toolbar.getIcon('download') || <DownloadIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('print') && (\r\n <Tooltip title={toolbar.getLabel('print') || \"Print\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('print', onPrintClick)}\r\n disabled={toolbar.isDisabled('print')}\r\n aria-label=\"Print audio\"\r\n >\r\n {toolbar.getIcon('print') || <PrintIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('fullscreen') && (\r\n <Tooltip title={toolbar.getLabel('fullscreen') || \"Fullscreen\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('fullscreen', handleToggleFullScreen)}\r\n disabled={toolbar.isDisabled('fullscreen')}\r\n aria-label=\"Toggle fullscreen\"\r\n >\r\n {toolbar.getIcon('fullscreen') || <FullscreenIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('metadata') && (\r\n <Tooltip title={toolbar.getLabel('metadata') || \"Document Metadata\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('metadata', onMetadataClick)}\r\n disabled={toolbar.isDisabled('metadata')}\r\n aria-label=\"View document metadata\"\r\n >\r\n {toolbar.getIcon('metadata') || <DescriptionIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('properties') && (\r\n <Tooltip title={toolbar.getLabel('properties') || \"Document Properties\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('properties', onPropertiesClick)}\r\n disabled={toolbar.isDisabled('properties')}\r\n aria-label=\"View document properties\"\r\n >\r\n {toolbar.getIcon('properties') || <InfoIcon />}\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-CFYOPDCG.mjs
DELETED
|
@@ -1,235 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import {
|
|
3
|
-
getFileExtension
|
|
4
|
-
} from "./chunk-M57PSU4O.mjs";
|
|
5
|
-
import {
|
|
6
|
-
FileIcon_default,
|
|
7
|
-
mergeToolbarConfig
|
|
8
|
-
} from "./chunk-DFBVN4MO.mjs";
|
|
9
|
-
|
|
10
|
-
// src/components/viewers/TextViewer.tsx
|
|
11
|
-
import React, {
|
|
12
|
-
useCallback,
|
|
13
|
-
useEffect,
|
|
14
|
-
useMemo,
|
|
15
|
-
useState
|
|
16
|
-
} from "react";
|
|
17
|
-
import {
|
|
18
|
-
Box,
|
|
19
|
-
Card,
|
|
20
|
-
CardContent,
|
|
21
|
-
CardHeader,
|
|
22
|
-
Divider,
|
|
23
|
-
LinearProgress,
|
|
24
|
-
Stack,
|
|
25
|
-
Typography,
|
|
26
|
-
IconButton,
|
|
27
|
-
Tooltip
|
|
28
|
-
} from "@mui/material";
|
|
29
|
-
import DownloadIcon from "@mui/icons-material/Download";
|
|
30
|
-
import PrintIcon from "@mui/icons-material/Print";
|
|
31
|
-
import FullscreenIcon from "@mui/icons-material/Fullscreen";
|
|
32
|
-
import InfoIcon from "@mui/icons-material/Info";
|
|
33
|
-
import DescriptionIcon from "@mui/icons-material/Description";
|
|
34
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
35
|
-
var LINE_HEIGHT = 24;
|
|
36
|
-
var TextViewer = ({
|
|
37
|
-
file,
|
|
38
|
-
url,
|
|
39
|
-
fileName,
|
|
40
|
-
className = "",
|
|
41
|
-
style = {},
|
|
42
|
-
width = "100%",
|
|
43
|
-
height = "100%",
|
|
44
|
-
onLoad,
|
|
45
|
-
onError,
|
|
46
|
-
onDownloadClick,
|
|
47
|
-
onPrintClick,
|
|
48
|
-
onMetadataClick,
|
|
49
|
-
onPropertiesClick,
|
|
50
|
-
showDownload = true,
|
|
51
|
-
showPrint = true,
|
|
52
|
-
showMetadata = false,
|
|
53
|
-
showProperties = false,
|
|
54
|
-
// Extract props that shouldn't be passed to DOM elements
|
|
55
|
-
mimeType,
|
|
56
|
-
fileSize,
|
|
57
|
-
showPageCount,
|
|
58
|
-
showPageNavigation,
|
|
59
|
-
showZoomControls,
|
|
60
|
-
showSearch,
|
|
61
|
-
customRegistry,
|
|
62
|
-
initialSearchText,
|
|
63
|
-
initialSearchPages,
|
|
64
|
-
autoOpenSearch,
|
|
65
|
-
autoExecuteSearch,
|
|
66
|
-
onSearchComplete,
|
|
67
|
-
toolbarActions,
|
|
68
|
-
...props
|
|
69
|
-
}) => {
|
|
70
|
-
const [content, setContent] = useState("");
|
|
71
|
-
const [lines, setLines] = useState([]);
|
|
72
|
-
const [isLoading, setIsLoading] = useState(false);
|
|
73
|
-
const [error, setError] = useState(null);
|
|
74
|
-
const [isFullScreen, setIsFullScreen] = useState(false);
|
|
75
|
-
const containerRef = React.useRef(null);
|
|
76
|
-
const resolvedFileName = useMemo(
|
|
77
|
-
() => fileName || file?.name || (url ? url.split("/").pop() : "text-document"),
|
|
78
|
-
[fileName, file, url]
|
|
79
|
-
);
|
|
80
|
-
const fileExtension = useMemo(
|
|
81
|
-
() => getFileExtension(resolvedFileName || ""),
|
|
82
|
-
[resolvedFileName]
|
|
83
|
-
);
|
|
84
|
-
const loadText = useCallback(async () => {
|
|
85
|
-
if (!file && !url) {
|
|
86
|
-
setContent("");
|
|
87
|
-
setLines([]);
|
|
88
|
-
setError(null);
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
setIsLoading(true);
|
|
92
|
-
setError(null);
|
|
93
|
-
try {
|
|
94
|
-
let textContent;
|
|
95
|
-
if (file) {
|
|
96
|
-
textContent = await file.text();
|
|
97
|
-
} else {
|
|
98
|
-
const response = await fetch(url);
|
|
99
|
-
if (!response.ok) {
|
|
100
|
-
throw new Error(`Failed to fetch text (${response.status})`);
|
|
101
|
-
}
|
|
102
|
-
textContent = await response.text();
|
|
103
|
-
}
|
|
104
|
-
setContent(textContent);
|
|
105
|
-
setLines(textContent.split(/\r?\n/));
|
|
106
|
-
onLoad?.();
|
|
107
|
-
} catch (err) {
|
|
108
|
-
const message = err instanceof Error ? err.message : "Unable to load text file";
|
|
109
|
-
setError(message);
|
|
110
|
-
setContent("");
|
|
111
|
-
setLines([]);
|
|
112
|
-
onError?.(new Error(message));
|
|
113
|
-
} finally {
|
|
114
|
-
setIsLoading(false);
|
|
115
|
-
}
|
|
116
|
-
}, [file, url, onLoad, onError]);
|
|
117
|
-
useEffect(() => {
|
|
118
|
-
void loadText();
|
|
119
|
-
}, [loadText]);
|
|
120
|
-
const handleToggleFullScreen = () => {
|
|
121
|
-
if (!isFullScreen && containerRef.current?.requestFullscreen) {
|
|
122
|
-
containerRef.current.requestFullscreen();
|
|
123
|
-
setIsFullScreen(true);
|
|
124
|
-
} else if (isFullScreen && document.exitFullscreen) {
|
|
125
|
-
document.exitFullscreen();
|
|
126
|
-
setIsFullScreen(false);
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
const toolbar = mergeToolbarConfig({
|
|
130
|
-
showDownload,
|
|
131
|
-
showPrint,
|
|
132
|
-
showMetadata,
|
|
133
|
-
showProperties,
|
|
134
|
-
onDownloadClick,
|
|
135
|
-
onPrintClick,
|
|
136
|
-
onMetadataClick,
|
|
137
|
-
onPropertiesClick,
|
|
138
|
-
toolbarActions
|
|
139
|
-
});
|
|
140
|
-
return /* @__PURE__ */ jsx(
|
|
141
|
-
Box,
|
|
142
|
-
{
|
|
143
|
-
ref: containerRef,
|
|
144
|
-
className: `text-viewer ${className}`,
|
|
145
|
-
sx: { width, height, ...style },
|
|
146
|
-
...props,
|
|
147
|
-
children: /* @__PURE__ */ jsxs(Card, { sx: { height: "100%", display: "flex", flexDirection: "column" }, elevation: 1, children: [
|
|
148
|
-
/* @__PURE__ */ jsx(
|
|
149
|
-
CardHeader,
|
|
150
|
-
{
|
|
151
|
-
avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
|
|
152
|
-
title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
|
|
153
|
-
action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
|
|
154
|
-
!toolbar.isHidden("download") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ jsx(
|
|
155
|
-
IconButton,
|
|
156
|
-
{
|
|
157
|
-
size: "small",
|
|
158
|
-
onClick: toolbar.getHandler("download", onDownloadClick),
|
|
159
|
-
disabled: toolbar.isDisabled("download"),
|
|
160
|
-
"aria-label": "Download text file",
|
|
161
|
-
children: toolbar.getIcon("download") || /* @__PURE__ */ jsx(DownloadIcon, {})
|
|
162
|
-
}
|
|
163
|
-
) }),
|
|
164
|
-
!toolbar.isHidden("print") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ jsx(
|
|
165
|
-
IconButton,
|
|
166
|
-
{
|
|
167
|
-
size: "small",
|
|
168
|
-
onClick: toolbar.getHandler("print", onPrintClick),
|
|
169
|
-
disabled: toolbar.isDisabled("print"),
|
|
170
|
-
"aria-label": "Print text file",
|
|
171
|
-
children: toolbar.getIcon("print") || /* @__PURE__ */ jsx(PrintIcon, {})
|
|
172
|
-
}
|
|
173
|
-
) }),
|
|
174
|
-
!toolbar.isHidden("fullscreen") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ jsx(
|
|
175
|
-
IconButton,
|
|
176
|
-
{
|
|
177
|
-
size: "small",
|
|
178
|
-
onClick: toolbar.getHandler("fullscreen", handleToggleFullScreen),
|
|
179
|
-
disabled: toolbar.isDisabled("fullscreen"),
|
|
180
|
-
"aria-label": "Toggle fullscreen",
|
|
181
|
-
children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ jsx(FullscreenIcon, {})
|
|
182
|
-
}
|
|
183
|
-
) }),
|
|
184
|
-
!toolbar.isHidden("metadata") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("metadata") || "Document Metadata", children: /* @__PURE__ */ jsx(
|
|
185
|
-
IconButton,
|
|
186
|
-
{
|
|
187
|
-
size: "small",
|
|
188
|
-
onClick: toolbar.getHandler("metadata", onMetadataClick),
|
|
189
|
-
disabled: toolbar.isDisabled("metadata"),
|
|
190
|
-
"aria-label": "View document metadata",
|
|
191
|
-
children: toolbar.getIcon("metadata") || /* @__PURE__ */ jsx(DescriptionIcon, {})
|
|
192
|
-
}
|
|
193
|
-
) }),
|
|
194
|
-
!toolbar.isHidden("properties") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("properties") || "Document Properties", children: /* @__PURE__ */ jsx(
|
|
195
|
-
IconButton,
|
|
196
|
-
{
|
|
197
|
-
size: "small",
|
|
198
|
-
onClick: toolbar.getHandler("properties", onPropertiesClick),
|
|
199
|
-
disabled: toolbar.isDisabled("properties"),
|
|
200
|
-
"aria-label": "View document properties",
|
|
201
|
-
children: toolbar.getIcon("properties") || /* @__PURE__ */ jsx(InfoIcon, {})
|
|
202
|
-
}
|
|
203
|
-
) })
|
|
204
|
-
] }),
|
|
205
|
-
sx: { pb: 1 }
|
|
206
|
-
}
|
|
207
|
-
),
|
|
208
|
-
isLoading && /* @__PURE__ */ jsx(LinearProgress, { sx: { mx: 3, mb: 1 } }),
|
|
209
|
-
error && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
|
|
210
|
-
/* @__PURE__ */ jsx(Divider, {}),
|
|
211
|
-
/* @__PURE__ */ jsx(CardContent, { sx: { flexGrow: 1, minHeight: 0, p: 0, overflow: "auto" }, children: content ? /* @__PURE__ */ jsx(Box, { sx: {
|
|
212
|
-
fontFamily: "monospace",
|
|
213
|
-
fontSize: "0.85rem",
|
|
214
|
-
p: 2,
|
|
215
|
-
whiteSpace: "pre"
|
|
216
|
-
}, children: lines.map((line, index) => /* @__PURE__ */ jsx(
|
|
217
|
-
Box,
|
|
218
|
-
{
|
|
219
|
-
sx: {
|
|
220
|
-
minHeight: LINE_HEIGHT,
|
|
221
|
-
lineHeight: `${LINE_HEIGHT}px`
|
|
222
|
-
},
|
|
223
|
-
children: line || "\xA0"
|
|
224
|
-
},
|
|
225
|
-
index
|
|
226
|
-
)) }) : /* @__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." }) }) })
|
|
227
|
-
] })
|
|
228
|
-
}
|
|
229
|
-
);
|
|
230
|
-
};
|
|
231
|
-
|
|
232
|
-
export {
|
|
233
|
-
TextViewer
|
|
234
|
-
};
|
|
235
|
-
//# sourceMappingURL=chunk-CFYOPDCG.mjs.map
|
|
@@ -1 +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 PrintIcon from '@mui/icons-material/Print';\r\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\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 { mergeToolbarConfig } from '../../utils/toolbarUtils';\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 onPrintClick,\r\n onMetadataClick,\r\n onPropertiesClick,\r\n showDownload = true,\r\n showPrint = true,\r\n showMetadata = false,\r\n showProperties = false,\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 showSearch,\r\n customRegistry,\r\n initialSearchText,\r\n initialSearchPages,\r\n autoOpenSearch,\r\n autoExecuteSearch,\r\n onSearchComplete,\r\n toolbarActions,\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 const [isFullScreen, setIsFullScreen] = useState(false);\r\n const containerRef = React.useRef<HTMLDivElement>(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 const handleToggleFullScreen = () => {\r\n if (!isFullScreen && containerRef.current?.requestFullscreen) {\r\n containerRef.current.requestFullscreen();\r\n setIsFullScreen(true);\r\n } else if (isFullScreen && document.exitFullscreen) {\r\n document.exitFullscreen();\r\n setIsFullScreen(false);\r\n }\r\n };\r\n\r\n const toolbar = mergeToolbarConfig({ \r\n showDownload, \r\n showPrint, \r\n showMetadata, \r\n showProperties, \r\n onDownloadClick, \r\n onPrintClick, \r\n onMetadataClick, \r\n onPropertiesClick, \r\n toolbarActions \r\n });\r\n\r\n return (\r\n <Box\r\n ref={containerRef}\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 {!toolbar.isHidden('download') && (\r\n <Tooltip title={toolbar.getLabel('download') || \"Download\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('download', onDownloadClick)}\r\n disabled={toolbar.isDisabled('download')}\r\n aria-label=\"Download text file\"\r\n >\r\n {toolbar.getIcon('download') || <DownloadIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('print') && (\r\n <Tooltip title={toolbar.getLabel('print') || \"Print\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('print', onPrintClick)}\r\n disabled={toolbar.isDisabled('print')}\r\n aria-label=\"Print text file\"\r\n >\r\n {toolbar.getIcon('print') || <PrintIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('fullscreen') && (\r\n <Tooltip title={toolbar.getLabel('fullscreen') || \"Fullscreen\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('fullscreen', handleToggleFullScreen)}\r\n disabled={toolbar.isDisabled('fullscreen')}\r\n aria-label=\"Toggle fullscreen\"\r\n >\r\n {toolbar.getIcon('fullscreen') || <FullscreenIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('metadata') && (\r\n <Tooltip title={toolbar.getLabel('metadata') || \"Document Metadata\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('metadata', onMetadataClick)}\r\n disabled={toolbar.isDisabled('metadata')}\r\n aria-label=\"View document metadata\"\r\n >\r\n {toolbar.getIcon('metadata') || <DescriptionIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('properties') && (\r\n <Tooltip title={toolbar.getLabel('properties') || \"Document Properties\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('properties', onPropertiesClick)}\r\n disabled={toolbar.isDisabled('properties')}\r\n aria-label=\"View document properties\"\r\n >\r\n {toolbar.getIcon('properties') || <InfoIcon />}\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":[]}
|