phx-uikit 1.0.70 → 1.0.71

package/dist/esm/components/Dropdown/Dropdown.js

@@ -1,50 +1,147 @@
-import React, { Fragment } from 'react';
 import { Menu, Transition } from '@headlessui/react';
 import { ChevronDownIcon, ChevronUpIcon, EllipsisHorizontalIcon } from '@heroicons/react/20/solid';
-import * as SolidIcons from '@heroicons/react/24/solid';
 import * as OutlineIcons from '@heroicons/react/24/outline';
-import Calendar from '../DatePicker/components/Calendar';
+import * as SolidIcons from '@heroicons/react/24/solid';
+import React, { Fragment, useEffect, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
 import { classNames } from '../types';
+import Calendar from '../DatePicker/components/Calendar';
+import { PHXSpinner } from '../Loading';
+import PHXUrlApply from '../Func/PHXUrlApply/PHXUrlApply';
 export function PHXDropdown(_a) {
-    var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.origin, origin = _c === void 0 ? 'left' : _c, defaultDate = _a.defaultDate, onChangeDate = _a.onChangeDate, _d = _a.soft, soft = _d === void 0 ? false : _d, max = _a.max, min = _a.min, startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, disabledDate = _a.disabledDate, widthContent = _a.widthContent;
+    var buttonContent = _a.buttonContent, className = _a.className, defaultDate = _a.defaultDate, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, loading = _a.loading, max = _a.max, min = _a.min, onChangeDate = _a.onChangeDate, optionTitle = _a.optionTitle, options = _a.options, _b = _a.origin, origin = _b === void 0 ? 'left' : _b, _c = _a.soft, soft = _c === void 0 ? false : _c, startDisabled = _a.startDisabled, _d = _a.type, type = _d === void 0 ? 'default' : _d, widthContent = _a.widthContent, _e = _a.isFullContentOption, isFullContentOption = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, configUrlApply = _a.configUrlApply;
+    var _g = useState(null), portalElement = _g[0], setPortalElement = _g[1];
+    var menuButtonRef = useRef(null);
+    var scrollContainerRef = useRef(null);
+    var handleCloseRef = useRef();
+    var calculatePosition = function () {
+        if (menuButtonRef.current && portalElement) {
+            var buttonRect = menuButtonRef.current.getBoundingClientRect();
+            portalElement.style.position = 'absolute';
+            switch (origin) {
+                case 'left':
+                    portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
+                    portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
+                    break;
+                case 'right':
+                    portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
+                    portalElement.style.right = "".concat(window.innerWidth - buttonRect.right, "px");
+                    break;
+                case 'top-left':
+                    portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
+                    portalElement.style.bottom = "".concat(window.innerHeight - buttonRect.top, "px");
+                    portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
+                    break;
+                default:
+                    portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
+                    portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
+            }
+        }
+    };
+    var handleClick = function (item) {
+        if (item === null || item === void 0 ? void 0 : item.onClick) {
+            item.onClick();
+        }
+        PHXUrlApply(item.key, item.id, item.listKeyReset, configUrlApply);
+    };
+    useEffect(function () {
+        var element = document.createElement('div');
+        document.body.appendChild(element);
+        setPortalElement(element);
+        return function () {
+            document.body.removeChild(element);
+        };
+    }, []);
+    useEffect(function () {
+        // Tìm phần tử cha có scroll
+        var findScrollContainer = function (element) {
+            while (element) {
+                var overflowY = window.getComputedStyle(element).overflowY;
+                if (overflowY === 'scroll' || overflowY === 'auto') {
+                    return element;
+                }
+                element = element.parentElement;
+            }
+            return null;
+        };
+        if (menuButtonRef.current) {
+            scrollContainerRef.current = findScrollContainer(menuButtonRef.current);
+        }
+    }, []);
+    useEffect(function () {
+        if (portalElement) {
+            calculatePosition();
+        }
+    }, [portalElement]);
+    useEffect(function () {
+        var handleScrollAndResize = function (event) {
+            calculatePosition();
+            var isScrollInsideDropdown = event.target instanceof Node && (portalElement === null || portalElement === void 0 ? void 0 : portalElement.contains(event.target));
+            if (!isScrollInsideDropdown && (handleCloseRef === null || handleCloseRef === void 0 ? void 0 : handleCloseRef.current)) {
+                handleCloseRef.current();
+            }
+        };
+        window.addEventListener('scroll', handleScrollAndResize, true);
+        window.addEventListener('resize', handleScrollAndResize);
+        if (scrollContainerRef.current) {
+            scrollContainerRef.current.addEventListener('scroll', handleScrollAndResize);
+        }
+        return function () {
+            window.removeEventListener('scroll', handleScrollAndResize, true);
+            window.removeEventListener('resize', handleScrollAndResize);
+            if (scrollContainerRef.current) {
+                scrollContainerRef.current.removeEventListener('scroll', handleScrollAndResize);
+            }
+        };
+    }, [portalElement]);
     var Icon = function (_a) {
         var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
         // @ts-ignore
         var Icon = iconOutline ? OutlineIcons[icon] : SolidIcons[icon];
-        return React.createElement(Icon, { className: classNames('w-4 h-4', active && 'font-semibold') });
+        return React.createElement(Icon, { className: classNames('h-4 w-4', active && 'font-semibold') });
     };
-    return (React.createElement("div", { className: classNames('max-w-full md:max-w-fit', type === 'ellipsis-icon' && 'flex items-center') },
-        React.createElement(Menu, { as: 'div', className: classNames('w-full relative inline-block text-left', className && "".concat(className), type === 'ellipsis-icon' && 'flex items-center') }, function (_a) {
-            var open = _a.open;
+    var renderMenuItems = function () { return (React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
+        React.createElement(Menu.Items, { className: classNames(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', origin === 'top-left' && 'bottom-8 left-0', type === 'date-picker' ? '' : 'border px-1', 'absolute z-10 mt-1.5 max-h-96 min-w-[7.2rem] overflow-y-auto overscroll-contain whitespace-nowrap rounded-lg bg-white shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none') }, type === 'date-picker' ? (React.createElement(Calendar, { defaultDate: defaultDate, disabledDate: disabledDate, endDisabled: endDisabled, max: max, min: min, onChangeDate: onChangeDate, startDisabled: startDisabled })) : (React.createElement(React.Fragment, null,
+            optionTitle && React.createElement("p", { className: 'px-2.5 pb-1 pt-2 text-xs font-semibold' }, optionTitle),
+            React.createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (React.createElement(Menu.Item, { key: item.content }, function (_a) {
+                var active = _a.active;
+                return (React.createElement("div", { className: classNames(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: function () {
+                        handleClick(item);
+                    } },
+                    React.createElement("div", { className: classNames(item.icon && 'flex items-center gap-x-2') },
+                        item.icon && React.createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline }),
+                        React.createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words ").concat(isFullContentOption ? 'whitespace-normal' : '') }, item.content))));
+            })); }))))))); };
+    return (React.createElement("div", { className: classNames('relative max-w-full md:max-w-fit', type === 'ellipsis-icon' && 'flex items-center') },
+        React.createElement(Menu, { as: 'div', className: classNames('relative inline-block w-full text-left', className && "".concat(className), type === 'ellipsis-icon' && 'flex items-center') }, function (_a) {
+            var close = _a.close, open = _a.open;
+            open && calculatePosition();
+            handleCloseRef.current = close;
             return (React.createElement(React.Fragment, null,
                 React.createElement("div", null,
-                    React.createElement(Menu.Button, { className: classNames('w-full', (type === 'default' || type === 'date-picker') &&
-                            !soft &&
-                            "rounded-lg border border-gray-300 border-b-gray-400 bg-white px-2.5 py-1.5 text-xs font-normal text-gray-900 shadow-sm hover:bg-gray-50 active:border-b-gray-100 active:bg-gray-100 active:pb-[0.3rem] active:pt-[0.45rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open ? '!border-b-gray-100 !bg-gray-100 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), type === 'icon-only' &&
+                    React.createElement(Menu.Button, { disabled: disabled, ref: menuButtonRef, className: classNames('w-full', disabled
+                            ? 'relative rounded-lg bg-indigo-50 px-2.5  pb-[0.42rem] pt-[0.45rem] text-xs font-normal shadow-sm'
+                            : (type === 'default' || type === 'date-picker') &&
+                                !soft &&
+                                "rounded-lg border border-gray-300 bg-white px-2.5 py-1.5 text-xs font-normal text-gray-900 shadow-sm hover:border-gray-400 active:border-b-gray-100 active:bg-gray-100 active:pb-[0.3rem] active:pt-[0.45rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open
+                                    ? '!border-b-gray-300 !bg-gray-100 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
+                                    : ''), type === 'icon-only' &&
                             !soft &&
                             'flex items-center rounded-full bg-gray-100 text-gray-600 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100', soft &&
-                            "px-2.5 py-1.5 text-xs rounded-lg active:pt-[0.45rem] active:pb-[0.3rem] bg-indigo-50 font-normal text-gray-700 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open ? '!bg-indigo-100 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), type === 'soft-small' &&
-                            "rounded-lg bg-gray-200 px-2 py-1 text-xs hover:bg-gray-300 active:pb-[0.2rem] active:pt-[0.35rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]\n                      ".concat(open ? '!bg-gray-300 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : '', "\n                    "), type === 'ellipsis-icon' && 'flex items-center') },
+                            "rounded-lg bg-indigo-50 px-2.5 py-1.5 text-xs font-normal text-gray-700 shadow-sm hover:bg-indigo-100 active:pb-[0.3rem] active:pt-[0.45rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open ? '!bg-indigo-100 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), type === 'soft-small' &&
+                            "rounded-lg bg-gray-200 px-2 py-1 text-xs hover:bg-gray-300 active:pb-[0.2rem] active:pt-[0.35rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]\n                        ".concat(open ? '!bg-gray-300 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : '', "\n                      "), type === 'ellipsis-icon' && 'flex items-center', type !== 'ellipsis-icon' &&
+                            "before:transtion-opacity shadow-[inset_0_1px_theme(colors.white/0.07),0_0.12px_0_theme(colors.gray.900/".concat(soft || disabled ? 0.1 : 0.5, ")] group relative isolate flex items-center justify-center overflow-hidden transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:bg-gradient-to-b before:from-white/20 before:opacity-50 before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)] after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:bg-gradient-to-b after:from-white/10 after:from-[46%] after:to-[54%] after:mix-blend-overlay hover:before:opacity-100")) },
                         React.createElement("div", { className: classNames((type === 'default' || type === 'date-picker' || type === 'soft-small') &&
-                                'flex items-center gap-x-1 text-gray-900 md:justify-center justify-between', type === 'ellipsis-icon' && 'flex items-center') },
+                                "flex items-center justify-between gap-x-1 ".concat(disabled ? 'text-gray-400' : 'text-gray-900', " md:justify-center"), type === 'ellipsis-icon' && 'flex items-center') },
                             React.createElement("p", { className: classNames('max-w-[200px] truncate', type === 'icon-only' && 'sr-only') }, buttonContent),
                             (type === 'default' || type === 'date-picker' || type === 'soft-small') &&
                                 (open && origin === 'top-left' ? (React.createElement(ChevronUpIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' })) : (React.createElement(ChevronDownIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' }))),
                             type === 'icon-only' && React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }),
-                            type === 'ellipsis-icon' && (React.createElement("div", { className: 'p-1 hover:bg-gray-300 rounded-lg' },
+                            type === 'ellipsis-icon' && (React.createElement("div", { className: "rounded-lg p-1 hover:bg-gray-300  ".concat(open ? 'bg-gray-200' : '') },
                                 React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))))),
-                React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
-                    React.createElement(Menu.Items, { className: classNames(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', origin === 'top-left' && 'bottom-8 left-0', type === 'date-picker' ? '' : 'px-1 border', 'whitespace-nowrap absolute z-10 max-h-96 overflow-y-auto mt-1.5 min-w-[7.2rem] rounded-lg bg-white focus:outline-none shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)]') }, type === 'date-picker' ? (React.createElement(Calendar, { onChangeDate: onChangeDate, defaultDate: defaultDate, max: max, min: min, startDisabled: startDisabled, endDisabled: endDisabled, disabledDate: disabledDate })) : (React.createElement(React.Fragment, null,
-                        optionTitle && React.createElement("p", { className: 'px-2.5 pt-2 pb-1 text-xs font-semibold' }, optionTitle),
-                        React.createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (React.createElement(Menu.Item, { key: item.content }, function (_a) {
-                            var active = _a.active;
-                            return (React.createElement("div", { className: classNames(active ? 'bg-gray-100 text-gray-900 rounded-lg cursor-pointer' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active &&
-                                    !item.destructive &&
-                                    'bg-gray-200 rounded-lg font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'text-red-800 font-semibold bg-red-200 rounded-lg'), onClick: item.onClick },
-                                React.createElement("div", { className: classNames(item.icon && 'flex gap-x-2 items-center') },
-                                    item.icon && (React.createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline })),
-                                    React.createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words") }, item.content))));
-                        })); }))))))));
-        })));
+                portalElement ? ReactDOM.createPortal(renderMenuItems(), portalElement) : null));
+        }),
+        loading && (React.createElement("div", { className: 'absolute left-[1px] top-[1px]  flex h-[calc(100%-2px)] w-[calc(100%-2px)] items-center justify-center rounded-lg bg-white' },
+            React.createElement(PHXSpinner, { className: 'h-[16px] w-[16px] text-gray-400' })))));
 }
 //# sourceMappingURL=Dropdown.js.map

