phx-uikit 1.0.255 → 1.0.257

package/dist/cjs/components/Drawer/Drawer.js

@@ -0,0 +1,50 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXDrawer = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var outline_1 = require("@heroicons/react/24/outline");
+var react_2 = tslib_1.__importStar(require("react"));
+var framer_motion_1 = require("framer-motion");
+var types_1 = require("../types");
+var PHXDrawer = function (_a) {
+    var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, showFooter = _a.showFooter, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, _g = _a.closeOutsiteClick, closeOutsiteClick = _g === void 0 ? true : _g;
+    var isSide = position === 'left' || position === 'right';
+    var dimensionStyle = isSide ? { width: width } : { height: height };
+    var responsiveWidth = isSide ? "w-screen max-w-[".concat(width, "px] md:max-w-[").concat(width, "px]") : "h-screen max-h-[".concat(height, "px]");
+    var sizeClass = size === 'sm' ? 'p-3 text-sm' : size === 'lg' ? 'p-6 text-base' : 'p-4 text-sm';
+    return (react_2.default.createElement(react_1.Transition.Root, { as: react_2.Fragment, show: open },
+        react_2.default.createElement(react_1.Dialog, { as: 'div', className: 'relative z-50', onClose: function () {
+                if (!disabled && closeOutsiteClick)
+                    onClose(false);
+            } },
+            react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-200', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-150', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
+                react_2.default.createElement("div", { className: 'fixed inset-0 bg-black/40', "aria-hidden": 'true' })),
+            react_2.default.createElement("div", { className: 'pointer-events-none fixed inset-y-0 right-0 flex w-full max-w-full sm:pl-10 md:pl-16' },
+                react_2.default.createElement("div", { className: (0, types_1.classNames)('absolute flex pointer-events-none max-w-full', isSide ? 'inset-y-0' : 'inset-x-0 justify-center', position === 'right' && 'right-0 pl-0 sm:pl-10 md:pl-16', position === 'left' && 'left-0 pl-0 sm:pl-10 md:pl-16') },
+                    react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'transform transition ease-out duration-300', enterFrom: position === 'right'
+                            ? 'translate-x-full'
+                            : position === 'left'
+                                ? '-translate-x-full'
+                                : position === 'top'
+                                    ? '-translate-y-full'
+                                    : 'translate-y-full', enterTo: 'translate-x-0 translate-y-0', leave: 'transform transition ease-in duration-200', leaveFrom: 'translate-x-0 translate-y-0', leaveTo: position === 'right'
+                            ? 'translate-x-full'
+                            : position === 'left'
+                                ? '-translate-x-full'
+                                : position === 'top'
+                                    ? '-translate-y-full'
+                                    : 'translate-y-full' },
+                        react_2.default.createElement(react_1.Dialog.Panel, { as: framer_motion_1.motion.div, style: dimensionStyle, className: (0, types_1.classNames)('pointer-events-auto bg-white shadow-xl flex flex-col', isSide ? 'h-screen' : 'w-screen', className, responsiveWidth) },
+                            react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between border-b border-gray-200', sizeClass) },
+                                react_2.default.createElement(react_1.Dialog.Title, { className: 'font-semibold text-gray-900 text-sm' }, title),
+                                !disabled && (react_2.default.createElement("button", { className: 'rounded-md outline-none text-gray-400 hover:text-gray-600', onClick: function () { return onClose(false); } },
+                                    react_2.default.createElement(outline_1.XMarkIcon, { className: 'w-6 h-6' })))),
+                            react_2.default.createElement("div", { className: (0, types_1.classNames)('flex-1 overflow-y-auto text-xs text-gray-500', sizeClass) }, children),
+                            showFooter && (react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-end gap-3 border-t border-gray-200 bg-gray-50', sizeClass) },
+                                react_2.default.createElement("button", { disabled: disabled, onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), className: 'px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300' }, "Cancel"),
+                                react_2.default.createElement("button", { disabled: disabled, onClick: onSave, className: 'px-4 py-2 rounded-md bg-indigo-600 hover:bg-indigo-700 text-white' }, "Save"))))))))));
+};
+exports.PHXDrawer = PHXDrawer;
+//# sourceMappingURL=Drawer.js.map

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

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

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

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

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

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

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

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

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

