@cannyminds/dms-file-viewers 0.14.0 → 0.16.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 (97) hide show
  1. package/dist/chunk-5VXNBCB7.mjs +268 -0
  2. package/dist/chunk-5VXNBCB7.mjs.map +1 -0
  3. package/dist/chunk-7S4B534E.js +742 -0
  4. package/dist/chunk-7S4B534E.js.map +1 -0
  5. package/dist/chunk-AUNFO5WZ.js +268 -0
  6. package/dist/chunk-AUNFO5WZ.js.map +1 -0
  7. package/dist/chunk-BL4HRFCJ.mjs +487 -0
  8. package/dist/chunk-BL4HRFCJ.mjs.map +1 -0
  9. package/dist/chunk-CIAMJ46F.js +309 -0
  10. package/dist/chunk-CIAMJ46F.js.map +1 -0
  11. package/dist/chunk-DLSRPPBM.mjs +1863 -0
  12. package/dist/chunk-DLSRPPBM.mjs.map +1 -0
  13. package/dist/{chunk-J3JKVSAM.js → chunk-EEIQAW55.js} +5 -2
  14. package/dist/chunk-EEIQAW55.js.map +1 -0
  15. package/dist/chunk-FUNU3LUV.js +487 -0
  16. package/dist/chunk-FUNU3LUV.js.map +1 -0
  17. package/dist/chunk-HX5KWJCV.mjs +742 -0
  18. package/dist/chunk-HX5KWJCV.mjs.map +1 -0
  19. package/dist/chunk-LOXGEZRZ.js +329 -0
  20. package/dist/chunk-LOXGEZRZ.js.map +1 -0
  21. package/dist/chunk-NZLZUCP2.mjs +329 -0
  22. package/dist/chunk-NZLZUCP2.mjs.map +1 -0
  23. package/dist/chunk-PFX2NN3C.js +1863 -0
  24. package/dist/chunk-PFX2NN3C.js.map +1 -0
  25. package/dist/{chunk-DFBVN4MO.mjs → chunk-Q4OU6YDO.mjs} +5 -2
  26. package/dist/chunk-Q4OU6YDO.mjs.map +1 -0
  27. package/dist/chunk-VM5I5IEA.mjs +309 -0
  28. package/dist/chunk-VM5I5IEA.mjs.map +1 -0
  29. package/dist/chunk-YGQ6UYNQ.js +299 -0
  30. package/dist/chunk-YGQ6UYNQ.js.map +1 -0
  31. package/dist/chunk-ZRASAXL6.mjs +299 -0
  32. package/dist/chunk-ZRASAXL6.mjs.map +1 -0
  33. package/dist/components/viewers/AudioViewer.d.mts +1 -1
  34. package/dist/components/viewers/AudioViewer.d.ts +1 -1
  35. package/dist/components/viewers/AudioViewer.js +3 -3
  36. package/dist/components/viewers/AudioViewer.mjs +2 -2
  37. package/dist/components/viewers/DefaultViewer.d.mts +1 -1
  38. package/dist/components/viewers/DefaultViewer.d.ts +1 -1
  39. package/dist/components/viewers/DefaultViewer.js +3 -3
  40. package/dist/components/viewers/DefaultViewer.mjs +2 -2
  41. package/dist/components/viewers/ImageViewer.d.mts +1 -1
  42. package/dist/components/viewers/ImageViewer.d.ts +1 -1
  43. package/dist/components/viewers/ImageViewer.js +3 -3
  44. package/dist/components/viewers/ImageViewer.mjs +2 -2
  45. package/dist/components/viewers/PDFViewer.d.mts +1 -1
  46. package/dist/components/viewers/PDFViewer.d.ts +1 -1
  47. package/dist/components/viewers/PDFViewer.js +3 -3
  48. package/dist/components/viewers/PDFViewer.mjs +2 -2
  49. package/dist/components/viewers/TIFFViewer.d.mts +1 -1
  50. package/dist/components/viewers/TIFFViewer.d.ts +1 -1
  51. package/dist/components/viewers/TIFFViewer.js +3 -3
  52. package/dist/components/viewers/TIFFViewer.mjs +2 -2
  53. package/dist/components/viewers/TextViewer.d.mts +1 -1
  54. package/dist/components/viewers/TextViewer.d.ts +1 -1
  55. package/dist/components/viewers/TextViewer.js +3 -3
  56. package/dist/components/viewers/TextViewer.mjs +2 -2
  57. package/dist/components/viewers/VideoViewer.d.mts +1 -1
  58. package/dist/components/viewers/VideoViewer.d.ts +1 -1
  59. package/dist/components/viewers/VideoViewer.js +3 -3
  60. package/dist/components/viewers/VideoViewer.mjs +2 -2
  61. package/dist/index.d.mts +2 -2
  62. package/dist/index.d.ts +2 -2
  63. package/dist/index.js +9 -9
  64. package/dist/index.mjs +8 -8
  65. package/dist/{types-DNrkDJdK.d.mts → types-DM0RG-Yu.d.mts} +6 -2
  66. package/dist/{types-DNrkDJdK.d.ts → types-DM0RG-Yu.d.ts} +6 -2
  67. package/package.json +1 -1
  68. package/dist/chunk-7QRYWFCO.js +0 -639
  69. package/dist/chunk-7QRYWFCO.js.map +0 -1
  70. package/dist/chunk-7R2KG3PE.mjs +0 -210
  71. package/dist/chunk-7R2KG3PE.mjs.map +0 -1
  72. package/dist/chunk-CFYOPDCG.mjs +0 -235
  73. package/dist/chunk-CFYOPDCG.mjs.map +0 -1
  74. package/dist/chunk-D74R4IKW.mjs +0 -341
  75. package/dist/chunk-D74R4IKW.mjs.map +0 -1
  76. package/dist/chunk-DFBVN4MO.mjs.map +0 -1
  77. package/dist/chunk-EXZCEYLI.js +0 -247
  78. package/dist/chunk-EXZCEYLI.js.map +0 -1
  79. package/dist/chunk-J3JKVSAM.js.map +0 -1
  80. package/dist/chunk-NXVIRFGL.mjs +0 -247
  81. package/dist/chunk-NXVIRFGL.mjs.map +0 -1
  82. package/dist/chunk-P2VNW6OE.mjs +0 -180
  83. package/dist/chunk-P2VNW6OE.mjs.map +0 -1
  84. package/dist/chunk-P5FH7LK7.mjs +0 -639
  85. package/dist/chunk-P5FH7LK7.mjs.map +0 -1
  86. package/dist/chunk-PZJSY6OF.mjs +0 -1736
  87. package/dist/chunk-PZJSY6OF.mjs.map +0 -1
  88. package/dist/chunk-RVHIXSUP.js +0 -235
  89. package/dist/chunk-RVHIXSUP.js.map +0 -1
  90. package/dist/chunk-TGVFAAIP.js +0 -341
  91. package/dist/chunk-TGVFAAIP.js.map +0 -1
  92. package/dist/chunk-VOLQW3NF.js +0 -1736
  93. package/dist/chunk-VOLQW3NF.js.map +0 -1
  94. package/dist/chunk-VSGX22FQ.js +0 -180
  95. package/dist/chunk-VSGX22FQ.js.map +0 -1
  96. package/dist/chunk-WCAXWJE7.js +0 -210
  97. package/dist/chunk-WCAXWJE7.js.map +0 -1
