phx-uikit 1.0.256 → 1.0.257

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

@@ -1,7 +1,8 @@
 import React from 'react';
-export declare function ButtonUpload({ fileType, handleUploadClick, helpText, loading, }: {
+export declare function ButtonUpload({ fileType, handleUploadClick, helpText, loading, disabled, }: {
     fileType: string;
     handleUploadClick(): void;
     helpText: string;
     loading?: boolean;
+    disabled?: boolean;
 }): React.JSX.Element;

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

@@ -1,18 +1,18 @@
 "use strict";
-exports.__esModule = true;
-exports.ButtonUpload = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonUpload = ButtonUpload;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var Button_1 = require("../Button");
+var types_1 = require("../types");
 function ButtonUpload(_a) {
-    var fileType = _a.fileType, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, _b = _a.loading, loading = _b === void 0 ? false : _b;
-    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, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"))),
-        helpText ? (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-500' }, helpText)) : (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
+    var fileType = _a.fileType, handleUploadClick = _a.handleUploadClick, helpText = _a.helpText, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    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, { className: (0, types_1.classNames)(disabled ? 'cursor-not-allowed' : ''), disabled: disabled, loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"))),
+        helpText ? (react_1.default.createElement("p", { className: (0, types_1.classNames)('cursor-pointer text-xs leading-6 text-gray-500', disabled ? 'cursor-not-allowed' : '') }, helpText)) : (react_1.default.createElement("p", { className: (0, types_1.classNames)('text-xs leading-6 text-gray-400', disabled ? 'cursor-not-allowed' : 'cursor-pointer ') }, (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

@@ -1 +1 @@
-{"version":3,"file":"ButtonUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/ButtonUpload.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAqC;AAErC,SAAgB,YAAY,CAAC,EAU5B;QATC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAOf,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,2CAA2C;YACxD,4CACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;gBAErB,iCAAC,kBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,wBAEnE,CACN,CACJ;QACL,QAAQ,CAAC,CAAC,CAAC,CACV,wCAAG,SAAS,EAAC,gDAAgD,IAAE,QAAQ,CAAK,CAC7E,CAAC,CAAC,CAAC,CACF,wCAAG,SAAS,EAAC,gDAAgD,IAC1D,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;YACjD,CAAC,QAAQ,KAAK,OAAO,IAAI,2BAA2B,CAAC;YACrD,CAAC,QAAQ,KAAK,MAAM,IAAI,qBAAqB,CAAC,CAC9C,CACL,CACA,CACJ,CAAA;AACH,CAAC;AAlCD,oCAkCC"}
+{"version":3,"file":"ButtonUpload.js","sourceRoot":"","sources":["../../../../src/components/UploadFile/ButtonUpload.tsx"],"names":[],"mappings":";;AAIA,oCAiDC;;AArDD,wDAAyB;AACzB,oCAAqC;AACrC,kCAAqC;AAErC,SAAgB,YAAY,CAAC,EAY5B;QAXC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAQhB,OAAO,CACL;QACE,uCAAK,SAAS,EAAC,2CAA2C;YACxD,yCACE,SAAS,EAAC,iGAAiG,EAC3G,OAAO,EAAC,aAAa;gBAErB,8BAAC,kBAAS,IACR,SAAS,EAAE,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3D,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,QACT,IAAI,EAAC,OAAO,wBAGF,CACN,CACJ;QACL,QAAQ,CAAC,CAAC,CAAC,CACV,qCACE,SAAS,EAAE,IAAA,kBAAU,EAAC,gDAAgD,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,IAE5G,QAAQ,CACP,CACL,CAAC,CAAC,CAAC,CACF,qCACE,SAAS,EAAE,IAAA,kBAAU,EAAC,iCAAiC,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAE5G,CAAC,QAAQ,KAAK,OAAO,IAAI,wBAAwB,CAAC;YACjD,CAAC,QAAQ,KAAK,OAAO,IAAI,2BAA2B,CAAC;YACrD,CAAC,QAAQ,KAAK,MAAM,IAAI,qBAAqB,CAAC,CAC9C,CACL,CACA,CACJ,CAAA;AACH,CAAC"}

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

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

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

@@ -1,7 +1,8 @@
 "use strict";
-exports.__esModule = true;
-exports.FormUpload = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormUpload = FormUpload;
 var tslib_1 = require("tslib");
+var image_1 = tslib_1.__importDefault(require("next/image"));
 var react_1 = tslib_1.__importStar(require("react"));
 var ButtonUpload_1 = require("./ButtonUpload");
 var types_1 = require("../types");
@@ -9,7 +10,7 @@ var Button_1 = require("../Button");
 var Loading_1 = require("../Loading");
 function FormUpload(_a) {
     var _this = this;
-    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;
+    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, customNextImage = _a.customNextImage, actionTextDelete = _a.actionTextDelete, twoColumn = _a.twoColumn, disabled = _a.disabled;
     var fileInputRef = (0, react_1.useRef)(null);
     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];
@@ -20,6 +21,7 @@ function FormUpload(_a) {
     var showButtonWithOneImage = (link === null || link === void 0 ? void 0 : link.length) > 0 && isImage && oneImg;
     var listImage = !showMoreImage ? link === null || link === void 0 ? void 0 : link.slice(0, 10) : link;
     var limitImageShow = 10;
+    var classCheckColumn = "grid gap-2 ".concat(twoColumn ? 'xl:grid-cols-5 lg:grid-cols-3 grid-cols-6' : 'grid-cols-6');
     var handleUploadClick = function () {
         if (fileInputRef.current) {
             fileInputRef.current.click();
@@ -77,20 +79,20 @@ function FormUpload(_a) {
             setFile(fileName);
         }
     }, [link]);
-    return (react_1["default"].createElement(react_1["default"].Fragment, 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)),
-        showSelectedTitle && (react_1["default"].createElement("div", { className: 'flex justify-between ' },
-            react_1["default"].createElement("div", { className: '-pl-2 text-xs leading-5 text-gray-600' },
+    return (react_1.default.createElement(react_1.default.Fragment, 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)),
+        showSelectedTitle && (react_1.default.createElement("div", { className: 'flex justify-between ' },
+            react_1.default.createElement("div", { className: '-pl-2 text-xs leading-5 text-gray-600 mb-4' },
                 length,
                 " \u1EA3nh \u0111\u00E3 \u0111\u01B0\u1EE3c ch\u1ECDn"),
-            react_1["default"].createElement(Button_1.PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "X\u00F3a"))),
-        react_1["default"].createElement("div", { className: 'relative' },
-            isImage && (react_1["default"].createElement("div", { className: "".concat(oneImg ? ' flex justify-center rounded-lg bg-gray-100' : 'grid grid-cols-6 gap-2') }, listImage === null || listImage === void 0 ? void 0 :
+            actionTextDelete ? (react_1.default.createElement("p", { className: 'text-xs font-normal text-red-700 hover:underline cursor-pointer', onClick: function () { return setIsModalOpen(true); } }, "Xo\u00E1 \u1EA3nh")) : (react_1.default.createElement(Button_1.PHXButton, { deleted: true, onClick: function () { return setIsModalOpen(true); }, size: 'micro' }, "X\u00F3a")))),
+        react_1.default.createElement("div", { className: 'relative' },
+            isImage && (react_1.default.createElement("div", { className: "".concat(oneImg ? 'flex justify-center rounded-lg bg-gray-100' : classCheckColumn) }, listImage === null || listImage === void 0 ? void 0 :
                 listImage.map(function (src, index) {
                     var isSelectImage = (selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0;
-                    return (react_1["default"].createElement("div", { key: index, className: "group relative  overflow-hidden  border ".concat(!oneImg ? 'aspect-square rounded-[10px] ' : '') },
-                        react_1["default"].createElement("img", { alt: 'img', className: " object-contain ".concat(oneImg ? 'max-h-[180px]' : 'h-full w-full object-contain'), src: src }),
-                        react_1["default"].createElement("button", { className: "absolute inset-0 flex items-center justify-center bg-black  text-white opacity-0 transition-opacity duration-300 group-hover:opacity-100 ".concat(!oneImg ? 'bg-opacity-60' : 'bg-opacity-0'), onClick: function () {
+                    return (react_1.default.createElement("div", { key: index, className: "group relative overflow-hidden ".concat(!oneImg ? 'aspect-square rounded-[10px] border' : '') },
+                        customNextImage ? (react_1.default.createElement(image_1.default, { alt: 'img', className: " object-contain ".concat(oneImg ? 'max-h-[180px]' : 'h-full w-full object-contain', " ").concat(selectedImages.includes(index) ? 'opacity-60' : ''), height: (customNextImage === null || customNextImage === void 0 ? void 0 : customNextImage.height) || 180, src: src, width: (customNextImage === null || customNextImage === void 0 ? void 0 : customNextImage.width) || 400 })) : (react_1.default.createElement("img", { alt: 'img', className: " object-contain ".concat(oneImg ? 'max-h-[180px]' : 'h-full w-full object-contain', " ").concat(selectedImages.includes(index) ? 'opacity-60' : ''), src: src })),
+                        react_1.default.createElement("button", { className: "absolute inset-0 flex items-center justify-center bg-black  text-white opacity-0 transition-opacity duration-300 group-hover:opacity-100 ".concat(!oneImg ? 'bg-opacity-60' : 'bg-opacity-0'), onClick: function () {
                                 if (isSelectImage) {
                                     handleCheckboxChange(index);
                                 }
@@ -98,43 +100,43 @@ function FormUpload(_a) {
                                     handleImageClick(src);
                                 }
                             }, type: 'button' }),
-                        !oneImg && (react_1["default"].createElement("div", { className: "z-8 absolute left-[0.3rem] top-0 opacity-0 ".concat((selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0 ? 'opacity-100' : 'group-hover:opacity-100') },
-                            react_1["default"].createElement("input", { checked: selectedImages.includes(index), className: 'h-[16px] w-[16px] cursor-pointer rounded-[4px]   text-black  checked:bg-black checked:ring-0 focus:outline-none focus:ring-0', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' })))));
+                        !oneImg && (react_1.default.createElement("div", { className: "z-8 absolute left-[0.3rem] top-0 opacity-0 ".concat((selectedImages === null || selectedImages === void 0 ? void 0 : selectedImages.length) > 0 ? 'opacity-100' : 'group-hover:opacity-100') },
+                            react_1.default.createElement("input", { checked: selectedImages.includes(index), className: 'h-[16px] w-[16px] cursor-pointer rounded-[4px]   text-black  checked:bg-black checked:ring-0 focus:outline-none focus:ring-0', onChange: function () { return handleCheckboxChange(index); }, type: 'checkbox' })))));
                 }),
-                !showMoreImage && (link === null || link === void 0 ? void 0 : link.length) > limitImageShow && (react_1["default"].createElement("div", { className: 'group relative aspect-square overflow-hidden rounded-lg border' },
-                    react_1["default"].createElement("img", { alt: 'img', className: 'mx-auto h-full object-cover', src: link === null || link === void 0 ? void 0 : link[limitImageShow + 1] }),
-                    react_1["default"].createElement("button", { className: 'absolute inset-0 flex items-center justify-center bg-black bg-opacity-60 text-white backdrop-blur-sm  transition-opacity duration-300 ', onClick: function () { return setShowMoreImage(true); }, type: 'button' },
-                        react_1["default"].createElement("p", null,
+                !showMoreImage && (link === null || link === void 0 ? void 0 : link.length) > limitImageShow && (react_1.default.createElement("div", { className: 'group relative aspect-square overflow-hidden rounded-lg border' },
+                    react_1.default.createElement("img", { alt: 'img', className: 'mx-auto h-full object-cover', src: link === null || link === void 0 ? void 0 : link[limitImageShow + 1] }),
+                    react_1.default.createElement("button", { className: 'absolute inset-0 flex items-center justify-center bg-black bg-opacity-60 text-white backdrop-blur-sm  transition-opacity duration-300 ', onClick: function () { return setShowMoreImage(true); }, type: 'button' },
+                        react_1.default.createElement("p", null,
                             "+",
                             ((link === null || link === void 0 ? void 0 : link.length) || 0) - limitImageShow)))),
-                (link === null || link === void 0 ? void 0 : link.length) > 0 && !oneImg && (react_1["default"].createElement("button", { className: '  flex  aspect-square items-center justify-center rounded-lg border border-dashed border-gray-300 bg-[#F7F7F7] transition-all hover:bg-[#f1f1f1]', onClick: handleUploadClick, type: 'button' }, loading ? (react_1["default"].createElement(Loading_1.PHXSpinner, null)) : (react_1["default"].createElement("svg", { className: 'h-5 w-5', fill: 'none', stroke: 'currentColor', strokeWidth: '1.5', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
-                    react_1["default"].createElement("path", { d: 'M12 4.5v15m7.5-7.5h-15', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
-                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 }))))),
-            showButtonWithOneImage && (react_1["default"].createElement("div", { className: ' mt-3  flex  gap-2 ' },
-                react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
-                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 || 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]' },
-                react_1["default"].createElement("div", { className: 'flex flex-col items-center justify-center' },
-                    react_1["default"].createElement(ButtonUpload_1.ButtonUpload, { fileType: fileType, handleUploadClick: function () {
+                (link === null || link === void 0 ? void 0 : link.length) > 0 && !oneImg && (react_1.default.createElement("button", { className: '  flex  aspect-square items-center justify-center rounded-lg border border-dashed border-gray-300 bg-[#F7F7F7] transition-all hover:bg-[#f1f1f1]', onClick: handleUploadClick, type: 'button' }, loading ? (react_1.default.createElement(Loading_1.PHXSpinner, null)) : (react_1.default.createElement("svg", { className: 'h-5 w-5', fill: 'none', stroke: 'currentColor', strokeWidth: '1.5', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.createElement("path", { d: 'M12 4.5v15m7.5-7.5h-15', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
+                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 }))))),
+            showButtonWithOneImage && (react_1.default.createElement("div", { className: ' mt-3  flex  gap-2 ' },
+                react_1.default.createElement(Button_1.PHXButton, { disabled: disabled, loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i"),
+                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 || isHorizontalLayout) && (react_1.default.createElement(react_1.default.Fragment, null, !file ? (react_1.default.createElement("div", { className: (0, types_1.classNames)('flex flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 ', disabled ? 'cursor-not-allowed' : 'hover:bg-[#f7f7f7] cursor-pointer') },
+                react_1.default.createElement("div", { className: 'flex flex-col items-center justify-center' },
+                    react_1.default.createElement(ButtonUpload_1.ButtonUpload, { disabled: disabled, fileType: fileType, handleUploadClick: function () {
                             handleUploadClick();
-                        }, helpText: helpText, loading: loading })))) : (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: 'truncate w-[15ch] md:w-[20ch] sm:w-full px-2 text-sm text-gray-600' }, fileName),
-                        react_1["default"].createElement("div", { className: 'pr-4' },
-                            react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i")))))))),
-            (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]' },
-                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, { fileType: fileType, handleUploadClick: handleUploadClick, helpText: helpText, loading: loading }))))))),
-        react_1["default"].createElement("input", { ref: fileInputRef, accept: "".concat((fileType === 'excel' && '.xlsx, .xls') ||
+                        }, helpText: helpText, loading: loading })))) : (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: 'truncate w-[15ch] flex-1 md:w-[20ch] sm:w-full px-2 text-sm text-gray-600' }, fileName),
+                        react_1.default.createElement("div", { className: 'pr-4' },
+                            react_1.default.createElement(Button_1.PHXButton, { disabled: disabled, loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "Thay \u0111\u1ED5i")))))))),
+            (link === null || link === void 0 ? void 0 : link.length) > 0 && !isImage && !isHorizontalLayout && (react_1.default.createElement("div", { className: (0, types_1.classNames)('flex flex-col justify-center rounded-lg border border-dashed border-gray-900/25 px-5 pb-8 pt-8 ', disabled ? 'cursor-not-allowed' : 'hover:bg-[#f7f7f7] cursor-pointer') },
+                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, { disabled: disabled, fileType: fileType, handleUploadClick: handleUploadClick, helpText: helpText, loading: loading }))))))),
+        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: handleAwaitUpdate, type: 'file' })));
+                (fileType === 'file' && '.pdf, .png,.jpg, .jpeg') ||
+                (fileType === 'pdf' && '.pdf')), className: 'sr-only', id: 'file-upload', name: 'file-upload', onChange: handleAwaitUpdate, type: 'file' })));
 }
-exports.FormUpload = FormUpload;
 //# sourceMappingURL=FormUpload.js.map

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

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

@@ -21,5 +21,14 @@ export interface ModalProps {
     setLoading?: any;
     contentOfModal?: any;
     isHorizontalLayout?: boolean;
+    cdnUploadType?: 'avatar' | 'file';
+    customNextImage?: {
+        height?: number;
+        width?: number;
+    };
+    actionTextDelete?: boolean;
+    twoColumn?: boolean;
+    hiddenWarnIcon?: boolean;
+    disabled?: boolean;
 }
-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;
+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, cdnUploadType, customNextImage, actionTextDelete, twoColumn, hiddenWarnIcon, disabled, }: ModalProps) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.PHXUploadFile = void 0;
 var tslib_1 = require("tslib");
 var outline_1 = require("@heroicons/react/24/outline");
@@ -9,15 +9,15 @@ var types_1 = require("../types");
 var Card_1 = require("../Card");
 var Modal_1 = require("../Modal");
 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, _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;
+    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, _h = _a.cdnUploadType, cdnUploadType = _h === void 0 ? 'file' : _h, customNextImage = _a.customNextImage, _j = _a.actionTextDelete, actionTextDelete = _j === void 0 ? false : _j, _k = _a.twoColumn, twoColumn = _k === void 0 ? false : _k, _l = _a.hiddenWarnIcon, hiddenWarnIcon = _l === void 0 ? false : _l, _m = _a.disabled, disabled = _m === void 0 ? false : _m;
     var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg');
-    var _h = (0, react_1.useState)([]), link = _h[0], setLink = _h[1];
-    var _j = (0, react_1.useState)(fileType === 'image'), isImage = _j[0], setIsImage = _j[1];
-    var _k = (0, react_1.useState)(false), showImage = _k[0], setShowImage = _k[1];
-    var _l = (0, react_1.useState)(false), isModalOpen = _l[0], setIsModalOpen = _l[1];
-    var _m = (0, react_1.useState)(0), length = _m[0], setLength = _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 _o = (0, react_1.useState)([]), link = _o[0], setLink = _o[1];
+    var _p = (0, react_1.useState)(fileType === 'image'), isImage = _p[0], setIsImage = _p[1];
+    var _q = (0, react_1.useState)(false), showImage = _q[0], setShowImage = _q[1];
+    var _r = (0, react_1.useState)(false), isModalOpen = _r[0], setIsModalOpen = _r[1];
+    var _s = (0, react_1.useState)(0), length = _s[0], setLength = _s[1];
+    var _t = (0, react_1.useState)(false), isChecked = _t[0], setIsChecked = _t[1];
+    var _u = (0, react_1.useState)([]), selectedImages = _u[0], setSelectedImages = _u[1];
     var handleCheckboxChange = function (index) {
         var updatedSelectedImages = tslib_1.__spreadArray([], selectedImages, true);
         if (updatedSelectedImages.includes(index)) {
@@ -31,33 +31,43 @@ var PHXUploadFile = function (_a) {
         setLength(updatedSelectedImages === null || updatedSelectedImages === void 0 ? void 0 : updatedSelectedImages.length);
     };
     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) {
+        var selectedFile, dataSubmit, response, responseData, res_1, _a, sizeDefault, error_1;
+        return tslib_1.__generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     selectedFile = event.target.files[0];
                     if (!selectedFile) return [3 /*break*/, 8];
                     event.target.value = '';
-                    _a.label = 1;
+                    _b.label = 1;
                 case 1:
-                    _a.trys.push([1, 7, , 8]);
+                    _b.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
+                            body: dataSubmit,
                         })];
                 case 2:
-                    response = _a.sent();
+                    response = _b.sent();
                     if (!response.ok) return [3 /*break*/, 5];
                     return [4 /*yield*/, response.json()];
                 case 3:
-                    responseData = _a.sent();
-                    return [4 /*yield*/, responseData.link];
+                    responseData = _b.sent();
+                    return [4 /*yield*/, responseData.link
+                        // update cdn avatar
+                    ];
                 case 4:
-                    res_1 = _a.sent();
+                    res_1 = _b.sent();
+                    // update cdn avatar
+                    if (cdnUploadType === 'avatar') {
+                        handleListenUpload(selectedFile, responseData);
+                        _a = responseData.results, sizeDefault = _a[2];
+                        setLink([sizeDefault.link]);
+                        return [2 /*return*/];
+                    }
+                    // response upload file default
                     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); });
@@ -69,10 +79,10 @@ var PHXUploadFile = function (_a) {
                     return [3 /*break*/, 6];
                 case 5:
                     console.error('Request failed with status:', response.status);
-                    _a.label = 6;
+                    _b.label = 6;
                 case 6: return [3 /*break*/, 8];
                 case 7:
-                    error_1 = _a.sent();
+                    error_1 = _b.sent();
                     console.error(error_1);
                     return [3 /*break*/, 8];
                 case 8: return [2 /*return*/];
@@ -131,17 +141,17 @@ var PHXUploadFile = function (_a) {
             return;
         }
     }, []);
-    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, { 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,
-            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 }))),
-        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-600' }, contentOfModal ? contentOfModal : 'Bạn không thể hoàn tác thao tác này.')))))));
+    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, { disabled: disabled, customNextImage: customNextImage, 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, actionTextDelete: actionTextDelete, twoColumn: twoColumn }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(FormUpload_1.FormUpload, { disabled: disabled, customNextImage: customNextImage, 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 }))),
+        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' },
+                !hiddenWarnIcon && (react_1.default.createElement("div", { className: 'mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10' },
+                    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 ".concat(!hiddenWarnIcon ? '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-600' }, 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

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

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

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

package/dist/cjs/components/types.js

@@ -1,6 +1,6 @@
 "use strict";
-exports.__esModule = true;
-exports.classNames = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.classNames = classNames;
 function classNames() {
     var classes = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -8,5 +8,4 @@ function classNames() {
     }
     return classes.filter(Boolean).join(' ');
 }
-exports.classNames = classNames;
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":";;;AAKA,SAAgB,UAAU;IAAC,iBAA8B;SAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;QAA9B,4BAA8B;;IACvD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAFD,gCAEC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":";;AAKA,gCAEC;AAFD,SAAgB,UAAU;IAAC,iBAA8B;SAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;QAA9B,4BAA8B;;IACvD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC"}

package/dist/cjs/demo/AssessmentAction.js

@@ -1,12 +1,11 @@
 "use strict";
-exports.__esModule = true;
-exports.AssessmentAction = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssessmentAction = AssessmentAction;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 function AssessmentAction(props) {
     var itemBody = props.itemBody;
-    return (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement("span", { className: 'block max-w-xs truncate' }, itemBody)));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: 'block max-w-xs truncate' }, itemBody)));
 }
