phx-uikit 1.0.0

package/dist/cjs/components/TimePicker/component/Time.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var utils_1 = require("../utils");
+function Time(_a) {
+    var _b = _a.step, step = _b === void 0 ? 30 : _b, onChangeTime = _a.onChangeTime;
+    var timeSteps = (0, utils_1.generateTimeSteps)(step);
+    var handleChange = function (time) {
+        if (onChangeTime) {
+            onChangeTime(time);
+        }
+    };
+    return (react_1["default"].createElement("div", null,
+        react_1["default"].createElement("div", { className: 'bg-white py-2 px-3 rounded-lg shadow-lg w-full max-w-[20rem] h-[17rem] overflow-y-auto border border-gray-300 border-b-gray-400' }, timeSteps.map(function (item) { return (react_1["default"].createElement("p", { onClick: function () { return handleChange(item); }, className: 'text-xs p-2 rounded-lg hover:bg-gray-100 cursor-pointer', key: item }, item)); }))));
+}
+exports["default"] = Time;
+//# sourceMappingURL=Time.js.map

package/dist/cjs/components/TimePicker/component/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/TimePicker/component/Time.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAA4C;AAO5C,SAAS,IAAI,CAAC,EAAsC;QAApC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,YAAY,kBAAA;IACrC,IAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,IAAI,CAAC,CAAA;IAEzC,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,iIAAiI,IAC7I,SAAS,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC5B,wCACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAC,yDAAyD,EACnE,GAAG,EAAE,IAAI,IAER,IAAI,CACH,CACL,EAR6B,CAQ7B,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC;AAED,qBAAe,IAAI,CAAA"}

package/dist/cjs/components/TimePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './TimePicker';

package/dist/cjs/components/TimePicker/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TimePicker"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/cjs/components/TimePicker/utils.d.ts

@@ -0,0 +1 @@
+export declare function generateTimeSteps(step: any): string[];

package/dist/cjs/components/TimePicker/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+exports.generateTimeSteps = void 0;
+function generateTimeSteps(step) {
+    var steps = [];
+    for (var hour = 0; hour < 24; hour++) {
+        for (var minute = 0; minute < 60; minute += step) {
+            var formattedHour = hour.toString().padStart(2, '0');
+            var formattedMinute = minute.toString().padStart(2, '0');
+            steps.push("".concat(formattedHour, ":").concat(formattedMinute));
+        }
+    }
+    return steps;
+}
+exports.generateTimeSteps = generateTimeSteps;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/TimePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils.ts"],"names":[],"mappings":";;;AAAA,SAAgB,iBAAiB,CAAC,IAAS;IACzC,IAAM,KAAK,GAAG,EAAE,CAAA;IAChB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE;QACpC,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,IAAI,IAAI,EAAE;YAChD,IAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YACtD,IAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC1D,KAAK,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,eAAe,CAAE,CAAC,CAAA;SAClD;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAVD,8CAUC"}

package/dist/cjs/components/UploadAvatar/UploadAvatar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface UploadAvatarProps {
+    basePath: string;
+    apiCdnUpload: string;
+    handleListenUpload: any;
+    defaultValue?: string;
+    moduleId: any;
+}
+export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, moduleId, }: Readonly<UploadAvatarProps>): React.JSX.Element;

package/dist/cjs/components/UploadAvatar/UploadAvatar.js

