phx-uikit 1.0.256 → 1.0.257

package/dist/cjs/components/SwitchView/SwitchView.js

@@ -1,6 +1,6 @@
 "use strict";
-exports.__esModule = true;
-exports.PHXSwitchView = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXSwitchView = PHXSwitchView;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var types_1 = require("../types");
@@ -9,25 +9,24 @@ function PHXSwitchView(_a) {
     var className = _a.className, dataSwitch = _a.dataSwitch, defaultTab = _a.defaultTab, getOnlyTitleOfSwitch = _a.getOnlyTitleOfSwitch, onClickSwitch = _a.onClickSwitch;
     var defaultActive = dataSwitch ? (getOnlyTitleOfSwitch ? dataSwitch[0].id : dataSwitch[0].name) : null;
     var _d = (0, react_1.useState)(defaultTab ? defaultTab : defaultActive), current = _d[0], setCurrent = _d[1];
-    return (react_1["default"].createElement("div", { className: className },
-        react_1["default"].createElement("div", { className: 'mb-4' },
-            react_1["default"].createElement("div", { className: 'sm:hidden' },
-                react_1["default"].createElement("label", { className: 'sr-only', htmlFor: 'tabs' }),
-                react_1["default"].createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_b = dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.find(function (switchItem) { return (switchItem.id || switchItem.name) === current; })) === null || _b === void 0 ? void 0 : _b.name, id: 'tabs', name: 'tabs', onChange: function (e) {
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: 'mb-4' },
+            react_1.default.createElement("div", { className: 'sm:hidden' },
+                react_1.default.createElement("label", { className: 'sr-only', htmlFor: 'tabs' }),
+                react_1.default.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_b = dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.find(function (switchItem) { return (switchItem.id || switchItem.name) === current; })) === null || _b === void 0 ? void 0 : _b.name, id: 'tabs', name: 'tabs', onChange: function (e) {
                         setCurrent(e.target.value);
                         getOnlyTitleOfSwitch === null || getOnlyTitleOfSwitch === void 0 ? void 0 : getOnlyTitleOfSwitch(e.target.value);
-                    } }, dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.map(function (switchItem) { return (react_1["default"].createElement("option", { key: switchItem.name, value: switchItem.id || switchItem.name }, switchItem.name)); }))),
-            react_1["default"].createElement("div", { className: 'hidden sm:block' },
-                react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1 rounded-xl border border-gray-300 bg-[#F5F5F5] p-1 shadow' }, dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.map(function (switchItem) { return (react_1["default"].createElement("button", { key: switchItem.name, className: (0, types_1.classNames)((switchItem.id || switchItem.name) === current
+                    } }, dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.map(function (switchItem) { return (react_1.default.createElement("option", { key: switchItem.name, value: switchItem.id || switchItem.name }, switchItem.name)); }))),
+            react_1.default.createElement("div", { className: 'hidden sm:block' },
+                react_1.default.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1 rounded-xl border border-gray-300 bg-[#F5F5F5] p-1 shadow' }, dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.map(function (switchItem) { return (react_1.default.createElement("button", { key: switchItem.name, className: (0, types_1.classNames)((switchItem.id || switchItem.name) === current
                         ? 'text-gray-950'
                         : 'text-gray-500 hover:text-gray-700', 'group relative rounded-lg px-3 py-1.5 text-xs font-normal leading-4 focus:z-10'), onClick: function () {
                         setCurrent(switchItem.id || switchItem.name);
                         getOnlyTitleOfSwitch === null || getOnlyTitleOfSwitch === void 0 ? void 0 : getOnlyTitleOfSwitch(switchItem.id);
                         onClickSwitch && onClickSwitch(switchItem);
                     }, type: 'button' },