-exports.AssessmentAction = AssessmentAction;
 //# sourceMappingURL=AssessmentAction.js.map

package/dist/cjs/demo/AssessmentAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssessmentAction.js","sourceRoot":"","sources":["../../../src/demo/AssessmentAction.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,SAAgB,gBAAgB,CAAC,KAAU;IACjC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAU;IAE1B,OAAO,CACL;QACE,2CAAM,SAAS,EAAC,yBAAyB,IAAE,QAAQ,CAAQ,CAC1D,CACJ,CAAA;AACH,CAAC;AARD,4CAQC"}
+{"version":3,"file":"AssessmentAction.js","sourceRoot":"","sources":["../../../src/demo/AssessmentAction.tsx"],"names":[],"mappings":";;AAEA,4CAQC;;AAVD,wDAAyB;AAEzB,SAAgB,gBAAgB,CAAC,KAAU;IACjC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAU;IAE1B,OAAO,CACL;QACE,wCAAM,SAAS,EAAC,yBAAyB,IAAE,QAAQ,CAAQ,CAC1D,CACJ,CAAA;AACH,CAAC"}

package/dist/cjs/demo/ContentModal.js

@@ -1,15 +1,15 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = require("@headlessui/react");
 var react_2 = tslib_1.__importDefault(require("react"));
 var ContentModal = function () {
-    return (react_2["default"].createElement("div", { className: 'sm:flex sm:items-start' },
-        react_2["default"].createElement("div", { className: 'text-center sm:mt-0 sm:text-left' },
-            react_2["default"].createElement(react_1.Dialog.Title, { as: 'h3', className: 'text-sm font-semibold leading-6 text-gray-900' }, "Deactivate account"),
-            react_2["default"].createElement("div", { className: 'mt-2' },
-                react_2["default"].createElement("p", { className: 'text-xs text-gray-500' }, "Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.")))));
+    return (react_2.default.createElement("div", { className: 'sm:flex sm:items-start' },
+        react_2.default.createElement("div", { className: 'text-center sm:mt-0 sm:text-left' },
+            react_2.default.createElement(react_1.Dialog.Title, { as: 'h3', className: 'text-sm font-semibold leading-6 text-gray-900' }, "Deactivate account"),
+            react_2.default.createElement("div", { className: 'mt-2' },
+                react_2.default.createElement("p", { className: 'text-xs text-gray-500' }, "Are you sure you want to deactivate your account? All of your data will be permanently removed from our servers forever. This action cannot be undone.")))));
 };
 ContentModal.propTypes = {};
