@cannymindstech/file-viewers 0.28.0 → 0.28.1

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/dist/chunk-2BLHLWNN.js +299 -0
  2. package/dist/chunk-2BLHLWNN.js.map +1 -0
  3. package/dist/chunk-4HVU224A.js +2454 -0
  4. package/dist/chunk-4HVU224A.js.map +1 -0
  5. package/dist/chunk-6BRYDA3B.js +329 -0
  6. package/dist/chunk-6BRYDA3B.js.map +1 -0
  7. package/dist/chunk-6L72TJIW.mjs +2454 -0
  8. package/dist/chunk-6L72TJIW.mjs.map +1 -0
  9. package/dist/chunk-7PMZ4GN5.mjs +290 -0
  10. package/dist/chunk-7PMZ4GN5.mjs.map +1 -0
  11. package/dist/chunk-B5NNB4KD.mjs +268 -0
  12. package/dist/chunk-B5NNB4KD.mjs.map +1 -0
  13. package/dist/chunk-CIWCHSAA.js +309 -0
  14. package/dist/chunk-CIWCHSAA.js.map +1 -0
  15. package/dist/chunk-D7SDEVDM.js +268 -0
  16. package/dist/chunk-D7SDEVDM.js.map +1 -0
  17. package/dist/chunk-EKNP342T.mjs +299 -0
  18. package/dist/chunk-EKNP342T.mjs.map +1 -0
  19. package/dist/chunk-EM63H4SA.js +290 -0
  20. package/dist/chunk-EM63H4SA.js.map +1 -0
  21. package/dist/chunk-IJMNPAXX.mjs +309 -0
  22. package/dist/chunk-IJMNPAXX.mjs.map +1 -0
  23. package/dist/chunk-JKX5RSLF.mjs +871 -0
  24. package/dist/chunk-JKX5RSLF.mjs.map +1 -0
  25. package/dist/chunk-KJNOBIUZ.mjs +36 -0
  26. package/dist/chunk-KJNOBIUZ.mjs.map +1 -0
  27. package/dist/chunk-KQLIG6WK.js +871 -0
  28. package/dist/chunk-KQLIG6WK.js.map +1 -0
  29. package/dist/chunk-KWHXS7I4.mjs +615 -0
  30. package/dist/chunk-KWHXS7I4.mjs.map +1 -0
  31. package/dist/chunk-NELCZBZV.js +489 -0
  32. package/dist/chunk-NELCZBZV.js.map +1 -0
  33. package/dist/chunk-OPJOCUSL.js +36 -0
  34. package/dist/chunk-OPJOCUSL.js.map +1 -0
  35. package/dist/chunk-S5KXYKBX.js +615 -0
  36. package/dist/chunk-S5KXYKBX.js.map +1 -0
  37. package/dist/chunk-W2P6JHTQ.mjs +489 -0
  38. package/dist/chunk-W2P6JHTQ.mjs.map +1 -0
  39. package/dist/chunk-XJQ5J2UF.mjs +329 -0
  40. package/dist/chunk-XJQ5J2UF.mjs.map +1 -0
  41. package/dist/components/viewers/AudioViewer.d.mts +6 -0
  42. package/dist/components/viewers/AudioViewer.d.ts +6 -0
  43. package/dist/components/viewers/AudioViewer.js +10 -0
  44. package/dist/components/viewers/AudioViewer.js.map +1 -0
  45. package/dist/components/viewers/AudioViewer.mjs +10 -0
  46. package/dist/components/viewers/AudioViewer.mjs.map +1 -0
  47. package/dist/components/viewers/DefaultViewer.d.mts +6 -0
  48. package/dist/components/viewers/DefaultViewer.d.ts +6 -0
  49. package/dist/components/viewers/DefaultViewer.js +10 -0
  50. package/dist/components/viewers/DefaultViewer.js.map +1 -0
  51. package/dist/components/viewers/DefaultViewer.mjs +10 -0
  52. package/dist/components/viewers/DefaultViewer.mjs.map +1 -0
  53. package/dist/components/viewers/ImageViewer.d.mts +6 -0
  54. package/dist/components/viewers/ImageViewer.d.ts +6 -0
  55. package/dist/components/viewers/ImageViewer.js +10 -0
  56. package/dist/components/viewers/ImageViewer.js.map +1 -0
  57. package/dist/components/viewers/ImageViewer.mjs +10 -0
  58. package/dist/components/viewers/ImageViewer.mjs.map +1 -0
  59. package/dist/components/viewers/PDFViewer.d.mts +51 -0
  60. package/dist/components/viewers/PDFViewer.d.ts +51 -0
  61. package/dist/components/viewers/PDFViewer.js +11 -0
  62. package/dist/components/viewers/PDFViewer.js.map +1 -0
  63. package/dist/components/viewers/PDFViewer.mjs +11 -0
  64. package/dist/components/viewers/PDFViewer.mjs.map +1 -0
  65. package/dist/components/viewers/TIFFViewer.d.mts +6 -0
  66. package/dist/components/viewers/TIFFViewer.d.ts +6 -0
  67. package/dist/components/viewers/TIFFViewer.js +10 -0
  68. package/dist/components/viewers/TIFFViewer.js.map +1 -0
  69. package/dist/components/viewers/TIFFViewer.mjs +10 -0
  70. package/dist/components/viewers/TIFFViewer.mjs.map +1 -0
  71. package/dist/components/viewers/TextViewer.d.mts +6 -0
  72. package/dist/components/viewers/TextViewer.d.ts +6 -0
  73. package/dist/components/viewers/TextViewer.js +10 -0
  74. package/dist/components/viewers/TextViewer.js.map +1 -0
  75. package/dist/components/viewers/TextViewer.mjs +10 -0
  76. package/dist/components/viewers/TextViewer.mjs.map +1 -0
  77. package/dist/components/viewers/VideoViewer.d.mts +6 -0
  78. package/dist/components/viewers/VideoViewer.d.ts +6 -0
  79. package/dist/components/viewers/VideoViewer.js +10 -0
  80. package/dist/components/viewers/VideoViewer.js.map +1 -0
  81. package/dist/components/viewers/VideoViewer.mjs +10 -0
  82. package/dist/components/viewers/VideoViewer.mjs.map +1 -0
  83. package/dist/index.d.mts +75 -0
  84. package/dist/index.d.ts +75 -0
  85. package/dist/index.js +305 -0
  86. package/dist/index.js.map +1 -0
  87. package/dist/index.mjs +305 -0
  88. package/dist/index.mjs.map +1 -0
  89. package/dist/types-DMF9gANJ.d.mts +101 -0
  90. package/dist/types-DMF9gANJ.d.ts +101 -0
  91. package/package.json +3 -2