-                    react_1["default"].createElement("span", null, switchItem.name),
-                    react_1["default"].createElement("span", { "aria-hidden": 'true', className: (0, types_1.classNames)((switchItem.id || switchItem.name) === current ? 'bg-gray-800' : 'bg-transparent', 'absolute inset-x-0 bottom-[-0.25rem] left-[0.1rem] h-[3px] rounded-t-md transition-colors duration-200 group-hover:bg-gray-400') }))); }))),
-            react_1["default"].createElement("div", { className: 'pt-4' }, dataSwitch && ((_c = dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.find(function (switchItem) { return (switchItem.id || switchItem.name) === current; })) === null || _c === void 0 ? void 0 : _c.component)))));
+                    react_1.default.createElement("span", null, switchItem.name),
+                    react_1.default.createElement("span", { "aria-hidden": 'true', className: (0, types_1.classNames)((switchItem.id || switchItem.name) === current ? 'bg-gray-800' : 'bg-transparent', 'absolute inset-x-0 bottom-[-0.25rem] left-[0.1rem] h-[3px] rounded-t-md transition-colors duration-200 group-hover:bg-gray-400') }))); }))),
+            react_1.default.createElement("div", { className: 'pt-4' }, dataSwitch && ((_c = dataSwitch === null || dataSwitch === void 0 ? void 0 : dataSwitch.find(function (switchItem) { return (switchItem.id || switchItem.name) === current; })) === null || _c === void 0 ? void 0 : _c.component)))));
 }
-exports.PHXSwitchView = PHXSwitchView;
 //# sourceMappingURL=SwitchView.js.map

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

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

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

package/dist/cjs/components/TabDate/PHXTabDate.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Button_1 = require("../Button");
@@ -15,9 +15,9 @@ var PHXTabDate = function (_a) {
                 d.setDate(baseDate.getDate() - i);
                 var dayOfWeek = d.getDay();
                 result.push({
-                    title: daysOfWeek[dayOfWeek],
+                    title: daysOfWeek[dayOfWeek], // vẫn là thứ
                     date: "".concat(d.getDate(), "/").concat(d.getMonth() + 1),
-                    time: d
+                    time: d,
                 });
             }
             return result;
@@ -27,9 +27,9 @@ var PHXTabDate = function (_a) {
         // hôm nay vẫn giữ thứ
         var todayDayOfWeek = today.getDay();
         past.push({
-            title: daysOfWeek[todayDayOfWeek],
+            title: daysOfWeek[todayDayOfWeek], // giữ thứ, không "Hôm nay"
             date: "".concat(today.getDate(), "/").concat(today.getMonth() + 1),
-            time: today
+            time: today,
         });
         return past;
     };
@@ -63,36 +63,30 @@ var PHXTabDate = function (_a) {
         setStartIndex(newStartIndex);
         onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(new Date());
     };
