phx-uikit 1.0.256 → 1.0.258

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

@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { PHXButton } from '../Button';
 var defaultDaysOfWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
 var PHXTabDate = function (_a) {
-    var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _c = _a.windowSize, windowSize = _c === void 0 ? 8 : _c;
+    var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, _c = _a.hideTodayButton, hideTodayButton = _c === void 0 ? false : _c, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _d = _a.windowSize, windowSize = _d === void 0 ? 8 : _d, _e = _a.showRightArrowButton, showRightArrowButton = _e === void 0 ? false : _e;
     // tự build 30 ngày trước + hôm nay
     var buildDefaultTimeline = function () {
         function getPreviousDays(baseDate, n) {
@@ -12,9 +12,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;
@@ -24,17 +24,17 @@ 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;
     };
     var timeline = timelineProp || buildDefaultTimeline();
-    var todayIndex = timeline.findIndex(function (t) { return t.time.toDateString() === new Date().toDateString(); }); // dùng date thực sự để tìm hôm nay
+    var _f = useState(-1), todayIndex = _f[0], setTodayIndex = _f[1];
     var initialStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
-    var _d = useState(initialStartIndex), startIndex = _d[0], setStartIndex = _d[1];
-    var _e = useState(todayIndex), activeIndex = _e[0], setActiveIndex = _e[1];
+    var _g = useState(initialStartIndex), startIndex = _g[0], setStartIndex = _g[1];
+    var _h = useState(todayIndex), activeIndex = _h[0], setActiveIndex = _h[1];
     var visibleDays = timeline.slice(startIndex, startIndex + windowSize);
     // nút trái
     var handlePrevClick = function () {
@@ -60,9 +60,15 @@ var PHXTabDate = function (_a) {
         setStartIndex(newStartIndex);
         onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(new Date());
     };
+    useEffect(function () {
+        var newTodayIndex = timeline.findIndex(function (t) { return t.time.toDateString() === new Date().toDateString(); }); // dùng date thực sự để tìm hôm nay
+        setActiveIndex(newTodayIndex);
+        setTodayIndex(newTodayIndex);
+        setStartIndex(Math.max(newTodayIndex - (windowSize - 1), 0));
+    }, [timelineProp === null || timelineProp === void 0 ? void 0 : timelineProp.length, timeline.length]);
     return (React.createElement("div", null,
-        React.createElement(PHXButton, { iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar', className: 'mb-3' }, "H\u00F4m nay"),
-        React.createElement("div", { className: 'flex w-full overflow-x-auto xl:overflow-x-visible items-center' },
+        !hideTodayButton && (React.createElement(PHXButton, { className: 'mb-3', iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar' }, "H\u00F4m nay")),
+        React.createElement("div", { className: 'flex w-full items-center overflow-x-auto xl:overflow-x-visible' },
             React.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 },
@@ -71,23 +77,17 @@ var PHXTabDate = function (_a) {
             React.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.createElement("div", { key: globalIndex, className: 'min-w-[120px] flex-shrink-0 sm:flex-1 xl:min-w-0' },
-                    React.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 () {
+                    React.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.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
+                        } }, isActive ? (React.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
                         React.createElement("span", { className: 'text-sm' }, item.title),
                         React.createElement("p", { className: 'text-base font-medium' }, item.date))) : (React.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center' },
                         React.createElement("span", { className: 'text-sm text-gray-600' }, item.title),
                         React.createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
             })),
-            startIndex !== initialStartIndex && (React.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 },
+            (startIndex !== initialStartIndex || showRightArrowButton) && (React.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.createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
                     React.createElement("path", { d: 'M9 18L15 12L9 6', stroke: '#4A4A4A', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
 };

package/dist/esm/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/esm/components/TableReport/TableReport.d.ts

@@ -0,0 +1,25 @@
+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;
+    spacing?: boolean;
+}
+export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, }: TableReportProps): React.JSX.Element;

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

@@ -0,0 +1,81 @@
+'use client';
+import React, { useLayoutEffect, useRef, useState } from 'react';
+import { classNames } from '../types';
+import { buildHeaderRows, buildRowSpan, getMaxDepth } from './utils';
+import RowMerge from './component/RowMerge';
+import Row from './component/Row';
+import Search from './component/Search';
+import { PHXEmptyRecord } from '../EmptyRecord';
+import { PHXSkeleton } from '../Skeleton';
+import Pagination from './component/Pagination';
+import Header from './component/Header';
+import SelectedAction from '../TableV3/SelectedAction';
+import { MagnifyingGlassIcon } from '@heroicons/react/24/solid';
+import { PHXEmptySearch } from '../EmptySearch';
+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, _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, _h = _a.spacing, spacing = _h === void 0 ? false : _h;
+    var checkbox = useRef();
+    var _j = useState(false), isSearch = _j[0], setIsSearch = _j[1];
+    var _k = useState([]), selectedPeople = _k[0], setSelectedPeople = _k[1];
+    var _l = useState(false), checked = _l[0], setChecked = _l[1];
+    var _m = useState(false), indeterminate = _m[0], setIndeterminate = _m[1];
+    var _o = useState(1), currentPage = _o[0], setCurrentPage = _o[1];
+    var _p = useState(0), offset = _p[0], setOffset = _p[1];
+    var maxDepth = getMaxDepth(thHeader);
+    var rows = buildHeaderRows(thHeader, 0, [], maxDepth, 0);
+    var rowClassName = function (keyIdx, dataIdx) {
+        return classNames('text-xs px-2 py-2 whitespace-nowrap', spacing ? 'text-left pl-8' : 'text-center', 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);
+        }
+    };
+    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.createElement(React.Fragment, null,
+        loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(React.Fragment, null, tableData.length > 0 || (tableData.length === 0 && isSearch) ? (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-300' },
+            search && search.enable && (React.createElement("div", { className: 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.createElement(Search, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type, setCurrentPage: setCurrentPage, setOffset: setOffset, paginationChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange }),
+                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 bottom-0 left-0 h-[1px] w-full bg-white' }))),
+            React.createElement("div", { className: 'flex flex-col' }, tableData.length > 0 ? (React.createElement("div", { className: 'overflow-x-auto' },
+                React.createElement("div", { className: classNames('overflow-auto ring-black ring-opacity-5', search && search.enable ? 'rounded-tl-none rounded-tr-none' : '') },
+                    React.createElement(React.Fragment, null,
+                        React.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
+                            React.createElement("thead", null,
+                                React.createElement(Header, { border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing })),
+                            React.createElement("tbody", null, buildRowSpan(tableData, mergeConfig).map(function (data, dataIdx) { return (React.createElement("tr", { key: dataIdx, className: classNames('group', isHighLight(data) && 'bg-gray-100 font-semibold'), onClick: function () { return handleClick(data, isHighLight(data)); } }, thBody.map(function (bodyKey, keyIdx) { return (React.createElement(React.Fragment, null, mergeConfig.isMergeRowData ? (React.createElement(RowMerge, { 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.createElement(Row, { 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.createElement("div", { className: 'overflow-hidden rounded-lg' },
+                React.createElement(PHXEmptySearch, null)))),
+            tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (React.createElement(Pagination, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset })))) : (React.createElement("div", { className: 'overflow-hidden rounded-lg border' },
+            React.createElement(PHXEmptyRecord, null))))),
+        selectedAllPeople && selectedAllPeople.enable && (React.createElement(SelectedAction, { selectedBtn: selectedAllPeople.selectedAction.actions, selectedPeople: selectedPeople, slectedTitle: selectedAllPeople.selectedAction.label, toggleAll: toggleAll }))));
+}
+//# sourceMappingURL=TableReport.js.map

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

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

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

@@ -0,0 +1,15 @@
+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;
+    spacing: boolean;
+}
+declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, }: HeaderProps): React.JSX.Element;
+export default Header;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { classNames } from '../../types';
+import { PHXCheckbox } from '../../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, spacing = _a.spacing;
+    return (React.createElement(React.Fragment, null, rows.map(function (row, rowIdx) { return (React.createElement("tr", { key: rowIdx, className: classNames(rowIdx !== 0 && border && 'border-t', search && search.enable && rowIdx === 0 && border && 'border-t') },
+        selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (React.createElement("th", { rowSpan: rows.length, className: classNames('bg-gray-50 text-center', border && 'border-r') }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (React.createElement("div", { className: 'flex justify-center items-center pl-3' },
+            React.createElement(PHXCheckbox, { inputRef: checkbox, id: "".concat(tableKey, "-header"), onChange: toggleAll, checked: checked }))))),
+        row.map(function (cell, cellIdx) { return (React.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: classNames('px-3 py-2.5 text-xs font-medium text-gray-800 bg-gray-50 whitespace-nowrap', spacing ? 'pl-8 text-left' : 'text-center', 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)); }))); })));
+}
+export default Header;
+//# sourceMappingURL=Header.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAc5C,SAAS,MAAM,CAAC,EAUF;QATZ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA;IAEP,OAAO,CACL,0CACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,MAAc,IAAK,OAAA,CACtC,4BACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,CACnB,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,4BAAI,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,MAAM,IAAI,UAAU,CAAC,IAC5F,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,CAAA,IAAI,CACxC,6BAAK,SAAS,EAAC,uCAAuC;YACpD,oBAAC,WAAW,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,4BACE,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,UAAU,CACnB,4EAA4E,EAC5E,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EAC1C,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,EAfwC,CAexC,CAAC,CACC,CACN,EAlCuC,CAkCvC,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/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/esm/components/TableReport/component/PaginaitonSelected.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { PHXDropdown } from '../../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.createElement("div", { className: 'relative' },
+        React.createElement("div", { className: 'absolute bottom-0 top-0 flex items-center gap-x-1' },
+            React.createElement(PHXDropdown, { buttonContent: "".concat(rowQuantity), options: options, origin: 'top-left', type: 'default' }),
+            React.createElement("div", { className: 'w-24 text-xs' }, "b\u1EA3n ghi/trang"))));
+}
+export default PaginationSelected;
+//# sourceMappingURL=PaginaitonSelected.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;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,6BAAK,SAAS,EAAC,UAAU;QACvB,6BAAK,SAAS,EAAC,mDAAmD;YAChE,oBAAC,WAAW,IAAC,aAAa,EAAE,UAAG,WAAW,CAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG;YACnG,6BAAK,SAAS,EAAC,cAAc,yBAAoB,CAC7C,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}

package/dist/esm/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/esm/components/TableReport/component/Pagination.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { classNames } from '../../types';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons';
+import PaginationSelected from './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.createElement("a", { "aria-hidden": true, className: 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.createElement("p", null,
+            React.createElement("span", { className: 'sr-only' }, "Previous"),
+            React.createElement(FontAwesomeIcon, { className: classNames('h-3 w-2.5', disablePrevPage ? 'text-gray-300' : 'text-gray-900'), icon: faAngleLeft })))); };
+    var NextPage = function () { return (React.createElement("a", { "aria-hidden": true, className: 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.createElement("p", null,
+            React.createElement("span", { className: 'sr-only' }, "Next"),
+            React.createElement(FontAwesomeIcon, { className: classNames('h-3 w-2.5', disableNextPage ? 'text-gray-300' : 'text-gray-900'), icon: faAngleRight })))); };
+    var startIndex = pagination.dataAggregate > 0 ? offset * pagination.rowNumberInPage + 1 : pagination.dataAggregate;
+    var endIndex = offset * pagination.rowNumberInPage + pagination.rowNumberInPage;
+    return (React.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.createElement(PaginationSelected, { 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.createElement("div", { className: 'flex items-center gap-x-3' },
+            React.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.createElement("div", { className: 'isolate inline-flex -space-x-px rounded-md bg-white' },
+                React.createElement("div", { className: 'mr-1' },
+                    React.createElement(PreviousPage, null)),
+                React.createElement(NextPage, null)))));
+}
+export default Pagination;
+//# sourceMappingURL=Pagination.js.map

package/dist/esm/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/esm/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/esm/components/TableReport/component/Row.js

@@ -0,0 +1,29 @@
+import { __spreadArray } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { renderCell } from '../utils';
+import { classNames } from '../../types';
+import { PHXCheckbox } from '../../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 = useState(renderInclude(data)), checked = _b[0], setChecked = _b[1];
+    useEffect(function () {
+        setChecked(renderInclude(data));
+    }, [renderInclude(data)]);
+    var handleChange = function (e) {
+        var checked = e.target.checked;
+        setChecked(checked);
+        var valueSelected = checked
+            ? __spreadArray(__spreadArray([], selectedPeople, true), [data], false) : selectedPeople.filter(function (p) { return JSON.stringify(p) !== JSON.stringify(data); });
+        brSetSelectedPeople(valueSelected);
+    };
+    return (React.createElement(React.Fragment, null,
+        keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: 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.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
+                React.createElement(PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
+        React.createElement("td", { key: keyIdx, className: classNames(className, !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, renderCell(data, bodyKey, thBodyComponent).value)));
+}
+export default Row;
+//# sourceMappingURL=Row.js.map

package/dist/esm/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/esm/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;

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

@@ -0,0 +1,43 @@
+import { __spreadArray } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { findColumnKeyMerge, renderCell } from '../utils';
+import { classNames } from '../../types';
+import { PHXCheckbox } from '../../Checkbox';
+function RowMerge(_a) {
+    var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, dataIdx = _a.dataIdx, bodyKey = _a.bodyKey, data = _a.data, 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 rowSpan = renderCell(data, bodyKey, thBodyComponent).row;
+    var currentColumnKey = findColumnKeyMerge(mergeConfig, keyIdx);
+    var renderInclude = function (person) {
+        return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
+    };
+    var _b = useState(renderInclude(data)), checked = _b[0], setChecked = _b[1];
+    useEffect(function () {
+        setChecked(renderInclude(data));
+    }, [renderInclude(data)]);
+    var handleChange = function (e) {
+        var checked = e.target.checked;
+        setChecked(checked);
+        var valueSelected = checked
+            ? __spreadArray(__spreadArray([], selectedPeople, true), [data], false) : selectedPeople.filter(function (p) { return JSON.stringify(p) !== JSON.stringify(data); });
+        brSetSelectedPeople(valueSelected);
+    };
+    return (React.createElement(React.Fragment, null,
+        keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: classNames(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight
+                ? readonly
+                    ? ''
+                    : rowSpan > 1
+                        ? 'bg-white'
+                        : 'group-hover:bg-gray-50 group-hover:cursor-pointer'
+                : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && 'bg-gray-50') },
+            React.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
+                React.createElement(PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
+        data["".concat(currentColumnKey, "_first_row")] || !findColumnKeyMerge(mergeConfig, keyIdx) ? (React.createElement("td", { key: keyIdx, rowSpan: rowSpan, className: classNames(className, !isHighlight
+                ? readonly
+                    ? ''
+                    : rowSpan > 1
+                        ? 'bg-white'
+                        : 'group-hover:bg-gray-50 group-hover:cursor-pointer'
+                : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && rowSpan === 1 && 'bg-gray-50') }, renderCell(data, bodyKey, thBodyComponent).value)) : (React.createElement(React.Fragment, null))));
+}
+export default RowMerge;
+//# sourceMappingURL=RowMerge.js.map

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TSearch } from '../types';
+interface SearchProps {
+    search: TSearch;
+    isSearch: boolean;
+    setIsSearch(val: boolean): void;
+    type: 'default' | 'in-card';
+    setCurrentPage(page: number): void;
+    setOffset(page: number): void;
+    paginationChange?(page: number): void;
+}
+declare function Search({ isSearch, paginationChange, search, setCurrentPage, setIsSearch, setOffset, type }: SearchProps): React.JSX.Element;
+export default Search;

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

@@ -0,0 +1,40 @@
+import { Transition } from '@headlessui/react';
+import React, { Fragment, useEffect, useState } from 'react';
+import { classNames } from '../../types';
+import { PHXSpinner } from '../../Loading';
+import PHXUseDebounce from '../../Func/useDebounce';
+function Search(_a) {
+    var isSearch = _a.isSearch, paginationChange = _a.paginationChange, search = _a.search, setCurrentPage = _a.setCurrentPage, setIsSearch = _a.setIsSearch, setOffset = _a.setOffset, type = _a.type;
+    var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
+    var debouncedSearch = PHXUseDebounce(searchValue, 300);
+    useEffect(function () {
+        if (search.onChange && isSearch) {
+            search.onChange(debouncedSearch);
+            setCurrentPage(1);
+            setOffset(0);
+            if (paginationChange) {
+                paginationChange(1);
+            }
+        }
+    }, [debouncedSearch]);
+    var cancelSearch = function () {
+        if (search.onChange && !!searchValue) {
+            search.onChange('');
+        }
+        setIsSearch(false);
+        setSearchValue('');
+        setCurrentPage(1);
+        setOffset(0);
+    };
+    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 w-full rounded-lg border-transparent bg-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', onChange: function (event) {
+                        setSearchValue(event.target.value);
+                    }, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
+            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 () { return cancelSearch(); }, type: 'button' }, "Cancel")))))));
+}
+export default Search;
+//# sourceMappingURL=Search.js.map