@@ -0,0 +1,112 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Loading_1 = require("../Loading");
+var Button_1 = require("../Button");
+var constants_1 = require("../../utils/constants");
+function PHXUploadAvatar(_a) {
+    var _this = this;
+    var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, defaultValue = _a.defaultValue, handleListenUpload = _a.handleListenUpload, moduleId = _a.moduleId;
+    var _b = (0, react_1.useState)(''), link = _b[0], setLink = _b[1];
+    var inputRef = (0, react_1.useRef)(null);
+    var defaultAvatar = 'https://static-data-sisv2.phx-smartschool.com/common/prod/avatar/default_avatar.png';
+    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var handleUploadAvatar = function (e) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        var files, fileLength, selectedFile, formData, response, responseData, res, originalFile, error_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    files = e.target.files;
+                    fileLength = files.length;
+                    if (!(files && fileLength !== 0)) return [3 /*break*/, 8];
+                    selectedFile = files[0];
+                    formData = new FormData();
+                    formData.append('file', selectedFile);
+                    // @ts-ignore
+                    formData.append('moduleId', moduleId);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 7, , 8]);
+                    return [4 /*yield*/, fetch(basePath + apiCdnUpload, {
+                            method: 'POST',
+                            body: formData
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (!response.ok) return [3 /*break*/, 5];
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    responseData = _a.sent();
+                    return [4 /*yield*/, responseData.results];
+                case 4:
+                    res = _a.sent();
+                    originalFile = res.find(function (item) { return item.link.includes(constants_1.SIZE_DEFAULT); });
+                    setLink(originalFile === null || originalFile === void 0 ? void 0 : originalFile.link);
+                    handleListenUpload(res);
+                    return [3 /*break*/, 6];
+                case 5:
+                    console.error('Request failed with status:', response.status);
+                    _a.label = 6;
+                case 6: return [3 /*break*/, 8];
+                case 7:
+                    error_1 = _a.sent();
+                    console.error('Error:', error_1);
+                    return [3 /*break*/, 8];
+                case 8:
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleClick = function () {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    var handleDeleteImage = function () {
+        setLink('');
+        handleListenUpload(null);
+    };
+    (0, react_1.useEffect)(function () {
+        if (defaultValue) {
+            setLink(defaultValue);
+        }
+        else {
+            return;
+        }
+    }, [defaultValue]);
+    var _d = (0, react_1.useState)(false), showLargeImage = _d[0], setShowLargeImage = _d[1];
+    var _e = (0, react_1.useState)(''), largeImageUrl = _e[0], setLargeImageUrl = _e[1];
+    (0, react_1.useEffect)(function () {
+        var closeImageOnOutsideClick = function (event) {
+            if (showLargeImage) {
+                var clickedElement = event.target;
+                var imageContainer = document.getElementById('large-image-container');
+                if (!(imageContainer === null || imageContainer === void 0 ? void 0 : imageContainer.contains(clickedElement))) {
+                    setShowLargeImage(false);
+                }
+            }
+        };
+        document.addEventListener('click', closeImageOnOutsideClick);
+        return function () {
+            document.removeEventListener('click', closeImageOnOutsideClick);
+        };
+    }, [showLargeImage]);
+    var handleImageClick = function (url) {
+        setLargeImageUrl(url);
+        setShowLargeImage(true);
+    };
+    return (react_1["default"].createElement("div", { className: ' items-center lg:flex xl:flex' },
+        loading ? (react_1["default"].createElement("div", { className: 'flex h-14 w-14 items-center justify-center rounded-full bg-gray-200' },
+            react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1["default"].createElement("div", { className: 'flex h-14 w-14 items-center justify-center overflow-hidden rounded-full hover:cursor-pointer' },
+            react_1["default"].createElement("img", { alt: 'avatar', className: 'w-full transition-all duration-300', src: link && !loading ? link : defaultAvatar, onClick: function () { return handleImageClick(link); } }))),
+        showLargeImage && (react_1["default"].createElement("div", { className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', id: 'large-image-container', onClick: function () { return setShowLargeImage(false); } },
+            react_1["default"].createElement("img", { alt: 'Large Image', className: 'max-h-full max-w-full', onClick: function (e) { return e.stopPropagation(); }, src: largeImageUrl }))),
+        react_1["default"].createElement("div", { className: 'lg:ml-4 xl:ml-4 2xl:ml-4' },
+            react_1["default"].createElement(Button_1.PHXButton, { className: 'mt-4 lg:mr-3 lg:mt-0', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
+            react_1["default"].createElement("input", { ref: inputRef, className: 'hidden', id: 'file', onChange: handleUploadAvatar, type: 'file' }),
+            defaultValue || link ? (react_1["default"].createElement(Button_1.PHXButton, { className: 'ml-3 lg:ml-0', onClick: handleDeleteImage, secondary: true, size: 'small' }, "X\u00F3a \u1EA3nh")) : null)));
+}
+exports["default"] = PHXUploadAvatar;
+//# sourceMappingURL=UploadAvatar.js.map

package/dist/cjs/components/UploadAvatar/UploadAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/UploadAvatar/index.d.ts

@@ -0,0 +1 @@
+export * from './UploadAvatar';

package/dist/cjs/components/UploadAvatar/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./UploadAvatar"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/UploadAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B"}

package/dist/cjs/components/UploadFile/ButtonUpload.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ButtonUpload({ fileInputRef, fileType, oneImg, handleFileChange, handleUploadClick, helpText, isImage, }: any): React.JSX.Element;

package/dist/cjs/components/UploadFile/ButtonUpload.js

@@ -0,0 +1,23 @@
+"use strict";
+exports.__esModule = true;
+exports.ButtonUpload = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Button_1 = require("../Button");
+function ButtonUpload(_a) {
+    var fileInputRef = _a.fileInputRef, fileType = _a.fileType, oneImg = _a.oneImg, handleFileChange = _a.handleFileChange, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, isImage = _a.isImage;
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
+            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' },
+                react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"),
+                react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
+                        (fileType === 'image' && '.jpg, .jpeg, .png, .gif, .webp') ||
+                        (fileType === 'file' && '.pdf, .png,.jpg, .jpeg')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleFileChange, type: 'file' }))),
+        helpText ? (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, helpText)) : (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, isImage ? (react_1["default"].createElement(react_1["default"].Fragment, null,
+            " ",
+            oneImg ? react_1["default"].createElement("div", { className: 'py-3' }) : '')) : ("".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
+            (fileType === 'image' && 'JPG, JPEG, PNG, GIF, WEBP') ||
+            (fileType === 'file' && 'PDF, JPG, JPEG, PNG')))))));
+}
+exports.ButtonUpload = ButtonUpload;
+//# sourceMappingURL=ButtonUpload.js.map