-    return (react_1["default"].createElement("div", null,
-        react_1["default"].createElement(Button_1.PHXButton, { iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar', className: 'mb-3' }, "H\u00F4m nay"),
-        react_1["default"].createElement("div", { className: 'flex w-full overflow-x-auto xl:overflow-x-visible items-center' },
-            react_1["default"].createElement("button", { className: '\n            mr-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n            rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n            disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n          ', 
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(Button_1.PHXButton, { iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar', className: 'mb-3' }, "H\u00F4m nay"),
+        react_1.default.createElement("div", { className: 'flex w-full overflow-x-auto xl:overflow-x-visible items-center' },
+            react_1.default.createElement("button", { className: '\n            mr-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n            rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n            disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n          ', 
                 // chỉ check startIndex === 0 để disable
                 disabled: startIndex === 0, onClick: handlePrevClick },
-                react_1["default"].createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-                    react_1["default"].createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
-            react_1["default"].createElement("div", { className: 'flex flex-1' }, visibleDays.map(function (item, index) {
+                react_1.default.createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
+            react_1.default.createElement("div", { className: 'flex flex-1' }, visibleDays.map(function (item, index) {
                 var globalIndex = startIndex + index;
                 var isActive = activeIndex === globalIndex;
-                // xác định hôm nay
-                var isToday = new Date(item.time).toDateString() === new Date().toDateString();
-                return (react_1["default"].createElement("div", { key: globalIndex, className: 'min-w-[120px] flex-shrink-0 sm:flex-1 xl:min-w-0' },
-                    react_1["default"].createElement("button", { className: "".concat(index === 0 && 'rounded-l-lg border-l', " \n                      ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n                      ").concat(
-                        // chỉ áp dụng shadow/bg-gray-100 khi active mà KHÔNG phải hôm nay
-                        isActive && !isToday
-                            ? 'h-[80px] !border-b-gray-200 !bg-gray-100 !shadow-[inset_0px_2px_1px_0px_rgba(26,26,26,0.2),inset_1px_0px_1px_0px_rgba(26,26,26,0.12)] !ring-0'
-                            : '', "\n                      h-[80px] w-full border-b border-r border-t border-gray-300 bg-white px-3 py-2 hover:bg-gray-100"), onClick: function () {
+                return (react_1.default.createElement("div", { key: globalIndex, className: 'min-w-[120px] flex-shrink-0 sm:flex-1 xl:min-w-0' },
+                    react_1.default.createElement("button", { className: "".concat(index === 0 && 'rounded-l-lg border-l', " \n                      ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n                      h-[80px] w-full border-b border-r border-t border-gray-300 bg-white px-3 py-2 hover:bg-gray-100"), onClick: function () {
                             setActiveIndex(globalIndex);
                             onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(item.time);
-                        } }, isToday ? (react_1["default"].createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
-                        react_1["default"].createElement("span", { className: 'text-sm' }, item.title),
-                        react_1["default"].createElement("p", { className: 'text-base font-medium' }, item.date))) : (react_1["default"].createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center' },
-                        react_1["default"].createElement("span", { className: 'text-sm text-gray-600' }, item.title),
-                        react_1["default"].createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
+                        } }, isActive ? (react_1.default.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
+                        react_1.default.createElement("span", { className: 'text-sm' }, item.title),
+                        react_1.default.createElement("p", { className: 'text-base font-medium' }, item.date))) : (react_1.default.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center' },
+                        react_1.default.createElement("span", { className: 'text-sm text-gray-600' }, item.title),
+                        react_1.default.createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
             })),
-            startIndex !== initialStartIndex && (react_1["default"].createElement("button", { className: 'ml-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n                     rounded-lg border border-gray-300 bg-white hover:bg-gray-200', onClick: handleNextClick },
-                react_1["default"].createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-                    react_1["default"].createElement("path", { d: 'M9 18L15 12L9 6', stroke: '#4A4A4A', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
+            startIndex !== initialStartIndex && (react_1.default.createElement("button", { className: 'ml-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n                     rounded-lg border border-gray-300 bg-white hover:bg-gray-200', onClick: handleNextClick },
+                react_1.default.createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.createElement("path", { d: 'M9 18L15 12L9 6', stroke: '#4A4A4A', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
 };
-exports["default"] = PHXTabDate;
+exports.default = PHXTabDate;
 //# sourceMappingURL=PHXTabDate.js.map

package/dist/cjs/components/TabDate/PHXTabDate.js.map

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

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

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TBodyComponent, THeader, TMergeConfig, TPagination, TSearch, TSelectedAllPeople, TTableData } from './types';
+export interface TableReportProps {
+    tableData: Array<TTableData>;
+    thHeader: Array<THeader>;
+    thBody: Array<string>;
+    thBodyComponent?: TBodyComponent;
+    mergeConfig?: TMergeConfig;
+    rowHighlightConfig?: {
+        key: string;
+        value: string;
+        readonly?: boolean;
+    };
+    search?: TSearch;
+    loading?: boolean;
+    pagination?: TPagination;
+    readonly?: boolean;
+    onClick?(value: Record<string, any>): void;
+    type?: 'default' | 'in-card';
+    selectedAllPeople?: TSelectedAllPeople;
+    tableKey?: string;
+    border?: boolean;
+}
+export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, }: TableReportProps): React.JSX.Element;

package/dist/cjs/components/TableReport/TableReport.js

@@ -0,0 +1,85 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXTableReport = PHXTableReport;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var types_1 = require("../types");
+var utils_1 = require("./utils");
+var RowMerge_1 = tslib_1.__importDefault(require("./component/RowMerge"));
+var Row_1 = tslib_1.__importDefault(require("./component/Row"));
+var Search_1 = tslib_1.__importDefault(require("./component/Search"));
+var EmptyRecord_1 = require("../EmptyRecord");
+var Skeleton_1 = require("../Skeleton");
+var Pagination_1 = tslib_1.__importDefault(require("./component/Pagination"));
+var Header_1 = tslib_1.__importDefault(require("./component/Header"));
+var SelectedAction_1 = tslib_1.__importDefault(require("../TableV3/SelectedAction"));
+var solid_1 = require("@heroicons/react/24/solid");
+var EmptySearch_1 = require("../EmptySearch");
+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, _e = _a.type, type = _e === void 0 ? 'default' : _e, selectedAllPeople = _a.selectedAllPeople, _f = _a.tableKey, tableKey = _f === void 0 ? 'table-report' : _f, _g = _a.border, border = _g === void 0 ? true : _g;
+    var checkbox = (0, react_1.useRef)();
+    var _h = (0, react_1.useState)(false), isSearch = _h[0], setIsSearch = _h[1];
+    var _j = (0, react_1.useState)([]), selectedPeople = _j[0], setSelectedPeople = _j[1];
+    var _k = (0, react_1.useState)(false), checked = _k[0], setChecked = _k[1];
+    var _l = (0, react_1.useState)(false), indeterminate = _l[0], setIndeterminate = _l[1];
+    var _m = (0, react_1.useState)(1), currentPage = _m[0], setCurrentPage = _m[1];
+    var _o = (0, react_1.useState)(0), offset = _o[0], setOffset = _o[1];
+    var maxDepth = (0, utils_1.getMaxDepth)(thHeader);
+    var rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
+    var rowClassName = function (keyIdx, dataIdx) {
+        return (0, types_1.classNames)('text-xs text-center px-2 py-2 whitespace-nowrap', keyIdx !== 0 && border && 'border-l', dataIdx !== 0 && 'border-t', dataIdx === tableData.length - 1 && keyIdx === 0 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-bl-lg', dataIdx === tableData.length - 1 && keyIdx === thBody.length - 1 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-br-lg');
+    };
+    var isHighLight = function (data) {
+        return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
+    };
+    var handleClick = function (data, isHighlightRow) {
+        if (isHighlightRow && !(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly)) {
+            if (onClick) {
+                onClick(data);
+            }
+        }
+        if (!isHighlightRow && onClick && !readonly) {
+            onClick(data);
+        }
+    };
+    (0, react_1.useLayoutEffect)(function () {
+        var isIndeterminate = selectedPeople.length > 0 && selectedPeople.length < tableData.length;
+        setChecked(selectedPeople.length === tableData.length && tableData.length > 0);
+        setIndeterminate(isIndeterminate);
+        if (checkbox.current) {
+            checkbox.current.indeterminate = isIndeterminate;
+        }
+    }, [selectedPeople]);
+    var toggleAll = function () {
+        setSelectedPeople(checked || indeterminate ? [] : tableData);
+        setChecked(!checked && !indeterminate);
+        setIndeterminate(false);
+    };
+    var brSetSelectedPeople = function (value) {
+        var maxSelectedPeople = (selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) || 0;
+        setSelectedPeople(value.slice(-maxSelectedPeople));
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1.default.createElement(react_1.default.Fragment, null, tableData.length > 0 || (tableData.length === 0 && isSearch) ? (react_1.default.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-300' },
+            search && search.enable && (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex h-9 flex-row items-center rounded-tl-lg rounded-tr-lg px-3 ring-1 ring-gray-300', isSearch ? 'border-none' : 'justify-end', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
+                react_1.default.createElement(Search_1.default, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type, setCurrentPage: setCurrentPage, setOffset: setOffset, paginationChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange }),
+                react_1.default.createElement("button", { className: (0, types_1.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_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })),
+                react_1.default.createElement("div", { className: 'absolute bottom-0 left-0 h-[1px] w-full bg-white' }))),
+            react_1.default.createElement("div", { className: 'flex flex-col' }, tableData.length > 0 ? (react_1.default.createElement("div", { className: 'overflow-x-auto' },
+                react_1.default.createElement("div", { className: (0, types_1.classNames)('overflow-auto ring-black ring-opacity-5', search && search.enable ? 'rounded-tl-none rounded-tr-none' : '') },
+                    react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
+                            react_1.default.createElement("thead", null,
+                                react_1.default.createElement(Header_1.default, { border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll })),
+                            react_1.default.createElement("tbody", null, (0, utils_1.buildRowSpan)(tableData, mergeConfig).map(function (data, dataIdx) { return (react_1.default.createElement("tr", { key: dataIdx, className: (0, types_1.classNames)('group', isHighLight(data) && 'bg-gray-100 font-semibold'), onClick: function () { return handleClick(data, isHighLight(data)); } }, thBody.map(function (bodyKey, keyIdx) { return (react_1.default.createElement(react_1.default.Fragment, null, mergeConfig.isMergeRowData ? (react_1.default.createElement(RowMerge_1.default, { border: border, bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, mergeConfig: mergeConfig, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })) : (react_1.default.createElement(Row_1.default, { border: border, bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })))); }))); }))))))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg' },
+                react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null)))),
+            tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (react_1.default.createElement(Pagination_1.default, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset })))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg border' },
+            react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, null))))),
+        selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement(SelectedAction_1.default, { selectedBtn: selectedAllPeople.selectedAction.actions, selectedPeople: selectedPeople, slectedTitle: selectedAllPeople.selectedAction.label, toggleAll: toggleAll }))));
+}
+//# sourceMappingURL=TableReport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAsCZ,wCAiOC;;AAtQD,qDAAgE;AAChE,kCAAqC;AACrC,iCAAoE;AACpE,0EAA2C;AAC3C,gEAAiC;AACjC,sEAAuC;AACvC,8CAA+C;AAC/C,wCAAyC;AAEzC,8EAA+C;AAC/C,sEAAuC;AACvC,qFAAsD;AACtD,mDAA+D;AAC/D,8CAA+C;AAwB/C,SAAgB,cAAc,CAAC,EAmBZ;QAlBjB,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,EAChB,iBAAiB,uBAAA,EACjB,gBAAyB,EAAzB,QAAQ,mBAAG,cAAc,KAAA,EACzB,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA;IAEb,IAAM,QAAQ,GAAG,IAAA,cAAM,GAA8C,CAAA;IAE/D,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IACzC,IAAA,KAAsC,IAAA,gBAAQ,EAAoB,EAAE,CAAC,EAApE,cAAc,QAAA,EAAE,iBAAiB,QAAmC,CAAA;IACrE,IAAA,KAAwB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IAChD,IAAA,KAAoC,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA3D,aAAa,QAAA,EAAE,gBAAgB,QAA4B,CAAA;IAE5D,IAAA,KAAgC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAA;IAC3C,IAAA,KAAsB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAhC,MAAM,QAAA,EAAE,SAAS,QAAe,CAAA;IAEvC,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,QAAQ,CAAC,CAAA;IACtC,IAAM,IAAI,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAA;IAE1D,IAAM,YAAY,GAAG,UAAC,MAAc,EAAE,OAAe;QACnD,OAAA,IAAA,kBAAU,EACR,iDAAiD,EACjD,MAAM,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,EACpC,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,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5C,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,IAAA,uBAAe,EAAC;QACd,IAAM,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAA;QAC7F,UAAU,CAAC,cAAc,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC9E,gBAAgB,CAAC,eAAe,CAAC,CAAA;QACjC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,eAAe,CAAA;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAM,SAAS,GAAG;QAChB,iBAAiB,CAAC,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QAC5D,UAAU,CAAC,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,CAAA;QACtC,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,UAAC,KAAiB;QAC5C,IAAM,iBAAiB,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,KAAI,CAAC,CAAA;QACnE,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAA;IACpD,CAAC,CAAA;IAED,OAAO,CACL;QACG,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,sBAAW,IAAC,IAAI,EAAC,OAAO,GAAG,CAC7B,CAAC,CAAC,CAAC,CACF,8DACG,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC9D,uCAAK,SAAS,EAAC,8UAA8U;YAC1V,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAC1B,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,+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;gBAED,8BAAC,gBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,GACtC;gBACF,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,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;oBAEb,8BAAC,2BAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACpC;gBACT,uCAAK,SAAS,EAAC,kDAAkD,GAAG,CAChE,CACP;YACD,uCAAK,SAAS,EAAC,eAAe,IAC3B,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,uCAAK,SAAS,EAAC,iBAAiB;gBAC9B,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,yCAAyC,EACzC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CACjE;oBAED;wBACE,yCAAO,SAAS,EAAC,qCAAqC;4BACpD;gCACE,8BAAC,gBAAM,IACL,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,GACpB,CACI;4BACR,6CACG,IAAA,oBAAY,EAAC,SAAS,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,IAAgB,EAAE,OAAe,IAAK,OAAA,CAC/E,sCACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,IAAA,kBAAU,EAAC,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,8DACG,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAC5B,8BAAC,kBAAQ,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,EACjD,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,aAAG,IACF,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,EACjD,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,CACH,CACA,CACJ,EAvCgD,CAuChD,CAAC,CACC,CACN,EA/CgF,CA+ChF,CAAC,CACI,CACF,CACP,CACC,CACF,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,4BAA4B;gBACzC,8BAAC,4BAAc,OAAG,CACd,CACP,CACG;YACL,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,CAC3D,8BAAC,oBAAU,IACT,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACH,CACG,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,mCAAmC;YAChD,8BAAC,4BAAc,OAAG,CACd,CACP,CACA,CACJ;QACA,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,CAChD,8BAAC,wBAAc,IACb,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAC,OAAO,EACrD,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,EACpD,SAAS,EAAE,SAAS,GACpB,CACH,CACA,CACJ,CAAA;AACH,CAAC"}

package/dist/cjs/components/TableReport/component/Header.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TSearch, TSelectedAllPeople } from '../types';
+interface HeaderProps {
+    rows: any;
+    search: TSearch;
+    selectedAllPeople?: TSelectedAllPeople;
+    toggleAll(): void;
+    tableKey: string;
+    checked: boolean;
+    checkbox: any;
+    border: boolean;
+}
+declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border }: HeaderProps): React.JSX.Element;
+export default Header;

package/dist/cjs/components/TableReport/component/Header.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../../types");
+var Checkbox_1 = require("../../Checkbox");
+function Header(_a) {
+    var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox, border = _a.border;
+    return (react_1.default.createElement(react_1.default.Fragment, null, rows.map(function (row, rowIdx) { return (react_1.default.createElement("tr", { key: rowIdx, className: (0, types_1.classNames)(rowIdx !== 0 && border && 'border-t', search && search.enable && rowIdx === 0 && border && 'border-t') },
+        selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (react_1.default.createElement("th", { rowSpan: rows.length, className: (0, types_1.classNames)('bg-gray-50 text-center', border && 'border-r') }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3' },
+            react_1.default.createElement(Checkbox_1.PHXCheckbox, { inputRef: checkbox, id: "".concat(tableKey, "-header"), onChange: toggleAll, checked: checked }))))),
+        row.map(function (cell, cellIdx) { return (react_1.default.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: (0, types_1.classNames)('px-3 py-2.5 text-center text-xs font-medium text-gray-800 bg-gray-50 whitespace-nowrap', cell.colIndex !== 0 && border && 'border-l', rowIdx === 0 && cellIdx === 0 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tl-lg', rowIdx === 0 && cellIdx === row.length - 1 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tr-lg') }, cell.name)); }))); })));
+}
+exports.default = Header;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/TableReport/component/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qCAAwC;AAExC,2CAA4C;AAa5C,SAAS,MAAM,CAAC,EAAgG;QAA9F,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,iBAAiB,uBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC/F,OAAO,CACL,8DACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,MAAc,IAAK,OAAA,CACtC,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,EACpC,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,CAChE;QAEA,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,CAChE,sCAAI,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAA,kBAAU,EAAC,wBAAwB,EAAE,MAAM,IAAI,UAAU,CAAC,IAC5F,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,CAAA,IAAI,CACxC,uCAAK,SAAS,EAAC,uCAAuC;YACpD,8BAAC,sBAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAG,QAAQ,YAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAChG,CACP,CACE,CACN;QACA,GAAG,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,OAAe,IAAK,OAAA,CACvC,sCACE,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAA,kBAAU,EACnB,wFAAwF,EACxF,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,EAC3C,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,EAjCuC,CAiCvC,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}

package/dist/cjs/components/TableReport/component/PaginaitonSelected.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type IPaginationSelected = {
+    rowQuantity: number;
+    setCurrentPage(page: number): void;
+    setOffset(page: number): void;
+    setRowQuantity?(row: number): void;
+    onChange?(page: number): void;
+};
+declare function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity, onChange, setOffset }: IPaginationSelected): React.JSX.Element;
+export default PaginationSelected;

