phx-react 1.3.146 → 1.3.147
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/UploadFile/UploadFile.d.ts +2 -4
- package/dist/cjs/components/UploadFile/UploadFile.js +88 -25
- package/dist/cjs/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/esm/components/UploadFile/UploadFile.d.ts +2 -4
- package/dist/esm/components/UploadFile/UploadFile.js +89 -26
- package/dist/esm/components/UploadFile/UploadFile.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,9 +8,7 @@ export interface ModalProps {
|
|
|
8
8
|
fileName: string;
|
|
9
9
|
moduleId: string;
|
|
10
10
|
projectId: string;
|
|
11
|
-
defaultLink?:
|
|
11
|
+
defaultLink?: Array<any>;
|
|
12
12
|
fileType?: 'excel' | 'image';
|
|
13
|
-
headerActionFunc?: () => void;
|
|
14
|
-
titleHeaderAction?: string;
|
|
15
13
|
}
|
|
16
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, fileName, fileType, handleListenUpload,
|
|
14
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, defaultLink, fileName, fileType, handleListenUpload, moduleId, projectId, size, title, }: ModalProps) => React.JSX.Element;
|
|
@@ -8,7 +8,7 @@ var Card_1 = require("../Card");
|
|
|
8
8
|
var Loading_1 = require("../Loading");
|
|
9
9
|
var Button_1 = require("../Button");
|
|
10
10
|
var PHXUploadFile = function (_a) {
|
|
11
|
-
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload,
|
|
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, moduleId = _a.moduleId, projectId = _a.projectId, size = _a.size, title = _a.title;
|
|
12
12
|
var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
|
|
13
13
|
var fileInputRef = (0, react_1.useRef)(null);
|
|
14
14
|
var handleUploadClick = function () {
|
|
@@ -16,9 +16,9 @@ var PHXUploadFile = function (_a) {
|
|
|
16
16
|
fileInputRef.current.click();
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
|
-
var _c = (0, react_1.useState)(
|
|
19
|
+
var _c = (0, react_1.useState)([]), link = _c[0], setLink = _c[1];
|
|
20
20
|
var handleFileChange = function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
21
|
-
var selectedFile, dataSubmit, response, responseData,
|
|
21
|
+
var selectedFile, dataSubmit, response, responseData, res_1, error_1;
|
|
22
22
|
return tslib_1.__generator(this, function (_a) {
|
|
23
23
|
switch (_a.label) {
|
|
24
24
|
case 0:
|
|
@@ -44,8 +44,8 @@ var PHXUploadFile = function (_a) {
|
|
|
44
44
|
responseData = _a.sent();
|
|
45
45
|
return [4 /*yield*/, responseData.link];
|
|
46
46
|
case 4:
|
|
47
|
-
|
|
48
|
-
setLink(
|
|
47
|
+
res_1 = _a.sent();
|
|
48
|
+
setLink(function (prev) { return tslib_1.__spreadArray(tslib_1.__spreadArray([], prev, true), [res_1], false); });
|
|
49
49
|
if (responseData === null || responseData === void 0 ? void 0 : responseData.link) {
|
|
50
50
|
handleListenUpload(selectedFile, responseData === null || responseData === void 0 ? void 0 : responseData.link);
|
|
51
51
|
}
|
|
@@ -85,29 +85,92 @@ var PHXUploadFile = function (_a) {
|
|
|
85
85
|
}
|
|
86
86
|
}, [fileName]);
|
|
87
87
|
(0, react_1.useEffect)(function () {
|
|
88
|
+
var _a;
|
|
88
89
|
if (defaultLink) {
|
|
89
|
-
|
|
90
|
+
setLink(defaultLink);
|
|
91
|
+
var defaultLinkEx = (_a = defaultLink[0].split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
92
|
+
if (['jpg', 'jpeg', 'png', 'gif'].includes(defaultLinkEx)) {
|
|
93
|
+
setIsImage(true);
|
|
94
|
+
}
|
|
95
|
+
else {
|
|
96
|
+
setIsImage(false);
|
|
97
|
+
}
|
|
98
|
+
setShowImage(false);
|
|
99
|
+
var timer_2 = setTimeout(function () {
|
|
100
|
+
setShowImage(true);
|
|
101
|
+
}, 1000);
|
|
102
|
+
return function () { return clearTimeout(timer_2); };
|
|
90
103
|
}
|
|
91
|
-
|
|
104
|
+
else {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
}, []);
|
|
108
|
+
var _f = (0, react_1.useState)(false), showButton = _f[0], setShowButton = _f[1];
|
|
109
|
+
var _g = (0, react_1.useState)(false), isChecked = _g[0], setIsChecked = _g[1];
|
|
110
|
+
var _h = (0, react_1.useState)([]), selectedImages = _h[0], setSelectedImages = _h[1];
|
|
111
|
+
var handleCheckboxChange = function (index) {
|
|
112
|
+
var updatedSelectedImages = tslib_1.__spreadArray([], selectedImages, true);
|
|
113
|
+
if (updatedSelectedImages.includes(index)) {
|
|
114
|
+
updatedSelectedImages.splice(updatedSelectedImages.indexOf(index), 1);
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
updatedSelectedImages.push(index);
|
|
118
|
+
}
|
|
119
|
+
setSelectedImages(updatedSelectedImages);
|
|
120
|
+
setIsChecked(!isChecked);
|
|
121
|
+
setShowButton(true);
|
|
122
|
+
};
|
|
123
|
+
var handleDeleteImages = function () {
|
|
124
|
+
var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
|
|
125
|
+
setLink(updatedLink);
|
|
126
|
+
setSelectedImages([]);
|
|
127
|
+
setShowButton(!showButton);
|
|
128
|
+
};
|
|
92
129
|
return (react_1["default"].createElement("div", { className: sizeModal },
|
|
93
|
-
react_1["default"].createElement(Card_1.PHXCard, { primaryHeader: true, title: title
|
|
94
|
-
react_1["default"].createElement("div",
|
|
95
|
-
react_1["default"].createElement("div",
|
|
96
|
-
|
|
97
|
-
react_1["default"].createElement(
|
|
98
|
-
|
|
99
|
-
react_1["default"].createElement(
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
react_1["default"].createElement("
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
130
|
+
react_1["default"].createElement(Card_1.PHXCard, { primaryHeader: true, title: title },
|
|
131
|
+
react_1["default"].createElement("div", null,
|
|
132
|
+
react_1["default"].createElement("div", null,
|
|
133
|
+
showButton && (react_1["default"].createElement("div", { className: 'flex justify-end pb-2' },
|
|
134
|
+
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleDeleteImages, secondary: true, size: 'micro' }, "X\u00F3a"))),
|
|
135
|
+
react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-2' },
|
|
136
|
+
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') },
|
|
137
|
+
!showImage && index === link.length - 1 ? (react_1["default"].createElement("div", { className: 'rounded-lg h-full border border-#00000080 flex items-center justify-center' },
|
|
138
|
+
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'w-5 h-5' }))) : (react_1["default"].createElement("img", { alt: 'Alternative text for the image', className: ' w-full hover:bg-black hover:bg-opacity-80 transition-all duration-300', src: item })),
|
|
139
|
+
react_1["default"].createElement("div", { className: 'absolute top-0 left-0 p-2 opacity-0 group-hover:opacity-100' },
|
|
140
|
+
react_1["default"].createElement("input", { checked: selectedImages.includes(index), className: 'w-[18px] h-[18px] rounded-[4px]', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' })))); }))),
|
|
141
|
+
(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]' },
|
|
142
|
+
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
143
|
+
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
144
|
+
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' },
|
|
145
|
+
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
146
|
+
react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
147
|
+
(fileType === 'image' && 'jpg, .jpeg, .png, .gif')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
148
|
+
react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
149
|
+
? ''
|
|
150
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
151
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF'))))))),
|
|
152
|
+
(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]' },
|
|
153
|
+
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
154
|
+
!isImage && react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
155
|
+
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
156
|
+
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' },
|
|
157
|
+
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
158
|
+
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' }))),
|
|
159
|
+
react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
160
|
+
? ''
|
|
161
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
162
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))),
|
|
163
|
+
(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]' },
|
|
164
|
+
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
165
|
+
react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
166
|
+
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
167
|
+
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' },
|
|
168
|
+
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
169
|
+
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' }))),
|
|
170
|
+
react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
171
|
+
? ''
|
|
172
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
173
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))))))));
|
|
111
174
|
};
|
|
112
175
|
exports.PHXUploadFile = PHXUploadFile;
|
|
113
176
|
//# 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,sCAAuC;AACvC,oCAAqC;
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0D;AAC1D,kCAAqC;AACrC,gCAAiC;AACjC,sCAAuC;AACvC,oCAAqC;AAc9B,IAAM,aAAa,GAAG,UAAC,EAWjB;QAVX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,KAAK,WAAA;IAEL,IAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC,CAAA;IAC/D,IAAM,YAAY,GAAG,IAAA,cAAM,EAAC,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,IAAA,gBAAQ,EAAM,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,OAAO,CAAC,UAAC,IAAS,IAAK,uDAAI,IAAI,UAAE,KAAG,WAAb,CAAc,CAAC,CAAA;oBAEtC,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EAAE;wBACtB,kBAAkB,CAAC,YAAY,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC,CAAA;qBACrD;;;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,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IACvC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAA,iBAAS,EAAC;;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,IAAA,iBAAS,EAAC;;QACR,IAAI,WAAW,EAAE;YACf,OAAO,CAAC,WAAW,CAAC,CAAA;YACpB,IAAM,aAAa,GAAQ,MAAA,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAA;YACzE,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,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAC7C,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAAsC,IAAA,gBAAQ,EAAa,EAAE,CAAC,EAA7D,cAAc,QAAA,EAAE,iBAAiB,QAA4B,CAAA;IACpE,IAAM,oBAAoB,GAAG,UAAC,KAAU;QACtC,IAAM,qBAAqB,6BAAO,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,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,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,OAAO,CAAC,WAAW,CAAC,CAAA;QACpB,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACrB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,iCAAC,cAAO,IAAC,aAAa,QAAC,KAAK,EAAE,KAAK;YACjC;gBACE;oBACG,UAAU,IAAI,CACb,0CAAK,SAAS,EAAC,uBAAuB;wBACpC,iCAAC,kBAAS,IAAC,OAAO,EAAE,kBAAkB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,eAElD,CACR,CACP;oBACD,0CAAK,SAAS,EAAC,wBAAwB;wBACpC,OAAO,IAAI,CACV,oEACG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CACvC,0CACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,yBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAE;4BAE7F,CAAC,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzC,0CAAK,SAAS,EAAC,4EAA4E;gCACzF,iCAAC,oBAAU,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,CACP,CAAC,CAAC,CAAC,CACF,0CACE,GAAG,EAAC,gCAAgC,EACpC,SAAS,EAAC,wEAAwE,EAClF,GAAG,EAAE,IAAI,GACT,CACH;4BACD,0CAAK,SAAS,EAAC,6DAA6D;gCAC1E,4CACE,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvC,SAAS,EAAC,iCAAiC,EAC3C,QAAQ,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC3C,IAAI,EAAC,UAAU,GACf,CACE,CACF,CACP,EAzBwC,CAyBxC,CAAC,CACD,CACJ;wBACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,OAAO,IAAI,CAC9B,0CAAK,SAAS,EAAC,kIAAkI;4BAC/I,0CAAK,SAAS,EAAC,2CAA2C;gCACxD,0CAAK,SAAS,EAAC,2CAA2C;oCACxD,4CACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;wCAErB,iCAAC,kBAAS,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEjD;wCAEZ,4CACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC;gDACvC,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC,CAClD,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAC,MAAM,GACX,CACI,CACJ;gCACN,wCAAG,SAAS,EAAC,gDAAgD,IAC1D,OAAO;oCACN,CAAC,CAAC,EAAE;oCACJ,CAAC,CAAC,UACE,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;wCAClD,CAAC,QAAQ,KAAK,OAAO,IAAI,qBAAqB,CAAC,CAC/C,CACJ,CACA,CACF,CACP,CACG;oBACL,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,IAAI,CACrB,0CAAK,SAAS,EAAC,kIAAkI;wBAC/I,0CAAK,SAAS,EAAC,2CAA2C;4BACvD,CAAC,OAAO,IAAI,wCAAG,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAK;4BAErE,0CAAK,SAAS,EAAC,2CAA2C;gCACxD,4CACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;oCAErB,iCAAC,kBAAS,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEjD;oCACZ,4CACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC,CAC7F,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAC,MAAM,GACX,CACI,CACJ;4BACN,wCAAG,SAAS,EAAC,gDAAgD,IAC1D,OAAO;gCACN,CAAC,CAAC,EAAE;gCACJ,CAAC,CAAC,UACE,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;oCAClD,CAAC,QAAQ,KAAK,OAAO,IAAI,qBAAqB,CAAC,CAC/C,CACJ,CACA,CACF,CACP;oBACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAC/B,0CAAK,SAAS,EAAC,kIAAkI;wBAC/I,0CAAK,SAAS,EAAC,2CAA2C;4BACxD,wCAAG,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAK;4BAExD,0CAAK,SAAS,EAAC,2CAA2C;gCACxD,4CACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;oCAErB,iCAAC,kBAAS,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEjD;oCACZ,4CACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC,CAC7F,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAC,MAAM,GACX,CACI,CACJ;4BACN,wCAAG,SAAS,EAAC,gDAAgD,IAC1D,OAAO;gCACN,CAAC,CAAC,EAAE;gCACJ,CAAC,CAAC,UACE,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;oCAClD,CAAC,QAAQ,KAAK,OAAO,IAAI,qBAAqB,CAAC,CAC/C,CACJ,CACA,CACF,CACP,CACG,CACF,CACE,CACN,CACP,CAAA;AACH,CAAC,CAAA;AA5QY,QAAA,aAAa,iBA4QzB"}
|
|
@@ -8,9 +8,7 @@ export interface ModalProps {
|
|
|
8
8
|
fileName: string;
|
|
9
9
|
moduleId: string;
|
|
10
10
|
projectId: string;
|
|
11
|
-
defaultLink?:
|
|
11
|
+
defaultLink?: Array<any>;
|
|
12
12
|
fileType?: 'excel' | 'image';
|
|
13
|
-
headerActionFunc?: () => void;
|
|
14
|
-
titleHeaderAction?: string;
|
|
15
13
|
}
|
|
16
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, fileName, fileType, handleListenUpload,
|
|
14
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, defaultLink, fileName, fileType, handleListenUpload, moduleId, projectId, size, title, }: ModalProps) => React.JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { __awaiter, __generator } from "tslib";
|
|
1
|
+
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
5
|
import { PHXSpinner } from '../Loading';
|
|
6
6
|
import { PHXButton } from '../Button';
|
|
7
7
|
export var PHXUploadFile = function (_a) {
|
|
8
|
-
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload,
|
|
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, moduleId = _a.moduleId, projectId = _a.projectId, size = _a.size, title = _a.title;
|
|
9
9
|
var sizeModal = classNames(size === 'small' && 'sm:max-w-lg');
|
|
10
10
|
var fileInputRef = useRef(null);
|
|
11
11
|
var handleUploadClick = function () {
|
|
@@ -13,9 +13,9 @@ export var PHXUploadFile = function (_a) {
|
|
|
13
13
|
fileInputRef.current.click();
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
var _c = useState(
|
|
16
|
+
var _c = useState([]), link = _c[0], setLink = _c[1];
|
|
17
17
|
var handleFileChange = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
18
|
-
var selectedFile, dataSubmit, response, responseData,
|
|
18
|
+
var selectedFile, dataSubmit, response, responseData, res_1, error_1;
|
|
19
19
|
return __generator(this, function (_a) {
|
|
20
20
|
switch (_a.label) {
|
|
21
21
|
case 0:
|
|
@@ -41,8 +41,8 @@ export var PHXUploadFile = function (_a) {
|
|
|
41
41
|
responseData = _a.sent();
|
|
42
42
|
return [4 /*yield*/, responseData.link];
|
|
43
43
|
case 4:
|
|
44
|
-
|
|
45
|
-
setLink(
|
|
44
|
+
res_1 = _a.sent();
|
|
45
|
+
setLink(function (prev) { return __spreadArray(__spreadArray([], prev, true), [res_1], false); });
|
|
46
46
|
if (responseData === null || responseData === void 0 ? void 0 : responseData.link) {
|
|
47
47
|
handleListenUpload(selectedFile, responseData === null || responseData === void 0 ? void 0 : responseData.link);
|
|
48
48
|
}
|
|
@@ -82,28 +82,91 @@ export var PHXUploadFile = function (_a) {
|
|
|
82
82
|
}
|
|
83
83
|
}, [fileName]);
|
|
84
84
|
useEffect(function () {
|
|
85
|
+
var _a;
|
|
85
86
|
if (defaultLink) {
|
|
86
|
-
|
|
87
|
+
setLink(defaultLink);
|
|
88
|
+
var defaultLinkEx = (_a = defaultLink[0].split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
89
|
+
if (['jpg', 'jpeg', 'png', 'gif'].includes(defaultLinkEx)) {
|
|
90
|
+
setIsImage(true);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
setIsImage(false);
|
|
94
|
+
}
|
|
95
|
+
setShowImage(false);
|
|
96
|
+
var timer_2 = setTimeout(function () {
|
|
97
|
+
setShowImage(true);
|
|
98
|
+
}, 1000);
|
|
99
|
+
return function () { return clearTimeout(timer_2); };
|
|
87
100
|
}
|
|
88
|
-
|
|
101
|
+
else {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
}, []);
|
|
105
|
+
var _f = useState(false), showButton = _f[0], setShowButton = _f[1];
|
|
106
|
+
var _g = useState(false), isChecked = _g[0], setIsChecked = _g[1];
|
|
107
|
+
var _h = useState([]), selectedImages = _h[0], setSelectedImages = _h[1];
|
|
108
|
+
var handleCheckboxChange = function (index) {
|
|
109
|
+
var updatedSelectedImages = __spreadArray([], selectedImages, true);
|
|
110
|
+
if (updatedSelectedImages.includes(index)) {
|
|
111
|
+
updatedSelectedImages.splice(updatedSelectedImages.indexOf(index), 1);
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
updatedSelectedImages.push(index);
|
|
115
|
+
}
|
|
116
|
+
setSelectedImages(updatedSelectedImages);
|
|
117
|
+
setIsChecked(!isChecked);
|
|
118
|
+
setShowButton(true);
|
|
119
|
+
};
|
|
120
|
+
var handleDeleteImages = function () {
|
|
121
|
+
var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
|
|
122
|
+
setLink(updatedLink);
|
|
123
|
+
setSelectedImages([]);
|
|
124
|
+
setShowButton(!showButton);
|
|
125
|
+
};
|
|
89
126
|
return (React.createElement("div", { className: sizeModal },
|
|
90
|
-
React.createElement(PHXCard, { primaryHeader: true, title: title
|
|
91
|
-
React.createElement("div",
|
|
92
|
-
React.createElement("div",
|
|
93
|
-
|
|
94
|
-
React.createElement(
|
|
95
|
-
|
|
96
|
-
React.createElement(
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
React.createElement("
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
127
|
+
React.createElement(PHXCard, { primaryHeader: true, title: title },
|
|
128
|
+
React.createElement("div", null,
|
|
129
|
+
React.createElement("div", null,
|
|
130
|
+
showButton && (React.createElement("div", { className: 'flex justify-end pb-2' },
|
|
131
|
+
React.createElement(PHXButton, { onClick: handleDeleteImages, secondary: true, size: 'micro' }, "X\u00F3a"))),
|
|
132
|
+
React.createElement("div", { className: 'grid grid-cols-3 gap-2' },
|
|
133
|
+
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') },
|
|
134
|
+
!showImage && index === link.length - 1 ? (React.createElement("div", { className: 'rounded-lg h-full border border-#00000080 flex items-center justify-center' },
|
|
135
|
+
React.createElement(PHXSpinner, { className: 'w-5 h-5' }))) : (React.createElement("img", { alt: 'Alternative text for the image', className: ' w-full hover:bg-black hover:bg-opacity-80 transition-all duration-300', src: item })),
|
|
136
|
+
React.createElement("div", { className: 'absolute top-0 left-0 p-2 opacity-0 group-hover:opacity-100' },
|
|
137
|
+
React.createElement("input", { checked: selectedImages.includes(index), className: 'w-[18px] h-[18px] rounded-[4px]', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' })))); }))),
|
|
138
|
+
(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]' },
|
|
139
|
+
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
140
|
+
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
141
|
+
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
142
|
+
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
143
|
+
React.createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
|
|
144
|
+
(fileType === 'image' && 'jpg, .jpeg, .png, .gif')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
|
|
145
|
+
React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
146
|
+
? ''
|
|
147
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
148
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF'))))))),
|
|
149
|
+
(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]' },
|
|
150
|
+
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
151
|
+
!isImage && React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
152
|
+
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
153
|
+
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
154
|
+
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
155
|
+
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' }))),
|
|
156
|
+
React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
157
|
+
? ''
|
|
158
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
159
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))),
|
|
160
|
+
(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]' },
|
|
161
|
+
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
162
|
+
React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
163
|
+
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
164
|
+
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
165
|
+
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
166
|
+
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' }))),
|
|
167
|
+
React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
168
|
+
? ''
|
|
169
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
170
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))))))));
|
|
108
171
|
};
|
|
109
172
|
//# 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,YAAY,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|