@cannyminds/dms-file-viewers 0.5.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-DOOYIHGW.js → chunk-56PP5GHZ.js} +70 -18
- package/dist/chunk-56PP5GHZ.js.map +1 -0
- package/dist/chunk-57BAESSV.mjs +341 -0
- package/dist/chunk-57BAESSV.mjs.map +1 -0
- package/dist/{chunk-7BLEPGZ4.mjs → chunk-7AUCINV2.mjs} +70 -18
- package/dist/chunk-7AUCINV2.mjs.map +1 -0
- package/dist/chunk-A2MSWOEM.js +159 -0
- package/dist/chunk-A2MSWOEM.js.map +1 -0
- package/dist/{chunk-SBEFC7HP.js → chunk-CQ3HSM5S.js} +70 -18
- package/dist/chunk-CQ3HSM5S.js.map +1 -0
- package/dist/{chunk-SNEIVT4R.js → chunk-ETHSDRF5.js} +70 -18
- package/dist/chunk-ETHSDRF5.js.map +1 -0
- package/dist/{chunk-RE4XRGSV.js → chunk-FA5L62Y5.js} +52 -32
- package/dist/chunk-FA5L62Y5.js.map +1 -0
- package/dist/chunk-GMDRDOWP.mjs +159 -0
- package/dist/chunk-GMDRDOWP.mjs.map +1 -0
- package/dist/{chunk-K5SKH4SD.mjs → chunk-HLDLNHNY.mjs} +226 -282
- package/dist/chunk-HLDLNHNY.mjs.map +1 -0
- package/dist/{chunk-QELOFQEB.js → chunk-HQJPMN53.js} +283 -339
- package/dist/chunk-HQJPMN53.js.map +1 -0
- package/dist/{chunk-4DJJINTB.mjs → chunk-KBST5Z5H.mjs} +69 -17
- package/dist/chunk-KBST5Z5H.mjs.map +1 -0
- package/dist/{chunk-WP55NYFS.js → chunk-LQVHD4FS.js} +71 -19
- package/dist/chunk-LQVHD4FS.js.map +1 -0
- package/dist/chunk-M57PSU4O.mjs +36 -0
- package/dist/chunk-M57PSU4O.mjs.map +1 -0
- package/dist/{chunk-YHMHDPLQ.mjs → chunk-PFJKVNUA.mjs} +69 -17
- package/dist/chunk-PFJKVNUA.mjs.map +1 -0
- package/dist/chunk-QGM5J3SP.js +341 -0
- package/dist/chunk-QGM5J3SP.js.map +1 -0
- package/dist/{chunk-677DWENS.mjs → chunk-THFHTTQX.mjs} +64 -17
- package/dist/chunk-THFHTTQX.mjs.map +1 -0
- package/dist/{chunk-77UARJVQ.js → chunk-UUM656JE.js} +66 -19
- package/dist/chunk-UUM656JE.js.map +1 -0
- package/dist/{chunk-QQDQJ7TS.mjs → chunk-VJFXCN5Z.mjs} +50 -30
- package/dist/chunk-VJFXCN5Z.mjs.map +1 -0
- package/dist/{chunk-BHMFZTZ7.mjs → chunk-WNZHGFNC.mjs} +69 -17
- package/dist/chunk-WNZHGFNC.mjs.map +1 -0
- package/dist/chunk-YEPEMLM3.js +36 -0
- package/dist/chunk-YEPEMLM3.js.map +1 -0
- package/dist/components/viewers/AudioViewer.d.mts +1 -1
- package/dist/components/viewers/AudioViewer.d.ts +1 -1
- package/dist/components/viewers/AudioViewer.js +4 -3
- package/dist/components/viewers/AudioViewer.js.map +1 -1
- package/dist/components/viewers/AudioViewer.mjs +3 -2
- package/dist/components/viewers/DefaultViewer.d.mts +1 -1
- package/dist/components/viewers/DefaultViewer.d.ts +1 -1
- package/dist/components/viewers/DefaultViewer.js +4 -3
- package/dist/components/viewers/DefaultViewer.js.map +1 -1
- package/dist/components/viewers/DefaultViewer.mjs +3 -2
- package/dist/components/viewers/ImageViewer.d.mts +1 -1
- package/dist/components/viewers/ImageViewer.d.ts +1 -1
- package/dist/components/viewers/ImageViewer.js +4 -4
- package/dist/components/viewers/ImageViewer.mjs +3 -3
- package/dist/components/viewers/PDFViewer.d.mts +1 -1
- package/dist/components/viewers/PDFViewer.d.ts +1 -1
- package/dist/components/viewers/PDFViewer.js +5 -3
- package/dist/components/viewers/PDFViewer.js.map +1 -1
- package/dist/components/viewers/PDFViewer.mjs +4 -2
- package/dist/components/viewers/TIFFViewer.d.mts +1 -1
- package/dist/components/viewers/TIFFViewer.d.ts +1 -1
- package/dist/components/viewers/TIFFViewer.js +4 -3
- package/dist/components/viewers/TIFFViewer.js.map +1 -1
- package/dist/components/viewers/TIFFViewer.mjs +3 -2
- package/dist/components/viewers/TextViewer.d.mts +1 -1
- package/dist/components/viewers/TextViewer.d.ts +1 -1
- package/dist/components/viewers/TextViewer.js +4 -3
- package/dist/components/viewers/TextViewer.js.map +1 -1
- package/dist/components/viewers/TextViewer.mjs +3 -2
- package/dist/components/viewers/VideoViewer.d.mts +1 -1
- package/dist/components/viewers/VideoViewer.d.ts +1 -1
- package/dist/components/viewers/VideoViewer.js +4 -3
- package/dist/components/viewers/VideoViewer.js.map +1 -1
- package/dist/components/viewers/VideoViewer.mjs +3 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +14 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +12 -9
- package/dist/index.mjs.map +1 -1
- package/dist/{types-C6IEfcTM.d.mts → types-BmZB9kkJ.d.mts} +13 -1
- package/dist/{types-C6IEfcTM.d.ts → types-BmZB9kkJ.d.ts} +13 -1
- package/package.json +1 -1
- package/dist/chunk-4DJJINTB.mjs.map +0 -1
- package/dist/chunk-677DWENS.mjs.map +0 -1
- package/dist/chunk-6ZBHO5SP.js +0 -294
- package/dist/chunk-6ZBHO5SP.js.map +0 -1
- package/dist/chunk-77UARJVQ.js.map +0 -1
- package/dist/chunk-7BLEPGZ4.mjs.map +0 -1
- package/dist/chunk-BHMFZTZ7.mjs.map +0 -1
- package/dist/chunk-DOOYIHGW.js.map +0 -1
- package/dist/chunk-K5SKH4SD.mjs.map +0 -1
- package/dist/chunk-QELOFQEB.js.map +0 -1
- package/dist/chunk-QQDQJ7TS.mjs.map +0 -1
- package/dist/chunk-RE4XRGSV.js.map +0 -1
- package/dist/chunk-SBEFC7HP.js.map +0 -1
- package/dist/chunk-SNEIVT4R.js.map +0 -1
- package/dist/chunk-UX6U3H7J.mjs +0 -294
- package/dist/chunk-UX6U3H7J.mjs.map +0 -1
- package/dist/chunk-WP55NYFS.js.map +0 -1
- package/dist/chunk-YHMHDPLQ.mjs.map +0 -1
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
|
-
FileIcon_default,
|
|
4
3
|
getFileExtension
|
|
5
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-M57PSU4O.mjs";
|
|
5
|
+
import {
|
|
6
|
+
FileIcon_default,
|
|
7
|
+
mergeToolbarConfig
|
|
8
|
+
} from "./chunk-VJFXCN5Z.mjs";
|
|
6
9
|
|
|
7
10
|
// src/components/viewers/DefaultViewer.tsx
|
|
8
|
-
import { useMemo } from "react";
|
|
11
|
+
import React, { useMemo } from "react";
|
|
9
12
|
import { Box, Card, CardContent, CardHeader, Typography, IconButton, Tooltip, Stack } from "@mui/material";
|
|
10
13
|
import DownloadIcon from "@mui/icons-material/Download";
|
|
14
|
+
import PrintIcon from "@mui/icons-material/Print";
|
|
15
|
+
import FullscreenIcon from "@mui/icons-material/Fullscreen";
|
|
11
16
|
import InfoIcon from "@mui/icons-material/Info";
|
|
12
17
|
import DescriptionIcon from "@mui/icons-material/Description";
|
|
13
18
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -27,18 +32,36 @@ var DefaultViewer = ({
|
|
|
27
32
|
showPageCount,
|
|
28
33
|
showPageNavigation,
|
|
29
34
|
showZoomControls,
|
|
30
|
-
showDownload,
|
|
31
|
-
showPrint,
|
|
35
|
+
showDownload = true,
|
|
36
|
+
showPrint = true,
|
|
32
37
|
showSearch,
|
|
33
|
-
showMetadata,
|
|
34
|
-
showProperties,
|
|
38
|
+
showMetadata = false,
|
|
39
|
+
showProperties = false,
|
|
35
40
|
onMetadataClick,
|
|
36
41
|
onPropertiesClick,
|
|
37
42
|
onPrintClick,
|
|
38
43
|
onDownloadClick,
|
|
39
44
|
customRegistry,
|
|
45
|
+
initialSearchText,
|
|
46
|
+
initialSearchPages,
|
|
47
|
+
autoOpenSearch,
|
|
48
|
+
autoExecuteSearch,
|
|
49
|
+
onSearchComplete,
|
|
50
|
+
toolbarActions,
|
|
40
51
|
...props
|
|
41
52
|
}) => {
|
|
53
|
+
const [isFullScreen, setIsFullScreen] = React.useState(false);
|
|
54
|
+
const containerRef = React.useRef(null);
|
|
55
|
+
const handleToggleFullScreen = () => {
|
|
56
|
+
if (!isFullScreen && containerRef.current?.requestFullscreen) {
|
|
57
|
+
containerRef.current.requestFullscreen();
|
|
58
|
+
setIsFullScreen(true);
|
|
59
|
+
} else if (isFullScreen && document.exitFullscreen) {
|
|
60
|
+
document.exitFullscreen();
|
|
61
|
+
setIsFullScreen(false);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
const toolbar = mergeToolbarConfig({ ...props, showDownload, showPrint, showMetadata, showProperties, onMetadataClick, onPropertiesClick, onPrintClick, onDownloadClick, toolbarActions });
|
|
42
65
|
const resolvedFileName = useMemo(
|
|
43
66
|
() => fileName || file?.name || (url ? url.split("/").pop() : "unknown-file"),
|
|
44
67
|
[fileName, file, url]
|
|
@@ -50,6 +73,7 @@ var DefaultViewer = ({
|
|
|
50
73
|
return /* @__PURE__ */ jsx(
|
|
51
74
|
Box,
|
|
52
75
|
{
|
|
76
|
+
ref: containerRef,
|
|
53
77
|
className: `default-viewer ${className}`,
|
|
54
78
|
sx: { width, height, ...style },
|
|
55
79
|
...props,
|
|
@@ -60,31 +84,54 @@ var DefaultViewer = ({
|
|
|
60
84
|
avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
|
|
61
85
|
title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
|
|
62
86
|
action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
|
|
63
|
-
/* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
|
|
87
|
+
!toolbar.isHidden("download") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ jsx(
|
|
64
88
|
IconButton,
|
|
65
89
|
{
|
|
66
90
|
size: "small",
|
|
67
|
-
onClick: onDownloadClick,
|
|
91
|
+
onClick: toolbar.getHandler("download", onDownloadClick),
|
|
92
|
+
disabled: toolbar.isDisabled("download"),
|
|
68
93
|
"aria-label": "Download file",
|
|
69
|
-
children: /* @__PURE__ */ jsx(DownloadIcon, {})
|
|
94
|
+
children: toolbar.getIcon("download") || /* @__PURE__ */ jsx(DownloadIcon, {})
|
|
95
|
+
}
|
|
96
|
+
) }),
|
|
97
|
+
!toolbar.isHidden("print") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ jsx(
|
|
98
|
+
IconButton,
|
|
99
|
+
{
|
|
100
|
+
size: "small",
|
|
101
|
+
onClick: toolbar.getHandler("print", onPrintClick),
|
|
102
|
+
disabled: toolbar.isDisabled("print"),
|
|
103
|
+
"aria-label": "Print file",
|
|
104
|
+
children: toolbar.getIcon("print") || /* @__PURE__ */ jsx(PrintIcon, {})
|
|
105
|
+
}
|
|
106
|
+
) }),
|
|
107
|
+
!toolbar.isHidden("fullscreen") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ jsx(
|
|
108
|
+
IconButton,
|
|
109
|
+
{
|
|
110
|
+
size: "small",
|
|
111
|
+
onClick: toolbar.getHandler("fullscreen", handleToggleFullScreen),
|
|
112
|
+
disabled: toolbar.isDisabled("fullscreen"),
|
|
113
|
+
"aria-label": "Toggle fullscreen",
|
|
114
|
+
children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ jsx(FullscreenIcon, {})
|
|
70
115
|
}
|
|
71
116
|
) }),
|
|
72
|
-
|
|
117
|
+
!toolbar.isHidden("metadata") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("metadata") || "Document Metadata", children: /* @__PURE__ */ jsx(
|
|
73
118
|
IconButton,
|
|
74
119
|
{
|
|
75
120
|
size: "small",
|
|
76
|
-
onClick: onMetadataClick,
|
|
121
|
+
onClick: toolbar.getHandler("metadata", onMetadataClick),
|
|
122
|
+
disabled: toolbar.isDisabled("metadata"),
|
|
77
123
|
"aria-label": "View document metadata",
|
|
78
|
-
children: /* @__PURE__ */ jsx(
|
|
124
|
+
children: toolbar.getIcon("metadata") || /* @__PURE__ */ jsx(DescriptionIcon, {})
|
|
79
125
|
}
|
|
80
126
|
) }),
|
|
81
|
-
|
|
127
|
+
!toolbar.isHidden("properties") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("properties") || "Document Properties", children: /* @__PURE__ */ jsx(
|
|
82
128
|
IconButton,
|
|
83
129
|
{
|
|
84
130
|
size: "small",
|
|
85
|
-
onClick: onPropertiesClick,
|
|
131
|
+
onClick: toolbar.getHandler("properties", onPropertiesClick),
|
|
132
|
+
disabled: toolbar.isDisabled("properties"),
|
|
86
133
|
"aria-label": "View document properties",
|
|
87
|
-
children: /* @__PURE__ */ jsx(
|
|
134
|
+
children: toolbar.getIcon("properties") || /* @__PURE__ */ jsx(InfoIcon, {})
|
|
88
135
|
}
|
|
89
136
|
) })
|
|
90
137
|
] }),
|
|
@@ -130,4 +177,4 @@ var DefaultViewer = ({
|
|
|
130
177
|
export {
|
|
131
178
|
DefaultViewer
|
|
132
179
|
};
|
|
133
|
-
//# sourceMappingURL=chunk-
|
|
180
|
+
//# sourceMappingURL=chunk-THFHTTQX.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/viewers/DefaultViewer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Box, Card, CardContent, CardHeader, Typography, IconButton, Tooltip, Stack } from '@mui/material';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport PrintIcon from '@mui/icons-material/Print';\r\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\nimport { FileViewerProps } from '../../types';\r\nimport { getFileExtension } from '../../utils/fileUtils';\r\nimport { mergeToolbarConfig } from '../../utils/toolbarUtils';\r\nimport FileIcon from '../FileIcon';\r\n\r\nexport const DefaultViewer: React.FC<FileViewerProps> = ({\r\n file,\r\n url,\r\n fileName,\r\n className = '',\r\n style = {},\r\n width = '100%',\r\n height = '100%',\r\n onLoad,\r\n onError,\r\n // Extract props that shouldn't be passed to DOM elements\r\n mimeType,\r\n fileSize,\r\n showPageCount,\r\n showPageNavigation,\r\n showZoomControls,\r\n showDownload = true,\r\n showPrint = true,\r\n showSearch,\r\n showMetadata = false,\r\n showProperties = false,\r\n onMetadataClick,\r\n onPropertiesClick,\r\n onPrintClick,\r\n onDownloadClick,\r\n customRegistry,\r\n initialSearchText,\r\n initialSearchPages,\r\n autoOpenSearch,\r\n autoExecuteSearch,\r\n onSearchComplete,\r\n toolbarActions,\r\n ...props\r\n}) => {\r\n const [isFullScreen, setIsFullScreen] = React.useState(false);\r\n const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n const handleToggleFullScreen = () => {\r\n if (!isFullScreen && containerRef.current?.requestFullscreen) {\r\n containerRef.current.requestFullscreen();\r\n setIsFullScreen(true);\r\n } else if (isFullScreen && document.exitFullscreen) {\r\n document.exitFullscreen();\r\n setIsFullScreen(false);\r\n }\r\n };\r\n\r\n const toolbar = mergeToolbarConfig({ ...props, showDownload, showPrint, showMetadata, showProperties, onMetadataClick, onPropertiesClick, onPrintClick, onDownloadClick, toolbarActions });\r\n const resolvedFileName = useMemo(\r\n () => fileName || file?.name || (url ? url.split('/').pop() : 'unknown-file'),\r\n [fileName, file, url]\r\n );\r\n\r\n const fileExtension = useMemo(\r\n () => getFileExtension(resolvedFileName || ''),\r\n [resolvedFileName]\r\n );\r\n\r\n return (\r\n <Box\r\n ref={containerRef}\r\n className={`default-viewer ${className}`}\r\n sx={{ width, height, ...style }}\r\n {...props}\r\n >\r\n <Card sx={{ height: '100%', display: 'flex', flexDirection: 'column' }} elevation={1}>\r\n <CardHeader\r\n avatar={<FileIcon ext={fileExtension} size={32} />}\r\n title={\r\n <Typography variant=\"subtitle1\" fontWeight={500}>\r\n {resolvedFileName}\r\n </Typography>\r\n }\r\n action={\r\n <Stack direction=\"row\" spacing={1}>\r\n {!toolbar.isHidden('download') && (\r\n <Tooltip title={toolbar.getLabel('download') || \"Download\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('download', onDownloadClick)}\r\n disabled={toolbar.isDisabled('download')}\r\n aria-label=\"Download file\"\r\n >\r\n {toolbar.getIcon('download') || <DownloadIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('print') && (\r\n <Tooltip title={toolbar.getLabel('print') || \"Print\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('print', onPrintClick)}\r\n disabled={toolbar.isDisabled('print')}\r\n aria-label=\"Print file\"\r\n >\r\n {toolbar.getIcon('print') || <PrintIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('fullscreen') && (\r\n <Tooltip title={toolbar.getLabel('fullscreen') || \"Fullscreen\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('fullscreen', handleToggleFullScreen)}\r\n disabled={toolbar.isDisabled('fullscreen')}\r\n aria-label=\"Toggle fullscreen\"\r\n >\r\n {toolbar.getIcon('fullscreen') || <FullscreenIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('metadata') && (\r\n <Tooltip title={toolbar.getLabel('metadata') || \"Document Metadata\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('metadata', onMetadataClick)}\r\n disabled={toolbar.isDisabled('metadata')}\r\n aria-label=\"View document metadata\"\r\n >\r\n {toolbar.getIcon('metadata') || <DescriptionIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n {!toolbar.isHidden('properties') && (\r\n <Tooltip title={toolbar.getLabel('properties') || \"Document Properties\"}>\r\n <IconButton\r\n size=\"small\"\r\n onClick={toolbar.getHandler('properties', onPropertiesClick)}\r\n disabled={toolbar.isDisabled('properties')}\r\n aria-label=\"View document properties\"\r\n >\r\n {toolbar.getIcon('properties') || <InfoIcon />}\r\n </IconButton>\r\n </Tooltip>\r\n )}\r\n </Stack>\r\n }\r\n sx={{ pb: 1 }}\r\n />\r\n <CardContent sx={{\r\n flexGrow: 1,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexDirection: 'column',\r\n textAlign: 'center',\r\n color: '#666'\r\n }}>\r\n <Typography variant=\"h6\" gutterBottom color=\"text.primary\">\r\n File Preview Not Available\r\n </Typography>\r\n <Box sx={{ mt: 2 }}>\r\n <Typography variant=\"body2\"><strong>File:</strong> {resolvedFileName}</Typography>\r\n {mimeType && <Typography variant=\"body2\"><strong>Type:</strong> {mimeType}</Typography>}\r\n {fileSize && <Typography variant=\"body2\"><strong>Size:</strong> {Math.round(fileSize / 1024)} KB</Typography>}\r\n <Typography variant=\"body2\" sx={{ mt: 2 }}>\r\n This file type is not supported for preview.\r\n </Typography>\r\n <Typography variant=\"body2\" color=\"text.secondary\">\r\n You can download the file using the button above.\r\n </Typography>\r\n </Box>\r\n </CardContent>\r\n </Card>\r\n </Box>\r\n );\r\n};\r\n"],"mappings":"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","names":[]}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
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
2
|
|
|
3
3
|
|
|
4
|
+
var _chunkYEPEMLM3js = require('./chunk-YEPEMLM3.js');
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
var _chunkFA5L62Y5js = require('./chunk-FA5L62Y5.js');
|
|
6
9
|
|
|
7
10
|
// src/components/viewers/DefaultViewer.tsx
|
|
8
|
-
var _react = require('react');
|
|
11
|
+
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
9
12
|
var _material = require('@mui/material');
|
|
10
13
|
var _Download = require('@mui/icons-material/Download'); var _Download2 = _interopRequireDefault(_Download);
|
|
14
|
+
var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequireDefault(_Print);
|
|
15
|
+
var _Fullscreen = require('@mui/icons-material/Fullscreen'); var _Fullscreen2 = _interopRequireDefault(_Fullscreen);
|
|
11
16
|
var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
|
|
12
17
|
var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
|
|
13
18
|
var _jsxruntime = require('react/jsx-runtime');
|
|
@@ -27,29 +32,48 @@ var DefaultViewer = ({
|
|
|
27
32
|
showPageCount,
|
|
28
33
|
showPageNavigation,
|
|
29
34
|
showZoomControls,
|
|
30
|
-
showDownload,
|
|
31
|
-
showPrint,
|
|
35
|
+
showDownload = true,
|
|
36
|
+
showPrint = true,
|
|
32
37
|
showSearch,
|
|
33
|
-
showMetadata,
|
|
34
|
-
showProperties,
|
|
38
|
+
showMetadata = false,
|
|
39
|
+
showProperties = false,
|
|
35
40
|
onMetadataClick,
|
|
36
41
|
onPropertiesClick,
|
|
37
42
|
onPrintClick,
|
|
38
43
|
onDownloadClick,
|
|
39
44
|
customRegistry,
|
|
45
|
+
initialSearchText,
|
|
46
|
+
initialSearchPages,
|
|
47
|
+
autoOpenSearch,
|
|
48
|
+
autoExecuteSearch,
|
|
49
|
+
onSearchComplete,
|
|
50
|
+
toolbarActions,
|
|
40
51
|
...props
|
|
41
52
|
}) => {
|
|
53
|
+
const [isFullScreen, setIsFullScreen] = _react2.default.useState(false);
|
|
54
|
+
const containerRef = _react2.default.useRef(null);
|
|
55
|
+
const handleToggleFullScreen = () => {
|
|
56
|
+
if (!isFullScreen && _optionalChain([containerRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.requestFullscreen])) {
|
|
57
|
+
containerRef.current.requestFullscreen();
|
|
58
|
+
setIsFullScreen(true);
|
|
59
|
+
} else if (isFullScreen && document.exitFullscreen) {
|
|
60
|
+
document.exitFullscreen();
|
|
61
|
+
setIsFullScreen(false);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
const toolbar = _chunkFA5L62Y5js.mergeToolbarConfig.call(void 0, { ...props, showDownload, showPrint, showMetadata, showProperties, onMetadataClick, onPropertiesClick, onPrintClick, onDownloadClick, toolbarActions });
|
|
42
65
|
const resolvedFileName = _react.useMemo.call(void 0,
|
|
43
|
-
() => fileName || _optionalChain([file, 'optionalAccess',
|
|
66
|
+
() => fileName || _optionalChain([file, 'optionalAccess', _3 => _3.name]) || (url ? url.split("/").pop() : "unknown-file"),
|
|
44
67
|
[fileName, file, url]
|
|
45
68
|
);
|
|
46
69
|
const fileExtension = _react.useMemo.call(void 0,
|
|
47
|
-
() =>
|
|
70
|
+
() => _chunkYEPEMLM3js.getFileExtension.call(void 0, resolvedFileName || ""),
|
|
48
71
|
[resolvedFileName]
|
|
49
72
|
);
|
|
50
73
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
51
74
|
_material.Box,
|
|
52
75
|
{
|
|
76
|
+
ref: containerRef,
|
|
53
77
|
className: `default-viewer ${className}`,
|
|
54
78
|
sx: { width, height, ...style },
|
|
55
79
|
...props,
|
|
@@ -57,34 +81,57 @@ var DefaultViewer = ({
|
|
|
57
81
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
58
82
|
_material.CardHeader,
|
|
59
83
|
{
|
|
60
|
-
avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
84
|
+
avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFA5L62Y5js.FileIcon_default, { ext: fileExtension, size: 32 }),
|
|
61
85
|
title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
|
|
62
86
|
action: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { direction: "row", spacing: 1, children: [
|
|
63
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
87
|
+
!toolbar.isHidden("download") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
64
88
|
_material.IconButton,
|
|
65
89
|
{
|
|
66
90
|
size: "small",
|
|
67
|
-
onClick: onDownloadClick,
|
|
91
|
+
onClick: toolbar.getHandler("download", onDownloadClick),
|
|
92
|
+
disabled: toolbar.isDisabled("download"),
|
|
68
93
|
"aria-label": "Download file",
|
|
69
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
|
|
94
|
+
children: toolbar.getIcon("download") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
|
|
95
|
+
}
|
|
96
|
+
) }),
|
|
97
|
+
!toolbar.isHidden("print") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
98
|
+
_material.IconButton,
|
|
99
|
+
{
|
|
100
|
+
size: "small",
|
|
101
|
+
onClick: toolbar.getHandler("print", onPrintClick),
|
|
102
|
+
disabled: toolbar.isDisabled("print"),
|
|
103
|
+
"aria-label": "Print file",
|
|
104
|
+
children: toolbar.getIcon("print") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, {})
|
|
105
|
+
}
|
|
106
|
+
) }),
|
|
107
|
+
!toolbar.isHidden("fullscreen") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
108
|
+
_material.IconButton,
|
|
109
|
+
{
|
|
110
|
+
size: "small",
|
|
111
|
+
onClick: toolbar.getHandler("fullscreen", handleToggleFullScreen),
|
|
112
|
+
disabled: toolbar.isDisabled("fullscreen"),
|
|
113
|
+
"aria-label": "Toggle fullscreen",
|
|
114
|
+
children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, {})
|
|
70
115
|
}
|
|
71
116
|
) }),
|
|
72
|
-
|
|
117
|
+
!toolbar.isHidden("metadata") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("metadata") || "Document Metadata", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
73
118
|
_material.IconButton,
|
|
74
119
|
{
|
|
75
120
|
size: "small",
|
|
76
|
-
onClick: onMetadataClick,
|
|
121
|
+
onClick: toolbar.getHandler("metadata", onMetadataClick),
|
|
122
|
+
disabled: toolbar.isDisabled("metadata"),
|
|
77
123
|
"aria-label": "View document metadata",
|
|
78
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
124
|
+
children: toolbar.getIcon("metadata") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, {})
|
|
79
125
|
}
|
|
80
126
|
) }),
|
|
81
|
-
|
|
127
|
+
!toolbar.isHidden("properties") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("properties") || "Document Properties", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
82
128
|
_material.IconButton,
|
|
83
129
|
{
|
|
84
130
|
size: "small",
|
|
85
|
-
onClick: onPropertiesClick,
|
|
131
|
+
onClick: toolbar.getHandler("properties", onPropertiesClick),
|
|
132
|
+
disabled: toolbar.isDisabled("properties"),
|
|
86
133
|
"aria-label": "View document properties",
|
|
87
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
134
|
+
children: toolbar.getIcon("properties") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, {})
|
|
88
135
|
}
|
|
89
136
|
) })
|
|
90
137
|
] }),
|
|
@@ -130,4 +177,4 @@ var DefaultViewer = ({
|
|
|
130
177
|
|
|
131
178
|
|
|
132
179
|
exports.DefaultViewer = DefaultViewer;
|
|
133
|
-
//# sourceMappingURL=chunk-
|
|
180
|
+
//# sourceMappingURL=chunk-UUM656JE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["d:\\Projects\\DMS-File-Viewers\\packages\\lib\\dist\\chunk-UUM656JE.js"],"names":[],"mappings":"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","file":"D:\\Projects\\DMS-File-Viewers\\packages\\lib\\dist\\chunk-UUM656JE.js","sourcesContent":[null]}
|
|
@@ -1,33 +1,54 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
// src/utils/
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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"
|
|
3
|
+
// src/utils/toolbarUtils.ts
|
|
4
|
+
function mergeToolbarConfig(props) {
|
|
5
|
+
const { toolbarActions = {} } = props;
|
|
6
|
+
const legacyVisibility = {
|
|
7
|
+
download: props.showDownload,
|
|
8
|
+
print: props.showPrint,
|
|
9
|
+
search: props.showSearch,
|
|
10
|
+
metadata: props.showMetadata,
|
|
11
|
+
properties: props.showProperties,
|
|
12
|
+
pageNavigation: props.showPageNavigation,
|
|
13
|
+
zoomControls: props.showZoomControls,
|
|
14
|
+
pageCount: props.showPageCount
|
|
28
15
|
};
|
|
29
|
-
|
|
30
|
-
|
|
16
|
+
const legacyHandlers = {
|
|
17
|
+
download: props.onDownloadClick,
|
|
18
|
+
print: props.onPrintClick,
|
|
19
|
+
metadata: props.onMetadataClick,
|
|
20
|
+
properties: props.onPropertiesClick
|
|
21
|
+
};
|
|
22
|
+
return {
|
|
23
|
+
isHidden: (actionId) => {
|
|
24
|
+
if (toolbarActions[actionId]?.hidden !== void 0) {
|
|
25
|
+
return toolbarActions[actionId].hidden;
|
|
26
|
+
}
|
|
27
|
+
if (toolbarActions[actionId]?.disabled !== void 0) {
|
|
28
|
+
return false;
|
|
29
|
+
}
|
|
30
|
+
if (legacyVisibility[actionId] !== void 0) {
|
|
31
|
+
return !legacyVisibility[actionId];
|
|
32
|
+
}
|
|
33
|
+
return false;
|
|
34
|
+
},
|
|
35
|
+
isDisabled: (actionId) => {
|
|
36
|
+
if (toolbarActions[actionId]?.disabled !== void 0) {
|
|
37
|
+
return toolbarActions[actionId].disabled;
|
|
38
|
+
}
|
|
39
|
+
return false;
|
|
40
|
+
},
|
|
41
|
+
getHandler: (actionId, defaultHandler) => {
|
|
42
|
+
return toolbarActions[actionId]?.onClick ?? legacyHandlers[actionId] ?? defaultHandler;
|
|
43
|
+
},
|
|
44
|
+
getIcon: (actionId) => {
|
|
45
|
+
return toolbarActions[actionId]?.icon;
|
|
46
|
+
},
|
|
47
|
+
getLabel: (actionId) => {
|
|
48
|
+
return toolbarActions[actionId]?.label;
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}
|
|
31
52
|
|
|
32
53
|
// src/components/FileIcon.tsx
|
|
33
54
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -256,8 +277,7 @@ var FileIcon = ({ ext, size = 48, sx = {} }) => {
|
|
|
256
277
|
var FileIcon_default = FileIcon;
|
|
257
278
|
|
|
258
279
|
export {
|
|
259
|
-
|
|
260
|
-
getMimeTypeFromExtension,
|
|
280
|
+
mergeToolbarConfig,
|
|
261
281
|
FileIcon_default
|
|
262
282
|
};
|
|
263
|
-
//# sourceMappingURL=chunk-
|
|
283
|
+
//# sourceMappingURL=chunk-VJFXCN5Z.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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 };\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":";;;AAMO,SAAS,mBAAmB,OAMjC;AACA,QAAM,EAAE,iBAAiB,CAAC,EAAE,IAAI;AAGhC,QAAM,mBAAwD;AAAA,IAC5D,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,QAAQ,MAAM;AAAA,IACd,UAAU,MAAM;AAAA,IAChB,YAAY,MAAM;AAAA,IAClB,gBAAgB,MAAM;AAAA,IACtB,cAAc,MAAM;AAAA,IACpB,WAAW,MAAM;AAAA,EACnB;AAEA,QAAM,iBAA2D;AAAA,IAC/D,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,UAAU,MAAM;AAAA,IAChB,YAAY,MAAM;AAAA,EACpB;AAEA,SAAO;AAAA,IACL,UAAU,CAAC,aAAqB;AAE9B,UAAI,eAAe,QAAQ,GAAG,WAAW,QAAW;AAClD,eAAO,eAAe,QAAQ,EAAE;AAAA,MAClC;AAEA,UAAI,eAAe,QAAQ,GAAG,aAAa,QAAW;AACpD,eAAO;AAAA,MACT;AAEA,UAAI,iBAAiB,QAAQ,MAAM,QAAW;AAC5C,eAAO,CAAC,iBAAiB,QAAQ;AAAA,MACnC;AACA,aAAO;AAAA,IACT;AAAA,IAEA,YAAY,CAAC,aAAqB;AAEhC,UAAI,eAAe,QAAQ,GAAG,aAAa,QAAW;AACpD,eAAO,eAAe,QAAQ,EAAE;AAAA,MAClC;AACA,aAAO;AAAA,IACT;AAAA,IAEA,YAAY,CAAC,UAAkB,mBAAgC;AAE7D,aAAO,eAAe,QAAQ,GAAG,WAAW,eAAe,QAAQ,KAAK;AAAA,IAC1E;AAAA,IAEA,SAAS,CAAC,aAAqB;AAC7B,aAAO,eAAe,QAAQ,GAAG;AAAA,IACnC;AAAA,IAEA,UAAU,CAAC,aAAqB;AAC9B,aAAO,eAAe,QAAQ,GAAG;AAAA,IACnC;AAAA,EACF;AACF;;;ACgBU,SACE,KADF;AAhFV,IAAM,WAAoC,CAAC,EAAE,KAAK,OAAO,IAAI,KAAK,CAAC,EAAE,MAAM;AACzE,QAAM,YAAa,KAAK,YAAY,EAAE,QAAQ,OAAO,EAAE,KAAM;AAE7D,QAAM,gBAAgB,CAACA,eAAsB;AAC3C,YAAQA,YAAW;AAAA,MACjB,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAO,MAAM;AAAA,MAC9D,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,WAAU,YAAY,EAAE;AAAA,MAChF;AACE,eAAO,EAAE,OAAO,WAAW,SAAS,WAAW,OAAOA,aAAYA,WAAU,YAAY,IAAI,OAAO;AAAA,IACvG;AAAA,EACF;AAEA,QAAM,aAAa,cAAc,SAAS;AAE1C,QAAM,aAAa,CAACC,SAAgB;AAClC,UAAM,WAAW,OAAO;AAExB,YAAQA,MAAK;AAAA,MACX,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,UAAK,GAAE,8DAA6D,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAC1H,oBAAC,cAAS,QAAO,kBAAiB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UACvF,oBAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,QAAQ,WAAW,OAAO,aAAY,KAAG;AAAA,UAC9E,oBAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,QAAQ,WAAW,OAAO,aAAY,KAAG;AAAA,UAC9E,oBAAC,cAAS,QAAO,gBAAe,QAAQ,WAAW,OAAO,aAAY,KAAG;AAAA,WAC3E;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,UAAK,GAAE,8DAA6D,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAC1H,oBAAC,cAAS,QAAO,kBAAiB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UACvF,oBAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAQ,WAAW,OAAO,aAAY,KAAG;AAAA,UAC9E,oBAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAQ,WAAW,OAAO,aAAY,KAAG;AAAA,UAC9E,oBAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,QAAQ,WAAW,OAAO,aAAY,KAAG;AAAA,WAChF;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,IAAG,KAAI,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAC5G,oBAAC,YAAO,IAAG,OAAM,IAAG,OAAM,GAAE,OAAM,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UACvF,oBAAC,cAAS,QAAO,oBAAmB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,WAC3F;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,aAAQ,QAAO,wBAAuB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAC5F,oBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,KAAI,QAAO,MAAK,IAAG,KAAI,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,WACtG;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,UAAK,GAAE,mBAAkB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAC/E,oBAAC,YAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAClF,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,WACrF;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,UAAK,GAAE,KAAI,GAAE,MAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,IAAG,KAAI,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAC7G,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UACnF,oBAAC,UAAK,GAAE,4BAA2B,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,WAC1F;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,UAAK,GAAE,8DAA6D,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAC1H,oBAAC,cAAS,QAAO,kBAAiB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UACvF,oBAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,QAAQ,WAAW,OAAO,aAAY,KAAG;AAAA,UAC9E,oBAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,QAAQ,WAAW,OAAO,aAAY,KAAG;AAAA,WAChF;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,cAAS,QAAO,oBAAmB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UACzF,oBAAC,cAAS,QAAO,iBAAgB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,WACxF;AAAA,MAEJ;AACE,eACE,qBAAC,SAAI,OAAO,UAAU,QAAQ,UAAU,SAAQ,aAAY,MAAK,QAC/D;AAAA,8BAAC,UAAK,GAAE,8DAA6D,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,UAC1H,oBAAC,cAAS,QAAO,kBAAiB,QAAQ,WAAW,OAAO,aAAY,KAAI,MAAK,QAAM;AAAA,WACzF;AAAA,IAEN;AAAA,EACF;AAEA,QAAM,iBAAsC;AAAA,IAC1C,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAG;AAAA,EACL;AAEA,QAAM,eAAoC;AAAA,IACxC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,iBAAiB,WAAW;AAAA,IAC5B,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAEA,QAAM,aAAkC;AAAA,IACtC,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO,WAAW;AAAA,IAClB,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAEA,SACE,oBAAC,SAAI,OAAO,gBACV;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,cAAc,CAAC,MAAM;AACnB,UAAE,cAAc,MAAM,YAAY;AAClC,UAAE,cAAc,MAAM,YAAY;AAAA,MACpC;AAAA,MACA,cAAc,CAAC,MAAM;AACnB,UAAE,cAAc,MAAM,YAAY;AAClC,UAAE,cAAc,MAAM,YAAY;AAAA,MACpC;AAAA,MAEC;AAAA,mBAAW,SAAS;AAAA,QACrB,oBAAC,SAAI,OAAO,YACT,qBAAW,OACd;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,mBAAQ;","names":["extension","ext"]}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
|
-
FileIcon_default,
|
|
4
3
|
getFileExtension
|
|
5
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-M57PSU4O.mjs";
|
|
5
|
+
import {
|
|
6
|
+
FileIcon_default,
|
|
7
|
+
mergeToolbarConfig
|
|
8
|
+
} from "./chunk-VJFXCN5Z.mjs";
|
|
6
9
|
|
|
7
10
|
// src/components/viewers/VideoViewer.tsx
|
|
8
11
|
import { useEffect, useMemo, useRef, useState } from "react";
|
|
9
12
|
import { Box, Card, CardContent, CardHeader, LinearProgress, Typography, Stack, IconButton, Tooltip } from "@mui/material";
|
|
10
13
|
import DownloadIcon from "@mui/icons-material/Download";
|
|
14
|
+
import PrintIcon from "@mui/icons-material/Print";
|
|
15
|
+
import FullscreenIcon from "@mui/icons-material/Fullscreen";
|
|
11
16
|
import InfoIcon from "@mui/icons-material/Info";
|
|
12
17
|
import DescriptionIcon from "@mui/icons-material/Description";
|
|
13
18
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -22,33 +27,36 @@ var VideoViewer = ({
|
|
|
22
27
|
onLoad,
|
|
23
28
|
onError,
|
|
24
29
|
onDownloadClick,
|
|
30
|
+
onPrintClick,
|
|
25
31
|
onMetadataClick,
|
|
26
32
|
onPropertiesClick,
|
|
27
|
-
|
|
28
|
-
|
|
33
|
+
showDownload = true,
|
|
34
|
+
showPrint = false,
|
|
35
|
+
showMetadata = false,
|
|
36
|
+
showProperties = false,
|
|
29
37
|
// Extract props that shouldn't be passed to DOM elements
|
|
30
38
|
mimeType,
|
|
31
39
|
fileSize,
|
|
32
40
|
showPageCount,
|
|
33
41
|
showPageNavigation,
|
|
34
42
|
showZoomControls,
|
|
35
|
-
showDownload,
|
|
36
|
-
showPrint,
|
|
37
43
|
showSearch,
|
|
38
|
-
onPrintClick,
|
|
39
44
|
customRegistry,
|
|
40
45
|
initialSearchText,
|
|
41
46
|
initialSearchPages,
|
|
42
47
|
autoOpenSearch,
|
|
43
48
|
autoExecuteSearch,
|
|
44
49
|
onSearchComplete,
|
|
50
|
+
toolbarActions,
|
|
45
51
|
...props
|
|
46
52
|
}) => {
|
|
47
53
|
const videoRef = useRef(null);
|
|
54
|
+
const containerRef = useRef(null);
|
|
48
55
|
const [videoSource, setVideoSource] = useState(null);
|
|
49
56
|
const [isLoading, setIsLoading] = useState(false);
|
|
50
57
|
const [error, setError] = useState(null);
|
|
51
58
|
const [videoDimensions, setVideoDimensions] = useState(null);
|
|
59
|
+
const [isFullScreen, setIsFullScreen] = useState(false);
|
|
52
60
|
useEffect(() => {
|
|
53
61
|
let objectUrl = null;
|
|
54
62
|
if (file) {
|
|
@@ -101,9 +109,30 @@ var VideoViewer = ({
|
|
|
101
109
|
() => getFileExtension(resolvedFileName || ""),
|
|
102
110
|
[resolvedFileName]
|
|
103
111
|
);
|
|
112
|
+
const handleToggleFullScreen = () => {
|
|
113
|
+
if (!isFullScreen && containerRef.current?.requestFullscreen) {
|
|
114
|
+
containerRef.current.requestFullscreen();
|
|
115
|
+
setIsFullScreen(true);
|
|
116
|
+
} else if (isFullScreen && document.exitFullscreen) {
|
|
117
|
+
document.exitFullscreen();
|
|
118
|
+
setIsFullScreen(false);
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
const toolbar = mergeToolbarConfig({
|
|
122
|
+
showDownload,
|
|
123
|
+
showPrint,
|
|
124
|
+
showMetadata,
|
|
125
|
+
showProperties,
|
|
126
|
+
onDownloadClick,
|
|
127
|
+
onPrintClick,
|
|
128
|
+
onMetadataClick,
|
|
129
|
+
onPropertiesClick,
|
|
130
|
+
toolbarActions
|
|
131
|
+
});
|
|
104
132
|
return /* @__PURE__ */ jsx(
|
|
105
133
|
Box,
|
|
106
134
|
{
|
|
135
|
+
ref: containerRef,
|
|
107
136
|
className: `video-viewer ${className}`,
|
|
108
137
|
sx: { width, height, ...style },
|
|
109
138
|
...props,
|
|
@@ -114,31 +143,54 @@ var VideoViewer = ({
|
|
|
114
143
|
avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
|
|
115
144
|
title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
|
|
116
145
|
action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
|
|
117
|
-
/* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
|
|
146
|
+
!toolbar.isHidden("download") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ jsx(
|
|
118
147
|
IconButton,
|
|
119
148
|
{
|
|
120
149
|
size: "small",
|
|
121
|
-
onClick: onDownloadClick,
|
|
150
|
+
onClick: toolbar.getHandler("download", onDownloadClick),
|
|
151
|
+
disabled: toolbar.isDisabled("download"),
|
|
122
152
|
"aria-label": "Download video",
|
|
123
|
-
children: /* @__PURE__ */ jsx(DownloadIcon, {})
|
|
153
|
+
children: toolbar.getIcon("download") || /* @__PURE__ */ jsx(DownloadIcon, {})
|
|
154
|
+
}
|
|
155
|
+
) }),
|
|
156
|
+
!toolbar.isHidden("print") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ jsx(
|
|
157
|
+
IconButton,
|
|
158
|
+
{
|
|
159
|
+
size: "small",
|
|
160
|
+
onClick: toolbar.getHandler("print", onPrintClick),
|
|
161
|
+
disabled: toolbar.isDisabled("print"),
|
|
162
|
+
"aria-label": "Print video",
|
|
163
|
+
children: toolbar.getIcon("print") || /* @__PURE__ */ jsx(PrintIcon, {})
|
|
164
|
+
}
|
|
165
|
+
) }),
|
|
166
|
+
!toolbar.isHidden("fullscreen") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ jsx(
|
|
167
|
+
IconButton,
|
|
168
|
+
{
|
|
169
|
+
size: "small",
|
|
170
|
+
onClick: toolbar.getHandler("fullscreen", handleToggleFullScreen),
|
|
171
|
+
disabled: toolbar.isDisabled("fullscreen"),
|
|
172
|
+
"aria-label": "Toggle fullscreen",
|
|
173
|
+
children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ jsx(FullscreenIcon, {})
|
|
124
174
|
}
|
|
125
175
|
) }),
|
|
126
|
-
|
|
176
|
+
!toolbar.isHidden("metadata") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("metadata") || "Document Metadata", children: /* @__PURE__ */ jsx(
|
|
127
177
|
IconButton,
|
|
128
178
|
{
|
|
129
179
|
size: "small",
|
|
130
|
-
onClick: onMetadataClick,
|
|
180
|
+
onClick: toolbar.getHandler("metadata", onMetadataClick),
|
|
181
|
+
disabled: toolbar.isDisabled("metadata"),
|
|
131
182
|
"aria-label": "View document metadata",
|
|
132
|
-
children: /* @__PURE__ */ jsx(
|
|
183
|
+
children: toolbar.getIcon("metadata") || /* @__PURE__ */ jsx(DescriptionIcon, {})
|
|
133
184
|
}
|
|
134
185
|
) }),
|
|
135
|
-
|
|
186
|
+
!toolbar.isHidden("properties") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("properties") || "Document Properties", children: /* @__PURE__ */ jsx(
|
|
136
187
|
IconButton,
|
|
137
188
|
{
|
|
138
189
|
size: "small",
|
|
139
|
-
onClick: onPropertiesClick,
|
|
190
|
+
onClick: toolbar.getHandler("properties", onPropertiesClick),
|
|
191
|
+
disabled: toolbar.isDisabled("properties"),
|
|
140
192
|
"aria-label": "View document properties",
|
|
141
|
-
children: /* @__PURE__ */ jsx(
|
|
193
|
+
children: toolbar.getIcon("properties") || /* @__PURE__ */ jsx(InfoIcon, {})
|
|
142
194
|
}
|
|
143
195
|
) })
|
|
144
196
|
] }),
|
|
@@ -192,4 +244,4 @@ var VideoViewer = ({
|
|
|
192
244
|
export {
|
|
193
245
|
VideoViewer
|
|
194
246
|
};
|
|
195
|
-
//# sourceMappingURL=chunk-
|
|
247
|
+
//# sourceMappingURL=chunk-WNZHGFNC.mjs.map
|