phx-react 1.3.476 → 1.3.478
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/cjs/components/UploadFile/FormUpload.d.ts +1 -1
- package/dist/cjs/components/UploadFile/FormUpload.js +7 -6
- package/dist/cjs/components/UploadFile/FormUpload.js.map +1 -1
- package/dist/cjs/components/UploadFile/UploadFile.d.ts +3 -1
- package/dist/cjs/components/UploadFile/UploadFile.js +32 -12
- package/dist/cjs/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/esm/components/UploadFile/FormUpload.d.ts +1 -1
- package/dist/esm/components/UploadFile/FormUpload.js +7 -6
- package/dist/esm/components/UploadFile/FormUpload.js.map +1 -1
- package/dist/esm/components/UploadFile/UploadFile.d.ts +3 -1
- package/dist/esm/components/UploadFile/UploadFile.js +32 -12
- package/dist/esm/components/UploadFile/UploadFile.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function FormUpload({ fileInputRef, fileName, fileType, handleCheckboxChange,
|
|
2
|
+
export declare function FormUpload({ fileInputRef, fileName, fileType, handleCheckboxChange, handleFileChange, handleUploadClick, helpText, isImage, label, length, link, oneImg, selectedImages, showButton, showImage, setIsModalOpen, }: any): React.JSX.Element;
|
|
@@ -8,7 +8,7 @@ var Loading_1 = require("../Loading");
|
|
|
8
8
|
var types_1 = require("../types");
|
|
9
9
|
var ButtonUpload_1 = require("./ButtonUpload");
|
|
10
10
|
function FormUpload(_a) {
|
|
11
|
-
var fileInputRef = _a.fileInputRef, fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange,
|
|
11
|
+
var fileInputRef = _a.fileInputRef, fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, showButton = _a.showButton, showImage = _a.showImage, setIsModalOpen = _a.setIsModalOpen;
|
|
12
12
|
var _b = (0, react_1.useState)(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
|
|
13
13
|
var _c = (0, react_1.useState)(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
|
|
14
14
|
var _d = (0, react_1.useState)(fileName), file = _d[0], setFile = _d[1];
|
|
@@ -43,12 +43,12 @@ function FormUpload(_a) {
|
|
|
43
43
|
react_1["default"].createElement("div", { className: 'text-sm leading-5 text-[#111827]' },
|
|
44
44
|
length,
|
|
45
45
|
" file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
|
|
46
|
-
react_1["default"].createElement(Button_1.PHXButton, { onClick:
|
|
46
|
+
react_1["default"].createElement(Button_1.PHXButton, { onClick: function () { return setIsModalOpen(true); }, secondary: true, size: 'micro' }, "X\u00F3a"))),
|
|
47
47
|
react_1["default"].createElement("div", { className: "".concat(oneImg ? 'rounded-lg bg-gray-100' : '', " grid grid-cols-4 gap-2") },
|
|
48
48
|
isImage && (react_1["default"].createElement(react_1["default"].Fragment, null, link === null || link === void 0 ? void 0 : link.map(function (item, index) { return (react_1["default"].createElement("div", { key: index, className: "group relative ".concat(index === 0 ? "col-span-2 ".concat(oneImg && 'col-start-2', " row-span-2") : 'col-span-1 row-span-1') },
|
|
49
49
|
!showImage && index === link.length - 1 ? (react_1["default"].createElement("div", { className: "".concat(oneImg ? 'py-14' : '', " border-#00000080 flex h-full items-center justify-center rounded-lg border") },
|
|
50
50
|
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
51
|
-
react_1["default"].createElement("img", { alt: 'Alternative text for the image', className: "".concat(oneImg && (link === null || link === void 0 ? void 0 : link.length) > 0 ? 'h-32 scale-[140%] object-contain py-5' : '', " w-full transition-all duration-300 hover:
|
|
51
|
+
react_1["default"].createElement("img", { alt: 'Alternative text for the image', className: "".concat(oneImg && (link === null || link === void 0 ? void 0 : link.length) > 0 ? 'h-32 scale-[140%] object-contain py-5' : '', " w-full transition-all duration-300 hover:cursor-pointer"), src: item, onClick: function () { return handleImageClick(item); } }),
|
|
52
52
|
helpText ? (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, helpText)) : (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, isImage
|
|
53
53
|
? ''
|
|
54
54
|
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
@@ -64,7 +64,7 @@ function FormUpload(_a) {
|
|
|
64
64
|
(link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && oneImg && (react_1["default"].createElement("div", { className: 'mt-3 flex gap-2' },
|
|
65
65
|
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
66
66
|
react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') || (fileType === 'image' && 'jpg, .jpeg, .png, .gif')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }),
|
|
67
|
-
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, onClick:
|
|
67
|
+
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
68
68
|
(link === null || link === void 0 ? void 0 : link.length) === 0 && (react_1["default"].createElement(react_1["default"].Fragment, null, !file ? (react_1["default"].createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
69
69
|
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
70
70
|
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, oneImg: oneImg })))) : (react_1["default"].createElement("div", { className: 'w-full' },
|
|
@@ -78,9 +78,10 @@ function FormUpload(_a) {
|
|
|
78
78
|
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
79
79
|
react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') || (fileType === 'image' && 'jpg, .jpeg, .png, .gif')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' })))))))),
|
|
80
80
|
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && (react_1["default"].createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
81
|
-
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
81
|
+
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' }, fileType === 'file' && !showImage ? (react_1["default"].createElement("div", { className: 'flex h-full items-center justify-center rounded-lg py-6 ' },
|
|
82
|
+
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
82
83
|
react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
83
|
-
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))))));
|
|
84
|
+
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))))))));
|
|
84
85
|
}
|
|
85
86
|
exports.FormUpload = FormUpload;
|
|
86
87
|
//# sourceMappingURL=FormUpload.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,oCAAqC;AACrC,sCAAuC;AACvC,kCAAqC;AACrC,+CAA6C;AAE7C,SAAgB,UAAU,CAAC,EAiBrB;QAhBJ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,5 +18,7 @@ export interface ModalProps {
|
|
|
18
18
|
inCard?: boolean;
|
|
19
19
|
label?: string;
|
|
20
20
|
oneImg?: boolean;
|
|
21
|
+
setLoading?: any;
|
|
22
|
+
contentOfModal?: any;
|
|
21
23
|
}
|
|
22
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, oneImg, projectId, size, label, inCard, title, titleHeaderAction, isHeaderDownload, }: ModalProps) => React.JSX.Element;
|
|
24
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, oneImg, projectId, setLoading, size, label, inCard, title, titleHeaderAction, isHeaderDownload, }: ModalProps) => React.JSX.Element;
|
|
@@ -6,8 +6,10 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
var Card_1 = require("../Card");
|
|
8
8
|
var FormUpload_1 = require("./FormUpload");
|
|
9
|
+
var Modal_1 = require("../Modal");
|
|
10
|
+
var solid_1 = require("@heroicons/react/24/solid");
|
|
9
11
|
var PHXUploadFile = function (_a) {
|
|
10
|
-
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, defaultLink = _a.defaultLink, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, headerActionFunc = _a.headerActionFunc, helpText = _a.helpText, moduleId = _a.moduleId, _c = _a.multiImg, multiImg = _c === void 0 ? false : _c, _d = _a.oneImg, oneImg = _d === void 0 ? false : _d, projectId = _a.projectId, size = _a.size, label = _a.label, _e = _a.inCard, inCard = _e === void 0 ? true : _e, title = _a.title, titleHeaderAction = _a.titleHeaderAction, _f = _a.isHeaderDownload, isHeaderDownload = _f === void 0 ? false : _f;
|
|
12
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, contentOfModal = _a.contentOfModal, defaultLink = _a.defaultLink, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, headerActionFunc = _a.headerActionFunc, helpText = _a.helpText, moduleId = _a.moduleId, _c = _a.multiImg, multiImg = _c === void 0 ? false : _c, _d = _a.oneImg, oneImg = _d === void 0 ? false : _d, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, label = _a.label, _e = _a.inCard, inCard = _e === void 0 ? true : _e, title = _a.title, titleHeaderAction = _a.titleHeaderAction, _f = _a.isHeaderDownload, isHeaderDownload = _f === void 0 ? false : _f;
|
|
11
13
|
var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
|
|
12
14
|
var fileInputRef = (0, react_1.useRef)(null);
|
|
13
15
|
var handleUploadClick = function () {
|
|
@@ -67,6 +69,7 @@ var PHXUploadFile = function (_a) {
|
|
|
67
69
|
}); };
|
|
68
70
|
var _h = (0, react_1.useState)(false), isImage = _h[0], setIsImage = _h[1];
|
|
69
71
|
var _j = (0, react_1.useState)(false), showImage = _j[0], setShowImage = _j[1];
|
|
72
|
+
var _k = (0, react_1.useState)(false), isModalOpen = _k[0], setIsModalOpen = _k[1];
|
|
70
73
|
(0, react_1.useEffect)(function () {
|
|
71
74
|
var _a;
|
|
72
75
|
if (fileName) {
|
|
@@ -84,9 +87,18 @@ var PHXUploadFile = function (_a) {
|
|
|
84
87
|
return function () { return clearTimeout(timer_1); };
|
|
85
88
|
}
|
|
86
89
|
else {
|
|
87
|
-
|
|
90
|
+
if (setLoading) {
|
|
91
|
+
setLoading(true);
|
|
92
|
+
setShowImage(false);
|
|
93
|
+
var timer_2 = setTimeout(function () {
|
|
94
|
+
setShowImage(true);
|
|
95
|
+
setLoading(false);
|
|
96
|
+
}, 1000);
|
|
97
|
+
return function () { return clearTimeout(timer_2); };
|
|
98
|
+
}
|
|
88
99
|
}
|
|
89
|
-
|
|
100
|
+
return;
|
|
101
|
+
}, [fileName, link]);
|
|
90
102
|
(0, react_1.useEffect)(function () {
|
|
91
103
|
var _a, _b, _c;
|
|
92
104
|
if (defaultLink && defaultLink.length > 0) {
|
|
@@ -99,19 +111,19 @@ var PHXUploadFile = function (_a) {
|
|
|
99
111
|
setIsImage(false);
|
|
100
112
|
}
|
|
101
113
|
setShowImage(false);
|
|
102
|
-
var
|
|
114
|
+
var timer_3 = setTimeout(function () {
|
|
103
115
|
setShowImage(true);
|
|
104
116
|
}, 1000);
|
|
105
|
-
return function () { return clearTimeout(
|
|
117
|
+
return function () { return clearTimeout(timer_3); };
|
|
106
118
|
}
|
|
107
119
|
else {
|
|
108
120
|
return;
|
|
109
121
|
}
|
|
110
122
|
}, []);
|
|
111
|
-
var
|
|
112
|
-
var
|
|
113
|
-
var
|
|
114
|
-
var
|
|
123
|
+
var _l = (0, react_1.useState)(0), length = _l[0], setLength = _l[1];
|
|
124
|
+
var _m = (0, react_1.useState)(false), showButton = _m[0], setShowButton = _m[1];
|
|
125
|
+
var _o = (0, react_1.useState)(false), isChecked = _o[0], setIsChecked = _o[1];
|
|
126
|
+
var _p = (0, react_1.useState)([]), selectedImages = _p[0], setSelectedImages = _p[1];
|
|
115
127
|
var handleCheckboxChange = function (index) {
|
|
116
128
|
var updatedSelectedImages = tslib_1.__spreadArray([], selectedImages, true);
|
|
117
129
|
if (updatedSelectedImages.includes(index)) {
|
|
@@ -140,9 +152,17 @@ var PHXUploadFile = function (_a) {
|
|
|
140
152
|
setSelectedImages([]);
|
|
141
153
|
setShowButton(false);
|
|
142
154
|
};
|
|
143
|
-
return (react_1["default"].createElement("div", { className: sizeModal },
|
|
144
|
-
react_1["default"].createElement(
|
|
145
|
-
|
|
155
|
+
return (react_1["default"].createElement("div", { className: sizeModal },
|
|
156
|
+
inCard ? (react_1["default"].createElement(Card_1.PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
157
|
+
react_1["default"].createElement(FormUpload_1.FormUpload, { fileInputRef: fileInputRef, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, showButton: showButton, showImage: showImage, setIsModalOpen: setIsModalOpen }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
158
|
+
react_1["default"].createElement(FormUpload_1.FormUpload, { fileInputRef: fileInputRef, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, showButton: showButton, showImage: showImage, setIsModalOpen: setIsModalOpen }))),
|
|
159
|
+
react_1["default"].createElement(Modal_1.PHXModal, { onHide: function () { return setIsModalOpen(false); }, onPrimaryClick: handleDeleteImages, primaryActionText: 'X\u00F3a', show: isModalOpen, title: 'Xo\u00E1 \u1EA3nh?' },
|
|
160
|
+
react_1["default"].createElement("div", { className: 'sm:flex sm:items-start' },
|
|
161
|
+
react_1["default"].createElement("div", { className: 'mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10' },
|
|
162
|
+
react_1["default"].createElement(solid_1.ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
|
|
163
|
+
react_1["default"].createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
|
|
164
|
+
react_1["default"].createElement("div", { className: 'mt-2' },
|
|
165
|
+
react_1["default"].createElement("p", { className: 'text-xs text-gray-500' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
|
|
146
166
|
};
|
|
147
167
|
exports.PHXUploadFile = PHXUploadFile;
|
|
148
168
|
//# sourceMappingURL=UploadFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0D;AAC1D,kCAAqC;AACrC,gCAAiC;AACjC,2CAAyC;
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function FormUpload({ fileInputRef, fileName, fileType, handleCheckboxChange,
|
|
2
|
+
export declare function FormUpload({ fileInputRef, fileName, fileType, handleCheckboxChange, handleFileChange, handleUploadClick, helpText, isImage, label, length, link, oneImg, selectedImages, showButton, showImage, setIsModalOpen, }: any): React.JSX.Element;
|
|
@@ -4,7 +4,7 @@ import { PHXSpinner } from '../Loading';
|
|
|
4
4
|
import { classNames } from '../types';
|
|
5
5
|
import { ButtonUpload } from './ButtonUpload';
|
|
6
6
|
export function FormUpload(_a) {
|
|
7
|
-
var fileInputRef = _a.fileInputRef, fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange,
|
|
7
|
+
var fileInputRef = _a.fileInputRef, fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, showButton = _a.showButton, showImage = _a.showImage, setIsModalOpen = _a.setIsModalOpen;
|
|
8
8
|
var _b = useState(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
|
|
9
9
|
var _c = useState(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
|
|
10
10
|
var _d = useState(fileName), file = _d[0], setFile = _d[1];
|
|
@@ -39,12 +39,12 @@ export function FormUpload(_a) {
|
|
|
39
39
|
React.createElement("div", { className: 'text-sm leading-5 text-[#111827]' },
|
|
40
40
|
length,
|
|
41
41
|
" file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
|
|
42
|
-
React.createElement(PHXButton, { onClick:
|
|
42
|
+
React.createElement(PHXButton, { onClick: function () { return setIsModalOpen(true); }, secondary: true, size: 'micro' }, "X\u00F3a"))),
|
|
43
43
|
React.createElement("div", { className: "".concat(oneImg ? 'rounded-lg bg-gray-100' : '', " grid grid-cols-4 gap-2") },
|
|
44
44
|
isImage && (React.createElement(React.Fragment, null, link === null || link === void 0 ? void 0 : link.map(function (item, index) { return (React.createElement("div", { key: index, className: "group relative ".concat(index === 0 ? "col-span-2 ".concat(oneImg && 'col-start-2', " row-span-2") : 'col-span-1 row-span-1') },
|
|
45
45
|
!showImage && index === link.length - 1 ? (React.createElement("div", { className: "".concat(oneImg ? 'py-14' : '', " border-#00000080 flex h-full items-center justify-center rounded-lg border") },
|
|
46
46
|
React.createElement(PHXSpinner, { className: 'h-5 w-5' }))) : (React.createElement(React.Fragment, null,
|
|
47
|
-
React.createElement("img", { alt: 'Alternative text for the image', className: "".concat(oneImg && (link === null || link === void 0 ? void 0 : link.length) > 0 ? 'h-32 scale-[140%] object-contain py-5' : '', " w-full transition-all duration-300 hover:
|
|
47
|
+
React.createElement("img", { alt: 'Alternative text for the image', className: "".concat(oneImg && (link === null || link === void 0 ? void 0 : link.length) > 0 ? 'h-32 scale-[140%] object-contain py-5' : '', " w-full transition-all duration-300 hover:cursor-pointer"), src: item, onClick: function () { return handleImageClick(item); } }),
|
|
48
48
|
helpText ? (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, helpText)) : (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, isImage
|
|
49
49
|
? ''
|
|
50
50
|
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
@@ -60,7 +60,7 @@ export function FormUpload(_a) {
|
|
|
60
60
|
(link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && oneImg && (React.createElement("div", { className: 'mt-3 flex gap-2' },
|
|
61
61
|
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
62
62
|
React.createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') || (fileType === 'image' && 'jpg, .jpeg, .png, .gif')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }),
|
|
63
|
-
React.createElement(PHXButton, { deleted: true, onClick:
|
|
63
|
+
React.createElement(PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
64
64
|
(link === null || link === void 0 ? void 0 : link.length) === 0 && (React.createElement(React.Fragment, null, !file ? (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
65
65
|
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
66
66
|
React.createElement(ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, oneImg: oneImg })))) : (React.createElement("div", { className: 'w-full' },
|
|
@@ -74,8 +74,9 @@ export function FormUpload(_a) {
|
|
|
74
74
|
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
75
75
|
React.createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') || (fileType === 'image' && 'jpg, .jpeg, .png, .gif')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' })))))))),
|
|
76
76
|
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
77
|
-
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
77
|
+
React.createElement("div", { className: 'flex flex-col items-center justify-center' }, fileType === 'file' && !showImage ? (React.createElement("div", { className: 'flex h-full items-center justify-center rounded-lg py-6 ' },
|
|
78
|
+
React.createElement(PHXSpinner, { className: 'h-5 w-5' }))) : (React.createElement(React.Fragment, null,
|
|
78
79
|
React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
79
|
-
React.createElement(ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))))));
|
|
80
|
+
React.createElement(ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))))))));
|
|
80
81
|
}
|
|
81
82
|
//# sourceMappingURL=FormUpload.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,UAAU,UAAU,CAAC,EAiBrB;QAhBJ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,5 +18,7 @@ export interface ModalProps {
|
|
|
18
18
|
inCard?: boolean;
|
|
19
19
|
label?: string;
|
|
20
20
|
oneImg?: boolean;
|
|
21
|
+
setLoading?: any;
|
|
22
|
+
contentOfModal?: any;
|
|
21
23
|
}
|
|
22
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, oneImg, projectId, size, label, inCard, title, titleHeaderAction, isHeaderDownload, }: ModalProps) => React.JSX.Element;
|
|
24
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, oneImg, projectId, setLoading, size, label, inCard, title, titleHeaderAction, isHeaderDownload, }: ModalProps) => React.JSX.Element;
|
|
@@ -3,8 +3,10 @@ import React, { useEffect, useRef, useState } from 'react';
|
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
import { PHXCard } from '../Card';
|
|
5
5
|
import { FormUpload } from './FormUpload';
|
|
6
|
+
import { PHXModal } from '../Modal';
|
|
7
|
+
import { ExclamationTriangleIcon } from '@heroicons/react/24/solid';
|
|
6
8
|
export var PHXUploadFile = function (_a) {
|
|
7
|
-
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, defaultLink = _a.defaultLink, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, headerActionFunc = _a.headerActionFunc, helpText = _a.helpText, moduleId = _a.moduleId, _c = _a.multiImg, multiImg = _c === void 0 ? false : _c, _d = _a.oneImg, oneImg = _d === void 0 ? false : _d, projectId = _a.projectId, size = _a.size, label = _a.label, _e = _a.inCard, inCard = _e === void 0 ? true : _e, title = _a.title, titleHeaderAction = _a.titleHeaderAction, _f = _a.isHeaderDownload, isHeaderDownload = _f === void 0 ? false : _f;
|
|
9
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, contentOfModal = _a.contentOfModal, defaultLink = _a.defaultLink, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, headerActionFunc = _a.headerActionFunc, helpText = _a.helpText, moduleId = _a.moduleId, _c = _a.multiImg, multiImg = _c === void 0 ? false : _c, _d = _a.oneImg, oneImg = _d === void 0 ? false : _d, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, label = _a.label, _e = _a.inCard, inCard = _e === void 0 ? true : _e, title = _a.title, titleHeaderAction = _a.titleHeaderAction, _f = _a.isHeaderDownload, isHeaderDownload = _f === void 0 ? false : _f;
|
|
8
10
|
var sizeModal = classNames(size === 'small' && 'sm:max-w-lg');
|
|
9
11
|
var fileInputRef = useRef(null);
|
|
10
12
|
var handleUploadClick = function () {
|
|
@@ -64,6 +66,7 @@ export var PHXUploadFile = function (_a) {
|
|
|
64
66
|
}); };
|
|
65
67
|
var _h = useState(false), isImage = _h[0], setIsImage = _h[1];
|
|
66
68
|
var _j = useState(false), showImage = _j[0], setShowImage = _j[1];
|
|
69
|
+
var _k = useState(false), isModalOpen = _k[0], setIsModalOpen = _k[1];
|
|
67
70
|
useEffect(function () {
|
|
68
71
|
var _a;
|
|
69
72
|
if (fileName) {
|
|
@@ -81,9 +84,18 @@ export var PHXUploadFile = function (_a) {
|
|
|
81
84
|
return function () { return clearTimeout(timer_1); };
|
|
82
85
|
}
|
|
83
86
|
else {
|
|
84
|
-
|
|
87
|
+
if (setLoading) {
|
|
88
|
+
setLoading(true);
|
|
89
|
+
setShowImage(false);
|
|
90
|
+
var timer_2 = setTimeout(function () {
|
|
91
|
+
setShowImage(true);
|
|
92
|
+
setLoading(false);
|
|
93
|
+
}, 1000);
|
|
94
|
+
return function () { return clearTimeout(timer_2); };
|
|
95
|
+
}
|
|
85
96
|
}
|
|
86
|
-
|
|
97
|
+
return;
|
|
98
|
+
}, [fileName, link]);
|
|
87
99
|
useEffect(function () {
|
|
88
100
|
var _a, _b, _c;
|
|
89
101
|
if (defaultLink && defaultLink.length > 0) {
|
|
@@ -96,19 +108,19 @@ export var PHXUploadFile = function (_a) {
|
|
|
96
108
|
setIsImage(false);
|
|
97
109
|
}
|
|
98
110
|
setShowImage(false);
|
|
99
|
-
var
|
|
111
|
+
var timer_3 = setTimeout(function () {
|
|
100
112
|
setShowImage(true);
|
|
101
113
|
}, 1000);
|
|
102
|
-
return function () { return clearTimeout(
|
|
114
|
+
return function () { return clearTimeout(timer_3); };
|
|
103
115
|
}
|
|
104
116
|
else {
|
|
105
117
|
return;
|
|
106
118
|
}
|
|
107
119
|
}, []);
|
|
108
|
-
var
|
|
109
|
-
var
|
|
110
|
-
var
|
|
111
|
-
var
|
|
120
|
+
var _l = useState(0), length = _l[0], setLength = _l[1];
|
|
121
|
+
var _m = useState(false), showButton = _m[0], setShowButton = _m[1];
|
|
122
|
+
var _o = useState(false), isChecked = _o[0], setIsChecked = _o[1];
|
|
123
|
+
var _p = useState([]), selectedImages = _p[0], setSelectedImages = _p[1];
|
|
112
124
|
var handleCheckboxChange = function (index) {
|
|
113
125
|
var updatedSelectedImages = __spreadArray([], selectedImages, true);
|
|
114
126
|
if (updatedSelectedImages.includes(index)) {
|
|
@@ -137,8 +149,16 @@ export var PHXUploadFile = function (_a) {
|
|
|
137
149
|
setSelectedImages([]);
|
|
138
150
|
setShowButton(false);
|
|
139
151
|
};
|
|
140
|
-
return (React.createElement("div", { className: sizeModal },
|
|
141
|
-
React.createElement(
|
|
142
|
-
|
|
152
|
+
return (React.createElement("div", { className: sizeModal },
|
|
153
|
+
inCard ? (React.createElement(PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
154
|
+
React.createElement(FormUpload, { fileInputRef: fileInputRef, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, showButton: showButton, showImage: showImage, setIsModalOpen: setIsModalOpen }))) : (React.createElement(React.Fragment, null,
|
|
155
|
+
React.createElement(FormUpload, { fileInputRef: fileInputRef, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, showButton: showButton, showImage: showImage, setIsModalOpen: setIsModalOpen }))),
|
|
156
|
+
React.createElement(PHXModal, { onHide: function () { return setIsModalOpen(false); }, onPrimaryClick: handleDeleteImages, primaryActionText: 'X\u00F3a', show: isModalOpen, title: 'Xo\u00E1 \u1EA3nh?' },
|
|
157
|
+
React.createElement("div", { className: 'sm:flex sm:items-start' },
|
|
158
|
+
React.createElement("div", { className: 'mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10' },
|
|
159
|
+
React.createElement(ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
|
|
160
|
+
React.createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
|
|
161
|
+
React.createElement("div", { className: 'mt-2' },
|
|
162
|
+
React.createElement("p", { className: 'text-xs text-gray-500' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
|
|
143
163
|
};
|
|
144
164
|
//# sourceMappingURL=UploadFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|