phx-react 1.3.677 → 1.3.679
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/Radio/Radio.d.ts +1 -0
- package/dist/cjs/components/Radio/Radio.js +2 -1
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/UploadFile/ButtonUpload.d.ts +6 -1
- package/dist/cjs/components/UploadFile/ButtonUpload.js +4 -9
- package/dist/cjs/components/UploadFile/ButtonUpload.js.map +1 -1
- package/dist/cjs/components/UploadFile/FormUpload.d.ts +1 -1
- package/dist/cjs/components/UploadFile/FormUpload.js +85 -34
- package/dist/cjs/components/UploadFile/FormUpload.js.map +1 -1
- package/dist/cjs/components/UploadFile/UploadFile.d.ts +1 -1
- package/dist/cjs/components/UploadFile/UploadFile.js +36 -58
- package/dist/cjs/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/cjs/utils/email-service.d.ts +1 -2
- package/dist/esm/components/Radio/Radio.d.ts +1 -0
- package/dist/esm/components/Radio/Radio.js +2 -1
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/UploadFile/ButtonUpload.d.ts +6 -1
- package/dist/esm/components/UploadFile/ButtonUpload.js +4 -9
- package/dist/esm/components/UploadFile/ButtonUpload.js.map +1 -1
- package/dist/esm/components/UploadFile/FormUpload.d.ts +1 -1
- package/dist/esm/components/UploadFile/FormUpload.js +87 -35
- package/dist/esm/components/UploadFile/FormUpload.js.map +1 -1
- package/dist/esm/components/UploadFile/UploadFile.d.ts +1 -1
- package/dist/esm/components/UploadFile/UploadFile.js +37 -59
- package/dist/esm/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/esm/utils/email-service.d.ts +1 -2
- package/package.json +1 -1
|
@@ -5,13 +5,14 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
var PHXRadio = function (_a) {
|
|
8
|
-
var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "label", "register", "title"]);
|
|
8
|
+
var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, description = _a.description, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "label", "register", "title", "description"]);
|
|
9
9
|
return (react_1["default"].createElement("div", { className: className },
|
|
10
10
|
react_1["default"].createElement("label", { className: (0, types_1.classNames)(label ? 'mb-1 block text-xs font-normal text-gray-700' : 'hidden') }, label),
|
|
11
11
|
react_1["default"].createElement("div", { className: 'flex items-center' },
|
|
12
12
|
react_1["default"].createElement("label", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
|
|
13
13
|
react_1["default"].createElement("input", tslib_1.__assign({}, register, rest, { className: (0, types_1.classNames)(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-900 focus:ring-indigo-900'), type: 'radio' })),
|
|
14
14
|
react_1["default"].createElement("span", { className: 'ml-2' }, title))),
|
|
15
|
+
react_1["default"].createElement("p", { className: 'text-xs font-normal text-gray-500 ml-6' }, description),
|
|
15
16
|
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
16
17
|
react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
17
18
|
react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAqC;
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAqC;AAY9B,IAAM,QAAQ,GAAyB,UAAC,EASlC;IARX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACR,IAAI,sBARsC,gFAS9C,CADQ;IACS,OAAA,CAChB,0CAAK,SAAS,EAAE,SAAS;QACvB,4CAAO,SAAS,EAAE,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAG,KAAK,CAAS;QAChH,0CAAK,SAAS,EAAC,mBAAmB;YAChC,4CAAO,SAAS,EAAC,oFAAoF;gBACnG,+DACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,2CAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACN,wCAAG,SAAS,EAAC,wCAAwC,IAAE,WAAW,CAAK;QACtE,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA;AAlDY,QAAA,QAAQ,YAkDpB"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function ButtonUpload({
|
|
2
|
+
export declare function ButtonUpload({ fileType, handleUploadClick, helpText, loading, }: {
|
|
3
|
+
fileType: string;
|
|
4
|
+
handleUploadClick(): void;
|
|
5
|
+
helpText: string;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
}): React.JSX.Element;
|
|
@@ -5,19 +5,14 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var Button_1 = require("../Button");
|
|
7
7
|
function ButtonUpload(_a) {
|
|
8
|
-
var
|
|
8
|
+
var fileType = _a.fileType, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, _b = _a.loading, loading = _b === void 0 ? false : _b;
|
|
9
9
|
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
10
10
|
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
11
11
|
react_1["default"].createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
12
|
-
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
13
|
-
|
|
14
|
-
(fileType === 'image' && '.jpg, .jpeg, .png, .gif, .webp') ||
|
|
15
|
-
(fileType === 'file' && '.pdf, .png,.jpg, .jpeg')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
16
|
-
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 ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
17
|
-
" ",
|
|
18
|
-
oneImg ? react_1["default"].createElement("div", { className: 'py-3' }) : '')) : ("".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
12
|
+
react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"))),
|
|
13
|
+
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' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
19
14
|
(fileType === 'image' && 'JPG, JPEG, PNG, GIF, WEBP') ||
|
|
20
|
-
(fileType === 'file' && 'PDF, JPG, JPEG, PNG')))))
|
|
15
|
+
(fileType === 'file' && 'PDF, JPG, JPEG, PNG')))));
|
|
21
16
|
}
|
|
22
17
|
exports.ButtonUpload = ButtonUpload;
|
|
23
18
|
//# sourceMappingURL=ButtonUpload.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/ButtonUpload.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAqC;AAErC,SAAgB,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"ButtonUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/ButtonUpload.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAqC;AAErC,SAAgB,YAAY,CAAC,EAU5B;QATC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAOf,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,2CAA2C;YACxD,4CACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;gBAErB,iCAAC,kBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEnE,CACN,CACJ;QACL,QAAQ,CAAC,CAAC,CAAC,CACV,wCAAG,SAAS,EAAC,gDAAgD,IAAE,QAAQ,CAAK,CAC7E,CAAC,CAAC,CAAC,CACF,wCAAG,SAAS,EAAC,gDAAgD,IAC1D,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;YACjD,CAAC,QAAQ,KAAK,OAAO,IAAI,2BAA2B,CAAC;YACrD,CAAC,QAAQ,KAAK,MAAM,IAAI,qBAAqB,CAAC,CAC9C,CACL,CACA,CACJ,CAAA;AACH,CAAC;AAlCD,oCAkCC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function FormUpload({
|
|
2
|
+
export declare function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage, }: any): React.JSX.Element;
|
|
@@ -3,15 +3,53 @@ exports.__esModule = true;
|
|
|
3
3
|
exports.FormUpload = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
var ButtonUpload_1 = require("./ButtonUpload");
|
|
7
|
+
var types_1 = require("../types");
|
|
6
8
|
var Button_1 = require("../Button");
|
|
7
9
|
var Loading_1 = require("../Loading");
|
|
8
|
-
var types_1 = require("../types");
|
|
9
|
-
var ButtonUpload_1 = require("./ButtonUpload");
|
|
10
10
|
function FormUpload(_a) {
|
|
11
|
-
var
|
|
11
|
+
var _this = this;
|
|
12
|
+
var fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, setIsModalOpen = _a.setIsModalOpen, showImage = _a.showImage;
|
|
13
|
+
var fileInputRef = (0, react_1.useRef)(null);
|
|
12
14
|
var _b = (0, react_1.useState)(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
|
|
13
15
|
var _c = (0, react_1.useState)(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
|
|
14
16
|
var _d = (0, react_1.useState)(fileName), file = _d[0], setFile = _d[1];
|
|
17
|
+
var _e = (0, react_1.useState)(false), showMoreImage = _e[0], setShowMoreImage = _e[1];
|
|
18
|
+
var _f = (0, react_1.useState)(false), loading = _f[0], setLoading = _f[1];
|
|
19
|
+
var showSelectedTitle = (selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0;
|
|
20
|
+
var showButtonWithOneImage = (link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && oneImg;
|
|
21
|
+
var listImage = !showMoreImage ? link === null || link === void 0 ? void 0 : link.slice(0, 10) : link;
|
|
22
|
+
var limitImageShow = 10;
|
|
23
|
+
var handleUploadClick = function () {
|
|
24
|
+
if (fileInputRef.current) {
|
|
25
|
+
fileInputRef.current.click();
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
var handleAwaitUpdate = function (event) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
29
|
+
var e_1;
|
|
30
|
+
return tslib_1.__generator(this, function (_a) {
|
|
31
|
+
switch (_a.label) {
|
|
32
|
+
case 0:
|
|
33
|
+
_a.trys.push([0, 2, 3, 4]);
|
|
34
|
+
setLoading(true);
|
|
35
|
+
return [4 /*yield*/, handleFileChange(event)];
|
|
36
|
+
case 1:
|
|
37
|
+
_a.sent();
|
|
38
|
+
return [3 /*break*/, 4];
|
|
39
|
+
case 2:
|
|
40
|
+
e_1 = _a.sent();
|
|
41
|
+
console.log(e_1);
|
|
42
|
+
return [3 /*break*/, 4];
|
|
43
|
+
case 3:
|
|
44
|
+
setLoading(false);
|
|
45
|
+
if (showMoreImage) {
|
|
46
|
+
setShowMoreImage(false);
|
|
47
|
+
}
|
|
48
|
+
return [7 /*endfinally*/];
|
|
49
|
+
case 4: return [2 /*return*/];
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}); };
|
|
15
53
|
(0, react_1.useEffect)(function () {
|
|
16
54
|
var closeImageOnOutsideClick = function (event) {
|
|
17
55
|
if (showLargeImage) {
|
|
@@ -36,38 +74,49 @@ function FormUpload(_a) {
|
|
|
36
74
|
setFile(null);
|
|
37
75
|
}
|
|
38
76
|
}, [link]);
|
|
39
|
-
return (react_1["default"].createElement("
|
|
77
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
40
78
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)('mb-1 flex text-xs font-normal text-gray-700', label ? 'justify-between' : '') }, label && react_1["default"].createElement("label", null, label)),
|
|
41
|
-
react_1["default"].createElement("div",
|
|
42
|
-
|
|
43
|
-
react_1["default"].createElement("div", { className: '
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
79
|
+
react_1["default"].createElement("div", { className: 'relative' },
|
|
80
|
+
showSelectedTitle && (react_1["default"].createElement("div", { className: 'absolute inset-x-0 -top-8 flex justify-between bg-white pb-2' },
|
|
81
|
+
react_1["default"].createElement("div", { className: 'flex items-center' },
|
|
82
|
+
react_1["default"].createElement("div", { className: '-pl-2 text-sm leading-5 text-[#111827]' },
|
|
83
|
+
length,
|
|
84
|
+
" file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn")),
|
|
85
|
+
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "X\u00F3a"))),
|
|
86
|
+
isImage && (react_1["default"].createElement("div", { className: "".concat(oneImg ? ' flex justify-center rounded-lg bg-gray-100' : 'grid grid-cols-6 gap-2') }, listImage === null || listImage === void 0 ? void 0 :
|
|
87
|
+
listImage.map(function (src, index) {
|
|
88
|
+
var isSelectImage = (selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0;
|
|
89
|
+
return (react_1["default"].createElement("div", { key: index, className: "group relative overflow-hidden border ".concat(!oneImg ? 'aspect-square rounded-[10px] ' : '') },
|
|
90
|
+
react_1["default"].createElement("img", { alt: 'img', className: " object-contain ".concat(oneImg ? 'max-h-[180px]' : 'h-full w-full object-contain'), src: src }),
|
|
91
|
+
react_1["default"].createElement("button", { className: "absolute inset-0 flex items-center justify-center bg-black text-white opacity-0 transition-opacity duration-300 group-hover:opacity-100 ".concat(!oneImg ? 'bg-opacity-60' : 'bg-opacity-0'), onClick: function () {
|
|
92
|
+
if (isSelectImage) {
|
|
93
|
+
handleCheckboxChange(index);
|
|
94
|
+
}
|
|
95
|
+
else {
|
|
96
|
+
handleImageClick(src);
|
|
97
|
+
}
|
|
98
|
+
}, type: 'button' }),
|
|
99
|
+
!oneImg && (react_1["default"].createElement("div", { className: "z-8 absolute left-[0.3rem] top-0 opacity-0 ".concat((selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0 ? 'opacity-100' : 'group-hover:opacity-100') },
|
|
100
|
+
react_1["default"].createElement("input", { checked: selectedImages.includes(index), className: 'h-[16px] w-[16px] cursor-pointer rounded-[4px] text-black checked:bg-black checked:ring-0 focus:outline-none focus:ring-0', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' })))));
|
|
101
|
+
}),
|
|
102
|
+
!showMoreImage && (link === null || link === void 0 ? void 0 : link.length) > limitImageShow && (react_1["default"].createElement("div", { className: 'group relative aspect-square overflow-hidden rounded-lg border' },
|
|
103
|
+
react_1["default"].createElement("img", { alt: 'img', className: 'mx-auto h-full object-cover', src: link === null || link === void 0 ? void 0 : link[limitImageShow + 1] }),
|
|
104
|
+
react_1["default"].createElement("button", { className: 'absolute inset-0 flex items-center justify-center bg-black bg-opacity-60 text-white backdrop-blur-sm transition-opacity duration-300 ', onClick: function () { return setShowMoreImage(true); }, type: 'button' },
|
|
105
|
+
react_1["default"].createElement("p", null,
|
|
106
|
+
"+",
|
|
107
|
+
((link === null || link === void 0 ? void 0 : link.length) || 0) - limitImageShow)))),
|
|
108
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && !oneImg && (react_1["default"].createElement("button", { className: ' flex aspect-square items-center justify-center rounded-lg border border-dashed border-gray-300 bg-[#F7F7F7] transition-all hover:bg-[#f1f1f1]', onClick: handleUploadClick, type: 'button' }, loading ? (react_1["default"].createElement(Loading_1.PHXSpinner, null)) : (react_1["default"].createElement("svg", { className: 'h-5 w-5', fill: 'none', stroke: 'currentColor', strokeWidth: '1.5', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
109
|
+
react_1["default"].createElement("path", { d: 'M12 4.5v15m7.5-7.5h-15', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
110
|
+
showLargeImage && (react_1["default"].createElement("div", { className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', id: 'large-image-container', onClick: function () { return setShowLargeImage(false); } },
|
|
111
|
+
react_1["default"].createElement("img", { alt: 'Large Image', className: 'max-h-full max-w-full', onClick: function (e) { return e.stopPropagation(); }, src: largeImageUrl }))))),
|
|
112
|
+
showButtonWithOneImage && (react_1["default"].createElement("div", { className: ' mt-3 flex gap-2 ' },
|
|
113
|
+
react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
67
114
|
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
68
115
|
(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
116
|
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
70
|
-
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, {
|
|
117
|
+
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileType: fileType, handleUploadClick: function () {
|
|
118
|
+
handleUploadClick();
|
|
119
|
+
}, helpText: helpText, loading: loading })))) : (react_1["default"].createElement("div", { className: 'w-full' },
|
|
71
120
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-5 pb-3 lg:max-w-full lg:px-0' },
|
|
72
121
|
react_1["default"].createElement("div", { className: 'flex items-center justify-between rounded-lg border border-gray-200 bg-white shadow-[0rem_0.0825rem_0rem_#00000012]' },
|
|
73
122
|
react_1["default"].createElement("div", { className: 'h-full bg-gray-200 p-6' },
|
|
@@ -75,13 +124,15 @@ function FormUpload(_a) {
|
|
|
75
124
|
react_1["default"].createElement("path", { d: 'M6.75 4c-.69 0-1.25.56-1.25 1.25v9.5c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25v-9a.75.75 0 0 1 1.5 0v9a2.75 2.75 0 0 1-2.75 2.75h-6.5a2.75 2.75 0 0 1-2.75-2.75v-9.5a2.75 2.75 0 0 1 2.75-2.75h3a2.75 2.75 0 0 1 2.75 2.75v6.25a2.5 2.5 0 0 1-5 0v-5.5a.75.75 0 0 1 1.5 0v5.5a1 1 0 1 0 2 0v-6.25c0-.69-.56-1.25-1.25-1.25h-3Z', fillRule: 'evenodd' }))),
|
|
76
125
|
react_1["default"].createElement("p", { className: 'w-60 truncate px-2 text-sm text-gray-600 lg:w-72' }, fileName),
|
|
77
126
|
react_1["default"].createElement("div", { className: 'min-w-[20%]' },
|
|
78
|
-
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
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' })))))))),
|
|
127
|
+
react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i")))))))),
|
|
80
128
|
(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
129
|
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
130
|
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
83
131
|
react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
84
|
-
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, {
|
|
132
|
+
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileType: fileType, handleUploadClick: handleUploadClick, helpText: helpText, loading: loading }))))))),
|
|
133
|
+
react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
134
|
+
(fileType === 'image' && '.jpg, .jpeg, .png, .gif, .webp') ||
|
|
135
|
+
(fileType === 'file' && '.pdf, .png,.jpg, .jpeg')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleAwaitUpdate, type: 'file' })));
|
|
85
136
|
}
|
|
86
137
|
exports.FormUpload = FormUpload;
|
|
87
138
|
//# sourceMappingURL=FormUpload.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,4 +21,4 @@ export interface ModalProps {
|
|
|
21
21
|
setLoading?: any;
|
|
22
22
|
contentOfModal?: any;
|
|
23
23
|
}
|
|
24
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, oneImg, projectId, setLoading, size,
|
|
24
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
@@ -2,22 +2,34 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.PHXUploadFile = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
+
var outline_1 = require("@heroicons/react/24/outline");
|
|
5
6
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
var FormUpload_1 = require("./FormUpload");
|
|
6
8
|
var types_1 = require("../types");
|
|
7
9
|
var Card_1 = require("../Card");
|
|
8
|
-
var FormUpload_1 = require("./FormUpload");
|
|
9
10
|
var Modal_1 = require("../Modal");
|
|
10
|
-
var outline_1 = require("@heroicons/react/24/outline");
|
|
11
11
|
var PHXUploadFile = function (_a) {
|
|
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,
|
|
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, _c = _a.inCard, inCard = _c === void 0 ? true : _c, _d = _a.isHeaderDownload, isHeaderDownload = _d === void 0 ? false : _d, label = _a.label, moduleId = _a.moduleId, _e = _a.multiImg, multiImg = _e === void 0 ? false : _e, _f = _a.oneImg, oneImg = _f === void 0 ? false : _f, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, title = _a.title, titleHeaderAction = _a.titleHeaderAction;
|
|
13
13
|
var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
var _g = (0, react_1.useState)([]), link = _g[0], setLink = _g[1];
|
|
15
|
+
var _h = (0, react_1.useState)(fileType === 'image'), isImage = _h[0], setIsImage = _h[1];
|
|
16
|
+
var _j = (0, react_1.useState)(false), showImage = _j[0], setShowImage = _j[1];
|
|
17
|
+
var _k = (0, react_1.useState)(false), isModalOpen = _k[0], setIsModalOpen = _k[1];
|
|
18
|
+
var _l = (0, react_1.useState)(0), length = _l[0], setLength = _l[1];
|
|
19
|
+
var _m = (0, react_1.useState)(false), isChecked = _m[0], setIsChecked = _m[1];
|
|
20
|
+
var _o = (0, react_1.useState)([]), selectedImages = _o[0], setSelectedImages = _o[1];
|
|
21
|
+
var handleCheckboxChange = function (index) {
|
|
22
|
+
var updatedSelectedImages = tslib_1.__spreadArray([], selectedImages, true);
|
|
23
|
+
if (updatedSelectedImages.includes(index)) {
|
|
24
|
+
updatedSelectedImages.splice(updatedSelectedImages.indexOf(index), 1);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
updatedSelectedImages.push(index);
|
|
18
28
|
}
|
|
29
|
+
setSelectedImages(updatedSelectedImages);
|
|
30
|
+
setIsChecked(!isChecked);
|
|
31
|
+
setLength(updatedSelectedImages === null || updatedSelectedImages === void 0 ? void 0 : updatedSelectedImages.length);
|
|
19
32
|
};
|
|
20
|
-
var _g = (0, react_1.useState)([]), link = _g[0], setLink = _g[1];
|
|
21
33
|
var handleFileChange = function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
22
34
|
var selectedFile, dataSubmit, response, responseData, res_1, error_1;
|
|
23
35
|
return tslib_1.__generator(this, function (_a) {
|
|
@@ -67,19 +79,22 @@ var PHXUploadFile = function (_a) {
|
|
|
67
79
|
}
|
|
68
80
|
});
|
|
69
81
|
}); };
|
|
70
|
-
var
|
|
71
|
-
|
|
72
|
-
|
|
82
|
+
var handleDeleteImages = function () {
|
|
83
|
+
var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
|
|
84
|
+
handleListenUpload('', oneImg ? [] : updatedLink);
|
|
85
|
+
setLink(oneImg ? [] : updatedLink);
|
|
86
|
+
// if (oneImg) {
|
|
87
|
+
// setIsImage(false);
|
|
88
|
+
// }
|
|
89
|
+
setSelectedImages([]);
|
|
90
|
+
setIsModalOpen(false);
|
|
91
|
+
};
|
|
73
92
|
(0, react_1.useEffect)(function () {
|
|
74
93
|
var _a;
|
|
75
94
|
if (fileName) {
|
|
76
95
|
var fileExtension = (_a = fileName.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
80
|
-
else {
|
|
81
|
-
setIsImage(false);
|
|
82
|
-
}
|
|
96
|
+
var isImageExt = ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(fileExtension);
|
|
97
|
+
setIsImage(isImageExt);
|
|
83
98
|
setShowImage(false);
|
|
84
99
|
var timer_1 = setTimeout(function () {
|
|
85
100
|
setShowImage(true);
|
|
@@ -104,12 +119,8 @@ var PHXUploadFile = function (_a) {
|
|
|
104
119
|
if (defaultLink && defaultLink.length > 0) {
|
|
105
120
|
setLink(defaultLink);
|
|
106
121
|
var defaultLinkEx = (_c = (_b = (_a = defaultLink === null || defaultLink === void 0 ? void 0 : defaultLink[0]) === null || _a === void 0 ? void 0 : _a.split('.')) === null || _b === void 0 ? void 0 : _b.pop()) === null || _c === void 0 ? void 0 : _c.toLowerCase();
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
}
|
|
110
|
-
else {
|
|
111
|
-
setIsImage(false);
|
|
112
|
-
}
|
|
122
|
+
var isImageExt = ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(defaultLinkEx);
|
|
123
|
+
setIsImage(isImageExt);
|
|
113
124
|
setShowImage(false);
|
|
114
125
|
var timer_3 = setTimeout(function () {
|
|
115
126
|
setShowImage(true);
|
|
@@ -120,43 +131,10 @@ var PHXUploadFile = function (_a) {
|
|
|
120
131
|
return;
|
|
121
132
|
}
|
|
122
133
|
}, []);
|
|
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];
|
|
127
|
-
var handleCheckboxChange = function (index) {
|
|
128
|
-
var updatedSelectedImages = tslib_1.__spreadArray([], selectedImages, true);
|
|
129
|
-
if (updatedSelectedImages.includes(index)) {
|
|
130
|
-
updatedSelectedImages.splice(updatedSelectedImages.indexOf(index), 1);
|
|
131
|
-
}
|
|
132
|
-
else {
|
|
133
|
-
updatedSelectedImages.push(index);
|
|
134
|
-
}
|
|
135
|
-
setSelectedImages(updatedSelectedImages);
|
|
136
|
-
setIsChecked(!isChecked);
|
|
137
|
-
if (multiImg) {
|
|
138
|
-
setShowButton(true);
|
|
139
|
-
}
|
|
140
|
-
else {
|
|
141
|
-
setShowButton(!showButton);
|
|
142
|
-
}
|
|
143
|
-
setLength(updatedSelectedImages === null || updatedSelectedImages === void 0 ? void 0 : updatedSelectedImages.length);
|
|
144
|
-
};
|
|
145
|
-
var handleDeleteImages = function () {
|
|
146
|
-
var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
|
|
147
|
-
handleListenUpload('', oneImg ? [] : updatedLink);
|
|
148
|
-
setLink(oneImg ? [] : updatedLink);
|
|
149
|
-
if (oneImg) {
|
|
150
|
-
setIsImage(false);
|
|
151
|
-
}
|
|
152
|
-
setSelectedImages([]);
|
|
153
|
-
setShowButton(false);
|
|
154
|
-
setIsModalOpen(false);
|
|
155
|
-
};
|
|
156
134
|
return (react_1["default"].createElement("div", { className: sizeModal },
|
|
157
135
|
inCard ? (react_1["default"].createElement(Card_1.PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
158
|
-
react_1["default"].createElement(FormUpload_1.FormUpload, {
|
|
159
|
-
react_1["default"].createElement(FormUpload_1.FormUpload, {
|
|
136
|
+
react_1["default"].createElement(FormUpload_1.FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
137
|
+
react_1["default"].createElement(FormUpload_1.FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))),
|
|
160
138
|
react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'X\u00E1c nh\u1EADn x\u00F3a', onDangerClick: handleDeleteImages, onHide: function () { return setIsModalOpen(false); }, primaryActionText: '', show: isModalOpen, title: 'Xo\u00E1 \u1EA3nh?' },
|
|
161
139
|
react_1["default"].createElement("div", { className: 'sm:flex sm:items-start' },
|
|
162
140
|
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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import axios from 'axios';
|
|
2
1
|
import { SendMailData } from './types/types';
|
|
3
2
|
declare class EmailService {
|
|
4
|
-
sendEmail: (data: SendMailData) => Promise<axios.AxiosResponse<SendMailData, any>>;
|
|
3
|
+
sendEmail: (data: SendMailData) => Promise<import("axios").AxiosResponse<SendMailData, any>>;
|
|
5
4
|
}
|
|
6
5
|
declare const emailService: EmailService;
|
|
7
6
|
export default emailService;
|
|
@@ -2,13 +2,14 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
export var PHXRadio = function (_a) {
|
|
5
|
-
var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, rest = __rest(_a, ["className", "error", "errorType", "label", "register", "title"]);
|
|
5
|
+
var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, description = _a.description, rest = __rest(_a, ["className", "error", "errorType", "label", "register", "title", "description"]);
|
|
6
6
|
return (React.createElement("div", { className: className },
|
|
7
7
|
React.createElement("label", { className: classNames(label ? 'mb-1 block text-xs font-normal text-gray-700' : 'hidden') }, label),
|
|
8
8
|
React.createElement("div", { className: 'flex items-center' },
|
|
9
9
|
React.createElement("label", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
|
|
10
10
|
React.createElement("input", __assign({}, register, rest, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-900 focus:ring-indigo-900'), type: 'radio' })),
|
|
11
11
|
React.createElement("span", { className: 'ml-2' }, title))),
|
|
12
|
+
React.createElement("p", { className: 'text-xs font-normal text-gray-500 ml-6' }, description),
|
|
12
13
|
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
13
14
|
React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
14
15
|
React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAYrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EASlC;IARX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACR,IAAI,cARsC,gFAS9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,8CAA8C,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAG,KAAK,CAAS;QAChH,6BAAK,SAAS,EAAC,mBAAmB;YAChC,+BAAO,SAAS,EAAC,oFAAoF;gBACnG,0CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACN,2BAAG,SAAS,EAAC,wCAAwC,IAAE,WAAW,CAAK;QACtE,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function ButtonUpload({
|
|
2
|
+
export declare function ButtonUpload({ fileType, handleUploadClick, helpText, loading, }: {
|
|
3
|
+
fileType: string;
|
|
4
|
+
handleUploadClick(): void;
|
|
5
|
+
helpText: string;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
}): React.JSX.Element;
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PHXButton } from '../Button';
|
|
3
3
|
export function ButtonUpload(_a) {
|
|
4
|
-
var
|
|
4
|
+
var fileType = _a.fileType, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, _b = _a.loading, loading = _b === void 0 ? false : _b;
|
|
5
5
|
return (React.createElement(React.Fragment, null,
|
|
6
6
|
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
7
7
|
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
8
|
-
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
9
|
-
|
|
10
|
-
(fileType === 'image' && '.jpg, .jpeg, .png, .gif, .webp') ||
|
|
11
|
-
(fileType === 'file' && '.pdf, .png,.jpg, .jpeg')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
12
|
-
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 ? (React.createElement(React.Fragment, null,
|
|
13
|
-
" ",
|
|
14
|
-
oneImg ? React.createElement("div", { className: 'py-3' }) : '')) : ("".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
8
|
+
React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"))),
|
|
9
|
+
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' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
15
10
|
(fileType === 'image' && 'JPG, JPEG, PNG, GIF, WEBP') ||
|
|
16
|
-
(fileType === 'file' && 'PDF, JPG, JPEG, PNG')))))
|
|
11
|
+
(fileType === 'file' && 'PDF, JPG, JPEG, PNG')))));
|
|
17
12
|
}
|
|
18
13
|
//# sourceMappingURL=ButtonUpload.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/ButtonUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,UAAU,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"ButtonUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/ButtonUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,UAAU,YAAY,CAAC,EAU5B;QATC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAOf,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,2CAA2C;YACxD,+BACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;gBAErB,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEnE,CACN,CACJ;QACL,QAAQ,CAAC,CAAC,CAAC,CACV,2BAAG,SAAS,EAAC,gDAAgD,IAAE,QAAQ,CAAK,CAC7E,CAAC,CAAC,CAAC,CACF,2BAAG,SAAS,EAAC,gDAAgD,IAC1D,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;YACjD,CAAC,QAAQ,KAAK,OAAO,IAAI,2BAA2B,CAAC;YACrD,CAAC,QAAQ,KAAK,MAAM,IAAI,qBAAqB,CAAC,CAC9C,CACL,CACA,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function FormUpload({
|
|
2
|
+
export declare function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage, }: any): React.JSX.Element;
|
|
@@ -1,13 +1,52 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __awaiter, __generator } from "tslib";
|
|
2
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { ButtonUpload } from './ButtonUpload';
|
|
4
|
+
import { classNames } from '../types';
|
|
2
5
|
import { PHXButton } from '../Button';
|
|
3
6
|
import { PHXSpinner } from '../Loading';
|
|
4
|
-
import { classNames } from '../types';
|
|
5
|
-
import { ButtonUpload } from './ButtonUpload';
|
|
6
7
|
export function FormUpload(_a) {
|
|
7
|
-
var
|
|
8
|
+
var _this = this;
|
|
9
|
+
var fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, setIsModalOpen = _a.setIsModalOpen, showImage = _a.showImage;
|
|
10
|
+
var fileInputRef = useRef(null);
|
|
8
11
|
var _b = useState(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
|
|
9
12
|
var _c = useState(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
|
|
10
13
|
var _d = useState(fileName), file = _d[0], setFile = _d[1];
|
|
14
|
+
var _e = useState(false), showMoreImage = _e[0], setShowMoreImage = _e[1];
|
|
15
|
+
var _f = useState(false), loading = _f[0], setLoading = _f[1];
|
|
16
|
+
var showSelectedTitle = (selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0;
|
|
17
|
+
var showButtonWithOneImage = (link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && oneImg;
|
|
18
|
+
var listImage = !showMoreImage ? link === null || link === void 0 ? void 0 : link.slice(0, 10) : link;
|
|
19
|
+
var limitImageShow = 10;
|
|
20
|
+
var handleUploadClick = function () {
|
|
21
|
+
if (fileInputRef.current) {
|
|
22
|
+
fileInputRef.current.click();
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
var handleAwaitUpdate = function (event) { return __awaiter(_this, void 0, void 0, function () {
|
|
26
|
+
var e_1;
|
|
27
|
+
return __generator(this, function (_a) {
|
|
28
|
+
switch (_a.label) {
|
|
29
|
+
case 0:
|
|
30
|
+
_a.trys.push([0, 2, 3, 4]);
|
|
31
|
+
setLoading(true);
|
|
32
|
+
return [4 /*yield*/, handleFileChange(event)];
|
|
33
|
+
case 1:
|
|
34
|
+
_a.sent();
|
|
35
|
+
return [3 /*break*/, 4];
|
|
36
|
+
case 2:
|
|
37
|
+
e_1 = _a.sent();
|
|
38
|
+
console.log(e_1);
|
|
39
|
+
return [3 /*break*/, 4];
|
|
40
|
+
case 3:
|
|
41
|
+
setLoading(false);
|
|
42
|
+
if (showMoreImage) {
|
|
43
|
+
setShowMoreImage(false);
|
|
44
|
+
}
|
|
45
|
+
return [7 /*endfinally*/];
|
|
46
|
+
case 4: return [2 /*return*/];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}); };
|
|
11
50
|
useEffect(function () {
|
|
12
51
|
var closeImageOnOutsideClick = function (event) {
|
|
13
52
|
if (showLargeImage) {
|
|
@@ -32,38 +71,49 @@ export function FormUpload(_a) {
|
|
|
32
71
|
setFile(null);
|
|
33
72
|
}
|
|
34
73
|
}, [link]);
|
|
35
|
-
return (React.createElement(
|
|
74
|
+
return (React.createElement(React.Fragment, null,
|
|
36
75
|
React.createElement("div", { className: classNames('mb-1 flex text-xs font-normal text-gray-700', label ? 'justify-between' : '') }, label && React.createElement("label", null, label)),
|
|
37
|
-
React.createElement("div",
|
|
38
|
-
|
|
39
|
-
React.createElement("div", { className: '
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
76
|
+
React.createElement("div", { className: 'relative' },
|
|
77
|
+
showSelectedTitle && (React.createElement("div", { className: 'absolute inset-x-0 -top-8 flex justify-between bg-white pb-2' },
|
|
78
|
+
React.createElement("div", { className: 'flex items-center' },
|
|
79
|
+
React.createElement("div", { className: '-pl-2 text-sm leading-5 text-[#111827]' },
|
|
80
|
+
length,
|
|
81
|
+
" file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn")),
|
|
82
|
+
React.createElement(PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "X\u00F3a"))),
|
|
83
|
+
isImage && (React.createElement("div", { className: "".concat(oneImg ? ' flex justify-center rounded-lg bg-gray-100' : 'grid grid-cols-6 gap-2') }, listImage === null || listImage === void 0 ? void 0 :
|
|
84
|
+
listImage.map(function (src, index) {
|
|
85
|
+
var isSelectImage = (selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0;
|
|
86
|
+
return (React.createElement("div", { key: index, className: "group relative overflow-hidden border ".concat(!oneImg ? 'aspect-square rounded-[10px] ' : '') },
|
|
87
|
+
React.createElement("img", { alt: 'img', className: " object-contain ".concat(oneImg ? 'max-h-[180px]' : 'h-full w-full object-contain'), src: src }),
|
|
88
|
+
React.createElement("button", { className: "absolute inset-0 flex items-center justify-center bg-black text-white opacity-0 transition-opacity duration-300 group-hover:opacity-100 ".concat(!oneImg ? 'bg-opacity-60' : 'bg-opacity-0'), onClick: function () {
|
|
89
|
+
if (isSelectImage) {
|
|
90
|
+
handleCheckboxChange(index);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
handleImageClick(src);
|
|
94
|
+
}
|
|
95
|
+
}, type: 'button' }),
|
|
96
|
+
!oneImg && (React.createElement("div", { className: "z-8 absolute left-[0.3rem] top-0 opacity-0 ".concat((selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0 ? 'opacity-100' : 'group-hover:opacity-100') },
|
|
97
|
+
React.createElement("input", { checked: selectedImages.includes(index), className: 'h-[16px] w-[16px] cursor-pointer rounded-[4px] text-black checked:bg-black checked:ring-0 focus:outline-none focus:ring-0', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' })))));
|
|
98
|
+
}),
|
|
99
|
+
!showMoreImage && (link === null || link === void 0 ? void 0 : link.length) > limitImageShow && (React.createElement("div", { className: 'group relative aspect-square overflow-hidden rounded-lg border' },
|
|
100
|
+
React.createElement("img", { alt: 'img', className: 'mx-auto h-full object-cover', src: link === null || link === void 0 ? void 0 : link[limitImageShow + 1] }),
|
|
101
|
+
React.createElement("button", { className: 'absolute inset-0 flex items-center justify-center bg-black bg-opacity-60 text-white backdrop-blur-sm transition-opacity duration-300 ', onClick: function () { return setShowMoreImage(true); }, type: 'button' },
|
|
102
|
+
React.createElement("p", null,
|
|
103
|
+
"+",
|
|
104
|
+
((link === null || link === void 0 ? void 0 : link.length) || 0) - limitImageShow)))),
|
|
105
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && !oneImg && (React.createElement("button", { className: ' flex aspect-square items-center justify-center rounded-lg border border-dashed border-gray-300 bg-[#F7F7F7] transition-all hover:bg-[#f1f1f1]', onClick: handleUploadClick, type: 'button' }, loading ? (React.createElement(PHXSpinner, null)) : (React.createElement("svg", { className: 'h-5 w-5', fill: 'none', stroke: 'currentColor', strokeWidth: '1.5', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
106
|
+
React.createElement("path", { d: 'M12 4.5v15m7.5-7.5h-15', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
107
|
+
showLargeImage && (React.createElement("div", { className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', id: 'large-image-container', onClick: function () { return setShowLargeImage(false); } },
|
|
108
|
+
React.createElement("img", { alt: 'Large Image', className: 'max-h-full max-w-full', onClick: function (e) { return e.stopPropagation(); }, src: largeImageUrl }))))),
|
|
109
|
+
showButtonWithOneImage && (React.createElement("div", { className: ' mt-3 flex gap-2 ' },
|
|
110
|
+
React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
63
111
|
React.createElement(PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
64
112
|
(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
113
|
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
66
|
-
React.createElement(ButtonUpload, {
|
|
114
|
+
React.createElement(ButtonUpload, { fileType: fileType, handleUploadClick: function () {
|
|
115
|
+
handleUploadClick();
|
|
116
|
+
}, helpText: helpText, loading: loading })))) : (React.createElement("div", { className: 'w-full' },
|
|
67
117
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-5 pb-3 lg:max-w-full lg:px-0' },
|
|
68
118
|
React.createElement("div", { className: 'flex items-center justify-between rounded-lg border border-gray-200 bg-white shadow-[0rem_0.0825rem_0rem_#00000012]' },
|
|
69
119
|
React.createElement("div", { className: 'h-full bg-gray-200 p-6' },
|
|
@@ -71,12 +121,14 @@ export function FormUpload(_a) {
|
|
|
71
121
|
React.createElement("path", { d: 'M6.75 4c-.69 0-1.25.56-1.25 1.25v9.5c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25v-9a.75.75 0 0 1 1.5 0v9a2.75 2.75 0 0 1-2.75 2.75h-6.5a2.75 2.75 0 0 1-2.75-2.75v-9.5a2.75 2.75 0 0 1 2.75-2.75h3a2.75 2.75 0 0 1 2.75 2.75v6.25a2.5 2.5 0 0 1-5 0v-5.5a.75.75 0 0 1 1.5 0v5.5a1 1 0 1 0 2 0v-6.25c0-.69-.56-1.25-1.25-1.25h-3Z', fillRule: 'evenodd' }))),
|
|
72
122
|
React.createElement("p", { className: 'w-60 truncate px-2 text-sm text-gray-600 lg:w-72' }, fileName),
|
|
73
123
|
React.createElement("div", { className: 'min-w-[20%]' },
|
|
74
|
-
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
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' })))))))),
|
|
124
|
+
React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i")))))))),
|
|
76
125
|
(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
126
|
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
127
|
React.createElement(PHXSpinner, { className: 'h-5 w-5' }))) : (React.createElement(React.Fragment, null,
|
|
79
128
|
React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
80
|
-
React.createElement(ButtonUpload, {
|
|
129
|
+
React.createElement(ButtonUpload, { fileType: fileType, handleUploadClick: handleUploadClick, helpText: helpText, loading: loading }))))))),
|
|
130
|
+
React.createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
131
|
+
(fileType === 'image' && '.jpg, .jpeg, .png, .gif, .webp') ||
|
|
132
|
+
(fileType === 'file' && '.pdf, .png,.jpg, .jpeg')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleAwaitUpdate, type: 'file' })));
|
|
81
133
|
}
|
|
82
134
|
//# 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;
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAEvC,MAAM,UAAU,UAAU,CAAC,EAcrB;IAdN,iBA4RC;QA3RC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,SAAS,eAAA;IAET,IAAM,YAAY,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEhC,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAA;IACrD,IAAA,KAAoC,QAAQ,CAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAA;IAChD,IAAA,KAAkB,QAAQ,CAAM,QAAQ,CAAC,EAAxC,IAAI,QAAA,EAAE,OAAO,QAA2B,CAAA;IACzC,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IACnD,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAM,iBAAiB,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAA;IAEpD,IAAM,sBAAsB,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,OAAO,IAAI,MAAM,CAAA;IAEpE,IAAM,SAAS,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC5D,IAAM,cAAc,GAAG,EAAE,CAAA;IAEzB,IAAM,iBAAiB,GAAG;QACxB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SAC7B;IACH,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAO,KAAU;;;;;;oBAEvC,UAAU,CAAC,IAAI,CAAC,CAAA;oBAChB,qBAAM,gBAAgB,CAAC,KAAK,CAAC,EAAA;;oBAA7B,SAA6B,CAAA;;;;oBAE7B,OAAO,CAAC,GAAG,CAAC,GAAC,CAAC,CAAA;;;oBAEd,UAAU,CAAC,KAAK,CAAC,CAAA;oBACjB,IAAI,aAAa,EAAE;wBACjB,gBAAgB,CAAC,KAAK,CAAC,CAAA;qBACxB;;;;;SAEJ,CAAA;IAED,SAAS,CAAC;QACR,IAAM,wBAAwB,GAAG,UAAC,KAAU;YAC1C,IAAI,cAAc,EAAE;gBAClB,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAA;gBACnC,IAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAA;gBACvE,IAAI,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,CAAC,cAAc,CAAC,CAAA,EAAE;oBAC7C,iBAAiB,CAAC,KAAK,CAAC,CAAA;iBACzB;aACF;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAA;QAE5D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAA;QACjE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAM,gBAAgB,GAAG,UAAC,GAAQ;QAChC,gBAAgB,CAAC,GAAG,CAAC,CAAA;QACrB,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAA;IACD,SAAS,CAAC;QACR,IAAI,QAAQ,KAAK,OAAO,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,CAAA;SACd;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,UAAU,CAAC,6CAA6C,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,IACtG,KAAK,IAAI,mCAAQ,KAAK,CAAS,CAC5B;QACN,6BAAK,SAAS,EAAC,UAAU;YACtB,iBAAiB,IAAI,CACpB,6BAAK,SAAS,EAAC,8DAA8D;gBAC3E,6BAAK,SAAS,EAAC,mBAAmB;oBAChC,6BAAK,SAAS,EAAC,wCAAwC;wBAAE,MAAM;2EAAyB,CACpF;gBACN,oBAAC,SAAS,IAAC,OAAO,QAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,IAAI,EAAC,OAAO,eAExD,CACR,CACP;YAEA,OAAO,IAAI,CACV,6BAAK,SAAS,EAAE,UAAG,MAAM,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,wBAAwB,CAAE,IACnG,SAAS,aAAT,SAAS;gBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,GAAW,EAAE,KAAa;oBACzC,IAAM,aAAa,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAA;oBAChD,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,kDACT,CAAC,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,CAC9C;wBAEF,6BACE,GAAG,EAAC,KAAK,EACT,SAAS,EAAE,0BAAmB,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,8BAA8B,CAAE,EACzF,GAAG,EAAE,GAAG,GACR;wBACF,gCACE,SAAS,EAAE,mJACT,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAC1C,EACF,OAAO,EAAE;gCACP,IAAI,aAAa,EAAE;oCACjB,oBAAoB,CAAC,KAAK,CAAC,CAAA;iCAC5B;qCAAM;oCACL,gBAAgB,CAAC,GAAG,CAAC,CAAA;iCACtB;4BACH,CAAC,EACD,IAAI,EAAC,QAAQ,GACb;wBAED,CAAC,MAAM,IAAI,CACV,6BACE,SAAS,EAAE,qDACT,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,yBAAyB,CACtE;4BAEF,+BACE,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvC,SAAS,EAAC,8HAA8H,EACxI,QAAQ,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC3C,IAAI,EAAC,UAAU,GACf,CACE,CACP,CACG,CACP,CAAA;gBACH,CAAC,CAAC;gBAED,CAAC,aAAa,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,cAAc,IAAI,CAClD,6BAAK,SAAS,EAAC,gEAAgE;oBAC7E,6BAAK,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,cAAc,GAAG,CAAC,CAAC,GAAI;oBAC1F,gCACE,SAAS,EAAC,wIAAwI,EAClJ,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EACrC,IAAI,EAAC,QAAQ;wBAEb;;4BAAK,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,cAAc,CAAK,CACvC,CACL,CACP;gBAEA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAC9B,gCACE,SAAS,EAAC,kJAAkJ,EAC5J,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,QAAQ,IAEZ,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,UAAU,OAAG,CACf,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,8BAAM,CAAC,EAAC,wBAAwB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CAC5E,CACP,CACM,CACV;gBAEA,cAAc,IAAI,CACjB,6BACE,SAAS,EAAC,+FAA+F,EACzG,EAAE,EAAC,uBAAuB,EAC1B,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB;oBAEvC,6BACE,GAAG,EAAC,aAAa,EACjB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,EACnC,GAAG,EAAE,aAAa,GAClB,CACE,CACP,CACG,CACP;YAEA,sBAAsB,IAAI,CACzB,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,yBAEnE;gBAEZ,oBAAC,SAAS,IAAC,OAAO,QAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,IAAI,EAAC,OAAO,wBAExD,CACR,CACP;YACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,IAAI,CACrB,0CACG,CAAC,IAAI,CAAC,CAAC,CAAC,CACP,6BAAK,SAAS,EAAC,kIAAkI;gBAC/I,6BAAK,SAAS,EAAC,2CAA2C;oBACxD,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE;4BACjB,iBAAiB,EAAE,CAAA;wBACrB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACE,CACF,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,QAAQ;gBACrB,6BAAK,SAAS,EAAC,mDAAmD;oBAChE,6BAAK,SAAS,EAAC,qHAAqH;wBAClI,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,4CAAiB,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW;gCAC/E,8BACE,CAAC,EAAC,2UAA2U,EAC7U,QAAQ,EAAC,SAAS,GAClB,CACE,CACF;wBACN,2BAAG,SAAS,EAAC,kDAAkD,IAAE,QAAQ,CAAK;wBAC9E,6BAAK,SAAS,EAAC,aAAa;4BAC1B,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,yBAEnE,CACR,CACF,CACF,CACF,CACP,CACA,CACJ;YACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAC/B,6BAAK,SAAS,EAAC,kIAAkI;gBAC/I,6BAAK,SAAS,EAAC,2CAA2C,IACvD,QAAQ,KAAK,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,6BAAK,SAAS,EAAC,0DAA0D;oBACvE,oBAAC,UAAU,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,CACP,CAAC,CAAC,CAAC,CACF;oBACE,2BAAG,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAK;oBACxD,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACD,CACJ,CACG,CACF,CACP,CACG;QAEN,+BACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC;gBACvC,CAAC,QAAQ,KAAK,OAAO,IAAI,gCAAgC,CAAC;gBAC1D,CAAC,QAAQ,KAAK,MAAM,IAAI,wBAAwB,CAAC,CACjD,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAC,MAAM,GACX,CACD,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -21,4 +21,4 @@ export interface ModalProps {
|
|
|
21
21
|
setLoading?: any;
|
|
22
22
|
contentOfModal?: any;
|
|
23
23
|
}
|
|
24
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, oneImg, projectId, setLoading, size,
|
|
24
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
@@ -1,20 +1,32 @@
|
|
|
1
1
|
import { __awaiter, __generator, __spreadArray } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
|
|
3
|
+
import React, { useEffect, useState } from 'react';
|
|
4
|
+
import { FormUpload } from './FormUpload';
|
|
3
5
|
import { classNames } from '../types';
|
|
4
6
|
import { PHXCard } from '../Card';
|
|
5
|
-
import { FormUpload } from './FormUpload';
|
|
6
7
|
import { PHXModal } from '../Modal';
|
|
7
|
-
import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
|
|
8
8
|
export var PHXUploadFile = function (_a) {
|
|
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,
|
|
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, _c = _a.inCard, inCard = _c === void 0 ? true : _c, _d = _a.isHeaderDownload, isHeaderDownload = _d === void 0 ? false : _d, label = _a.label, moduleId = _a.moduleId, _e = _a.multiImg, multiImg = _e === void 0 ? false : _e, _f = _a.oneImg, oneImg = _f === void 0 ? false : _f, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, title = _a.title, titleHeaderAction = _a.titleHeaderAction;
|
|
10
10
|
var sizeModal = classNames(size === 'small' && 'sm:max-w-lg');
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
var _g = useState([]), link = _g[0], setLink = _g[1];
|
|
12
|
+
var _h = useState(fileType === 'image'), isImage = _h[0], setIsImage = _h[1];
|
|
13
|
+
var _j = useState(false), showImage = _j[0], setShowImage = _j[1];
|
|
14
|
+
var _k = useState(false), isModalOpen = _k[0], setIsModalOpen = _k[1];
|
|
15
|
+
var _l = useState(0), length = _l[0], setLength = _l[1];
|
|
16
|
+
var _m = useState(false), isChecked = _m[0], setIsChecked = _m[1];
|
|
17
|
+
var _o = useState([]), selectedImages = _o[0], setSelectedImages = _o[1];
|
|
18
|
+
var handleCheckboxChange = function (index) {
|
|
19
|
+
var updatedSelectedImages = __spreadArray([], selectedImages, true);
|
|
20
|
+
if (updatedSelectedImages.includes(index)) {
|
|
21
|
+
updatedSelectedImages.splice(updatedSelectedImages.indexOf(index), 1);
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
updatedSelectedImages.push(index);
|
|
15
25
|
}
|
|
26
|
+
setSelectedImages(updatedSelectedImages);
|
|
27
|
+
setIsChecked(!isChecked);
|
|
28
|
+
setLength(updatedSelectedImages === null || updatedSelectedImages === void 0 ? void 0 : updatedSelectedImages.length);
|
|
16
29
|
};
|
|
17
|
-
var _g = useState([]), link = _g[0], setLink = _g[1];
|
|
18
30
|
var handleFileChange = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
19
31
|
var selectedFile, dataSubmit, response, responseData, res_1, error_1;
|
|
20
32
|
return __generator(this, function (_a) {
|
|
@@ -64,19 +76,22 @@ export var PHXUploadFile = function (_a) {
|
|
|
64
76
|
}
|
|
65
77
|
});
|
|
66
78
|
}); };
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
|
|
79
|
+
var handleDeleteImages = function () {
|
|
80
|
+
var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
|
|
81
|
+
handleListenUpload('', oneImg ? [] : updatedLink);
|
|
82
|
+
setLink(oneImg ? [] : updatedLink);
|
|
83
|
+
// if (oneImg) {
|
|
84
|
+
// setIsImage(false);
|
|
85
|
+
// }
|
|
86
|
+
setSelectedImages([]);
|
|
87
|
+
setIsModalOpen(false);
|
|
88
|
+
};
|
|
70
89
|
useEffect(function () {
|
|
71
90
|
var _a;
|
|
72
91
|
if (fileName) {
|
|
73
92
|
var fileExtension = (_a = fileName.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
else {
|
|
78
|
-
setIsImage(false);
|
|
79
|
-
}
|
|
93
|
+
var isImageExt = ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(fileExtension);
|
|
94
|
+
setIsImage(isImageExt);
|
|
80
95
|
setShowImage(false);
|
|
81
96
|
var timer_1 = setTimeout(function () {
|
|
82
97
|
setShowImage(true);
|
|
@@ -101,12 +116,8 @@ export var PHXUploadFile = function (_a) {
|
|
|
101
116
|
if (defaultLink && defaultLink.length > 0) {
|
|
102
117
|
setLink(defaultLink);
|
|
103
118
|
var defaultLinkEx = (_c = (_b = (_a = defaultLink === null || defaultLink === void 0 ? void 0 : defaultLink[0]) === null || _a === void 0 ? void 0 : _a.split('.')) === null || _b === void 0 ? void 0 : _b.pop()) === null || _c === void 0 ? void 0 : _c.toLowerCase();
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}
|
|
107
|
-
else {
|
|
108
|
-
setIsImage(false);
|
|
109
|
-
}
|
|
119
|
+
var isImageExt = ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(defaultLinkEx);
|
|
120
|
+
setIsImage(isImageExt);
|
|
110
121
|
setShowImage(false);
|
|
111
122
|
var timer_3 = setTimeout(function () {
|
|
112
123
|
setShowImage(true);
|
|
@@ -117,43 +128,10 @@ export var PHXUploadFile = function (_a) {
|
|
|
117
128
|
return;
|
|
118
129
|
}
|
|
119
130
|
}, []);
|
|
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];
|
|
124
|
-
var handleCheckboxChange = function (index) {
|
|
125
|
-
var updatedSelectedImages = __spreadArray([], selectedImages, true);
|
|
126
|
-
if (updatedSelectedImages.includes(index)) {
|
|
127
|
-
updatedSelectedImages.splice(updatedSelectedImages.indexOf(index), 1);
|
|
128
|
-
}
|
|
129
|
-
else {
|
|
130
|
-
updatedSelectedImages.push(index);
|
|
131
|
-
}
|
|
132
|
-
setSelectedImages(updatedSelectedImages);
|
|
133
|
-
setIsChecked(!isChecked);
|
|
134
|
-
if (multiImg) {
|
|
135
|
-
setShowButton(true);
|
|
136
|
-
}
|
|
137
|
-
else {
|
|
138
|
-
setShowButton(!showButton);
|
|
139
|
-
}
|
|
140
|
-
setLength(updatedSelectedImages === null || updatedSelectedImages === void 0 ? void 0 : updatedSelectedImages.length);
|
|
141
|
-
};
|
|
142
|
-
var handleDeleteImages = function () {
|
|
143
|
-
var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
|
|
144
|
-
handleListenUpload('', oneImg ? [] : updatedLink);
|
|
145
|
-
setLink(oneImg ? [] : updatedLink);
|
|
146
|
-
if (oneImg) {
|
|
147
|
-
setIsImage(false);
|
|
148
|
-
}
|
|
149
|
-
setSelectedImages([]);
|
|
150
|
-
setShowButton(false);
|
|
151
|
-
setIsModalOpen(false);
|
|
152
|
-
};
|
|
153
131
|
return (React.createElement("div", { className: sizeModal },
|
|
154
132
|
inCard ? (React.createElement(PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
155
|
-
React.createElement(FormUpload, {
|
|
156
|
-
React.createElement(FormUpload, {
|
|
133
|
+
React.createElement(FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))) : (React.createElement(React.Fragment, null,
|
|
134
|
+
React.createElement(FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))),
|
|
157
135
|
React.createElement(PHXModal, { dangerActionText: 'X\u00E1c nh\u1EADn x\u00F3a', onDangerClick: handleDeleteImages, onHide: function () { return setIsModalOpen(false); }, primaryActionText: '', show: isModalOpen, title: 'Xo\u00E1 \u1EA3nh?' },
|
|
158
136
|
React.createElement("div", { className: 'sm:flex sm:items-start' },
|
|
159
137
|
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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import axios from 'axios';
|
|
2
1
|
import { SendMailData } from './types/types';
|
|
3
2
|
declare class EmailService {
|
|
4
|
-
sendEmail: (data: SendMailData) => Promise<axios.AxiosResponse<SendMailData, any>>;
|
|
3
|
+
sendEmail: (data: SendMailData) => Promise<import("axios").AxiosResponse<SendMailData, any>>;
|
|
5
4
|
}
|
|
6
5
|
declare const emailService: EmailService;
|
|
7
6
|
export default emailService;
|