phx-react 1.3.1411 → 1.3.1414

package/dist/esm/components/SelectWithAction/SelectWithAction.js

@@ -0,0 +1,97 @@
+'use client';
+import { Combobox, Transition } from '@headlessui/react';
+import Image from 'next/image';
+import { useEffect, useState } from 'react';
+import PencilIcon from '../../assets/icons/pencil-icon.svg';
+import PlusIcon from '../../assets/icons/plus-circle-icon.svg';
+import SearchIcon from '../../assets/icons/search-icon.svg';
+import ChevronDownIcon from '../../assets/icons/chevron-down-icon.svg';
+import PHXUseDebounce from '../Func/useDebounce';
+import React from 'react';
+import { classNames } from '../types';
+import { IconLoading } from '../../commons/IconLoading';
+import { PHXText } from '../Text/Text';
+var ADD_NEW_VALUE = 'ADD_NEW';
+export function PHXSelectWithAction(_a) {
+    var addNew = _a.addNew, className = _a.className, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, search = _a.search, helpText = _a.helpText, label = _a.label, loading = _a.loading, _b = _a.maxHeight, maxHeight = _b === void 0 ? '300px' : _b, onChange = _a.onChange, options = _a.options, _c = _a.placeholder, placeholder = _c === void 0 ? 'Lựa chọn' : _c, _d = _a.searchPlaceholder, searchPlaceholder = _d === void 0 ? 'Tìm kiếm' : _d, suffix = _a.suffix, defaultValue = _a.defaultValue;
+    var _e = useState(''), searchQuery = _e[0], setSearchQuery = _e[1];
+    var deferredQuery = PHXUseDebounce(searchQuery, 300);
+    var filteredOptions = options.filter(function (option) { return option.label.toLowerCase().includes(deferredQuery.toLowerCase()); });
+    useEffect(function () {
+        search === null || search === void 0 ? void 0 : search.handleFilter(deferredQuery);
+    }, [deferredQuery]);
+    useEffect(function () {
+        setSearchQuery((search === null || search === void 0 ? void 0 : search.value) || '');
+    }, [search]);
+    var selectedOption = options.find(function (opt) { return opt.value === defaultValue; });
+    var handleChange = function (option) {
+        if (option === ADD_NEW_VALUE) {
+            addNew === null || addNew === void 0 ? void 0 : addNew.onClick();
+            return;
+        }
+        if (option && typeof option !== 'string') {
+            onChange === null || onChange === void 0 ? void 0 : onChange(option.value);
+            setSearchQuery('');
+        }
+    };
+    var getEmptyState = function () {
+        if (loading) {
+            return (React.createElement("div", { className: 'flex items-center justify-center' },
+                React.createElement(IconLoading, { color: 'bg-gray-50' })));
+        }
+        if (options.length === 0 && deferredQuery) {
+            return emptySearchState || "Kh\u00F4ng t\u00ECm th\u1EA5y ".concat(label.toLowerCase(), " n\u00E0o");
+        }
+        return emptyState || "Ch\u01B0a c\u00F3 ".concat(label.toLowerCase(), " n\u00E0o");
+    };
+    var getIconItem = function (type) {
+        if (type === 'edit') {
+            return PencilIcon;
+        }
+        return PencilIcon;
+    };
+    return (React.createElement("div", { className: classNames('relative w-full', className) },
+        React.createElement("div", { className: 'mb-1 flex items-center justify-between' },
+            React.createElement(PHXText, null, label),
+            suffix && React.createElement("div", { className: 'text-sm font-medium' }, suffix)),
+        React.createElement(Combobox, { onChange: handleChange, value: selectedOption || null }, function (_a) {
+            var open = _a.open;
+            return (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: 'relative' },
+                    React.createElement(Combobox.Button, { className: classNames('border-input bg-background shadow-sm mt-1  flex w-full items-center justify-between  rounded-lg  border-[0.5px] border-gray-500 py-1.5 pl-3  pr-2 text-xs hover:bg-gray-50', defaultValue ? '' : 'text-muted-foreground', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') },
+                        React.createElement("span", { className: 'truncate' }, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder),
+                        React.createElement(Image, { alt: '', width: 20, height: 20, className: classNames(' shrink-0 transition-transform', open ? 'rotate-180' : ''), 
+                            // @ts-ignore
+                            src: ChevronDownIcon })),
+                    React.createElement(Transition, { afterLeave: function () { return setSearchQuery(''); }, leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0', show: open },
+                        React.createElement(Combobox.Options, { className: 'border-border shadow-lg absolute z-50 mt-1 w-full rounded-lg border bg-white' },
+                            search && (React.createElement("div", { className: 'border-border border-b p-3' },
+                                React.createElement("div", { className: 'relative' },
+                                    React.createElement(Image, { alt: '', className: 'text-muted-foreground pointer-events-none absolute left-3 top-1/2  -translate-y-1/2', height: 13, 
+                                        // @ts-ignore
+                                        src: SearchIcon, width: 13 }),
+                                    React.createElement(Combobox.Input, { className: 'shadow-sm w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 pr-4 text-xs font-normal outline-none transition-colors hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function () { return searchQuery; }, onChange: function (e) { return setSearchQuery(e.target.value); }, placeholder: searchPlaceholder, style: { paddingLeft: '30px' } })))),
+                            React.createElement("div", { className: 'scrollbar-thin scrollbar-track-transparent scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-400 overflow-y-auto', style: { maxHeight: maxHeight } },
+                                addNew && (React.createElement(Combobox.Option, { className: classNames('border-border flex w-full  cursor-pointer items-center gap-2  border-b px-4 py-3 text-sm transition-colors hover:bg-zinc-100'), value: ADD_NEW_VALUE },
+                                    React.createElement(Image, { alt: '', height: 13, src: PlusIcon, width: 13 }),
+                                    React.createElement(PHXText, null, addNew.title))),
+                                React.createElement("div", { className: ' p-2' }, filteredOptions.length > 0 ? (filteredOptions.map(function (option) { return (React.createElement(Combobox.Option, { key: option.value, className: function (_a) {
+                                        var active = _a.active, selected = _a.selected;
+                                        return classNames('group  flex w-full cursor-pointer items-center justify-between rounded-md  ', selected
+                                            ? 'bg-zinc-200  font-semibold text-gray-900'
+                                            : active
+                                                ? 'bg-zinc-100 text-gray-900 '
+                                                : 'text-gray-900 hover:bg-zinc-100');
+                                    }, value: option }, function () { return (React.createElement(React.Fragment, null,
+                                    React.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 transition-colors' },
+                                        React.createElement(PHXText, null, option.label)),
+                                    React.createElement("div", { className: 'mr-1 flex h-8 w-8 items-center justify-center rounded-md hover:bg-gray-200' }, !!option.action && (React.createElement("div", { className: ' flex items-center opacity-0 transition-opacity group-hover:opacity-100 ', onClick: function () { var _a; return (_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value); } },
+                                        React.createElement(Image, { alt: '', height: 13, src: getIconItem(option.action.type), width: 13 })))))); })); })) : (React.createElement("div", { className: ' px-3 py-8 text-center' },
+                                    React.createElement(PHXText, { as: 'div' }, getEmptyState()))))))))));
+        }),
+        React.createElement("div", { className: " ".concat(error ? 'block' : 'hidden') },
+            React.createElement(PHXText, { as: 'div', tone: 'error' }, error)),
+        React.createElement("div", { className: " ".concat(helpText ? 'block' : 'hidden') },
+            React.createElement(PHXText, { as: 'div', tone: 'subdued' }, helpText))));
+}
+//# sourceMappingURL=SelectWithAction.js.map

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

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

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

@@ -0,0 +1 @@
+export { PHXSelectWithAction, type PHXSelectWithActionProps } from './SelectWithAction';

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

@@ -0,0 +1,2 @@
+export { PHXSelectWithAction } from './SelectWithAction';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiC,MAAM,oBAAoB,CAAA"}

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

@@ -16,5 +16,6 @@ export interface TableReportProps {
     pagination?: TPagination;
     readonly?: boolean;
     onClick?(value: Record<string, any>): void;
+    type?: 'default' | 'in-card';
 }
-export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, }: TableReportProps): React.JSX.Element;
+export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, }: TableReportProps): React.JSX.Element;

