phx-react 1.3.455 → 1.3.457
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/Func/getUserInfor.js +1 -1
- package/dist/cjs/components/Func/getUserInfor.js.map +1 -1
- package/dist/cjs/components/LoginSso/login-sso.js +1 -1
- package/dist/cjs/components/LoginSso/login-sso.js.map +1 -1
- package/dist/cjs/components/UploadFile/ButtonUpload.d.ts +2 -0
- package/dist/cjs/components/UploadFile/ButtonUpload.js +23 -0
- package/dist/cjs/components/UploadFile/ButtonUpload.js.map +1 -0
- package/dist/cjs/components/UploadFile/FormUpload.d.ts +2 -0
- package/dist/cjs/components/UploadFile/FormUpload.js +72 -0
- package/dist/cjs/components/UploadFile/FormUpload.js.map +1 -0
- package/dist/cjs/components/UploadFile/UploadFile.d.ts +4 -1
- package/dist/cjs/components/UploadFile/UploadFile.js +18 -70
- package/dist/cjs/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/esm/components/Func/getUserInfor.js +1 -1
- package/dist/esm/components/Func/getUserInfor.js.map +1 -1
- package/dist/esm/components/LoginSso/login-sso.js +1 -1
- package/dist/esm/components/LoginSso/login-sso.js.map +1 -1
- package/dist/esm/components/UploadFile/ButtonUpload.d.ts +2 -0
- package/dist/esm/components/UploadFile/ButtonUpload.js +18 -0
- package/dist/esm/components/UploadFile/ButtonUpload.js.map +1 -0
- package/dist/esm/components/UploadFile/FormUpload.d.ts +2 -0
- package/dist/esm/components/UploadFile/FormUpload.js +67 -0
- package/dist/esm/components/UploadFile/FormUpload.js.map +1 -0
- package/dist/esm/components/UploadFile/UploadFile.d.ts +4 -1
- package/dist/esm/components/UploadFile/UploadFile.js +18 -70
- package/dist/esm/components/UploadFile/UploadFile.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getUserInfor.js","sourceRoot":"","sources":["../../../../src/components/Func/getUserInfor.ts"],"names":[],"mappings":";;;AACA,0EAA4C;AAE5C,SAA8B,YAAY,CACxC,WAA2D,EAC3D,MAAc;;;;;;;
|
|
1
|
+
{"version":3,"file":"getUserInfor.js","sourceRoot":"","sources":["../../../../src/components/Func/getUserInfor.ts"],"names":[],"mappings":";;;AACA,0EAA4C;AAE5C,SAA8B,YAAY,CACxC,WAA2D,EAC3D,MAAc;;;;;;;oBAGU,qBAAM,IAAA,0BAAc,EAAC,WAAW,EAAE;4BACtD,SAAS,EAAE;gCACT,MAAM,EAAE,MAAM;6BACf;yBACF,CAAC,EAAA;;oBAJM,IAAI,GAAU,CAAA,SAIpB,CAAA,KAJU;oBAKZ,sBAAO,IAAI,EAAA;;;oBAEX,OAAO,CAAC,GAAG,CAAC,OAAK,CAAC,CAAA;oBAClB,sBAAO,KAAK,EAAA;;;;;CAEf;AAfD,kCAeC"}
|
|
@@ -32,7 +32,7 @@ var PHXLoginSso = function (props) {
|
|
|
32
32
|
switch (_a.label) {
|
|
33
33
|
case 0:
|
|
34
34
|
if (!session.data.token.token) return [3 /*break*/, 2];
|
|
35
|
-
valueAuthen = JSON.stringify(session);
|
|
35
|
+
valueAuthen = JSON.stringify(session.data.token);
|
|
36
36
|
(0, saveCookiesClient_1["default"])(constants_1.AUTH_TOKEN, valueAuthen, true);
|
|
37
37
|
idUser = session.data.token.userId;
|
|
38
38
|
return [4 /*yield*/, (0, getUserInfor_1["default"])(loginAction, idUser)];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"login-sso.js","sourceRoot":"","sources":["../../../../src/components/LoginSso/login-sso.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,gEAA+B;AAC/B,wCAAyC;AACzC,oCAAqC;AACrC,oCAAqC;AACrC,yDAA8C;AAC9C,mDAAkE;AAClE,8EAA+C;AAC/C,wFAAyD;AACzD,yCAA6C;AAC7C,qDAAoD;AAW7C,IAAM,WAAW,GAAG,UAAC,KAAmB;IACrC,IAAA,OAAO,GAAsD,KAAK,QAA3D,EAAE,MAAM,GAA8C,KAAK,OAAnD,EAAE,WAAW,GAAiC,KAAK,YAAtC,EAAE,MAAM,GAAyB,KAAK,OAA9B,EAAE,YAAY,GAAW,KAAK,aAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAU;IAC1E,IAAM,UAAU,GAAG,IAAA,wBAAM,EAAC,4BAA4B,EAAE,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAA;IACzF,IAAA,KAAwB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IAChD,IAAA,KAAoB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA3C,KAAK,QAAA,EAAE,QAAQ,QAA4B,CAAA;IAClD,IAAM,MAAM,GAAQ,sBAAO,CAAC,GAAG,CAAC,0BAAc,CAAC,CAAA;IAC/C,IAAM,cAAc,GAAG;QACrB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IACM,IAAA,WAAW,GAAI,IAAA,qBAAY,EAAC,wBAAW,EAAE;QAC9C,WAAW,EAAE,cAAc;KAC5B,CAAC,GAFgB,CAEhB;IAEF,IAAM,kBAAkB,GAAG,UAAO,OAAY;;;;;yBACxC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAxB,wBAAwB;oBACpB,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"login-sso.js","sourceRoot":"","sources":["../../../../src/components/LoginSso/login-sso.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.ButtonUpload = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
var Button_1 = require("../Button");
|
|
7
|
+
function ButtonUpload(_a) {
|
|
8
|
+
var fileInputRef = _a.fileInputRef, fileType = _a.fileType, handleFileChange = _a.handleFileChange, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, isImage = _a.isImage;
|
|
9
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
10
|
+
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
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
|
+
react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
14
|
+
(fileType === 'image' && 'jpg, .jpeg, .png, .gif') ||
|
|
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
|
|
17
|
+
? ''
|
|
18
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
19
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF') ||
|
|
20
|
+
(fileType === 'file' && 'PDF, JPG, JPEG, PNG'))))));
|
|
21
|
+
}
|
|
22
|
+
exports.ButtonUpload = ButtonUpload;
|
|
23
|
+
//# sourceMappingURL=ButtonUpload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/ButtonUpload.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAqC;AAErC,SAAgB,YAAY,CAAC,EAAuF;QAArF,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA;IAC3G,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,2CAA2C;YACxD,4CACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;gBAErB,iCAAC,kBAAS,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEjD;gBAEZ,4CACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC;wBACvC,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;wBAClD,CAAC,QAAQ,KAAK,MAAM,IAAI,wBAAwB,CAAC,CACjD,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAC,MAAM,GACX,CACI,CACJ;QACL,QAAQ,CAAC,CAAC,CAAC,CACV,wCAAG,SAAS,EAAC,gDAAgD,IAAE,QAAQ,CAAK,CAC7E,CAAC,CAAC,CAAC,CACF,wCAAG,SAAS,EAAC,gDAAgD,IAC1D,OAAO;YACN,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,UACE,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;gBAClD,CAAC,QAAQ,KAAK,OAAO,IAAI,qBAAqB,CAAC;gBAC/C,CAAC,QAAQ,KAAK,MAAM,IAAI,qBAAqB,CAAC,CAC9C,CACJ,CACL,CACA,CACJ,CAAA;AACH,CAAC;AA1CD,oCA0CC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare function FormUpload({ fileInputRef, fileName, fileType, handleCheckboxChange, handleDeleteImages, handleFileChange, handleUploadClick, helpText, isImage, label, length, link, oneImg, selectedImages, showButton, showImage, }: any): React.JSX.Element;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.FormUpload = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
var Button_1 = require("../Button");
|
|
7
|
+
var Loading_1 = require("../Loading");
|
|
8
|
+
var types_1 = require("../types");
|
|
9
|
+
var ButtonUpload_1 = require("./ButtonUpload");
|
|
10
|
+
function FormUpload(_a) {
|
|
11
|
+
var fileInputRef = _a.fileInputRef, fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleDeleteImages = _a.handleDeleteImages, 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;
|
|
12
|
+
var _b = (0, react_1.useState)(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
|
|
13
|
+
var _c = (0, react_1.useState)(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
|
|
14
|
+
(0, react_1.useEffect)(function () {
|
|
15
|
+
var closeImageOnOutsideClick = function (event) {
|
|
16
|
+
if (showLargeImage) {
|
|
17
|
+
var clickedElement = event.target;
|
|
18
|
+
var imageContainer = document.getElementById('large-image-container');
|
|
19
|
+
if (!(imageContainer === null || imageContainer === void 0 ? void 0 : imageContainer.contains(clickedElement))) {
|
|
20
|
+
setShowLargeImage(false);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
document.addEventListener('click', closeImageOnOutsideClick);
|
|
25
|
+
return function () {
|
|
26
|
+
document.removeEventListener('click', closeImageOnOutsideClick);
|
|
27
|
+
};
|
|
28
|
+
}, [showLargeImage]);
|
|
29
|
+
var handleImageClick = function (url) {
|
|
30
|
+
setLargeImageUrl(url);
|
|
31
|
+
setShowLargeImage(true);
|
|
32
|
+
};
|
|
33
|
+
return (react_1["default"].createElement("div", null,
|
|
34
|
+
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)),
|
|
35
|
+
react_1["default"].createElement("div", null,
|
|
36
|
+
showButton && !oneImg && (react_1["default"].createElement("div", { className: 'flex justify-between pb-2' },
|
|
37
|
+
react_1["default"].createElement("div", { className: 'text-sm leading-5 text-[#111827]' },
|
|
38
|
+
length,
|
|
39
|
+
" file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
|
|
40
|
+
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleDeleteImages, secondary: true, size: 'micro' }, "X\u00F3a"))),
|
|
41
|
+
react_1["default"].createElement("div", { className: "".concat(oneImg ? 'rounded-lg bg-gray-100' : '', " grid grid-cols-4 gap-2") },
|
|
42
|
+
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') },
|
|
43
|
+
!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") },
|
|
44
|
+
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
45
|
+
react_1["default"].createElement("img", { alt: 'Alternative text for the image', className: "".concat(oneImg && (link === null || link === void 0 ? void 0 : link.length) > 0 ? 'scale-[140%] py-5' : '', " w-full transition-all duration-300 hover:bg-[#FFFFFF80]"), src: item, onClick: function () { return handleImageClick(item); } }),
|
|
46
|
+
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
|
|
47
|
+
? ''
|
|
48
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
49
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF') ||
|
|
50
|
+
(fileType === 'file' && 'PDF, JPG, JPEG, PNG')))))),
|
|
51
|
+
showLargeImage && (react_1["default"].createElement("div", { id: 'large-image-container', className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', onClick: function () { return setShowLargeImage(false); } },
|
|
52
|
+
react_1["default"].createElement("img", { src: largeImageUrl, alt: 'Large Image', className: 'max-h-full max-w-full', onClick: function (e) { return e.stopPropagation(); } }))),
|
|
53
|
+
!oneImg && (react_1["default"].createElement("div", { className: 'absolute left-0 top-0 p-2 opacity-0 group-hover:opacity-100' },
|
|
54
|
+
react_1["default"].createElement("input", { checked: selectedImages.includes(index), className: 'h-[18px] w-[18px] rounded-[4px]', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' }))))); }))),
|
|
55
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && !oneImg && (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]' },
|
|
56
|
+
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
57
|
+
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage }))))),
|
|
58
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && oneImg && (react_1["default"].createElement("div", { className: 'mt-3 flex gap-2' },
|
|
59
|
+
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
60
|
+
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' }),
|
|
61
|
+
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, onClick: handleDeleteImages, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
62
|
+
(link === null || link === void 0 ? void 0 : link.length) === 0 && (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]' },
|
|
63
|
+
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
64
|
+
!isImage && react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
65
|
+
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))),
|
|
66
|
+
(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]' },
|
|
67
|
+
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
68
|
+
react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
69
|
+
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))))));
|
|
70
|
+
}
|
|
71
|
+
exports.FormUpload = FormUpload;
|
|
72
|
+
//# sourceMappingURL=FormUpload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,5 +15,8 @@ export interface ModalProps {
|
|
|
15
15
|
headerActionFunc?(): void;
|
|
16
16
|
titleHeaderAction?: string;
|
|
17
17
|
isHeaderDownload?: boolean;
|
|
18
|
+
inCard?: boolean;
|
|
19
|
+
label?: string;
|
|
20
|
+
oneImg?: boolean;
|
|
18
21
|
}
|
|
19
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, projectId, size, title, titleHeaderAction, isHeaderDownload, }: ModalProps) => React.JSX.Element;
|
|
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;
|
|
@@ -5,10 +5,9 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
var Card_1 = require("../Card");
|
|
8
|
-
var
|
|
9
|
-
var Button_1 = require("../Button");
|
|
8
|
+
var FormUpload_1 = require("./FormUpload");
|
|
10
9
|
var PHXUploadFile = function (_a) {
|
|
11
|
-
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, projectId = _a.projectId, size = _a.size, title = _a.title, titleHeaderAction = _a.titleHeaderAction,
|
|
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
11
|
var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
|
|
13
12
|
var fileInputRef = (0, react_1.useRef)(null);
|
|
14
13
|
var handleUploadClick = function () {
|
|
@@ -16,7 +15,7 @@ var PHXUploadFile = function (_a) {
|
|
|
16
15
|
fileInputRef.current.click();
|
|
17
16
|
}
|
|
18
17
|
};
|
|
19
|
-
var
|
|
18
|
+
var _g = (0, react_1.useState)([]), link = _g[0], setLink = _g[1];
|
|
20
19
|
var handleFileChange = function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
21
20
|
var selectedFile, dataSubmit, response, responseData, res_1, error_1;
|
|
22
21
|
return tslib_1.__generator(this, function (_a) {
|
|
@@ -66,8 +65,8 @@ var PHXUploadFile = function (_a) {
|
|
|
66
65
|
}
|
|
67
66
|
});
|
|
68
67
|
}); };
|
|
69
|
-
var
|
|
70
|
-
var
|
|
68
|
+
var _h = (0, react_1.useState)(false), isImage = _h[0], setIsImage = _h[1];
|
|
69
|
+
var _j = (0, react_1.useState)(false), showImage = _j[0], setShowImage = _j[1];
|
|
71
70
|
(0, react_1.useEffect)(function () {
|
|
72
71
|
var _a;
|
|
73
72
|
if (fileName) {
|
|
@@ -89,10 +88,10 @@ var PHXUploadFile = function (_a) {
|
|
|
89
88
|
}
|
|
90
89
|
}, [fileName]);
|
|
91
90
|
(0, react_1.useEffect)(function () {
|
|
92
|
-
var _a;
|
|
91
|
+
var _a, _b, _c;
|
|
93
92
|
if (defaultLink && defaultLink.length > 0) {
|
|
94
93
|
setLink(defaultLink);
|
|
95
|
-
var defaultLinkEx = (_a = defaultLink[0].split('.').pop()) === null ||
|
|
94
|
+
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();
|
|
96
95
|
if (['jpg', 'jpeg', 'png', 'gif'].includes(defaultLinkEx)) {
|
|
97
96
|
setIsImage(true);
|
|
98
97
|
}
|
|
@@ -109,10 +108,10 @@ var PHXUploadFile = function (_a) {
|
|
|
109
108
|
return;
|
|
110
109
|
}
|
|
111
110
|
}, []);
|
|
112
|
-
var
|
|
113
|
-
var
|
|
114
|
-
var
|
|
115
|
-
var
|
|
111
|
+
var _k = (0, react_1.useState)(0), length = _k[0], setLength = _k[1];
|
|
112
|
+
var _l = (0, react_1.useState)(false), showButton = _l[0], setShowButton = _l[1];
|
|
113
|
+
var _m = (0, react_1.useState)(false), isChecked = _m[0], setIsChecked = _m[1];
|
|
114
|
+
var _o = (0, react_1.useState)([]), selectedImages = _o[0], setSelectedImages = _o[1];
|
|
116
115
|
var handleCheckboxChange = function (index) {
|
|
117
116
|
var updatedSelectedImages = tslib_1.__spreadArray([], selectedImages, true);
|
|
118
117
|
if (updatedSelectedImages.includes(index)) {
|
|
@@ -134,67 +133,16 @@ var PHXUploadFile = function (_a) {
|
|
|
134
133
|
var handleDeleteImages = function () {
|
|
135
134
|
var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
|
|
136
135
|
handleListenUpload('', updatedLink);
|
|
137
|
-
setLink(updatedLink);
|
|
136
|
+
setLink(oneImg ? [] : updatedLink);
|
|
137
|
+
if (oneImg) {
|
|
138
|
+
setIsImage(false);
|
|
139
|
+
}
|
|
138
140
|
setSelectedImages([]);
|
|
139
141
|
setShowButton(false);
|
|
140
142
|
};
|
|
141
|
-
return (react_1["default"].createElement("div", { className: sizeModal },
|
|
142
|
-
react_1["default"].createElement(
|
|
143
|
-
|
|
144
|
-
react_1["default"].createElement("div", null,
|
|
145
|
-
showButton && (react_1["default"].createElement("div", { className: 'flex justify-between pb-2' },
|
|
146
|
-
react_1["default"].createElement("div", { className: 'text-sm leading-5 text-[#111827]' },
|
|
147
|
-
length,
|
|
148
|
-
" file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
|
|
149
|
-
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleDeleteImages, secondary: true, size: 'micro' }, "X\u00F3a"))),
|
|
150
|
-
react_1["default"].createElement("div", { className: 'grid grid-cols-4 gap-2' },
|
|
151
|
-
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: "relative group ".concat(index === 0 ? 'col-span-2 row-span-2' : 'col-span-1 row-span-1') },
|
|
152
|
-
!showImage && index === link.length - 1 ? (react_1["default"].createElement("div", { className: 'rounded-lg h-full border border-#00000080 flex items-center justify-center' },
|
|
153
|
-
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'w-5 h-5' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
154
|
-
react_1["default"].createElement("img", { alt: 'Alternative text for the image', className: 'w-full hover:bg-[#FFFFFF80] transition-all duration-300', src: item }),
|
|
155
|
-
helpText ? (react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, helpText)) : (react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
156
|
-
? ''
|
|
157
|
-
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
158
|
-
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))),
|
|
159
|
-
react_1["default"].createElement("div", { className: 'absolute top-0 left-0 p-2 opacity-0 group-hover:opacity-100' },
|
|
160
|
-
react_1["default"].createElement("input", { checked: selectedImages.includes(index), className: 'w-[18px] h-[18px] rounded-[4px]', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' })))); }))),
|
|
161
|
-
(link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && (react_1["default"].createElement("div", { className: 'flex flex-col justify-center cursor-pointer rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
162
|
-
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
163
|
-
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
164
|
-
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' },
|
|
165
|
-
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
166
|
-
react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
167
|
-
(fileType === 'image' && 'jpg, .jpeg, .png, .gif')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
168
|
-
helpText ? (react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, helpText)) : (react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
169
|
-
? ''
|
|
170
|
-
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
171
|
-
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))))),
|
|
172
|
-
(link === null || link === void 0 ? void 0 : link.length) === 0 && (react_1["default"].createElement("div", { className: 'flex flex-col justify-center cursor-pointer rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
173
|
-
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
174
|
-
!isImage && react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
175
|
-
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
176
|
-
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' },
|
|
177
|
-
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
178
|
-
react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
179
|
-
(fileType === 'image' && 'jpg, .jpeg, .png, .gif') ||
|
|
180
|
-
(fileType === 'file' && '.pdf')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
181
|
-
helpText ? (react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, helpText)) : (react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
182
|
-
? ''
|
|
183
|
-
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
184
|
-
(fileType === 'image' && 'JPG, JPEG, PNG, GIF'))))))),
|
|
185
|
-
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && (react_1["default"].createElement("div", { className: 'flex flex-col justify-center cursor-pointer rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
186
|
-
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
187
|
-
react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
188
|
-
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
189
|
-
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' },
|
|
190
|
-
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
191
|
-
react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
192
|
-
(fileType === 'image' && 'jpg, .jpeg, .png, .gif') ||
|
|
193
|
-
(fileType === 'file' && '.pdf')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
194
|
-
helpText ? (react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, helpText)) : (react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
195
|
-
? ''
|
|
196
|
-
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
197
|
-
(fileType === 'image' && 'JPG, JPEG, PNG, GIF'))))))))))));
|
|
143
|
+
return (react_1["default"].createElement("div", { className: sizeModal }, inCard ? (react_1["default"].createElement(Card_1.PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
144
|
+
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 }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
145
|
+
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 })))));
|
|
198
146
|
};
|
|
199
147
|
exports.PHXUploadFile = PHXUploadFile;
|
|
200
148
|
//# 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,
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getUserInfor.js","sourceRoot":"","sources":["../../../../src/components/Func/getUserInfor.ts"],"names":[],"mappings":";AACA,OAAO,cAAc,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,OAAO,UAAgB,YAAY,CACxC,WAA2D,EAC3D,MAAc;;;;;;;
|
|
1
|
+
{"version":3,"file":"getUserInfor.js","sourceRoot":"","sources":["../../../../src/components/Func/getUserInfor.ts"],"names":[],"mappings":";AACA,OAAO,cAAc,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,OAAO,UAAgB,YAAY,CACxC,WAA2D,EAC3D,MAAc;;;;;;;oBAGU,qBAAM,cAAc,CAAC,WAAW,EAAE;4BACtD,SAAS,EAAE;gCACT,MAAM,EAAE,MAAM;6BACf;yBACF,CAAC,EAAA;;oBAJM,IAAI,GAAU,CAAA,SAIpB,CAAA,KAJU;oBAKZ,sBAAO,IAAI,EAAA;;;oBAEX,OAAO,CAAC,GAAG,CAAC,OAAK,CAAC,CAAA;oBAClB,sBAAO,KAAK,EAAA;;;;;CAEf"}
|
|
@@ -29,7 +29,7 @@ export var PHXLoginSso = function (props) {
|
|
|
29
29
|
switch (_a.label) {
|
|
30
30
|
case 0:
|
|
31
31
|
if (!session.data.token.token) return [3 /*break*/, 2];
|
|
32
|
-
valueAuthen = JSON.stringify(session);
|
|
32
|
+
valueAuthen = JSON.stringify(session.data.token);
|
|
33
33
|
saveCookiesClient(AUTH_TOKEN, valueAuthen, true);
|
|
34
34
|
idUser = session.data.token.userId;
|
|
35
35
|
return [4 /*yield*/, GetUserInfor(loginAction, idUser)];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"login-sso.js","sourceRoot":"","sources":["../../../../src/components/LoginSso/login-sso.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,iBAAiB,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAWpD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAmB;IACrC,IAAA,OAAO,GAAsD,KAAK,QAA3D,EAAE,MAAM,GAA8C,KAAK,OAAnD,EAAE,WAAW,GAAiC,KAAK,YAAtC,EAAE,MAAM,GAAyB,KAAK,OAA9B,EAAE,YAAY,GAAW,KAAK,aAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAU;IAC1E,IAAM,UAAU,GAAG,MAAM,CAAC,4BAA4B,EAAE,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAA;IACzF,IAAA,KAAwB,QAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IAChD,IAAA,KAAoB,QAAQ,CAAU,KAAK,CAAC,EAA3C,KAAK,QAAA,EAAE,QAAQ,QAA4B,CAAA;IAClD,IAAM,MAAM,GAAQ,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IAC/C,IAAM,cAAc,GAAG;QACrB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IACM,IAAA,WAAW,GAAI,YAAY,CAAC,WAAW,EAAE;QAC9C,WAAW,EAAE,cAAc;KAC5B,CAAC,GAFgB,CAEhB;IAEF,IAAM,kBAAkB,GAAG,UAAO,OAAY;;;;;yBACxC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAxB,wBAAwB;oBACpB,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"login-sso.js","sourceRoot":"","sources":["../../../../src/components/LoginSso/login-sso.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PHXButton } from '../Button';
|
|
3
|
+
export function ButtonUpload(_a) {
|
|
4
|
+
var fileInputRef = _a.fileInputRef, fileType = _a.fileType, handleFileChange = _a.handleFileChange, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, isImage = _a.isImage;
|
|
5
|
+
return (React.createElement(React.Fragment, null,
|
|
6
|
+
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
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
|
+
React.createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
10
|
+
(fileType === 'image' && 'jpg, .jpeg, .png, .gif') ||
|
|
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
|
|
13
|
+
? ''
|
|
14
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
15
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF') ||
|
|
16
|
+
(fileType === 'file' && 'PDF, JPG, JPEG, PNG'))))));
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=ButtonUpload.js.map
|
|
@@ -0,0 +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,EAAuF;QAArF,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA;IAC3G,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,2CAA2C;YACxD,+BACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;gBAErB,oBAAC,SAAS,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEjD;gBAEZ,+BACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC;wBACvC,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;wBAClD,CAAC,QAAQ,KAAK,MAAM,IAAI,wBAAwB,CAAC,CACjD,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAC,MAAM,GACX,CACI,CACJ;QACL,QAAQ,CAAC,CAAC,CAAC,CACV,2BAAG,SAAS,EAAC,gDAAgD,IAAE,QAAQ,CAAK,CAC7E,CAAC,CAAC,CAAC,CACF,2BAAG,SAAS,EAAC,gDAAgD,IAC1D,OAAO;YACN,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,UACE,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;gBAClD,CAAC,QAAQ,KAAK,OAAO,IAAI,qBAAqB,CAAC;gBAC/C,CAAC,QAAQ,KAAK,MAAM,IAAI,qBAAqB,CAAC,CAC9C,CACJ,CACL,CACA,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare function FormUpload({ fileInputRef, fileName, fileType, handleCheckboxChange, handleDeleteImages, handleFileChange, handleUploadClick, helpText, isImage, label, length, link, oneImg, selectedImages, showButton, showImage, }: any): React.JSX.Element;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import { PHXButton } from '../Button';
|
|
3
|
+
import { PHXSpinner } from '../Loading';
|
|
4
|
+
import { classNames } from '../types';
|
|
5
|
+
import { ButtonUpload } from './ButtonUpload';
|
|
6
|
+
export function FormUpload(_a) {
|
|
7
|
+
var fileInputRef = _a.fileInputRef, fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleDeleteImages = _a.handleDeleteImages, 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;
|
|
8
|
+
var _b = useState(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
|
|
9
|
+
var _c = useState(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
|
|
10
|
+
useEffect(function () {
|
|
11
|
+
var closeImageOnOutsideClick = function (event) {
|
|
12
|
+
if (showLargeImage) {
|
|
13
|
+
var clickedElement = event.target;
|
|
14
|
+
var imageContainer = document.getElementById('large-image-container');
|
|
15
|
+
if (!(imageContainer === null || imageContainer === void 0 ? void 0 : imageContainer.contains(clickedElement))) {
|
|
16
|
+
setShowLargeImage(false);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
document.addEventListener('click', closeImageOnOutsideClick);
|
|
21
|
+
return function () {
|
|
22
|
+
document.removeEventListener('click', closeImageOnOutsideClick);
|
|
23
|
+
};
|
|
24
|
+
}, [showLargeImage]);
|
|
25
|
+
var handleImageClick = function (url) {
|
|
26
|
+
setLargeImageUrl(url);
|
|
27
|
+
setShowLargeImage(true);
|
|
28
|
+
};
|
|
29
|
+
return (React.createElement("div", null,
|
|
30
|
+
React.createElement("div", { className: classNames('mb-1 flex text-xs font-normal text-gray-700', label ? 'justify-between' : '') }, label && React.createElement("label", null, label)),
|
|
31
|
+
React.createElement("div", null,
|
|
32
|
+
showButton && !oneImg && (React.createElement("div", { className: 'flex justify-between pb-2' },
|
|
33
|
+
React.createElement("div", { className: 'text-sm leading-5 text-[#111827]' },
|
|
34
|
+
length,
|
|
35
|
+
" file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
|
|
36
|
+
React.createElement(PHXButton, { onClick: handleDeleteImages, secondary: true, size: 'micro' }, "X\u00F3a"))),
|
|
37
|
+
React.createElement("div", { className: "".concat(oneImg ? 'rounded-lg bg-gray-100' : '', " grid grid-cols-4 gap-2") },
|
|
38
|
+
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') },
|
|
39
|
+
!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") },
|
|
40
|
+
React.createElement(PHXSpinner, { className: 'h-5 w-5' }))) : (React.createElement(React.Fragment, null,
|
|
41
|
+
React.createElement("img", { alt: 'Alternative text for the image', className: "".concat(oneImg && (link === null || link === void 0 ? void 0 : link.length) > 0 ? 'scale-[140%] py-5' : '', " w-full transition-all duration-300 hover:bg-[#FFFFFF80]"), src: item, onClick: function () { return handleImageClick(item); } }),
|
|
42
|
+
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
|
|
43
|
+
? ''
|
|
44
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
45
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF') ||
|
|
46
|
+
(fileType === 'file' && 'PDF, JPG, JPEG, PNG')))))),
|
|
47
|
+
showLargeImage && (React.createElement("div", { id: 'large-image-container', className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', onClick: function () { return setShowLargeImage(false); } },
|
|
48
|
+
React.createElement("img", { src: largeImageUrl, alt: 'Large Image', className: 'max-h-full max-w-full', onClick: function (e) { return e.stopPropagation(); } }))),
|
|
49
|
+
!oneImg && (React.createElement("div", { className: 'absolute left-0 top-0 p-2 opacity-0 group-hover:opacity-100' },
|
|
50
|
+
React.createElement("input", { checked: selectedImages.includes(index), className: 'h-[18px] w-[18px] rounded-[4px]', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' }))))); }))),
|
|
51
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && !oneImg && (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]' },
|
|
52
|
+
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
53
|
+
React.createElement(ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage }))))),
|
|
54
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && oneImg && (React.createElement("div", { className: 'mt-3 flex gap-2' },
|
|
55
|
+
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
56
|
+
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' }),
|
|
57
|
+
React.createElement(PHXButton, { deleted: true, onClick: handleDeleteImages, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
58
|
+
(link === null || link === void 0 ? void 0 : link.length) === 0 && (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]' },
|
|
59
|
+
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
60
|
+
!isImage && React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
61
|
+
React.createElement(ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))),
|
|
62
|
+
(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]' },
|
|
63
|
+
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
64
|
+
React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
65
|
+
React.createElement(ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))))));
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=FormUpload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,5 +15,8 @@ export interface ModalProps {
|
|
|
15
15
|
headerActionFunc?(): void;
|
|
16
16
|
titleHeaderAction?: string;
|
|
17
17
|
isHeaderDownload?: boolean;
|
|
18
|
+
inCard?: boolean;
|
|
19
|
+
label?: string;
|
|
20
|
+
oneImg?: boolean;
|
|
18
21
|
}
|
|
19
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, projectId, size, title, titleHeaderAction, isHeaderDownload, }: ModalProps) => React.JSX.Element;
|
|
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;
|
|
@@ -2,10 +2,9 @@ import { __awaiter, __generator, __spreadArray } from "tslib";
|
|
|
2
2
|
import React, { useEffect, useRef, useState } from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
import { PHXCard } from '../Card';
|
|
5
|
-
import {
|
|
6
|
-
import { PHXButton } from '../Button';
|
|
5
|
+
import { FormUpload } from './FormUpload';
|
|
7
6
|
export var PHXUploadFile = function (_a) {
|
|
8
|
-
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, projectId = _a.projectId, size = _a.size, title = _a.title, titleHeaderAction = _a.titleHeaderAction,
|
|
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
8
|
var sizeModal = classNames(size === 'small' && 'sm:max-w-lg');
|
|
10
9
|
var fileInputRef = useRef(null);
|
|
11
10
|
var handleUploadClick = function () {
|
|
@@ -13,7 +12,7 @@ export var PHXUploadFile = function (_a) {
|
|
|
13
12
|
fileInputRef.current.click();
|
|
14
13
|
}
|
|
15
14
|
};
|
|
16
|
-
var
|
|
15
|
+
var _g = useState([]), link = _g[0], setLink = _g[1];
|
|
17
16
|
var handleFileChange = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
18
17
|
var selectedFile, dataSubmit, response, responseData, res_1, error_1;
|
|
19
18
|
return __generator(this, function (_a) {
|
|
@@ -63,8 +62,8 @@ export var PHXUploadFile = function (_a) {
|
|
|
63
62
|
}
|
|
64
63
|
});
|
|
65
64
|
}); };
|
|
66
|
-
var
|
|
67
|
-
var
|
|
65
|
+
var _h = useState(false), isImage = _h[0], setIsImage = _h[1];
|
|
66
|
+
var _j = useState(false), showImage = _j[0], setShowImage = _j[1];
|
|
68
67
|
useEffect(function () {
|
|
69
68
|
var _a;
|
|
70
69
|
if (fileName) {
|
|
@@ -86,10 +85,10 @@ export var PHXUploadFile = function (_a) {
|
|
|
86
85
|
}
|
|
87
86
|
}, [fileName]);
|
|
88
87
|
useEffect(function () {
|
|
89
|
-
var _a;
|
|
88
|
+
var _a, _b, _c;
|
|
90
89
|
if (defaultLink && defaultLink.length > 0) {
|
|
91
90
|
setLink(defaultLink);
|
|
92
|
-
var defaultLinkEx = (_a = defaultLink[0].split('.').pop()) === null ||
|
|
91
|
+
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();
|
|
93
92
|
if (['jpg', 'jpeg', 'png', 'gif'].includes(defaultLinkEx)) {
|
|
94
93
|
setIsImage(true);
|
|
95
94
|
}
|
|
@@ -106,10 +105,10 @@ export var PHXUploadFile = function (_a) {
|
|
|
106
105
|
return;
|
|
107
106
|
}
|
|
108
107
|
}, []);
|
|
109
|
-
var
|
|
110
|
-
var
|
|
111
|
-
var
|
|
112
|
-
var
|
|
108
|
+
var _k = useState(0), length = _k[0], setLength = _k[1];
|
|
109
|
+
var _l = useState(false), showButton = _l[0], setShowButton = _l[1];
|
|
110
|
+
var _m = useState(false), isChecked = _m[0], setIsChecked = _m[1];
|
|
111
|
+
var _o = useState([]), selectedImages = _o[0], setSelectedImages = _o[1];
|
|
113
112
|
var handleCheckboxChange = function (index) {
|
|
114
113
|
var updatedSelectedImages = __spreadArray([], selectedImages, true);
|
|
115
114
|
if (updatedSelectedImages.includes(index)) {
|
|
@@ -131,66 +130,15 @@ export var PHXUploadFile = function (_a) {
|
|
|
131
130
|
var handleDeleteImages = function () {
|
|
132
131
|
var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
|
|
133
132
|
handleListenUpload('', updatedLink);
|
|
134
|
-
setLink(updatedLink);
|
|
133
|
+
setLink(oneImg ? [] : updatedLink);
|
|
134
|
+
if (oneImg) {
|
|
135
|
+
setIsImage(false);
|
|
136
|
+
}
|
|
135
137
|
setSelectedImages([]);
|
|
136
138
|
setShowButton(false);
|
|
137
139
|
};
|
|
138
|
-
return (React.createElement("div", { className: sizeModal },
|
|
139
|
-
React.createElement(
|
|
140
|
-
|
|
141
|
-
React.createElement("div", null,
|
|
142
|
-
showButton && (React.createElement("div", { className: 'flex justify-between pb-2' },
|
|
143
|
-
React.createElement("div", { className: 'text-sm leading-5 text-[#111827]' },
|
|
144
|
-
length,
|
|
145
|
-
" file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
|
|
146
|
-
React.createElement(PHXButton, { onClick: handleDeleteImages, secondary: true, size: 'micro' }, "X\u00F3a"))),
|
|
147
|
-
React.createElement("div", { className: 'grid grid-cols-4 gap-2' },
|
|
148
|
-
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: "relative group ".concat(index === 0 ? 'col-span-2 row-span-2' : 'col-span-1 row-span-1') },
|
|
149
|
-
!showImage && index === link.length - 1 ? (React.createElement("div", { className: 'rounded-lg h-full border border-#00000080 flex items-center justify-center' },
|
|
150
|
-
React.createElement(PHXSpinner, { className: 'w-5 h-5' }))) : (React.createElement(React.Fragment, null,
|
|
151
|
-
React.createElement("img", { alt: 'Alternative text for the image', className: 'w-full hover:bg-[#FFFFFF80] transition-all duration-300', src: item }),
|
|
152
|
-
helpText ? (React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, helpText)) : (React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
153
|
-
? ''
|
|
154
|
-
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
155
|
-
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))),
|
|
156
|
-
React.createElement("div", { className: 'absolute top-0 left-0 p-2 opacity-0 group-hover:opacity-100' },
|
|
157
|
-
React.createElement("input", { checked: selectedImages.includes(index), className: 'w-[18px] h-[18px] rounded-[4px]', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' })))); }))),
|
|
158
|
-
(link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && (React.createElement("div", { className: 'flex flex-col justify-center cursor-pointer rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
159
|
-
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
160
|
-
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
161
|
-
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
162
|
-
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
163
|
-
React.createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
164
|
-
(fileType === 'image' && 'jpg, .jpeg, .png, .gif')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
165
|
-
helpText ? (React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, helpText)) : (React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
166
|
-
? ''
|
|
167
|
-
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
168
|
-
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))))),
|
|
169
|
-
(link === null || link === void 0 ? void 0 : link.length) === 0 && (React.createElement("div", { className: 'flex flex-col justify-center cursor-pointer rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
170
|
-
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
171
|
-
!isImage && React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
172
|
-
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
173
|
-
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
174
|
-
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
175
|
-
React.createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
176
|
-
(fileType === 'image' && 'jpg, .jpeg, .png, .gif') ||
|
|
177
|
-
(fileType === 'file' && '.pdf')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
178
|
-
helpText ? (React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, helpText)) : (React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
179
|
-
? ''
|
|
180
|
-
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
181
|
-
(fileType === 'image' && 'JPG, JPEG, PNG, GIF'))))))),
|
|
182
|
-
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && (React.createElement("div", { className: 'flex flex-col justify-center cursor-pointer rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
183
|
-
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
184
|
-
React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
185
|
-
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
186
|
-
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
187
|
-
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
188
|
-
React.createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
189
|
-
(fileType === 'image' && 'jpg, .jpeg, .png, .gif') ||
|
|
190
|
-
(fileType === 'file' && '.pdf')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
191
|
-
helpText ? (React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, helpText)) : (React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
192
|
-
? ''
|
|
193
|
-
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
194
|
-
(fileType === 'image' && 'JPG, JPEG, PNG, GIF'))))))))))));
|
|
140
|
+
return (React.createElement("div", { className: sizeModal }, inCard ? (React.createElement(PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
141
|
+
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 }))) : (React.createElement(React.Fragment, null,
|
|
142
|
+
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 })))));
|
|
195
143
|
};
|
|
196
144
|
//# 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,
|
|
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;AAsBzC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAmBjB;QAlBX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,KAAK,WAAA,EACL,iBAAiB,uBAAA,EACjB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA;IAExB,IAAM,SAAS,GAAG,UAAU,CAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC,CAAA;IAC/D,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAoD,CAAA;IACpF,IAAM,iBAAiB,GAAG;QACxB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SAC7B;IACH,CAAC,CAAA;IACK,IAAA,KAAkB,QAAQ,CAAM,EAAE,CAAC,EAAlC,IAAI,QAAA,EAAE,OAAO,QAAqB,CAAA;IACzC,IAAM,gBAAgB,GAAG,UAAO,KAAU;;;;;oBAClC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;yBACtC,YAAY,EAAZ,wBAAY;oBACd,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA;;;;oBAEf,UAAU,GAAG,IAAI,QAAQ,EAAE,CAAA;oBACjC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;oBACzC,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;oBACvC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;oBACtB,qBAAM,KAAK,CAAC,QAAQ,GAAG,YAAY,EAAE;4BACpD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,UAAU;yBACjB,CAAC,EAAA;;oBAHI,QAAQ,GAAG,SAGf;yBACE,QAAQ,CAAC,EAAE,EAAX,wBAAW;oBACQ,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;oBAApC,YAAY,GAAG,SAAqB;oBAC9B,qBAAM,YAAY,CAAC,IAAI,EAAA;;oBAA7B,QAAM,SAAuB;oBACnC,IAAI,QAAQ,EAAE;wBACZ,kBAAkB,CAAC,YAAY,kCAAM,IAAI,UAAE,KAAG,UAAE,CAAA;wBAChD,OAAO,CAAC,UAAC,IAAS,IAAK,uCAAI,IAAI,UAAE,KAAG,WAAb,CAAc,CAAC,CAAA;qBACvC;yBAAM;wBACL,kBAAkB,CAAC,YAAY,EAAE,CAAC,KAAG,CAAC,CAAC,CAAA;wBACvC,OAAO,CAAC,CAAC,KAAG,CAAC,CAAC,CAAA;qBACf;;;oBAED,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;;;;;oBAG/D,OAAO,CAAC,KAAK,CAAC,OAAK,CAAC,CAAA;;;;;SAGzB,CAAA;IACK,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IACvC,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,SAAS,CAAC;;QACR,IAAI,QAAQ,EAAE;YACZ,IAAM,aAAa,GAAQ,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAA;YACnE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBACzD,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;iBAAM;gBACL,UAAU,CAAC,KAAK,CAAC,CAAA;aAClB;YACD,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,IAAM,OAAK,GAAG,UAAU,CAAC;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,OAAO,cAAM,OAAA,YAAY,CAAC,OAAK,CAAC,EAAnB,CAAmB,CAAA;SACjC;aAAM;YACL,OAAM;SACP;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC;;QACR,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YACzC,OAAO,CAAC,WAAW,CAAC,CAAA;YAEpB,IAAM,aAAa,GAAQ,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,0CAAE,KAAK,CAAC,GAAG,CAAC,0CAAE,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAA;YAC7E,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBACzD,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;iBAAM;gBACL,UAAU,CAAC,KAAK,CAAC,CAAA;aAClB;YACD,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,IAAM,OAAK,GAAG,UAAU,CAAC;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,OAAO,cAAM,OAAA,YAAY,CAAC,OAAK,CAAC,EAAnB,CAAmB,CAAA;SACjC;aAAM;YACL,OAAM;SACP;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACA,IAAA,KAAsB,QAAQ,CAAS,CAAC,CAAC,EAAxC,MAAM,QAAA,EAAE,SAAS,QAAuB,CAAA;IACzC,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAC7C,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAAsC,QAAQ,CAAa,EAAE,CAAC,EAA7D,cAAc,QAAA,EAAE,iBAAiB,QAA4B,CAAA;IACpE,IAAM,oBAAoB,GAAG,UAAC,KAAU;QACtC,IAAM,qBAAqB,qBAAO,cAAc,OAAC,CAAA;QACjD,IAAI,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACzC,qBAAqB,CAAC,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;SACtE;aAAM;YACL,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SAClC;QACD,iBAAiB,CAAC,qBAAqB,CAAC,CAAA;QACxC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;QACxB,IAAI,QAAQ,EAAE;YACZ,aAAa,CAAC,IAAI,CAAC,CAAA;SACpB;aAAM;YACL,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;SAC3B;QACD,SAAS,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,MAAM,CAAC,CAAA;IAC1C,CAAC,CAAA;IACD,IAAM,kBAAkB,GAAG;QACzB,IAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAM,EAAE,KAAU,IAAK,OAAA,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA/B,CAA+B,CAAC,CAAA;QACxF,kBAAkB,CAAC,EAAE,EAAE,WAAW,CAAC,CAAA;QACnC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;QAClC,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,KAAK,CAAC,CAAA;SAClB;QACD,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACrB,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,IACtB,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,OAAO,IACN,YAAY,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,EACnG,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,iBAAiB,KAAK,SAAS,EAC9C,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IACT,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACpB,CACM,CACX,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,UAAU,IACT,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
|