phx-react 1.3.1680 → 1.3.1681
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/assets/icons/index.js +2 -0
- package/dist/cjs/assets/icons/index.js.map +1 -1
- package/dist/cjs/assets/icons/index.ts +2 -0
- package/dist/cjs/assets/icons/paper-clip.svg +3 -0
- package/dist/cjs/components/FormTarget/components/modal-delete/modal-delete.d.ts +13 -0
- package/dist/cjs/components/FormTarget/components/modal-delete/modal-delete.js +19 -0
- package/dist/cjs/components/FormTarget/components/modal-delete/modal-delete.js.map +1 -0
- package/dist/cjs/components/FormTarget/components/modal-import/confirm-upload.d.ts +7 -0
- package/dist/cjs/components/FormTarget/components/modal-import/confirm-upload.js +25 -0
- package/dist/cjs/components/FormTarget/components/modal-import/confirm-upload.js.map +1 -0
- package/dist/cjs/components/FormTarget/components/modal-import/modal-import-user.d.ts +10 -0
- package/dist/cjs/components/FormTarget/components/modal-import/modal-import-user.js +177 -0
- package/dist/cjs/components/FormTarget/components/modal-import/modal-import-user.js.map +1 -0
- package/dist/cjs/components/FormTarget/components/modal-import/preview-user.d.ts +10 -0
- package/dist/cjs/components/FormTarget/components/modal-import/preview-user.js +22 -0
- package/dist/cjs/components/FormTarget/components/modal-import/preview-user.js.map +1 -0
- package/dist/cjs/components/FormTarget/components/modal-import/table-custom-user.d.ts +11 -0
- package/dist/cjs/components/FormTarget/components/modal-import/table-custom-user.js +56 -0
- package/dist/cjs/components/FormTarget/components/modal-import/table-custom-user.js.map +1 -0
- package/dist/cjs/components/FormTarget/components/table-custom-list.js +51 -47
- package/dist/cjs/components/FormTarget/components/table-custom-list.js.map +1 -1
- package/dist/cjs/components/FormTarget/constant.d.ts +13 -0
- package/dist/cjs/components/FormTarget/constant.js +15 -1
- package/dist/cjs/components/FormTarget/constant.js.map +1 -1
- package/dist/cjs/components/FormTarget/graphql/query.d.ts +5 -0
- package/dist/cjs/components/FormTarget/graphql/query.js +162 -1
- package/dist/cjs/components/FormTarget/graphql/query.js.map +1 -1
- package/dist/cjs/components/FormTarget/hooks/use-import-user.d.ts +5 -0
- package/dist/cjs/components/FormTarget/hooks/use-import-user.js +168 -0
- package/dist/cjs/components/FormTarget/hooks/use-import-user.js.map +1 -0
- package/dist/cjs/components/FormTarget/type/target.d.ts +5 -0
- package/dist/cjs/components/FormTarget/type/user.d.ts +77 -0
- package/dist/cjs/components/FormTarget/type/user.js +3 -0
- package/dist/cjs/components/FormTarget/type/user.js.map +1 -0
- package/dist/cjs/components/UploadFile/ButtonUpload.d.ts +1 -1
- package/dist/cjs/components/UploadFile/FormUpload.d.ts +24 -1
- package/dist/cjs/components/UploadFile/FormUpload.js +29 -18
- package/dist/cjs/components/UploadFile/FormUpload.js.map +1 -1
- package/dist/cjs/components/UploadFile/PHXUploadFile.d.ts +50 -0
- package/dist/cjs/components/UploadFile/PHXUploadFile.js +24 -0
- package/dist/cjs/components/UploadFile/PHXUploadFile.js.map +1 -0
- package/dist/cjs/components/UploadFile/UploadFile.d.ts +1 -1
- package/dist/cjs/components/UploadFile/UploadFile.js +5 -5
- package/dist/cjs/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/cjs/components/UploadFile/index.d.ts +1 -1
- package/dist/cjs/components/UploadFile/index.js +1 -1
- package/dist/cjs/components/UploadFile/index.js.map +1 -1
- package/dist/esm/assets/icons/index.js +2 -0
- package/dist/esm/assets/icons/index.js.map +1 -1
- package/dist/esm/assets/icons/index.ts +2 -0
- package/dist/esm/assets/icons/paper-clip.svg +3 -0
- package/dist/esm/components/FormTarget/components/modal-delete/modal-delete.d.ts +13 -0
- package/dist/esm/components/FormTarget/components/modal-delete/modal-delete.js +14 -0
- package/dist/esm/components/FormTarget/components/modal-delete/modal-delete.js.map +1 -0
- package/dist/esm/components/FormTarget/components/modal-import/confirm-upload.d.ts +7 -0
- package/dist/esm/components/FormTarget/components/modal-import/confirm-upload.js +20 -0
- package/dist/esm/components/FormTarget/components/modal-import/confirm-upload.js.map +1 -0
- package/dist/esm/components/FormTarget/components/modal-import/modal-import-user.d.ts +10 -0
- package/dist/esm/components/FormTarget/components/modal-import/modal-import-user.js +173 -0
- package/dist/esm/components/FormTarget/components/modal-import/modal-import-user.js.map +1 -0
- package/dist/esm/components/FormTarget/components/modal-import/preview-user.d.ts +10 -0
- package/dist/esm/components/FormTarget/components/modal-import/preview-user.js +17 -0
- package/dist/esm/components/FormTarget/components/modal-import/preview-user.js.map +1 -0
- package/dist/esm/components/FormTarget/components/modal-import/table-custom-user.d.ts +11 -0
- package/dist/esm/components/FormTarget/components/modal-import/table-custom-user.js +51 -0
- package/dist/esm/components/FormTarget/components/modal-import/table-custom-user.js.map +1 -0
- package/dist/esm/components/FormTarget/components/table-custom-list.js +51 -47
- package/dist/esm/components/FormTarget/components/table-custom-list.js.map +1 -1
- package/dist/esm/components/FormTarget/constant.d.ts +13 -0
- package/dist/esm/components/FormTarget/constant.js +14 -0
- package/dist/esm/components/FormTarget/constant.js.map +1 -1
- package/dist/esm/components/FormTarget/graphql/query.d.ts +5 -0
- package/dist/esm/components/FormTarget/graphql/query.js +161 -0
- package/dist/esm/components/FormTarget/graphql/query.js.map +1 -1
- package/dist/esm/components/FormTarget/hooks/use-import-user.d.ts +5 -0
- package/dist/esm/components/FormTarget/hooks/use-import-user.js +163 -0
- package/dist/esm/components/FormTarget/hooks/use-import-user.js.map +1 -0
- package/dist/esm/components/FormTarget/type/target.d.ts +5 -0
- package/dist/esm/components/FormTarget/type/user.d.ts +77 -0
- package/dist/esm/components/FormTarget/type/user.js +2 -0
- package/dist/esm/components/FormTarget/type/user.js.map +1 -0
- package/dist/esm/components/UploadFile/ButtonUpload.d.ts +1 -1
- package/dist/esm/components/UploadFile/FormUpload.d.ts +24 -1
- package/dist/esm/components/UploadFile/FormUpload.js +29 -18
- package/dist/esm/components/UploadFile/FormUpload.js.map +1 -1
- package/dist/esm/components/UploadFile/PHXUploadFile.d.ts +50 -0
- package/dist/esm/components/UploadFile/PHXUploadFile.js +19 -0
- package/dist/esm/components/UploadFile/PHXUploadFile.js.map +1 -0
- package/dist/esm/components/UploadFile/UploadFile.d.ts +1 -1
- package/dist/esm/components/UploadFile/UploadFile.js +3 -3
- package/dist/esm/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/esm/components/UploadFile/index.d.ts +1 -1
- package/dist/esm/components/UploadFile/index.js +1 -1
- package/dist/esm/components/UploadFile/index.js.map +1 -1
- package/package.json +2 -1
|
@@ -8,7 +8,7 @@ const ButtonUpload_1 = require("./ButtonUpload");
|
|
|
8
8
|
const types_1 = require("../types");
|
|
9
9
|
const Button_1 = require("../Button");
|
|
10
10
|
const Loading_1 = require("../Loading");
|
|
11
|
-
function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage,
|
|
11
|
+
function FormUpload({ actionTextDelete, customNextImage, disabled, fileName = '', fileType = 'excel', handleCheckboxChange, handleFileChange, helpText, isHorizontalLayout, isImage, label, length, link = [], oneImg, selectedImages = [], setIsModalOpen, showImage, twoColumn, }) {
|
|
12
12
|
const fileInputRef = (0, react_1.useRef)(null);
|
|
13
13
|
const [showLargeImage, setShowLargeImage] = (0, react_1.useState)(false);
|
|
14
14
|
const [largeImageUrl, setLargeImageUrl] = (0, react_1.useState)('');
|
|
@@ -67,44 +67,57 @@ function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange
|
|
|
67
67
|
setFile(fileName);
|
|
68
68
|
}
|
|
69
69
|
}, [link]);
|
|
70
|
+
const renderFileInput = (className, id, ref) => (react_1.default.createElement("input", { ref: ref, accept: `${(fileType === 'excel' && '.xlsx, .xls') ||
|
|
71
|
+
(fileType === 'image' && '.jpg, .jpeg, .png, .gif, .webp') ||
|
|
72
|
+
(fileType === 'file' && '.pdf, .png,.jpg, .jpeg') ||
|
|
73
|
+
(fileType === 'pdf' && '.pdf')}`, className: className, id: id, name: id, onChange: handleAwaitUpdate, type: 'file' }));
|
|
70
74
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
71
75
|
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)),
|
|
72
76
|
showSelectedTitle && (react_1.default.createElement("div", { className: 'flex justify-between ' },
|
|
73
|
-
react_1.default.createElement("div", { className: '-pl-2 text-xs leading-5 text-gray-600
|
|
77
|
+
react_1.default.createElement("div", { className: '-pl-2 mb-4 text-xs leading-5 text-gray-600' },
|
|
74
78
|
length,
|
|
75
79
|
" \u1EA3nh \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
|
|
76
|
-
actionTextDelete ? (react_1.default.createElement("
|
|
80
|
+
actionTextDelete ? (react_1.default.createElement("div", { className: 'cursor-pointer text-xs font-normal text-red-700 hover:underline', onClick: () => setIsModalOpen === null || setIsModalOpen === void 0 ? void 0 : setIsModalOpen(true), onKeyDown: (e) => {
|
|
81
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
82
|
+
setIsModalOpen === null || setIsModalOpen === void 0 ? void 0 : setIsModalOpen(true);
|
|
83
|
+
}
|
|
84
|
+
}, role: 'button', tabIndex: 0 }, "Xo\u00E1 \u1EA3nh")) : (react_1.default.createElement(Button_1.PHXButton, { deleted: true, onClick: () => setIsModalOpen === null || setIsModalOpen === void 0 ? void 0 : setIsModalOpen(true), size: 'micro' }, "X\u00F3a")))),
|
|
77
85
|
react_1.default.createElement("div", { className: 'relative' },
|
|
78
86
|
isImage && (react_1.default.createElement("div", { className: `${oneImg ? 'flex justify-center rounded-lg bg-gray-100' : classCheckColumn}` }, listImage === null || listImage === void 0 ? void 0 :
|
|
79
87
|
listImage.map((src, index) => {
|
|
80
88
|
const isSelectImage = (selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0;
|
|
81
89
|
return (react_1.default.createElement("div", { key: index, className: `group relative overflow-hidden ${!oneImg ? 'aspect-square rounded-[10px] border' : ''}` },
|
|
82
|
-
customNextImage ? (react_1.default.createElement(
|
|
90
|
+
customNextImage ? (react_1.default.createElement("img", { alt: 'img', className: ` object-contain ${oneImg ? 'max-h-[180px]' : 'h-full w-full object-contain'} ${selectedImages.includes(index) ? 'opacity-60' : ''}`, height: (customNextImage === null || customNextImage === void 0 ? void 0 : customNextImage.height) || 180, src: src, width: (customNextImage === null || customNextImage === void 0 ? void 0 : customNextImage.width) || 400 })) : (react_1.default.createElement("img", { alt: 'img', className: ` object-contain ${oneImg ? 'max-h-[180px]' : 'h-full w-full object-contain'} ${selectedImages.includes(index) ? 'opacity-60' : ''}`, src: src })),
|
|
83
91
|
react_1.default.createElement("button", { className: `absolute inset-0 flex items-center justify-center bg-black text-white opacity-0 transition-opacity duration-300 group-hover:opacity-100 ${!oneImg ? 'bg-opacity-60' : 'bg-opacity-0'}`, onClick: () => {
|
|
84
92
|
if (isSelectImage) {
|
|
85
|
-
handleCheckboxChange(index);
|
|
93
|
+
handleCheckboxChange === null || handleCheckboxChange === void 0 ? void 0 : handleCheckboxChange(index);
|
|
86
94
|
}
|
|
87
95
|
else {
|
|
88
96
|
handleImageClick(src);
|
|
89
97
|
}
|
|
90
98
|
}, type: 'button' }),
|
|
91
99
|
!oneImg && (react_1.default.createElement("div", { className: `z-8 absolute left-[0.3rem] top-0 opacity-0 ${(selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0 ? 'opacity-100' : 'group-hover:opacity-100'}` },
|
|
92
|
-
react_1.default.createElement("input", { checked: selectedImages.includes(index), className: 'h-[16px] w-[16px] cursor-pointer rounded-[4px] text-black checked:bg-black checked:ring-0 focus:outline-none focus:ring-0', onChange: () => handleCheckboxChange(index), type: 'checkbox' })))));
|
|
100
|
+
react_1.default.createElement("input", { checked: selectedImages.includes(index), className: 'h-[16px] w-[16px] cursor-pointer rounded-[4px] text-black checked:bg-black checked:ring-0 focus:outline-none focus:ring-0', onChange: () => handleCheckboxChange === null || handleCheckboxChange === void 0 ? void 0 : handleCheckboxChange(index), type: 'checkbox' })))));
|
|
93
101
|
}),
|
|
94
|
-
!showMoreImage &&
|
|
102
|
+
!showMoreImage && link.length > limitImageShow && (react_1.default.createElement("div", { className: 'group relative aspect-square overflow-hidden rounded-lg border' },
|
|
95
103
|
react_1.default.createElement("img", { alt: 'img', className: 'mx-auto h-full object-cover', src: link === null || link === void 0 ? void 0 : link[limitImageShow + 1] }),
|
|
96
104
|
react_1.default.createElement("button", { className: 'absolute inset-0 flex items-center justify-center bg-black bg-opacity-60 text-white backdrop-blur-sm transition-opacity duration-300 ', onClick: () => setShowMoreImage(true), type: 'button' },
|
|
97
105
|
react_1.default.createElement("p", null,
|
|
98
106
|
"+",
|
|
99
107
|
((link === null || link === void 0 ? void 0 : link.length) || 0) - limitImageShow)))),
|
|
100
|
-
|
|
108
|
+
link.length > 0 && !oneImg && (react_1.default.createElement("button", { className: ' flex aspect-square items-center justify-center rounded-lg border border-dashed border-gray-300 bg-[#F7F7F7] transition-all hover:bg-[#f1f1f1]', onClick: handleUploadClick, type: 'button' }, loading ? (react_1.default.createElement(Loading_1.PHXSpinner, null)) : (react_1.default.createElement("svg", { className: 'h-5 w-5', fill: 'none', stroke: 'currentColor', strokeWidth: '1.5', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
101
109
|
react_1.default.createElement("path", { d: 'M12 4.5v15m7.5-7.5h-15', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
102
|
-
showLargeImage && (react_1.default.createElement("div", { className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', id: 'large-image-container', onClick: () => setShowLargeImage(false)
|
|
103
|
-
|
|
110
|
+
showLargeImage && (react_1.default.createElement("div", { className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', id: 'large-image-container', onClick: () => setShowLargeImage(false), onKeyDown: (e) => {
|
|
111
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
112
|
+
setShowLargeImage(false);
|
|
113
|
+
}
|
|
114
|
+
}, role: 'button', tabIndex: 0 },
|
|
115
|
+
react_1.default.createElement(image_1.default, { alt: 'Large Image', className: 'max-h-full max-w-full', onClick: (e) => e.stopPropagation(), src: largeImageUrl }))))),
|
|
104
116
|
showButtonWithOneImage && (react_1.default.createElement("div", { className: ' mt-3 flex gap-2 ' },
|
|
105
117
|
react_1.default.createElement(Button_1.PHXButton, { disabled: disabled, loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
106
|
-
react_1.default.createElement(Button_1.PHXButton, { deleted: true, onClick: () => setIsModalOpen(true), size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
107
|
-
((link === null || link === void 0 ? void 0 : link.length) === 0 || isHorizontalLayout) && (react_1.default.createElement(react_1.default.Fragment, null, !file ? (react_1.default.createElement("div", { className: (0, types_1.classNames)('flex flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 ', disabled ? 'cursor-not-allowed' : 'hover:bg-[#f7f7f7]
|
|
118
|
+
react_1.default.createElement(Button_1.PHXButton, { deleted: true, onClick: () => setIsModalOpen === null || setIsModalOpen === void 0 ? void 0 : setIsModalOpen(true), size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
119
|
+
((link === null || link === void 0 ? void 0 : link.length) === 0 || isHorizontalLayout) && (react_1.default.createElement(react_1.default.Fragment, null, !file ? (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 ', disabled ? 'cursor-not-allowed' : 'cursor-pointer hover:bg-[#f7f7f7]') },
|
|
120
|
+
renderFileInput('absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0'),
|
|
108
121
|
react_1.default.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
109
122
|
react_1.default.createElement(ButtonUpload_1.ButtonUpload, { disabled: disabled, fileType: fileType, handleUploadClick: () => {
|
|
110
123
|
handleUploadClick();
|
|
@@ -114,17 +127,15 @@ function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange
|
|
|
114
127
|
react_1.default.createElement("div", { className: 'h-full bg-gray-200 p-6' },
|
|
115
128
|
react_1.default.createElement("svg", { "aria-hidden": 'true', className: 'h-5 w-5', focusable: 'false', viewBox: '0 0 20 20' },
|
|
116
129
|
react_1.default.createElement("path", { d: 'M6.75 4c-.69 0-1.25.56-1.25 1.25v9.5c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25v-9a.75.75 0 0 1 1.5 0v9a2.75 2.75 0 0 1-2.75 2.75h-6.5a2.75 2.75 0 0 1-2.75-2.75v-9.5a2.75 2.75 0 0 1 2.75-2.75h3a2.75 2.75 0 0 1 2.75 2.75v6.25a2.5 2.5 0 0 1-5 0v-5.5a.75.75 0 0 1 1.5 0v5.5a1 1 0 1 0 2 0v-6.25c0-.69-.56-1.25-1.25-1.25h-3Z', fillRule: 'evenodd' }))),
|
|
117
|
-
react_1.default.createElement("p", { className: '
|
|
130
|
+
react_1.default.createElement("p", { className: 'w-[15ch] flex-1 truncate px-2 text-sm text-gray-600 sm:w-full md:w-[20ch]' }, fileName),
|
|
118
131
|
react_1.default.createElement("div", { className: 'pr-4' },
|
|
119
132
|
react_1.default.createElement(Button_1.PHXButton, { disabled: disabled, loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i")))))))),
|
|
120
|
-
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && !isHorizontalLayout && (react_1.default.createElement("div", { className: (0, types_1.classNames)('flex flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 ', disabled ? 'cursor-not-allowed' : 'hover:bg-[#f7f7f7]
|
|
133
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && !isHorizontalLayout && (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 ', disabled ? 'cursor-not-allowed' : 'cursor-pointer hover:bg-[#f7f7f7]') },
|
|
134
|
+
renderFileInput('absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0'),
|
|
121
135
|
react_1.default.createElement("div", { className: 'flex flex-col items-center justify-center' }, fileType === 'file' && !showImage ? (react_1.default.createElement("div", { className: 'flex h-full items-center justify-center rounded-lg py-6 ' },
|
|
122
136
|
react_1.default.createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
123
137
|
react_1.default.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
124
138
|
react_1.default.createElement(ButtonUpload_1.ButtonUpload, { disabled: disabled, fileType: fileType, handleUploadClick: handleUploadClick, helpText: helpText, loading: loading }))))))),
|
|
125
|
-
|
|
126
|
-
(fileType === 'image' && '.jpg, .jpeg, .png, .gif, .webp') ||
|
|
127
|
-
(fileType === 'file' && '.pdf, .png,.jpg, .jpeg') ||
|
|
128
|
-
(fileType === 'pdf' && '.pdf')}`, className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleAwaitUpdate, type: 'file' })));
|
|
139
|
+
renderFileInput('sr-only', 'file-upload', fileInputRef)));
|
|
129
140
|
}
|
|
130
141
|
//# sourceMappingURL=FormUpload.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum EUploadType {
|
|
3
|
+
TO_CDN = "to_cdn",
|
|
4
|
+
TO_CLIENT = "to_client"
|
|
5
|
+
}
|
|
6
|
+
interface UploadCDN {
|
|
7
|
+
title?: string;
|
|
8
|
+
size?: 'small';
|
|
9
|
+
basePath: string;
|
|
10
|
+
apiCdnUpload: string;
|
|
11
|
+
handleListenUpload: any;
|
|
12
|
+
helpText?: string;
|
|
13
|
+
fileName: string;
|
|
14
|
+
moduleId: string;
|
|
15
|
+
projectId: string;
|
|
16
|
+
multiImg?: boolean;
|
|
17
|
+
defaultLink?: Array<any>;
|
|
18
|
+
fileType?: 'excel' | 'image' | 'file';
|
|
19
|
+
headerActionFunc?(): void;
|
|
20
|
+
titleHeaderAction?: string;
|
|
21
|
+
isHeaderDownload?: boolean;
|
|
22
|
+
inCard?: boolean;
|
|
23
|
+
label?: string;
|
|
24
|
+
oneImg?: boolean;
|
|
25
|
+
setLoading?: any;
|
|
26
|
+
contentOfModal?: any;
|
|
27
|
+
isHorizontalLayout?: boolean;
|
|
28
|
+
cdnUploadType?: 'avatar' | 'file';
|
|
29
|
+
customNextImage?: {
|
|
30
|
+
height?: number;
|
|
31
|
+
width?: number;
|
|
32
|
+
};
|
|
33
|
+
actionTextDelete?: boolean;
|
|
34
|
+
twoColumn?: boolean;
|
|
35
|
+
hiddenWarnIcon?: boolean;
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
type?: 'to_cdn';
|
|
38
|
+
}
|
|
39
|
+
interface IUploadFileToClient {
|
|
40
|
+
type?: 'to_client';
|
|
41
|
+
fileType?: 'excel' | 'image' | 'file';
|
|
42
|
+
fileName: string;
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
helpText?: string;
|
|
45
|
+
label?: string;
|
|
46
|
+
handleFileChange(event: React.ChangeEvent<HTMLInputElement>): void;
|
|
47
|
+
}
|
|
48
|
+
export type PHXUploadFileProps = UploadCDN | IUploadFileToClient;
|
|
49
|
+
export declare const PHXUploadFile: (props: PHXUploadFileProps) => React.JSX.Element;
|
|
50
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PHXUploadFile = exports.EUploadType = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const FormUpload_1 = require("./FormUpload");
|
|
6
|
+
const UploadFile_1 = require("./UploadFile");
|
|
7
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
8
|
+
var EUploadType;
|
|
9
|
+
(function (EUploadType) {
|
|
10
|
+
EUploadType["TO_CDN"] = "to_cdn";
|
|
11
|
+
EUploadType["TO_CLIENT"] = "to_client";
|
|
12
|
+
})(EUploadType || (exports.EUploadType = EUploadType = {}));
|
|
13
|
+
const PHXUploadFile = (props) => {
|
|
14
|
+
const { type } = props;
|
|
15
|
+
if (type === EUploadType.TO_CLIENT) {
|
|
16
|
+
return react_1.default.createElement(FormUpload_1.FormUpload, { ...props });
|
|
17
|
+
}
|
|
18
|
+
if (type === EUploadType.TO_CDN) {
|
|
19
|
+
return react_1.default.createElement(UploadFile_1.UploadFile, { ...props });
|
|
20
|
+
}
|
|
21
|
+
return react_1.default.createElement(UploadFile_1.UploadFile, { ...props });
|
|
22
|
+
};
|
|
23
|
+
exports.PHXUploadFile = PHXUploadFile;
|
|
24
|
+
//# sourceMappingURL=PHXUploadFile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PHXUploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/PHXUploadFile.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyC;AACzC,6CAAyC;AACzC,0DAAyB;AAEzB,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,gCAAiB,CAAA;IACjB,sCAAuB,CAAA;AACzB,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB;AAgDM,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACtB,IAAI,IAAI,KAAK,WAAW,CAAC,SAAS,EAAE,CAAC;QACnC,OAAO,8BAAC,uBAAU,OAAK,KAAK,GAAI,CAAA;IAClC,CAAC;IACD,IAAI,IAAI,KAAK,WAAW,CAAC,MAAM,EAAE,CAAC;QAChC,OAAO,8BAAC,uBAAU,OAAK,KAAK,GAAI,CAAA;IAClC,CAAC;IACD,OAAO,8BAAC,uBAAU,OAAM,KAAmB,GAAI,CAAA;AACjD,CAAC,CAAA;AATY,QAAA,aAAa,iBASzB"}
|
|
@@ -31,4 +31,4 @@ export interface ModalProps {
|
|
|
31
31
|
hiddenWarnIcon?: boolean;
|
|
32
32
|
disabled?: boolean;
|
|
33
33
|
}
|
|
34
|
-
export declare const
|
|
34
|
+
export declare const UploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, isHorizontalLayout, cdnUploadType, customNextImage, actionTextDelete, twoColumn, hiddenWarnIcon, disabled, }: ModalProps) => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.UploadFile = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const outline_1 = require("@heroicons/react/24/outline");
|
|
6
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
@@ -8,7 +8,7 @@ const FormUpload_1 = require("./FormUpload");
|
|
|
8
8
|
const types_1 = require("../types");
|
|
9
9
|
const Card_1 = require("../Card");
|
|
10
10
|
const Modal_1 = require("../Modal");
|
|
11
|
-
const
|
|
11
|
+
const UploadFile = ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType = 'image', handleListenUpload, headerActionFunc, helpText, inCard = true, isHeaderDownload = false, label, moduleId, multiImg = false, oneImg = false, projectId, setLoading, size, title, titleHeaderAction, isHorizontalLayout = false, cdnUploadType = 'file', customNextImage, actionTextDelete = false, twoColumn = false, hiddenWarnIcon = false, disabled = false, }) => {
|
|
12
12
|
const sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
|
|
13
13
|
const [link, setLink] = (0, react_1.useState)([]);
|
|
14
14
|
const [isImage, setIsImage] = (0, react_1.useState)(fileType === 'image');
|
|
@@ -125,8 +125,8 @@ const PHXUploadFile = ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fi
|
|
|
125
125
|
}, []);
|
|
126
126
|
return (react_1.default.createElement("div", { className: sizeModal },
|
|
127
127
|
inCard ? (react_1.default.createElement(Card_1.PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
128
|
-
react_1.default.createElement(FormUpload_1.FormUpload, { disabled: disabled, customNextImage: customNextImage, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange,
|
|
129
|
-
react_1.default.createElement(FormUpload_1.FormUpload, { disabled: disabled, customNextImage: customNextImage, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange,
|
|
128
|
+
react_1.default.createElement(FormUpload_1.FormUpload, { disabled: disabled, customNextImage: customNextImage, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, isHorizontalLayout: isHorizontalLayout, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage, actionTextDelete: actionTextDelete, twoColumn: twoColumn }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
129
|
+
react_1.default.createElement(FormUpload_1.FormUpload, { disabled: disabled, customNextImage: customNextImage, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, isHorizontalLayout: isHorizontalLayout, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))),
|
|
130
130
|
react_1.default.createElement(Modal_1.PHXModal, { dangerActionText: 'X\u00E1c nh\u1EADn x\u00F3a', onDangerClick: handleDeleteImages, onHide: () => setIsModalOpen(false), primaryActionText: '', show: isModalOpen, title: 'Xo\u00E1 \u1EA3nh?' },
|
|
131
131
|
react_1.default.createElement("div", { className: 'sm:flex sm:items-start' },
|
|
132
132
|
!hiddenWarnIcon && (react_1.default.createElement("div", { className: 'mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10' },
|
|
@@ -135,5 +135,5 @@ const PHXUploadFile = ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fi
|
|
|
135
135
|
react_1.default.createElement("div", { className: 'mt-2' },
|
|
136
136
|
react_1.default.createElement("p", { className: 'text-xs text-gray-600' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
|
|
137
137
|
};
|
|
138
|
-
exports.
|
|
138
|
+
exports.UploadFile = UploadFile;
|
|
139
139
|
//# sourceMappingURL=UploadFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";;;;AAAA,yDAAqE;AACrE,uDAAkD;AAClD,6CAAyC;AACzC,oCAAqC;AACrC,kCAAiC;AACjC,oCAAmC;AAmC5B,MAAM,
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";;;;AAAA,yDAAqE;AACrE,uDAAkD;AAClD,6CAAyC;AACzC,oCAAqC;AACrC,kCAAiC;AACjC,oCAAmC;AAmC5B,MAAM,UAAU,GAAG,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,MAAM,GAAG,IAAI,EACb,gBAAgB,GAAG,KAAK,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,SAAS,EACT,UAAU,EACV,IAAI,EACJ,KAAK,EACL,iBAAiB,EACjB,kBAAkB,GAAG,KAAK,EAC1B,aAAa,GAAG,MAAM,EACtB,eAAe,EACf,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,GACL,EAAE,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC,CAAA;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAM,EAAE,CAAC,CAAA;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,KAAK,OAAO,CAAC,CAAA;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAa,EAAE,CAAC,CAAA;IAEpE,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAE,EAAE;QAC1C,MAAM,qBAAqB,GAAG,CAAC,GAAG,cAAc,CAAC,CAAA;QACjD,IAAI,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1C,qBAAqB,CAAC,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QACvE,CAAC;aAAM,CAAC;YACN,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;QACD,iBAAiB,CAAC,qBAAqB,CAAC,CAAA;QACxC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;QACxB,SAAS,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,MAAM,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,EAAE,KAAU,EAAE,EAAE;QAC5C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAC1C,IAAI,YAAY,EAAE,CAAC;YACjB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA;YACvB,IAAI,CAAC;gBACH,MAAM,UAAU,GAAG,IAAI,QAAQ,EAAE,CAAA;gBACjC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;gBACzC,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;gBACvC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;gBACvC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,GAAG,YAAY,EAAE;oBACpD,MAAM,EAAE,MAAM;oBACd,IAAI,EAAE,UAAU;iBACjB,CAAC,CAAA;gBACF,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;oBAChB,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;oBAC1C,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,IAAI,CAAA;oBACnC,oBAAoB;oBACpB,IAAI,aAAa,KAAK,QAAQ,EAAE,CAAC;wBAC/B,kBAAkB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;wBAC9C,MAAM,CAAC,EAAE,AAAD,EAAG,WAAW,CAAC,GAAG,YAAY,CAAC,OAAO,CAAA;wBAC9C,OAAO,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAA;wBAC3B,OAAM;oBACR,CAAC;oBAED,+BAA+B;oBAC/B,IAAI,QAAQ,EAAE,CAAC;wBACb,kBAAkB,CAAC,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;wBAChD,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;oBACxC,CAAC;yBAAM,CAAC;wBACN,kBAAkB,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;wBACvC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;oBAChB,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;gBAC/D,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,KAAU,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;QACxF,kBAAkB,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;QACjD,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;QAClC,gBAAgB;QAChB,uBAAuB;QACvB,IAAI;QACJ,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACrB,cAAc,CAAC,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,aAAa,GAAQ,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAA;YAEnE,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;YAChF,UAAU,CAAC,UAAU,CAAC,CAAA;YAEtB,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CAAC,IAAI,CAAC,CAAA;gBAChB,YAAY,CAAC,KAAK,CAAC,CAAA;gBACnB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC5B,YAAY,CAAC,IAAI,CAAC,CAAA;oBAClB,UAAU,CAAC,KAAK,CAAC,CAAA;gBACnB,CAAC,EAAE,IAAI,CAAC,CAAA;gBACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;YAClC,CAAC;QACH,CAAC;QACD,OAAM;IACR,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;IAEpB,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1C,OAAO,CAAC,WAAW,CAAC,CAAA;YAEpB,MAAM,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,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;YAChF,UAAU,CAAC,UAAU,CAAC,CAAA;YAEtB,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,OAAM;QACR,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACtB,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,cAAO,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;YAEZ,8BAAC,uBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,GACpB,CACM,CACX,CAAC,CAAC,CAAC,CACF;YACE,8BAAC,uBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,GACpB,CACD,CACJ;QACD,8BAAC,gBAAQ,IACP,gBAAgB,EAAC,6BAAc,EAC/B,aAAa,EAAE,kBAAkB,EACjC,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACnC,iBAAiB,EAAC,EAAE,EACpB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAC,oBAAU;YAEhB,uCAAK,SAAS,EAAC,wBAAwB;gBACpC,CAAC,cAAc,IAAI,CAClB,uCAAK,SAAS,EAAC,kHAAkH;oBAC/H,8BAAC,iCAAuB,mBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,CAC3E,CACP;gBACD,uCAAK,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,uBAAuB;oBACzF,uCAAK,SAAS,EAAC,MAAM;wBACnB,qCAAG,SAAS,EAAC,uBAAuB,IACjC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,sCAAsC,CACvE,CACA,CACF,CACF,CACG,CACP,CACP,CAAA;AACH,CAAC,CAAA;AA/NY,QAAA,UAAU,cA+NtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './
|
|
1
|
+
export * from './PHXUploadFile';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}
|
|
@@ -3,11 +3,13 @@ import PlusIcon from './plus-circle-icon.svg';
|
|
|
3
3
|
import SearchIcon from './search-icon.svg';
|
|
4
4
|
import ChevronDownIcon from './chevron-down-icon.svg';
|
|
5
5
|
import EmptyRecordIcon from './empty-record-icon.svg';
|
|
6
|
+
import PaperClipIcon from './paper-clip.svg';
|
|
6
7
|
export const PHXIcons = {
|
|
7
8
|
PencilIcon,
|
|
8
9
|
PlusIcon,
|
|
9
10
|
SearchIcon,
|
|
10
11
|
ChevronDownIcon,
|
|
11
12
|
EmptyRecordIcon,
|
|
13
|
+
PaperClipIcon,
|
|
12
14
|
};
|
|
13
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAC7C,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,eAAe,MAAM,yBAAyB,CAAA;AACrD,OAAO,eAAe,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAC7C,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,eAAe,MAAM,yBAAyB,CAAA;AACrD,OAAO,eAAe,MAAM,yBAAyB,CAAA;AACrD,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAQ;IAC3B,UAAU;IACV,QAAQ;IACR,UAAU;IACV,eAAe;IACf,eAAe;IACf,aAAa;CACd,CAAA"}
|
|
@@ -3,6 +3,7 @@ import PlusIcon from './plus-circle-icon.svg'
|
|
|
3
3
|
import SearchIcon from './search-icon.svg'
|
|
4
4
|
import ChevronDownIcon from './chevron-down-icon.svg'
|
|
5
5
|
import EmptyRecordIcon from './empty-record-icon.svg'
|
|
6
|
+
import PaperClipIcon from './paper-clip.svg'
|
|
6
7
|
|
|
7
8
|
export const PHXIcons: any = {
|
|
8
9
|
PencilIcon,
|
|
@@ -10,4 +11,5 @@ export const PHXIcons: any = {
|
|
|
10
11
|
SearchIcon,
|
|
11
12
|
ChevronDownIcon,
|
|
12
13
|
EmptyRecordIcon,
|
|
14
|
+
PaperClipIcon,
|
|
13
15
|
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 1.5C2.05964 1.5 1.5 2.05964 1.5 2.75V12.25C1.5 12.9404 2.05964 13.5 2.75 13.5H9.25C9.94036 13.5 10.5 12.9404 10.5 12.25V3.25C10.5 2.83579 10.8358 2.5 11.25 2.5C11.6642 2.5 12 2.83579 12 3.25V12.25C12 13.7688 10.7688 15 9.25 15H2.75C1.23122 15 0 13.7688 0 12.25V2.75C0 1.23122 1.23122 0 2.75 0H5.75C7.26878 0 8.5 1.23122 8.5 2.75V9C8.5 10.3807 7.38071 11.5 6 11.5C4.61929 11.5 3.5 10.3807 3.5 9V3.5C3.5 3.08579 3.83579 2.75 4.25 2.75C4.66421 2.75 5 3.08579 5 3.5V9C5 9.55229 5.44772 10 6 10C6.55228 10 7 9.55228 7 9V2.75C7 2.05964 6.44036 1.5 5.75 1.5H2.75Z" fill="#4A4A4A"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface IPropsModalDelete {
|
|
3
|
+
show: boolean;
|
|
4
|
+
onHide(): void;
|
|
5
|
+
handleDelete(): void;
|
|
6
|
+
roleName: string;
|
|
7
|
+
deleteData: {
|
|
8
|
+
ids: Array<number>;
|
|
9
|
+
name: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export declare const ModalDelete: ({ deleteData, handleDelete, onHide, roleName, show }: IPropsModalDelete) => React.JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PHXModal } from '../../../Modal/Modal';
|
|
3
|
+
export const ModalDelete = ({ deleteData, handleDelete, onHide, roleName, show }) => (React.createElement(PHXModal, { key: 'deleteModal', dangerActionText: 'X\u00E1c nh\u1EADn', dangerSubmit: true, hiddenSubmit: true, inCard: false, onDangerClick: handleDelete, onHide: onHide, show: show, title: `Xác nhận xoá ${roleName} ` },
|
|
4
|
+
React.createElement("p", { className: 'text-xs text-gray-500' },
|
|
5
|
+
"B\u1EA1n ch\u1EAFc ch\u1EAFn mu\u1ED1n xo\u00E1",
|
|
6
|
+
' ',
|
|
7
|
+
deleteData.ids.length > 1 ? (React.createElement("span", { className: 'font-bold' },
|
|
8
|
+
deleteData.ids.length,
|
|
9
|
+
" ",
|
|
10
|
+
roleName)) : (roleName),
|
|
11
|
+
' ',
|
|
12
|
+
React.createElement("span", { className: 'font-bold' }, deleteData.name),
|
|
13
|
+
" \u0111\u00E3 ch\u1ECDn? Thao t\u00E1c n\u00E0y kh\u00F4ng th\u1EC3 ho\u00E0n t\u00E1c.")));
|
|
14
|
+
//# sourceMappingURL=modal-delete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal-delete.js","sourceRoot":"","sources":["../../../../../../src/components/FormTarget/components/modal-delete/modal-delete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAa/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAqB,EAAE,EAAE,CAAC,CACtG,oBAAC,QAAQ,IACP,GAAG,EAAC,aAAa,EACjB,gBAAgB,EAAC,oBAAU,EAC3B,YAAY,QACZ,YAAY,QACZ,MAAM,EAAE,KAAK,EACb,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,gBAAgB,QAAQ,GAAG;IAElC,2BAAG,SAAS,EAAC,uBAAuB;;QACX,GAAG;QACzB,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,8BAAM,SAAS,EAAC,WAAW;YACxB,UAAU,CAAC,GAAG,CAAC,MAAM;;YAAG,QAAQ,CAC5B,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT;QAAE,GAAG;QACN,8BAAM,SAAS,EAAC,WAAW,IAAE,UAAU,CAAC,IAAI,CAAQ;kGAClD,CACK,CACZ,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PHXDescriptionLists } from '../../../DescriptionLists';
|
|
3
|
+
import { PHXBadge } from '../../../Badge';
|
|
4
|
+
export const ConfirmUpload = ({ totalInvalidList, totalValidList }) => (React.createElement(PHXDescriptionLists, { data: [
|
|
5
|
+
{
|
|
6
|
+
title: 'Tổng số bản ghi',
|
|
7
|
+
description: `${totalInvalidList + totalValidList}`,
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
title: 'Bản ghi hợp lệ',
|
|
11
|
+
description: `${totalValidList}`,
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
title: (React.createElement("div", null,
|
|
15
|
+
React.createElement("div", { className: 'mb-1' }, "B\u1EA3n ghi kh\u00F4ng h\u1EE3p l\u1EC7"),
|
|
16
|
+
React.createElement(PHXBadge, { text: 'Kh\u00F4ng \u0111\u01B0\u1EE3c t\u1EA3i l\u00EAn', type: 'warning' }))),
|
|
17
|
+
description: `${totalInvalidList}`,
|
|
18
|
+
},
|
|
19
|
+
], type: 'border' }));
|
|
20
|
+
//# sourceMappingURL=confirm-upload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm-upload.js","sourceRoot":"","sources":["../../../../../../src/components/FormTarget/components/modal-import/confirm-upload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,gBAAgB,EAAE,cAAc,EAAU,EAAE,EAAE,CAAC,CAC7E,oBAAC,mBAAmB,IAClB,IAAI,EAAE;QACJ;YACE,KAAK,EAAE,iBAAiB;YACxB,WAAW,EAAE,GAAG,gBAAgB,GAAG,cAAc,EAAE;SACpD;QACD;YACE,KAAK,EAAE,gBAAgB;YACvB,WAAW,EAAE,GAAG,cAAc,EAAE;SACjC;QACD;YACE,KAAK,EAAE,CACL;gBACE,6BAAK,SAAS,EAAC,MAAM,+CAA2B;gBAChD,oBAAC,QAAQ,IAAC,IAAI,EAAC,kDAAoB,EAAC,IAAI,EAAC,SAAS,GAAG,CACjD,CACA;YACR,WAAW,EAAE,GAAG,gBAAgB,EAAE;SACnC;KACF,EACD,IAAI,EAAC,QAAQ,GACb,CACH,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IFilterValueItem } from '../../type/target';
|
|
3
|
+
import { ERoleCode } from '../../constant';
|
|
4
|
+
export interface IPropsModalImportUser {
|
|
5
|
+
target: ERoleCode;
|
|
6
|
+
show: boolean;
|
|
7
|
+
onSubmit(data: Array<IFilterValueItem>): void;
|
|
8
|
+
onHide(): void;
|
|
9
|
+
}
|
|
10
|
+
export default function ModalImportUser({ onHide, onSubmit, show, target }: IPropsModalImportUser): React.JSX.Element;
|