phx-react 1.3.142 → 1.3.143
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 +3 -1
- package/dist/cjs/components/UploadFile/UploadFile.js +23 -15
- package/dist/cjs/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/esm/components/UploadFile/UploadFile.d.ts +3 -1
- package/dist/esm/components/UploadFile/UploadFile.js +23 -15
- package/dist/esm/components/UploadFile/UploadFile.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,5 +8,7 @@ export interface ModalProps {
|
|
|
8
8
|
fileName: string;
|
|
9
9
|
moduleId: string;
|
|
10
10
|
projectId: string;
|
|
11
|
+
defaultLink?: string;
|
|
12
|
+
fileType?: 'excel' | 'image';
|
|
11
13
|
}
|
|
12
|
-
export declare const PHXUploadFile: ({ apiCdnUpload,
|
|
14
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, fileName, fileType, handleListenUpload, defaultLink, moduleId, projectId, size, title, }: ModalProps) => React.JSX.Element;
|
|
@@ -2,14 +2,13 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.PHXUploadFile = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
6
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
6
|
var types_1 = require("../types");
|
|
8
7
|
var Card_1 = require("../Card");
|
|
9
8
|
var Loading_1 = require("../Loading");
|
|
10
9
|
var Button_1 = require("../Button");
|
|
11
10
|
var PHXUploadFile = function (_a) {
|
|
12
|
-
var apiCdnUpload = _a.apiCdnUpload,
|
|
11
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, defaultLink = _a.defaultLink, moduleId = _a.moduleId, projectId = _a.projectId, size = _a.size, title = _a.title;
|
|
13
12
|
var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
|
|
14
13
|
var fileInputRef = (0, react_1.useRef)(null);
|
|
15
14
|
var handleUploadClick = function () {
|
|
@@ -17,7 +16,7 @@ var PHXUploadFile = function (_a) {
|
|
|
17
16
|
fileInputRef.current.click();
|
|
18
17
|
}
|
|
19
18
|
};
|
|
20
|
-
var
|
|
19
|
+
var _c = (0, react_1.useState)(''), link = _c[0], setLink = _c[1];
|
|
21
20
|
var handleFileChange = function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
22
21
|
var selectedFile, dataSubmit, response, responseData, res, error_1;
|
|
23
22
|
return tslib_1.__generator(this, function (_a) {
|
|
@@ -25,6 +24,7 @@ var PHXUploadFile = function (_a) {
|
|
|
25
24
|
case 0:
|
|
26
25
|
selectedFile = event.target.files[0];
|
|
27
26
|
if (!selectedFile) return [3 /*break*/, 8];
|
|
27
|
+
event.target.value = '';
|
|
28
28
|
_a.label = 1;
|
|
29
29
|
case 1:
|
|
30
30
|
_a.trys.push([1, 7, , 8]);
|
|
@@ -47,7 +47,7 @@ var PHXUploadFile = function (_a) {
|
|
|
47
47
|
res = _a.sent();
|
|
48
48
|
setLink(res);
|
|
49
49
|
if (responseData === null || responseData === void 0 ? void 0 : responseData.link) {
|
|
50
|
-
handleListenUpload(
|
|
50
|
+
handleListenUpload(selectedFile, responseData === null || responseData === void 0 ? void 0 : responseData.link);
|
|
51
51
|
}
|
|
52
52
|
return [3 /*break*/, 6];
|
|
53
53
|
case 5:
|
|
@@ -62,8 +62,8 @@ var PHXUploadFile = function (_a) {
|
|
|
62
62
|
}
|
|
63
63
|
});
|
|
64
64
|
}); };
|
|
65
|
-
var
|
|
66
|
-
var
|
|
65
|
+
var _d = (0, react_1.useState)(false), isImage = _d[0], setIsImage = _d[1];
|
|
66
|
+
var _e = (0, react_1.useState)(false), showImage = _e[0], setShowImage = _e[1];
|
|
67
67
|
(0, react_1.useEffect)(function () {
|
|
68
68
|
var _a;
|
|
69
69
|
if (fileName) {
|
|
@@ -84,22 +84,30 @@ var PHXUploadFile = function (_a) {
|
|
|
84
84
|
return;
|
|
85
85
|
}
|
|
86
86
|
}, [fileName]);
|
|
87
|
+
(0, react_1.useEffect)(function () {
|
|
88
|
+
if (defaultLink) {
|
|
89
|
+
setShowImage(true);
|
|
90
|
+
}
|
|
91
|
+
}, []);
|
|
87
92
|
return (react_1["default"].createElement("div", { className: sizeModal },
|
|
88
93
|
react_1["default"].createElement(Card_1.PHXCard, { primaryHeader: true, title: title },
|
|
89
|
-
react_1["default"].createElement("div", { className: "".concat(
|
|
90
|
-
react_1["default"].createElement("div", { className: "".concat(
|
|
91
|
-
showImage && isImage && (react_1["default"].createElement("div", { className: 'flex h-full items-center' },
|
|
92
|
-
react_1["default"].createElement(
|
|
93
|
-
fileName && !showImage ? (react_1["default"].createElement("div", { className: '
|
|
94
|
-
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'w-5 h-5' }))) :
|
|
95
|
-
react_1["default"].createElement("div", { className:
|
|
94
|
+
react_1["default"].createElement("div", { className: "".concat(isImage || defaultLink ? 'grid grid-cols-4 grid-rows-2 gap-2' : '') },
|
|
95
|
+
react_1["default"].createElement("div", { className: "".concat(isImage || defaultLink ? 'col-span-2 row-span-2 rounded-lg border border-#00000080' : '') },
|
|
96
|
+
((showImage && isImage) || (showImage && defaultLink)) && (react_1["default"].createElement("div", { className: 'flex h-full items-center' },
|
|
97
|
+
react_1["default"].createElement("img", { alt: 'Alternative text for the image', className: 'float-left w-full', src: "".concat(link ? link : defaultLink) }))),
|
|
98
|
+
fileName && !showImage && isImage ? (react_1["default"].createElement("div", { className: 'rounded-lg h-full border border-#00000080 flex items-center justify-center' },
|
|
99
|
+
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'w-5 h-5' }))) : ('')),
|
|
100
|
+
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]' },
|
|
96
101
|
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
97
102
|
!isImage && react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
98
103
|
react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
99
104
|
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' },
|
|
100
105
|
react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
101
|
-
react_1["default"].createElement("input", { ref: fileInputRef, accept: '.jpg, .jpeg, .png, .gif
|
|
102
|
-
react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' },
|
|
106
|
+
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' }))),
|
|
107
|
+
react_1["default"].createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
108
|
+
? ''
|
|
109
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
110
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))))));
|
|
103
111
|
};
|
|
104
112
|
exports.PHXUploadFile = PHXUploadFile;
|
|
105
113
|
//# sourceMappingURL=UploadFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,5 +8,7 @@ export interface ModalProps {
|
|
|
8
8
|
fileName: string;
|
|
9
9
|
moduleId: string;
|
|
10
10
|
projectId: string;
|
|
11
|
+
defaultLink?: string;
|
|
12
|
+
fileType?: 'excel' | 'image';
|
|
11
13
|
}
|
|
12
|
-
export declare const PHXUploadFile: ({ apiCdnUpload,
|
|
14
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, fileName, fileType, handleListenUpload, defaultLink, moduleId, projectId, size, title, }: ModalProps) => React.JSX.Element;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { __awaiter, __generator } from "tslib";
|
|
2
|
-
import Image from 'next/image';
|
|
3
2
|
import React, { useEffect, useRef, useState } from 'react';
|
|
4
3
|
import { classNames } from '../types';
|
|
5
4
|
import { PHXCard } from '../Card';
|
|
6
5
|
import { PHXSpinner } from '../Loading';
|
|
7
6
|
import { PHXButton } from '../Button';
|
|
8
7
|
export var PHXUploadFile = function (_a) {
|
|
9
|
-
var apiCdnUpload = _a.apiCdnUpload,
|
|
8
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, defaultLink = _a.defaultLink, moduleId = _a.moduleId, projectId = _a.projectId, size = _a.size, title = _a.title;
|
|
10
9
|
var sizeModal = classNames(size === 'small' && 'sm:max-w-lg');
|
|
11
10
|
var fileInputRef = useRef(null);
|
|
12
11
|
var handleUploadClick = function () {
|
|
@@ -14,7 +13,7 @@ export var PHXUploadFile = function (_a) {
|
|
|
14
13
|
fileInputRef.current.click();
|
|
15
14
|
}
|
|
16
15
|
};
|
|
17
|
-
var
|
|
16
|
+
var _c = useState(''), link = _c[0], setLink = _c[1];
|
|
18
17
|
var handleFileChange = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
19
18
|
var selectedFile, dataSubmit, response, responseData, res, error_1;
|
|
20
19
|
return __generator(this, function (_a) {
|
|
@@ -22,6 +21,7 @@ export var PHXUploadFile = function (_a) {
|
|
|
22
21
|
case 0:
|
|
23
22
|
selectedFile = event.target.files[0];
|
|
24
23
|
if (!selectedFile) return [3 /*break*/, 8];
|
|
24
|
+
event.target.value = '';
|
|
25
25
|
_a.label = 1;
|
|
26
26
|
case 1:
|
|
27
27
|
_a.trys.push([1, 7, , 8]);
|
|
@@ -44,7 +44,7 @@ export var PHXUploadFile = function (_a) {
|
|
|
44
44
|
res = _a.sent();
|
|
45
45
|
setLink(res);
|
|
46
46
|
if (responseData === null || responseData === void 0 ? void 0 : responseData.link) {
|
|
47
|
-
handleListenUpload(
|
|
47
|
+
handleListenUpload(selectedFile, responseData === null || responseData === void 0 ? void 0 : responseData.link);
|
|
48
48
|
}
|
|
49
49
|
return [3 /*break*/, 6];
|
|
50
50
|
case 5:
|
|
@@ -59,8 +59,8 @@ export var PHXUploadFile = function (_a) {
|
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
}); };
|
|
62
|
-
var
|
|
63
|
-
var
|
|
62
|
+
var _d = useState(false), isImage = _d[0], setIsImage = _d[1];
|
|
63
|
+
var _e = useState(false), showImage = _e[0], setShowImage = _e[1];
|
|
64
64
|
useEffect(function () {
|
|
65
65
|
var _a;
|
|
66
66
|
if (fileName) {
|
|
@@ -81,21 +81,29 @@ export var PHXUploadFile = function (_a) {
|
|
|
81
81
|
return;
|
|
82
82
|
}
|
|
83
83
|
}, [fileName]);
|
|
84
|
+
useEffect(function () {
|
|
85
|
+
if (defaultLink) {
|
|
86
|
+
setShowImage(true);
|
|
87
|
+
}
|
|
88
|
+
}, []);
|
|
84
89
|
return (React.createElement("div", { className: sizeModal },
|
|
85
90
|
React.createElement(PHXCard, { primaryHeader: true, title: title },
|
|
86
|
-
React.createElement("div", { className: "".concat(
|
|
87
|
-
React.createElement("div", { className: "".concat(
|
|
88
|
-
showImage && isImage && (React.createElement("div", { className: 'flex h-full items-center' },
|
|
89
|
-
React.createElement(
|
|
90
|
-
fileName && !showImage ? (React.createElement("div", { className: '
|
|
91
|
-
React.createElement(PHXSpinner, { className: 'w-5 h-5' }))) :
|
|
92
|
-
React.createElement("div", { className:
|
|
91
|
+
React.createElement("div", { className: "".concat(isImage || defaultLink ? 'grid grid-cols-4 grid-rows-2 gap-2' : '') },
|
|
92
|
+
React.createElement("div", { className: "".concat(isImage || defaultLink ? 'col-span-2 row-span-2 rounded-lg border border-#00000080' : '') },
|
|
93
|
+
((showImage && isImage) || (showImage && defaultLink)) && (React.createElement("div", { className: 'flex h-full items-center' },
|
|
94
|
+
React.createElement("img", { alt: 'Alternative text for the image', className: 'float-left w-full', src: "".concat(link ? link : defaultLink) }))),
|
|
95
|
+
fileName && !showImage && isImage ? (React.createElement("div", { className: 'rounded-lg h-full border border-#00000080 flex items-center justify-center' },
|
|
96
|
+
React.createElement(PHXSpinner, { className: 'w-5 h-5' }))) : ('')),
|
|
97
|
+
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]' },
|
|
93
98
|
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
94
99
|
!isImage && React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
95
100
|
React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
|
|
96
101
|
React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
|
|
97
102
|
React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
|
|
98
|
-
React.createElement("input", { ref: fileInputRef, accept: '.jpg, .jpeg, .png, .gif
|
|
99
|
-
React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' },
|
|
103
|
+
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' }))),
|
|
104
|
+
React.createElement("p", { className: 'text-xs leading-6 cursor-pointer text-gray-400' }, isImage
|
|
105
|
+
? ''
|
|
106
|
+
: "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
|
|
107
|
+
(fileType === 'image' && 'JPG, JPEG, PNG, GIF')))))))));
|
|
100
108
|
};
|
|
101
109
|
//# sourceMappingURL=UploadFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|