package/dist/cjs/components/TableReport/component/PaginaitonSelected.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Dropdown_1 = require("../../Dropdown");
+var optionNumber = [150, 125, 100, 75, 50, 25, 10];
+function PaginationSelected(_a) {
+    var rowQuantity = _a.rowQuantity, setCurrentPage = _a.setCurrentPage, setRowQuantity = _a.setRowQuantity, onChange = _a.onChange, setOffset = _a.setOffset;
+    var options = optionNumber.map(function (item) { return ({
+        content: item + '',
+        active: rowQuantity === item,
+        onClick: function () {
+            setRowQuantity === null || setRowQuantity === void 0 ? void 0 : setRowQuantity(item);
+            setCurrentPage(1);
+            setOffset(0);
+            if (onChange) {
+                onChange(1);
+            }
+        },
+    }); });
+    return (react_1.default.createElement("div", { className: 'relative' },
+        react_1.default.createElement("div", { className: 'absolute bottom-0 top-0 flex items-center gap-x-1' },
+            react_1.default.createElement(Dropdown_1.PHXDropdown, { buttonContent: "".concat(rowQuantity), options: options, origin: 'top-left', type: 'default' }),
+            react_1.default.createElement("div", { className: 'w-24 text-xs' }, "b\u1EA3n ghi/trang"))));
+}
+exports.default = PaginationSelected;
+//# sourceMappingURL=PaginaitonSelected.js.map