package/dist/esm/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClG,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,YAAY,MAAM,6BAA6B,CAAA;AAC3D,OAAO,QAAQ,MAAM,mCAAmC,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA6BrC,MAAM,UAAU,WAAW,CAAC,EAgBZ;QAfd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,GAAG,SAAA,EACH,GAAG,SAAA,EACH,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA;IAEZ,IAAM,IAAI,GAAG,UAAC,EAAkC;YAAhC,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA;QACvC,aAAa;QACb,IAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAChE,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,IAAI,eAAe,CAAC,GAAI,CAAA;IAC9E,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,IAAI,KAAK,eAAe,IAAI,mBAAmB,CAAC;QACpG,oBAAC,IAAI,IACH,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,UAAU,CACnB,wCAAwC,EACxC,SAAS,IAAI,UAAG,SAAS,CAAE,EAC3B,IAAI,KAAK,eAAe,IAAI,mBAAmB,CAChD,IAEA,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,CACb;gBACE;oBACE,oBAAC,IAAI,CAAC,MAAM,IACV,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,aAAa,CAAC;4BAC5C,CAAC,IAAI;4BACL,2RACE,IAAI,CAAC,CAAC,CAAC,iFAAiF,CAAC,CAAC,CAAC,EAAE,CAC7F,EACJ,IAAI,KAAK,WAAW;4BAClB,CAAC,IAAI;4BACL,mLAAmL,EACrL,IAAI;4BACF,6MACE,IAAI,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,EAAE,CAC3E,EACJ,IAAI,KAAK,YAAY;4BACnB,yLACI,IAAI,CAAC,CAAC,CAAC,6DAA6D,CAAC,CAAC,CAAC,EAAE,2BAC5E,EACH,IAAI,KAAK,eAAe,IAAI,mBAAmB,CAChD;wBAED,6BACE,SAAS,EAAE,UAAU,CACnB,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,aAAa,IAAI,IAAI,KAAK,YAAY,CAAC;gCACrE,2EAA2E,EAC7E,IAAI,KAAK,eAAe,IAAI,mBAAmB,CAChD;4BAED,2BAAG,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,IAAI,KAAK,WAAW,IAAI,SAAS,CAAC,IAClF,aAAa,CACZ;4BACH,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,aAAa,IAAI,IAAI,KAAK,YAAY,CAAC;gCACtE,CAAC,IAAI,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAC/B,oBAAC,aAAa,mBAAa,MAAM,EAAC,SAAS,EAAC,gBAAgB,GAAG,CAChE,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,mBAAa,MAAM,EAAC,SAAS,EAAC,gBAAgB,GAAG,CAClE,CAAC;4BACH,IAAI,KAAK,WAAW,IAAI,oBAAC,sBAAsB,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG;4BACzF,IAAI,KAAK,eAAe,IAAI,CAC3B,6BAAK,SAAS,EAAC,kCAAkC;gCAC/C,oBAAC,sBAAsB,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAC7D,CACP,CACG,CACM,CACV;gBAEN,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;oBAEtC,oBAAC,IAAI,CAAC,KAAK,IACT,SAAS,EAAE,UAAU,CACnB,MAAM,KAAK,MAAM,IAAI,wBAAwB,EAC7C,MAAM,KAAK,OAAO,IAAI,0BAA0B,EAChD,MAAM,KAAK,UAAU,IAAI,iBAAiB,EAC1C,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAC3C,kLAAkL,CACnL,IAEA,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,CACxB,oBAAC,QAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CAAC,CAAC,CACF;wBACG,WAAW,IAAI,2BAAG,SAAS,EAAC,wCAAwC,IAAE,WAAW,CAAK;wBACvF,6BAAK,SAAS,EAAC,MAAM,IAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC3B,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,OAAO,IACzB,UAAC,EAAU;gCAAR,MAAM,YAAA;4BAAO,OAAA,CACf,6BACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,eAAe,EAChF,2BAA2B,EAC3B,IAAI,CAAC,MAAM;oCACT,CAAC,IAAI,CAAC,WAAW;oCACjB,oDAAoD,EACtD,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,+BAA+B,EACnE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,IAAI,kDAAkD,CACtF,EACD,OAAO,EAAE,IAAI,CAAC,OAAO;gCAErB,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,2BAA2B,CAAC;oCACjE,IAAI,CAAC,IAAI,IAAI,CACZ,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,CAC9E;oCACD,2BAAG,SAAS,EAAE,UAAG,YAAY,mCAAgC,IAAG,IAAI,CAAC,OAAO,CAAK,CAC7E,CACF,CACP;wBApBgB,CAoBhB,CACS,CACb,EAxB4B,CAwB5B,CAAC,CACE,CACL,CACJ,CACU,CACF,CACZ,CACJ;QAlHc,CAkHd,CACI,CACH,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/EmptyRecord/EmptyRecord.d.ts

