@cannymindstech/file-viewers 0.27.11 → 0.28.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/package.json +2 -2
- package/dist/chunk-2BLHLWNN.js +0 -299
- package/dist/chunk-2BLHLWNN.js.map +0 -1
- package/dist/chunk-6BRYDA3B.js +0 -329
- package/dist/chunk-6BRYDA3B.js.map +0 -1
- package/dist/chunk-7JPF5AYR.mjs +0 -488
- package/dist/chunk-7JPF5AYR.mjs.map +0 -1
- package/dist/chunk-7P6WEBHN.js +0 -2299
- package/dist/chunk-7P6WEBHN.js.map +0 -1
- package/dist/chunk-7PMZ4GN5.mjs +0 -290
- package/dist/chunk-7PMZ4GN5.mjs.map +0 -1
- package/dist/chunk-B5NNB4KD.mjs +0 -268
- package/dist/chunk-B5NNB4KD.mjs.map +0 -1
- package/dist/chunk-CIWCHSAA.js +0 -309
- package/dist/chunk-CIWCHSAA.js.map +0 -1
- package/dist/chunk-D7SDEVDM.js +0 -268
- package/dist/chunk-D7SDEVDM.js.map +0 -1
- package/dist/chunk-ECZ6IBOS.js +0 -424
- package/dist/chunk-ECZ6IBOS.js.map +0 -1
- package/dist/chunk-EI3EP65I.mjs +0 -868
- package/dist/chunk-EI3EP65I.mjs.map +0 -1
- package/dist/chunk-EKNP342T.mjs +0 -299
- package/dist/chunk-EKNP342T.mjs.map +0 -1
- package/dist/chunk-EM63H4SA.js +0 -290
- package/dist/chunk-EM63H4SA.js.map +0 -1
- package/dist/chunk-IJMNPAXX.mjs +0 -309
- package/dist/chunk-IJMNPAXX.mjs.map +0 -1
- package/dist/chunk-KJNOBIUZ.mjs +0 -36
- package/dist/chunk-KJNOBIUZ.mjs.map +0 -1
- package/dist/chunk-KQCU7XW2.mjs +0 -424
- package/dist/chunk-KQCU7XW2.mjs.map +0 -1
- package/dist/chunk-MPTCXAXO.js +0 -868
- package/dist/chunk-MPTCXAXO.js.map +0 -1
- package/dist/chunk-OPJOCUSL.js +0 -36
- package/dist/chunk-OPJOCUSL.js.map +0 -1
- package/dist/chunk-PZGUVU6N.mjs +0 -2299
- package/dist/chunk-PZGUVU6N.mjs.map +0 -1
- package/dist/chunk-QV63FULE.js +0 -488
- package/dist/chunk-QV63FULE.js.map +0 -1
- package/dist/chunk-XJQ5J2UF.mjs +0 -329
- package/dist/chunk-XJQ5J2UF.mjs.map +0 -1
- package/dist/components/viewers/AudioViewer.d.mts +0 -6
- package/dist/components/viewers/AudioViewer.d.ts +0 -6
- package/dist/components/viewers/AudioViewer.js +0 -10
- package/dist/components/viewers/AudioViewer.js.map +0 -1
- package/dist/components/viewers/AudioViewer.mjs +0 -10
- package/dist/components/viewers/AudioViewer.mjs.map +0 -1
- package/dist/components/viewers/DefaultViewer.d.mts +0 -6
- package/dist/components/viewers/DefaultViewer.d.ts +0 -6
- package/dist/components/viewers/DefaultViewer.js +0 -10
- package/dist/components/viewers/DefaultViewer.js.map +0 -1
- package/dist/components/viewers/DefaultViewer.mjs +0 -10
- package/dist/components/viewers/DefaultViewer.mjs.map +0 -1
- package/dist/components/viewers/ImageViewer.d.mts +0 -6
- package/dist/components/viewers/ImageViewer.d.ts +0 -6
- package/dist/components/viewers/ImageViewer.js +0 -10
- package/dist/components/viewers/ImageViewer.js.map +0 -1
- package/dist/components/viewers/ImageViewer.mjs +0 -10
- package/dist/components/viewers/ImageViewer.mjs.map +0 -1
- package/dist/components/viewers/PDFViewer.d.mts +0 -51
- package/dist/components/viewers/PDFViewer.d.ts +0 -51
- package/dist/components/viewers/PDFViewer.js +0 -11
- package/dist/components/viewers/PDFViewer.js.map +0 -1
- package/dist/components/viewers/PDFViewer.mjs +0 -11
- package/dist/components/viewers/PDFViewer.mjs.map +0 -1
- package/dist/components/viewers/TIFFViewer.d.mts +0 -6
- package/dist/components/viewers/TIFFViewer.d.ts +0 -6
- package/dist/components/viewers/TIFFViewer.js +0 -10
- package/dist/components/viewers/TIFFViewer.js.map +0 -1
- package/dist/components/viewers/TIFFViewer.mjs +0 -10
- package/dist/components/viewers/TIFFViewer.mjs.map +0 -1
- package/dist/components/viewers/TextViewer.d.mts +0 -6
- package/dist/components/viewers/TextViewer.d.ts +0 -6
- package/dist/components/viewers/TextViewer.js +0 -10
- package/dist/components/viewers/TextViewer.js.map +0 -1
- package/dist/components/viewers/TextViewer.mjs +0 -10
- package/dist/components/viewers/TextViewer.mjs.map +0 -1
- package/dist/components/viewers/VideoViewer.d.mts +0 -6
- package/dist/components/viewers/VideoViewer.d.ts +0 -6
- package/dist/components/viewers/VideoViewer.js +0 -10
- package/dist/components/viewers/VideoViewer.js.map +0 -1
- package/dist/components/viewers/VideoViewer.mjs +0 -10
- package/dist/components/viewers/VideoViewer.mjs.map +0 -1
- package/dist/index.d.mts +0 -75
- package/dist/index.d.ts +0 -75
- package/dist/index.js +0 -305
- package/dist/index.js.map +0 -1
- package/dist/index.mjs +0 -305
- package/dist/index.mjs.map +0 -1
- package/dist/types-BYTxtKEc.d.mts +0 -100
- package/dist/types-BYTxtKEc.d.ts +0 -100
package/dist/chunk-7PMZ4GN5.mjs
DELETED
|
@@ -1,290 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
// src/utils/toolbarUtils.ts
|
|
4
|
-
function mergeToolbarConfig(props) {
|
|
5
|
-
const { toolbarActions = {} } = props;
|
|
6
|
-
const legacyVisibility = {
|
|
7
|
-
download: props.showDownload,
|
|
8
|
-
print: props.showPrint,
|
|
9
|
-
search: props.showSearch,
|
|
10
|
-
metadata: props.showMetadata,
|
|
11
|
-
properties: props.showProperties,
|
|
12
|
-
tags: props.showTags,
|
|
13
|
-
history: props.showHistory,
|
|
14
|
-
pageNavigation: props.showPageNavigation,
|
|
15
|
-
zoomControls: props.showZoomControls,
|
|
16
|
-
pageCount: props.showPageCount,
|
|
17
|
-
rotation: props.showRotation,
|
|
18
|
-
rotateLeft: props.showRotation,
|
|
19
|
-
rotateRight: props.showRotation
|
|
20
|
-
};
|
|
21
|
-
const legacyHandlers = {
|
|
22
|
-
download: props.onDownloadClick,
|
|
23
|
-
print: props.onPrintClick,
|
|
24
|
-
metadata: props.onMetadataClick,
|
|
25
|
-
properties: props.onPropertiesClick,
|
|
26
|
-
tags: props.onTagsClick,
|
|
27
|
-
history: props.onHistoryClick
|
|
28
|
-
};
|
|
29
|
-
return {
|
|
30
|
-
isHidden: (actionId) => {
|
|
31
|
-
if (toolbarActions[actionId]?.hidden !== void 0) {
|
|
32
|
-
return toolbarActions[actionId].hidden;
|
|
33
|
-
}
|
|
34
|
-
if (toolbarActions[actionId]?.disabled !== void 0) {
|
|
35
|
-
return false;
|
|
36
|
-
}
|
|
37
|
-
if (legacyVisibility[actionId] !== void 0) {
|
|
38
|
-
return !legacyVisibility[actionId];
|
|
39
|
-
}
|
|
40
|
-
return false;
|
|
41
|
-
},
|
|
42
|
-
isDisabled: (actionId) => {
|
|
43
|
-
if (toolbarActions[actionId]?.disabled !== void 0) {
|
|
44
|
-
return toolbarActions[actionId].disabled;
|
|
45
|
-
}
|
|
46
|
-
return false;
|
|
47
|
-
},
|
|
48
|
-
getHandler: (actionId, defaultHandler) => {
|
|
49
|
-
return toolbarActions[actionId]?.onClick ?? legacyHandlers[actionId] ?? defaultHandler;
|
|
50
|
-
},
|
|
51
|
-
getIcon: (actionId) => {
|
|
52
|
-
return toolbarActions[actionId]?.icon;
|
|
53
|
-
},
|
|
54
|
-
getLabel: (actionId) => {
|
|
55
|
-
return toolbarActions[actionId]?.label;
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
// src/components/FileIcon.tsx
|
|
61
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
62
|
-
var FileIcon = ({ ext, size = 48, sx = {} }) => {
|
|
63
|
-
const extension = ext?.toLowerCase().replace(/^\./, "") || "";
|
|
64
|
-
const getIconConfig = (extension2) => {
|
|
65
|
-
switch (extension2) {
|
|
66
|
-
case "pdf":
|
|
67
|
-
return { color: "#d32f2f", bgColor: "#ffebee", label: "PDF" };
|
|
68
|
-
case "doc":
|
|
69
|
-
case "docx":
|
|
70
|
-
return { color: "#1976d2", bgColor: "#e3f2fd", label: extension2.toUpperCase() };
|
|
71
|
-
case "xls":
|
|
72
|
-
case "xlsx":
|
|
73
|
-
return { color: "#388e3c", bgColor: "#e8f5e8", label: extension2.toUpperCase() };
|
|
74
|
-
case "ppt":
|
|
75
|
-
case "pptx":
|
|
76
|
-
return { color: "#f57c00", bgColor: "#fff3e0", label: extension2.toUpperCase() };
|
|
77
|
-
case "jpg":
|
|
78
|
-
case "jpeg":
|
|
79
|
-
case "png":
|
|
80
|
-
case "gif":
|
|
81
|
-
case "svg":
|
|
82
|
-
case "webp":
|
|
83
|
-
case "bmp":
|
|
84
|
-
case "tiff":
|
|
85
|
-
case "tif":
|
|
86
|
-
return { color: "#7b1fa2", bgColor: "#f3e5f5", label: extension2.toUpperCase() };
|
|
87
|
-
case "mp4":
|
|
88
|
-
case "avi":
|
|
89
|
-
case "mov":
|
|
90
|
-
case "wmv":
|
|
91
|
-
case "webm":
|
|
92
|
-
case "mkv":
|
|
93
|
-
return { color: "#c2185b", bgColor: "#fce4ec", label: extension2.toUpperCase() };
|
|
94
|
-
case "mp3":
|
|
95
|
-
case "wav":
|
|
96
|
-
case "flac":
|
|
97
|
-
case "aac":
|
|
98
|
-
case "ogg":
|
|
99
|
-
case "m4a":
|
|
100
|
-
return { color: "#303f9f", bgColor: "#e8eaf6", label: extension2.toUpperCase() };
|
|
101
|
-
case "zip":
|
|
102
|
-
case "rar":
|
|
103
|
-
case "7z":
|
|
104
|
-
case "tar":
|
|
105
|
-
case "gz":
|
|
106
|
-
return { color: "#f9a825", bgColor: "#fffde7", label: extension2.toUpperCase() };
|
|
107
|
-
case "txt":
|
|
108
|
-
case "md":
|
|
109
|
-
case "csv":
|
|
110
|
-
return { color: "#424242", bgColor: "#f5f5f5", label: extension2.toUpperCase() };
|
|
111
|
-
case "js":
|
|
112
|
-
case "jsx":
|
|
113
|
-
case "ts":
|
|
114
|
-
case "tsx":
|
|
115
|
-
case "html":
|
|
116
|
-
case "css":
|
|
117
|
-
case "json":
|
|
118
|
-
case "xml":
|
|
119
|
-
case "py":
|
|
120
|
-
case "java":
|
|
121
|
-
case "cpp":
|
|
122
|
-
case "c":
|
|
123
|
-
return { color: "#424242", bgColor: "#f5f5f5", label: extension2.toUpperCase() };
|
|
124
|
-
default:
|
|
125
|
-
return { color: "#757575", bgColor: "#fafafa", label: extension2 ? extension2.toUpperCase() : "FILE" };
|
|
126
|
-
}
|
|
127
|
-
};
|
|
128
|
-
const iconConfig = getIconConfig(extension);
|
|
129
|
-
const getSVGIcon = (ext2) => {
|
|
130
|
-
const iconSize = size * 0.6;
|
|
131
|
-
switch (ext2) {
|
|
132
|
-
case "pdf":
|
|
133
|
-
case "doc":
|
|
134
|
-
case "docx":
|
|
135
|
-
case "ppt":
|
|
136
|
-
case "pptx":
|
|
137
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
138
|
-
/* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
139
|
-
/* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
140
|
-
/* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13", stroke: iconConfig.color, strokeWidth: "2" }),
|
|
141
|
-
/* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17", stroke: iconConfig.color, strokeWidth: "2" }),
|
|
142
|
-
/* @__PURE__ */ jsx("polyline", { points: "10,9 9,9 8,9", stroke: iconConfig.color, strokeWidth: "2" })
|
|
143
|
-
] });
|
|
144
|
-
case "xls":
|
|
145
|
-
case "xlsx":
|
|
146
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
147
|
-
/* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
148
|
-
/* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
149
|
-
/* @__PURE__ */ jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: iconConfig.color, strokeWidth: "2" }),
|
|
150
|
-
/* @__PURE__ */ jsx("line", { x1: "8", y1: "17", x2: "16", y2: "17", stroke: iconConfig.color, strokeWidth: "2" }),
|
|
151
|
-
/* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "21", stroke: iconConfig.color, strokeWidth: "2" })
|
|
152
|
-
] });
|
|
153
|
-
case "jpg":
|
|
154
|
-
case "jpeg":
|
|
155
|
-
case "png":
|
|
156
|
-
case "gif":
|
|
157
|
-
case "svg":
|
|
158
|
-
case "webp":
|
|
159
|
-
case "bmp":
|
|
160
|
-
case "tiff":
|
|
161
|
-
case "tif":
|
|
162
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
163
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
164
|
-
/* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
165
|
-
/* @__PURE__ */ jsx("polyline", { points: "21,15 16,10 5,21", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
|
|
166
|
-
] });
|
|
167
|
-
case "mp4":
|
|
168
|
-
case "avi":
|
|
169
|
-
case "mov":
|
|
170
|
-
case "wmv":
|
|
171
|
-
case "webm":
|
|
172
|
-
case "mkv":
|
|
173
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
174
|
-
/* @__PURE__ */ jsx("polygon", { points: "23 12 8 2 8 22 23 12", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
175
|
-
/* @__PURE__ */ jsx("rect", { x: "1", y: "5", width: "6", height: "14", rx: "1", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
|
|
176
|
-
] });
|
|
177
|
-
case "mp3":
|
|
178
|
-
case "wav":
|
|
179
|
-
case "flac":
|
|
180
|
-
case "aac":
|
|
181
|
-
case "ogg":
|
|
182
|
-
case "m4a":
|
|
183
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
184
|
-
/* @__PURE__ */ jsx("path", { d: "M9 18V5l12-2v13", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
185
|
-
/* @__PURE__ */ jsx("circle", { cx: "6", cy: "18", r: "3", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
186
|
-
/* @__PURE__ */ jsx("circle", { cx: "18", cy: "16", r: "3", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
|
|
187
|
-
] });
|
|
188
|
-
case "zip":
|
|
189
|
-
case "rar":
|
|
190
|
-
case "7z":
|
|
191
|
-
case "tar":
|
|
192
|
-
case "gz":
|
|
193
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
194
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2", ry: "2", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
195
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "16", r: "1", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
196
|
-
/* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
|
|
197
|
-
] });
|
|
198
|
-
case "txt":
|
|
199
|
-
case "md":
|
|
200
|
-
case "csv":
|
|
201
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
202
|
-
/* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
203
|
-
/* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
204
|
-
/* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13", stroke: iconConfig.color, strokeWidth: "2" }),
|
|
205
|
-
/* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17", stroke: iconConfig.color, strokeWidth: "2" })
|
|
206
|
-
] });
|
|
207
|
-
case "js":
|
|
208
|
-
case "jsx":
|
|
209
|
-
case "ts":
|
|
210
|
-
case "tsx":
|
|
211
|
-
case "html":
|
|
212
|
-
case "css":
|
|
213
|
-
case "json":
|
|
214
|
-
case "xml":
|
|
215
|
-
case "py":
|
|
216
|
-
case "java":
|
|
217
|
-
case "cpp":
|
|
218
|
-
case "c":
|
|
219
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
220
|
-
/* @__PURE__ */ jsx("polyline", { points: "16 18 22 12 16 6", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
221
|
-
/* @__PURE__ */ jsx("polyline", { points: "8 6 2 12 8 18", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
|
|
222
|
-
] });
|
|
223
|
-
default:
|
|
224
|
-
return /* @__PURE__ */ jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
|
|
225
|
-
/* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
|
|
226
|
-
/* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
|
|
227
|
-
] });
|
|
228
|
-
}
|
|
229
|
-
};
|
|
230
|
-
const containerStyle = {
|
|
231
|
-
position: "relative",
|
|
232
|
-
display: "inline-flex",
|
|
233
|
-
alignItems: "center",
|
|
234
|
-
justifyContent: "center",
|
|
235
|
-
...sx
|
|
236
|
-
};
|
|
237
|
-
const iconBoxStyle = {
|
|
238
|
-
position: "relative",
|
|
239
|
-
width: size,
|
|
240
|
-
height: size,
|
|
241
|
-
backgroundColor: iconConfig.bgColor,
|
|
242
|
-
borderRadius: "8px",
|
|
243
|
-
border: "1px solid rgba(0, 0, 0, 0.12)",
|
|
244
|
-
display: "flex",
|
|
245
|
-
alignItems: "center",
|
|
246
|
-
justifyContent: "center",
|
|
247
|
-
transition: "all 0.2s ease-in-out",
|
|
248
|
-
cursor: "default"
|
|
249
|
-
};
|
|
250
|
-
const labelStyle = {
|
|
251
|
-
position: "absolute",
|
|
252
|
-
bottom: "-4px",
|
|
253
|
-
right: "-4px",
|
|
254
|
-
padding: "2px 4px",
|
|
255
|
-
backgroundColor: "#ffffff",
|
|
256
|
-
border: "1px solid rgba(0, 0, 0, 0.12)",
|
|
257
|
-
borderRadius: "4px",
|
|
258
|
-
boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
|
|
259
|
-
fontSize: "10px",
|
|
260
|
-
fontWeight: 600,
|
|
261
|
-
color: iconConfig.color,
|
|
262
|
-
lineHeight: 1,
|
|
263
|
-
fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
|
|
264
|
-
};
|
|
265
|
-
return /* @__PURE__ */ jsx("div", { style: containerStyle, children: /* @__PURE__ */ jsxs(
|
|
266
|
-
"div",
|
|
267
|
-
{
|
|
268
|
-
style: iconBoxStyle,
|
|
269
|
-
onMouseEnter: (e) => {
|
|
270
|
-
e.currentTarget.style.boxShadow = "0px 4px 8px rgba(0, 0, 0, 0.12)";
|
|
271
|
-
e.currentTarget.style.transform = "translateY(-1px)";
|
|
272
|
-
},
|
|
273
|
-
onMouseLeave: (e) => {
|
|
274
|
-
e.currentTarget.style.boxShadow = "none";
|
|
275
|
-
e.currentTarget.style.transform = "translateY(0)";
|
|
276
|
-
},
|
|
277
|
-
children: [
|
|
278
|
-
getSVGIcon(extension),
|
|
279
|
-
/* @__PURE__ */ jsx("div", { style: labelStyle, children: iconConfig.label })
|
|
280
|
-
]
|
|
281
|
-
}
|
|
282
|
-
) });
|
|
283
|
-
};
|
|
284
|
-
var FileIcon_default = FileIcon;
|
|
285
|
-
|
|
286
|
-
export {
|
|
287
|
-
mergeToolbarConfig,
|
|
288
|
-
FileIcon_default
|
|
289
|
-
};
|
|
290
|
-
//# sourceMappingURL=chunk-7PMZ4GN5.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils/toolbarUtils.ts","../src/components/FileIcon.tsx"],"sourcesContent":["import { ToolbarActionsConfig, FileViewerProps } from \"../types\";\n\n/**\n * Merges legacy toolbar props with new toolbarActions config\n * Priority: toolbarActions > legacy props\n */\nexport function mergeToolbarConfig(props: FileViewerProps): {\n isHidden: (actionId: string) => boolean;\n isDisabled: (actionId: string) => boolean;\n getHandler: (\n actionId: string,\n defaultHandler?: () => void\n ) => (() => void) | undefined;\n getIcon: (actionId: string) => React.ReactNode | undefined;\n getLabel: (actionId: string) => string | undefined;\n} {\n const { toolbarActions = {} } = props;\n\n // Map legacy props to action IDs\n const legacyVisibility: Record<string, boolean | undefined> = {\n download: props.showDownload,\n print: props.showPrint,\n search: props.showSearch,\n metadata: props.showMetadata,\n properties: props.showProperties,\n tags: props.showTags,\n history: props.showHistory,\n pageNavigation: props.showPageNavigation,\n zoomControls: props.showZoomControls,\n pageCount: props.showPageCount,\n rotation: props.showRotation,\n rotateLeft: props.showRotation,\n rotateRight: props.showRotation,\n };\n\n const legacyHandlers: Record<string, (() => void) | undefined> = {\n download: props.onDownloadClick,\n print: props.onPrintClick,\n metadata: props.onMetadataClick,\n properties: props.onPropertiesClick,\n tags: props.onTagsClick,\n history: props.onHistoryClick,\n };\n\n return {\n isHidden: (actionId: string) => {\n // Check toolbarActions first - if explicitly set, use it\n if (toolbarActions[actionId]?.hidden !== undefined) {\n return toolbarActions[actionId].hidden!;\n }\n // If toolbarActions has disabled set (meaning user wants to show it), don't hide\n if (toolbarActions[actionId]?.disabled !== undefined) {\n return false;\n }\n // Fall back to legacy props (if false, it means hidden)\n if (legacyVisibility[actionId] !== undefined) {\n return !legacyVisibility[actionId];\n }\n return false;\n },\n\n isDisabled: (actionId: string) => {\n // If toolbarActions explicitly sets disabled, use it\n if (toolbarActions[actionId]?.disabled !== undefined) {\n return toolbarActions[actionId].disabled!;\n }\n return false;\n },\n\n getHandler: (actionId: string, defaultHandler?: () => void) => {\n // Priority: toolbarActions > legacy handlers > default\n return (\n toolbarActions[actionId]?.onClick ??\n legacyHandlers[actionId] ??\n defaultHandler\n );\n },\n\n getIcon: (actionId: string) => {\n return toolbarActions[actionId]?.icon;\n },\n\n getLabel: (actionId: string) => {\n return toolbarActions[actionId]?.label;\n },\n };\n}\n","import React from 'react';\n\ninterface FileIconProps {\n ext?: string;\n size?: number;\n sx?: React.CSSProperties;\n}\n\nconst FileIcon: React.FC<FileIconProps> = ({ ext, size = 48, sx = {} }) => {\n const extension = (ext?.toLowerCase().replace(/^\\./, '')) || '';\n\n const getIconConfig = (extension: string) => {\n switch (extension) {\n case 'pdf':\n return { color: '#d32f2f', bgColor: '#ffebee', label: 'PDF' };\n case 'doc':\n case 'docx':\n return { color: '#1976d2', bgColor: '#e3f2fd', label: extension.toUpperCase() };\n case 'xls':\n case 'xlsx':\n return { color: '#388e3c', bgColor: '#e8f5e8', label: extension.toUpperCase() };\n case 'ppt':\n case 'pptx':\n return { color: '#f57c00', bgColor: '#fff3e0', label: extension.toUpperCase() };\n case 'jpg':\n case 'jpeg':\n case 'png':\n case 'gif':\n case 'svg':\n case 'webp':\n case 'bmp':\n case 'tiff':\n case 'tif':\n return { color: '#7b1fa2', bgColor: '#f3e5f5', label: extension.toUpperCase() };\n case 'mp4':\n case 'avi':\n case 'mov':\n case 'wmv':\n case 'webm':\n case 'mkv':\n return { color: '#c2185b', bgColor: '#fce4ec', label: extension.toUpperCase() };\n case 'mp3':\n case 'wav':\n case 'flac':\n case 'aac':\n case 'ogg':\n case 'm4a':\n return { color: '#303f9f', bgColor: '#e8eaf6', label: extension.toUpperCase() };\n case 'zip':\n case 'rar':\n case '7z':\n case 'tar':\n case 'gz':\n return { color: '#f9a825', bgColor: '#fffde7', label: extension.toUpperCase() };\n case 'txt':\n case 'md':\n case 'csv':\n return { color: '#424242', bgColor: '#f5f5f5', label: extension.toUpperCase() };\n case 'js':\n case 'jsx':\n case 'ts':\n case 'tsx':\n case 'html':\n case 'css':\n case 'json':\n case 'xml':\n case 'py':\n case 'java':\n case 'cpp':\n case 'c':\n return { color: '#424242', bgColor: '#f5f5f5', label: extension.toUpperCase() };\n default:\n return { color: '#757575', bgColor: '#fafafa', label: extension ? extension.toUpperCase() : 'FILE' };\n }\n };\n\n const iconConfig = getIconConfig(extension);\n\n const getSVGIcon = (ext: string) => {\n const iconSize = size * 0.6;\n \n switch (ext) {\n case 'pdf':\n case 'doc':\n case 'docx':\n case 'ppt':\n case 'pptx':\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <polyline points=\"14,2 14,8 20,8\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" stroke={iconConfig.color} strokeWidth=\"2\"/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" stroke={iconConfig.color} strokeWidth=\"2\"/>\n <polyline points=\"10,9 9,9 8,9\" stroke={iconConfig.color} strokeWidth=\"2\"/>\n </svg>\n );\n case 'xls':\n case 'xlsx':\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <polyline points=\"14,2 14,8 20,8\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\" stroke={iconConfig.color} strokeWidth=\"2\"/>\n <line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\" stroke={iconConfig.color} strokeWidth=\"2\"/>\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"21\" stroke={iconConfig.color} strokeWidth=\"2\"/>\n </svg>\n );\n case 'jpg':\n case 'jpeg':\n case 'png':\n case 'gif':\n case 'svg':\n case 'webp':\n case 'bmp':\n case 'tiff':\n case 'tif':\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <polyline points=\"21,15 16,10 5,21\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n </svg>\n );\n case 'mp4':\n case 'avi':\n case 'mov':\n case 'wmv':\n case 'webm':\n case 'mkv':\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <polygon points=\"23 12 8 2 8 22 23 12\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <rect x=\"1\" y=\"5\" width=\"6\" height=\"14\" rx=\"1\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n </svg>\n );\n case 'mp3':\n case 'wav':\n case 'flac':\n case 'aac':\n case 'ogg':\n case 'm4a':\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M9 18V5l12-2v13\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <circle cx=\"6\" cy=\"18\" r=\"3\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <circle cx=\"18\" cy=\"16\" r=\"3\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n </svg>\n );\n case 'zip':\n case 'rar':\n case '7z':\n case 'tar':\n case 'gz':\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"2\" ry=\"2\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <circle cx=\"12\" cy=\"16\" r=\"1\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n </svg>\n );\n case 'txt':\n case 'md':\n case 'csv':\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <polyline points=\"14,2 14,8 20,8\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" stroke={iconConfig.color} strokeWidth=\"2\"/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" stroke={iconConfig.color} strokeWidth=\"2\"/>\n </svg>\n );\n case 'js':\n case 'jsx':\n case 'ts':\n case 'tsx':\n case 'html':\n case 'css':\n case 'json':\n case 'xml':\n case 'py':\n case 'java':\n case 'cpp':\n case 'c':\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline points=\"16 18 22 12 16 6\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <polyline points=\"8 6 2 12 8 18\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n </svg>\n );\n default:\n return (\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n <polyline points=\"14,2 14,8 20,8\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\n </svg>\n );\n }\n };\n\n const containerStyle: React.CSSProperties = {\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n ...sx\n };\n\n const iconBoxStyle: React.CSSProperties = {\n position: 'relative',\n width: size,\n height: size,\n backgroundColor: iconConfig.bgColor,\n borderRadius: '8px',\n border: '1px solid rgba(0, 0, 0, 0.12)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'all 0.2s ease-in-out',\n cursor: 'default'\n };\n\n const labelStyle: React.CSSProperties = {\n position: 'absolute',\n bottom: '-4px',\n right: '-4px',\n padding: '2px 4px',\n backgroundColor: '#ffffff',\n border: '1px solid rgba(0, 0, 0, 0.12)',\n borderRadius: '4px',\n boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.1)',\n fontSize: '10px',\n fontWeight: 600,\n color: iconConfig.color,\n lineHeight: 1,\n fontFamily: '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif'\n };\n\n return (\n <div style={containerStyle}>\n <div \n style={iconBoxStyle}\n onMouseEnter={(e) => {\n e.currentTarget.style.boxShadow = '0px 4px 8px rgba(0, 0, 0, 0.12)';\n e.currentTarget.style.transform = 'translateY(-1px)';\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.boxShadow = 'none';\n e.currentTarget.style.transform = 'translateY(0)';\n }}\n >\n {getSVGIcon(extension)}\n <div style={labelStyle}>\n {iconConfig.label}\n </div>\n </div>\n </div>\n );\n};\n\nexport default FileIcon;\n"],"mappings":"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","names":["extension","ext"]}
|
package/dist/chunk-B5NNB4KD.mjs
DELETED
|
@@ -1,268 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import {
|
|
3
|
-
getFileExtension
|
|
4
|
-
} from "./chunk-KJNOBIUZ.mjs";
|
|
5
|
-
import {
|
|
6
|
-
FileIcon_default,
|
|
7
|
-
mergeToolbarConfig
|
|
8
|
-
} from "./chunk-7PMZ4GN5.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 HistoryIcon from "@mui/icons-material/History";
|
|
28
|
-
import { LocalOffer } from "@mui/icons-material";
|
|
29
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
30
|
-
var DefaultViewer = ({
|
|
31
|
-
file,
|
|
32
|
-
url,
|
|
33
|
-
fileName,
|
|
34
|
-
className = "",
|
|
35
|
-
style = {},
|
|
36
|
-
width = "100%",
|
|
37
|
-
height = "100%",
|
|
38
|
-
onLoad,
|
|
39
|
-
onError,
|
|
40
|
-
// Extract props that shouldn't be passed to DOM elements
|
|
41
|
-
mimeType,
|
|
42
|
-
fileSize,
|
|
43
|
-
showPageCount,
|
|
44
|
-
showPageNavigation,
|
|
45
|
-
showZoomControls,
|
|
46
|
-
showDownload = true,
|
|
47
|
-
showPrint = true,
|
|
48
|
-
showSearch,
|
|
49
|
-
showMetadata = false,
|
|
50
|
-
showProperties = false,
|
|
51
|
-
showTags = true,
|
|
52
|
-
showHistory = true,
|
|
53
|
-
onMetadataClick,
|
|
54
|
-
onTagsClick,
|
|
55
|
-
onPropertiesClick,
|
|
56
|
-
onHistoryClick,
|
|
57
|
-
onPrintClick,
|
|
58
|
-
onDownloadClick,
|
|
59
|
-
customRegistry,
|
|
60
|
-
initialSearchText,
|
|
61
|
-
initialSearchPages,
|
|
62
|
-
autoOpenSearch,
|
|
63
|
-
autoExecuteSearch,
|
|
64
|
-
onSearchComplete,
|
|
65
|
-
toolbarActions,
|
|
66
|
-
...props
|
|
67
|
-
}) => {
|
|
68
|
-
const [isFullScreen, setIsFullScreen] = React.useState(false);
|
|
69
|
-
const containerRef = React.useRef(null);
|
|
70
|
-
const handleToggleFullScreen = () => {
|
|
71
|
-
if (!isFullScreen && containerRef.current?.requestFullscreen) {
|
|
72
|
-
containerRef.current.requestFullscreen();
|
|
73
|
-
setIsFullScreen(true);
|
|
74
|
-
} else if (isFullScreen && document.exitFullscreen) {
|
|
75
|
-
document.exitFullscreen();
|
|
76
|
-
setIsFullScreen(false);
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
const toolbar = mergeToolbarConfig({
|
|
80
|
-
...props,
|
|
81
|
-
showDownload,
|
|
82
|
-
showPrint,
|
|
83
|
-
showMetadata,
|
|
84
|
-
showTags,
|
|
85
|
-
showProperties,
|
|
86
|
-
showHistory,
|
|
87
|
-
onMetadataClick,
|
|
88
|
-
onTagsClick,
|
|
89
|
-
onPropertiesClick,
|
|
90
|
-
onHistoryClick,
|
|
91
|
-
onPrintClick,
|
|
92
|
-
onDownloadClick,
|
|
93
|
-
toolbarActions
|
|
94
|
-
});
|
|
95
|
-
const resolvedFileName = useMemo(
|
|
96
|
-
() => fileName || file?.name || (url ? url.split("/").pop() : "unknown-file"),
|
|
97
|
-
[fileName, file, url]
|
|
98
|
-
);
|
|
99
|
-
const fileExtension = useMemo(
|
|
100
|
-
() => getFileExtension(resolvedFileName || ""),
|
|
101
|
-
[resolvedFileName]
|
|
102
|
-
);
|
|
103
|
-
return /* @__PURE__ */ jsx(
|
|
104
|
-
Box,
|
|
105
|
-
{
|
|
106
|
-
ref: containerRef,
|
|
107
|
-
className: `default-viewer ${className}`,
|
|
108
|
-
sx: { width, height, ...style },
|
|
109
|
-
...props,
|
|
110
|
-
children: /* @__PURE__ */ jsxs(
|
|
111
|
-
Card,
|
|
112
|
-
{
|
|
113
|
-
sx: { height: "100%", display: "flex", flexDirection: "column" },
|
|
114
|
-
elevation: 1,
|
|
115
|
-
children: [
|
|
116
|
-
/* @__PURE__ */ jsx(
|
|
117
|
-
CardHeader,
|
|
118
|
-
{
|
|
119
|
-
avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
|
|
120
|
-
title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
|
|
121
|
-
action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
|
|
122
|
-
!toolbar.isHidden("download") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ jsx(
|
|
123
|
-
IconButton,
|
|
124
|
-
{
|
|
125
|
-
size: "small",
|
|
126
|
-
onClick: toolbar.getHandler("download", onDownloadClick),
|
|
127
|
-
disabled: toolbar.isDisabled("download"),
|
|
128
|
-
"aria-label": "Download file",
|
|
129
|
-
children: toolbar.getIcon("download") || /* @__PURE__ */ jsx(DownloadIcon, {})
|
|
130
|
-
}
|
|
131
|
-
) }),
|
|
132
|
-
!toolbar.isHidden("print") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ jsx(
|
|
133
|
-
IconButton,
|
|
134
|
-
{
|
|
135
|
-
size: "small",
|
|
136
|
-
onClick: toolbar.getHandler("print", onPrintClick),
|
|
137
|
-
disabled: toolbar.isDisabled("print"),
|
|
138
|
-
"aria-label": "Print file",
|
|
139
|
-
children: toolbar.getIcon("print") || /* @__PURE__ */ jsx(PrintIcon, {})
|
|
140
|
-
}
|
|
141
|
-
) }),
|
|
142
|
-
!toolbar.isHidden("fullscreen") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ jsx(
|
|
143
|
-
IconButton,
|
|
144
|
-
{
|
|
145
|
-
size: "small",
|
|
146
|
-
onClick: toolbar.getHandler(
|
|
147
|
-
"fullscreen",
|
|
148
|
-
handleToggleFullScreen
|
|
149
|
-
),
|
|
150
|
-
disabled: toolbar.isDisabled("fullscreen"),
|
|
151
|
-
"aria-label": "Toggle fullscreen",
|
|
152
|
-
children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ jsx(FullscreenIcon, {})
|
|
153
|
-
}
|
|
154
|
-
) }),
|
|
155
|
-
!toolbar.isHidden("metadata") && /* @__PURE__ */ jsx(
|
|
156
|
-
Tooltip,
|
|
157
|
-
{
|
|
158
|
-
title: toolbar.getLabel("metadata") || "Document Metadata",
|
|
159
|
-
children: /* @__PURE__ */ jsx(
|
|
160
|
-
IconButton,
|
|
161
|
-
{
|
|
162
|
-
size: "small",
|
|
163
|
-
onClick: toolbar.getHandler("metadata", onMetadataClick),
|
|
164
|
-
disabled: toolbar.isDisabled("metadata"),
|
|
165
|
-
"aria-label": "View document metadata",
|
|
166
|
-
children: toolbar.getIcon("metadata") || /* @__PURE__ */ jsx(DescriptionIcon, {})
|
|
167
|
-
}
|
|
168
|
-
)
|
|
169
|
-
}
|
|
170
|
-
),
|
|
171
|
-
!toolbar.isHidden("properties") && /* @__PURE__ */ jsx(
|
|
172
|
-
Tooltip,
|
|
173
|
-
{
|
|
174
|
-
title: toolbar.getLabel("properties") || "Document Properties",
|
|
175
|
-
children: /* @__PURE__ */ jsx(
|
|
176
|
-
IconButton,
|
|
177
|
-
{
|
|
178
|
-
size: "small",
|
|
179
|
-
onClick: toolbar.getHandler(
|
|
180
|
-
"properties",
|
|
181
|
-
onPropertiesClick
|
|
182
|
-
),
|
|
183
|
-
disabled: toolbar.isDisabled("properties"),
|
|
184
|
-
"aria-label": "View document properties",
|
|
185
|
-
children: toolbar.getIcon("properties") || /* @__PURE__ */ jsx(InfoIcon, {})
|
|
186
|
-
}
|
|
187
|
-
)
|
|
188
|
-
}
|
|
189
|
-
),
|
|
190
|
-
" ",
|
|
191
|
-
!toolbar.isHidden("tags") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("tags") || "Document Tags", children: /* @__PURE__ */ jsx(
|
|
192
|
-
IconButton,
|
|
193
|
-
{
|
|
194
|
-
size: "small",
|
|
195
|
-
onClick: toolbar.getHandler("tags", onTagsClick),
|
|
196
|
-
disabled: toolbar.isDisabled("tags"),
|
|
197
|
-
"aria-label": "View document tags",
|
|
198
|
-
children: toolbar.getIcon("tags") || /* @__PURE__ */ jsx(LocalOffer, {})
|
|
199
|
-
}
|
|
200
|
-
) }),
|
|
201
|
-
!toolbar.isHidden("history") && /* @__PURE__ */ jsx(
|
|
202
|
-
Tooltip,
|
|
203
|
-
{
|
|
204
|
-
title: toolbar.getLabel("history") || "Document History",
|
|
205
|
-
children: /* @__PURE__ */ jsx(
|
|
206
|
-
IconButton,
|
|
207
|
-
{
|
|
208
|
-
size: "small",
|
|
209
|
-
onClick: toolbar.getHandler("history", onHistoryClick),
|
|
210
|
-
disabled: toolbar.isDisabled("history"),
|
|
211
|
-
"aria-label": "View document history",
|
|
212
|
-
children: toolbar.getIcon("history") || /* @__PURE__ */ jsx(HistoryIcon, {})
|
|
213
|
-
}
|
|
214
|
-
)
|
|
215
|
-
}
|
|
216
|
-
)
|
|
217
|
-
] }),
|
|
218
|
-
sx: { pb: 1 }
|
|
219
|
-
}
|
|
220
|
-
),
|
|
221
|
-
/* @__PURE__ */ jsxs(
|
|
222
|
-
CardContent,
|
|
223
|
-
{
|
|
224
|
-
sx: {
|
|
225
|
-
flexGrow: 1,
|
|
226
|
-
display: "flex",
|
|
227
|
-
alignItems: "center",
|
|
228
|
-
justifyContent: "center",
|
|
229
|
-
flexDirection: "column",
|
|
230
|
-
textAlign: "center",
|
|
231
|
-
color: "#666"
|
|
232
|
-
},
|
|
233
|
-
children: [
|
|
234
|
-
/* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, color: "text.primary", children: "File Preview Not Available" }),
|
|
235
|
-
/* @__PURE__ */ jsxs(Box, { sx: { mt: 2 }, children: [
|
|
236
|
-
/* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
|
|
237
|
-
/* @__PURE__ */ jsx("strong", { children: "File:" }),
|
|
238
|
-
" ",
|
|
239
|
-
resolvedFileName
|
|
240
|
-
] }),
|
|
241
|
-
mimeType && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
|
|
242
|
-
/* @__PURE__ */ jsx("strong", { children: "Type:" }),
|
|
243
|
-
" ",
|
|
244
|
-
mimeType
|
|
245
|
-
] }),
|
|
246
|
-
fileSize && /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
|
|
247
|
-
/* @__PURE__ */ jsx("strong", { children: "Size:" }),
|
|
248
|
-
" ",
|
|
249
|
-
Math.round(fileSize / 1024),
|
|
250
|
-
" KB"
|
|
251
|
-
] }),
|
|
252
|
-
/* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 2 }, children: "This file type is not supported for preview." }),
|
|
253
|
-
/* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "You can download the file using the button above." })
|
|
254
|
-
] })
|
|
255
|
-
]
|
|
256
|
-
}
|
|
257
|
-
)
|
|
258
|
-
]
|
|
259
|
-
}
|
|
260
|
-
)
|
|
261
|
-
}
|
|
262
|
-
);
|
|
263
|
-
};
|
|
264
|
-
|
|
265
|
-
export {
|
|
266
|
-
DefaultViewer
|
|
267
|
-
};
|
|
268
|
-
//# sourceMappingURL=chunk-B5NNB4KD.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/viewers/DefaultViewer.tsx"],"sourcesContent":["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"],"mappings":"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","names":[]}
|