package/dist/cjs/components/TableReport/component/PaginaitonSelected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginaitonSelected.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/PaginaitonSelected.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,2CAA4C;AAE5C,IAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAUpD,SAAS,kBAAkB,CAAC,EAAyF;QAAvF,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IAC5F,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;QAC/C,OAAO,EAAE,IAAI,GAAG,EAAE;QAClB,MAAM,EAAE,WAAW,KAAK,IAAI;QAC5B,OAAO,EAAE;YACP,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,CAAA;YACtB,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,SAAS,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC;QACH,CAAC;KACF,CAAC,EAX8C,CAW9C,CAAC,CAAA;IAEH,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,uCAAK,SAAS,EAAC,mDAAmD;YAChE,8BAAC,sBAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,uCAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,kBAAe,kBAAkB,CAAA"}

package/dist/cjs/components/TableReport/component/Pagination.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TPagination } from '../types';
+interface PaginationProps {
+    pagination: TPagination;
+    currentPage: number;
+    setCurrentPage(page: number): void;
+    offset: number;
+    setOffset(page: number): void;
+}
+declare function Pagination({ pagination, currentPage, setCurrentPage, offset, setOffset }: PaginationProps): React.JSX.Element;
+export default Pagination;

package/dist/cjs/components/TableReport/component/Pagination.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../../types");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var PaginaitonSelected_1 = tslib_1.__importDefault(require("./PaginaitonSelected"));
+function Pagination(_a) {
+    var pagination = _a.pagination, currentPage = _a.currentPage, setCurrentPage = _a.setCurrentPage, offset = _a.offset, setOffset = _a.setOffset;
+    var handleClickPage = function (page) {
+        setCurrentPage(page);
+        setOffset(page - 1);
+        if (pagination.onChange) {
+            pagination.onChange(page);
+        }
+    };
+    var totalPages = Math.ceil(pagination.dataAggregate / pagination.rowNumberInPage);
+    var disableNextPage = !totalPages || currentPage === totalPages;
+    var disablePrevPage = currentPage === 1;
+    var PreviousPage = function () { return (react_1.default.createElement("a", { "aria-hidden": true, className: (0, types_1.classNames)('relative inline-flex min-h-[1.75rem] items-center rounded-bl-lg rounded-tl-lg bg-gray-100 px-3 pb-1 pt-0.5 text-gray-900 focus:z-20 focus:outline-offset-0', !disablePrevPage ? 'hover:bg-gray-200' : '', !disablePrevPage
+            ? 'active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
+            : '', !disablePrevPage ? 'cursor-pointer' : ''), onClick: function () {
+            if (!disablePrevPage) {
+                handleClickPage(currentPage - 1);
+            }
+        } },
+        react_1.default.createElement("p", null,
+            react_1.default.createElement("span", { className: 'sr-only' }, "Previous"),
+            react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: (0, types_1.classNames)('h-3 w-2.5', disablePrevPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleLeft })))); };
+    var NextPage = function () { return (react_1.default.createElement("a", { "aria-hidden": true, className: (0, types_1.classNames)('relative inline-flex min-h-[1.75rem] items-center rounded-r-md rounded-br-lg rounded-tr-lg bg-gray-100 px-3 pb-1 pt-0.5 text-gray-900 focus:z-20 focus:outline-offset-0', !disableNextPage ? 'hover:bg-gray-200' : '', !disableNextPage
+            ? 'active:bg-gray-300 active:pb-[0.03rem] active:pt-[0.01rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
+            : '', !disableNextPage ? 'cursor-pointer' : ''), onClick: function () {
+            if (!disableNextPage) {
+                handleClickPage(currentPage + 1);
+            }
+        } },
+        react_1.default.createElement("p", null,
+            react_1.default.createElement("span", { className: 'sr-only' }, "Next"),
+            react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: (0, types_1.classNames)('h-3 w-2.5', disableNextPage ? 'text-gray-300' : 'text-gray-900'), icon: free_solid_svg_icons_1.faAngleRight })))); };
+    var startIndex = pagination.dataAggregate > 0 ? offset * pagination.rowNumberInPage + 1 : pagination.dataAggregate;
+    var endIndex = offset * pagination.rowNumberInPage + pagination.rowNumberInPage;
+    return (react_1.default.createElement("div", { className: 'flex items-center justify-between rounded-lg rounded-tl-none rounded-tr-none border-t border-gray-200 bg-[#F9FAFB] py-2 pl-7 pr-2' },
+        react_1.default.createElement(PaginaitonSelected_1.default, { onChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange, rowQuantity: pagination.rowNumberInPage, setCurrentPage: setCurrentPage, setRowQuantity: pagination === null || pagination === void 0 ? void 0 : pagination.setRowNumberInPage, setOffset: setOffset }),
+        react_1.default.createElement("div", { className: 'flex items-center gap-x-3' },
+            react_1.default.createElement("p", { className: 'hidden text-xs sm:block' },
+                "Hi\u1EC3n th\u1ECB ",
+                startIndex,
+                " - ",
+                endIndex >= pagination.dataAggregate ? pagination.dataAggregate : endIndex,
+                " tr\u00EAn",
+                ' ',
+                pagination.dataAggregate,
+                " b\u1EA3n ghi"),
+            react_1.default.createElement("div", { className: 'isolate inline-flex -space-x-px rounded-md bg-white' },
+                react_1.default.createElement("div", { className: 'mr-1' },
+                    react_1.default.createElement(PreviousPage, null)),
+                react_1.default.createElement(NextPage, null)))));
+}
+exports.default = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/dist/cjs/components/TableReport/component/Pagination.js.map

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