@@ -6,5 +6,6 @@ export interface PHXEmptyRecordProps {
     primaryAction?: ComplexAction;
     secondaryAction?: ComplexAction;
     type?: 'default' | 'small' | 'micro';
+    description?: string;
 }
-export declare function PHXEmptyRecord({ className, border, type }: PHXEmptyRecordProps): React.JSX.Element;
+export declare function PHXEmptyRecord({ className, border, type, description, }: PHXEmptyRecordProps): React.JSX.Element;

package/dist/esm/components/EmptyRecord/EmptyRecord.js

@@ -1,29 +1,19 @@
 import React from 'react';
 import EmptySvg from './EmptySvg';
 export function PHXEmptyRecord(_a) {
-    var className = _a.className, border = _a.border, _b = _a.type, type = _b === void 0 ? 'default' : _b;
-    var emptyTitle = 'Dữ liệu đang trống';
+    var className = _a.className, border = _a.border, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.description, description = _c === void 0 ? 'Dữ liệu đang trống' : _c;
     return (React.createElement("div", { className: className },
-        type === 'default' && (React.createElement("div", { className: "bg-white  sm:rounded-lg ".concat(border ? 'border shadow' : '') },
-            React.createElement("div", { className: 'flex flex-col' },
-                React.createElement("div", { className: 'min-w-full px-6 py-2 pb-16 pt-16 align-middle md:px-6 md:pr-0 lg:px-8' },
-                    React.createElement("div", { className: 'px-4 pb-14' },
-                        React.createElement("div", { className: 'text-center' },
-                            React.createElement(EmptySvg, null),
-                            React.createElement("span", { className: 'text-sm font-normal mt-4 text-gray-500' }, emptyTitle))))))),
-        type === 'small' && (React.createElement("div", { className: "bg-white  sm:rounded-lg ".concat(border ? 'border shadow' : '') },
-            React.createElement("div", { className: 'flex flex-col' },
-                React.createElement("div", { className: 'min-w-full px-6 py-2 pb-10 pt-10 align-middle md:px-6 md:pr-0 lg:px-8' },
-                    React.createElement("div", { className: 'px-4' },
-                        React.createElement("div", { className: 'text-center' },
-                            React.createElement(EmptySvg, null),
-                            React.createElement("span", { className: 'text-xs font-normal text-gray-500' }, emptyTitle))))))),
-        type === 'micro' && (React.createElement("div", { className: "bg-white  sm:rounded-lg ".concat(border ? 'border shadow' : '') },
-            React.createElement("div", { className: 'flex flex-col' },
-                React.createElement("div", { className: 'min-w-full px-6 py-2 pb-8 pt-8 align-middle md:px-6 md:pr-0 lg:px-8' },
-                    React.createElement("div", { className: 'px-4 pb-5' },
-                        React.createElement("div", { className: 'text-center' },
-                            React.createElement(EmptySvg, null),
-                            React.createElement("span", { className: 'text-xs font-normal text-gray-500' }, emptyTitle)))))))));
+        type === 'default' && (React.createElement("div", { className: "bg-white  sm:rounded-lg flex flex-col min-w-full  py-2  pt-16 align-middle md:px-6 md:pr-0 lg:px-8 px-4 pb-14 text-center ".concat(border ? 'border shadow' : '') },
+            React.createElement(EmptySvg, null),
+            React.createElement("p", { className: ' font-medium text-lg text-gray-800 mt-4' }, "Tr\u1ED1ng"),
+            React.createElement("span", { className: 'text-sm font-normal  text-gray-500 mt-1' }, description))),
+        type === 'small' && (React.createElement("div", { className: "bg-white  sm:rounded-lg flex flex-col min-w-full py-2 pb-10 pt-10 align-middle md:px-6 md:pr-0 lg:px-8 px-4 text-center ".concat(border ? 'border shadow' : '') },
+            React.createElement(EmptySvg, null),
+            React.createElement("p", { className: ' font-medium text-lg text-gray-800 ' }, "Tr\u1ED1ng"),
+            React.createElement("span", { className: 'text-sm font-normal  text-gray-500 mt-1' }, description))),
+        type === 'micro' && (React.createElement("div", { className: "bg-white  sm:rounded-lg flex flex-col min-w-full  py-2  pt-8 align-middle md:px-6 md:pr-0 lg:px-8 px-4 pb-5 text-center ".concat(border ? 'border shadow' : '') },
+            React.createElement(EmptySvg, null),
+            React.createElement("p", { className: ' font-medium text-lg text-gray-800' }, "Tr\u1ED1ng"),
+            React.createElement("span", { className: 'text-sm font-normal  text-gray-500 mt-1' }, description)))));
 }
 //# sourceMappingURL=EmptyRecord.js.map