-exports["default"] = ContentModal;
+exports.default = ContentModal;
 //# sourceMappingURL=ContentModal.js.map

package/dist/cjs/demo/ContentModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentModal.js","sourceRoot":"","sources":["../../../src/demo/ContentModal.tsx"],"names":[],"mappings":";;;AAAA,2CAA0C;AAC1C,wDAAyB;AAEzB,IAAM,YAAY,GAAG;IACnB,OAAO,CACL,0CAAK,SAAS,EAAC,wBAAwB;QACrC,0CAAK,SAAS,EAAC,kCAAkC;YAC/C,iCAAC,cAAM,CAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,+CAA+C,yBAEhE;YACf,0CAAK,SAAS,EAAC,MAAM;gBACnB,wCAAG,SAAS,EAAC,uBAAuB,6JAGhC,CACA,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,SAAS,GAAG,EAAE,CAAA;AAE3B,qBAAe,YAAY,CAAA"}
+{"version":3,"file":"ContentModal.js","sourceRoot":"","sources":["../../../src/demo/ContentModal.tsx"],"names":[],"mappings":";;;AAAA,2CAA0C;AAC1C,wDAAyB;AAEzB,IAAM,YAAY,GAAG;IACnB,OAAO,CACL,uCAAK,SAAS,EAAC,wBAAwB;QACrC,uCAAK,SAAS,EAAC,kCAAkC;YAC/C,8BAAC,cAAM,CAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,+CAA+C,yBAEhE;YACf,uCAAK,SAAS,EAAC,MAAM;gBACnB,qCAAG,SAAS,EAAC,uBAAuB,6JAGhC,CACA,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,SAAS,GAAG,EAAE,CAAA;AAE3B,kBAAe,YAAY,CAAA"}