package/dist/cjs/components/TableReport/component/Row.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TBodyComponent, TSelectedAllPeople, TTableData } from '../types';
+interface RowProps {
+    keyIdx: number;
+    dataIdx: number;
+    data: TTableData;
+    bodyKey: string;
+    thBodyComponent?: TBodyComponent;
+    className: string;
+    readonly: boolean;
+    isHighlight: boolean;
+    highlightReadonly: boolean;
+    selectedAllPeople?: TSelectedAllPeople;
+    tableKey: string;
+    brSetSelectedPeople(value: TTableData): void;
+    selectedPeople: Array<TTableData>;
+    border: boolean;
+}
+declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowProps): React.JSX.Element;
+export default Row;

package/dist/cjs/components/TableReport/component/Row.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var utils_1 = require("../utils");
+var types_1 = require("../../types");
+var Checkbox_1 = require("../../Checkbox");
+function Row(_a) {
+    var keyIdx = _a.keyIdx, dataIdx = _a.dataIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly, selectedAllPeople = _a.selectedAllPeople, tableKey = _a.tableKey, brSetSelectedPeople = _a.brSetSelectedPeople, selectedPeople = _a.selectedPeople, border = _a.border;
+    var renderInclude = function (person) {
+        return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
+    };
+    var _b = (0, react_1.useState)(renderInclude(data)), checked = _b[0], setChecked = _b[1];
+    (0, react_1.useEffect)(function () {
+        setChecked(renderInclude(data));
+    }, [renderInclude(data)]);
+    var handleChange = function (e) {
+        var checked = e.target.checked;
+        setChecked(checked);
+        var valueSelected = checked
+            ? tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedPeople, true), [data], false) : selectedPeople.filter(function (p) { return JSON.stringify(p) !== JSON.stringify(data); });
+        brSetSelectedPeople(valueSelected);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.classNames)(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') },
+            react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
+                react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
+        react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.classNames)(className, !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value)));
+}
+exports.default = Row;
+//# sourceMappingURL=Row.js.map

package/dist/cjs/components/TableReport/component/Row.js.map

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

package/dist/cjs/components/TableReport/component/RowMerge.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TBodyComponent, TMergeConfig, TSelectedAllPeople, TTableData } from '../types';
+interface RowMergeProps {
+    mergeConfig: TMergeConfig;
+    keyIdx: number;
+    dataIdx: number;
+    bodyKey: string;
+    data: TTableData;
+    thBodyComponent?: TBodyComponent;
+    className: string;
+    readonly: boolean;
+    isHighlight: boolean;
+    highlightReadonly: boolean;
+    selectedAllPeople?: TSelectedAllPeople;
+    tableKey: string;
+    brSetSelectedPeople(value: TTableData): void;
+    selectedPeople: Array<TTableData>;
+    border: boolean;
+}
+declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowMergeProps): React.JSX.Element;
+export default RowMerge;