package/dist/cjs/components/UploadFile/ButtonUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/ButtonUpload.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAqC;AAErC,SAAgB,YAAY,CAAC,EAQvB;QAPJ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,2CAA2C;YACxD,4CACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;gBAErB,iCAAC,kBAAS,IAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEjD;gBAEZ,4CACE,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,UACN,CAAC,QAAQ,KAAK,OAAO,IAAI,aAAa,CAAC;wBACvC,CAAC,QAAQ,KAAK,OAAO,IAAI,gCAAgC,CAAC;wBAC1D,CAAC,QAAQ,KAAK,MAAM,IAAI,wBAAwB,CAAC,CACjD,EACF,SAAS,EAAC,SAAS,EACnB,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAC,MAAM,GACX,CACI,CACJ;QACL,QAAQ,CAAC,CAAC,CAAC,CACV,wCAAG,SAAS,EAAC,gDAAgD,IAAE,QAAQ,CAAK,CAC7E,CAAC,CAAC,CAAC,CACF,wCAAG,SAAS,EAAC,gDAAgD,IAC1D,OAAO,CAAC,CAAC,CAAC,CACT;;YAAI,MAAM,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAI,CAC/C,CAAC,CAAC,CAAC,CACF,UACE,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;YAClD,CAAC,QAAQ,KAAK,OAAO,IAAI,2BAA2B,CAAC;YACrD,CAAC,QAAQ,KAAK,MAAM,IAAI,qBAAqB,CAAC,CAC9C,CACH,CACC,CACL,CACA,CACJ,CAAA;AACH,CAAC;AApDD,oCAoDC"}

package/dist/cjs/components/UploadFile/FormUpload.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FormUpload({ fileInputRef, fileName, fileType, handleCheckboxChange, handleFileChange, handleUploadClick, helpText, isImage, label, length, link, oneImg, selectedImages, showButton, showImage, setIsModalOpen, }: any): React.JSX.Element;

package/dist/cjs/components/UploadFile/FormUpload.js