package/dist/cjs/demo/demo-phx-row.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function DemoPHXRow(): React.JSX.Element;

package/dist/cjs/demo/demo-phx-row.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DemoPHXRow;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Dropdown_1 = require("../components/Dropdown");
+var Row_1 = tslib_1.__importDefault(require("../components/Row/Row"));
+function DemoPHXRow() {
+    var options = [
+        {
+            content: 'option 1',
+            id: 1,
+            onClick: function () { return console.log(1); },
+        },
+        {
+            content: 'option 2',
+            id: 2,
+            onClick: function () { return console.log(1); },
+        },
+        {
+            content: 'option 3',
+            id: 3,
+            onClick: function () { return console.log(1); },
+        },
+    ];
+    return (react_1.default.createElement(Row_1.default, null,
+        react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: 'Option', options: options }),
+        react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: 'Option', options: options }),
+        react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: 'Option', options: options })));
+}
+//# sourceMappingURL=demo-phx-row.js.map

package/dist/cjs/demo/demo-phx-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-phx-row.js","sourceRoot":"","sources":["../../../src/demo/demo-phx-row.tsx"],"names":[],"mappings":";;AAIA,6BA4BC;;AAhCD,wDAAyB;AACzB,mDAAoD;AACpD,sEAA0C;AAE1C,SAAwB,UAAU;IAChC,IAAM,OAAO,GAAG;QACd;YACE,OAAO,EAAE,UAAU;YACnB,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc;SAC9B;QACD;YACE,OAAO,EAAE,UAAU;YACnB,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc;SAC9B;QACD;YACE,OAAO,EAAE,UAAU;YACnB,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc;SAC9B;KACF,CAAA;IAED,OAAO,CACL,8BAAC,aAAM;QACL,8BAAC,sBAAW,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAExD,8BAAC,sBAAW,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAExD,8BAAC,sBAAW,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI,CACjD,CACV,CAAA;AACH,CAAC"}