package/dist/esm/components/EmptyRecord/EmptyRecord.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,QAAQ,MAAM,YAAY,CAAA;AAUjC,MAAM,UAAU,cAAc,CAAC,EAA4D;QAA1D,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAClE,IAAM,UAAU,GAAG,oBAAoB,CAAA;IACvC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,IAAI,KAAK,SAAS,IAAI,CACrB,6BAAK,SAAS,EAAE,kCAA2B,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE;YACxE,6BAAK,SAAS,EAAC,eAAe;gBAC5B,6BAAK,SAAS,EAAC,uEAAuE;oBACpF,6BAAK,SAAS,EAAC,YAAY;wBACzB,6BAAK,SAAS,EAAC,aAAa;4BAC1B,oBAAC,QAAQ,OAAG;4BACZ,8BAAM,SAAS,EAAC,wCAAwC,IAAE,UAAU,CAAQ,CACxE,CACF,CACF,CACF,CACF,CACP;QACA,IAAI,KAAK,OAAO,IAAI,CACnB,6BAAK,SAAS,EAAE,kCAA2B,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE;YACxE,6BAAK,SAAS,EAAC,eAAe;gBAC5B,6BAAK,SAAS,EAAC,uEAAuE;oBACpF,6BAAK,SAAS,EAAC,MAAM;wBACnB,6BAAK,SAAS,EAAC,aAAa;4BAC1B,oBAAC,QAAQ,OAAG;4BACZ,8BAAM,SAAS,EAAC,mCAAmC,IAAE,UAAU,CAAQ,CACnE,CACF,CACF,CACF,CACF,CACP;QACA,IAAI,KAAK,OAAO,IAAI,CACnB,6BAAK,SAAS,EAAE,kCAA2B,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE;YACxE,6BAAK,SAAS,EAAC,eAAe;gBAC5B,6BAAK,SAAS,EAAC,qEAAqE;oBAClF,6BAAK,SAAS,EAAC,WAAW;wBACxB,6BAAK,SAAS,EAAC,aAAa;4BAC1B,oBAAC,QAAQ,OAAG;4BACZ,8BAAM,SAAS,EAAC,mCAAmC,IAAE,UAAU,CAAQ,CACnE,CACF,CACF,CACF,CACF,CACP,CACG,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,QAAQ,MAAM,YAAY,CAAA;AAWjC,MAAM,UAAU,cAAc,CAAC,EAKT;QAJpB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,mBAAkC,EAAlC,WAAW,mBAAG,oBAAoB,KAAA;IAElC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,IAAI,KAAK,SAAS,IAAI,CACrB,6BACE,SAAS,EAAE,oIACT,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAC7B;YAEF,oBAAC,QAAQ,OAAG;YACZ,2BAAG,SAAS,EAAC,yCAAyC,iBAAU;YAChE,8BAAM,SAAS,EAAC,yCAAyC,IAAE,WAAW,CAAQ,CAC1E,CACP;QACA,IAAI,KAAK,OAAO,IAAI,CACnB,6BACE,SAAS,EAAE,kIACT,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAC7B;YAEF,oBAAC,QAAQ,OAAG;YACZ,2BAAG,SAAS,EAAC,qCAAqC,iBAAU;YAC5D,8BAAM,SAAS,EAAC,yCAAyC,IAAE,WAAW,CAAQ,CAC1E,CACP;QACA,IAAI,KAAK,OAAO,IAAI,CACnB,6BACE,SAAS,EAAE,kIACT,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAC7B;YAEF,oBAAC,QAAQ,OAAG;YACZ,2BAAG,SAAS,EAAC,oCAAoC,iBAAU;YAC3D,8BAAM,SAAS,EAAC,yCAAyC,IAAE,WAAW,CAAQ,CAC1E,CACP,CACG,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/EmptyRecord/EmptySvg.js