@@ -1,341 +0,0 @@
1
- "use client";
2
- import {
3
- toolbarStyles
4
- } from "./chunk-GMDRDOWP.mjs";
5
- import {
6
- FileIcon_default,
7
- mergeToolbarConfig
8
- } from "./chunk-DFBVN4MO.mjs";
9
-
10
- // src/components/viewers/ImageViewer.tsx
11
- import { useRef, useState, useMemo, useEffect } from "react";
12
-
13
- // src/components/viewers/image/ImageToolbar.tsx
14
- import React from "react";
15
- import ZoomInIcon from "@mui/icons-material/ZoomIn";
16
- import ZoomOutIcon from "@mui/icons-material/ZoomOut";
17
- import RotateLeftIcon from "@mui/icons-material/RotateLeft";
18
- import RotateRightIcon from "@mui/icons-material/RotateRight";
19
- import FitScreenIcon from "@mui/icons-material/FitScreen";
20
- import AspectRatioIcon from "@mui/icons-material/AspectRatio";
21
- import FullscreenIcon from "@mui/icons-material/Fullscreen";
22
- import DownloadIcon from "@mui/icons-material/Download";
23
- import PrintIcon from "@mui/icons-material/Print";
24
- import InfoIcon from "@mui/icons-material/Info";
25
- import DescriptionIcon from "@mui/icons-material/Description";
26
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
27
- var ImageToolbar = React.memo(({
28
- zoom,
29
- rotation,
30
- onZoomIn,
31
- onZoomOut,
32
- onFitToWidth,
33
- onFitToPage,
34
- onRotateLeft,
35
- onRotateRight,
36
- onToggleFullScreen,
37
- showDownload,
38
- showPrint,
39
- showMetadata,
40
- showProperties,
41
- disabledDownload,
42
- disabledPrint,
43
- disabledMetadata,
44
- disabledProperties,
45
- onDownloadClick,
46
- onPrintClick,
47
- onMetadataClick,
48
- onPropertiesClick
49
- }) => /* @__PURE__ */ jsxs("div", { className: "pdf-viewer-toolbar", children: [
50
- /* @__PURE__ */ jsx("div", { className: "toolbar-separator" }),
51
- /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
52
- /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onZoomOut, title: "Zoom Out", children: /* @__PURE__ */ jsx(ZoomOutIcon, { fontSize: "small" }) }),
53
- /* @__PURE__ */ jsxs("span", { className: "zoom-display", children: [
54
- zoom,
55
- "%"
56
- ] }),
57
- /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onZoomIn, title: "Zoom In", children: /* @__PURE__ */ jsx(ZoomInIcon, { fontSize: "small" }) }),
58
- /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onFitToWidth, title: "Fit to Width", children: /* @__PURE__ */ jsx(AspectRatioIcon, { fontSize: "small" }) }),
59
- /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onFitToPage, title: "Fit to Page", children: /* @__PURE__ */ jsx(FitScreenIcon, { fontSize: "small" }) })
60
- ] }),
61
- /* @__PURE__ */ jsx("div", { className: "toolbar-separator" }),
62
- /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
63
- /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onRotateLeft, title: "Rotate Left", children: /* @__PURE__ */ jsx(RotateLeftIcon, { fontSize: "small" }) }),
64
- /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onRotateRight, title: "Rotate Right", children: /* @__PURE__ */ jsx(RotateRightIcon, { fontSize: "small" }) }),
65
- /* @__PURE__ */ jsxs("span", { className: "page-info", children: [
66
- "Rotation: ",
67
- rotation,
68
- "\xB0"
69
- ] })
70
- ] }),
71
- /* @__PURE__ */ jsx("div", { className: "toolbar-separator" }),
72
- /* @__PURE__ */ jsx("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onToggleFullScreen, title: "Fullscreen", children: /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" }) }) }),
73
- (showDownload || showPrint || showMetadata || showProperties) && /* @__PURE__ */ jsxs(Fragment, { children: [
74
- /* @__PURE__ */ jsx("div", { className: "toolbar-separator" }),
75
- /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
76
- showDownload && /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onDownloadClick, disabled: disabledDownload, title: "Download Image", children: /* @__PURE__ */ jsx(DownloadIcon, { fontSize: "small" }) }),
77
- showPrint && /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onPrintClick, disabled: disabledPrint, title: "Print Image", children: /* @__PURE__ */ jsx(PrintIcon, { fontSize: "small" }) }),
78
- showMetadata && /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onMetadataClick, disabled: disabledMetadata, title: "Image Metadata", children: /* @__PURE__ */ jsx(DescriptionIcon, { fontSize: "small" }) }),
79
- showProperties && /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onPropertiesClick, disabled: disabledProperties, title: "Image Properties", children: /* @__PURE__ */ jsx(InfoIcon, { fontSize: "small" }) })
80
- ] })
81
- ] })
82
- ] }));
83
- ImageToolbar.displayName = "ImageToolbar";
84
-
85
- // src/components/viewers/image/ImageHeader.tsx
86
- import React2 from "react";
87
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
88
- var ImageHeader = React2.memo(({ fileName, fileExtension }) => {
89
- return /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-header", children: [
90
- /* @__PURE__ */ jsx2(FileIcon_default, { ext: fileExtension, size: 26 }),
91
- /* @__PURE__ */ jsx2("div", { className: "header-file-name", title: fileName, children: fileName })
92
- ] });
93
- });
94
- ImageHeader.displayName = "ImageHeader";
95
-
96
- // src/components/viewers/ImageViewer.tsx
97
- import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
98
- var ImageViewer = ({
99
- file,
100
- url,
101
- fileName,
102
- width = "100%",
103
- height = "100%",
104
- className = "",
105
- style = {},
106
- showDownload = true,
107
- showPrint = true,
108
- showMetadata = false,
109
- showProperties = false,
110
- onDownloadClick,
111
- onPrintClick,
112
- onMetadataClick,
113
- onPropertiesClick,
114
- // Extract props that shouldn't be passed to DOM elements
115
- mimeType,
116
- fileSize,
117
- showPageCount,
118
- showPageNavigation,
119
- showZoomControls,
120
- showSearch,
121
- customRegistry,
122
- initialSearchText,
123
- initialSearchPages,
124
- autoOpenSearch,
125
- autoExecuteSearch,
126
- onSearchComplete,
127
- toolbarActions,
128
- ...props
129
- }) => {
130
- const containerRef = useRef(null);
131
- const imageAreaRef = useRef(null);
132
- const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
133
- const [zoom, setZoom] = useState(100);
134
- const [rotation, setRotation] = useState(0);
135
- const [pendingFit, setPendingFit] = useState(null);
136
- const didAutoFit = useRef(false);
137
- const [isDragging, setIsDragging] = useState(false);
138
- const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
139
- const [scrollStart, setScrollStart] = useState({ left: 0, top: 0 });
140
- const [isFullScreen, setIsFullScreen] = useState(false);
141
- const src = useMemo(() => {
142
- if (file) {
143
- const objectUrl = URL.createObjectURL(file);
144
- return objectUrl;
145
- }
146
- return url || "";
147
- }, [file, url]);
148
- useEffect(() => {
149
- return () => {
150
- if (file && src) {
151
- URL.revokeObjectURL(src);
152
- }
153
- };
154
- }, [file, src]);
155
- const handleImageLoad = (e) => {
156
- const img = e.currentTarget;
157
- setImageSize({ width: img.naturalWidth, height: img.naturalHeight });
158
- if (!didAutoFit.current) {
159
- setPendingFit("page");
160
- didAutoFit.current = true;
161
- }
162
- };
163
- useEffect(() => {
164
- if (!imageAreaRef.current || !imageSize.width || !imageSize.height || !pendingFit) return;
165
- const containerWidth = imageAreaRef.current.offsetWidth;
166
- const containerHeight = imageAreaRef.current.offsetHeight;
167
- const rot2 = rotation % 360;
168
- const rotated2 = rot2 === 90 || rot2 === 270;
169
- const imgW = rotated2 ? imageSize.height : imageSize.width;
170
- const imgH = rotated2 ? imageSize.width : imageSize.height;
171
- if (pendingFit === "width") {
172
- setZoom(Math.round(containerWidth / imgW * 100));
173
- } else if (pendingFit === "page") {
174
- const scaleW = containerWidth / imgW;
175
- const scaleH = containerHeight / imgH;
176
- setZoom(Math.round(Math.min(scaleW, scaleH) * 100));
177
- }
178
- setPendingFit(null);
179
- }, [pendingFit, imageSize, rotation]);
180
- const handleZoomIn = () => setZoom((z) => Math.min(z + 10, 400));
181
- const handleZoomOut = () => setZoom((z) => Math.max(z - 10, 10));
182
- const handleFitToWidth = () => setPendingFit("width");
183
- const handleFitToPage = () => setPendingFit("page");
184
- const handleRotateLeft = () => setRotation((r) => (r - 90 + 360) % 360);
185
- const handleRotateRight = () => setRotation((r) => (r + 90) % 360);
186
- const handleToggleFullScreen = () => {
187
- if (!isFullScreen && containerRef.current?.requestFullscreen) {
188
- containerRef.current.requestFullscreen();
189
- setIsFullScreen(true);
190
- } else if (isFullScreen && document.exitFullscreen) {
191
- document.exitFullscreen();
192
- setIsFullScreen(false);
193
- }
194
- };
195
- const handleMouseDown = (e) => {
196
- if (imageAreaRef.current) {
197
- setIsDragging(true);
198
- setDragStart({ x: e.clientX, y: e.clientY });
199
- setScrollStart({
200
- left: imageAreaRef.current.scrollLeft,
201
- top: imageAreaRef.current.scrollTop
202
- });
203
- }
204
- };
205
- const handleMouseMove = (e) => {
206
- if (!isDragging || !imageAreaRef.current) return;
207
- const dx = e.clientX - dragStart.x;
208
- const dy = e.clientY - dragStart.y;
209
- imageAreaRef.current.scrollLeft = scrollStart.left - dx;
210
- imageAreaRef.current.scrollTop = scrollStart.top - dy;
211
- };
212
- const handleMouseUp = () => setIsDragging(false);
213
- const handleMouseLeave = () => setIsDragging(false);
214
- const toolbar = mergeToolbarConfig({
215
- showDownload,
216
- showPrint,
217
- showMetadata,
218
- showProperties,
219
- onDownloadClick,
220
- onPrintClick,
221
- onMetadataClick,
222
- onPropertiesClick,
223
- toolbarActions
224
- });
225
- useEffect(() => {
226
- const handleKeyDown = (e) => {
227
- if (e.key === "+") setZoom((z) => Math.min(z + 10, 400));
228
- if (e.key === "-") setZoom((z) => Math.max(z - 10, 10));
229
- if (e.key === "r") setRotation((r) => (r + 90) % 360);
230
- if (e.key === "R") setRotation((r) => (r - 90 + 360) % 360);
231
- if (e.key === "Escape" && isFullScreen && document.exitFullscreen) {
232
- document.exitFullscreen();
233
- setIsFullScreen(false);
234
- }
235
- };
236
- const handleFullscreenChange = () => {
237
- setIsFullScreen(!!document.fullscreenElement);
238
- };
239
- window.addEventListener("keydown", handleKeyDown);
240
- document.addEventListener("fullscreenchange", handleFullscreenChange);
241
- return () => {
242
- window.removeEventListener("keydown", handleKeyDown);
243
- document.removeEventListener("fullscreenchange", handleFullscreenChange);
244
- };
245
- }, [isFullScreen]);
246
- if (!src) {
247
- return /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-container", style: { width, height, ...style }, children: [
248
- /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
249
- /* @__PURE__ */ jsx3("div", { style: { height: "100%", display: "flex", alignItems: "center", justifyContent: "center", color: "#666" }, children: /* @__PURE__ */ jsx3("strong", { children: "No image source provided" }) })
250
- ] });
251
- }
252
- const displayName = fileName || file?.name || "image";
253
- const ext = displayName.split(".").pop() || "";
254
- const rot = rotation % 360;
255
- const rotated = rot === 90 || rot === 270;
256
- const displayWidth = rotated ? imageSize.height : imageSize.width;
257
- const displayHeight = rotated ? imageSize.width : imageSize.height;
258
- const scaledWidth = displayWidth * (zoom / 100);
259
- const scaledHeight = displayHeight * (zoom / 100);
260
- return /* @__PURE__ */ jsxs3("div", { ref: containerRef, className: "pdf-viewer-container", style: { width, height, ...style }, children: [
261
- /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
262
- /* @__PURE__ */ jsx3(ImageHeader, { fileName: displayName, fileExtension: ext }),
263
- /* @__PURE__ */ jsx3(
264
- ImageToolbar,
265
- {
266
- zoom,
267
- rotation,
268
- onZoomIn: handleZoomIn,
269
- onZoomOut: handleZoomOut,
270
- onFitToWidth: handleFitToWidth,
271
- onFitToPage: handleFitToPage,
272
- onRotateLeft: handleRotateLeft,
273
- onRotateRight: handleRotateRight,
274
- onToggleFullScreen: handleToggleFullScreen,
275
- showDownload: !toolbar.isHidden("download"),
276
- showPrint: !toolbar.isHidden("print"),
277
- showMetadata: !toolbar.isHidden("metadata"),
278
- showProperties: !toolbar.isHidden("properties"),
279
- disabledDownload: toolbar.isDisabled("download"),
280
- disabledPrint: toolbar.isDisabled("print"),
281
- disabledMetadata: toolbar.isDisabled("metadata"),
282
- disabledProperties: toolbar.isDisabled("properties"),
283
- onDownloadClick: toolbar.getHandler("download", onDownloadClick),
284
- onPrintClick: toolbar.getHandler("print", onPrintClick),
285
- onMetadataClick: toolbar.getHandler("metadata", onMetadataClick),
286
- onPropertiesClick: toolbar.getHandler("properties", onPropertiesClick)
287
- }
288
- ),
289
- /* @__PURE__ */ jsx3(
290
- "div",
291
- {
292
- ref: imageAreaRef,
293
- className: "pdf-viewer-content",
294
- style: {
295
- cursor: isDragging ? "grabbing" : "grab",
296
- overflow: "auto",
297
- background: "#f5f5f5"
298
- },
299
- onMouseDown: handleMouseDown,
300
- onMouseMove: handleMouseMove,
301
- onMouseUp: handleMouseUp,
302
- onMouseLeave: handleMouseLeave,
303
- children: /* @__PURE__ */ jsx3("div", { style: {
304
- minWidth: `${scaledWidth}px`,
305
- minHeight: `${scaledHeight}px`,
306
- width: `${scaledWidth}px`,
307
- height: `${scaledHeight}px`,
308
- margin: "auto",
309
- display: "flex",
310
- alignItems: "center",
311
- justifyContent: "center",
312
- position: "relative"
313
- }, children: /* @__PURE__ */ jsx3(
314
- "img",
315
- {
316
- src,
317
- alt: displayName,
318
- onLoad: handleImageLoad,
319
- crossOrigin: "anonymous",
320
- style: {
321
- transform: `rotate(${rotation}deg)`,
322
- transformOrigin: "center center",
323
- maxWidth: "100%",
324
- maxHeight: "100%",
325
- width: "100%",
326
- height: "100%",
327
- objectFit: "contain",
328
- pointerEvents: "none",
329
- userSelect: "none"
330
- }
331
- }
332
- ) })
333
- }
334
- )
335
- ] });
336
- };
337
-
338
- export {
339
- ImageViewer
340
- };
341
- //# sourceMappingURL=chunk-D74R4IKW.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/viewers/ImageViewer.tsx","../src/components/viewers/image/ImageToolbar.tsx","../src/components/viewers/image/ImageHeader.tsx"],"sourcesContent":["import React, { useRef, useState, useMemo, useEffect } from 'react';\r\nimport { ImageToolbar } from './image/ImageToolbar';\r\nimport { ImageHeader } from './image/ImageHeader';\r\nimport { toolbarStyles } from './pdf/PDFStyles';\r\nimport { FileViewerProps } from '../../types';\r\nimport { mergeToolbarConfig } from '../../utils/toolbarUtils';\r\n\r\nexport const ImageViewer: React.FC<FileViewerProps> = ({\r\n file,\r\n url,\r\n fileName,\r\n width = '100%',\r\n height = '100%',\r\n className = '',\r\n style = {},\r\n showDownload = true,\r\n showPrint = true,\r\n showMetadata = false,\r\n showProperties = false,\r\n onDownloadClick,\r\n onPrintClick,\r\n onMetadataClick,\r\n onPropertiesClick,\r\n // Extract props that shouldn't be passed to DOM elements\r\n mimeType,\r\n fileSize,\r\n showPageCount,\r\n showPageNavigation,\r\n showZoomControls,\r\n showSearch,\r\n customRegistry,\r\n initialSearchText,\r\n initialSearchPages,\r\n autoOpenSearch,\r\n autoExecuteSearch,\r\n onSearchComplete,\r\n toolbarActions,\r\n ...props\r\n}) => {\r\n const containerRef = useRef<HTMLDivElement>(null);\r\n const imageAreaRef = useRef<HTMLDivElement>(null);\r\n const [imageSize, setImageSize] = useState({ width: 0, height: 0 });\r\n const [zoom, setZoom] = useState(100);\r\n const [rotation, setRotation] = useState(0);\r\n const [pendingFit, setPendingFit] = useState<'width' | 'page' | null>(null);\r\n const didAutoFit = useRef(false);\r\n const [isDragging, setIsDragging] = useState(false);\r\n const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\r\n const [scrollStart, setScrollStart] = useState({ left: 0, top: 0 });\r\n const [isFullScreen, setIsFullScreen] = useState(false);\r\n\r\n const src = useMemo(() => {\r\n if (file) {\r\n const objectUrl = URL.createObjectURL(file);\r\n return objectUrl;\r\n }\r\n return url || '';\r\n }, [file, url]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (file && src) {\r\n URL.revokeObjectURL(src);\r\n }\r\n };\r\n }, [file, src]);\r\n\r\n const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\r\n const img = e.currentTarget;\r\n setImageSize({ width: img.naturalWidth, height: img.naturalHeight });\r\n if (!didAutoFit.current) {\r\n setPendingFit('page');\r\n didAutoFit.current = true;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (!imageAreaRef.current || !imageSize.width || !imageSize.height || !pendingFit) return;\r\n \r\n const containerWidth = imageAreaRef.current.offsetWidth;\r\n const containerHeight = imageAreaRef.current.offsetHeight;\r\n const rot = rotation % 360;\r\n const rotated = rot === 90 || rot === 270;\r\n const imgW = rotated ? imageSize.height : imageSize.width;\r\n const imgH = rotated ? imageSize.width : imageSize.height;\r\n\r\n if (pendingFit === 'width') {\r\n setZoom(Math.round((containerWidth / imgW) * 100));\r\n } else if (pendingFit === 'page') {\r\n const scaleW = containerWidth / imgW;\r\n const scaleH = containerHeight / imgH;\r\n setZoom(Math.round(Math.min(scaleW, scaleH) * 100));\r\n }\r\n setPendingFit(null);\r\n }, [pendingFit, imageSize, rotation]);\r\n\r\n const handleZoomIn = () => setZoom(z => Math.min(z + 10, 400));\r\n const handleZoomOut = () => setZoom(z => Math.max(z - 10, 10));\r\n const handleFitToWidth = () => setPendingFit('width');\r\n const handleFitToPage = () => setPendingFit('page');\r\n const handleRotateLeft = () => setRotation(r => (r - 90 + 360) % 360);\r\n const handleRotateRight = () => setRotation(r => (r + 90) % 360);\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 handleMouseDown = (e: React.MouseEvent) => {\r\n if (imageAreaRef.current) {\r\n setIsDragging(true);\r\n setDragStart({ x: e.clientX, y: e.clientY });\r\n setScrollStart({\r\n left: imageAreaRef.current.scrollLeft,\r\n top: imageAreaRef.current.scrollTop,\r\n });\r\n }\r\n };\r\n\r\n const handleMouseMove = (e: React.MouseEvent) => {\r\n if (!isDragging || !imageAreaRef.current) return;\r\n const dx = e.clientX - dragStart.x;\r\n const dy = e.clientY - dragStart.y;\r\n imageAreaRef.current.scrollLeft = scrollStart.left - dx;\r\n imageAreaRef.current.scrollTop = scrollStart.top - dy;\r\n };\r\n\r\n const handleMouseUp = () => setIsDragging(false);\r\n const handleMouseLeave = () => setIsDragging(false);\r\n\r\n const toolbar = mergeToolbarConfig({ \r\n showDownload, \r\n showPrint, \r\n showMetadata, \r\n showProperties, \r\n onDownloadClick, \r\n onPrintClick, \r\n onMetadataClick, \r\n onPropertiesClick, \r\n toolbarActions \r\n });\r\n\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === '+') setZoom(z => Math.min(z + 10, 400));\r\n if (e.key === '-') setZoom(z => Math.max(z - 10, 10));\r\n if (e.key === 'r') setRotation(r => (r + 90) % 360);\r\n if (e.key === 'R') setRotation(r => (r - 90 + 360) % 360);\r\n if (e.key === 'Escape' && isFullScreen && document.exitFullscreen) {\r\n document.exitFullscreen();\r\n setIsFullScreen(false);\r\n }\r\n };\r\n\r\n const handleFullscreenChange = () => {\r\n setIsFullScreen(!!document.fullscreenElement);\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n document.addEventListener('fullscreenchange', handleFullscreenChange);\r\n\r\n return () => {\r\n window.removeEventListener('keydown', handleKeyDown);\r\n document.removeEventListener('fullscreenchange', handleFullscreenChange);\r\n };\r\n }, [isFullScreen]);\r\n\r\n if (!src) {\r\n return (\r\n <div className=\"pdf-viewer-container\" style={{ width, height, ...style }}>\r\n <style>{toolbarStyles}</style>\r\n <div style={{ height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#666' }}>\r\n <strong>No image source provided</strong>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n const displayName = fileName || file?.name || 'image';\r\n const ext = displayName.split('.').pop() || '';\r\n\r\n const rot = rotation % 360;\r\n const rotated = rot === 90 || rot === 270;\r\n const displayWidth = rotated ? imageSize.height : imageSize.width;\r\n const displayHeight = rotated ? imageSize.width : imageSize.height;\r\n const scaledWidth = displayWidth * (zoom / 100);\r\n const scaledHeight = displayHeight * (zoom / 100);\r\n\r\n return (\r\n <div ref={containerRef} className=\"pdf-viewer-container\" style={{ width, height, ...style }}>\r\n <style>{toolbarStyles}</style>\r\n <ImageHeader fileName={displayName} fileExtension={ext} />\r\n <ImageToolbar\r\n zoom={zoom}\r\n rotation={rotation}\r\n onZoomIn={handleZoomIn}\r\n onZoomOut={handleZoomOut}\r\n onFitToWidth={handleFitToWidth}\r\n onFitToPage={handleFitToPage}\r\n onRotateLeft={handleRotateLeft}\r\n onRotateRight={handleRotateRight}\r\n onToggleFullScreen={handleToggleFullScreen}\r\n showDownload={!toolbar.isHidden('download')}\r\n showPrint={!toolbar.isHidden('print')}\r\n showMetadata={!toolbar.isHidden('metadata')}\r\n showProperties={!toolbar.isHidden('properties')}\r\n disabledDownload={toolbar.isDisabled('download')}\r\n disabledPrint={toolbar.isDisabled('print')}\r\n disabledMetadata={toolbar.isDisabled('metadata')}\r\n disabledProperties={toolbar.isDisabled('properties')}\r\n onDownloadClick={toolbar.getHandler('download', onDownloadClick)}\r\n onPrintClick={toolbar.getHandler('print', onPrintClick)}\r\n onMetadataClick={toolbar.getHandler('metadata', onMetadataClick)}\r\n onPropertiesClick={toolbar.getHandler('properties', onPropertiesClick)}\r\n />\r\n <div \r\n ref={imageAreaRef}\r\n className=\"pdf-viewer-content\"\r\n style={{\r\n cursor: isDragging ? 'grabbing' : 'grab',\r\n overflow: 'auto',\r\n background: '#f5f5f5'\r\n }}\r\n onMouseDown={handleMouseDown}\r\n onMouseMove={handleMouseMove}\r\n onMouseUp={handleMouseUp}\r\n onMouseLeave={handleMouseLeave}\r\n >\r\n <div style={{\r\n minWidth: `${scaledWidth}px`,\r\n minHeight: `${scaledHeight}px`,\r\n width: `${scaledWidth}px`,\r\n height: `${scaledHeight}px`,\r\n margin: 'auto',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n position: 'relative',\r\n }}>\r\n <img\r\n src={src}\r\n alt={displayName}\r\n onLoad={handleImageLoad}\r\n crossOrigin=\"anonymous\"\r\n style={{\r\n transform: `rotate(${rotation}deg)`,\r\n transformOrigin: 'center center',\r\n maxWidth: '100%',\r\n maxHeight: '100%',\r\n width: '100%',\r\n height: '100%',\r\n objectFit: 'contain',\r\n pointerEvents: 'none',\r\n userSelect: 'none',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React from 'react';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport RotateLeftIcon from '@mui/icons-material/RotateLeft';\r\nimport RotateRightIcon from '@mui/icons-material/RotateRight';\r\nimport FitScreenIcon from '@mui/icons-material/FitScreen';\r\nimport AspectRatioIcon from '@mui/icons-material/AspectRatio';\r\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport PrintIcon from '@mui/icons-material/Print';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\n\r\ninterface ImageToolbarProps {\r\n zoom: number;\r\n rotation: number;\r\n onZoomIn: () => void;\r\n onZoomOut: () => void;\r\n onFitToWidth: () => void;\r\n onFitToPage: () => void;\r\n onRotateLeft: () => void;\r\n onRotateRight: () => void;\r\n onToggleFullScreen: () => void;\r\n showDownload: boolean;\r\n showPrint: boolean;\r\n showMetadata: boolean;\r\n showProperties: boolean;\r\n disabledDownload?: boolean;\r\n disabledPrint?: boolean;\r\n disabledMetadata?: boolean;\r\n disabledProperties?: boolean;\r\n onDownloadClick?: () => void;\r\n onPrintClick?: () => void;\r\n onMetadataClick?: () => void;\r\n onPropertiesClick?: () => void;\r\n}\r\n\r\nexport const ImageToolbar = React.memo<ImageToolbarProps>(({ \r\n zoom,\r\n rotation,\r\n onZoomIn,\r\n onZoomOut,\r\n onFitToWidth,\r\n onFitToPage,\r\n onRotateLeft,\r\n onRotateRight,\r\n onToggleFullScreen,\r\n showDownload,\r\n showPrint,\r\n showMetadata,\r\n showProperties,\r\n disabledDownload,\r\n disabledPrint,\r\n disabledMetadata,\r\n disabledProperties,\r\n onDownloadClick,\r\n onPrintClick,\r\n onMetadataClick,\r\n onPropertiesClick,\r\n}) => (\r\n <div className=\"pdf-viewer-toolbar\">\r\n <div className=\"toolbar-separator\"></div>\r\n <div className=\"toolbar-section\">\r\n <button className=\"toolbar-button\" onClick={onZoomOut} title=\"Zoom Out\">\r\n <ZoomOutIcon fontSize=\"small\" />\r\n </button>\r\n <span className=\"zoom-display\">{zoom}%</span>\r\n <button className=\"toolbar-button\" onClick={onZoomIn} title=\"Zoom In\">\r\n <ZoomInIcon fontSize=\"small\" />\r\n </button>\r\n <button className=\"toolbar-button\" onClick={onFitToWidth} title=\"Fit to Width\">\r\n <AspectRatioIcon fontSize=\"small\" />\r\n </button>\r\n <button className=\"toolbar-button\" onClick={onFitToPage} title=\"Fit to Page\">\r\n <FitScreenIcon fontSize=\"small\" />\r\n </button>\r\n </div>\r\n <div className=\"toolbar-separator\"></div>\r\n <div className=\"toolbar-section\">\r\n <button className=\"toolbar-button\" onClick={onRotateLeft} title=\"Rotate Left\">\r\n <RotateLeftIcon fontSize=\"small\" />\r\n </button>\r\n <button className=\"toolbar-button\" onClick={onRotateRight} title=\"Rotate Right\">\r\n <RotateRightIcon fontSize=\"small\" />\r\n </button>\r\n <span className=\"page-info\">Rotation: {rotation}°</span>\r\n </div>\r\n <div className=\"toolbar-separator\"></div>\r\n <div className=\"toolbar-section\">\r\n <button className=\"toolbar-button\" onClick={onToggleFullScreen} title=\"Fullscreen\">\r\n <FullscreenIcon fontSize=\"small\" />\r\n </button>\r\n </div>\r\n {(showDownload || showPrint || showMetadata || showProperties) && (\r\n <>\r\n <div className=\"toolbar-separator\"></div>\r\n <div className=\"toolbar-section\">\r\n {showDownload && (\r\n <button className=\"toolbar-button\" onClick={onDownloadClick} disabled={disabledDownload} title=\"Download Image\">\r\n <DownloadIcon fontSize=\"small\" />\r\n </button>\r\n )}\r\n {showPrint && (\r\n <button className=\"toolbar-button\" onClick={onPrintClick} disabled={disabledPrint} title=\"Print Image\">\r\n <PrintIcon fontSize=\"small\" />\r\n </button>\r\n )}\r\n {showMetadata && (\r\n <button className=\"toolbar-button\" onClick={onMetadataClick} disabled={disabledMetadata} title=\"Image Metadata\">\r\n <DescriptionIcon fontSize=\"small\" />\r\n </button>\r\n )}\r\n {showProperties && (\r\n <button className=\"toolbar-button\" onClick={onPropertiesClick} disabled={disabledProperties} title=\"Image Properties\">\r\n <InfoIcon fontSize=\"small\" />\r\n </button>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n));\r\n\r\nImageToolbar.displayName = 'ImageToolbar';\r\n","import React from 'react';\r\nimport FileIcon from '../../FileIcon';\r\n\r\ninterface ImageHeaderProps {\r\n fileName: string;\r\n fileExtension: string;\r\n}\r\n\r\nexport const ImageHeader = React.memo<ImageHeaderProps>(({ fileName, fileExtension }) => {\r\n return (\r\n <div className=\"pdf-viewer-header\">\r\n <FileIcon ext={fileExtension} size={26} />\r\n <div className=\"header-file-name\" title={fileName}>\r\n {fileName}\r\n </div>\r\n </div>\r\n );\r\n});\r\n\r\nImageHeader.displayName = 'ImageHeader';\r\n"],"mappings":"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","names":["React","jsx","jsxs","React","jsx","jsxs","rot","rotated"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/utils/toolbarUtils.ts","../src/components/FileIcon.tsx"],"sourcesContent":["import { ToolbarActionsConfig, FileViewerProps } from '../types';\r\n\r\n/**\r\n * Merges legacy toolbar props with new toolbarActions config\r\n * Priority: toolbarActions > legacy props\r\n */\r\nexport function mergeToolbarConfig(props: FileViewerProps): {\r\n isHidden: (actionId: string) => boolean;\r\n isDisabled: (actionId: string) => boolean;\r\n getHandler: (actionId: string, defaultHandler?: () => void) => (() => void) | undefined;\r\n getIcon: (actionId: string) => React.ReactNode | undefined;\r\n getLabel: (actionId: string) => string | undefined;\r\n} {\r\n const { toolbarActions = {} } = props;\r\n\r\n // Map legacy props to action IDs\r\n const legacyVisibility: Record<string, boolean | undefined> = {\r\n download: props.showDownload,\r\n print: props.showPrint,\r\n search: props.showSearch,\r\n metadata: props.showMetadata,\r\n properties: props.showProperties,\r\n pageNavigation: props.showPageNavigation,\r\n zoomControls: props.showZoomControls,\r\n pageCount: props.showPageCount,\r\n rotation: props.showRotation,\r\n rotateLeft: props.showRotation,\r\n rotateRight: props.showRotation,\r\n };\r\n\r\n const legacyHandlers: Record<string, (() => void) | undefined> = {\r\n download: props.onDownloadClick,\r\n print: props.onPrintClick,\r\n metadata: props.onMetadataClick,\r\n properties: props.onPropertiesClick,\r\n };\r\n\r\n return {\r\n isHidden: (actionId: string) => {\r\n // Check toolbarActions first - if explicitly set, use it\r\n if (toolbarActions[actionId]?.hidden !== undefined) {\r\n return toolbarActions[actionId].hidden!;\r\n }\r\n // If toolbarActions has disabled set (meaning user wants to show it), don't hide\r\n if (toolbarActions[actionId]?.disabled !== undefined) {\r\n return false;\r\n }\r\n // Fall back to legacy props (if false, it means hidden)\r\n if (legacyVisibility[actionId] !== undefined) {\r\n return !legacyVisibility[actionId];\r\n }\r\n return false;\r\n },\r\n\r\n isDisabled: (actionId: string) => {\r\n // If toolbarActions explicitly sets disabled, use it\r\n if (toolbarActions[actionId]?.disabled !== undefined) {\r\n return toolbarActions[actionId].disabled!;\r\n }\r\n return false;\r\n },\r\n\r\n getHandler: (actionId: string, defaultHandler?: () => void) => {\r\n // Priority: toolbarActions > legacy handlers > default\r\n return toolbarActions[actionId]?.onClick ?? legacyHandlers[actionId] ?? defaultHandler;\r\n },\r\n\r\n getIcon: (actionId: string) => {\r\n return toolbarActions[actionId]?.icon;\r\n },\r\n\r\n getLabel: (actionId: string) => {\r\n return toolbarActions[actionId]?.label;\r\n },\r\n };\r\n}\r\n","import React from 'react';\r\n\r\ninterface FileIconProps {\r\n ext?: string;\r\n size?: number;\r\n sx?: React.CSSProperties;\r\n}\r\n\r\nconst FileIcon: React.FC<FileIconProps> = ({ ext, size = 48, sx = {} }) => {\r\n const extension = (ext?.toLowerCase().replace(/^\\./, '')) || '';\r\n\r\n const getIconConfig = (extension: string) => {\r\n switch (extension) {\r\n case 'pdf':\r\n return { color: '#d32f2f', bgColor: '#ffebee', label: 'PDF' };\r\n case 'doc':\r\n case 'docx':\r\n return { color: '#1976d2', bgColor: '#e3f2fd', label: extension.toUpperCase() };\r\n case 'xls':\r\n case 'xlsx':\r\n return { color: '#388e3c', bgColor: '#e8f5e8', label: extension.toUpperCase() };\r\n case 'ppt':\r\n case 'pptx':\r\n return { color: '#f57c00', bgColor: '#fff3e0', label: extension.toUpperCase() };\r\n case 'jpg':\r\n case 'jpeg':\r\n case 'png':\r\n case 'gif':\r\n case 'svg':\r\n case 'webp':\r\n case 'bmp':\r\n case 'tiff':\r\n case 'tif':\r\n return { color: '#7b1fa2', bgColor: '#f3e5f5', label: extension.toUpperCase() };\r\n case 'mp4':\r\n case 'avi':\r\n case 'mov':\r\n case 'wmv':\r\n case 'webm':\r\n case 'mkv':\r\n return { color: '#c2185b', bgColor: '#fce4ec', label: extension.toUpperCase() };\r\n case 'mp3':\r\n case 'wav':\r\n case 'flac':\r\n case 'aac':\r\n case 'ogg':\r\n case 'm4a':\r\n return { color: '#303f9f', bgColor: '#e8eaf6', label: extension.toUpperCase() };\r\n case 'zip':\r\n case 'rar':\r\n case '7z':\r\n case 'tar':\r\n case 'gz':\r\n return { color: '#f9a825', bgColor: '#fffde7', label: extension.toUpperCase() };\r\n case 'txt':\r\n case 'md':\r\n case 'csv':\r\n return { color: '#424242', bgColor: '#f5f5f5', label: extension.toUpperCase() };\r\n case 'js':\r\n case 'jsx':\r\n case 'ts':\r\n case 'tsx':\r\n case 'html':\r\n case 'css':\r\n case 'json':\r\n case 'xml':\r\n case 'py':\r\n case 'java':\r\n case 'cpp':\r\n case 'c':\r\n return { color: '#424242', bgColor: '#f5f5f5', label: extension.toUpperCase() };\r\n default:\r\n return { color: '#757575', bgColor: '#fafafa', label: extension ? extension.toUpperCase() : 'FILE' };\r\n }\r\n };\r\n\r\n const iconConfig = getIconConfig(extension);\r\n\r\n const getSVGIcon = (ext: string) => {\r\n const iconSize = size * 0.6;\r\n \r\n switch (ext) {\r\n case 'pdf':\r\n case 'doc':\r\n case 'docx':\r\n case 'ppt':\r\n case 'pptx':\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\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\"/>\r\n <polyline points=\"14,2 14,8 20,8\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" stroke={iconConfig.color} strokeWidth=\"2\"/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" stroke={iconConfig.color} strokeWidth=\"2\"/>\r\n <polyline points=\"10,9 9,9 8,9\" stroke={iconConfig.color} strokeWidth=\"2\"/>\r\n </svg>\r\n );\r\n case 'xls':\r\n case 'xlsx':\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\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\"/>\r\n <polyline points=\"14,2 14,8 20,8\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\" stroke={iconConfig.color} strokeWidth=\"2\"/>\r\n <line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\" stroke={iconConfig.color} strokeWidth=\"2\"/>\r\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"21\" stroke={iconConfig.color} strokeWidth=\"2\"/>\r\n </svg>\r\n );\r\n case 'jpg':\r\n case 'jpeg':\r\n case 'png':\r\n case 'gif':\r\n case 'svg':\r\n case 'webp':\r\n case 'bmp':\r\n case 'tiff':\r\n case 'tif':\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <polyline points=\"21,15 16,10 5,21\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n </svg>\r\n );\r\n case 'mp4':\r\n case 'avi':\r\n case 'mov':\r\n case 'wmv':\r\n case 'webm':\r\n case 'mkv':\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\n <polygon points=\"23 12 8 2 8 22 23 12\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <rect x=\"1\" y=\"5\" width=\"6\" height=\"14\" rx=\"1\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n </svg>\r\n );\r\n case 'mp3':\r\n case 'wav':\r\n case 'flac':\r\n case 'aac':\r\n case 'ogg':\r\n case 'm4a':\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M9 18V5l12-2v13\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <circle cx=\"6\" cy=\"18\" r=\"3\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <circle cx=\"18\" cy=\"16\" r=\"3\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n </svg>\r\n );\r\n case 'zip':\r\n case 'rar':\r\n case '7z':\r\n case 'tar':\r\n case 'gz':\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"2\" ry=\"2\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <circle cx=\"12\" cy=\"16\" r=\"1\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n </svg>\r\n );\r\n case 'txt':\r\n case 'md':\r\n case 'csv':\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\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\"/>\r\n <polyline points=\"14,2 14,8 20,8\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" stroke={iconConfig.color} strokeWidth=\"2\"/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" stroke={iconConfig.color} strokeWidth=\"2\"/>\r\n </svg>\r\n );\r\n case 'js':\r\n case 'jsx':\r\n case 'ts':\r\n case 'tsx':\r\n case 'html':\r\n case 'css':\r\n case 'json':\r\n case 'xml':\r\n case 'py':\r\n case 'java':\r\n case 'cpp':\r\n case 'c':\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\n <polyline points=\"16 18 22 12 16 6\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n <polyline points=\"8 6 2 12 8 18\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n </svg>\r\n );\r\n default:\r\n return (\r\n <svg width={iconSize} height={iconSize} viewBox=\"0 0 24 24\" fill=\"none\">\r\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\"/>\r\n <polyline points=\"14,2 14,8 20,8\" stroke={iconConfig.color} strokeWidth=\"2\" fill=\"none\"/>\r\n </svg>\r\n );\r\n }\r\n };\r\n\r\n const containerStyle: React.CSSProperties = {\r\n position: 'relative',\r\n display: 'inline-flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n ...sx\r\n };\r\n\r\n const iconBoxStyle: React.CSSProperties = {\r\n position: 'relative',\r\n width: size,\r\n height: size,\r\n backgroundColor: iconConfig.bgColor,\r\n borderRadius: '8px',\r\n border: '1px solid rgba(0, 0, 0, 0.12)',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n transition: 'all 0.2s ease-in-out',\r\n cursor: 'default'\r\n };\r\n\r\n const labelStyle: React.CSSProperties = {\r\n position: 'absolute',\r\n bottom: '-4px',\r\n right: '-4px',\r\n padding: '2px 4px',\r\n backgroundColor: '#ffffff',\r\n border: '1px solid rgba(0, 0, 0, 0.12)',\r\n borderRadius: '4px',\r\n boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.1)',\r\n fontSize: '10px',\r\n fontWeight: 600,\r\n color: iconConfig.color,\r\n lineHeight: 1,\r\n fontFamily: '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif'\r\n };\r\n\r\n return (\r\n <div style={containerStyle}>\r\n <div \r\n style={iconBoxStyle}\r\n onMouseEnter={(e) => {\r\n e.currentTarget.style.boxShadow = '0px 4px 8px rgba(0, 0, 0, 0.12)';\r\n e.currentTarget.style.transform = 'translateY(-1px)';\r\n }}\r\n onMouseLeave={(e) => {\r\n e.currentTarget.style.boxShadow = 'none';\r\n e.currentTarget.style.transform = 'translateY(0)';\r\n }}\r\n >\r\n {getSVGIcon(extension)}\r\n <div style={labelStyle}>\r\n {iconConfig.label}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default FileIcon;\r\n"],"mappings":"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","names":["extension","ext"]}