@cannymindstech/file-viewers 0.27.12 → 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.
Files changed (91) hide show
  1. package/package.json +2 -2
  2. package/dist/chunk-2BLHLWNN.js +0 -299
  3. package/dist/chunk-2BLHLWNN.js.map +0 -1
  4. package/dist/chunk-6BRYDA3B.js +0 -329
  5. package/dist/chunk-6BRYDA3B.js.map +0 -1
  6. package/dist/chunk-7JPF5AYR.mjs +0 -488
  7. package/dist/chunk-7JPF5AYR.mjs.map +0 -1
  8. package/dist/chunk-7P6WEBHN.js +0 -2299
  9. package/dist/chunk-7P6WEBHN.js.map +0 -1
  10. package/dist/chunk-7PMZ4GN5.mjs +0 -290
  11. package/dist/chunk-7PMZ4GN5.mjs.map +0 -1
  12. package/dist/chunk-B5NNB4KD.mjs +0 -268
  13. package/dist/chunk-B5NNB4KD.mjs.map +0 -1
  14. package/dist/chunk-CIWCHSAA.js +0 -309
  15. package/dist/chunk-CIWCHSAA.js.map +0 -1
  16. package/dist/chunk-D7SDEVDM.js +0 -268
  17. package/dist/chunk-D7SDEVDM.js.map +0 -1
  18. package/dist/chunk-ECZ6IBOS.js +0 -424
  19. package/dist/chunk-ECZ6IBOS.js.map +0 -1
  20. package/dist/chunk-EKNP342T.mjs +0 -299
  21. package/dist/chunk-EKNP342T.mjs.map +0 -1
  22. package/dist/chunk-EM63H4SA.js +0 -290
  23. package/dist/chunk-EM63H4SA.js.map +0 -1
  24. package/dist/chunk-IJMNPAXX.mjs +0 -309
  25. package/dist/chunk-IJMNPAXX.mjs.map +0 -1
  26. package/dist/chunk-JKX5RSLF.mjs +0 -871
  27. package/dist/chunk-JKX5RSLF.mjs.map +0 -1
  28. package/dist/chunk-KJNOBIUZ.mjs +0 -36
  29. package/dist/chunk-KJNOBIUZ.mjs.map +0 -1
  30. package/dist/chunk-KQCU7XW2.mjs +0 -424
  31. package/dist/chunk-KQCU7XW2.mjs.map +0 -1
  32. package/dist/chunk-KQLIG6WK.js +0 -871
  33. package/dist/chunk-KQLIG6WK.js.map +0 -1
  34. package/dist/chunk-OPJOCUSL.js +0 -36
  35. package/dist/chunk-OPJOCUSL.js.map +0 -1
  36. package/dist/chunk-PZGUVU6N.mjs +0 -2299
  37. package/dist/chunk-PZGUVU6N.mjs.map +0 -1
  38. package/dist/chunk-QV63FULE.js +0 -488
  39. package/dist/chunk-QV63FULE.js.map +0 -1
  40. package/dist/chunk-XJQ5J2UF.mjs +0 -329
  41. package/dist/chunk-XJQ5J2UF.mjs.map +0 -1
  42. package/dist/components/viewers/AudioViewer.d.mts +0 -6
  43. package/dist/components/viewers/AudioViewer.d.ts +0 -6
  44. package/dist/components/viewers/AudioViewer.js +0 -10
  45. package/dist/components/viewers/AudioViewer.js.map +0 -1
  46. package/dist/components/viewers/AudioViewer.mjs +0 -10
  47. package/dist/components/viewers/AudioViewer.mjs.map +0 -1
  48. package/dist/components/viewers/DefaultViewer.d.mts +0 -6
  49. package/dist/components/viewers/DefaultViewer.d.ts +0 -6
  50. package/dist/components/viewers/DefaultViewer.js +0 -10
  51. package/dist/components/viewers/DefaultViewer.js.map +0 -1
  52. package/dist/components/viewers/DefaultViewer.mjs +0 -10
  53. package/dist/components/viewers/DefaultViewer.mjs.map +0 -1
  54. package/dist/components/viewers/ImageViewer.d.mts +0 -6
  55. package/dist/components/viewers/ImageViewer.d.ts +0 -6
  56. package/dist/components/viewers/ImageViewer.js +0 -10
  57. package/dist/components/viewers/ImageViewer.js.map +0 -1
  58. package/dist/components/viewers/ImageViewer.mjs +0 -10
  59. package/dist/components/viewers/ImageViewer.mjs.map +0 -1
  60. package/dist/components/viewers/PDFViewer.d.mts +0 -51
  61. package/dist/components/viewers/PDFViewer.d.ts +0 -51
  62. package/dist/components/viewers/PDFViewer.js +0 -11
  63. package/dist/components/viewers/PDFViewer.js.map +0 -1
  64. package/dist/components/viewers/PDFViewer.mjs +0 -11
  65. package/dist/components/viewers/PDFViewer.mjs.map +0 -1
  66. package/dist/components/viewers/TIFFViewer.d.mts +0 -6
  67. package/dist/components/viewers/TIFFViewer.d.ts +0 -6
  68. package/dist/components/viewers/TIFFViewer.js +0 -10
  69. package/dist/components/viewers/TIFFViewer.js.map +0 -1
  70. package/dist/components/viewers/TIFFViewer.mjs +0 -10
  71. package/dist/components/viewers/TIFFViewer.mjs.map +0 -1
  72. package/dist/components/viewers/TextViewer.d.mts +0 -6
  73. package/dist/components/viewers/TextViewer.d.ts +0 -6
  74. package/dist/components/viewers/TextViewer.js +0 -10
  75. package/dist/components/viewers/TextViewer.js.map +0 -1
  76. package/dist/components/viewers/TextViewer.mjs +0 -10
  77. package/dist/components/viewers/TextViewer.mjs.map +0 -1
  78. package/dist/components/viewers/VideoViewer.d.mts +0 -6
  79. package/dist/components/viewers/VideoViewer.d.ts +0 -6
  80. package/dist/components/viewers/VideoViewer.js +0 -10
  81. package/dist/components/viewers/VideoViewer.js.map +0 -1
  82. package/dist/components/viewers/VideoViewer.mjs +0 -10
  83. package/dist/components/viewers/VideoViewer.mjs.map +0 -1
  84. package/dist/index.d.mts +0 -75
  85. package/dist/index.d.ts +0 -75
  86. package/dist/index.js +0 -305
  87. package/dist/index.js.map +0 -1
  88. package/dist/index.mjs +0 -305
  89. package/dist/index.mjs.map +0 -1
  90. package/dist/types-BYTxtKEc.d.mts +0 -100
  91. package/dist/types-BYTxtKEc.d.ts +0 -100
@@ -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"]}
@@ -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":[]}