package/dist/esm/components/TableReport/TableReport.js

@@ -13,8 +13,8 @@ export function PHXTableReport(_a) {
     var tableData = _a.tableData, thHeader = _a.thHeader, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, _b = _a.mergeConfig, mergeConfig = _b === void 0 ? { isMergeRowData: false, columnPosition: [] } : _b, rowHighlightConfig = _a.rowHighlightConfig, _c = _a.search, search = _c === void 0 ? {
         enable: false,
         loading: false,
-    } : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick;
-    var _e = useState(false), isSearch = _e[0], setIsSearch = _e[1];
+    } : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick, _e = _a.type, type = _e === void 0 ? 'default' : _e;
+    var _f = useState(false), isSearch = _f[0], setIsSearch = _f[1];
     var maxDepth = getMaxDepth(thHeader);
     var rows = buildHeaderRows(thHeader, 0, [], maxDepth, 0);
     var rowClassName = function (keyIdx, dataIdx) {
@@ -34,10 +34,10 @@ export function PHXTableReport(_a) {
         }
     };
     return (React.createElement(React.Fragment, null, tableData.length > 0 ? (React.createElement(React.Fragment, null, loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(React.Fragment, null,
-        search && search.enable && (React.createElement("div", { className: classNames('relative flex flex-row items-center rounded-tl-lg rounded-tr-lg bg-white px-3 ring-1 ring-gray-300', isSearch ? 'border-none py-1' : 'py-1.5 justify-end') },
-            React.createElement(Search, { isSearch: isSearch, setIsSearch: setIsSearch, search: search }),
-            !isSearch && (React.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
-                React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' }))),
+        search && search.enable && (React.createElement("div", { className: classNames('relative flex flex-row items-center rounded-tl-lg rounded-tr-lg px-3 ring-1 ring-gray-300 h-9', isSearch ? 'border-none' : 'justify-end', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
+            React.createElement(Search, { isSearch: isSearch, setIsSearch: setIsSearch, search: search, type: type }),
+            React.createElement("button", { className: classNames('ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', isSearch ? 'pointer-events-none opacity-0' : 'opacity-100'), onClick: function () { return setIsSearch(true); }, type: 'button' },
+                React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' })),
             React.createElement("div", { className: 'absolute w-full h-[1px] bg-white left-0 bottom-0' }))),
         React.createElement("div", { className: classNames('ring-1 ring-gray-300 overflow-auto shadow-sm bg-white rounded-lg', search && search.enable ? 'rounded-tr-none rounded-tl-none' : '') },
             React.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },

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

@@ -1 +1 @@
-{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAqB/C,MAAM,UAAU,cAAc,CAAC,EAgBZ;QAfjB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,mBAA2D,EAA3D,WAAW,mBAAG,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,KAAA,EAC3D,kBAAkB,wBAAA,EAClB,cAGC,EAHD,MAAM,mBAAG;QACP,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,KAAA,EACD,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEV,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAE/C,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IACtC,IAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAA;IAE1D,IAAM,YAAY,GAAG,UAAC,MAAc,EAAE,OAAe;QACnD,OAAA,UAAU,CACR,iDAAiD,EACjD,MAAM,KAAK,CAAC,IAAI,UAAU,EAC1B,OAAO,KAAK,CAAC,IAAI,UAAU,EAC3B,OAAO,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,eAAe,EAC1F,OAAO,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,eAAe,CAC3G;IAND,CAMC,CAAA;IAEH,IAAM,WAAW,GAAG,UAAC,IAAgB;QACnC,OAAA,CAAC,CAAC,CAAC,kBAAkB,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,kBAAkB,CAAC,KAAK,CAAC;IAAnF,CAAmF,CAAA;IAErF,IAAM,WAAW,GAAG,UAAC,IAAgB,EAAE,cAAuB;QAC5D,IAAI,cAAc,IAAI,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,EAAE,CAAC;YACpD,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;QACH,CAAC;QAED,IAAI,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CACG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,0CACG,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,GAAG,CAC7B,CAAC,CAAC,CAAC,CACF;QACG,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAC1B,6BACE,SAAS,EAAE,UAAU,CACnB,+FAA+F,EAC/F,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EACxC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,oBAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI;YAEpF,gCACE,SAAS,EAAE,UAAU,CACnB,mPAAmP,EACnP,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,aAAa,CAC3D,EACD,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,oBAAC,mBAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACpC;YAET,6BAAK,SAAS,EAAC,kDAAkD,GAAG,CAChE,CACP;QACD,6BACE,SAAS,EAAE,UAAU,CACnB,kEAAkE,EAClE,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CACjE;YAED,+BAAO,SAAS,EAAC,qCAAqC;gBACpD,mCACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,MAAM,IAAK,OAAA,CACzB,4BACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,CACnB,MAAM,KAAK,CAAC,IAAI,UAAU,EAC1B,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,UAAU,CACtD,IAEA,GAAG,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,OAAe,IAAK,OAAA,CACvC,4BACE,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,UAAU,CACnB,wFAAwF,EACxF,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,UAAU,EACjC,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,EACnE,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,CACjF,IAEA,IAAI,CAAC,IAAI,CACP,CACN,EAdwC,CAcxC,CAAC,CACC,CACN,EAxB0B,CAwB1B,CAAC,CACI;gBACR,mCACG,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,IAAgB,EAAE,OAAe,IAAK,OAAA,CAC/E,4BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,2BAA2B,CAAC,EAChF,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,EAApC,CAAoC,IAElD,MAAM,CAAC,GAAG,CAAC,UAAC,OAAe,EAAE,MAAc,IAAK,OAAA,CAC/C,0CACG,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAC5B,oBAAC,QAAQ,IACP,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,iBAAiB,EAAE,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,GACjD,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,GAAG,IACF,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,iBAAiB,EAAE,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,GACjD,CACH,CACA,CACJ,EA5BgD,CA4BhD,CAAC,CACC,CACN,EApCgF,CAoChF,CAAC,CACI,CACF;YACP,UAAU,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,CACnC,6BAAK,SAAS,EAAC,6HAA6H;gBAC1I,oBAAC,UAAU,IAAC,UAAU,EAAE,UAAU,GAAI,CAClC,CACP,CACG,CACL,CACJ,CACA,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACjD,CACA,CACJ,CAAA;AACH,CAAC"}

package/dist/esm/components/TableReport/component/Search.d.ts

@@ -4,6 +4,7 @@ interface SearchProps {
     search: TSearch;
     isSearch: boolean;
     setIsSearch(val: boolean): void;
+    type: 'default' | 'in-card';
 }
-declare function Search({ isSearch, setIsSearch, search }: SearchProps): React.JSX.Element;
+declare function Search({ isSearch, setIsSearch, search, type }: SearchProps): React.JSX.Element;
 export default Search;

package/dist/esm/components/TableReport/component/Search.js

@@ -1,24 +1,22 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import { classNames } from '../../types';
 import { PHXSpinner } from '../../Loading';
+import { Transition } from '@headlessui/react';
 function Search(_a) {
-    var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search;
-    return (React.createElement("div", { className: 'min-w-full' }, isSearch && (React.createElement("div", { className: classNames('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg bg-white ring-opacity-5') },
-        React.createElement("div", { className: 'relative mr-2 w-11/12' },
-            React.createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-transparent text-xs hover:bg-gray-100 focus:border-indigo-800 focus:bg-gray-100 focus:ring-indigo-800', id: 'search-value', name: 'search-value', placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', onChange: function (event) {
-                    if (search.onChange) {
-                        search.onChange(event.target.value);
-                    }
-                } })),
-        React.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? React.createElement(PHXSpinner, null) : null),
-        React.createElement("div", null,
-            React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
-                    setIsSearch(false);
-                    //   searchSetValue('')
-                    // if (searchValue) {
-                    //   setSelectedPeople([]);
-                    // }
-                }, type: 'button' }, "Cancel"))))));
+    var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search, type = _a.type;
+    return (React.createElement(Transition, { as: Fragment, enter: 'transition-[max-height,opacity] duration-300 ease-out overflow-hidden', enterFrom: 'max-h-0 opacity-0', enterTo: 'max-h-20 opacity-100', show: isSearch },
+        React.createElement("div", { className: 'min-w-full' }, isSearch && (React.createElement("div", { className: classNames('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg ring-opacity-5', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
+            React.createElement("div", { className: 'relative mr-2 w-11/12' },
+                React.createElement("input", { autoFocus: true, className: 'block py-1 w-full rounded-lg border-transparent bg-transparent text-xs bg-white hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', onChange: function (event) {
+                        if (search.onChange) {
+                            search.onChange(event.target.value);
+                        }
+                    } })),
+            React.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? React.createElement(PHXSpinner, null) : null),
+            React.createElement("div", null,
+                React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
+                        setIsSearch(false);
+                    }, type: 'button' }, "Cancel")))))));
 }
 export default Search;
 //# sourceMappingURL=Search.js.map

package/dist/esm/components/TableReport/component/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAS1C,SAAS,MAAM,CAAC,EAA8C;QAA5C,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA;IAC7C,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,UAAU,CACnB,+FAA+F,CAChG;QAED,6BAAK,SAAS,EAAC,uBAAuB;YACpC,+BACE,SAAS,QACT,SAAS,EAAC,qJAAqJ,EAC/J,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,KAA0C;oBACnD,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;wBACpB,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACrC,CAAC;gBACH,CAAC,GACD,CACE;QACN,6BAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;QAC7F;YACE,gCACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;oBACP,WAAW,CAAC,KAAK,CAAC,CAAA;oBAClB,uBAAuB;oBACvB,qBAAqB;oBACrB,2BAA2B;oBAC3B,IAAI;gBACN,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACP,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAS9C,SAAS,MAAM,CAAC,EAAoD;QAAlD,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACnD,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,uEAAuE,EAC7E,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,IAAI,EAAE,QAAQ;QAEd,6BAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,UAAU,CACnB,sFAAsF,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,+BACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,KAA0C;wBACnD,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;4BACpB,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;wBACrC,CAAC;oBACH,CAAC,GACD,CACE;YACN,6BAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;YAC7F;gBACE,gCACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;wBACP,WAAW,CAAC,KAAK,CAAC,CAAA;oBACpB,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/components/TableReport/utils.js

@@ -47,7 +47,7 @@ export var renderCell = function (data, columnKey, thComponent) {
             row: thComponent[columnKey](value, data).row || 1,
         };
     }
-    return { value: value || '', row: 1 };
+    return { value: value !== null && value !== void 0 ? value : '', row: 1 };
 };
 export var findColumnKeyMerge = function (mergeConfig, columnIndex) {
     var columnPosition = mergeConfig.columnPosition;

package/dist/esm/components/TableReport/utils.js.map

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

package/dist/esm/components/TableV3/HeaderTable.js

@@ -21,25 +21,23 @@ function HeaderTable(_a) {
         return index;
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("tr", null,
+        React.createElement("tr", { className: 'bg-gray-50' },
             selectedAllPeople && selectedAllPeople.enable ? (React.createElement("th", { 
                 // @ts-ignore
-                ref: function (el) { return (refs.current[indexLeft(0, true, false)] = el); }, className: classNames('w-16 rounded-lg px-8 py-2.5', stickyColumnNumber ? 'relative z-10 bg-white sm:sticky sm:left-0 sm:top-0' : 'relative'), scope: 'col', style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, true, false)] } : {} },
+                ref: function (el) { return (refs.current[indexLeft(0, true, false)] = el); }, className: classNames('w-16 bg-gray-50 px-8 py-2.5', stickyColumnNumber ? 'relative z-10 sm:sticky sm:left-0 sm:top-0' : 'relative', (!search || !search.enable) && 'rounded-tl-lg'), scope: 'col', style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, true, false)] } : {} },
                 React.createElement("label", { className: 'absolute left-6 top-1/2 -ml-2 -mt-4 p-2 hover:cursor-pointer' }, !selectedAllPeople.maxSelectedPeople && (React.createElement(PHXCheckbox, { inputRef: checkbox, checked: checked, className: 'mt-1', onChange: toggleAll, id: "".concat(tableKey, "-check-all") }))))) : null,
             numericalOrder.enable && (React.createElement("th", { key: 'stt', 
                 // @ts-ignore
-                ref: function (el) { return (refs.current[indexLeft(0, false, true)] = el); }, className: classNames('whitespace-nowrap text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[80px] px-3 py-2.5 pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0
-                    ? 'sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
-                    : '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedPeople.length === 0
-                    ? 'z-10 rounded-tl-lg sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
-                    : '', !stickyColumnNumber && !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && 'rounded-lg'), style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, false, true)] } : {}, scope: 'col' }, numericalOrder.title)),
+                ref: function (el) { return (refs.current[indexLeft(0, false, true)] = el); }, className: classNames('whitespace-nowrap bg-gray-50 text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[60px] py-2.5 pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0 ? 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]' : '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedPeople.length === 0
+                    ? 'z-10 rounded-tl-lg sm:sticky sm:left-0 sm:top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
+                    : '', !stickyColumnNumber && !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && (!search || !search.enable) && 'rounded-tl-lg'), style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, false, true)] } : {}, scope: 'col' }, numericalOrder.title)),
             thHeader.map(function (item, index) {
                 return index === 0 ? (React.createElement("th", { key: index, 
                     // @ts-ignore
-                    ref: function (el) { return (refs.current[indexLeft(index, false, false)] = el); }, className: classNames('whitespace-nowrap text-xs font-medium', (!search || !search.enable) &&
+                    ref: function (el) { return (refs.current[indexLeft(index, false, false)] = el); }, className: classNames('whitespace-nowrap bg-gray-50 text-xs font-medium', (!search || !search.enable) &&
                         (!numericalOrder || !numericalOrder.enable) &&
                         (!selectedAllPeople || !selectedAllPeople.enable) &&
-                        'rounded-tl-lg', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : '', !disableSpacing.disable ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', numericalOrder && numericalOrder.enable && border && !stickyColumnNumber ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber ? 'z-10 sm:sticky sm:left-0 sm:top-0 sm:bg-white' : '', stickyColumnNumber === 1 ? 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]' : ''), style: stickyColumnNumber ? { left: lefts[indexLeft(index, false, false)] } : {}, scope: 'col' },
+                        'rounded-tl-lg', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : '', !disableSpacing.disable ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', numericalOrder && numericalOrder.enable && border && !stickyColumnNumber ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber ? 'z-10 sm:sticky sm:left-0 sm:top-0' : '', stickyColumnNumber === 1 ? 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]' : ''), style: stickyColumnNumber ? { left: lefts[indexLeft(index, false, false)] } : {}, scope: 'col' },
                     stickyColumnNumber && border ? (React.createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (React.createElement(React.Fragment, null)),
                     React.createElement("p", { className: 'text-gray-800' }, item))) : (React.createElement("th", { key: index, 
                     // @ts-ignore
@@ -47,10 +45,10 @@ function HeaderTable(_a) {
                         return indexLeft(index, false, false) >= lefts.length && thHeader.length - 1 - index < stickyColumnNumberRight
                             ? (refRights.current[thHeader.length - 1 - index] = el)
                             : (refs.current[indexLeft(index, false, false)] = el);
-                    }, className: classNames('whitespace-nowrap text-xs font-medium', index === thHeader.length - 1 && 'rounded-br-lg rounded-tr-lg', !disableSpacing.disable ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', border && (!stickyColumnNumber || index > stickyColumnNumber) && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top', ((stickyColumnNumber && index < stickyColumnNumber) ||
+                    }, className: classNames('whitespace-nowrap bg-gray-50 text-xs font-medium', index === thHeader.length - 1 && 'rounded-br-lg rounded-tr-lg', !disableSpacing.disable ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', border && (!stickyColumnNumber || index > stickyColumnNumber) && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top', ((stickyColumnNumber && index < stickyColumnNumber) ||
                         (stickyColumnNumberRight && stickyColumnNumberRight > thHeader.length - 1 - index)) &&
                         selectedPeople.length === 0 &&
-                        'bg-white sm:sticky sm:left-0 sm:top-0', stickyColumnNumber && index < stickyColumnNumber && 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumberRight &&
+                        'sm:sticky sm:left-0 sm:top-0', stickyColumnNumber && index < stickyColumnNumber && 'sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]', stickyColumnNumberRight &&
                         stickyColumnNumberRight - 1 === thHeader.length - 1 - index &&
                         'sm:drop-shadow-[-4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: (stickyColumnNumber && index < stickyColumnNumber) ||
                         (stickyColumnNumberRight && stickyColumnNumberRight > thHeader.length - 1 - index)

package/dist/esm/components/TableV3/HeaderTable.js.map

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

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

@@ -97,5 +97,6 @@ export interface MainTableProps {
     completeState?: boolean;
     completeStateTitle?: string;
     completeStateDescription?: string;
+    type?: 'default' | 'in-card';
 }
-export declare function PHXTableV3({ actionName, clickRow, clickType, directDetail, editActionLink, filterLoading, fixedTableLayout, hidePagination, isQueryDataCenter, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, selectedBtn, setAggregate, setHeaderLoading, slectedTitle, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, isSortEmpty, emptyStateAction, isCustomHeaderSelected, isUnaccentSearchValue, disableSpacing, border, isCenterText, searchValueData, stickyColumnNumber, getDataTable, stickyColumnNumberRight, isBackgroundReload, loaded, isResetPagination, tableKey, searchParams, completeState, completeStateTitle, completeStateDescription, }: Readonly<MainTableProps>): React.JSX.Element;
+export declare function PHXTableV3({ actionName, clickRow, clickType, directDetail, editActionLink, filterLoading, fixedTableLayout, hidePagination, isQueryDataCenter, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, selectedBtn, setAggregate, setHeaderLoading, slectedTitle, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, isSortEmpty, emptyStateAction, isCustomHeaderSelected, isUnaccentSearchValue, disableSpacing, border, isCenterText, searchValueData, stickyColumnNumber, getDataTable, stickyColumnNumberRight, isBackgroundReload, loaded, isResetPagination, tableKey, searchParams, completeState, completeStateTitle, completeStateDescription, type, }: Readonly<MainTableProps>): React.JSX.Element;

package/dist/esm/components/TableV3/TableV3.js

@@ -36,32 +36,32 @@ export function PHXTableV3(_a) {
         buttonContent: '',
         buttonType: 'primary',
         onAction: function () { return console.log('action'); },
-    } : _k, _l = _a.isCustomHeaderSelected, isCustomHeaderSelected = _l === void 0 ? false : _l, _m = _a.isUnaccentSearchValue, isUnaccentSearchValue = _m === void 0 ? false : _m, _o = _a.disableSpacing, disableSpacing = _o === void 0 ? { disable: false, indexStart: 0 } : _o, _p = _a.border, border = _p === void 0 ? false : _p, _q = _a.isCenterText, isCenterText = _q === void 0 ? false : _q, searchValueData = _a.searchValueData, _r = _a.stickyColumnNumber, stickyColumnNumber = _r === void 0 ? 0 : _r, getDataTable = _a.getDataTable, _s = _a.stickyColumnNumberRight, stickyColumnNumberRight = _s === void 0 ? 0 : _s, _t = _a.isBackgroundReload, isBackgroundReload = _t === void 0 ? false : _t, loaded = _a.loaded, _u = _a.isResetPagination, isResetPagination = _u === void 0 ? false : _u, _v = _a.tableKey, tableKey = _v === void 0 ? 'table' : _v, searchParams = _a.searchParams, completeState = _a.completeState, completeStateTitle = _a.completeStateTitle, completeStateDescription = _a.completeStateDescription;
+    } : _k, _l = _a.isCustomHeaderSelected, isCustomHeaderSelected = _l === void 0 ? false : _l, _m = _a.isUnaccentSearchValue, isUnaccentSearchValue = _m === void 0 ? false : _m, _o = _a.disableSpacing, disableSpacing = _o === void 0 ? { disable: false, indexStart: 0 } : _o, _p = _a.border, border = _p === void 0 ? false : _p, _q = _a.isCenterText, isCenterText = _q === void 0 ? false : _q, searchValueData = _a.searchValueData, _r = _a.stickyColumnNumber, stickyColumnNumber = _r === void 0 ? 0 : _r, getDataTable = _a.getDataTable, _s = _a.stickyColumnNumberRight, stickyColumnNumberRight = _s === void 0 ? 0 : _s, _t = _a.isBackgroundReload, isBackgroundReload = _t === void 0 ? false : _t, loaded = _a.loaded, _u = _a.isResetPagination, isResetPagination = _u === void 0 ? false : _u, _v = _a.tableKey, tableKey = _v === void 0 ? 'table' : _v, searchParams = _a.searchParams, completeState = _a.completeState, completeStateTitle = _a.completeStateTitle, completeStateDescription = _a.completeStateDescription, _w = _a.type, type = _w === void 0 ? 'default' : _w;
     var checkbox = useRef();
-    var _w = useState(false), checked = _w[0], setChecked = _w[1];
-    var _x = useState(false), indeterminate = _x[0], setIndeterminate = _x[1];
-    var _y = useState(true), isMainLoading = _y[0], setIsMainLoading = _y[1];
-    var _z = useState([]), dataTable = _z[0], setDataTable = _z[1];
-    var _0 = useState(''), searchValue = _0[0], setSearchValue = _0[1];
-    var _1 = useState([]), selectedPeople = _1[0], setSelectedPeople = _1[1];
-    var _2 = useState(false), isSearchLoading = _2[0], setIsSearchLoading = _2[1];
-    var _3 = useState([]), searchDataResult = _3[0], setSearchDataResult = _3[1];
-    var _4 = useState(0), pagi = _4[0], setPagi = _4[1];
-    var _5 = useState(0), count = _5[0], setCount = _5[1];
+    var _x = useState(false), checked = _x[0], setChecked = _x[1];
+    var _y = useState(false), indeterminate = _y[0], setIndeterminate = _y[1];
+    var _z = useState(true), isMainLoading = _z[0], setIsMainLoading = _z[1];
+    var _0 = useState([]), dataTable = _0[0], setDataTable = _0[1];
+    var _1 = useState(''), searchValue = _1[0], setSearchValue = _1[1];
+    var _2 = useState([]), selectedPeople = _2[0], setSelectedPeople = _2[1];
+    var _3 = useState(false), isSearchLoading = _3[0], setIsSearchLoading = _3[1];
+    var _4 = useState([]), searchDataResult = _4[0], setSearchDataResult = _4[1];
+    var _5 = useState(0), pagi = _5[0], setPagi = _5[1];
+    var _6 = useState(0), count = _6[0], setCount = _6[1];
     var timKiemPlacholder = 'Tìm kiếm';
-    var _6 = useState(false), isSearch = _6[0], setIsSearch = _6[1];
-    var _7 = useState(sort === null || sort === void 0 ? void 0 : sort.defaultActive), activeMenu = _7[0], setActiveMenu = _7[1];
-    var _8 = useState(false), isSelectSort = _8[0], setIsSelectSort = _8[1];
-    var _9 = useState(false), isSort = _9[0], setIsSort = _9[1];
-    var _10 = useState(false), isSortLoading = _10[0], setIsSortLoading = _10[1];
-    var _11 = useState(0), numberOfFetchData = _11[0], setNumberOfFetchData = _11[1];
+    var _7 = useState(false), isSearch = _7[0], setIsSearch = _7[1];
+    var _8 = useState(sort === null || sort === void 0 ? void 0 : sort.defaultActive), activeMenu = _8[0], setActiveMenu = _8[1];
+    var _9 = useState(false), isSelectSort = _9[0], setIsSelectSort = _9[1];
+    var _10 = useState(false), isSort = _10[0], setIsSort = _10[1];
+    var _11 = useState(false), isSortLoading = _11[0], setIsSortLoading = _11[1];
+    var _12 = useState(0), numberOfFetchData = _12[0], setNumberOfFetchData = _12[1];
     // const [locationSearch, setLocationSearch] = useState(typeof window !== 'undefined' ? window.location.search : '')
     var numericalOrderDefault = __assign(__assign({}, numericalOrder), { sticky: !!stickyColumnNumber });
     // @ts-ignore
     var params = new URLSearchParams(searchParams) || new URLSearchParams(window.location.search);
     var entries = Object.fromEntries(params.entries());
-    var _12 = useState((entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) ? Number(entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) : rowNumber), rowQuantity = _12[0], setRowQuantity = _12[1];
-    var _13 = useState(false), isChangeRowQty = _13[0], setIsChangeRowQty = _13[1];
+    var _13 = useState((entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) ? Number(entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) : rowNumber), rowQuantity = _13[0], setRowQuantity = _13[1];
+    var _14 = useState(false), isChangeRowQty = _14[0], setIsChangeRowQty = _14[1];
     useEffect(function () {
         if ((entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) ? Number(entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) !== rowQuantity : rowNumber !== rowQuantity) {
             setRowQuantity((entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) ? Number(entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) : rowNumber);
@@ -79,12 +79,12 @@ export function PHXTableV3(_a) {
     //     setLocationSearch(window.location.search)
     //   }
     // }, [window.location.search, isResetPagination])
-    var _14 = useStickyLefts((numericalOrderDefault === null || numericalOrderDefault === void 0 ? void 0 : numericalOrderDefault.sticky) && selectedAllPeople && selectedAllPeople.enable
+    var _15 = useStickyLefts((numericalOrderDefault === null || numericalOrderDefault === void 0 ? void 0 : numericalOrderDefault.sticky) && selectedAllPeople && selectedAllPeople.enable
         ? stickyColumnNumber + 2
         : (numericalOrderDefault === null || numericalOrderDefault === void 0 ? void 0 : numericalOrderDefault.sticky) || (selectedAllPeople && selectedAllPeople.enable)
             ? stickyColumnNumber + 1
-            : stickyColumnNumber, dataTable), lefts = _14.lefts, refs = _14.refs;
-    var _15 = useStickyRights(stickyColumnNumberRight, dataTable), refRights = _15.refs, rights = _15.rights;
+            : stickyColumnNumber, dataTable), lefts = _15.lefts, refs = _15.refs;
+    var _16 = useStickyRights(stickyColumnNumberRight, dataTable), refRights = _16.refs, rights = _16.rights;
     var queryHidePagi = list.query ? list.query.replace(/limit\s*:\s*\d+\s*,?|offset\s*:\s*\d+\s*,?/g, '') : '';
     var queryWithLimitSelected = list.query
         ? list.query
@@ -140,9 +140,9 @@ export function PHXTableV3(_a) {
         setDataTable(data);
         setSearchDataResult(data);
     };
-    var _16 = useState(false), isChangePageLoading = _16[0], setIsChangePageLoading = _16[1];
-    var _17 = useState(''), previousValue = _17[0], setPreviousValue = _17[1];
-    var _18 = useState(1), currentPage = _18[0], setCurrentPage = _18[1];
+    var _17 = useState(false), isChangePageLoading = _17[0], setIsChangePageLoading = _17[1];
+    var _18 = useState(''), previousValue = _18[0], setPreviousValue = _18[1];
+    var _19 = useState(1), currentPage = _19[0], setCurrentPage = _19[1];
     var handleChangePage = function (page) {
         if (page > 0 && page <= Math.ceil(count / rowQuantity)) {
             setIsChangePageLoading(true);
@@ -386,36 +386,33 @@ export function PHXTableV3(_a) {
     };
     return (React.createElement(React.Fragment, null,
         isMainLoading ? (React.createElement(PHXSkeleton, { filterQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.filterQty, reportQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.reportQty, type: typeLoading.type })) : (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: 'rounded-lg bg-white shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)]' },
+            React.createElement("div", { className: 'rounded-lg bg-white shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)] ring-1 ring-gray-200' },
                 React.createElement("div", { className: 'flex flex-col' },
                     (dataTable.length > 0 ||
                         (dataTable.length === 0 && isSearch) ||
                         (dataTable.length === 0 && isSelectSort) ||
                         (dataTable.length === 0 && isSort) ||
-                        (dataTable.length === 0 && (sort === null || sort === void 0 ? void 0 : sort.enable))) && (React.createElement("div", { className: classNames(isSortEmpty && dataTable.length === 0 ? 'hidden' : 'min-w-full align-middle') },
-                        React.createElement(Transition, { as: Fragment, enter: 'transition-all duration-500 overflow-hidden', enterFrom: 'transform scale-95 opacity-0 h-0', enterTo: 'transform scale-100 opacity-100 h-full', leaveFrom: 'transform scale-100 opacity-100 h-full', leaveTo: 'transform scale-95 opacity-0 h-0', show: isSearch },
-                            React.createElement("div", { className: classNames('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg bg-white px-3 py-1 pl-5 ring-opacity-5', !sort || !sort.enable ? 'mb-2' : '', searchDataResult.length === 0 && 'border-b') },
+                        (dataTable.length === 0 && (sort === null || sort === void 0 ? void 0 : sort.enable))) && (React.createElement("div", { className: classNames(isSortEmpty && dataTable.length === 0 ? 'hidden' : 'min-w-full align-middle', (sort && sort.enable) || (search && search.enable) ? 'h-11' : '') },
+                        React.createElement(Transition, { as: Fragment, enter: 'transition-[max-height,opacity] duration-300 ease-out overflow-hidden', enterFrom: 'max-h-0 opacity-0', enterTo: 'max-h-20 opacity-100', show: isSearch },
+                            React.createElement("div", { className: classNames('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg px-3 py-1 pl-5 ring-opacity-5', !sort || !sort.enable ? '' : '', searchDataResult.length === 0 && 'border-b', type === 'in-card' && 'bg-gray-50') },
                                 React.createElement("div", { className: 'relative mr-2 w-11/12' },
-                                    React.createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-transparent text-xs hover:bg-gray-100 focus:border-indigo-800 focus:bg-gray-100 focus:ring-indigo-800', id: 'search-value', name: 'search-value', onInput: searchChange, placeholder: timKiemPlacholder, type: 'text', value: searchValue })),
+                                    React.createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-white py-1 text-xs hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', onInput: searchChange, placeholder: timKiemPlacholder, type: 'text', value: searchValue })),
                                 React.createElement("div", { className: 'flex w-14 justify-center pt-1' }, isSearchLoading ? React.createElement(PHXSpinner, null) : null),
                                 React.createElement("div", null,
                                     React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
                                             setIsSearch(false);
                                             searchSetValue('');
-                                            // if (searchValue) {
-                                            //   setSelectedPeople([]);
-                                            // }
                                         }, type: 'button' }, "Cancel")))),
                         React.createElement("div", { className: classNames((sort && sort.enable) || (search && search.enable)
-                                ? "flex flex-row items-center rounded-tl-lg rounded-tr-lg bg-white px-3 pl-8 ".concat(sort && sort.enable
+                                ? "flex flex-row items-center rounded-tl-lg rounded-tr-lg px-3 pl-8 ".concat(sort && sort.enable
                                     ? "sm:justify-between ".concat(dataTable.length === 0 || searchDataResult.length === 0 ? 'border-b' : '')
                                     : 'sm:justify-end', " ").concat(isSearch ? 'border-none py-1' : 'mb-2 py-1.5')
-                                : '', isSearch && (!sort || !sort.enable) ? 'hidden' : '') },
+                                : '', isSearch && (!sort || !sort.enable) ? 'pointer-events-none opacity-0' : 'opacity-100', type === 'in-card' && 'bg-gray-50') },
                             sort && sort.enable ? (React.createElement(React.Fragment, null,
                                 React.createElement(Sort, { activeMenu: activeMenu, className: 'w-11/12', isSearch: isSearch, onChange: sortOnChange, onChangeSelect: sortSelectOnchange, selectArray: selectArray, sortList: sort.sortList }),
                                 React.createElement("div", { className: 'flex justify-center lg:w-14' }, isSortLoading ? React.createElement(PHXSpinner, null) : null))) : null,
                             !isSearch && (React.createElement("div", { className: 'mr-3 flex justify-center' }, isChangePageLoading ? React.createElement(PHXSpinner, null) : null)),
-                            search && search.enable && (React.createElement("div", null, !isSearch && (React.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
+                            search && search.enable && (React.createElement("div", { className: 'rounded-lg bg-white' }, !isSearch && (React.createElement("button", { className: 'ml-1 flex rounded-lg px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
                                 React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' })))))))),
                     dataTable.length > 0 ? (React.createElement("div", { className: 'relative' }, searchDataResult.length > 0 && !isMainLoading ? (React.createElement("div", { className: '-my-2 overflow-x-auto' },
                         React.createElement("div", { className: classNames('min-w-full pb-2 align-middle ring-black ring-opacity-5', (search && search.enable) || (sort && sort.enable) ? '' : 'pt-0.5') },