phx-react 1.3.146 → 1.3.148

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.
Files changed (19) hide show
  1. package/dist/cjs/components/FormWrap/FormWrap.d.ts +6 -1
  2. package/dist/cjs/components/FormWrap/FormWrap.js +26 -10
  3. package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -1
  4. package/dist/cjs/components/FormWrap/ModalImport.d.ts +2 -0
  5. package/dist/cjs/components/FormWrap/ModalImport.js +49 -0
  6. package/dist/cjs/components/FormWrap/ModalImport.js.map +1 -0
  7. package/dist/cjs/components/UploadFile/UploadFile.d.ts +2 -4
  8. package/dist/cjs/components/UploadFile/UploadFile.js +88 -25
  9. package/dist/cjs/components/UploadFile/UploadFile.js.map +1 -1
  10. package/dist/esm/components/FormWrap/FormWrap.d.ts +6 -1
  11. package/dist/esm/components/FormWrap/FormWrap.js +26 -10
  12. package/dist/esm/components/FormWrap/FormWrap.js.map +1 -1
  13. package/dist/esm/components/FormWrap/ModalImport.d.ts +2 -0
  14. package/dist/esm/components/FormWrap/ModalImport.js +45 -0
  15. package/dist/esm/components/FormWrap/ModalImport.js.map +1 -0
  16. package/dist/esm/components/UploadFile/UploadFile.d.ts +2 -4
  17. package/dist/esm/components/UploadFile/UploadFile.js +89 -26
  18. package/dist/esm/components/UploadFile/UploadFile.js.map +1 -1
  19. package/package.json +1 -1
package/dist/cjs/components/FormWrap/FormWrap.d.ts CHANGED
@@ -4,6 +4,8 @@ export interface FooterBarProps {
4
4
  nameOfModal?: string;
5
5
  method?: string;
6
6
  headerAction?: boolean;
7
+ headerActionText?: string;
8
+ headerActionType?: 'import' | 'custom';
7
9
  footerAction?: boolean;
8
10
  className?: string;
9
11
  children?: any;
@@ -24,5 +26,8 @@ export interface FooterBarProps {
24
26
  onDelete?(): void;
25
27
  onCancel?(): void;
26
28
  onSubmit?(): void;
29
+ onImport?(): void;
30
+ onChangeCapture?(): void;
31
+ onHeaderActionClick?(): void;
27
32
  }
28
- export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, loading, method, nameOfModal, onCancel, onDelete, onSubmit, onlyDelete, size, formType, submit, submitText, title, type, }: FooterBarProps) => React.JSX.Element;
33
+ export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onlyDelete, size, formType, submit, submitText, title, type, }: FooterBarProps) => React.JSX.Element;
package/dist/cjs/components/FormWrap/FormWrap.js CHANGED
@@ -9,10 +9,12 @@ var solid_1 = require("@heroicons/react/20/solid");
9
9
  var Badge_1 = require("../Badge");
10
10
  var Modal_1 = require("../Modal");
11
11
  var outline_1 = require("@heroicons/react/24/outline");
