phx-react 1.3.871 → 1.3.872
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/UploadFile/FormUpload.d.ts +1 -1
- package/dist/cjs/components/UploadFile/FormUpload.js +6 -3
- package/dist/cjs/components/UploadFile/FormUpload.js.map +1 -1
- package/dist/cjs/components/UploadFile/UploadFile.d.ts +2 -1
- package/dist/cjs/components/UploadFile/UploadFile.js +10 -10
- package/dist/cjs/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/esm/components/UploadFile/FormUpload.d.ts +1 -1
- package/dist/esm/components/UploadFile/FormUpload.js +6 -3
- package/dist/esm/components/UploadFile/FormUpload.js.map +1 -1
- package/dist/esm/components/UploadFile/UploadFile.d.ts +2 -1
- package/dist/esm/components/UploadFile/UploadFile.js +10 -10
- package/dist/esm/components/UploadFile/UploadFile.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage, }: any): React.JSX.Element;
|
|
2
|
+
export declare function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage, isHorizontalLayout, }: any): React.JSX.Element;
|
|
@@ -9,7 +9,7 @@ var Button_1 = require("../Button");
|
|
|
9
9
|
var Loading_1 = require("../Loading");
|
|
10
10
|
function FormUpload(_a) {
|
|
11
11
|
var _this = this;
|
|
12
|
-
var fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, setIsModalOpen = _a.setIsModalOpen, showImage = _a.showImage;
|
|
12
|
+
var fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, setIsModalOpen = _a.setIsModalOpen, showImage = _a.showImage, isHorizontalLayout = _a.isHorizontalLayout;
|
|
13
13
|
var fileInputRef = (0, react_1.useRef)(null);
|
|
14
14
|
var _b = (0, react_1.useState)(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
|
|
15
15
|
var _c = (0, react_1.useState)(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
|
|
@@ -73,6 +73,9 @@ function FormUpload(_a) {
|
|
|
73
73
|
if (fileType === 'image') {
|
|
74
74
|
setFile(null);
|
|
75
75
|
}
|
|
76
|
+
else {
|
|
77
|
+
setFile(fileName);
|
|
78
|
+
}
|
|
76
79
|
}, [link]);
|
|
77
80
|
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
78
81
|
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)),
|
|
@@ -112,7 +115,7 @@ function FormUpload(_a) {
|
|
|
112
115
|
showButtonWithOneImage && (react_1["default"].createElement("div", { className: ' mt-3 flex gap-2 ' },
|
|
113
116
|
react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
114
117
|
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
115
|
-
(link === null || link === void 0 ? void 0 : link.length) === 0 && (react_1["default"].createElement(react_1["default"].Fragment, null, !file ? (react_1["default"].createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
118
|
+
((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: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
116
119
|
react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
117
120
|
react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileType: fileType, handleUploadClick: function () {
|
|
118
121
|
handleUploadClick();
|
|
@@ -125,7 +128,7 @@ function FormUpload(_a) {
|
|
|
125
128
|
react_1["default"].createElement("p", { className: 'w-60 truncate px-2 text-sm text-gray-600 lg:w-72' }, fileName),
|
|
126
129
|
react_1["default"].createElement("div", { className: 'min-w-[20%]' },
|
|
127
130
|
react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i")))))))),
|
|
128
|
-
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && (react_1["default"].createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
131
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && !isHorizontalLayout && (react_1["default"].createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
129
132
|
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 ' },
|
|
130
133
|
react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
131
134
|
react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0D;AAC1D,+CAA6C;AAC7C,kCAAqC;AACrC,oCAAqC;AACrC,sCAAuC;AAEvC,SAAgB,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0D;AAC1D,+CAA6C;AAC7C,kCAAqC;AACrC,oCAAqC;AACrC,sCAAuC;AAEvC,SAAgB,UAAU,CAAC,EAerB;IAfN,iBA+RC;QA9RC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,kBAAkB,wBAAA;IAElB,IAAM,YAAY,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAA;IAEhC,IAAA,KAAsC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAA;IACrD,IAAA,KAAoC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAA;IAChD,IAAA,KAAkB,IAAA,gBAAQ,EAAM,QAAQ,CAAC,EAAxC,IAAI,QAAA,EAAE,OAAO,QAA2B,CAAA;IACzC,IAAA,KAAoC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IACnD,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAM,iBAAiB,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAA;IAEpD,IAAM,sBAAsB,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,OAAO,IAAI,MAAM,CAAA;IAEpE,IAAM,SAAS,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC5D,IAAM,cAAc,GAAG,EAAE,CAAA;IAEzB,IAAM,iBAAiB,GAAG;QACxB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SAC7B;IACH,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAO,KAAU;;;;;;oBAEvC,UAAU,CAAC,IAAI,CAAC,CAAA;oBAChB,qBAAM,gBAAgB,CAAC,KAAK,CAAC,EAAA;;oBAA7B,SAA6B,CAAA;;;;oBAE7B,OAAO,CAAC,GAAG,CAAC,GAAC,CAAC,CAAA;;;oBAEd,UAAU,CAAC,KAAK,CAAC,CAAA;oBACjB,IAAI,aAAa,EAAE;wBACjB,gBAAgB,CAAC,KAAK,CAAC,CAAA;qBACxB;;;;;SAEJ,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAM,wBAAwB,GAAG,UAAC,KAAU;YAC1C,IAAI,cAAc,EAAE;gBAClB,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAA;gBACnC,IAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAA;gBACvE,IAAI,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,CAAC,cAAc,CAAC,CAAA,EAAE;oBAC7C,iBAAiB,CAAC,KAAK,CAAC,CAAA;iBACzB;aACF;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAA;QAE5D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAA;QACjE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAM,gBAAgB,GAAG,UAAC,GAAQ;QAChC,gBAAgB,CAAC,GAAG,CAAC,CAAA;QACrB,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAA;IACD,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,KAAK,OAAO,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,CAAA;SACd;aAAM;YACL,OAAO,CAAC,QAAQ,CAAC,CAAA;SAClB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL;QACE,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,6CAA6C,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,IACtG,KAAK,IAAI,gDAAQ,KAAK,CAAS,CAC5B;QACN,0CAAK,SAAS,EAAC,UAAU;YACtB,iBAAiB,IAAI,CACpB,0CAAK,SAAS,EAAC,8DAA8D;gBAC3E,0CAAK,SAAS,EAAC,mBAAmB;oBAChC,0CAAK,SAAS,EAAC,wCAAwC;wBAAE,MAAM;2EAAyB,CACpF;gBACN,iCAAC,kBAAS,IAAC,OAAO,QAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,IAAI,EAAC,OAAO,eAExD,CACR,CACP;YAEA,OAAO,IAAI,CACV,0CAAK,SAAS,EAAE,UAAG,MAAM,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,wBAAwB,CAAE,IACnG,SAAS,aAAT,SAAS;gBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,GAAW,EAAE,KAAa;oBACzC,IAAM,aAAa,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAA;oBAChD,OAAO,CACL,0CACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,kDACT,CAAC,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,CAC9C;wBAEF,0CACE,GAAG,EAAC,KAAK,EACT,SAAS,EAAE,0BAAmB,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,8BAA8B,CAAE,EACzF,GAAG,EAAE,GAAG,GACR;wBACF,6CACE,SAAS,EAAE,mJACT,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAC1C,EACF,OAAO,EAAE;gCACP,IAAI,aAAa,EAAE;oCACjB,oBAAoB,CAAC,KAAK,CAAC,CAAA;iCAC5B;qCAAM;oCACL,gBAAgB,CAAC,GAAG,CAAC,CAAA;iCACtB;4BACH,CAAC,EACD,IAAI,EAAC,QAAQ,GACb;wBAED,CAAC,MAAM,IAAI,CACV,0CACE,SAAS,EAAE,qDACT,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,yBAAyB,CACtE;4BAEF,4CACE,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvC,SAAS,EAAC,8HAA8H,EACxI,QAAQ,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC3C,IAAI,EAAC,UAAU,GACf,CACE,CACP,CACG,CACP,CAAA;gBACH,CAAC,CAAC;gBAED,CAAC,aAAa,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,cAAc,IAAI,CAClD,0CAAK,SAAS,EAAC,gEAAgE;oBAC7E,0CAAK,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,cAAc,GAAG,CAAC,CAAC,GAAI;oBAC1F,6CACE,SAAS,EAAC,wIAAwI,EAClJ,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EACrC,IAAI,EAAC,QAAQ;wBAEb;;4BAAK,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,cAAc,CAAK,CACvC,CACL,CACP;gBAEA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAC9B,6CACE,SAAS,EAAC,kJAAkJ,EAC5J,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,QAAQ,IAEZ,OAAO,CAAC,CAAC,CAAC,CACT,iCAAC,oBAAU,OAAG,CACf,CAAC,CAAC,CAAC,CACF,0CACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,2CAAM,CAAC,EAAC,wBAAwB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CAC5E,CACP,CACM,CACV;gBAEA,cAAc,IAAI,CACjB,0CACE,SAAS,EAAC,+FAA+F,EACzG,EAAE,EAAC,uBAAuB,EAC1B,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB;oBAEvC,0CACE,GAAG,EAAC,aAAa,EACjB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,EACnC,GAAG,EAAE,aAAa,GAClB,CACE,CACP,CACG,CACP;YAEA,sBAAsB,IAAI,CACzB,0CAAK,SAAS,EAAC,qBAAqB;gBAClC,iCAAC,kBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,yBAEnE;gBAEZ,iCAAC,kBAAS,IAAC,OAAO,QAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,IAAI,EAAC,OAAO,wBAExD,CACR,CACP;YACA,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAC7C,oEACG,CAAC,IAAI,CAAC,CAAC,CAAC,CACP,0CAAK,SAAS,EAAC,kIAAkI;gBAC/I,0CAAK,SAAS,EAAC,2CAA2C;oBACxD,iCAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE;4BACjB,iBAAiB,EAAE,CAAA;wBACrB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACE,CACF,CACP,CAAC,CAAC,CAAC,CACF,0CAAK,SAAS,EAAC,QAAQ;gBACrB,0CAAK,SAAS,EAAC,mDAAmD;oBAChE,0CAAK,SAAS,EAAC,qHAAqH;wBAClI,0CAAK,SAAS,EAAC,wBAAwB;4BACrC,yDAAiB,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW;gCAC/E,2CACE,CAAC,EAAC,2UAA2U,EAC7U,QAAQ,EAAC,SAAS,GAClB,CACE,CACF;wBACN,wCAAG,SAAS,EAAC,kDAAkD,IAAE,QAAQ,CAAK;wBAC9E,0CAAK,SAAS,EAAC,aAAa;4BAC1B,iCAAC,kBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,yBAEnE,CACR,CACF,CACF,CACF,CACP,CACA,CACJ;YACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,kBAAkB,IAAI,CACtD,0CAAK,SAAS,EAAC,kIAAkI;gBAC/I,0CAAK,SAAS,EAAC,2CAA2C,IACvD,QAAQ,KAAK,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,0CAAK,SAAS,EAAC,0DAA0D;oBACvE,iCAAC,oBAAU,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,CACP,CAAC,CAAC,CAAC,CACF;oBACE,wCAAG,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAK;oBACxD,iCAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACD,CACJ,CACG,CACF,CACP,CACG;QAEN,4CACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC;gBACvC,CAAC,QAAQ,KAAK,OAAO,IAAI,gCAAgC,CAAC;gBAC1D,CAAC,QAAQ,KAAK,MAAM,IAAI,wBAAwB,CAAC,CACjD,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAC,MAAM,GACX,CACD,CACJ,CAAA;AACH,CAAC;AA/RD,gCA+RC"}
|
|
@@ -20,5 +20,6 @@ export interface ModalProps {
|
|
|
20
20
|
oneImg?: boolean;
|
|
21
21
|
setLoading?: any;
|
|
22
22
|
contentOfModal?: any;
|
|
23
|
+
isHorizontalLayout?: boolean;
|
|
23
24
|
}
|
|
24
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
25
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, isHorizontalLayout, }: ModalProps) => React.JSX.Element;
|
|
@@ -9,15 +9,15 @@ var types_1 = require("../types");
|
|
|
9
9
|
var Card_1 = require("../Card");
|
|
10
10
|
var Modal_1 = require("../Modal");
|
|
11
11
|
var PHXUploadFile = function (_a) {
|
|
12
|
-
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, contentOfModal = _a.contentOfModal, defaultLink = _a.defaultLink, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, headerActionFunc = _a.headerActionFunc, helpText = _a.helpText, _c = _a.inCard, inCard = _c === void 0 ? true : _c, _d = _a.isHeaderDownload, isHeaderDownload = _d === void 0 ? false : _d, label = _a.label, moduleId = _a.moduleId, _e = _a.multiImg, multiImg = _e === void 0 ? false : _e, _f = _a.oneImg, oneImg = _f === void 0 ? false : _f, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, title = _a.title, titleHeaderAction = _a.titleHeaderAction;
|
|
12
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, contentOfModal = _a.contentOfModal, defaultLink = _a.defaultLink, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, headerActionFunc = _a.headerActionFunc, helpText = _a.helpText, _c = _a.inCard, inCard = _c === void 0 ? true : _c, _d = _a.isHeaderDownload, isHeaderDownload = _d === void 0 ? false : _d, label = _a.label, moduleId = _a.moduleId, _e = _a.multiImg, multiImg = _e === void 0 ? false : _e, _f = _a.oneImg, oneImg = _f === void 0 ? false : _f, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, title = _a.title, titleHeaderAction = _a.titleHeaderAction, _g = _a.isHorizontalLayout, isHorizontalLayout = _g === void 0 ? false : _g;
|
|
13
13
|
var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
14
|
+
var _h = (0, react_1.useState)([]), link = _h[0], setLink = _h[1];
|
|
15
|
+
var _j = (0, react_1.useState)(fileType === 'image'), isImage = _j[0], setIsImage = _j[1];
|
|
16
|
+
var _k = (0, react_1.useState)(false), showImage = _k[0], setShowImage = _k[1];
|
|
17
|
+
var _l = (0, react_1.useState)(false), isModalOpen = _l[0], setIsModalOpen = _l[1];
|
|
18
|
+
var _m = (0, react_1.useState)(0), length = _m[0], setLength = _m[1];
|
|
19
|
+
var _o = (0, react_1.useState)(false), isChecked = _o[0], setIsChecked = _o[1];
|
|
20
|
+
var _p = (0, react_1.useState)([]), selectedImages = _p[0], setSelectedImages = _p[1];
|
|
21
21
|
var handleCheckboxChange = function (index) {
|
|
22
22
|
var updatedSelectedImages = tslib_1.__spreadArray([], selectedImages, true);
|
|
23
23
|
if (updatedSelectedImages.includes(index)) {
|
|
@@ -133,8 +133,8 @@ var PHXUploadFile = function (_a) {
|
|
|
133
133
|
}, []);
|
|
134
134
|
return (react_1["default"].createElement("div", { className: sizeModal },
|
|
135
135
|
inCard ? (react_1["default"].createElement(Card_1.PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
136
|
-
react_1["default"].createElement(FormUpload_1.FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
137
|
-
react_1["default"].createElement(FormUpload_1.FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))),
|
|
136
|
+
react_1["default"].createElement(FormUpload_1.FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, isHorizontalLayout: isHorizontalLayout, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
137
|
+
react_1["default"].createElement(FormUpload_1.FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, isHorizontalLayout: isHorizontalLayout, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))),
|
|
138
138
|
react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'X\u00E1c nh\u1EADn x\u00F3a', onDangerClick: handleDeleteImages, onHide: function () { return setIsModalOpen(false); }, primaryActionText: '', show: isModalOpen, title: 'Xo\u00E1 \u1EA3nh?' },
|
|
139
139
|
react_1["default"].createElement("div", { className: 'sm:flex sm:items-start' },
|
|
140
140
|
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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqE;AACrE,qDAAkD;AAClD,2CAAyC;AACzC,kCAAqC;AACrC,gCAAiC;AACjC,kCAAmC;
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqE;AACrE,qDAAkD;AAClD,2CAAyC;AACzC,kCAAqC;AACrC,gCAAiC;AACjC,kCAAmC;AA0B5B,IAAM,aAAa,GAAG,UAAC,EAsBjB;QArBX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,iBAAiB,uBAAA,EACjB,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IAE1B,IAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC,CAAA;IACzD,IAAA,KAAkB,IAAA,gBAAQ,EAAM,EAAE,CAAC,EAAlC,IAAI,QAAA,EAAE,OAAO,QAAqB,CAAA;IACnC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,QAAQ,KAAK,OAAO,CAAC,EAArD,OAAO,QAAA,EAAE,UAAU,QAAkC,CAAA;IACtD,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAC/C,IAAA,KAAsB,IAAA,gBAAQ,EAAS,CAAC,CAAC,EAAxC,MAAM,QAAA,EAAE,SAAS,QAAuB,CAAA;IACzC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAAsC,IAAA,gBAAQ,EAAa,EAAE,CAAC,EAA7D,cAAc,QAAA,EAAE,iBAAiB,QAA4B,CAAA;IAEpE,IAAM,oBAAoB,GAAG,UAAC,KAAU;QACtC,IAAM,qBAAqB,6BAAO,cAAc,OAAC,CAAA;QACjD,IAAI,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACzC,qBAAqB,CAAC,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;SACtE;aAAM;YACL,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SAClC;QACD,iBAAiB,CAAC,qBAAqB,CAAC,CAAA;QACxC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;QACxB,SAAS,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,MAAM,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,UAAO,KAAU;;;;;oBAClC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;yBACtC,YAAY,EAAZ,wBAAY;oBACd,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA;;;;oBAEf,UAAU,GAAG,IAAI,QAAQ,EAAE,CAAA;oBACjC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;oBACzC,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;oBACvC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;oBACtB,qBAAM,KAAK,CAAC,QAAQ,GAAG,YAAY,EAAE;4BACpD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,UAAU;yBACjB,CAAC,EAAA;;oBAHI,QAAQ,GAAG,SAGf;yBACE,QAAQ,CAAC,EAAE,EAAX,wBAAW;oBACQ,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;oBAApC,YAAY,GAAG,SAAqB;oBAC9B,qBAAM,YAAY,CAAC,IAAI,EAAA;;oBAA7B,QAAM,SAAuB;oBACnC,IAAI,QAAQ,EAAE;wBACZ,kBAAkB,CAAC,YAAY,kDAAM,IAAI,UAAE,KAAG,UAAE,CAAA;wBAChD,OAAO,CAAC,UAAC,IAAS,IAAK,uDAAI,IAAI,UAAE,KAAG,WAAb,CAAc,CAAC,CAAA;qBACvC;yBAAM;wBACL,kBAAkB,CAAC,YAAY,EAAE,CAAC,KAAG,CAAC,CAAC,CAAA;wBACvC,OAAO,CAAC,CAAC,KAAG,CAAC,CAAC,CAAA;qBACf;;;oBAED,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;;;;;oBAG/D,OAAO,CAAC,KAAK,CAAC,OAAK,CAAC,CAAA;;;;;SAGzB,CAAA;IAED,IAAM,kBAAkB,GAAG;QACzB,IAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAM,EAAE,KAAU,IAAK,OAAA,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA/B,CAA+B,CAAC,CAAA;QACxF,kBAAkB,CAAC,EAAE,EAAE,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;;QACR,IAAI,QAAQ,EAAE;YACZ,IAAM,aAAa,GAAQ,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAA;YAEnE,IAAM,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,IAAM,OAAK,GAAG,UAAU,CAAC;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,OAAO,cAAM,OAAA,YAAY,CAAC,OAAK,CAAC,EAAnB,CAAmB,CAAA;SACjC;aAAM;YACL,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,IAAI,CAAC,CAAA;gBAChB,YAAY,CAAC,KAAK,CAAC,CAAA;gBACnB,IAAM,OAAK,GAAG,UAAU,CAAC;oBACvB,YAAY,CAAC,IAAI,CAAC,CAAA;oBAClB,UAAU,CAAC,KAAK,CAAC,CAAA;gBACnB,CAAC,EAAE,IAAI,CAAC,CAAA;gBACR,OAAO,cAAM,OAAA,YAAY,CAAC,OAAK,CAAC,EAAnB,CAAmB,CAAA;aACjC;SACF;QACD,OAAM;IACR,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;IAEpB,IAAA,iBAAS,EAAC;;QACR,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YACzC,OAAO,CAAC,WAAW,CAAC,CAAA;YAEpB,IAAM,aAAa,GAAQ,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,0CAAE,KAAK,CAAC,GAAG,CAAC,0CAAE,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAA;YAC7E,IAAM,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,IAAM,OAAK,GAAG,UAAU,CAAC;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,OAAO,cAAM,OAAA,YAAY,CAAC,OAAK,CAAC,EAAnB,CAAmB,CAAA;SACjC;aAAM;YACL,OAAM;SACP;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,MAAM,CAAC,CAAC,CAAC,CACR,iCAAC,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,iCAAC,uBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,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,GACpB,CACM,CACX,CAAC,CAAC,CAAC,CACF;YACE,iCAAC,uBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,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,iCAAC,gBAAQ,IACP,gBAAgB,EAAC,6BAAc,EAC/B,aAAa,EAAE,kBAAkB,EACjC,MAAM,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EACnC,iBAAiB,EAAC,EAAE,EACpB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAC,oBAAU;YAEhB,0CAAK,SAAS,EAAC,wBAAwB;gBACrC,0CAAK,SAAS,EAAC,kHAAkH;oBAC/H,iCAAC,iCAAuB,mBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,CAC3E;gBACN,0CAAK,SAAS,EAAC,+CAA+C;oBAC5D,0CAAK,SAAS,EAAC,MAAM;wBACnB,wCAAG,SAAS,EAAC,uBAAuB,IACjC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,sCAAsC,CACvE,CACA,CACF,CACF,CACG,CACP,CACP,CAAA;AACH,CAAC,CAAA;AA1MY,QAAA,aAAa,iBA0MzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage, }: any): React.JSX.Element;
|
|
2
|
+
export declare function FormUpload({ fileName, fileType, handleCheckboxChange, handleFileChange, helpText, isImage, label, length, link, oneImg, selectedImages, setIsModalOpen, showImage, isHorizontalLayout, }: any): React.JSX.Element;
|
|
@@ -6,7 +6,7 @@ import { PHXButton } from '../Button';
|
|
|
6
6
|
import { PHXSpinner } from '../Loading';
|
|
7
7
|
export function FormUpload(_a) {
|
|
8
8
|
var _this = this;
|
|
9
|
-
var fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, setIsModalOpen = _a.setIsModalOpen, showImage = _a.showImage;
|
|
9
|
+
var fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, setIsModalOpen = _a.setIsModalOpen, showImage = _a.showImage, isHorizontalLayout = _a.isHorizontalLayout;
|
|
10
10
|
var fileInputRef = useRef(null);
|
|
11
11
|
var _b = useState(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
|
|
12
12
|
var _c = useState(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
|
|
@@ -70,6 +70,9 @@ export function FormUpload(_a) {
|
|
|
70
70
|
if (fileType === 'image') {
|
|
71
71
|
setFile(null);
|
|
72
72
|
}
|
|
73
|
+
else {
|
|
74
|
+
setFile(fileName);
|
|
75
|
+
}
|
|
73
76
|
}, [link]);
|
|
74
77
|
return (React.createElement(React.Fragment, null,
|
|
75
78
|
React.createElement("div", { className: classNames('mb-1 flex text-xs font-normal text-gray-700', label ? 'justify-between' : '') }, label && React.createElement("label", null, label)),
|
|
@@ -109,7 +112,7 @@ export function FormUpload(_a) {
|
|
|
109
112
|
showButtonWithOneImage && (React.createElement("div", { className: ' mt-3 flex gap-2 ' },
|
|
110
113
|
React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
|
|
111
114
|
React.createElement(PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
|
|
112
|
-
(link === null || link === void 0 ? void 0 : link.length) === 0 && (React.createElement(React.Fragment, null, !file ? (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
115
|
+
((link === null || link === void 0 ? void 0 : link.length) === 0 || isHorizontalLayout) && (React.createElement(React.Fragment, null, !file ? (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
113
116
|
React.createElement("div", { className: 'flex flex-col items-center justify-center' },
|
|
114
117
|
React.createElement(ButtonUpload, { fileType: fileType, handleUploadClick: function () {
|
|
115
118
|
handleUploadClick();
|
|
@@ -122,7 +125,7 @@ export function FormUpload(_a) {
|
|
|
122
125
|
React.createElement("p", { className: 'w-60 truncate px-2 text-sm text-gray-600 lg:w-72' }, fileName),
|
|
123
126
|
React.createElement("div", { className: 'min-w-[20%]' },
|
|
124
127
|
React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i")))))))),
|
|
125
|
-
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
128
|
+
(link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && !isHorizontalLayout && (React.createElement("div", { className: 'flex cursor-pointer flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 hover:bg-[#f7f7f7]' },
|
|
126
129
|
React.createElement("div", { className: 'flex flex-col items-center justify-center' }, fileType === 'file' && !showImage ? (React.createElement("div", { className: 'flex h-full items-center justify-center rounded-lg py-6 ' },
|
|
127
130
|
React.createElement(PHXSpinner, { className: 'h-5 w-5' }))) : (React.createElement(React.Fragment, null,
|
|
128
131
|
React.createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAEvC,MAAM,UAAU,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,5 +20,6 @@ export interface ModalProps {
|
|
|
20
20
|
oneImg?: boolean;
|
|
21
21
|
setLoading?: any;
|
|
22
22
|
contentOfModal?: any;
|
|
23
|
+
isHorizontalLayout?: boolean;
|
|
23
24
|
}
|
|
24
|
-
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
25
|
+
export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, inCard, isHeaderDownload, label, moduleId, multiImg, oneImg, projectId, setLoading, size, title, titleHeaderAction, isHorizontalLayout, }: ModalProps) => React.JSX.Element;
|
|
@@ -6,15 +6,15 @@ import { classNames } from '../types';
|
|
|
6
6
|
import { PHXCard } from '../Card';
|
|
7
7
|
import { PHXModal } from '../Modal';
|
|
8
8
|
export var PHXUploadFile = function (_a) {
|
|
9
|
-
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, contentOfModal = _a.contentOfModal, defaultLink = _a.defaultLink, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, headerActionFunc = _a.headerActionFunc, helpText = _a.helpText, _c = _a.inCard, inCard = _c === void 0 ? true : _c, _d = _a.isHeaderDownload, isHeaderDownload = _d === void 0 ? false : _d, label = _a.label, moduleId = _a.moduleId, _e = _a.multiImg, multiImg = _e === void 0 ? false : _e, _f = _a.oneImg, oneImg = _f === void 0 ? false : _f, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, title = _a.title, titleHeaderAction = _a.titleHeaderAction;
|
|
9
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, contentOfModal = _a.contentOfModal, defaultLink = _a.defaultLink, fileName = _a.fileName, _b = _a.fileType, fileType = _b === void 0 ? 'image' : _b, handleListenUpload = _a.handleListenUpload, headerActionFunc = _a.headerActionFunc, helpText = _a.helpText, _c = _a.inCard, inCard = _c === void 0 ? true : _c, _d = _a.isHeaderDownload, isHeaderDownload = _d === void 0 ? false : _d, label = _a.label, moduleId = _a.moduleId, _e = _a.multiImg, multiImg = _e === void 0 ? false : _e, _f = _a.oneImg, oneImg = _f === void 0 ? false : _f, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, title = _a.title, titleHeaderAction = _a.titleHeaderAction, _g = _a.isHorizontalLayout, isHorizontalLayout = _g === void 0 ? false : _g;
|
|
10
10
|
var sizeModal = classNames(size === 'small' && 'sm:max-w-lg');
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
11
|
+
var _h = useState([]), link = _h[0], setLink = _h[1];
|
|
12
|
+
var _j = useState(fileType === 'image'), isImage = _j[0], setIsImage = _j[1];
|
|
13
|
+
var _k = useState(false), showImage = _k[0], setShowImage = _k[1];
|
|
14
|
+
var _l = useState(false), isModalOpen = _l[0], setIsModalOpen = _l[1];
|
|
15
|
+
var _m = useState(0), length = _m[0], setLength = _m[1];
|
|
16
|
+
var _o = useState(false), isChecked = _o[0], setIsChecked = _o[1];
|
|
17
|
+
var _p = useState([]), selectedImages = _p[0], setSelectedImages = _p[1];
|
|
18
18
|
var handleCheckboxChange = function (index) {
|
|
19
19
|
var updatedSelectedImages = __spreadArray([], selectedImages, true);
|
|
20
20
|
if (updatedSelectedImages.includes(index)) {
|
|
@@ -130,8 +130,8 @@ export var PHXUploadFile = function (_a) {
|
|
|
130
130
|
}, []);
|
|
131
131
|
return (React.createElement("div", { className: sizeModal },
|
|
132
132
|
inCard ? (React.createElement(PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
|
|
133
|
-
React.createElement(FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))) : (React.createElement(React.Fragment, null,
|
|
134
|
-
React.createElement(FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))),
|
|
133
|
+
React.createElement(FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, isHorizontalLayout: isHorizontalLayout, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))) : (React.createElement(React.Fragment, null,
|
|
134
|
+
React.createElement(FormUpload, { fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, helpText: helpText, isImage: isImage, label: label, isHorizontalLayout: isHorizontalLayout, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, setIsModalOpen: setIsModalOpen, showImage: showImage }))),
|
|
135
135
|
React.createElement(PHXModal, { dangerActionText: 'X\u00E1c nh\u1EADn x\u00F3a', onDangerClick: handleDeleteImages, onHide: function () { return setIsModalOpen(false); }, primaryActionText: '', show: isModalOpen, title: 'Xo\u00E1 \u1EA3nh?' },
|
|
136
136
|
React.createElement("div", { className: 'sm:flex sm:items-start' },
|
|
137
137
|
React.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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}
|