@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
|
@@ -0,0 +1,277 @@
|
|
|
1
|
+
"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";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkYEPEMLM3js = require('./chunk-YEPEMLM3.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
var _chunkAYVTSFZAjs = require('./chunk-AYVTSFZA.js');
|
|
9
|
+
|
|
10
|
+
// src/components/viewers/TextViewer.tsx
|
|
11
|
+
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
var _material = require('@mui/material');
|
|
24
|
+
var _Download = require('@mui/icons-material/Download'); var _Download2 = _interopRequireDefault(_Download);
|
|
25
|
+
var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequireDefault(_Print);
|
|
26
|
+
var _Fullscreen = require('@mui/icons-material/Fullscreen'); var _Fullscreen2 = _interopRequireDefault(_Fullscreen);
|
|
27
|
+
var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
|
|
28
|
+
var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
|
|
29
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
30
|
+
var LINE_HEIGHT = 24;
|
|
31
|
+
var TextViewer = ({
|
|
32
|
+
file,
|
|
33
|
+
url,
|
|
34
|
+
fileName,
|
|
35
|
+
className = "",
|
|
36
|
+
style = {},
|
|
37
|
+
width = "100%",
|
|
38
|
+
height = "100%",
|
|
39
|
+
onLoad,
|
|
40
|
+
onError,
|
|
41
|
+
onDownloadClick,
|
|
42
|
+
onPrintClick,
|
|
43
|
+
onMetadataClick,
|
|
44
|
+
onTagsClick,
|
|
45
|
+
onPropertiesClick,
|
|
46
|
+
showDownload = true,
|
|
47
|
+
showPrint = true,
|
|
48
|
+
showMetadata = false,
|
|
49
|
+
showTags = false,
|
|
50
|
+
showProperties = false,
|
|
51
|
+
// Extract props that shouldn't be passed to DOM elements
|
|
52
|
+
mimeType,
|
|
53
|
+
fileSize,
|
|
54
|
+
showPageCount,
|
|
55
|
+
showPageNavigation,
|
|
56
|
+
showZoomControls,
|
|
57
|
+
showSearch,
|
|
58
|
+
customRegistry,
|
|
59
|
+
initialSearchText,
|
|
60
|
+
initialSearchPages,
|
|
61
|
+
autoOpenSearch,
|
|
62
|
+
autoExecuteSearch,
|
|
63
|
+
onSearchComplete,
|
|
64
|
+
toolbarActions,
|
|
65
|
+
...props
|
|
66
|
+
}) => {
|
|
67
|
+
const [content, setContent] = _react.useState.call(void 0, "");
|
|
68
|
+
const [lines, setLines] = _react.useState.call(void 0, []);
|
|
69
|
+
const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
|
|
70
|
+
const [error, setError] = _react.useState.call(void 0, null);
|
|
71
|
+
const [isFullScreen, setIsFullScreen] = _react.useState.call(void 0, false);
|
|
72
|
+
const containerRef = _react2.default.useRef(null);
|
|
73
|
+
const resolvedFileName = _react.useMemo.call(void 0,
|
|
74
|
+
() => fileName || _optionalChain([file, 'optionalAccess', _ => _.name]) || (url ? url.split("/").pop() : "text-document"),
|
|
75
|
+
[fileName, file, url]
|
|
76
|
+
);
|
|
77
|
+
const fileExtension = _react.useMemo.call(void 0,
|
|
78
|
+
() => _chunkYEPEMLM3js.getFileExtension.call(void 0, resolvedFileName || ""),
|
|
79
|
+
[resolvedFileName]
|
|
80
|
+
);
|
|
81
|
+
const loadText = _react.useCallback.call(void 0, async () => {
|
|
82
|
+
if (!file && !url) {
|
|
83
|
+
setContent("");
|
|
84
|
+
setLines([]);
|
|
85
|
+
setError(null);
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
setIsLoading(true);
|
|
89
|
+
setError(null);
|
|
90
|
+
try {
|
|
91
|
+
let textContent;
|
|
92
|
+
if (file) {
|
|
93
|
+
textContent = await file.text();
|
|
94
|
+
} else {
|
|
95
|
+
const response = await fetch(url);
|
|
96
|
+
if (!response.ok) {
|
|
97
|
+
throw new Error(`Failed to fetch text (${response.status})`);
|
|
98
|
+
}
|
|
99
|
+
textContent = await response.text();
|
|
100
|
+
}
|
|
101
|
+
setContent(textContent);
|
|
102
|
+
setLines(textContent.split(/\r?\n/));
|
|
103
|
+
_optionalChain([onLoad, 'optionalCall', _2 => _2()]);
|
|
104
|
+
} catch (err) {
|
|
105
|
+
const message = err instanceof Error ? err.message : "Unable to load text file";
|
|
106
|
+
setError(message);
|
|
107
|
+
setContent("");
|
|
108
|
+
setLines([]);
|
|
109
|
+
_optionalChain([onError, 'optionalCall', _3 => _3(new Error(message))]);
|
|
110
|
+
} finally {
|
|
111
|
+
setIsLoading(false);
|
|
112
|
+
}
|
|
113
|
+
}, [file, url, onLoad, onError]);
|
|
114
|
+
_react.useEffect.call(void 0, () => {
|
|
115
|
+
void loadText();
|
|
116
|
+
}, [loadText]);
|
|
117
|
+
const handleToggleFullScreen = () => {
|
|
118
|
+
if (!isFullScreen && _optionalChain([containerRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.requestFullscreen])) {
|
|
119
|
+
containerRef.current.requestFullscreen();
|
|
120
|
+
setIsFullScreen(true);
|
|
121
|
+
} else if (isFullScreen && document.exitFullscreen) {
|
|
122
|
+
document.exitFullscreen();
|
|
123
|
+
setIsFullScreen(false);
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
const toolbar = _chunkAYVTSFZAjs.mergeToolbarConfig.call(void 0, {
|
|
127
|
+
showDownload,
|
|
128
|
+
showPrint,
|
|
129
|
+
showMetadata,
|
|
130
|
+
showTags,
|
|
131
|
+
showProperties,
|
|
132
|
+
onDownloadClick,
|
|
133
|
+
onPrintClick,
|
|
134
|
+
onMetadataClick,
|
|
135
|
+
onTagsClick,
|
|
136
|
+
onPropertiesClick,
|
|
137
|
+
toolbarActions
|
|
138
|
+
});
|
|
139
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
140
|
+
_material.Box,
|
|
141
|
+
{
|
|
142
|
+
ref: containerRef,
|
|
143
|
+
className: `text-viewer ${className}`,
|
|
144
|
+
sx: { width, height, ...style },
|
|
145
|
+
...props,
|
|
146
|
+
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
147
|
+
_material.Card,
|
|
148
|
+
{
|
|
149
|
+
sx: { height: "100%", display: "flex", flexDirection: "column" },
|
|
150
|
+
elevation: 1,
|
|
151
|
+
children: [
|
|
152
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
153
|
+
_material.CardHeader,
|
|
154
|
+
{
|
|
155
|
+
avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAYVTSFZAjs.FileIcon_default, { ext: fileExtension, size: 32 }),
|
|
156
|
+
title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
|
|
157
|
+
action: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { direction: "row", spacing: 1, children: [
|
|
158
|
+
!toolbar.isHidden("download") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
159
|
+
_material.IconButton,
|
|
160
|
+
{
|
|
161
|
+
size: "small",
|
|
162
|
+
onClick: toolbar.getHandler("download", onDownloadClick),
|
|
163
|
+
disabled: toolbar.isDisabled("download"),
|
|
164
|
+
"aria-label": "Download text file",
|
|
165
|
+
children: toolbar.getIcon("download") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
|
|
166
|
+
}
|
|
167
|
+
) }),
|
|
168
|
+
!toolbar.isHidden("print") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
169
|
+
_material.IconButton,
|
|
170
|
+
{
|
|
171
|
+
size: "small",
|
|
172
|
+
onClick: toolbar.getHandler("print", onPrintClick),
|
|
173
|
+
disabled: toolbar.isDisabled("print"),
|
|
174
|
+
"aria-label": "Print text file",
|
|
175
|
+
children: toolbar.getIcon("print") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, {})
|
|
176
|
+
}
|
|
177
|
+
) }),
|
|
178
|
+
!toolbar.isHidden("fullscreen") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
179
|
+
_material.IconButton,
|
|
180
|
+
{
|
|
181
|
+
size: "small",
|
|
182
|
+
onClick: toolbar.getHandler(
|
|
183
|
+
"fullscreen",
|
|
184
|
+
handleToggleFullScreen
|
|
185
|
+
),
|
|
186
|
+
disabled: toolbar.isDisabled("fullscreen"),
|
|
187
|
+
"aria-label": "Toggle fullscreen",
|
|
188
|
+
children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, {})
|
|
189
|
+
}
|
|
190
|
+
) }),
|
|
191
|
+
!toolbar.isHidden("metadata") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
192
|
+
_material.Tooltip,
|
|
193
|
+
{
|
|
194
|
+
title: toolbar.getLabel("metadata") || "Document Metadata",
|
|
195
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
196
|
+
_material.IconButton,
|
|
197
|
+
{
|
|
198
|
+
size: "small",
|
|
199
|
+
onClick: toolbar.getHandler("metadata", onMetadataClick),
|
|
200
|
+
disabled: toolbar.isDisabled("metadata"),
|
|
201
|
+
"aria-label": "View document metadata",
|
|
202
|
+
children: toolbar.getIcon("metadata") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, {})
|
|
203
|
+
}
|
|
204
|
+
)
|
|
205
|
+
}
|
|
206
|
+
),
|
|
207
|
+
!toolbar.isHidden("properties") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
208
|
+
_material.Tooltip,
|
|
209
|
+
{
|
|
210
|
+
title: toolbar.getLabel("properties") || "Document Properties",
|
|
211
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
212
|
+
_material.IconButton,
|
|
213
|
+
{
|
|
214
|
+
size: "small",
|
|
215
|
+
onClick: toolbar.getHandler(
|
|
216
|
+
"properties",
|
|
217
|
+
onPropertiesClick
|
|
218
|
+
),
|
|
219
|
+
disabled: toolbar.isDisabled("properties"),
|
|
220
|
+
"aria-label": "View document properties",
|
|
221
|
+
children: toolbar.getIcon("properties") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, {})
|
|
222
|
+
}
|
|
223
|
+
)
|
|
224
|
+
}
|
|
225
|
+
)
|
|
226
|
+
] }),
|
|
227
|
+
sx: { pb: 1 }
|
|
228
|
+
}
|
|
229
|
+
),
|
|
230
|
+
isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.LinearProgress, { sx: { mx: 3, mb: 1 } }),
|
|
231
|
+
error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
|
|
232
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}),
|
|
233
|
+
/* @__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,
|
|
234
|
+
_material.Box,
|
|
235
|
+
{
|
|
236
|
+
sx: {
|
|
237
|
+
fontFamily: "monospace",
|
|
238
|
+
fontSize: "0.85rem",
|
|
239
|
+
p: 2,
|
|
240
|
+
whiteSpace: "pre"
|
|
241
|
+
},
|
|
242
|
+
children: lines.map((line, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
243
|
+
_material.Box,
|
|
244
|
+
{
|
|
245
|
+
sx: {
|
|
246
|
+
minHeight: LINE_HEIGHT,
|
|
247
|
+
lineHeight: `${LINE_HEIGHT}px`
|
|
248
|
+
},
|
|
249
|
+
children: line || "\xA0"
|
|
250
|
+
},
|
|
251
|
+
index
|
|
252
|
+
))
|
|
253
|
+
}
|
|
254
|
+
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
255
|
+
_material.Box,
|
|
256
|
+
{
|
|
257
|
+
sx: {
|
|
258
|
+
display: "flex",
|
|
259
|
+
alignItems: "center",
|
|
260
|
+
justifyContent: "center",
|
|
261
|
+
p: 4,
|
|
262
|
+
minHeight: 200
|
|
263
|
+
},
|
|
264
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", color: "text.secondary", children: "No text content available." })
|
|
265
|
+
}
|
|
266
|
+
) })
|
|
267
|
+
]
|
|
268
|
+
}
|
|
269
|
+
)
|
|
270
|
+
}
|
|
271
|
+
);
|
|
272
|
+
};
|
|
273
|
+
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
exports.TextViewer = TextViewer;
|
|
277
|
+
//# sourceMappingURL=chunk-DBXSX2B6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["d:\\Projects\\DMS-File-Viewers\\packages\\lib\\dist\\chunk-DBXSX2B6.js"],"names":[],"mappings":"AAAA,yrBAAY;AACZ;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACA;AACA,4EAAwE;AACxE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yCAAsB;AACtB,4GAAuD;AACvD,gGAAiD;AACjD,oHAA2D;AAC3D,4FAA+C;AAC/C,wHAA6D;AAC7D,+CAA6C;AAC7C,IAAI,YAAY,EAAE,EAAE;AACpB,IAAI,WAAW,EAAE,CAAC;AAClB,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,EAAE,eAAe;AACjB,EAAE,YAAY;AACd,EAAE,eAAe;AACjB,EAAE,WAAW;AACb,EAAE,iBAAiB;AACnB,EAAE,aAAa,EAAE,IAAI;AACrB,EAAE,UAAU,EAAE,IAAI;AAClB,EAAE,aAAa,EAAE,KAAK;AACtB,EAAE,SAAS,EAAE,KAAK;AAClB,EAAE,eAAe,EAAE,KAAK;AACxB;AACA,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,kBAAkB;AACpB,EAAE,gBAAgB;AAClB,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,iBAAiB;AACnB,EAAE,kBAAkB;AACpB,EAAE,cAAc;AAChB,EAAE,iBAAiB;AACnB,EAAE,gBAAgB;AAClB,EAAE,cAAc;AAChB,EAAE,GAAG;AACL,CAAC,EAAE,GAAG;AACN,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,6BAAQ,EAAG,CAAC;AAC5C,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,6BAAQ,CAAE,CAAC,CAAC;AACxC,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE,6BAAQ,KAAM,CAAC;AACnD,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,6BAAQ,IAAK,CAAC;AAC1C,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,EAAE,EAAE,6BAAQ,KAAM,CAAC;AACzD,EAAE,MAAM,aAAa,EAAE,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC;AACzC,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,eAAe,CAAC;AAClF,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,MAAM,SAAS,EAAE,gCAAW,MAAO,CAAC,EAAE,GAAG;AAC3C,IAAI,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE;AACvB,MAAM,UAAU,CAAC,EAAE,CAAC;AACpB,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;AAClB,MAAM,QAAQ,CAAC,IAAI,CAAC;AACpB,MAAM,MAAM;AACZ,IAAI;AACJ,IAAI,YAAY,CAAC,IAAI,CAAC;AACtB,IAAI,QAAQ,CAAC,IAAI,CAAC;AAClB,IAAI,IAAI;AACR,MAAM,IAAI,WAAW;AACrB,MAAM,GAAG,CAAC,IAAI,EAAE;AAChB,QAAQ,YAAY,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC;AACvC,MAAM,EAAE,KAAK;AACb,QAAQ,MAAM,SAAS,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC;AACzC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE;AAC1B,UAAU,MAAM,IAAI,KAAK,CAAC,CAAC,sBAAsB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,QAAQ;AACR,QAAQ,YAAY,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC3C,MAAM;AACN,MAAM,UAAU,CAAC,WAAW,CAAC;AAC7B,MAAM,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAC1C,sBAAM,MAAM,0BAAE,CAAC,GAAC;AAChB,IAAI,EAAE,MAAM,CAAC,GAAG,EAAE;AAClB,MAAM,MAAM,QAAQ,EAAE,IAAI,WAAW,MAAM,EAAE,GAAG,CAAC,QAAQ,EAAE,0BAA0B;AACrF,MAAM,QAAQ,CAAC,OAAO,CAAC;AACvB,MAAM,UAAU,CAAC,EAAE,CAAC;AACpB,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC;AAClB,sBAAM,OAAO,0BAAE,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAC;AACnC,IAAI,EAAE,QAAQ;AACd,MAAM,YAAY,CAAC,KAAK,CAAC;AACzB,IAAI;AACJ,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAClC,EAAE,8BAAS,CAAE,EAAE,GAAG;AAClB,IAAI,KAAK,QAAQ,CAAC,CAAC;AACnB,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAChB,EAAE,MAAM,uBAAuB,EAAE,CAAC,EAAE,GAAG;AACvC,IAAI,GAAG,CAAC,CAAC,aAAa,mBAAG,YAAY,qBAAC,OAAO,6BAAE,mBAAiB,EAAE;AAClE,MAAM,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAC9C,MAAM,eAAe,CAAC,IAAI,CAAC;AAC3B,IAAI,EAAE,KAAK,GAAG,CAAC,aAAa,GAAG,QAAQ,CAAC,cAAc,EAAE;AACxD,MAAM,QAAQ,CAAC,cAAc,CAAC,CAAC;AAC/B,MAAM,eAAe,CAAC,KAAK,CAAC;AAC5B,IAAI;AACJ,EAAE,CAAC;AACH,EAAE,MAAM,QAAQ,EAAE,iDAAkB;AACpC,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,IAAI,eAAe;AACnB,IAAI,YAAY;AAChB,IAAI,eAAe;AACnB,IAAI,WAAW;AACf,IAAI,iBAAiB;AACrB,IAAI;AACJ,EAAE,CAAC,CAAC;AACJ,EAAE,uBAAuB,6BAAG;AAC5B,IAAI,aAAG;AACP,IAAI;AACJ,MAAM,GAAG,EAAE,YAAY;AACvB,MAAM,SAAS,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,4BAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,oBAAA;AACA,oBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,oBAAA;AACA,kBAAA;AACA,kBAAA;AACA,oBAAA;AACA,oBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,oBAAA;AACA,kBAAA;AACA,kBAAA;AACA,oBAAA;AACA,oBAAA;AACA,sBAAA;AACA,sBAAA;AACA,wBAAA;AACA,wBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,oBAAA;AACA,kBAAA;AACA,kBAAA;AACA,oBAAA;AACA,oBAAA;AACA,sBAAA;AACA,sBAAA;AACA,wBAAA;AACA,wBAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,wBAAA;AACA,sBAAA;AACA,oBAAA;AACA,kBAAA;AACA,kBAAA;AACA,oBAAA;AACA,oBAAA;AACA,sBAAA;AACA,sBAAA;AACA,wBAAA;AACA,wBAAA;AACA,0BAAA;AACA,0BAAA;AACA,4BAAA;AACA,4BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,0BAAA;AACA,wBAAA;AACA,sBAAA;AACA,oBAAA;AACA,kBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,4BAAA;AACA,4BAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,oBAAA;AACA,sBAAA;AACA,sBAAA;AACA,oBAAA;AACA,oBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;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-DBXSX2B6.js","sourcesContent":[null]}
|
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
getFileExtension
|
|
4
|
+
} from "./chunk-M57PSU4O.mjs";
|
|
5
|
+
import {
|
|
6
|
+
FileIcon_default,
|
|
7
|
+
mergeToolbarConfig
|
|
8
|
+
} from "./chunk-WR5SJ3LM.mjs";
|
|
9
|
+
|
|
10
|
+
// src/components/viewers/DefaultViewer.tsx
|
|
11
|
+
import React, { useMemo } from "react";
|
|
12
|
+
import {
|
|
13
|
+
Box,
|
|
14
|
+
Card,
|
|
15
|
+
CardContent,
|
|
16
|
+
CardHeader,
|
|
17
|
+
Typography,
|
|
18
|
+
IconButton,
|
|
19
|
+
Tooltip,
|
|
20
|
+
Stack
|
|
21
|
+
} from "@mui/material";
|
|
22
|
+
import DownloadIcon from "@mui/icons-material/Download";
|
|
23
|
+
import PrintIcon from "@mui/icons-material/Print";
|
|
24
|
+
import FullscreenIcon from "@mui/icons-material/Fullscreen";
|
|
25
|
+
import InfoIcon from "@mui/icons-material/Info";
|
|
26
|
+
import DescriptionIcon from "@mui/icons-material/Description";
|
|
27
|
+
import { LocalOffer } from "@mui/icons-material";
|
|
28
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
29
|
+
var DefaultViewer = ({
|
|
30
|
+
file,
|
|
31
|
+
url,
|
|
32
|
+
fileName,
|
|
33
|
+
className = "",
|
|
34
|
+
style = {},
|
|
35
|
+
width = "100%",
|
|
36
|
+
height = "100%",
|
|
37
|
+
onLoad,
|
|
38
|
+
onError,
|
|
39
|
+
// Extract props that shouldn't be passed to DOM elements
|
|
40
|
+
mimeType,
|
|
41
|
+
fileSize,
|
|
42
|
+
showPageCount,
|
|
43
|
+
showPageNavigation,
|
|
44
|
+
showZoomControls,
|
|
45
|
+
showDownload = true,
|
|
46
|
+
showPrint = true,
|
|
47
|
+
showSearch,
|
|
48
|
+
showMetadata = false,
|
|
49
|
+
showProperties = false,
|
|
50
|
+
showTags = false,
|
|
51
|
+
onMetadataClick,
|
|
52
|
+
onTagsClick,
|
|
53
|
+
onPropertiesClick,
|
|
54
|
+
onPrintClick,
|
|
55
|
+
onDownloadClick,
|
|
56
|
+
customRegistry,
|
|
57
|
+
initialSearchText,
|
|
58
|
+
initialSearchPages,
|
|
59
|
+
autoOpenSearch,
|
|
60
|
+
autoExecuteSearch,
|
|
61
|
+
onSearchComplete,
|
|
62
|
+
toolbarActions,
|
|
63
|
+
...props
|
|
64
|
+
}) => {
|
|
65
|
+
const [isFullScreen, setIsFullScreen] = React.useState(false);
|
|
66
|
+
const containerRef = React.useRef(null);
|
|
67
|
+
const handleToggleFullScreen = () => {
|
|
68
|
+
if (!isFullScreen && containerRef.current?.requestFullscreen) {
|
|
69
|
+
containerRef.current.requestFullscreen();
|
|
70
|
+
setIsFullScreen(true);
|
|
71
|
+
} else if (isFullScreen && document.exitFullscreen) {
|
|
72
|
+
document.exitFullscreen();
|
|
73
|
+
setIsFullScreen(false);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
const toolbar = mergeToolbarConfig({
|
|
77
|
+
...props,
|
|
78
|
+
showDownload,
|
|
79
|
+
showPrint,
|
|
80
|
+
showMetadata,
|
|
81
|
+
showTags,
|
|
82
|
+
showProperties,
|
|
83
|
+
onMetadataClick,
|
|
84
|
+
onTagsClick,
|
|
85
|
+
onPropertiesClick,
|
|
86
|
+
onPrintClick,
|
|
87
|
+
onDownloadClick,
|
|
88
|
+
toolbarActions
|
|
89
|
+
});
|
|
90
|
+
const resolvedFileName = useMemo(
|
|
91
|
+
() => fileName || file?.name || (url ? url.split("/").pop() : "unknown-file"),
|
|
92
|
+
[fileName, file, url]
|
|
93
|
+
);
|
|
94
|
+
const fileExtension = useMemo(
|
|
95
|
+
() => getFileExtension(resolvedFileName || ""),
|
|
96
|
+
[resolvedFileName]
|
|
97
|
+
);
|
|
98
|
+
return /* @__PURE__ */ jsx(
|
|
99
|
+
Box,
|
|
100
|
+
{
|
|
101
|
+
ref: containerRef,
|
|
102
|
+
className: `default-viewer ${className}`,
|
|
103
|
+
sx: { width, height, ...style },
|
|
104
|
+
...props,
|
|
105
|
+
children: /* @__PURE__ */ jsxs(
|
|
106
|
+
Card,
|
|
107
|
+
{
|
|
108
|
+
sx: { height: "100%", display: "flex", flexDirection: "column" },
|
|
109
|
+
elevation: 1,
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ jsx(
|
|
112
|
+
CardHeader,
|
|
113
|
+
{
|
|
114
|
+
avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
|
|
115
|
+
title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
|
|
116
|
+
action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
|
|
117
|
+
!toolbar.isHidden("download") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ jsx(
|
|
118
|
+
IconButton,
|
|
119
|
+
{
|
|
120
|
+
size: "small",
|
|
121
|
+
onClick: toolbar.getHandler("download", onDownloadClick),
|
|
122
|
+
disabled: toolbar.isDisabled("download"),
|
|
123
|
+
"aria-label": "Download file",
|
|
124
|
+
children: toolbar.getIcon("download") || /* @__PURE__ */ jsx(DownloadIcon, {})
|
|
125
|
+
}
|
|
126
|
+
) }),
|
|
127
|
+
!toolbar.isHidden("print") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ jsx(
|
|
128
|
+
IconButton,
|
|
129
|
+
{
|
|
130
|
+
size: "small",
|
|
131
|
+
onClick: toolbar.getHandler("print", onPrintClick),
|
|
132
|
+
disabled: toolbar.isDisabled("print"),
|
|
133
|
+
"aria-label": "Print file",
|
|
134
|
+
children: toolbar.getIcon("print") || /* @__PURE__ */ jsx(PrintIcon, {})
|
|
135
|
+
}
|
|
136
|
+
) }),
|
|
137
|
+
!toolbar.isHidden("fullscreen") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ jsx(
|
|
138
|
+
IconButton,
|
|
139
|
+
{
|
|
140
|
+
size: "small",
|
|
141
|
+
onClick: toolbar.getHandler(
|
|
142
|
+
"fullscreen",
|
|
143
|
+
handleToggleFullScreen
|
|
144
|
+
),
|
|
145
|
+
disabled: toolbar.isDisabled("fullscreen"),
|
|
146
|
+
"aria-label": "Toggle fullscreen",
|
|
147
|
+
children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ jsx(FullscreenIcon, {})
|
|
148
|
+
}
|
|
149
|
+
) }),
|
|
150
|
+
!toolbar.isHidden("metadata") && /* @__PURE__ */ jsx(
|
|
151
|
+
Tooltip,
|
|
152
|
+
{
|
|
153
|
+
title: toolbar.getLabel("metadata") || "Document Metadata",
|
|
154
|
+
children: /* @__PURE__ */ jsx(
|
|
155
|
+
IconButton,
|
|
156
|
+
{
|
|
157
|
+
size: "small",
|
|
158
|
+
onClick: toolbar.getHandler("metadata", onMetadataClick),
|
|
159
|
+
disabled: toolbar.isDisabled("metadata"),
|
|
160
|
+
"aria-label": "View document metadata",
|
|
161
|
+
children: toolbar.getIcon("metadata") || /* @__PURE__ */ jsx(DescriptionIcon, {})
|
|
162
|
+
}
|
|
163
|
+
)
|
|
164
|
+
}
|
|
165
|
+
),
|
|
166
|
+
!toolbar.isHidden("properties") && /* @__PURE__ */ jsx(
|
|
167
|
+
Tooltip,
|
|
168
|
+
{
|
|
169
|
+
title: toolbar.getLabel("properties") || "Document Properties",
|
|
170
|
+
children: /* @__PURE__ */ jsx(
|
|
171
|
+
IconButton,
|
|
172
|
+
{
|
|
173
|
+
size: "small",
|
|
174
|
+
onClick: toolbar.getHandler(
|
|
175
|
+
"properties",
|
|
176
|
+
onPropertiesClick
|
|
177
|
+
),
|
|
178
|
+
disabled: toolbar.isDisabled("properties"),
|
|
179
|
+
"aria-label": "View document properties",
|
|
180
|
+
children: toolbar.getIcon("properties") || /* @__PURE__ */ jsx(InfoIcon, {})
|
|
181
|
+
}
|
|
182
|
+
)
|
|
183
|
+
}
|
|
184
|
+
),
|
|
185
|
+
" ",
|
|
186
|
+
!toolbar.isHidden("tags") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("tags") || "Document Tags", children: /* @__PURE__ */ jsx(
|
|
187
|
+
IconButton,
|
|
188
|
+
{
|
|
189
|
+
size: "small",
|
|
190
|
+
onClick: toolbar.getHandler("tags", onTagsClick),
|
|
191
|
+
disabled: toolbar.isDisabled("tags"),
|
|
192
|
+
"aria-label": "View document tags",
|
|
193
|
+
children: toolbar.getIcon("tags") || /* @__PURE__ */ jsx(LocalOffer, {})
|
|
194
|
+
}
|
|
195
|
+
) })
|
|
196
|
+
] }),
|
|
197
|
+
sx: { pb: 1 }
|
|
198
|
+
}
|
|
199
|
+
),
|
|
200
|
+
/* @__PURE__ */ jsxs(
|
|
201
|
+
CardContent,
|
|
202
|
+
{
|
|
203
|
+
sx: {
|
|
204
|
+
flexGrow: 1,
|
|
205
|
+
display: "flex",
|
|
206
|
+
alignItems: "center",
|
|
207
|
+
justifyContent: "center",
|
|
208
|
+
flexDirection: "column",
|
|
209
|
+
textAlign: "center",
|
|
210
|
+
color: "#666"
|
|
211
|
+
},
|
|
212
|
+
children: [
|
|
213
|
+
/* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, color: "text.primary", children: "File Preview Not Available" }),
|
|
214
|
+
/* @__PURE__ */ jsxs(Box, { sx: { mt: 2 }, children: [
|
|
215
|
+
/* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
|
|
216
|
+
/* @__PURE__ */ jsx("strong", { children: "File:" }),
|
|
217
|
+
" ",
|
|
218
|
+
resolvedFileName
|
|
219
|
+
] }),
|
|
220
|
+
mimeType && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
|
|
221
|
+
/* @__PURE__ */ jsx("strong", { children: "Type:" }),
|
|
222
|
+
" ",
|
|
223
|
+
mimeType
|
|
224
|
+
] }),
|
|
225
|
+
fileSize && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
|
|
226
|
+
/* @__PURE__ */ jsx("strong", { children: "Size:" }),
|
|
227
|
+
" ",
|
|
228
|
+
Math.round(fileSize / 1024),
|
|
229
|
+
" KB"
|
|
230
|
+
] }),
|
|
231
|
+
/* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 2 }, children: "This file type is not supported for preview." }),
|
|
232
|
+
/* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "You can download the file using the button above." })
|
|
233
|
+
] })
|
|
234
|
+
]
|
|
235
|
+
}
|
|
236
|
+
)
|
|
237
|
+
]
|
|
238
|
+
}
|
|
239
|
+
)
|
|
240
|
+
}
|
|
241
|
+
);
|
|
242
|
+
};
|
|
243
|
+
|
|
244
|
+
export {
|
|
245
|
+
DefaultViewer
|
|
246
|
+
};
|
|
247
|
+
//# sourceMappingURL=chunk-DPSRGULQ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/viewers/DefaultViewer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport {\r\n Box,\r\n Card,\r\n CardContent,\r\n CardHeader,\r\n Typography,\r\n IconButton,\r\n Tooltip,\r\n Stack,\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\nimport { LocalOffer } from \"@mui/icons-material\";\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 = true,\r\n showPrint = true,\r\n showSearch,\r\n showMetadata = false,\r\n showProperties = false,\r\n showTags = false,\r\n onMetadataClick,\r\n onTagsClick,\r\n onPropertiesClick,\r\n onPrintClick,\r\n onDownloadClick,\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 [isFullScreen, setIsFullScreen] = React.useState(false);\r\n const containerRef = React.useRef<HTMLDivElement>(null);\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 ...props,\r\n showDownload,\r\n showPrint,\r\n showMetadata,\r\n showTags,\r\n showProperties,\r\n onMetadataClick,\r\n onTagsClick,\r\n onPropertiesClick,\r\n onPrintClick,\r\n onDownloadClick,\r\n toolbarActions,\r\n });\r\n const resolvedFileName = useMemo(\r\n () =>\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 ref={containerRef}\r\n className={`default-viewer ${className}`}\r\n sx={{ width, height, ...style }}\r\n {...props}\r\n >\r\n <Card\r\n sx={{ height: \"100%\", display: \"flex\", flexDirection: \"column\" }}\r\n elevation={1}\r\n >\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 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 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(\r\n \"fullscreen\",\r\n handleToggleFullScreen\r\n )}\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\r\n title={toolbar.getLabel(\"metadata\") || \"Document Metadata\"}\r\n >\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\r\n title={\r\n toolbar.getLabel(\"properties\") || \"Document Properties\"\r\n }\r\n >\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler(\r\n \"properties\",\r\n onPropertiesClick\r\n )}\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 {!toolbar.isHidden(\"tags\") && (\r\n <Tooltip title={toolbar.getLabel(\"tags\") || \"Document Tags\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler(\"tags\", onTagsClick)}\r\n disabled={toolbar.isDisabled(\"tags\")}\r\n aria-label=\"View document tags\"\r\n >\r\n {toolbar.getIcon(\"tags\") || <LocalOffer />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n </Stack>\r\n }\r\n sx={{ pb: 1 }}\r\n />\r\n <CardContent\r\n 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 >\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\">\r\n <strong>File:</strong> {resolvedFileName}\r\n </Typography>\r\n {mimeType && (\r\n <Typography variant=\"body2\">\r\n <strong>Type:</strong> {mimeType}\r\n </Typography>\r\n )}\r\n {fileSize && (\r\n <Typography variant=\"body2\">\r\n <strong>Size:</strong> {Math.round(fileSize / 1024)} KB\r\n </Typography>\r\n )}\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":";;;;;;;;;;AAAA,OAAO,SAAS,eAAe;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,kBAAkB;AACzB,OAAO,eAAe;AACtB,OAAO,oBAAoB;AAC3B,OAAO,cAAc;AACrB,OAAO,qBAAqB;AAK5B,SAAS,kBAAkB;AAwFT,cAON,YAPM;AAtFX,IAAM,gBAA2C,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAC5D,QAAM,eAAe,MAAM,OAAuB,IAAI;AAEtD,QAAM,yBAAyB,MAAM;AACnC,QAAI,CAAC,gBAAgB,aAAa,SAAS,mBAAmB;AAC5D,mBAAa,QAAQ,kBAAkB;AACvC,sBAAgB,IAAI;AAAA,IACtB,WAAW,gBAAgB,SAAS,gBAAgB;AAClD,eAAS,eAAe;AACxB,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,UAAU,mBAAmB;AAAA,IACjC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAmB;AAAA,IACvB,MACE,YAAY,MAAM,SAAS,MAAM,IAAI,MAAM,GAAG,EAAE,IAAI,IAAI;AAAA,IAC1D,CAAC,UAAU,MAAM,GAAG;AAAA,EACtB;AAEA,QAAM,gBAAgB;AAAA,IACpB,MAAM,iBAAiB,oBAAoB,EAAE;AAAA,IAC7C,CAAC,gBAAgB;AAAA,EACnB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,kBAAkB,SAAS;AAAA,MACtC,IAAI,EAAE,OAAO,QAAQ,GAAG,MAAM;AAAA,MAC7B,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,QAAQ,QAAQ,SAAS,QAAQ,eAAe,SAAS;AAAA,UAC/D,WAAW;AAAA,UAEX;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,oBAAC,oBAAS,KAAK,eAAe,MAAM,IAAI;AAAA,gBAChD,OACE,oBAAC,cAAW,SAAQ,aAAY,YAAY,KACzC,4BACH;AAAA,gBAEF,QACE,qBAAC,SAAM,WAAU,OAAM,SAAS,GAC7B;AAAA,mBAAC,QAAQ,SAAS,UAAU,KAC3B,oBAAC,WAAQ,OAAO,QAAQ,SAAS,UAAU,KAAK,YAC9C;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,QAAQ,WAAW,YAAY,eAAe;AAAA,sBACvD,UAAU,QAAQ,WAAW,UAAU;AAAA,sBACvC,cAAW;AAAA,sBAEV,kBAAQ,QAAQ,UAAU,KAAK,oBAAC,gBAAa;AAAA;AAAA,kBAChD,GACF;AAAA,kBAED,CAAC,QAAQ,SAAS,OAAO,KACxB,oBAAC,WAAQ,OAAO,QAAQ,SAAS,OAAO,KAAK,SAC3C;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,QAAQ,WAAW,SAAS,YAAY;AAAA,sBACjD,UAAU,QAAQ,WAAW,OAAO;AAAA,sBACpC,cAAW;AAAA,sBAEV,kBAAQ,QAAQ,OAAO,KAAK,oBAAC,aAAU;AAAA;AAAA,kBAC1C,GACF;AAAA,kBAED,CAAC,QAAQ,SAAS,YAAY,KAC7B,oBAAC,WAAQ,OAAO,QAAQ,SAAS,YAAY,KAAK,cAChD;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,QAAQ;AAAA,wBACf;AAAA,wBACA;AAAA,sBACF;AAAA,sBACA,UAAU,QAAQ,WAAW,YAAY;AAAA,sBACzC,cAAW;AAAA,sBAEV,kBAAQ,QAAQ,YAAY,KAAK,oBAAC,kBAAe;AAAA;AAAA,kBACpD,GACF;AAAA,kBAED,CAAC,QAAQ,SAAS,UAAU,KAC3B;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO,QAAQ,SAAS,UAAU,KAAK;AAAA,sBAEvC;AAAA,wBAAC;AAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAS,QAAQ,WAAW,YAAY,eAAe;AAAA,0BACvD,UAAU,QAAQ,WAAW,UAAU;AAAA,0BACvC,cAAW;AAAA,0BAEV,kBAAQ,QAAQ,UAAU,KAAK,oBAAC,mBAAgB;AAAA;AAAA,sBACnD;AAAA;AAAA,kBACF;AAAA,kBAED,CAAC,QAAQ,SAAS,YAAY,KAC7B;AAAA,oBAAC;AAAA;AAAA,sBACC,OACE,QAAQ,SAAS,YAAY,KAAK;AAAA,sBAGpC;AAAA,wBAAC;AAAA;AAAA,0BACC,MAAK;AAAA,0BACL,SAAS,QAAQ;AAAA,4BACf;AAAA,4BACA;AAAA,0BACF;AAAA,0BACA,UAAU,QAAQ,WAAW,YAAY;AAAA,0BACzC,cAAW;AAAA,0BAEV,kBAAQ,QAAQ,YAAY,KAAK,oBAAC,YAAS;AAAA;AAAA,sBAC9C;AAAA;AAAA,kBACF;AAAA,kBACC;AAAA,kBACF,CAAC,QAAQ,SAAS,MAAM,KACvB,oBAAC,WAAQ,OAAO,QAAQ,SAAS,MAAM,KAAK,iBAC1C;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAAS,QAAQ,WAAW,QAAQ,WAAW;AAAA,sBAC/C,UAAU,QAAQ,WAAW,MAAM;AAAA,sBACnC,cAAW;AAAA,sBAEV,kBAAQ,QAAQ,MAAM,KAAK,oBAAC,cAAW;AAAA;AAAA,kBAC1C,GACF;AAAA,mBAEJ;AAAA,gBAEF,IAAI,EAAE,IAAI,EAAE;AAAA;AAAA,YACd;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI;AAAA,kBACF,UAAU;AAAA,kBACV,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,eAAe;AAAA,kBACf,WAAW;AAAA,kBACX,OAAO;AAAA,gBACT;AAAA,gBAEA;AAAA,sCAAC,cAAW,SAAQ,MAAK,cAAY,MAAC,OAAM,gBAAe,wCAE3D;AAAA,kBACA,qBAAC,OAAI,IAAI,EAAE,IAAI,EAAE,GACf;AAAA,yCAAC,cAAW,SAAQ,SAClB;AAAA,0CAAC,YAAO,mBAAK;AAAA,sBAAS;AAAA,sBAAE;AAAA,uBAC1B;AAAA,oBACC,YACC,qBAAC,cAAW,SAAQ,SAClB;AAAA,0CAAC,YAAO,mBAAK;AAAA,sBAAS;AAAA,sBAAE;AAAA,uBAC1B;AAAA,oBAED,YACC,qBAAC,cAAW,SAAQ,SAClB;AAAA,0CAAC,YAAO,mBAAK;AAAA,sBAAS;AAAA,sBAAE,KAAK,MAAM,WAAW,IAAI;AAAA,sBAAE;AAAA,uBACtD;AAAA,oBAEF,oBAAC,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAE,GAAG,0DAE3C;AAAA,oBACA,oBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAAiB,+DAEnD;AAAA,qBACF;AAAA;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
|