12
+ var ModalImport_1 = tslib_1.__importDefault(require("./ModalImport"));
12
13
  var PHXFormWrap = function (_a) {
13
- var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
14
+ var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, headerActionText = _a.headerActionText, _d = _a.headerActionType, headerActionType = _d === void 0 ? 'custom' : _d, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onlyDelete = _a.onlyDelete, _e = _a.size, size = _e === void 0 ? 'large' : _e, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _f = _a.type, type = _f === void 0 ? 'default' : _f;
14
15
  var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
15
- var _f = (0, react_1.useState)(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
16
+ var _g = (0, react_1.useState)(false), isModalOpen = _g[0], setIsModalOpen = _g[1];
17
+ var _h = (0, react_1.useState)(false), openImport = _h[0], setOpenImport = _h[1];
16
18
  var handleDelete = function () {
17
19
  if (onDelete) {
18
20
  onDelete();
@@ -21,19 +23,32 @@ var PHXFormWrap = function (_a) {
21
23
  return;
22
24
  }
23
25
  };
26
+ var handleHeaderAction = function () {
27
+ if (headerActionType === 'import') {
28
+ setOpenImport(true);
29
+ }
30
+ else {
31
+ if (onHeaderActionClick) {
32
+ onHeaderActionClick();
33
+ }
34
+ }
35
+ };
24
36
  (0, react_1.useEffect)(function () {
25
37
  setIsModalOpen(deletedLoading);
26
38
  }, [deletedLoading]);
27
39
  return (react_1["default"].createElement("div", { className: className },
28
40
  react_1["default"].createElement("form", { method: method, onSubmit: onSubmit },
29
41
  react_1["default"].createElement("div", { className: sizeClassName },
30
- headerAction && (react_1["default"].createElement("div", { className: 'mb-4 flex items-center' },
31
- react_1["default"].createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
32
- react_1["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5' })),
33
- react_1["default"].createElement("div", { className: (0, types_1.classNames)('ml-2 min-w-0', type === 'default' ? 'flex-1' : 'flex') },
34
- react_1["default"].createElement("h2", { className: (0, types_1.classNames)('sm:text-md w-3/5 truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight', type === 'default' ? '' : 'flex-1 mr-2') }, title),
35
- type === 'title-with-badge' && (react_1["default"].createElement("div", { className: 'flex items-center' },
36
- react_1["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType })))))),
42
+ headerAction && (react_1["default"].createElement("div", { className: 'flex mb-4 justify-between items-center' },
43
+ react_1["default"].createElement("div", { className: 'flex items-center' },
44
+ react_1["default"].createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
45
+ react_1["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5' })),
46
+ react_1["default"].createElement("div", { className: (0, types_1.classNames)('ml-2 min-w-0', type === 'default' ? 'flex-1' : 'flex') },
47
+ react_1["default"].createElement("h2", { className: (0, types_1.classNames)('sm:text-md truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight', type === 'default' ? '' : 'flex-1 mr-2') }, title),
48
+ type === 'title-with-badge' && (react_1["default"].createElement("div", { className: 'flex items-center' },
49
+ react_1["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
50
+ headerActionText && (react_1["default"].createElement("div", null,
51
+ react_1["default"].createElement(Button_1.PHXButton, { primary: true, size: 'small', onClick: handleHeaderAction }, headerActionText))))),
37
52
  children,
38
53
  react_1["default"].createElement("div", { className: footerAction
39
54
  ? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
@@ -52,7 +67,8 @@ var PHXFormWrap = function (_a) {
52
67
  "?"))))))),
53
68
  !onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
54
69
  react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
55
- submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')))))))));
70
+ submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật'))))))),
71
+ react_1["default"].createElement(ModalImport_1["default"], { show: openImport, onHide: function () { return setOpenImport(false); }, handleImport: onImport, onChangeCapture: onChangeCapture })));
56
72
  };
57
73
  exports.PHXFormWrap = PHXFormWrap;
58
74
  //# sourceMappingURL=FormWrap.js.map
package/dist/cjs/components/FormWrap/FormWrap.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/components/FormWrap/ModalImport.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export default function ImportModal({ handleImport, show, onHide, onChangeCapture }: any): React.JSX.Element;
package/dist/cjs/components/FormWrap/ModalImport.js ADDED
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ var tslib_1 = require("tslib");
4
+ var react_1 = tslib_1.__importStar(require("react"));
5
+ var solid_1 = require("@heroicons/react/20/solid");
6
+ var Modal_1 = require("../Modal");
7
+ function ImportModal(_a) {
8
+ var handleImport = _a.handleImport, show = _a.show, onHide = _a.onHide, onChangeCapture = _a.onChangeCapture;
9
+ var _b = (0, react_1.useState)(''), fileName = _b[0], setFileName = _b[1];
10
+ var inputFileRef = react_1["default"].useRef();
11
+ var onFileChangeCapture = function (e) {
12
+ var file = e.target.files ? e.target.files[0] : null;
13
+ if (file) {
14
+ var fileName_1 = file.name;
15
+ setFileName(fileName_1);
16
+ }
17
+ if (onChangeCapture) {
18
+ onChangeCapture(file);
19
+ }
20
+ };
21
+ var onFileChange = function () {
22
+ // @ts-ignore
23
+ inputFileRef.current.click();
24
+ };
25
+ return (react_1["default"].createElement(Modal_1.PHXModal, { show: show, onHide: onHide, primaryActionText: 'X\u00E1c nh\u1EADn', onPrimaryClick: handleImport },
26
+ react_1["default"].createElement("div", null,
27
+ react_1["default"].createElement("div", { className: 'border-b border-gray-200 bg-white px-4 py-5 sm:px-6 -ml-6 -mt-6 -mr-6' },
28
+ react_1["default"].createElement("h3", { className: 'text-lg font-medium leading-6 text-gray-900' }, "T\u1EA3i l\u00EAn d\u1EEF li\u1EC7u")),
29
+ react_1["default"].createElement("div", { className: 'mt-2' },
30
+ react_1["default"].createElement("p", { className: 'text-sm text-gray-500' }, "H\u00E3y ki\u1EC3m tra d\u1EEF li\u1EC7u tr\u01B0\u1EDBc khi t\u1EA3i l\u00EAn")),
31
+ react_1["default"].createElement("div", { className: 'mt-5' },
32
+ react_1["default"].createElement("div", { className: 'hidden' },
33
+ react_1["default"].createElement("input", { type: 'file', ref: inputFileRef, onChangeCapture: onFileChangeCapture })),
34
+ fileName == '' ? (react_1["default"].createElement("button", { type: 'button', onClick: onFileChange, className: 'relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2' },
35
+ react_1["default"].createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-400', xmlns: 'http://www.w3.org/2000/svg', stroke: 'currentColor', fill: 'none', viewBox: '0 0 48 48', "aria-hidden": 'true' },
36
+ react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 2, d: 'M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6' })),
37
+ react_1["default"].createElement("span", { className: 'mt-2 block text-sm font-medium text-gray-900' }, "Ch\u1ECDn th\u01B0 m\u1EE5c"))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
38
+ react_1["default"].createElement("div", { className: 'flex border text-gray-500 text-sm border-r-0 border-l-0 border-gray-300 pt-5 pb-5 pl-3 pr-3' },
39
+ react_1["default"].createElement("div", { className: 'flex flex-1' },
40
+ react_1["default"].createElement(solid_1.DocumentTextIcon, { className: 'mr-1 w-5 h-5 min-w-fit' }),
41
+ react_1["default"].createElement("span", null, fileName)),
42
+ react_1["default"].createElement("div", { className: 'text-right' },
43
+ react_1["default"].createElement("button", { onClick: onFileChange, type: 'button', className: 'inline-flex items-center rounded border border-gray-300 bg-white px-2.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2' }, "Thay \u0111\u1ED5i")))))),
44
+ react_1["default"].createElement("div", { className: 'flex mt-5' },
45
+ react_1["default"].createElement(solid_1.InformationCircleIcon, { className: 'w-6 h-6 text-gray-400 mr-1' }),
46
+ react_1["default"].createElement("label", { htmlFor: 'comments', className: 'text-sm text-gray-500' }, "check")))));
47
+ }
48
+ exports["default"] = ImportModal;
49
+ //# sourceMappingURL=ModalImport.js.map
package/dist/cjs/components/FormWrap/ModalImport.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalImport.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/ModalImport.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AACvC,mDAAmF;AACnF,kCAAmC;AAEnC,SAAwB,WAAW,CAAC,EAAoD;QAAlD,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,eAAe,qBAAA;IACzE,IAAA,KAA0B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAArC,QAAQ,QAAA,EAAE,WAAW,QAAgB,CAAA;IAE5C,IAAM,YAAY,GAAG,kBAAK,CAAC,MAAM,EAAE,CAAA;IAEnC,IAAM,mBAAmB,GAAG,UAAC,CAAsC;QACjE,IAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QACtD,IAAI,IAAI,EAAE;YACR,IAAM,UAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;YAC1B,WAAW,CAAC,UAAQ,CAAC,CAAA;SACtB;QACD,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,IAAI,CAAC,CAAA;SACtB;IACH,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,aAAa;QACb,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,OAAO,CACL,iCAAC,gBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAC,oBAAU,EAAC,cAAc,EAAE,YAAY;QAC7F;YACE,0CAAK,SAAS,EAAC,uEAAuE;gBACpF,yCAAI,SAAS,EAAC,6CAA6C,0CAAqB,CAC5E;YACN,0CAAK,SAAS,EAAC,MAAM;gBACnB,wCAAG,SAAS,EAAC,uBAAuB,qFAA2C,CAC3E;YACN,0CAAK,SAAS,EAAC,MAAM;gBACnB,0CAAK,SAAS,EAAC,QAAQ;oBAErB,4CAAO,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,EAAE,eAAe,EAAE,mBAAmB,GAAI,CAC1E;gBACL,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAChB,6CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,0LAA0L;oBAEpM,0CACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,iBACP,MAAM;wBAElB,2CACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,mNAAmN,GACrN,CACE;oBACN,2CAAM,SAAS,EAAC,8CAA8C,kCAAoB,CAC3E,CACV,CAAC,CAAC,CAAC,CACF;oBACE,0CAAK,SAAS,EAAC,6FAA6F;wBAC1G,0CAAK,SAAS,EAAC,aAAa;4BAC1B,iCAAC,wBAAgB,IAAC,SAAS,EAAE,wBAAwB,GAAI;4BACzD,+CAAO,QAAQ,CAAQ,CACnB;wBACN,0CAAK,SAAS,EAAC,YAAY;4BACzB,6CACE,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uNAAuN,yBAG1N,CACL,CACF,CACL,CACJ,CACG;YACN,0CAAK,SAAS,EAAC,WAAW;gBACxB,iCAAC,6BAAqB,IAAC,SAAS,EAAC,4BAA4B,GAAG;gBAChE,4CAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,uBAAuB,YAEnD,CACJ,CACF,CACG,CACZ,CAAA;AACH,CAAC;AAvFD,iCAuFC"}
package/dist/cjs/components/UploadFile/UploadFile.d.ts CHANGED
@@ -8,9 +8,7 @@ export interface ModalProps {
8
8
  fileName: string;
9
9
  moduleId: string;
10
10
  projectId: string;
11
- defaultLink?: string;
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, defaultLink, moduleId, projectId, size, title, headerActionFunc, titleHeaderAction, }: ModalProps) => React.JSX.Element;
14
+ export declare const PHXUploadFile: ({ apiCdnUpload, basePath, defaultLink, fileName, fileType, handleListenUpload, moduleId, projectId, size, title, }: ModalProps) => React.JSX.Element;
package/dist/cjs/components/UploadFile/UploadFile.js CHANGED
@@ -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, defaultLink = _a.defaultLink, moduleId = _a.moduleId, projectId = _a.projectId, size = _a.size, title = _a.title, headerActionFunc = _a.headerActionFunc, titleHeaderAction = _a.titleHeaderAction;
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)(''), link = _c[0], setLink = _c[1];
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, res, error_1;
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
- res = _a.sent();
48
- setLink(res);
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
- setShowImage(true);
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
- }, [defaultLink]);
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, headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {} },
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]' },
101
- react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
102
- !isImage && react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
103
- react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
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' },
105
- react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
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')))))))));
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
package/dist/cjs/components/UploadFile/UploadFile.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/FormWrap/FormWrap.d.ts CHANGED
@@ -4,6 +4,8 @@ export interface FooterBarProps {
4
4
  nameOfModal?: string;
5
5
  method?: string;
6
6
  headerAction?: boolean;
7
+ headerActionText?: string;
8
+ headerActionType?: 'import' | 'custom';
7
9
  footerAction?: boolean;
8
10
  className?: string;
9
11
  children?: any;
@@ -24,5 +26,8 @@ export interface FooterBarProps {
24
26
  onDelete?(): void;
25
27
  onCancel?(): void;
26
28
  onSubmit?(): void;
29
+ onImport?(): void;
30
+ onChangeCapture?(): void;
31
+ onHeaderActionClick?(): void;
27
32
  }
28
- export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, loading, method, nameOfModal, onCancel, onDelete, onSubmit, onlyDelete, size, formType, submit, submitText, title, type, }: FooterBarProps) => React.JSX.Element;
33
+ export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onlyDelete, size, formType, submit, submitText, title, type, }: FooterBarProps) => React.JSX.Element;
package/dist/esm/components/FormWrap/FormWrap.js CHANGED
@@ -5,10 +5,12 @@ import { ArrowLeftIcon } from '@heroicons/react/20/solid';
5
5
  import { PHXBadge } from '../Badge';