@@ -0,0 +1,87 @@
+"use strict";
+exports.__esModule = true;
+exports.FormUpload = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Button_1 = require("../Button");
+var Loading_1 = require("../Loading");
+var types_1 = require("../types");
+var ButtonUpload_1 = require("./ButtonUpload");
+function FormUpload(_a) {
+    var fileInputRef = _a.fileInputRef, fileName = _a.fileName, fileType = _a.fileType, handleCheckboxChange = _a.handleCheckboxChange, handleFileChange = _a.handleFileChange, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, isImage = _a.isImage, label = _a.label, length = _a.length, link = _a.link, oneImg = _a.oneImg, selectedImages = _a.selectedImages, showButton = _a.showButton, showImage = _a.showImage, setIsModalOpen = _a.setIsModalOpen;
+    var _b = (0, react_1.useState)(false), showLargeImage = _b[0], setShowLargeImage = _b[1];
+    var _c = (0, react_1.useState)(''), largeImageUrl = _c[0], setLargeImageUrl = _c[1];
+    var _d = (0, react_1.useState)(fileName), file = _d[0], setFile = _d[1];
+    (0, react_1.useEffect)(function () {
+        var closeImageOnOutsideClick = function (event) {
+            if (showLargeImage) {
+                var clickedElement = event.target;
+                var imageContainer = document.getElementById('large-image-container');
+                if (!(imageContainer === null || imageContainer === void 0 ? void 0 : imageContainer.contains(clickedElement))) {
+                    setShowLargeImage(false);
+                }
+            }
+        };
+        document.addEventListener('click', closeImageOnOutsideClick);
+        return function () {
+            document.removeEventListener('click', closeImageOnOutsideClick);
+        };
+    }, [showLargeImage]);
+    var handleImageClick = function (url) {
+        setLargeImageUrl(url);
+        setShowLargeImage(true);
+    };
+    (0, react_1.useEffect)(function () {
+        if (fileType === 'image') {
+            setFile(null);
+        }
+    }, [link]);
+    return (react_1["default"].createElement("div", null,
+        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)),
+        react_1["default"].createElement("div", null,
+            showButton && !oneImg && (react_1["default"].createElement("div", { className: 'flex justify-between pb-2' },
+                react_1["default"].createElement("div", { className: 'text-sm leading-5 text-[#111827]' },
+                    length,
+                    " file \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
+                react_1["default"].createElement(Button_1.PHXButton, { onClick: function () { return setIsModalOpen(true); }, secondary: true, size: 'micro' }, "X\u00F3a"))),
+            react_1["default"].createElement("div", { className: "".concat(oneImg ? 'rounded-lg bg-gray-100' : '', " grid grid-cols-4 gap-2") },
+                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: "group relative ".concat(index === 0 ? "col-span-2 ".concat(oneImg && 'col-start-2', " row-span-2") : 'col-span-1 row-span-1') },
+                    !showImage && index === link.length - 1 ? (react_1["default"].createElement("div", { className: "".concat(oneImg ? 'py-14' : '', " border-#00000080 flex h-full items-center justify-center rounded-lg border") },
+                        react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
+                        react_1["default"].createElement("img", { alt: 'Alternative text for the image', className: "".concat(oneImg && (link === null || link === void 0 ? void 0 : link.length) > 0 ? 'h-32 scale-[140%] object-contain py-5' : '', " w-full transition-all duration-300 hover:cursor-pointer"), src: item, onClick: function () { return handleImageClick(item); } }),
+                        helpText ? (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, helpText)) : (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, isImage
+                            ? ''
+                            : "".concat((fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
+                                (fileType === 'image' && 'JPG, JPEG, PNG, GIF') ||
+                                (fileType === 'file' && 'PDF, JPG, JPEG, PNG')))))),
+                    showLargeImage && (react_1["default"].createElement("div", { className: 'fixed left-0 top-0 z-50 flex h-full w-full items-center justify-center bg-black bg-opacity-70', id: 'large-image-container', onClick: function () { return setShowLargeImage(false); } },
+                        react_1["default"].createElement("img", { alt: 'Large Image', className: 'max-h-full max-w-full', onClick: function (e) { return e.stopPropagation(); }, src: largeImageUrl }))),
+                    !oneImg && (react_1["default"].createElement("div", { className: 'absolute left-0 top-0 p-2 opacity-0 group-hover:opacity-100' },
+                        react_1["default"].createElement("input", { checked: selectedImages.includes(index), className: 'h-[18px] w-[18px] rounded-[4px]', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' }))))); }))),
+                (link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && !oneImg && (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]' },
+                    react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
+                        react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage }))))),
+            (link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && oneImg && (react_1["default"].createElement("div", { className: 'mt-3 flex gap-2' },
+                react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
+                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' }),
+                react_1["default"].createElement(Button_1.PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "Xo\u00E1 \u1EA3nh"))),
+            (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]' },
+                react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
+                    react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, oneImg: oneImg })))) : (react_1["default"].createElement("div", { className: 'w-full' },
+                react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-5 pb-3 lg:max-w-full lg:px-0' },
+                    react_1["default"].createElement("div", { className: 'flex items-center justify-between rounded-lg border border-gray-200 bg-white shadow-[0rem_0.0825rem_0rem_#00000012]' },
+                        react_1["default"].createElement("div", { className: 'h-full bg-gray-200 p-6' },
+                            react_1["default"].createElement("svg", { "aria-hidden": 'true', className: 'h-5 w-5', focusable: 'false', viewBox: '0 0 20 20' },
+                                react_1["default"].createElement("path", { d: 'M6.75 4c-.69 0-1.25.56-1.25 1.25v9.5c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25v-9a.75.75 0 0 1 1.5 0v9a2.75 2.75 0 0 1-2.75 2.75h-6.5a2.75 2.75 0 0 1-2.75-2.75v-9.5a2.75 2.75 0 0 1 2.75-2.75h3a2.75 2.75 0 0 1 2.75 2.75v6.25a2.5 2.5 0 0 1-5 0v-5.5a.75.75 0 0 1 1.5 0v5.5a1 1 0 1 0 2 0v-6.25c0-.69-.56-1.25-1.25-1.25h-3Z', fillRule: 'evenodd' }))),
+                        react_1["default"].createElement("p", { className: 'w-60 truncate px-2 text-sm text-gray-600 lg:w-72' }, fileName),
+                        react_1["default"].createElement("div", { className: 'min-w-[20%]' },
+                            react_1["default"].createElement(Button_1.PHXButton, { onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
+                            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' })))))))),
+            (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]' },
+                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 ' },
+                    react_1["default"].createElement(Loading_1.PHXSpinner, { className: 'h-5 w-5' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
+                    react_1["default"].createElement("p", { className: 'mt-2 text-sm text-gray-600' }, fileName),
+                    react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileInputRef: fileInputRef, fileType: fileType, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage })))))))));
+}
+exports.FormUpload = FormUpload;
+//# sourceMappingURL=FormUpload.js.map