@@ -0,0 +1,489 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
2
+
3
+
4
+ var _chunkS5KXYKBXjs = require('./chunk-S5KXYKBX.js');
5
+
6
+
7
+
8
+ var _chunkEM63H4SAjs = require('./chunk-EM63H4SA.js');
9
+
10
+ // src/components/viewers/ImageViewer.tsx
11
+ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
12
+
13
+ // src/components/viewers/image/ImageToolbar.tsx
14
+
15
+ var _ZoomIn = require('@mui/icons-material/ZoomIn'); var _ZoomIn2 = _interopRequireDefault(_ZoomIn);
16
+ var _ZoomOut = require('@mui/icons-material/ZoomOut'); var _ZoomOut2 = _interopRequireDefault(_ZoomOut);
17
+ var _RotateLeft = require('@mui/icons-material/RotateLeft'); var _RotateLeft2 = _interopRequireDefault(_RotateLeft);
18
+ var _RotateRight = require('@mui/icons-material/RotateRight'); var _RotateRight2 = _interopRequireDefault(_RotateRight);
19
+ var _FitScreen = require('@mui/icons-material/FitScreen'); var _FitScreen2 = _interopRequireDefault(_FitScreen);
20
+ var _AspectRatio = require('@mui/icons-material/AspectRatio'); var _AspectRatio2 = _interopRequireDefault(_AspectRatio);
21
+ var _Fullscreen = require('@mui/icons-material/Fullscreen'); var _Fullscreen2 = _interopRequireDefault(_Fullscreen);
22
+ var _Download = require('@mui/icons-material/Download'); var _Download2 = _interopRequireDefault(_Download);
23
+ var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequireDefault(_Print);
24
+ var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
25
+ var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
26
+ var _History = require('@mui/icons-material/History'); var _History2 = _interopRequireDefault(_History);
27
+ var _iconsmaterial = require('@mui/icons-material');
28
+ var _jsxruntime = require('react/jsx-runtime');
29
+ var ImageToolbar = _react2.default.memo(
30
+ ({
31
+ zoom,
32
+ rotation,
33
+ onZoomIn,
34
+ onZoomOut,
35
+ onFitToWidth,
36
+ onFitToPage,
37
+ onRotateLeft,
38
+ onRotateRight,
39
+ onToggleFullScreen,
40
+ showDownload,
41
+ showPrint,
42
+ showMetadata,
43
+ showTags,
44
+ showProperties,
45
+ showHistory,
46
+ disabledDownload,
47
+ disabledPrint,
48
+ disabledMetadata,
49
+ disabledProperties,
50
+ disabledTags,
51
+ disabledHistory,
52
+ onDownloadClick,
53
+ onPrintClick,
54
+ onTagsClick,
55
+ onMetadataClick,
56
+ onPropertiesClick,
57
+ onHistoryClick
58
+ }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-toolbar", children: [
59
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
60
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
61
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: "toolbar-button", onClick: onZoomOut, title: "Zoom Out", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomOut2.default, { fontSize: "small" }) }),
62
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "zoom-display", children: [
63
+ zoom,
64
+ "%"
65
+ ] }),
66
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: "toolbar-button", onClick: onZoomIn, title: "Zoom In", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomIn2.default, { fontSize: "small" }) }),
67
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
68
+ "button",
69
+ {
70
+ className: "toolbar-button",
71
+ onClick: onFitToWidth,
72
+ title: "Fit to Width",
73
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" })
74
+ }
75
+ ),
76
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
77
+ "button",
78
+ {
79
+ className: "toolbar-button",
80
+ onClick: onFitToPage,
81
+ title: "Fit to Page",
82
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" })
83
+ }
84
+ )
85
+ ] }),
86
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
87
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
88
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
89
+ "button",
90
+ {
91
+ className: "toolbar-button",
92
+ onClick: onRotateLeft,
93
+ title: "Rotate Left",
94
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RotateLeft2.default, { fontSize: "small" })
95
+ }
96
+ ),
97
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
98
+ "button",
99
+ {
100
+ className: "toolbar-button",
101
+ onClick: onRotateRight,
102
+ title: "Rotate Right",
103
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RotateRight2.default, { fontSize: "small" })
104
+ }
105
+ ),
106
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "page-info", children: [
107
+ "Rotation: ",
108
+ rotation,
109
+ "\xB0"
110
+ ] })
111
+ ] }),
112
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
113
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-section", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
114
+ "button",
115
+ {
116
+ className: "toolbar-button",
117
+ onClick: onToggleFullScreen,
118
+ title: "Fullscreen",
119
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, { fontSize: "small" })
120
+ }
121
+ ) }),
122
+ (showDownload || showPrint || showMetadata || showProperties || showTags || showHistory) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
123
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "toolbar-separator" }),
124
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "toolbar-section", children: [
125
+ showDownload && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
126
+ "button",
127
+ {
128
+ className: "toolbar-button",
129
+ onClick: onDownloadClick,
130
+ disabled: disabledDownload,
131
+ title: "Download Image",
132
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
133
+ }
134
+ ),
135
+ showPrint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
136
+ "button",
137
+ {
138
+ className: "toolbar-button",
139
+ onClick: onPrintClick,
140
+ disabled: disabledPrint,
141
+ title: "Print Image",
142
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
143
+ }
144
+ ),
145
+ showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
146
+ "button",
147
+ {
148
+ className: "toolbar-button",
149
+ onClick: onMetadataClick,
150
+ disabled: disabledMetadata,
151
+ title: "Image Metadata",
152
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
153
+ }
154
+ ),
155
+ showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
156
+ "button",
157
+ {
158
+ className: "toolbar-button",
159
+ onClick: onPropertiesClick,
160
+ disabled: disabledProperties,
161
+ title: "Image Properties",
162
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
163
+ }
164
+ ),
165
+ showTags && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
166
+ "button",
167
+ {
168
+ className: "toolbar-button",
169
+ onClick: onTagsClick,
170
+ disabled: disabledTags,
171
+ title: "Image Tags",
172
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.LocalOffer, { fontSize: "small" })
173
+ }
174
+ ),
175
+ showHistory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
176
+ "button",
177
+ {
178
+ className: "toolbar-button",
179
+ onClick: onHistoryClick,
180
+ disabled: disabledHistory,
181
+ title: "Image History",
182
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _History2.default, { fontSize: "small" })
183
+ }
184
+ )
185
+ ] })
186
+ ] })
187
+ ] })
188
+ );
189
+ ImageToolbar.displayName = "ImageToolbar";
190
+
191
+ // src/components/viewers/image/ImageHeader.tsx
192
+
193
+
194
+ var ImageHeader = _react2.default.memo(({ fileName, fileExtension }) => {
195
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pdf-viewer-header", children: [
196
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEM63H4SAjs.FileIcon_default, { ext: fileExtension, size: 26 }),
197
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "header-file-name", title: fileName, children: fileName })
198
+ ] });
199
+ });
200
+ ImageHeader.displayName = "ImageHeader";
201
+
202
+ // src/components/viewers/ImageViewer.tsx
203
+
204
+ var ImageViewer = ({
205
+ file,
206
+ url,
207
+ fileName,
208
+ width = "100%",
209
+ height = "100%",
210
+ className = "",
211
+ style = {},
212
+ showDownload = true,
213
+ showPrint = true,
214
+ showMetadata = false,
215
+ showTags = true,
216
+ showProperties = false,
217
+ showHistory = true,
218
+ onDownloadClick,
219
+ onPrintClick,
220
+ onTagsClick,
221
+ onMetadataClick,
222
+ onPropertiesClick,
223
+ onHistoryClick,
224
+ // Extract props that shouldn't be passed to DOM elements
225
+ mimeType,
226
+ fileSize,
227
+ showPageCount,
228
+ showPageNavigation,
229
+ showZoomControls,
230
+ showSearch,
231
+ customRegistry,
232
+ initialSearchText,
233
+ initialSearchPages,
234
+ autoOpenSearch,
235
+ autoExecuteSearch,
236
+ onSearchComplete,
237
+ toolbarActions,
238
+ themeMode = "light",
239
+ ...props
240
+ }) => {
241
+ const containerRef = _react.useRef.call(void 0, null);
242
+ const imageAreaRef = _react.useRef.call(void 0, null);
243
+ const [imageSize, setImageSize] = _react.useState.call(void 0, { width: 0, height: 0 });
244
+ const [zoom, setZoom] = _react.useState.call(void 0, 100);
245
+ const [rotation, setRotation] = _react.useState.call(void 0, 0);
246
+ const [pendingFit, setPendingFit] = _react.useState.call(void 0, null);
247
+ const didAutoFit = _react.useRef.call(void 0, false);
248
+ const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
249
+ const [dragStart, setDragStart] = _react.useState.call(void 0, { x: 0, y: 0 });
250
+ const [scrollStart, setScrollStart] = _react.useState.call(void 0, { left: 0, top: 0 });
251
+ const [isFullScreen, setIsFullScreen] = _react.useState.call(void 0, false);
252
+ const src = _react.useMemo.call(void 0, () => {
253
+ if (file) {
254
+ const objectUrl = URL.createObjectURL(file);
255
+ return objectUrl;
256
+ }
257
+ return url || "";
258
+ }, [file, url]);
259
+ _react.useEffect.call(void 0, () => {
260
+ return () => {
261
+ if (file && src) {
262
+ URL.revokeObjectURL(src);
263
+ }
264
+ };
265
+ }, [file, src]);
266
+ const handleImageLoad = (e) => {
267
+ const img = e.currentTarget;
268
+ setImageSize({ width: img.naturalWidth, height: img.naturalHeight });
269
+ if (!didAutoFit.current) {
270
+ setPendingFit("page");
271
+ didAutoFit.current = true;
272
+ }
273
+ };
274
+ _react.useEffect.call(void 0, () => {
275
+ if (!imageAreaRef.current || !imageSize.width || !imageSize.height || !pendingFit)
276
+ return;
277
+ const containerWidth = imageAreaRef.current.offsetWidth;
278
+ const containerHeight = imageAreaRef.current.offsetHeight;
279
+ const rot2 = rotation % 360;
280
+ const rotated2 = rot2 === 90 || rot2 === 270;
281
+ const imgW = rotated2 ? imageSize.height : imageSize.width;
282
+ const imgH = rotated2 ? imageSize.width : imageSize.height;
283
+ if (pendingFit === "width") {
284
+ setZoom(Math.round(containerWidth / imgW * 100));
285
+ } else if (pendingFit === "page") {
286
+ const scaleW = containerWidth / imgW;
287
+ const scaleH = containerHeight / imgH;
288
+ setZoom(Math.round(Math.min(scaleW, scaleH) * 100));
289
+ }
290
+ setPendingFit(null);
291
+ }, [pendingFit, imageSize, rotation]);
292
+ const handleZoomIn = () => setZoom((z) => Math.min(z + 10, 400));
293
+ const handleZoomOut = () => setZoom((z) => Math.max(z - 10, 10));
294
+ const handleFitToWidth = () => setPendingFit("width");
295
+ const handleFitToPage = () => setPendingFit("page");
296
+ const handleRotateLeft = () => setRotation((r) => (r - 90 + 360) % 360);
297
+ const handleRotateRight = () => setRotation((r) => (r + 90) % 360);
298
+ const handleToggleFullScreen = () => {
299
+ if (!isFullScreen && _optionalChain([containerRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.requestFullscreen])) {
300
+ containerRef.current.requestFullscreen();
301
+ setIsFullScreen(true);
302
+ } else if (isFullScreen && document.exitFullscreen) {
303
+ document.exitFullscreen();
304
+ setIsFullScreen(false);
305
+ }
306
+ };
307
+ const handleMouseDown = (e) => {
308
+ if (imageAreaRef.current) {
309
+ setIsDragging(true);
310
+ setDragStart({ x: e.clientX, y: e.clientY });
311
+ setScrollStart({
312
+ left: imageAreaRef.current.scrollLeft,
313
+ top: imageAreaRef.current.scrollTop
314
+ });
315
+ }
316
+ };
317
+ const handleMouseMove = (e) => {
318
+ if (!isDragging || !imageAreaRef.current) return;
319
+ const dx = e.clientX - dragStart.x;
320
+ const dy = e.clientY - dragStart.y;
321
+ imageAreaRef.current.scrollLeft = scrollStart.left - dx;
322
+ imageAreaRef.current.scrollTop = scrollStart.top - dy;
323
+ };
324
+ const handleMouseUp = () => setIsDragging(false);
325
+ const handleMouseLeave = () => setIsDragging(false);
326
+ const toolbar = _chunkEM63H4SAjs.mergeToolbarConfig.call(void 0, {
327
+ showDownload,
328
+ showPrint,
329
+ showMetadata,
330
+ showTags,
331
+ showProperties,
332
+ showHistory,
333
+ onDownloadClick,
334
+ onPrintClick,
335
+ onTagsClick,
336
+ onMetadataClick,
337
+ onPropertiesClick,
338
+ onHistoryClick,
339
+ toolbarActions
340
+ });
341
+ _react.useEffect.call(void 0, () => {
342
+ const handleKeyDown = (e) => {
343
+ if (e.key === "+") setZoom((z) => Math.min(z + 10, 400));
344
+ if (e.key === "-") setZoom((z) => Math.max(z - 10, 10));
345
+ if (e.key === "r") setRotation((r) => (r + 90) % 360);
346
+ if (e.key === "R") setRotation((r) => (r - 90 + 360) % 360);
347
+ if (e.key === "Escape" && isFullScreen && document.exitFullscreen) {
348
+ document.exitFullscreen();
349
+ setIsFullScreen(false);
350
+ }
351
+ };
352
+ const handleFullscreenChange = () => {
353
+ setIsFullScreen(!!document.fullscreenElement);
354
+ };
355
+ window.addEventListener("keydown", handleKeyDown);
356
+ document.addEventListener("fullscreenchange", handleFullscreenChange);
357
+ return () => {
358
+ window.removeEventListener("keydown", handleKeyDown);
359
+ document.removeEventListener("fullscreenchange", handleFullscreenChange);
360
+ };
361
+ }, [isFullScreen]);
362
+ if (!src) {
363
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `pdf-viewer-container ${themeMode === "dark" ? "dark-theme" : ""}`, style: { width, height, ...style }, children: [
364
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkS5KXYKBXjs.toolbarStyles }),
365
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
366
+ "div",
367
+ {
368
+ style: {
369
+ height: "100%",
370
+ display: "flex",
371
+ alignItems: "center",
372
+ justifyContent: "center",
373
+ color: "#666"
374
+ },
375
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "No image source provided" })
376
+ }
377
+ )
378
+ ] });
379
+ }
380
+ const displayName = fileName || _optionalChain([file, 'optionalAccess', _3 => _3.name]) || "image";
381
+ const ext = displayName.split(".").pop() || "";
382
+ const rot = rotation % 360;
383
+ const rotated = rot === 90 || rot === 270;
384
+ const displayWidth = rotated ? imageSize.height : imageSize.width;
385
+ const displayHeight = rotated ? imageSize.width : imageSize.height;
386
+ const scaledWidth = displayWidth * (zoom / 100);
387
+ const scaledHeight = displayHeight * (zoom / 100);
388
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
389
+ "div",
390
+ {
391
+ ref: containerRef,
392
+ className: `pdf-viewer-container ${themeMode === "dark" ? "dark-theme" : ""}`,
393
+ style: { width, height, ...style },
394
+ children: [
395
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _chunkS5KXYKBXjs.toolbarStyles }),
396
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImageHeader, { fileName: displayName, fileExtension: ext }),
397
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
398
+ ImageToolbar,
399
+ {
400
+ zoom,
401
+ rotation,
402
+ onZoomIn: handleZoomIn,
403
+ onZoomOut: handleZoomOut,
404
+ onFitToWidth: handleFitToWidth,
405
+ onFitToPage: handleFitToPage,
406
+ onRotateLeft: handleRotateLeft,
407
+ onRotateRight: handleRotateRight,
408
+ onToggleFullScreen: handleToggleFullScreen,
409
+ showDownload: !toolbar.isHidden("download"),
410
+ showPrint: !toolbar.isHidden("print"),
411
+ showMetadata: !toolbar.isHidden("metadata"),
412
+ showProperties: !toolbar.isHidden("properties"),
413
+ showTags: !toolbar.isHidden("tags"),
414
+ showHistory: !toolbar.isHidden("history"),
415
+ disabledDownload: toolbar.isDisabled("download"),
416
+ disabledPrint: toolbar.isDisabled("print"),
417
+ disabledMetadata: toolbar.isDisabled("metadata"),
418
+ disabledProperties: toolbar.isDisabled("properties"),
419
+ disabledTags: toolbar.isDisabled("tags"),
420
+ disabledHistory: toolbar.isDisabled("history"),
421
+ onDownloadClick: toolbar.getHandler("download", onDownloadClick),
422
+ onPrintClick: toolbar.getHandler("print", onPrintClick),
423
+ onMetadataClick: toolbar.getHandler("metadata", onMetadataClick),
424
+ onPropertiesClick: toolbar.getHandler("properties", onPropertiesClick),
425
+ onTagsClick: toolbar.getHandler("tags", onTagsClick),
426
+ onHistoryClick: toolbar.getHandler("history", onHistoryClick)
427
+ }
428
+ ),
429
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
430
+ "div",
431
+ {
432
+ ref: imageAreaRef,
433
+ className: "pdf-viewer-content",
434
+ style: {
435
+ cursor: isDragging ? "grabbing" : "grab",
436
+ overflow: "auto",
437
+ background: "#f5f5f5"
438
+ },
439
+ onMouseDown: handleMouseDown,
440
+ onMouseMove: handleMouseMove,
441
+ onMouseUp: handleMouseUp,
442
+ onMouseLeave: handleMouseLeave,
443
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
444
+ "div",
445
+ {
446
+ style: {
447
+ minWidth: `${scaledWidth}px`,
448
+ minHeight: `${scaledHeight}px`,
449
+ width: `${scaledWidth}px`,
450
+ height: `${scaledHeight}px`,
451
+ margin: "auto",
452
+ display: "flex",
453
+ alignItems: "center",
454
+ justifyContent: "center",
455
+ position: "relative"
456
+ },
457
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
458
+ "img",
459
+ {
460
+ src,
461
+ alt: displayName,
462
+ onLoad: handleImageLoad,
463
+ crossOrigin: "anonymous",
464
+ style: {
465
+ transform: `rotate(${rotation}deg)`,
466
+ transformOrigin: "center center",
467
+ maxWidth: "100%",
468
+ maxHeight: "100%",
469
+ width: "100%",
470
+ height: "100%",
471
+ objectFit: "contain",
472
+ pointerEvents: "none",
473
+ userSelect: "none"
474
+ }
475
+ }
476
+ )
477
+ }
478
+ )
479
+ }
480
+ )
481
+ ]
482
+ }
483
+ );
484
+ };
485
+
486
+
487
+
488
+ exports.ImageViewer = ImageViewer;
489
+ //# sourceMappingURL=chunk-NELCZBZV.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-NELCZBZV.js","../src/components/viewers/ImageViewer.tsx","../src/components/viewers/image/ImageToolbar.tsx","../src/components/viewers/image/ImageHeader.tsx"],"names":["React","jsxs","jsx","rot","rotated"],"mappings":"AAAA,yrBAAY;AACZ;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACA;ACTA,4EAA4D;ADW5D;AACA;AEZA;AACA,oGAAuB;AACvB,wGAAwB;AACxB,oHAA2B;AAC3B,wHAA4B;AAC5B,gHAA0B;AAC1B,wHAA4B;AAC5B,oHAA2B;AAC3B,4GAAyB;AACzB,gGAAsB;AACtB,4FAAqB;AACrB,wHAA4B;AAC5B,wGAAwB;AACxB,oDAA2B;AA+DrB,+CAAA;AA/BC,IAAM,aAAA,EAAe,eAAA,CAAM,IAAA;AAAA,EAChC,CAAC;AAAA,IACC,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,EACF,CAAA,EAAA,mBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,oBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,oBAAA,CAAoB,CAAA;AAAA,oBACnC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,6BAAA,QAAC,EAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,SAAA,EAAW,KAAA,EAAM,UAAA,EAC3D,QAAA,kBAAA,6BAAA,iBAAC,EAAA,EAAY,QAAA,EAAS,QAAA,CAAQ,EAAA,CAChC,CAAA;AAAA,sBACA,8BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,QAAK;AAAA,MAAA,EAAA,CAAC,CAAA;AAAA,sBACtC,6BAAA,QAAC,EAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,EAAU,KAAA,EAAM,SAAA,EAC1D,QAAA,kBAAA,6BAAA,gBAAC,EAAA,EAAW,QAAA,EAAS,QAAA,CAAQ,EAAA,CAC/B,CAAA;AAAA,sBACA,6BAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,gBAAA;AAAA,UACV,OAAA,EAAS,YAAA;AAAA,UACT,KAAA,EAAM,cAAA;AAAA,UAEN,QAAA,kBAAA,6BAAA,qBAAC,EAAA,EAAgB,QAAA,EAAS,QAAA,CAAQ;AAAA,QAAA;AAAA,MACpC,CAAA;AAAA,sBACA,6BAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,gBAAA;AAAA,UACV,OAAA,EAAS,WAAA;AAAA,UACT,KAAA,EAAM,aAAA;AAAA,UAEN,QAAA,kBAAA,6BAAA,mBAAC,EAAA,EAAc,QAAA,EAAS,QAAA,CAAQ;AAAA,QAAA;AAAA,MAClC;AAAA,IAAA,EAAA,CACF,CAAA;AAAA,oBACA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,oBAAA,CAAoB,CAAA;AAAA,oBACnC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,6BAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,gBAAA;AAAA,UACV,OAAA,EAAS,YAAA;AAAA,UACT,KAAA,EAAM,aAAA;AAAA,UAEN,QAAA,kBAAA,6BAAA,oBAAC,EAAA,EAAe,QAAA,EAAS,QAAA,CAAQ;AAAA,QAAA;AAAA,MACnC,CAAA;AAAA,sBACA,6BAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,gBAAA;AAAA,UACV,OAAA,EAAS,aAAA;AAAA,UACT,KAAA,EAAM,cAAA;AAAA,UAEN,QAAA,kBAAA,6BAAA,qBAAC,EAAA,EAAgB,QAAA,EAAS,QAAA,CAAQ;AAAA,QAAA;AAAA,MACpC,CAAA;AAAA,sBACA,8BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY,QAAA,EAAA;AAAA,QAAA,YAAA;AAAA,QAAW,QAAA;AAAA,QAAS;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,EAAA,CACnD,CAAA;AAAA,oBACA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,oBAAA,CAAoB,CAAA;AAAA,oBACnC,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,kBAAA,6BAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,gBAAA;AAAA,QACV,OAAA,EAAS,kBAAA;AAAA,QACT,KAAA,EAAM,YAAA;AAAA,QAEN,QAAA,kBAAA,6BAAA,oBAAC,EAAA,EAAe,QAAA,EAAS,QAAA,CAAQ;AAAA,MAAA;AAAA,IACnC,EAAA,CACF,CAAA;AAAA,IAAA,CACE,aAAA,GACA,UAAA,GACA,aAAA,GACA,eAAA,GACA,SAAA,GACA,WAAA,EAAA,mBACA,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,oBAAA,CAAoB,CAAA;AAAA,sBACnC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,aAAA,mBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,eAAA;AAAA,YACT,QAAA,EAAU,gBAAA;AAAA,YACV,KAAA,EAAM,gBAAA;AAAA,YAEN,QAAA,kBAAA,6BAAA,kBAAC,EAAA,EAAa,QAAA,EAAS,QAAA,CAAQ;AAAA,UAAA;AAAA,QACjC,CAAA;AAAA,QAED,UAAA,mBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,YAAA;AAAA,YACT,QAAA,EAAU,aAAA;AAAA,YACV,KAAA,EAAM,aAAA;AAAA,YAEN,QAAA,kBAAA,6BAAA,eAAC,EAAA,EAAU,QAAA,EAAS,QAAA,CAAQ;AAAA,UAAA;AAAA,QAC9B,CAAA;AAAA,QAED,aAAA,mBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,eAAA;AAAA,YACT,QAAA,EAAU,gBAAA;AAAA,YACV,KAAA,EAAM,gBAAA;AAAA,YAEN,QAAA,kBAAA,6BAAA,qBAAC,EAAA,EAAgB,QAAA,EAAS,QAAA,CAAQ;AAAA,UAAA;AAAA,QACpC,CAAA;AAAA,QAED,eAAA,mBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,iBAAA;AAAA,YACT,QAAA,EAAU,kBAAA;AAAA,YACV,KAAA,EAAM,kBAAA;AAAA,YAEN,QAAA,kBAAA,6BAAA,cAAC,EAAA,EAAS,QAAA,EAAS,QAAA,CAAQ;AAAA,UAAA;AAAA,QAC7B,CAAA;AAAA,QAED,SAAA,mBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,WAAA;AAAA,YACT,QAAA,EAAU,YAAA;AAAA,YACV,KAAA,EAAM,YAAA;AAAA,YAEN,QAAA,kBAAA,6BAAA,yBAAC,EAAA,EAAW,QAAA,EAAS,QAAA,CAAQ;AAAA,UAAA;AAAA,QAC/B,CAAA;AAAA,QAED,YAAA,mBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,cAAA;AAAA,YACT,QAAA,EAAU,eAAA;AAAA,YACV,KAAA,EAAM,eAAA;AAAA,YAEN,QAAA,kBAAA,6BAAA,iBAAC,EAAA,EAAY,QAAA,EAAS,QAAA,CAAQ;AAAA,UAAA;AAAA,QAChC;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ;AAEJ,CAAA;AAEA,YAAA,CAAa,YAAA,EAAc,cAAA;AFf3B;AACA;AG9LA;AAUI;AAFG,IAAM,YAAA,EAAcA,eAAAA,CAAM,IAAA,CAAuB,CAAC,EAAE,QAAA,EAAU,cAAc,CAAA,EAAA,GAAM;AACvF,EAAA,uBACEC,8BAAAA,KAAC,EAAA,EAAI,SAAA,EAAU,mBAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,6BAAAA,iCAAC,EAAA,EAAS,GAAA,EAAK,aAAA,EAAe,IAAA,EAAM,GAAA,CAAI,CAAA;AAAA,oBACxCA,6BAAAA,KAAC,EAAA,EAAI,SAAA,EAAU,kBAAA,EAAmB,KAAA,EAAO,QAAA,EACtC,QAAA,EAAA,SAAA,CACH;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,YAAA,EAAc,aAAA;AHqL1B;AACA;ACZM;AAtLC,IAAM,YAAA,EAAyC,CAAC;AAAA,EACrD,IAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,EAAA;AAAA,EACZ,MAAA,EAAQ,CAAC,CAAA;AAAA,EACT,aAAA,EAAe,IAAA;AAAA,EACf,UAAA,EAAY,IAAA;AAAA,EACZ,aAAA,EAAe,KAAA;AAAA,EACf,SAAA,EAAW,IAAA;AAAA,EACX,eAAA,EAAiB,KAAA;AAAA,EACjB,YAAA,EAAc,IAAA;AAAA,EACd,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA;AAAA,EAEA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,gBAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA,EAAY,OAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,aAAA,EAAe,2BAAA,IAA2B,CAAA;AAChD,EAAA,MAAM,aAAA,EAAe,2BAAA,IAA2B,CAAA;AAChD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,EAAA,EAAI,6BAAA,EAAW,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,EAAE,CAAC,CAAA;AAClE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,EAAA,EAAI,6BAAA,GAAY,CAAA;AACpC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,EAAA,EAAI,6BAAA,CAAU,CAAA;AAC1C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,EAAA,EAAI,6BAAA,IAAsC,CAAA;AAC1E,EAAA,MAAM,WAAA,EAAa,2BAAA,KAAY,CAAA;AAC/B,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,EAAA,EAAI,6BAAA,KAAc,CAAA;AAClD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,EAAA,EAAI,6BAAA,EAAW,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,EAAE,CAAC,CAAA;AACzD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,EAAA,EAAI,6BAAA,EAAW,IAAA,EAAM,CAAA,EAAG,GAAA,EAAK,EAAE,CAAC,CAAA;AAClE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,KAAc,CAAA;AAEtD,EAAA,MAAM,IAAA,EAAM,4BAAA,CAAQ,EAAA,GAAM;AACxB,IAAA,GAAA,CAAI,IAAA,EAAM;AACR,MAAA,MAAM,UAAA,EAAY,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAA;AAC1C,MAAA,OAAO,SAAA;AAAA,IACT;AACA,IAAA,OAAO,IAAA,GAAO,EAAA;AAAA,EAChB,CAAA,EAAG,CAAC,IAAA,EAAM,GAAG,CAAC,CAAA;AAEd,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,GAAA,CAAI,KAAA,GAAQ,GAAA,EAAK;AACf,QAAA,GAAA,CAAI,eAAA,CAAgB,GAAG,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,GAAG,CAAC,CAAA;AAEd,EAAA,MAAM,gBAAA,EAAkB,CAAC,CAAA,EAAA,GAA8C;AACrE,IAAA,MAAM,IAAA,EAAM,CAAA,CAAE,aAAA;AACd,IAAA,YAAA,CAAa,EAAE,KAAA,EAAO,GAAA,CAAI,YAAA,EAAc,MAAA,EAAQ,GAAA,CAAI,cAAc,CAAC,CAAA;AACnE,IAAA,GAAA,CAAI,CAAC,UAAA,CAAW,OAAA,EAAS;AACvB,MAAA,aAAA,CAAc,MAAM,CAAA;AACpB,MAAA,UAAA,CAAW,QAAA,EAAU,IAAA;AAAA,IACvB;AAAA,EACF,CAAA;AAEA,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CACE,CAAC,YAAA,CAAa,QAAA,GACd,CAAC,SAAA,CAAU,MAAA,GACX,CAAC,SAAA,CAAU,OAAA,GACX,CAAC,UAAA;AAED,MAAA,MAAA;AAEF,IAAA,MAAM,eAAA,EAAiB,YAAA,CAAa,OAAA,CAAQ,WAAA;AAC5C,IAAA,MAAM,gBAAA,EAAkB,YAAA,CAAa,OAAA,CAAQ,YAAA;AAC7C,IAAA,MAAMC,KAAAA,EAAM,SAAA,EAAW,GAAA;AACvB,IAAA,MAAMC,SAAAA,EAAUD,KAAAA,IAAQ,GAAA,GAAMA,KAAAA,IAAQ,GAAA;AACtC,IAAA,MAAM,KAAA,EAAOC,SAAAA,EAAU,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,KAAA;AACpD,IAAA,MAAM,KAAA,EAAOA,SAAAA,EAAU,SAAA,CAAU,MAAA,EAAQ,SAAA,CAAU,MAAA;AAEnD,IAAA,GAAA,CAAI,WAAA,IAAe,OAAA,EAAS;AAC1B,MAAA,OAAA,CAAQ,IAAA,CAAK,KAAA,CAAO,eAAA,EAAiB,KAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,IACnD,EAAA,KAAA,GAAA,CAAW,WAAA,IAAe,MAAA,EAAQ;AAChC,MAAA,MAAM,OAAA,EAAS,eAAA,EAAiB,IAAA;AAChC,MAAA,MAAM,OAAA,EAAS,gBAAA,EAAkB,IAAA;AACjC,MAAA,OAAA,CAAQ,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,MAAA,EAAQ,MAAM,EAAA,EAAI,GAAG,CAAC,CAAA;AAAA,IACpD;AACA,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,EACpB,CAAA,EAAG,CAAC,UAAA,EAAY,SAAA,EAAW,QAAQ,CAAC,CAAA;AAEpC,EAAA,MAAM,aAAA,EAAe,CAAA,EAAA,GAAM,OAAA,CAAQ,CAAC,CAAA,EAAA,GAAM,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,EAAA,EAAI,GAAG,CAAC,CAAA;AAC/D,EAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAAM,OAAA,CAAQ,CAAC,CAAA,EAAA,GAAM,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,EAAA,EAAI,EAAE,CAAC,CAAA;AAC/D,EAAA,MAAM,iBAAA,EAAmB,CAAA,EAAA,GAAM,aAAA,CAAc,OAAO,CAAA;AACpD,EAAA,MAAM,gBAAA,EAAkB,CAAA,EAAA,GAAM,aAAA,CAAc,MAAM,CAAA;AAClD,EAAA,MAAM,iBAAA,EAAmB,CAAA,EAAA,GAAM,WAAA,CAAY,CAAC,CAAA,EAAA,GAAA,CAAO,EAAA,EAAI,GAAA,EAAK,GAAA,EAAA,EAAO,GAAG,CAAA;AACtE,EAAA,MAAM,kBAAA,EAAoB,CAAA,EAAA,GAAM,WAAA,CAAY,CAAC,CAAA,EAAA,GAAA,CAAO,EAAA,EAAI,EAAA,EAAA,EAAM,GAAG,CAAA;AAEjE,EAAA,MAAM,uBAAA,EAAyB,CAAA,EAAA,GAAM;AACnC,IAAA,GAAA,CAAI,CAAC,aAAA,mBAAgB,YAAA,mBAAa,OAAA,6BAAS,mBAAA,EAAmB;AAC5D,MAAA,YAAA,CAAa,OAAA,CAAQ,iBAAA,CAAkB,CAAA;AACvC,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,IACtB,EAAA,KAAA,GAAA,CAAW,aAAA,GAAgB,QAAA,CAAS,cAAA,EAAgB;AAClD,MAAA,QAAA,CAAS,cAAA,CAAe,CAAA;AACxB,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,IACvB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAA,EAAkB,CAAC,CAAA,EAAA,GAAwB;AAC/C,IAAA,GAAA,CAAI,YAAA,CAAa,OAAA,EAAS;AACxB,MAAA,aAAA,CAAc,IAAI,CAAA;AAClB,MAAA,YAAA,CAAa,EAAE,CAAA,EAAG,CAAA,CAAE,OAAA,EAAS,CAAA,EAAG,CAAA,CAAE,QAAQ,CAAC,CAAA;AAC3C,MAAA,cAAA,CAAe;AAAA,QACb,IAAA,EAAM,YAAA,CAAa,OAAA,CAAQ,UAAA;AAAA,QAC3B,GAAA,EAAK,YAAA,CAAa,OAAA,CAAQ;AAAA,MAC5B,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAA,EAAkB,CAAC,CAAA,EAAA,GAAwB;AAC/C,IAAA,GAAA,CAAI,CAAC,WAAA,GAAc,CAAC,YAAA,CAAa,OAAA,EAAS,MAAA;AAC1C,IAAA,MAAM,GAAA,EAAK,CAAA,CAAE,QAAA,EAAU,SAAA,CAAU,CAAA;AACjC,IAAA,MAAM,GAAA,EAAK,CAAA,CAAE,QAAA,EAAU,SAAA,CAAU,CAAA;AACjC,IAAA,YAAA,CAAa,OAAA,CAAQ,WAAA,EAAa,WAAA,CAAY,KAAA,EAAO,EAAA;AACrD,IAAA,YAAA,CAAa,OAAA,CAAQ,UAAA,EAAY,WAAA,CAAY,IAAA,EAAM,EAAA;AAAA,EACrD,CAAA;AAEA,EAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAAM,aAAA,CAAc,KAAK,CAAA;AAC/C,EAAA,MAAM,iBAAA,EAAmB,CAAA,EAAA,GAAM,aAAA,CAAc,KAAK,CAAA;AAElD,EAAA,MAAM,QAAA,EAAU,iDAAA;AAAmB,IACjC,YAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AAED,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,cAAA,EAAgB,CAAC,CAAA,EAAA,GAAqB;AAC1C,MAAA,GAAA,CAAI,CAAA,CAAE,IAAA,IAAQ,GAAA,EAAK,OAAA,CAAQ,CAAC,CAAA,EAAA,GAAM,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,EAAA,EAAI,GAAG,CAAC,CAAA;AACvD,MAAA,GAAA,CAAI,CAAA,CAAE,IAAA,IAAQ,GAAA,EAAK,OAAA,CAAQ,CAAC,CAAA,EAAA,GAAM,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,EAAA,EAAI,EAAE,CAAC,CAAA;AACtD,MAAA,GAAA,CAAI,CAAA,CAAE,IAAA,IAAQ,GAAA,EAAK,WAAA,CAAY,CAAC,CAAA,EAAA,GAAA,CAAO,EAAA,EAAI,EAAA,EAAA,EAAM,GAAG,CAAA;AACpD,MAAA,GAAA,CAAI,CAAA,CAAE,IAAA,IAAQ,GAAA,EAAK,WAAA,CAAY,CAAC,CAAA,EAAA,GAAA,CAAO,EAAA,EAAI,GAAA,EAAK,GAAA,EAAA,EAAO,GAAG,CAAA;AAC1D,MAAA,GAAA,CAAI,CAAA,CAAE,IAAA,IAAQ,SAAA,GAAY,aAAA,GAAgB,QAAA,CAAS,cAAA,EAAgB;AACjE,QAAA,QAAA,CAAS,cAAA,CAAe,CAAA;AACxB,QAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,uBAAA,EAAyB,CAAA,EAAA,GAAM;AACnC,MAAA,eAAA,CAAgB,CAAC,CAAC,QAAA,CAAS,iBAAiB,CAAA;AAAA,IAC9C,CAAA;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAA,EAAW,aAAa,CAAA;AAChD,IAAA,QAAA,CAAS,gBAAA,CAAiB,kBAAA,EAAoB,sBAAsB,CAAA;AAEpE,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AACnD,MAAA,QAAA,CAAS,mBAAA,CAAoB,kBAAA,EAAoB,sBAAsB,CAAA;AAAA,IACzE,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,GAAA,CAAI,CAAC,GAAA,EAAK;AACR,IAAA,uBACEH,8BAAAA,KAAC,EAAA,EAAI,SAAA,EAAW,CAAA,qBAAA,EAAwB,UAAA,IAAc,OAAA,EAAS,aAAA,EAAe,EAAE,CAAA,CAAA;AACxD,sBAAA;AACtBC,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACQ,UAAA;AACG,YAAA;AACC,YAAA;AACG,YAAA;AACI,YAAA;AACT,YAAA;AACT,UAAA;AAEgC,UAAA;AAAA,QAAA;AAClC,MAAA;AACF,IAAA;AAEJ,EAAA;AAE8C,EAAA;AACF,EAAA;AAErB,EAAA;AACe,EAAA;AACsB,EAAA;AACA,EAAA;AACjB,EAAA;AACE,EAAA;AAG3CD,EAAAA;AAAC,IAAA;AAAA,IAAA;AACM,MAAA;AACsE,MAAA;AAC1C,MAAA;AAEjC,MAAA;AAAsB,wBAAA;AACkC,wBAAA;AACxDC,wBAAAA;AAAC,UAAA;AAAA,UAAA;AACC,YAAA;AACA,YAAA;AACU,YAAA;AACC,YAAA;AACG,YAAA;AACD,YAAA;AACC,YAAA;AACC,YAAA;AACK,YAAA;AACsB,YAAA;AACN,YAAA;AACM,YAAA;AACI,YAAA;AACZ,YAAA;AACM,YAAA;AACO,YAAA;AACN,YAAA;AACM,YAAA;AACI,YAAA;AACZ,YAAA;AACM,YAAA;AACkB,YAAA;AACT,YAAA;AACS,YAAA;AACM,YAAA;AAClB,YAAA;AACS,YAAA;AAAA,UAAA;AAC9D,QAAA;AACAA,wBAAAA;AAAC,UAAA;AAAA,UAAA;AACM,YAAA;AACK,YAAA;AACH,YAAA;AAC6B,cAAA;AACxB,cAAA;AACE,cAAA;AACd,YAAA;AACa,YAAA;AACA,YAAA;AACF,YAAA;AACG,YAAA;AAEdA,YAAAA;AAAC,cAAA;AAAA,cAAA;AACQ,gBAAA;AACmB,kBAAA;AACE,kBAAA;AACL,kBAAA;AACE,kBAAA;AACf,kBAAA;AACC,kBAAA;AACG,kBAAA;AACI,kBAAA;AACN,kBAAA;AACZ,gBAAA;AAEAA,gBAAAA;AAAC,kBAAA;AAAA,kBAAA;AACC,oBAAA;AACK,oBAAA;AACG,oBAAA;AACI,oBAAA;AACL,oBAAA;AACwB,sBAAA;AACZ,sBAAA;AACP,sBAAA;AACC,sBAAA;AACJ,sBAAA;AACC,sBAAA;AACG,sBAAA;AACI,sBAAA;AACH,sBAAA;AACd,oBAAA;AAAA,kBAAA;AACF,gBAAA;AAAA,cAAA;AACF,YAAA;AAAA,UAAA;AACF,QAAA;AAAA,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;ADwLsH;AACA;AACA;AACA","file":"/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-NELCZBZV.js","sourcesContent":[null,"import React, { useRef, useState, useMemo, useEffect } from \"react\";\nimport { ImageToolbar } from \"./image/ImageToolbar\";\nimport { ImageHeader } from \"./image/ImageHeader\";\nimport { toolbarStyles } from \"./pdf/PDFStyles\";\nimport { FileViewerProps } from \"../../types\";\nimport { mergeToolbarConfig } from \"../../utils/toolbarUtils\";\n\nexport const ImageViewer: React.FC<FileViewerProps> = ({\n file,\n url,\n fileName,\n width = \"100%\",\n height = \"100%\",\n className = \"\",\n style = {},\n showDownload = true,\n showPrint = true,\n showMetadata = false,\n showTags = true,\n showProperties = false,\n showHistory = true,\n onDownloadClick,\n onPrintClick,\n onTagsClick,\n onMetadataClick,\n onPropertiesClick,\n onHistoryClick,\n // Extract props that shouldn't be passed to DOM elements\n mimeType,\n fileSize,\n showPageCount,\n showPageNavigation,\n showZoomControls,\n showSearch,\n customRegistry,\n initialSearchText,\n initialSearchPages,\n autoOpenSearch,\n autoExecuteSearch,\n onSearchComplete,\n toolbarActions,\n themeMode = 'light',\n ...props\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const imageAreaRef = useRef<HTMLDivElement>(null);\n const [imageSize, setImageSize] = useState({ width: 0, height: 0 });\n const [zoom, setZoom] = useState(100);\n const [rotation, setRotation] = useState(0);\n const [pendingFit, setPendingFit] = useState<\"width\" | \"page\" | null>(null);\n const didAutoFit = useRef(false);\n const [isDragging, setIsDragging] = useState(false);\n const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\n const [scrollStart, setScrollStart] = useState({ left: 0, top: 0 });\n const [isFullScreen, setIsFullScreen] = useState(false);\n\n const src = useMemo(() => {\n if (file) {\n const objectUrl = URL.createObjectURL(file);\n return objectUrl;\n }\n return url || \"\";\n }, [file, url]);\n\n useEffect(() => {\n return () => {\n if (file && src) {\n URL.revokeObjectURL(src);\n }\n };\n }, [file, src]);\n\n const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n const img = e.currentTarget;\n setImageSize({ width: img.naturalWidth, height: img.naturalHeight });\n if (!didAutoFit.current) {\n setPendingFit(\"page\");\n didAutoFit.current = true;\n }\n };\n\n useEffect(() => {\n if (\n !imageAreaRef.current ||\n !imageSize.width ||\n !imageSize.height ||\n !pendingFit\n )\n return;\n\n const containerWidth = imageAreaRef.current.offsetWidth;\n const containerHeight = imageAreaRef.current.offsetHeight;\n const rot = rotation % 360;\n const rotated = rot === 90 || rot === 270;\n const imgW = rotated ? imageSize.height : imageSize.width;\n const imgH = rotated ? imageSize.width : imageSize.height;\n\n if (pendingFit === \"width\") {\n setZoom(Math.round((containerWidth / imgW) * 100));\n } else if (pendingFit === \"page\") {\n const scaleW = containerWidth / imgW;\n const scaleH = containerHeight / imgH;\n setZoom(Math.round(Math.min(scaleW, scaleH) * 100));\n }\n setPendingFit(null);\n }, [pendingFit, imageSize, rotation]);\n\n const handleZoomIn = () => setZoom((z) => Math.min(z + 10, 400));\n const handleZoomOut = () => setZoom((z) => Math.max(z - 10, 10));\n const handleFitToWidth = () => setPendingFit(\"width\");\n const handleFitToPage = () => setPendingFit(\"page\");\n const handleRotateLeft = () => setRotation((r) => (r - 90 + 360) % 360);\n const handleRotateRight = () => setRotation((r) => (r + 90) % 360);\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 handleMouseDown = (e: React.MouseEvent) => {\n if (imageAreaRef.current) {\n setIsDragging(true);\n setDragStart({ x: e.clientX, y: e.clientY });\n setScrollStart({\n left: imageAreaRef.current.scrollLeft,\n top: imageAreaRef.current.scrollTop,\n });\n }\n };\n\n const handleMouseMove = (e: React.MouseEvent) => {\n if (!isDragging || !imageAreaRef.current) return;\n const dx = e.clientX - dragStart.x;\n const dy = e.clientY - dragStart.y;\n imageAreaRef.current.scrollLeft = scrollStart.left - dx;\n imageAreaRef.current.scrollTop = scrollStart.top - dy;\n };\n\n const handleMouseUp = () => setIsDragging(false);\n const handleMouseLeave = () => setIsDragging(false);\n\n const toolbar = mergeToolbarConfig({\n showDownload,\n showPrint,\n showMetadata,\n showTags,\n showProperties,\n showHistory,\n onDownloadClick,\n onPrintClick,\n onTagsClick,\n onMetadataClick,\n onPropertiesClick,\n onHistoryClick,\n toolbarActions,\n });\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"+\") setZoom((z) => Math.min(z + 10, 400));\n if (e.key === \"-\") setZoom((z) => Math.max(z - 10, 10));\n if (e.key === \"r\") setRotation((r) => (r + 90) % 360);\n if (e.key === \"R\") setRotation((r) => (r - 90 + 360) % 360);\n if (e.key === \"Escape\" && isFullScreen && document.exitFullscreen) {\n document.exitFullscreen();\n setIsFullScreen(false);\n }\n };\n\n const handleFullscreenChange = () => {\n setIsFullScreen(!!document.fullscreenElement);\n };\n\n window.addEventListener(\"keydown\", handleKeyDown);\n document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n\n return () => {\n window.removeEventListener(\"keydown\", handleKeyDown);\n document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n };\n }, [isFullScreen]);\n\n if (!src) {\n return (\n <div className={`pdf-viewer-container ${themeMode === 'dark' ? 'dark-theme' : ''}`} style={{ width, height, ...style }}>\n <style>{toolbarStyles}</style>\n <div\n style={{\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: \"#666\",\n }}\n >\n <strong>No image source provided</strong>\n </div>\n </div>\n );\n }\n\n const displayName = fileName || file?.name || \"image\";\n const ext = displayName.split(\".\").pop() || \"\";\n\n const rot = rotation % 360;\n const rotated = rot === 90 || rot === 270;\n const displayWidth = rotated ? imageSize.height : imageSize.width;\n const displayHeight = rotated ? imageSize.width : imageSize.height;\n const scaledWidth = displayWidth * (zoom / 100);\n const scaledHeight = displayHeight * (zoom / 100);\n\n return (\n <div\n ref={containerRef}\n className={`pdf-viewer-container ${themeMode === 'dark' ? 'dark-theme' : ''}`}\n style={{ width, height, ...style }}\n >\n <style>{toolbarStyles}</style>\n <ImageHeader fileName={displayName} fileExtension={ext} />\n <ImageToolbar\n zoom={zoom}\n rotation={rotation}\n onZoomIn={handleZoomIn}\n onZoomOut={handleZoomOut}\n onFitToWidth={handleFitToWidth}\n onFitToPage={handleFitToPage}\n onRotateLeft={handleRotateLeft}\n onRotateRight={handleRotateRight}\n onToggleFullScreen={handleToggleFullScreen}\n showDownload={!toolbar.isHidden(\"download\")}\n showPrint={!toolbar.isHidden(\"print\")}\n showMetadata={!toolbar.isHidden(\"metadata\")}\n showProperties={!toolbar.isHidden(\"properties\")}\n showTags={!toolbar.isHidden(\"tags\")}\n showHistory={!toolbar.isHidden(\"history\")}\n disabledDownload={toolbar.isDisabled(\"download\")}\n disabledPrint={toolbar.isDisabled(\"print\")}\n disabledMetadata={toolbar.isDisabled(\"metadata\")}\n disabledProperties={toolbar.isDisabled(\"properties\")}\n disabledTags={toolbar.isDisabled(\"tags\")}\n disabledHistory={toolbar.isDisabled(\"history\")}\n onDownloadClick={toolbar.getHandler(\"download\", onDownloadClick)}\n onPrintClick={toolbar.getHandler(\"print\", onPrintClick)}\n onMetadataClick={toolbar.getHandler(\"metadata\", onMetadataClick)}\n onPropertiesClick={toolbar.getHandler(\"properties\", onPropertiesClick)}\n onTagsClick={toolbar.getHandler(\"tags\", onTagsClick)}\n onHistoryClick={toolbar.getHandler(\"history\", onHistoryClick)}\n />\n <div\n ref={imageAreaRef}\n className=\"pdf-viewer-content\"\n style={{\n cursor: isDragging ? \"grabbing\" : \"grab\",\n overflow: \"auto\",\n background: \"#f5f5f5\",\n }}\n onMouseDown={handleMouseDown}\n onMouseMove={handleMouseMove}\n onMouseUp={handleMouseUp}\n onMouseLeave={handleMouseLeave}\n >\n <div\n style={{\n minWidth: `${scaledWidth}px`,\n minHeight: `${scaledHeight}px`,\n width: `${scaledWidth}px`,\n height: `${scaledHeight}px`,\n margin: \"auto\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n }}\n >\n <img\n src={src}\n alt={displayName}\n onLoad={handleImageLoad}\n crossOrigin=\"anonymous\"\n style={{\n transform: `rotate(${rotation}deg)`,\n transformOrigin: \"center center\",\n maxWidth: \"100%\",\n maxHeight: \"100%\",\n width: \"100%\",\n height: \"100%\",\n objectFit: \"contain\",\n pointerEvents: \"none\",\n userSelect: \"none\",\n }}\n />\n </div>\n </div>\n </div>\n );\n};\n","import React from \"react\";\nimport ZoomInIcon from \"@mui/icons-material/ZoomIn\";\nimport ZoomOutIcon from \"@mui/icons-material/ZoomOut\";\nimport RotateLeftIcon from \"@mui/icons-material/RotateLeft\";\nimport RotateRightIcon from \"@mui/icons-material/RotateRight\";\nimport FitScreenIcon from \"@mui/icons-material/FitScreen\";\nimport AspectRatioIcon from \"@mui/icons-material/AspectRatio\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport PrintIcon from \"@mui/icons-material/Print\";\nimport InfoIcon from \"@mui/icons-material/Info\";\nimport DescriptionIcon from \"@mui/icons-material/Description\";\nimport HistoryIcon from \"@mui/icons-material/History\";\nimport { LocalOffer } from \"@mui/icons-material\";\n\ninterface ImageToolbarProps {\n zoom: number;\n rotation: number;\n onZoomIn: () => void;\n onZoomOut: () => void;\n onFitToWidth: () => void;\n onFitToPage: () => void;\n onRotateLeft: () => void;\n onRotateRight: () => void;\n onToggleFullScreen: () => void;\n showDownload: boolean;\n showPrint: boolean;\n showMetadata: boolean;\n showTags: boolean;\n showProperties: boolean;\n showHistory: boolean;\n disabledDownload?: boolean;\n disabledPrint?: boolean;\n disabledMetadata?: boolean;\n disabledTags?: boolean;\n disabledProperties?: boolean;\n disabledHistory?: boolean;\n onDownloadClick?: () => void;\n onTagsClick?: () => void;\n onPrintClick?: () => void;\n onMetadataClick?: () => void;\n onPropertiesClick?: () => void;\n onHistoryClick?: () => void;\n}\n\nexport const ImageToolbar = React.memo<ImageToolbarProps>(\n ({\n zoom,\n rotation,\n onZoomIn,\n onZoomOut,\n onFitToWidth,\n onFitToPage,\n onRotateLeft,\n onRotateRight,\n onToggleFullScreen,\n showDownload,\n showPrint,\n showMetadata,\n showTags,\n showProperties,\n showHistory,\n disabledDownload,\n disabledPrint,\n disabledMetadata,\n disabledProperties,\n disabledTags,\n disabledHistory,\n onDownloadClick,\n onPrintClick,\n onTagsClick,\n onMetadataClick,\n onPropertiesClick,\n onHistoryClick,\n }) => (\n <div className=\"pdf-viewer-toolbar\">\n <div className=\"toolbar-separator\"></div>\n <div className=\"toolbar-section\">\n <button className=\"toolbar-button\" onClick={onZoomOut} title=\"Zoom Out\">\n <ZoomOutIcon fontSize=\"small\" />\n </button>\n <span className=\"zoom-display\">{zoom}%</span>\n <button className=\"toolbar-button\" onClick={onZoomIn} title=\"Zoom In\">\n <ZoomInIcon fontSize=\"small\" />\n </button>\n <button\n className=\"toolbar-button\"\n onClick={onFitToWidth}\n title=\"Fit to Width\"\n >\n <AspectRatioIcon fontSize=\"small\" />\n </button>\n <button\n className=\"toolbar-button\"\n onClick={onFitToPage}\n title=\"Fit to Page\"\n >\n <FitScreenIcon fontSize=\"small\" />\n </button>\n </div>\n <div className=\"toolbar-separator\"></div>\n <div className=\"toolbar-section\">\n <button\n className=\"toolbar-button\"\n onClick={onRotateLeft}\n title=\"Rotate Left\"\n >\n <RotateLeftIcon fontSize=\"small\" />\n </button>\n <button\n className=\"toolbar-button\"\n onClick={onRotateRight}\n title=\"Rotate Right\"\n >\n <RotateRightIcon fontSize=\"small\" />\n </button>\n <span className=\"page-info\">Rotation: {rotation}°</span>\n </div>\n <div className=\"toolbar-separator\"></div>\n <div className=\"toolbar-section\">\n <button\n className=\"toolbar-button\"\n onClick={onToggleFullScreen}\n title=\"Fullscreen\"\n >\n <FullscreenIcon fontSize=\"small\" />\n </button>\n </div>\n {(showDownload ||\n showPrint ||\n showMetadata ||\n showProperties ||\n showTags ||\n showHistory) && (\n <>\n <div className=\"toolbar-separator\"></div>\n <div className=\"toolbar-section\">\n {showDownload && (\n <button\n className=\"toolbar-button\"\n onClick={onDownloadClick}\n disabled={disabledDownload}\n title=\"Download Image\"\n >\n <DownloadIcon fontSize=\"small\" />\n </button>\n )}\n {showPrint && (\n <button\n className=\"toolbar-button\"\n onClick={onPrintClick}\n disabled={disabledPrint}\n title=\"Print Image\"\n >\n <PrintIcon fontSize=\"small\" />\n </button>\n )}\n {showMetadata && (\n <button\n className=\"toolbar-button\"\n onClick={onMetadataClick}\n disabled={disabledMetadata}\n title=\"Image Metadata\"\n >\n <DescriptionIcon fontSize=\"small\" />\n </button>\n )}\n {showProperties && (\n <button\n className=\"toolbar-button\"\n onClick={onPropertiesClick}\n disabled={disabledProperties}\n title=\"Image Properties\"\n >\n <InfoIcon fontSize=\"small\" />\n </button>\n )}\n {showTags && (\n <button\n className=\"toolbar-button\"\n onClick={onTagsClick}\n disabled={disabledTags}\n title=\"Image Tags\"\n >\n <LocalOffer fontSize=\"small\" />\n </button>\n )}\n {showHistory && (\n <button\n className=\"toolbar-button\"\n onClick={onHistoryClick}\n disabled={disabledHistory}\n title=\"Image History\"\n >\n <HistoryIcon fontSize=\"small\" />\n </button>\n )}\n </div>\n </>\n )}\n </div>\n )\n);\n\nImageToolbar.displayName = \"ImageToolbar\";\n","import React from 'react';\nimport FileIcon from '../../FileIcon';\n\ninterface ImageHeaderProps {\n fileName: string;\n fileExtension: string;\n}\n\nexport const ImageHeader = React.memo<ImageHeaderProps>(({ fileName, fileExtension }) => {\n return (\n <div className=\"pdf-viewer-header\">\n <FileIcon ext={fileExtension} size={26} />\n <div className=\"header-file-name\" title={fileName}>\n {fileName}\n </div>\n </div>\n );\n});\n\nImageHeader.displayName = 'ImageHeader';\n"]}
@@ -0,0 +1,36 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
+
3
+ // src/utils/fileUtils.ts
4
+ var getFileExtension = (fileName) => {
5
+ const extension = fileName.toLowerCase().split(".").pop();
6
+ return extension || "";
7
+ };
8
+ var getMimeTypeFromExtension = (extension) => {
9
+ const mimeTypes = {
10
+ "pdf": "application/pdf",
11
+ "txt": "text/plain",
12
+ "json": "application/json",
13
+ "xml": "text/xml",
14
+ "csv": "text/csv",
15
+ "jpg": "image/jpeg",
16
+ "jpeg": "image/jpeg",
17
+ "png": "image/png",
18
+ "gif": "image/gif",
19
+ "svg": "image/svg+xml",
20
+ "mp4": "video/mp4",
21
+ "webm": "video/webm",
22
+ "mp3": "audio/mpeg",
23
+ "wav": "audio/wav",
24
+ "doc": "application/msword",
25
+ "docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
26
+ "xls": "application/vnd.ms-excel",
27
+ "xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
28
+ };
29
+ return mimeTypes[extension] || "application/octet-stream";
30
+ };
31
+
32
+
33
+
34
+
35
+ exports.getFileExtension = getFileExtension; exports.getMimeTypeFromExtension = getMimeTypeFromExtension;
36
+ //# sourceMappingURL=chunk-OPJOCUSL.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-OPJOCUSL.js","../src/utils/fileUtils.ts"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACFO,IAAM,iBAAA,EAAmB,CAAC,QAAA,EAAA,GAA6B;AAC5D,EAAA,MAAM,UAAA,EAAY,QAAA,CAAS,WAAA,CAAY,CAAA,CAAE,KAAA,CAAM,GAAG,CAAA,CAAE,GAAA,CAAI,CAAA;AACxD,EAAA,OAAO,UAAA,GAAa,EAAA;AACtB,CAAA;AAEO,IAAM,yBAAA,EAA2B,CAAC,SAAA,EAAA,GAA8B;AACrE,EAAA,MAAM,UAAA,EAAoC;AAAA,IACxC,KAAA,EAAO,iBAAA;AAAA,IACP,KAAA,EAAO,YAAA;AAAA,IACP,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO,UAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,KAAA,EAAO,YAAA;AAAA,IACP,MAAA,EAAQ,YAAA;AAAA,IACR,KAAA,EAAO,WAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,MAAA,EAAQ,YAAA;AAAA,IACR,KAAA,EAAO,YAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,KAAA,EAAO,oBAAA;AAAA,IACP,MAAA,EAAQ,yEAAA;AAAA,IACR,KAAA,EAAO,0BAAA;AAAA,IACP,MAAA,EAAQ;AAAA,EACV,CAAA;AAEA,EAAA,OAAO,SAAA,CAAU,SAAS,EAAA,GAAK,0BAAA;AACjC,CAAA;ADEA;AACA;AACE;AACA;AACF,yGAAC","file":"/home/premkumar/Documents/GitHub/DMS-File-Viewers/packages/lib/dist/chunk-OPJOCUSL.js","sourcesContent":[null,"export const getFileExtension = (fileName: string): string => {\n const extension = fileName.toLowerCase().split('.').pop();\n return extension || '';\n};\n\nexport const getMimeTypeFromExtension = (extension: string): string => {\n const mimeTypes: Record<string, string> = {\n 'pdf': 'application/pdf',\n 'txt': 'text/plain',\n 'json': 'application/json',\n 'xml': 'text/xml',\n 'csv': 'text/csv',\n 'jpg': 'image/jpeg',\n 'jpeg': 'image/jpeg',\n 'png': 'image/png',\n 'gif': 'image/gif',\n 'svg': 'image/svg+xml',\n 'mp4': 'video/mp4',\n 'webm': 'video/webm',\n 'mp3': 'audio/mpeg',\n 'wav': 'audio/wav',\n 'doc': 'application/msword',\n 'docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n 'xls': 'application/vnd.ms-excel',\n 'xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n };\n\n return mimeTypes[extension] || 'application/octet-stream';\n};"]}