6
6
  import { PHXModal } from '../Modal';
7
7
  import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
8
+ import ImportModal from './ModalImport';
8
9
  export var PHXFormWrap = function (_a) {
9
- var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
10
+ var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, headerActionText = _a.headerActionText, _d = _a.headerActionType, headerActionType = _d === void 0 ? 'custom' : _d, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onlyDelete = _a.onlyDelete, _e = _a.size, size = _e === void 0 ? 'large' : _e, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _f = _a.type, type = _f === void 0 ? 'default' : _f;
10
11
  var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
11
- var _f = useState(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
12
+ var _g = useState(false), isModalOpen = _g[0], setIsModalOpen = _g[1];
13
+ var _h = useState(false), openImport = _h[0], setOpenImport = _h[1];
12
14
  var handleDelete = function () {
13
15
  if (onDelete) {
14
16
  onDelete();
@@ -17,19 +19,32 @@ export var PHXFormWrap = function (_a) {
17
19
  return;
18
20
  }
19
21
  };
22
+ var handleHeaderAction = function () {
23
+ if (headerActionType === 'import') {
24
+ setOpenImport(true);
25
+ }
26
+ else {
27
+ if (onHeaderActionClick) {
28
+ onHeaderActionClick();
29
+ }
30
+ }
31
+ };
20
32
  useEffect(function () {
21
33
  setIsModalOpen(deletedLoading);
22
34
  }, [deletedLoading]);
23
35
  return (React.createElement("div", { className: className },
24
36
  React.createElement("form", { method: method, onSubmit: onSubmit },
25
37
  React.createElement("div", { className: sizeClassName },
26
- headerAction && (React.createElement("div", { className: 'mb-4 flex items-center' },
27
- React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
28
- React.createElement(ArrowLeftIcon, { className: 'h-5 w-5' })),
29
- React.createElement("div", { className: classNames('ml-2 min-w-0', type === 'default' ? 'flex-1' : 'flex') },
30
- React.createElement("h2", { className: classNames('sm:text-md w-3/5 truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight', type === 'default' ? '' : 'flex-1 mr-2') }, title),
31
- type === 'title-with-badge' && (React.createElement("div", { className: 'flex items-center' },
32
- React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType })))))),
38
+ headerAction && (React.createElement("div", { className: 'flex mb-4 justify-between items-center' },
39
+ React.createElement("div", { className: 'flex items-center' },
40
+ React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
41
+ React.createElement(ArrowLeftIcon, { className: 'h-5 w-5' })),
42
+ React.createElement("div", { className: classNames('ml-2 min-w-0', type === 'default' ? 'flex-1' : 'flex') },
43
+ React.createElement("h2", { className: classNames('sm:text-md truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight', type === 'default' ? '' : 'flex-1 mr-2') }, title),
44
+ type === 'title-with-badge' && (React.createElement("div", { className: 'flex items-center' },
45
+ React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
46
+ headerActionText && (React.createElement("div", null,
47
+ React.createElement(PHXButton, { primary: true, size: 'small', onClick: handleHeaderAction }, headerActionText))))),
33
48
  children,
34
49
  React.createElement("div", { className: footerAction
35
50
  ? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
@@ -48,6 +63,7 @@ export var PHXFormWrap = function (_a) {
48
63
  "?"))))))),
49
64
  !onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
50
65
  React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
51
- submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')))))))));
66
+ submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật'))))))),
67
+ React.createElement(ImportModal, { show: openImport, onHide: function () { return setOpenImport(false); }, handleImport: onImport, onChangeCapture: onChangeCapture })));
52
68
  };