@@ -1,23 +1,20 @@
 import React from 'react';
 export default function EmptySvg() {
     return (React.createElement("div", { className: 'md:w-2/3 lg:w-1/4 sm:w-2/5 mx-auto flex justify-center items-center' },
-        React.createElement("svg", { width: '111', height: '111', viewBox: '0 0 111 111', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M48.3074 35.9801C49.6876 35.4318 51.2585 35.0537 53.0013 34.8784C53.474 34.832 53.8177 34.4109 53.7713 33.9382C53.7232 33.4673 53.3021 33.1218 52.8312 33.1682C50.9147 33.3607 49.1891 33.7801 47.6732 34.3834C47.2315 34.557 47.0166 35.0571 47.1919 35.4989C47.3672 35.9389 47.8674 36.1554 48.3074 35.9801Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M57.2123 34.8458C59.2439 34.9988 61.1036 35.0314 62.8017 34.9592C63.2761 34.9403 63.6456 34.5399 63.625 34.0655C63.6061 33.5911 63.2039 33.2233 62.7313 33.2422C61.0933 33.3109 59.3006 33.2783 57.3413 33.1305C56.8686 33.0961 56.4561 33.4502 56.42 33.9228C56.3839 34.3972 56.7397 34.8097 57.2123 34.8458Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M67.442 34.4504C69.4461 34.074 71.1459 33.5171 72.5742 32.8314C73.0022 32.6251 73.1826 32.1112 72.9764 31.685C72.7719 31.257 72.2579 31.0765 71.83 31.2811C70.5203 31.9101 68.9614 32.4171 67.124 32.7626C66.6583 32.8503 66.3506 33.2989 66.4383 33.7664C66.5259 34.2321 66.9762 34.5381 67.442 34.4504Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M76.0772 30.444C77.6172 28.9573 78.5213 27.2454 78.9286 25.5043C79.0369 25.042 78.7482 24.5796 78.2876 24.4714C77.8252 24.3631 77.3629 24.6518 77.2546 25.1125C76.9177 26.5579 76.1615 27.9742 74.8844 29.2065C74.5424 29.5365 74.5321 30.0814 74.8621 30.4217C75.1921 30.7637 75.7352 30.774 76.0772 30.444Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M78.5196 19.5867C77.8373 17.7751 76.6806 16.2369 75.2712 15.264C74.881 14.9959 74.3465 15.0939 74.0767 15.484C73.8068 15.8742 73.9048 16.4104 74.2967 16.6803C75.4362 17.4658 76.3592 18.7239 76.9109 20.1917C77.0776 20.6351 77.5726 20.8603 78.0178 20.6936C78.4612 20.5269 78.6864 20.0301 78.5196 19.5867Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M56.1275 15.2606C57.0711 10.8331 60.8317 8.67951 63.5439 8.66404C64.4342 8.65889 65.206 8.86858 65.6064 9.40483C65.8436 9.72279 65.9158 10.149 65.8247 10.6715C65.7439 11.139 66.0585 11.5842 66.526 11.665C66.9935 11.7458 67.4386 11.4312 67.5194 10.9637C67.705 9.88951 67.4713 9.02842 66.9831 8.37701C66.3008 7.46092 65.0496 6.9367 63.5353 6.94529C60.2336 6.9642 55.5947 9.51311 54.4466 14.9031C54.3469 15.3672 54.6425 15.8226 55.1066 15.9223C55.5706 16.022 56.0278 15.7247 56.1275 15.2606Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M54.4535 15.264C55.6171 20.6265 60.2388 23.1634 63.5319 23.184C65.163 23.1926 66.4847 22.5859 67.131 21.5357C67.5212 20.9032 67.6913 20.0971 67.5091 19.1123C67.2857 17.9006 66.4882 16.3485 64.8193 14.506C64.5013 14.1537 63.9565 14.1262 63.6058 14.4442C63.2535 14.7638 63.226 15.307 63.5457 15.6593C64.7076 16.9432 65.3968 18.0381 65.6993 18.9576C65.9279 19.6588 65.9227 20.2209 65.6683 20.6351C65.438 21.0081 65.0255 21.2332 64.5288 21.357C63.9049 21.5117 63.1572 21.4996 62.3683 21.3329C59.8469 20.8001 56.956 18.6912 56.1344 14.8996C56.033 14.4356 55.5758 14.1417 55.1118 14.2413C54.6477 14.3427 54.3538 14.7999 54.4535 15.264Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M55.0601 16.8007H66.5671C67.5158 16.8007 68.2858 16.0307 68.2858 15.0819C68.2858 14.1332 67.5158 13.3632 66.5671 13.3632H55.0601C54.1113 13.3632 53.3413 14.1332 53.3413 15.0819C53.3413 16.0307 54.1113 16.8007 55.0601 16.8007Z', fill: '#B4B4B4' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M20.2656 83.8937V93.5342C20.2656 95.4317 21.51 97.104 23.3284 97.6488C30.2344 99.7216 49.6597 105.55 54.2659 106.93C55.0703 107.172 55.9297 107.172 56.7341 106.93C61.3403 105.55 80.7656 99.7216 87.6716 97.6488C89.49 97.104 90.7344 95.4317 90.7344 93.5342C90.7344 88.9451 90.7344 79.7893 90.7344 79.7893C90.7344 79.3149 90.3494 78.9299 89.875 78.9299C89.4006 78.9299 89.0156 79.3149 89.0156 79.7893V93.5342C89.0156 94.672 88.268 95.6757 87.1783 96.004C80.2723 98.0751 60.8453 103.903 56.2408 105.285C55.7578 105.43 55.2422 105.43 54.7592 105.285L23.8217 96.004C22.732 95.6757 21.9844 94.672 21.9844 93.5342V83.8937C21.9844 83.4193 21.5994 83.0343 21.125 83.0343C20.6506 83.0343 20.2656 83.4193 20.2656 83.8937Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M18.2652 64.4203C18.2652 64.4203 13.9134 70.8724 11.6893 74.169C11.2373 74.8393 11.1255 75.6849 11.3902 76.4498C11.6532 77.2146 12.2599 77.8128 13.0299 78.062L43.9588 88.1115C45.0519 88.4656 46.2465 88.0565 46.891 87.106C49.1959 83.7029 56.2118 73.3526 56.2118 73.3526C56.363 73.1292 56.4009 72.8473 56.3132 72.5912C56.2255 72.3351 56.0227 72.1357 55.7649 72.0532L21.3899 60.8985C20.9396 60.7524 20.4549 60.9999 20.3071 61.452C20.161 61.9023 20.4085 62.387 20.8605 62.5348L54.1476 73.3354L45.4679 86.1418C45.253 86.4581 44.8543 86.5956 44.4899 86.477L13.561 76.4274C13.3049 76.3432 13.1021 76.1456 13.0144 75.8895C12.9268 75.6351 12.9646 75.3532 13.1141 75.1298L19.6901 65.381C19.9565 64.9874 19.8516 64.4529 19.458 64.1882C19.0662 63.9218 18.5316 64.0267 18.2652 64.4203Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M84.7207 62.485L55.2355 72.0532C54.7835 72.1993 54.536 72.684 54.6821 73.1361C54.8299 73.5864 55.3146 73.8339 55.7649 73.6878L85.2501 64.1212C85.7021 63.9751 85.9496 63.4887 85.8035 63.0384C85.6557 62.5864 85.171 62.3389 84.7207 62.485Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M57.2223 76.9431C57.2223 76.9431 62.2084 84.2993 64.1093 87.1061C64.7539 88.0565 65.9484 88.4656 67.0415 88.1115C72.1101 86.465 91.4409 80.1829 97.9704 78.062C98.7404 77.8128 99.3471 77.2147 99.6101 76.4498C99.8748 75.685 99.7631 74.8393 99.311 74.169C96.616 70.1729 90.5884 61.2354 90.5884 61.2354C90.322 60.8436 89.7875 60.7387 89.3939 61.0034C89.002 61.2698 88.8971 61.8043 89.1618 62.1979C89.1618 62.1979 95.1912 71.1337 97.8862 75.1298C98.0357 75.3533 98.0735 75.6351 97.9859 75.8895C97.8982 76.1456 97.6954 76.3432 97.4393 76.4275L66.5104 86.477C66.146 86.5956 65.7473 86.4581 65.5325 86.1418L58.6454 75.9789C58.379 75.5853 57.8445 75.4839 57.4509 75.7503C57.059 76.015 56.9559 76.5512 57.2223 76.9431Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M26.6116 60.835L55.7668 51.344C56.0229 51.2598 56.2257 51.0604 56.3133 50.8044C56.401 50.5483 56.3632 50.2664 56.2102 50.0429C56.2102 50.0429 50.0365 40.9628 47.8897 37.8054C47.2452 36.8584 46.0524 36.4494 44.961 36.8034L14.0304 46.8529C13.2604 47.1039 12.6537 47.7003 12.389 48.4669C12.126 49.2317 12.2377 50.0756 12.6897 50.7476C15.1716 54.4275 20.4121 62.1979 20.4121 62.1979C20.6785 62.5898 21.213 62.6947 21.6066 62.4283C21.9985 62.1636 22.1033 61.629 21.8387 61.2355C21.8387 61.2355 16.5965 53.4667 14.1146 49.7869C13.9633 49.5617 13.9272 49.2815 14.0149 49.0254C14.1026 48.7711 14.3054 48.5717 14.5615 48.4875L45.4921 38.4379C45.8565 38.3194 46.2535 38.4569 46.4683 38.7714L54.146 50.0636L26.0805 59.2004C25.6285 59.3465 25.3827 59.8329 25.5288 60.2833C25.6766 60.7336 26.1613 60.9811 26.6116 60.835Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M55.2339 51.344L89.6089 62.5331C89.9733 62.6517 90.3738 62.5159 90.5886 62.1979C90.5886 62.1979 95.8291 54.4275 98.311 50.7476C98.763 50.0756 98.8747 49.2317 98.6117 48.4669C98.347 47.7003 97.7403 47.1039 96.9703 46.8529L66.0397 36.8034C64.9483 36.4494 63.7555 36.8584 63.111 37.8054L57.0988 46.6467C56.8324 47.0403 56.9338 47.5748 57.3256 47.8412C57.7192 48.1076 58.2538 48.0062 58.5202 47.6144L64.5324 38.7714C64.7472 38.4569 65.1442 38.3194 65.5086 38.4379L96.4392 48.4875C96.6953 48.5717 96.8981 48.7711 96.9858 49.0254C97.0735 49.2815 97.0374 49.5617 96.8861 49.7869L89.5247 60.6992L55.7667 49.7095C55.3147 49.5617 54.83 49.8092 54.6839 50.2612C54.5361 50.7115 54.7836 51.1962 55.2339 51.344Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M81.5341 61.7133L55.5002 70.1593L29.4663 61.7133L55.5002 53.2382L81.5341 61.7133Z', fill: '#B4B4B4' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M46.903 50.4469C46.4407 49.7955 46.0437 49.1406 45.7102 48.4858C45.4954 48.063 44.978 47.8945 44.5552 48.1111C44.1324 48.3259 43.964 48.8433 44.1788 49.2661C44.5484 49.9931 44.9884 50.7202 45.5023 51.4438C45.7773 51.8305 46.3135 51.9198 46.7002 51.6466C47.087 51.3716 47.178 50.8336 46.903 50.4469Z', fill: '#B8B8B8' }),
-            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M44.5189 44.9108C44.3642 43.9311 44.3573 42.9738 44.4931 42.056C44.5619 41.5868 44.237 41.1502 43.7678 41.0814C43.2986 41.0127 42.862 41.3375 42.7916 41.8068C42.6334 42.8896 42.6386 44.0205 42.8208 45.1772C42.8947 45.6464 43.3347 45.9661 43.8039 45.8922C44.2714 45.8183 44.5928 45.3783 44.5189 44.9108Z', fill: '#B8B8B8' }))));
+        React.createElement("svg", { width: '90', height: '90', viewBox: '0 0 90 90', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M7.11747 48.3597C14.302 45.235 15.382 41.2412 15.2273 38.6242C15.2062 35.5656 12.6932 33.0681 9.60372 33.0681C6.80388 33.0681 4.47935 35.1184 4.04904 37.7973C3.92669 38.5637 4.44841 39.2866 5.21482 39.4089C5.98122 39.5327 6.70404 39.0095 6.82638 38.2431C7.04154 36.9044 8.2045 35.8806 9.60372 35.8806C11.1562 35.8806 12.4162 37.1406 12.4162 38.6931C12.4162 38.7212 12.4176 38.7508 12.419 38.7789C12.5386 40.7392 11.3911 43.4336 5.99669 45.7806C5.28372 46.09 4.95747 46.9197 5.26685 47.6313C5.57763 48.3428 6.40591 48.6691 7.11747 48.3597Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M7.06358 48.3808C17.7469 44.2478 24.113 40.2007 36.1069 40.0389C36.8831 40.0277 37.5047 39.3892 37.4934 38.613C37.4836 37.8382 36.8452 37.2166 36.0689 37.2264C23.6812 37.3938 17.0817 41.4888 6.04967 45.7582C5.32545 46.038 4.96545 46.8536 5.24529 47.5778C5.52514 48.3006 6.34076 48.6621 7.06358 48.3808Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M7.35325 56.6663C18.8986 48.7379 25.4292 45.9338 48.7603 45.6638C73.9477 45.3713 77.7361 32.6448 77.5223 27.4107C77.5069 22.3862 73.4175 18.3066 68.3831 18.3066C63.3375 18.3066 59.2425 22.403 59.2425 27.4473C59.2425 30.9094 61.1705 33.9259 64.0125 35.4755C64.6931 35.8482 65.5481 35.5965 65.9208 34.9144C66.292 34.2338 66.0403 33.3788 65.3597 33.0076C63.3923 31.9332 62.055 29.8449 62.055 27.4473C62.055 23.9541 64.89 21.1191 68.3831 21.1191C71.8748 21.1191 74.7113 23.9541 74.7113 27.4473C74.7113 27.467 74.7113 27.488 74.7127 27.5077C74.9123 32.1301 71.0662 42.5926 48.728 42.8513C24.5067 43.1326 17.7468 46.1166 5.75997 54.3488C5.12012 54.7876 4.95841 55.6637 5.39716 56.3035C5.83731 56.9433 6.71341 57.1065 7.35325 56.6663Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M32.7165 56.6298C36.5654 53.7245 44.2744 53.1381 49.8122 55.1181C53.1901 56.326 55.7972 58.517 55.7846 61.9848V61.9904C55.7846 64.3192 53.8932 66.2092 51.5658 66.2092C49.2371 66.2092 47.3471 64.3192 47.3471 61.9904C47.3471 61.5685 47.409 61.1607 47.5243 60.7768C47.7479 60.0329 47.3246 59.2482 46.5821 59.0246C45.8382 58.801 45.0535 59.2229 44.8299 59.9668C44.6372 60.6081 44.5346 61.2873 44.5346 61.9904C44.5346 65.8717 47.6846 69.0217 51.5658 69.0217C55.4457 69.0217 58.5957 65.8731 58.5971 61.9932C58.614 57.2935 55.3374 54.107 50.7586 52.4701C44.3602 50.1821 35.4685 51.0273 31.0219 54.3854C30.4018 54.8523 30.2794 55.7354 30.7463 56.3542C31.2146 56.9743 32.0977 57.0967 32.7165 56.6298Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M61.4737 49.8813C67.6204 49.5606 74.5054 51.8739 77.0648 56.2206C77.4585 56.89 78.3205 57.1136 78.9899 56.7199C79.6579 56.3261 79.8815 55.4627 79.4877 54.7947C76.4882 49.697 68.5344 46.6961 61.3274 47.0716C60.5526 47.1124 59.9563 47.7747 59.9971 48.5495C60.0379 49.3244 60.6988 49.9206 61.4737 49.8813Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M18.9114 29.7731C22.659 29.97 28.0478 28.26 30.6775 26.4192C31.3131 25.9749 31.4692 25.0974 31.0234 24.4617C30.5776 23.8261 29.7001 23.67 29.0645 24.1158C26.8286 25.681 22.2456 27.1322 19.0604 26.9649C18.2842 26.9241 17.6219 27.5203 17.5811 28.2952C17.5403 29.07 18.1365 29.7324 18.9114 29.7731Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M28.0159 26.3967C22.9562 21.7406 25.4326 12.8236 35.4367 9.14345C40.817 7.16485 43.7518 5.17923 45.2284 3.51423C45.4829 3.08251 45.9554 2.82798 46.4561 2.85189C46.9567 2.8758 47.4025 3.17533 47.6134 3.62954C52.9122 16.2042 39.1042 36.6033 28.0159 26.3967Z', fill: '#E5E7EB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M47.7057 3.85449C52.7499 16.4433 39.039 36.5428 28.0154 26.3967C26.9255 25.394 26.1859 24.1945 25.7949 22.8923C35.1915 32.4562 49.5113 16.4868 47.7057 3.85449Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M7.75271 76.6266C9.8874 74.2556 14.1554 72.0408 16.8427 71.5669C17.6063 71.4319 18.1182 70.7006 17.9832 69.937C17.8482 69.172 17.1183 68.6615 16.3533 68.7965C13.1935 69.3548 8.17178 71.9564 5.66302 74.745C5.14271 75.3216 5.19052 76.2117 5.76709 76.7306C6.34365 77.2495 7.23381 77.2031 7.75271 76.6266Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M14.4878 70.6964C14.2024 77.5645 22.2588 82.1194 31.9352 77.6475C37.1383 75.2428 40.6173 74.572 42.8406 74.7042C43.3258 74.8294 43.8391 74.6761 44.1766 74.3048C44.5127 73.9336 44.6153 73.4062 44.4437 72.9365C39.2997 60.2986 15.1122 55.6383 14.4878 70.6964Z', fill: '#E5E7EB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M16.6183 64.6931C15.3724 66.1697 14.5933 68.1511 14.4878 70.6964C14.2024 77.5645 22.2588 82.1194 31.9352 77.6475C37.1383 75.2428 40.6174 74.572 42.8406 74.7042C43.2836 74.8195 43.7519 74.7 44.0866 74.3948C44.0402 74.3808 43.9952 74.3625 43.9502 74.3428C41.7649 73.8619 38.2225 74.039 32.7297 75.7898C22.5147 79.0453 15.1614 72.9815 16.4003 65.7436C16.4622 65.3808 16.5353 65.0306 16.6183 64.6931Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M61.1332 66.8461C63.6322 67.1513 66.8032 68.611 68.997 70.1536C69.6312 70.6008 70.5101 70.4475 70.9559 69.8133C71.4031 69.1791 71.2498 68.3002 70.6156 67.8544C68.0689 66.0628 64.3732 64.4077 61.4722 64.0547C60.7029 63.9605 60.0012 64.5103 59.907 65.281C59.8128 66.0516 60.3626 66.7533 61.1332 66.8461Z', fill: '#D1D5DB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M68.6675 67.3383C64.3123 70.8159 65.8071 78.1664 73.6878 81.7116C77.6309 83.4848 79.8626 85.1428 81.0396 86.5167C81.2829 86.9484 81.7428 87.21 82.2378 87.1987C82.7328 87.1889 83.1814 86.9062 83.4064 86.4647C87.9556 76.5436 78.0879 59.8163 68.6675 67.3383Z', fill: '#E5E7EB' }),
+            React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M66.5663 70.3547C65.3766 74.0799 67.6702 79.0046 73.6875 81.7116C77.6306 83.4849 79.8623 85.1429 81.0394 86.5168C81.2827 86.9485 81.7425 87.21 82.2375 87.1988C82.485 87.1946 82.7198 87.1215 82.9223 86.9935C82.6748 86.8388 82.4808 86.604 82.3753 86.3199C81.2391 84.458 78.7613 82.0336 73.9477 79.1804C69.7992 76.7208 67.3931 73.4822 66.5663 70.3547Z', fill: '#D1D5DB' }))));
 }
 //# sourceMappingURL=EmptySvg.js.map

package/dist/esm/components/EmptyRecord/EmptySvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySvg.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptySvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAC,qEAAqE;QAClF,6BAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAChG,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2SAA2S,EAC7S,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0eAA0e,EAC5e,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,unBAAunB,EACznB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mOAAmO,EACrO,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,usBAAusB,EACzsB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,swBAAswB,EACxwB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8OAA8O,EAChP,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ssBAAssB,EACxsB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yyBAAyyB,EAC3yB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2rBAA2rB,EAC7rB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4SAA4S,EAC9S,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd,CACE,CACF,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"EmptySvg.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptySvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAC,qEAAqE;QAClF,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC5F,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4hBAA4hB,EAC9hB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ytBAAytB,EAC3tB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qrBAAqrB,EACvrB,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ySAAyS,EAC3S,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iQAAiQ,EACnQ,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8YAA8Y,EAChZ,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iQAAiQ,EACnQ,IAAI,EAAC,SAAS,GACd;YACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8VAA8V,EAChW,IAAI,EAAC,SAAS,GACd,CACE,CACF,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/EmptyStateAction/empty-state-action.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface IEmptyStateAction {
+    title: string;
+    description: string;
+    buttonContent?: string;
+    buttonType?: 'primary' | 'secondary' | 'danger' | 'danger2' | 'soft' | 'plain' | 'tertiary' | 'plainCritical' | 'primaryCritical' | 'deleted';
+    onAction?(): void;
+    img?: string;
+    imgClassname?: string;
+    classname?: string;
+}
+export declare function PHXEmptyStateAction({ onAction, title, description, buttonContent, buttonType, img, imgClassname, classname, }: IEmptyStateAction): React.JSX.Element;

package/dist/esm/components/EmptyStateAction/empty-state-action.js

@@ -0,0 +1,13 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { PHXButton } from '../Button';
+export function PHXEmptyStateAction(_a) {
+    var _b;
+    var onAction = _a.onAction, title = _a.title, description = _a.description, _c = _a.buttonContent, buttonContent = _c === void 0 ? 'Tải lên phiếu lương' : _c, _d = _a.buttonType, buttonType = _d === void 0 ? 'primary' : _d, _e = _a.img, img = _e === void 0 ? 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/4-21-2025/93cd5b01-20c4-41a2-a61b-e2f8e1a152d5-Mask-Group.png' : _e, _f = _a.imgClassname, imgClassname = _f === void 0 ? '' : _f, _g = _a.classname, classname = _g === void 0 ? '' : _g;
+    return (React.createElement("div", { className: "flex flex-col items-center mb-20 ".concat(classname) },
+        React.createElement("img", { src: img, className: "w-[226px] h-[226px] ".concat(imgClassname) }),
+        React.createElement("p", { className: 'text-[14px] leading-5 font-[650] max-w-[60%] text-center' }, title),
+        React.createElement("p", { className: 'text-[12px] mt-2 leading-5 font-normal text-gray-800 max-w-[80%] text-center' }, description),
+        buttonContent && (React.createElement(PHXButton, __assign({}, (_b = {}, _b[buttonType] = true, _b), { className: 'text-xs font-normal mt-4', onClick: onAction }), buttonContent))));
+}
+//# sourceMappingURL=empty-state-action.js.map

package/dist/esm/components/EmptyStateAction/empty-state-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-action.js","sourceRoot":"","sources":["../../../../src/components/EmptyStateAction/empty-state-action.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAuBrC,MAAM,UAAU,mBAAmB,CAAC,EAShB;;QARlB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,qBAAqC,EAArC,aAAa,mBAAG,qBAAqB,KAAA,EACrC,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,WAA6H,EAA7H,GAAG,mBAAG,uHAAuH,KAAA,EAC7H,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,CACL,6BAAK,SAAS,EAAE,2CAAoC,SAAS,CAAE;QAC7D,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,8BAAuB,YAAY,CAAE,GAAI;QACnE,2BAAG,SAAS,EAAC,0DAA0D,IAAE,KAAK,CAAK;QACnF,2BAAG,SAAS,EAAC,8EAA8E,IAAE,WAAW,CAAK;QAC5G,aAAa,IAAI,CAChB,oBAAC,SAAS,yBAAO,GAAC,UAAU,IAAG,IAAI,SAAI,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,QAAQ,KAC1F,aAAa,CACJ,CACb,CACG,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/EmptyStateAction/index.d.ts

@@ -0,0 +1 @@
+export * from './empty-state-action';

package/dist/esm/components/EmptyStateAction/index.js

@@ -0,0 +1,2 @@
+export * from './empty-state-action';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EmptyStateAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/EmptyStateAction/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/esm/components/FormTuitionV3/FormTuitionV3.js

@@ -6,6 +6,7 @@ import { PHXEmptyRecord } from '../EmptyRecord';
 import { KEY_COEFFICIENT_SEMESTER_I, KEY_COEFFICIENT_SEMESTER_II } from '../../utils/constants';
 import PHXClientQueryV3 from '../Func/clientQueryV3';
 import { getTuitionDebtRecordByUserCodeV3 } from '../../query';
+import { LockClosedIcon } from '@heroicons/react/24/outline';
 export var PHXFormTuitionV3 = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     var _m = _a.isProcessByMonth, isProcessByMonth = _m === void 0 ? false : _m, school_id = _a.school_id, school_year_id = _a.school_year_id, setDiscountPromotionObject = _a.setDiscountPromotionObject, setShowModalPromotionObject = _a.setShowModalPromotionObject, setShowModalService = _a.setShowModalService, user_code = _a.user_code;
@@ -79,6 +80,13 @@ export var PHXFormTuitionV3 = function (_a) {
             return React.createElement(React.Fragment, null);
         }
     };
+    var generateIconLock = function (isLocked) {
+        return isLocked ? React.createElement(LockClosedIcon, { "aria-hidden": 'true', className: 'ml-1 h-4 w-4' }) : React.createElement(React.Fragment, null);
+    };
+    var getIsLockedYear = function (listDebtRecord) { return listDebtRecord.every(function (_a) {
+        var is_locked = _a.is_locked;
+        return is_locked === true;
+    }); };
     return (React.createElement(React.Fragment, null, isLoadingTable ? (React.createElement(PHXSkeleton, { type: 'table' })) : listDebtRecordByStudent.length > 0 ? (React.createElement("div", { className: 'rounded-lg bg-white  shadow ring-1 ring-black ring-opacity-5' },
         React.createElement("div", { className: 'overflow-x-auto rounded-lg' },
             React.createElement("div", { className: 'min-w-full align-middle shadow  ring-black ring-opacity-5' },
@@ -89,9 +97,15 @@ export var PHXFormTuitionV3 = function (_a) {
                                 React.createElement("th", { className: 'sticky left-0 w-[210px] border-r bg-white px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-500 drop-shadow-md xl:drop-shadow-none', scope: 'col' }, "Chi ti\u1EBFt kho\u1EA3n ph\u00ED"), (_b = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _b === void 0 ? void 0 :
                                 _b.map(function (item, index) {
                                     var _a, _b;
-                                    return (React.createElement("th", { key: index, className: 'w-[210px] border-r bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' }, isProcessByMonth ? (_a = item.school_month) === null || _a === void 0 ? void 0 : _a.name : (_b = item.school_term) === null || _b === void 0 ? void 0 : _b.name));
+                                    return (React.createElement("th", { key: index, className: 'w-[210px] border-r bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' },
+                                        React.createElement("p", { className: 'flex text-center' },
+                                            isProcessByMonth ? (_a = item.school_month) === null || _a === void 0 ? void 0 : _a.name : (_b = item.school_term) === null || _b === void 0 ? void 0 : _b.name,
+                                            generateIconLock(item.is_locked))));
                                 }),
-                                React.createElement("th", { className: 'w-[210px] bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' }, "C\u1EA3 n\u0103m"))),
+                                React.createElement("th", { className: 'w-[210px] bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' },
+                                    React.createElement("p", { className: 'flex text-center' },
+                                        "C\u1EA3 n\u0103m",
+                                        generateIconLock(getIsLockedYear(isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)))))),
                         React.createElement("tbody", { className: 'divide-y divide-gray-200 bg-white' },
                             React.createElement("tr", { className: 'bg-gray-100' },
                                 React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-gray-100 pl-2 text-xs text-gray-900 drop-shadow-md' }, "1. D\u01B0 n\u1EE3 \u0111\u1EA7u k\u1EF3"), (_c = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _c === void 0 ? void 0 :
@@ -214,6 +228,6 @@ export var PHXFormTuitionV3 = function (_a) {
                                             // ref={linkRef}
                                             className: 'pt-3 text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', href: linkPdfNewest, rel: 'noreferrer', target: '_blank' }, "pdf file"))) : (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, "---"));
                                 }),
-                                React.createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs border-t text-gray-900' })))))))))) : (React.createElement(PHXEmptyRecord, null))));
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' })))))))))) : (React.createElement(PHXEmptyRecord, null))));
 };
 //# sourceMappingURL=FormTuitionV3.js.map