package/dist/cjs/components/UploadFile/FormUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/FormUpload.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/UploadFile/UploadFile.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface ModalProps {
+    title?: string;
+    size?: 'small';
+    basePath: string;
+    apiCdnUpload: string;
+    handleListenUpload: any;
+    helpText?: string;
+    fileName: string;
+    moduleId: string;
+    projectId: string;
+    multiImg?: boolean;
+    defaultLink?: Array<any>;
+    fileType?: 'excel' | 'image' | 'file';
+    headerActionFunc?(): void;
+    titleHeaderAction?: string;
+    isHeaderDownload?: boolean;
+    inCard?: boolean;
+    label?: string;
+    oneImg?: boolean;
+    setLoading?: any;
+    contentOfModal?: any;
+}
+export declare const PHXUploadFile: ({ apiCdnUpload, basePath, contentOfModal, defaultLink, fileName, fileType, handleListenUpload, headerActionFunc, helpText, moduleId, multiImg, oneImg, projectId, setLoading, size, label, inCard, title, titleHeaderAction, isHeaderDownload, }: ModalProps) => React.JSX.Element;

package/dist/cjs/components/UploadFile/UploadFile.js

@@ -0,0 +1,169 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXUploadFile = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var types_1 = require("../types");
+var Card_1 = require("../Card");
+var FormUpload_1 = require("./FormUpload");
+var Modal_1 = require("../Modal");
+var outline_1 = require("@heroicons/react/24/outline");
+var PHXUploadFile = function (_a) {
+    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, moduleId = _a.moduleId, _c = _a.multiImg, multiImg = _c === void 0 ? false : _c, _d = _a.oneImg, oneImg = _d === void 0 ? false : _d, projectId = _a.projectId, setLoading = _a.setLoading, size = _a.size, label = _a.label, _e = _a.inCard, inCard = _e === void 0 ? true : _e, title = _a.title, titleHeaderAction = _a.titleHeaderAction, _f = _a.isHeaderDownload, isHeaderDownload = _f === void 0 ? false : _f;
+    var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
+    var fileInputRef = (0, react_1.useRef)(null);
+    var handleUploadClick = function () {
+        if (fileInputRef.current) {
+            fileInputRef.current.click();
+        }
+    };
+    var _g = (0, react_1.useState)([]), link = _g[0], setLink = _g[1];
+    var handleFileChange = function (event) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var selectedFile, dataSubmit, response, responseData, res_1, error_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    selectedFile = event.target.files[0];
+                    if (!selectedFile) return [3 /*break*/, 8];
+                    event.target.value = '';
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 7, , 8]);
+                    dataSubmit = new FormData();
+                    dataSubmit.append('projectId', projectId);
+                    dataSubmit.append('moduleId', moduleId);
+                    dataSubmit.append('file', selectedFile);
+                    return [4 /*yield*/, fetch(basePath + apiCdnUpload, {
+                            method: 'POST',
+                            body: dataSubmit
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (!response.ok) return [3 /*break*/, 5];
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    responseData = _a.sent();
+                    return [4 /*yield*/, responseData.link];
+                case 4:
+                    res_1 = _a.sent();
+                    if (multiImg) {
+                        handleListenUpload(selectedFile, tslib_1.__spreadArray(tslib_1.__spreadArray([], link, true), [res_1], false));
+                        setLink(function (prev) { return tslib_1.__spreadArray(tslib_1.__spreadArray([], prev, true), [res_1], false); });
+                    }
+                    else {
+                        handleListenUpload(selectedFile, [res_1]);
+                        setLink([res_1]);
+                    }
+                    return [3 /*break*/, 6];
+                case 5:
+                    console.error('Request failed with status:', response.status);
+                    _a.label = 6;
+                case 6: return [3 /*break*/, 8];
+                case 7:
+                    error_1 = _a.sent();
+                    console.error(error_1);
+                    return [3 /*break*/, 8];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    var _h = (0, react_1.useState)(false), isImage = _h[0], setIsImage = _h[1];
+    var _j = (0, react_1.useState)(false), showImage = _j[0], setShowImage = _j[1];
+    var _k = (0, react_1.useState)(false), isModalOpen = _k[0], setIsModalOpen = _k[1];
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (fileName) {
+            var fileExtension = (_a = fileName.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+            if (['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(fileExtension)) {
+                setIsImage(true);
+            }
+            else {
+                setIsImage(false);
+            }
+            setShowImage(false);
+            var timer_1 = setTimeout(function () {
+                setShowImage(true);
+            }, 1000);
+            return function () { return clearTimeout(timer_1); };
+        }
+        else {
+            if (setLoading) {
+                setLoading(true);
+                setShowImage(false);
+                var timer_2 = setTimeout(function () {
+                    setShowImage(true);
+                    setLoading(false);
+                }, 1000);
+                return function () { return clearTimeout(timer_2); };
+            }
+        }
+        return;
+    }, [fileName, link]);
+    (0, react_1.useEffect)(function () {
+        var _a, _b, _c;
+        if (defaultLink && defaultLink.length > 0) {
+            setLink(defaultLink);
+            var defaultLinkEx = (_c = (_b = (_a = defaultLink === null || defaultLink === void 0 ? void 0 : defaultLink[0]) === null || _a === void 0 ? void 0 : _a.split('.')) === null || _b === void 0 ? void 0 : _b.pop()) === null || _c === void 0 ? void 0 : _c.toLowerCase();
+            if (['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(defaultLinkEx)) {
+                setIsImage(true);
+            }
+            else {
+                setIsImage(false);
+            }
+            setShowImage(false);
+            var timer_3 = setTimeout(function () {
+                setShowImage(true);
+            }, 1000);
+            return function () { return clearTimeout(timer_3); };
+        }
+        else {
+            return;
+        }
+    }, []);
+    var _l = (0, react_1.useState)(0), length = _l[0], setLength = _l[1];
+    var _m = (0, react_1.useState)(false), showButton = _m[0], setShowButton = _m[1];
+    var _o = (0, react_1.useState)(false), isChecked = _o[0], setIsChecked = _o[1];
+    var _p = (0, react_1.useState)([]), selectedImages = _p[0], setSelectedImages = _p[1];
+    var handleCheckboxChange = function (index) {
+        var updatedSelectedImages = tslib_1.__spreadArray([], selectedImages, true);
+        if (updatedSelectedImages.includes(index)) {
+            updatedSelectedImages.splice(updatedSelectedImages.indexOf(index), 1);
+        }
+        else {
+            updatedSelectedImages.push(index);
+        }
+        setSelectedImages(updatedSelectedImages);
+        setIsChecked(!isChecked);
+        if (multiImg) {
+            setShowButton(true);
+        }
+        else {
+            setShowButton(!showButton);
+        }
+        setLength(updatedSelectedImages === null || updatedSelectedImages === void 0 ? void 0 : updatedSelectedImages.length);
+    };
+    var handleDeleteImages = function () {
+        var updatedLink = link.filter(function (_, index) { return !selectedImages.includes(index); });
+        handleListenUpload('', oneImg ? [] : updatedLink);
+        setLink(oneImg ? [] : updatedLink);
+        if (oneImg) {
+            setIsImage(false);
+        }
+        setSelectedImages([]);
+        setShowButton(false);
+        setIsModalOpen(false);
+    };
+    return (react_1["default"].createElement("div", { className: sizeModal },
+        inCard ? (react_1["default"].createElement(Card_1.PHXCard, { headerAction: fileType === 'excel' ? { onClick: headerActionFunc, content: titleHeaderAction } : {}, isHeaderDownload: isHeaderDownload, primaryHeader: titleHeaderAction !== undefined, title: title },
+            react_1["default"].createElement(FormUpload_1.FormUpload, { fileInputRef: fileInputRef, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, showButton: showButton, showImage: showImage, setIsModalOpen: setIsModalOpen }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
+            react_1["default"].createElement(FormUpload_1.FormUpload, { fileInputRef: fileInputRef, fileName: fileName, fileType: fileType, handleCheckboxChange: handleCheckboxChange, handleDeleteImages: handleDeleteImages, handleFileChange: handleFileChange, handleUploadClick: handleUploadClick, helpText: helpText, isImage: isImage, label: label, length: length, link: link, oneImg: oneImg, selectedImages: selectedImages, showButton: showButton, showImage: showImage, setIsModalOpen: setIsModalOpen }))),
+        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?' },
+            react_1["default"].createElement("div", { className: 'sm:flex sm:items-start' },
+                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' },
+                    react_1["default"].createElement(outline_1.ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
+                react_1["default"].createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
+                    react_1["default"].createElement("div", { className: 'mt-2' },
+                        react_1["default"].createElement("p", { className: 'text-xs text-gray-500' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
+};
+exports.PHXUploadFile = PHXUploadFile;
+//# sourceMappingURL=UploadFile.js.map

package/dist/cjs/components/UploadFile/UploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFile.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/UploadFile/index.d.ts

@@ -0,0 +1 @@
+export * from './UploadFile';

package/dist/cjs/components/UploadFile/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./UploadFile"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/UploadFile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}