53
69
  //# sourceMappingURL=FormWrap.js.map
package/dist/esm/components/FormWrap/FormWrap.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/FormWrap/ModalImport.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export default function ImportModal({ handleImport, show, onHide, onChangeCapture }: any): React.JSX.Element;
package/dist/esm/components/FormWrap/ModalImport.js ADDED
@@ -0,0 +1,45 @@
1
+ import React, { useState } from 'react';
2
+ import { InformationCircleIcon, DocumentTextIcon } from '@heroicons/react/20/solid';
3
+ import { PHXModal } from '../Modal';
4
+ export default function ImportModal(_a) {
5
+ var handleImport = _a.handleImport, show = _a.show, onHide = _a.onHide, onChangeCapture = _a.onChangeCapture;
6
+ var _b = useState(''), fileName = _b[0], setFileName = _b[1];
7
+ var inputFileRef = React.useRef();
8
+ var onFileChangeCapture = function (e) {
9
+ var file = e.target.files ? e.target.files[0] : null;
10
+ if (file) {
11
+ var fileName_1 = file.name;
12
+ setFileName(fileName_1);
13
+ }
14
+ if (onChangeCapture) {
15
+ onChangeCapture(file);
16
+ }
17
+ };
18
+ var onFileChange = function () {
19
+ // @ts-ignore
20
+ inputFileRef.current.click();
21
+ };
22
+ return (React.createElement(PHXModal, { show: show, onHide: onHide, primaryActionText: 'X\u00E1c nh\u1EADn', onPrimaryClick: handleImport },
23
+ React.createElement("div", null,
24
+ React.createElement("div", { className: 'border-b border-gray-200 bg-white px-4 py-5 sm:px-6 -ml-6 -mt-6 -mr-6' },
25
+ React.createElement("h3", { className: 'text-lg font-medium leading-6 text-gray-900' }, "T\u1EA3i l\u00EAn d\u1EEF li\u1EC7u")),
26
+ React.createElement("div", { className: 'mt-2' },
27
+ React.createElement("p", { className: 'text-sm text-gray-500' }, "H\u00E3y ki\u1EC3m tra d\u1EEF li\u1EC7u tr\u01B0\u1EDBc khi t\u1EA3i l\u00EAn")),
28
+ React.createElement("div", { className: 'mt-5' },
29
+ React.createElement("div", { className: 'hidden' },
30
+ React.createElement("input", { type: 'file', ref: inputFileRef, onChangeCapture: onFileChangeCapture })),
31
+ fileName == '' ? (React.createElement("button", { type: 'button', onClick: onFileChange, className: 'relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2' },
32
+ React.createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-400', xmlns: 'http://www.w3.org/2000/svg', stroke: 'currentColor', fill: 'none', viewBox: '0 0 48 48', "aria-hidden": 'true' },
33
+ React.createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 2, d: 'M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6' })),
34
+ React.createElement("span", { className: 'mt-2 block text-sm font-medium text-gray-900' }, "Ch\u1ECDn th\u01B0 m\u1EE5c"))) : (React.createElement(React.Fragment, null,
35
+ React.createElement("div", { className: 'flex border text-gray-500 text-sm border-r-0 border-l-0 border-gray-300 pt-5 pb-5 pl-3 pr-3' },
36
+ React.createElement("div", { className: 'flex flex-1' },
37
+ React.createElement(DocumentTextIcon, { className: 'mr-1 w-5 h-5 min-w-fit' }),
38
+ React.createElement("span", null, fileName)),
39
+ React.createElement("div", { className: 'text-right' },
40
+ React.createElement("button", { onClick: onFileChange, type: 'button', className: 'inline-flex items-center rounded border border-gray-300 bg-white px-2.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2' }, "Thay \u0111\u1ED5i")))))),
41
+ React.createElement("div", { className: 'flex mt-5' },
42
+ React.createElement(InformationCircleIcon, { className: 'w-6 h-6 text-gray-400 mr-1' }),
43
+ React.createElement("label", { htmlFor: 'comments', className: 'text-sm text-gray-500' }, "check")))));
44
+ }
45
+ //# sourceMappingURL=ModalImport.js.map
package/dist/esm/components/FormWrap/ModalImport.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalImport.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/ModalImport.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/UploadFile/UploadFile.d.ts CHANGED
@@ -8,9 +8,7 @@ export interface ModalProps {
8
8
  fileName: string;
9
9
  moduleId: string;
10
10
  projectId: string;
11
- defaultLink?: string;
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, defaultLink, moduleId, projectId, size, title, headerActionFunc, titleHeaderAction, }: ModalProps) => React.JSX.Element;
14
+ export declare const PHXUploadFile: ({ apiCdnUpload, basePath, defaultLink, fileName, fileType, handleListenUpload, moduleId, projectId, size, title, }: ModalProps) => React.JSX.Element;
package/dist/esm/components/UploadFile/UploadFile.js CHANGED
@@ -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, defaultLink = _a.defaultLink, moduleId = _a.moduleId, projectId = _a.projectId, size = _a.size, title = _a.title, headerActionFunc = _a.headerActionFunc, titleHeaderAction = _a.titleHeaderAction;
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(''), link = _c[0], setLink = _c[1];
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, res, error_1;
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
- res = _a.sent();
45
- setLink(res);
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
- setShowImage(true);
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
- }, [defaultLink]);
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, headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {} },
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]' },
98
- React.createElement("div", { className: 'flex flex-col items-center justify-center' },
99
- !isImage && React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
100
- React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
101
- React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
102
- React.createElement(PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
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')))))))));
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
package/dist/esm/components/UploadFile/UploadFile.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.146",
3
+ "version": "1.3.148",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",