@@ -7,6 +7,7 @@ export type OptionItem = {
     content?: string;
     icon?: IconName;
     iconOutline?: boolean;
+    iconComponent?: React.ReactNode;
     active?: boolean;
     key?: KeyParams;
     listKeyReset?: Array<KeyParams>;
@@ -21,7 +22,7 @@ export interface DropdownProps {
     optionTitle?: string;
     loading?: boolean;
     options?: Array<OptionItem>;
-    origin?: 'left' | 'right' | 'top-left';
+    origin?: 'left' | 'right' | 'top-left' | 'top-right';
     type?: 'default' | 'icon-only' | 'date-picker' | 'ellipsis-icon' | 'soft-small' | 'primary' | 'danger';
     defaultDate?: string;
     max?: string;

package/dist/cjs/components/Dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 "use strict";
-exports.__esModule = true;
-exports.PHXDropdown = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXDropdown = PHXDropdown;
 var tslib_1 = require("tslib");
 var react_1 = require("@headlessui/react");
 var solid_1 = require("@heroicons/react/20/solid");
@@ -15,13 +15,14 @@ var PHXUrlApply_1 = tslib_1.__importDefault(require("../Func/PHXUrlApply/PHXUrlA
 function PHXDropdown(_a) {
     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, _g = _a.onlyResetValueUrl, onlyResetValueUrl = _g === void 0 ? false : _g;
     var _h = (0, react_2.useState)(null), portalElement = _h[0], setPortalElement = _h[1];
+    var _j = (0, react_2.useState)(origin !== null && origin !== void 0 ? origin : 'left'), realOrigin = _j[0], setRealOrigin = _j[1];
     var menuButtonRef = (0, react_2.useRef)(null);
     var scrollContainerRef = (0, react_2.useRef)(null);
     var handleCloseRef = (0, react_2.useRef)();
     function getDropdownButtonClass(_a) {
-        var type = _a.type, soft = _a.soft, disabled = _a.disabled, open = _a.open;
+        var type = _a.type, soft = _a.soft, disabled = _a.disabled, open = _a.open, loading = _a.loading;
         var base = 'w-full group relative isolate flex items-center justify-center overflow-hidden rounded-lg transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)]';
-        if (disabled) {
+        if (disabled || loading) {
             return (0, types_1.classNames)(base, 'relative bg-indigo-50 px-2.5 pb-[0.42rem] pt-[0.45rem] text-xs font-normal shadow-sm text-gray-400 cursor-not-allowed');
         }
         if (soft) {
@@ -29,7 +30,7 @@ function PHXDropdown(_a) {
         }
         switch (type) {
             case 'icon-only':
-                return (0, types_1.classNames)(base, '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');
+                return (0, types_1.classNames)(base, 'flex items-center rounded-full 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');
             case 'soft-small':
                 return (0, types_1.classNames)(base, '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]', open && '!bg-gray-300 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]');
             case 'ellipsis-icon':
@@ -48,7 +49,17 @@ function PHXDropdown(_a) {
         if (menuButtonRef.current && portalElement) {
             var buttonRect = menuButtonRef.current.getBoundingClientRect();
             portalElement.style.position = 'absolute';
-            switch (origin) {
+            var dropdownHeight = portalElement.offsetHeight || 240;
+            var viewportHeight = window.innerHeight;
+            var spaceBottom = viewportHeight - buttonRect.bottom;
+            var spaceTop = buttonRect.top;
+            var nextOrigin = origin;
+            // Kiểm tra nếu dropdown position bottom quá gần cuối màn hình sẽ tự chuyển position lên top tránh bị màn hình che
+            if ((origin === 'left' || origin === 'right') && spaceBottom < dropdownHeight && spaceTop > dropdownHeight) {
+                nextOrigin = origin === 'left' ? 'top-left' : 'top-right';
+            }
+            setRealOrigin(nextOrigin);
+            switch (nextOrigin) {
                 case 'left':
                     portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
                     portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
@@ -62,6 +73,11 @@ function PHXDropdown(_a) {
                     portalElement.style.bottom = "".concat(window.innerHeight - buttonRect.top, "px");
                     portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
                     break;
+                case 'top-right':
+                    portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
+                    portalElement.style.bottom = "".concat(window.innerHeight - buttonRect.top, "px");
+                    portalElement.style.right = "".concat(window.innerWidth - buttonRect.right, "px");
+                    break;
                 default:
                     portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
                     portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
@@ -74,7 +90,7 @@ function PHXDropdown(_a) {
         if (item === null || item === void 0 ? void 0 : item.onClick) {
             item.onClick();
         }
-        (0, PHXUrlApply_1["default"])(item.key, item.id, item.listKeyReset, configUrlApply, onlyResetValueUrl);
+        (0, PHXUrlApply_1.default)(item.key, item.id, item.listKeyReset, configUrlApply, onlyResetValueUrl);
     };
     (0, react_2.useEffect)(function () {
         var element = document.createElement('div');
@@ -127,51 +143,59 @@ function PHXDropdown(_a) {
         };
     }, [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_2["default"].createElement(Icon, { className: (0, types_1.classNames)('h-4 w-4', active && 'font-semibold') });
+        var active = _a.active, item = _a.item;
+        if (item.iconComponent) {
+            return item.iconComponent;
+        }
+        if (item.icon) {
+            // @ts-ignore
+            var Icon_1 = item.iconOutline ? OutlineIcons[item.icon] : SolidIcons[item.icon];
+            return react_2.default.createElement(Icon_1, { className: (0, types_1.classNames)('h-4 w-4', active && 'font-semibold') });
+        }
+        return null;
     };
-    var renderMenuItems = function () { return (react_2["default"].createElement(react_1.Transition, { as: react_2.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_2["default"].createElement(react_1.Menu.Items, { className: (0, types_1.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-50 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_2["default"].createElement(Calendar_1["default"], { defaultDate: defaultDate, disabledDate: disabledDate, endDisabled: endDisabled, max: max, min: min, onChangeDate: onChangeDate, startDisabled: startDisabled })) : (react_2["default"].createElement(react_2["default"].Fragment, null,
-            optionTitle && react_2["default"].createElement("p", { className: 'px-2.5 pb-1 pt-2 text-xs font-semibold' }, optionTitle),
-            react_2["default"].createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (react_2["default"].createElement(react_1.Menu.Item, { key: item.content }, function (_a) {
-                var active = _a.active;
-                return (react_2["default"].createElement("div", { className: (0, types_1.classNames)(item.disabled ? 'cursor-not-allowed !text-gray-400' : 'cursor-pointer', active && !item.disabled
-                        ? '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 &&
-                        !item.disabled &&
-                        'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && !item.disabled && 'text-red-800 hover:bg-red-100', item.destructive &&
-                        item.active &&
-                        !item.disabled &&
-                        'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: function () {
-                        handleClick(item);
-                    } },
-                    react_2["default"].createElement("div", { className: (0, types_1.classNames)(item.icon && 'flex items-center gap-x-2') },
-                        item.icon && react_2["default"].createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline }),
-                        react_2["default"].createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words ").concat(isFullContentOption ? 'whitespace-normal' : '') }, item.content))));
-            })); }))))))); };
-    return (react_2["default"].createElement("div", { className: (0, types_1.classNames)('relative max-w-full md:max-w-fit', type === 'ellipsis-icon' && 'flex items-center') },
-        react_2["default"].createElement(react_1.Menu, { as: 'div', className: (0, types_1.classNames)('relative inline-block w-full text-left', className && "".concat(className), type === 'ellipsis-icon' && 'flex items-center') }, function (_a) {
+    var renderMenuItems = function () { return (react_2.default.createElement(react_1.Transition, { as: react_2.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_2.default.createElement(react_1.Menu.Items, { className: (0, types_1.classNames)(realOrigin === 'left' && 'left-0 origin-top-left', realOrigin === 'right' && 'right-0 origin-top-right', realOrigin === 'top-left' && 'bottom-8 left-0', realOrigin === 'top-right' && 'bottom-8 right-0', type === 'date-picker' ? '' : 'border px-1', 'absolute z-50 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_2.default.createElement(Calendar_1.default, { defaultDate: defaultDate, disabledDate: disabledDate, endDisabled: endDisabled, max: max, min: min, onChangeDate: onChangeDate, startDisabled: startDisabled })) : (react_2.default.createElement(react_2.default.Fragment, null,
+            optionTitle && react_2.default.createElement("p", { className: 'px-2.5 pb-1 pt-2 text-xs font-semibold' }, optionTitle),
+            react_2.default.createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) {
+                var iconEsixt = !!(item.icon || item.iconComponent);
+                return (react_2.default.createElement(react_1.Menu.Item, { key: item.content }, function (_a) {
+                    var active = _a.active;
+                    return (react_2.default.createElement("div", { className: (0, types_1.classNames)(item.disabled ? 'cursor-not-allowed !text-gray-400' : 'cursor-pointer', active && !item.disabled
+                            ? '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 &&
+                            !item.disabled &&
+                            'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && !item.disabled && 'text-red-800 hover:bg-red-100', item.destructive &&
+                            item.active &&
+                            !item.disabled &&
+                            'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: function () {
+                            handleClick(item);
+                        } },
+                        react_2.default.createElement("div", { className: (0, types_1.classNames)(iconEsixt && 'flex items-center gap-x-2') },
+                            iconEsixt && react_2.default.createElement(Icon, { active: item.active, item: item }),
+                            react_2.default.createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words ").concat(isFullContentOption ? 'whitespace-normal' : '') }, item.content))));
+                }));
+            }))))))); };
+    return (react_2.default.createElement("div", { className: (0, types_1.classNames)('relative max-w-full md:max-w-fit', type === 'ellipsis-icon' && 'flex items-center') },
+        react_2.default.createElement(react_1.Menu, { as: 'div', className: (0, types_1.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_2["default"].createElement(react_2["default"].Fragment, null,
-                react_2["default"].createElement("div", null,
-                    react_2["default"].createElement(react_1.Menu.Button, { disabled: disabled, ref: menuButtonRef, className: getDropdownButtonClass({ type: type, soft: soft, disabled: disabled, open: open }) },
-                        react_2["default"].createElement("div", { className: (0, types_1.classNames)(['default', 'date-picker', 'soft-small', 'primary', 'danger'].includes(type) &&
+            return (react_2.default.createElement(react_2.default.Fragment, null,
+                react_2.default.createElement("div", null,
+                    react_2.default.createElement(react_1.Menu.Button, { disabled: disabled, ref: menuButtonRef, className: getDropdownButtonClass({ type: type, soft: soft, disabled: disabled, open: open, loading: loading }) },
+                        react_2.default.createElement("div", { className: (0, types_1.classNames)(['default', 'date-picker', 'soft-small', 'primary', 'danger'].includes(type) &&
                                 "flex items-center justify-between gap-x-1 md:justify-center", type === 'ellipsis-icon' && 'flex items-center') },
-                            react_2["default"].createElement("p", { className: (0, types_1.classNames)('max-w-[120px] truncate sm:max-w-full', type === 'icon-only' && 'sr-only') }, buttonContent),
+                            react_2.default.createElement("p", { className: (0, types_1.classNames)('max-w-[120px] truncate sm:max-w-full', type === 'icon-only' && 'sr-only') }, buttonContent),
                             ['default', 'date-picker', 'soft-small', 'primary', 'danger'].includes(type) &&
-                                (open && origin === 'top-left' ? (react_2["default"].createElement(solid_1.ChevronUpIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' })) : (react_2["default"].createElement(solid_1.ChevronDownIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' }))),
-                            type === 'icon-only' && react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-4 h-4' }),
-                            type === 'ellipsis-icon' && (react_2["default"].createElement("div", { className: "rounded-lg p-1 hover:bg-gray-300  ".concat(open ? 'bg-gray-200' : '') },
-                                react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-4 h-4' })))))),
-                portalElement ? react_dom_1["default"].createPortal(renderMenuItems(), portalElement) : null));
+                                (open && origin === 'top-left' ? (react_2.default.createElement(solid_1.ChevronUpIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' })) : (react_2.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' }))),
+                            type === 'icon-only' && react_2.default.createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-4 h-4' }),
+                            type === 'ellipsis-icon' && (react_2.default.createElement("div", { className: "rounded-lg p-1 hover:bg-gray-300  ".concat(open ? 'bg-gray-200' : '') },
+                                react_2.default.createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'w-4 h-4' })))))),
+                portalElement ? react_dom_1.default.createPortal(renderMenuItems(), portalElement) : null));
         }),
-        loading && (react_2["default"].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_2["default"].createElement(Loading_1.PHXSpinner, { className: 'h-[16px] w-[16px] text-gray-400' })))));
+        loading && (react_2.default.createElement("div", { className: 'absolute left-[1px] top-[1px]  flex h-[calc(100%-2px)] w-[calc(100%-2px)] items-center justify-center rounded-lg bg-gray-300' },
+            react_2.default.createElement(Loading_1.PHXSpinner, { className: 'h-[16px] w-[16px] text-white' })))));
 }
-exports.PHXDropdown = PHXDropdown;
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;AAiDA,kCAmXC;;AApaD,2CAAoD;AACpD,mDAAkG;AAClG,gFAA2D;AAC3D,4EAAuD;AACvD,qDAAoE;AACpE,gEAAgC;AAChC,kCAAqC;AACrC,uFAAwD;AACxD,sCAAuC;AACvC,wFAAyD;AAwCzD,SAAgB,WAAW,CAAC,EAqBZ;QApBd,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,GAAG,SAAA,EACH,GAAG,SAAA,EACH,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,aAAa,mBAAA,EACb,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,YAAY,kBAAA,EACZ,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,cAAc,oBAAA,EACd,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA;IAEnB,IAAA,KAAoC,IAAA,gBAAQ,EAAqB,IAAI,CAAC,EAArE,aAAa,QAAA,EAAE,gBAAgB,QAAsC,CAAA;IACtE,IAAA,KAA8B,IAAA,gBAAQ,EAA0B,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,MAAM,CAAC,EAAhF,UAAU,QAAA,EAAE,aAAa,QAAuD,CAAA;IACvF,IAAM,aAAa,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAA;IACrD,IAAM,kBAAkB,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAA;IAC3D,IAAM,cAAc,GAAG,IAAA,cAAM,GAAc,CAAA;IAE3C,SAAS,sBAAsB,CAAC,EAY/B;YAXC,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA;QAQP,IAAM,IAAI,GACR,qJAAqJ,CAAA;QAEvJ,IAAI,QAAQ,IAAI,OAAO,EAAE,CAAC;YACxB,OAAO,IAAA,kBAAU,EACf,IAAI,EACJ,uHAAuH,CACxH,CAAA;QACH,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAA,kBAAU,EACf,IAAI,EACJ,yLAAyL,EACzL,IAAI,IAAI,+DAA+D,CACxE,CAAA;QACH,CAAC;QAED,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,WAAW;gBACd,OAAO,IAAA,kBAAU,EACf,IAAI,EACJ,uKAAuK,CACxK,CAAA;YAEH,KAAK,YAAY;gBACf,OAAO,IAAA,kBAAU,EACf,IAAI,EACJ,8IAA8I,EAC9I,IAAI,IAAI,6DAA6D,CACtE,CAAA;YAEH,KAAK,eAAe;gBAClB,OAAO,IAAA,kBAAU,EAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA;YAE9C,KAAK,SAAS,CAAC;YACf,KAAK,aAAa,CAAC;YACnB;gBACE,OAAO,IAAA,kBAAU,EACf,IAAI,EACJ,0PAA0P,EAC1P,IAAI,IAAI,iFAAiF,CAC1F,CAAA;YAEH,KAAK,SAAS;gBACZ,OAAO,IAAA,kBAAU,EACf,IAAI,EACJ,0PAA0P,EAC1P,IAAI,IAAI,gFAAgF,CACzF,CAAA;YAEH,KAAK,QAAQ;gBACX,OAAO,IAAA,kBAAU,EACf,IAAI,EACJ,wPAAwP,EACxP,IAAI,IAAI,+EAA+E,CACxF,CAAA;QACL,CAAC;IACH,CAAC;IAED,IAAM,iBAAiB,GAAG;QACxB,IAAI,aAAa,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC;YAC3C,IAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;YAChE,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAA;YAEzC,IAAM,cAAc,GAAG,aAAa,CAAC,YAAY,IAAI,GAAG,CAAA;YACxD,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAA;YAEzC,IAAM,WAAW,GAAG,cAAc,GAAG,UAAU,CAAC,MAAM,CAAA;YACtD,IAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAA;YAE/B,IAAI,UAAU,GAAG,MAAM,CAAA;YAEvB,kHAAkH;YAClH,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,CAAC,IAAI,WAAW,GAAG,cAAc,IAAI,QAAQ,GAAG,cAAc,EAAE,CAAC;gBAC3G,UAAU,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAA;YAC3D,CAAC;YAED,aAAa,CAAC,UAAU,CAAC,CAAA;YAEzB,QAAQ,UAAU,EAAE,CAAC;gBACnB,KAAK,MAAM;oBACT,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,OAAI,CAAA;oBACnE,aAAa,CAAC,KAAK,CAAC,IAAI,GAAG,UAAG,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,OAAI,CAAA;oBAClE,MAAK;gBACP,KAAK,OAAO;oBACV,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,OAAI,CAAA;oBACnE,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,UAAG,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,OAAI,CAAA;oBACvE,MAAK;gBACP,KAAK,UAAU;oBACb,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,OAAI,CAAA;oBACnE,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,MAAM,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,OAAI,CAAA;oBACvE,aAAa,CAAC,KAAK,CAAC,IAAI,GAAG,UAAG,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,OAAI,CAAA;oBAClE,MAAK;gBACP,KAAK,WAAW;oBACd,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,OAAI,CAAA;oBACnE,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,MAAM,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,OAAI,CAAA;oBACvE,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,UAAG,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,OAAI,CAAA;oBACvE,MAAK;gBACP;oBACE,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,OAAI,CAAA;oBACnE,aAAa,CAAC,KAAK,CAAC,IAAI,GAAG,UAAG,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,OAAI,CAAA;YACtE,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,IAAM,WAAW,GAAG,UAAC,IAAgB;QACnC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAM;QACzB,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,EAAE,CAAA;QAChB,CAAC;QAED,IAAA,qBAAW,EAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAA;IACtF,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC7C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAClC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QAEzB,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,4BAA4B;QAC5B,IAAM,mBAAmB,GAAG,UAAC,OAA2B;YACtD,OAAO,OAAO,EAAE,CAAC;gBACP,IAAA,SAAS,GAAK,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAArC,CAAqC;gBACtD,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;oBACnD,OAAO,OAAO,CAAA;gBAChB,CAAC;gBACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAA;YACjC,CAAC;YACD,OAAO,IAAI,CAAA;QACb,CAAC,CAAA;QAED,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,kBAAkB,CAAC,OAAO,GAAG,mBAAmB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QACzE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAI,aAAa,EAAE,CAAC;YAClB,iBAAiB,EAAE,CAAA;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAA,iBAAS,EAAC;QACR,IAAM,qBAAqB,GAAG,UAAC,KAAY;YACzC,iBAAiB,EAAE,CAAA;YACnB,IAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,YAAY,IAAI,KAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA,CAAA;YACpG,IAAI,CAAC,sBAAsB,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAA,EAAE,CAAC;gBACvD,cAAc,CAAC,OAAO,EAAE,CAAA;YAC1B,CAAC;QACH,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;QAC9D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QAExD,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;YAC/B,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QAC9E,CAAC;QAED,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;YACjE,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAA;YAC3D,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;gBAC/B,kBAAkB,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAA;YACjF,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAM,IAAI,GAAG,UAAC,EAAqB;YAAnB,MAAM,YAAA,EAAE,IAAI,UAAA;QAC1B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC,aAAa,CAAA;QAC3B,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,aAAa;YACb,IAAM,MAAI,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC/E,OAAO,8BAAC,MAAI,IAAC,SAAS,EAAE,IAAA,kBAAU,EAAC,SAAS,EAAE,MAAM,IAAI,eAAe,CAAC,GAAI,CAAA;QAC9E,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,cAAM,OAAA,CAC5B,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;QAEtC,8BAAC,YAAI,CAAC,KAAK,IACT,SAAS,EAAE,IAAA,kBAAU,EACnB,UAAU,KAAK,MAAM,IAAI,wBAAwB,EACjD,UAAU,KAAK,OAAO,IAAI,0BAA0B,EACpD,UAAU,KAAK,UAAU,IAAI,iBAAiB,EAC9C,UAAU,KAAK,WAAW,IAAI,kBAAkB,EAChD,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAC3C,qMAAqM,CACtM,IAEA,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,CACxB,8BAAC,kBAAQ,IACP,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC,CAAC,CAAC,CACF;YACG,WAAW,IAAI,qCAAG,SAAS,EAAC,wCAAwC,IAAE,WAAW,CAAK;YACvF,uCAAK,SAAS,EAAC,MAAM,IAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAgB;gBAC7B,IAAM,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,CAAA;gBACrD,OAAO,CACL,8BAAC,YAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,OAAO,IACzB,UAAC,EAAU;wBAAR,MAAM,YAAA;oBAAO,OAAA,CACf,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,gBAAgB,EACtE,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ;4BACtB,CAAC,CAAC,qDAAqD;4BACvD,CAAC,CAAC,eAAe,EACnB,2BAA2B,EAC3B,IAAI,CAAC,MAAM;4BACT,CAAC,IAAI,CAAC,WAAW;4BACjB,CAAC,IAAI,CAAC,QAAQ;4BACd,oDAAoD,EACtD,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,+BAA+B,EACrF,IAAI,CAAC,WAAW;4BACd,IAAI,CAAC,MAAM;4BACX,CAAC,IAAI,CAAC,QAAQ;4BACd,kDAAkD,CACrD,EACD,OAAO,EAAE;4BACP,WAAW,CAAC,IAAI,CAAC,CAAA;wBACnB,CAAC;wBAED,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,SAAS,IAAI,2BAA2B,CAAC;4BACjE,SAAS,IAAI,8BAAC,IAAI,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI;4BACvD,qCACE,SAAS,EAAE,UAAG,YAAY,4CACxB,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAC9C,IAED,IAAI,CAAC,OAAO,CACX,CACA,CACF,CACP;gBAjCgB,CAiChB,CACS,CACb,CAAA;YACH,CAAC,CAAC,CACE,CACL,CACJ,CACU,CACF,CACd,EAhF6B,CAgF7B,CAAA;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,kCAAkC,EAAE,IAAI,KAAK,eAAe,IAAI,mBAAmB,CAAC;QAC7G,8BAAC,YAAI,IACH,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,kBAAU,EACnB,wCAAwC,EACxC,SAAS,IAAI,UAAG,SAAS,CAAE,EAC3B,IAAI,KAAK,eAAe,IAAI,mBAAmB,CAChD,IAEA,UAAC,EAAe;gBAAb,KAAK,WAAA,EAAE,IAAI,UAAA;YACb,IAAI,IAAI,iBAAiB,EAAE,CAAA;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAA;YAC9B,OAAO,CACL;gBACE;oBACE,8BAAC,YAAI,CAAC,MAAM,IACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,aAAa,EAClB,SAAS,EAAE,sBAAsB,CAAC,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,CAAC;wBAE1E,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,CAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;gCAC1E,6DAA6D,EAC/D,IAAI,KAAK,eAAe,IAAI,mBAAmB,CAChD;4BAED,qCACE,SAAS,EAAE,IAAA,kBAAU,EAAC,sCAAsC,EAAE,IAAI,KAAK,WAAW,IAAI,SAAS,CAAC,IAE/F,aAAa,CACZ;4BACH,CAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;gCAC3E,CAAC,IAAI,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAC/B,8BAAC,qBAAa,mBAAa,MAAM,EAAC,SAAS,EAAC,gBAAgB,GAAG,CAChE,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAe,mBAAa,MAAM,EAAC,SAAS,EAAC,gBAAgB,GAAG,CAClE,CAAC;4BACH,IAAI,KAAK,WAAW,IAAI,8BAAC,8BAAsB,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG;4BACzF,IAAI,KAAK,eAAe,IAAI,CAC3B,uCAAK,SAAS,EAAE,4CAAqC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAE;gCAC9E,8BAAC,8BAAsB,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAC7D,CACP,CACG,CACM,CACV;gBACL,aAAa,CAAC,CAAC,CAAC,mBAAQ,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9E,CACJ,CAAA;QACH,CAAC,CACI;QACN,OAAO,IAAI,CACV,uCAAK,SAAS,EAAC,8HAA8H;YAC3I,8BAAC,oBAAU,IAAC,SAAS,EAAC,8BAA8B,GAAG,CACnD,CACP,CACG,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/Dropdown/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("./Dropdown"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -3,9 +3,12 @@ import { ComplexAction } from '../types';
 export interface PHXEmptyRecordProps {
     className?: string;
     border?: boolean;
+    icon?: React.ReactNode;
     primaryAction?: ComplexAction;
     secondaryAction?: ComplexAction;
     type?: 'default' | 'small' | 'micro';
+    title?: string;
     description?: string;
+    loading?: boolean;
 }
-export declare function PHXEmptyRecord({ className, border, type, description, }: PHXEmptyRecordProps): React.JSX.Element;
+export declare function PHXEmptyRecord({ border, className, description, icon, loading, primaryAction, secondaryAction, title, type, }: PHXEmptyRecordProps): React.JSX.Element;

package/dist/cjs/components/EmptyRecord/EmptyRecord.js

@@ -1,24 +1,31 @@
 "use strict";
-exports.__esModule = true;
-exports.PHXEmptyRecord = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXEmptyRecord = PHXEmptyRecord;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var EmptySvg_1 = tslib_1.__importDefault(require("./EmptySvg"));
+var Button_1 = require("../Button");
+var Loading_1 = require("../Loading");
 function PHXEmptyRecord(_a) {
-    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_1["default"].createElement("div", { className: className },
-        type === 'default' && (react_1["default"].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_1["default"].createElement(EmptySvg_1["default"], null),
-            react_1["default"].createElement("p", { className: ' font-medium text-lg text-gray-800 mt-4' }, "Tr\u1ED1ng"),
-            react_1["default"].createElement("span", { className: 'text-sm font-normal  text-gray-600 mt-1' }, description))),
-        type === 'small' && (react_1["default"].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_1["default"].createElement(EmptySvg_1["default"], null),
-            react_1["default"].createElement("p", { className: ' font-medium text-lg text-gray-800 ' }, "Tr\u1ED1ng"),
-            react_1["default"].createElement("span", { className: 'text-sm font-normal  text-gray-600 mt-1' }, description))),
-        type === 'micro' && (react_1["default"].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_1["default"].createElement(EmptySvg_1["default"], null),
-            react_1["default"].createElement("p", { className: ' font-medium text-lg text-gray-800' }, "Tr\u1ED1ng"),
-            react_1["default"].createElement("span", { className: 'text-sm font-normal  text-gray-600 mt-1' }, description)))));
+    var border = _a.border, className = _a.className, _b = _a.description, description = _b === void 0 ? 'Dữ liệu đang trống.' : _b, icon = _a.icon, loading = _a.loading, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, _c = _a.title, title = _c === void 0 ? 'Trống' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d;
+    var renderActionComponent = function () { return (react_1.default.createElement("div", { className: 'flex flex-row-reverse flex-wrap items-center justify-center gap-2 pt-3' },
+        primaryAction && (react_1.default.createElement(Button_1.PHXButton, { className: 'font-semibold', disabled: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.disabled, loading: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.loading, onClick: primaryAction.onClick, primary: true, size: 'small' }, primaryAction.content)),
+        secondaryAction && (react_1.default.createElement(Button_1.PHXButton, { className: 'font-semibold', disabled: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.disabled, loading: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.loading, onClick: secondaryAction.onClick, secondary: true, size: 'small' }, secondaryAction.content)))); };
+    return (react_1.default.createElement("div", { className: className },
+        type === 'default' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4  py-2  pb-14 pt-16 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
+            react_1.default.createElement("p", { className: ' mt-3 text-sm font-semibold text-gray-900' }, title),
+            react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
+            primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null)))),
+        type === 'small' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-10 pt-10 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
+            react_1.default.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
+            react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
+            primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null)))),
+        type === 'micro' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4  py-2  pb-5 pt-8 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
+            react_1.default.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
+            react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
+            primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null))))));
 }
-exports.PHXEmptyRecord = PHXEmptyRecord;
 //# sourceMappingURL=EmptyRecord.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,gEAAiC;AAWjC,SAAgB,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,0CAAK,SAAS,EAAE,SAAS;QACtB,IAAI,KAAK,SAAS,IAAI,CACrB,0CACE,SAAS,EAAE,oIACT,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAC7B;YAEF,iCAAC,qBAAQ,OAAG;YACZ,wCAAG,SAAS,EAAC,yCAAyC,iBAAU;YAChE,2CAAM,SAAS,EAAC,yCAAyC,IAAE,WAAW,CAAQ,CAC1E,CACP;QACA,IAAI,KAAK,OAAO,IAAI,CACnB,0CACE,SAAS,EAAE,kIACT,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAC7B;YAEF,iCAAC,qBAAQ,OAAG;YACZ,wCAAG,SAAS,EAAC,qCAAqC,iBAAU;YAC5D,2CAAM,SAAS,EAAC,yCAAyC,IAAE,WAAW,CAAQ,CAC1E,CACP;QACA,IAAI,KAAK,OAAO,IAAI,CACnB,0CACE,SAAS,EAAE,kIACT,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAC7B;YAEF,iCAAC,qBAAQ,OAAG;YACZ,wCAAG,SAAS,EAAC,oCAAoC,iBAAU;YAC3D,2CAAM,SAAS,EAAC,yCAAyC,IAAE,WAAW,CAAQ,CAC1E,CACP,CACG,CACP,CAAA;AACH,CAAC;AA3CD,wCA2CC"}
+{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/EmptyRecord/EmptySvg.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export default function EmptySvg(): React.JSX.Element;
+type IEmptySvg = {
+    icon?: React.ReactNode;
+};
+export default function EmptySvg({ icon }: IEmptySvg): React.JSX.Element;
+export {};

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

@@ -1,24 +1,12 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = EmptySvg;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-function EmptySvg() {
-    return (react_1["default"].createElement("div", { className: 'md:w-2/3 lg:w-1/4 sm:w-2/5 mx-auto flex justify-center items-center' },
-        react_1["default"].createElement("svg", { width: '90', height: '90', viewBox: '0 0 90 90', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
-            react_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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_1["default"].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' }))));
+var image_1 = tslib_1.__importDefault(require("next/image"));
+var icons_1 = require("../../assets/icons");
+function EmptySvg(_a) {
+    var icon = _a.icon;
+    return (react_1.default.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (react_1.default.createElement(image_1.default, { alt: '', className: 'h-[70px] w-[90px]\n            md:h-[89px] md:w-[120px]\n            lg:h-[101px] lg:w-[130px]', height: 0, src: icons_1.PHXIcons.EmptyRecordIcon, width: 0 }))));
 }
-exports["default"] = EmptySvg;
 //# sourceMappingURL=EmptySvg.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySvg.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptySvg.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,QAAQ;IAC9B,OAAO,CACL,0CAAK,SAAS,EAAC,qEAAqE;QAClF,0CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC5F,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4hBAA4hB,EAC9hB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ytBAAytB,EAC3tB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qrBAAqrB,EACvrB,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gTAAgT,EAClT,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ySAAyS,EAC3S,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iQAAiQ,EACnQ,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iKAAiK,EACnK,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8YAA8Y,EAChZ,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iQAAiQ,EACnQ,IAAI,EAAC,SAAS,GACd;YACF,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8VAA8V,EAChW,IAAI,EAAC,SAAS,GACd,CACE,CACF,CACP,CAAA;AACH,CAAC;AA3FD,8BA2FC"}
+{"version":3,"file":"EmptySvg.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptySvg.tsx"],"names":[],"mappings":";;AAQA,2BAkBC;;AA1BD,wDAAyB;AACzB,6DAA8B;AAC9B,4CAA6C;AAM7C,SAAwB,QAAQ,CAAC,EAAmB;QAAjB,IAAI,UAAA;IACrC,OAAO,CACL,uCAAK,SAAS,EAAC,0CAA0C,IACtD,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,8BAAC,eAAK,IACJ,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,gGAEkB,EAC5B,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,gBAAQ,CAAC,eAAe,EAC7B,KAAK,EAAE,CAAC,GACR,CACH,CACG,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/EmptyRecord/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("./EmptyRecord"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    title?: string;
+    description?: string;
+}
+export declare function PHXEmptySearch({ className, description, title, }: Props): React.JSX.Element;
+export {};

package/dist/cjs/components/EmptySearch/EmptySearch.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXEmptySearch = PHXEmptySearch;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var SearchSvg_1 = tslib_1.__importDefault(require("./SearchSvg"));
+var types_1 = require("../types");
+function PHXEmptySearch(_a) {
+    var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm.' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm' : _c;
+    return (react_1.default.createElement("div", { className: (0, types_1.classNames)(className && className) },
+        react_1.default.createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
+            react_1.default.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
+                react_1.default.createElement("div", { className: 'flex flex-col gap-y-3 text-center' },
+                    react_1.default.createElement(SearchSvg_1.default, null),
+                    react_1.default.createElement("p", { className: 'text-sm font-medium text-gray-900' }, title),
+                    react_1.default.createElement("p", { className: 'text-sm text-gray-600' }, description))))));
+}
+//# sourceMappingURL=EmptySearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":";;AAUA,wCAkBC;;AA5BD,wDAAyB;AACzB,kEAAmC;AACnC,kCAAqC;AAQrC,SAAgB,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,mBAAkD,EAAlD,WAAW,mBAAG,oCAAoC,KAAA,EAClD,aAAmC,EAAnC,KAAK,mBAAG,2BAA2B,KAAA;IAEnC,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,SAAS,IAAI,SAAS,CAAC;QAChD,uCAAK,SAAS,EAAC,4FAA4F;YACzG,uCAAK,SAAS,EAAC,2BAA2B;gBACxC,uCAAK,SAAS,EAAC,mCAAmC;oBAChD,8BAAC,mBAAS,OAAG;oBACb,qCAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAK;oBAC5D,qCAAG,SAAS,EAAC,uBAAuB,IAAE,WAAW,CAAK,CAClD,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/EmptySearch/SearchSvg.d.ts

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

package/dist/cjs/components/EmptySearch/SearchSvg.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SearchSvg;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function SearchSvg() {
+    return (react_1.default.createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-500', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })));
+}
+//# sourceMappingURL=SearchSvg.js.map

package/dist/cjs/components/EmptySearch/SearchSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSvg.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/SearchSvg.tsx"],"names":[],"mappings":";;AAEA,4BAiBC;;AAnBD,wDAAyB;AAEzB,SAAwB,SAAS;IAC/B,OAAO,CACL,uCACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;QAElC,wCACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE,CACP,CAAA;AACH,CAAC"}

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

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

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

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

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

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