phx-react 1.3.1444 → 1.3.1447
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/icons/empty-record-icon.svg +1 -1
- package/dist/cjs/components/EmptyRecord/EmptyRecord.d.ts +1 -4
- package/dist/cjs/components/EmptyRecord/EmptyRecord.js +16 -14
- package/dist/cjs/components/EmptyRecord/EmptyRecord.js.map +1 -1
- package/dist/cjs/components/EmptyRecord/EmptySvg.js +1 -1
- package/dist/cjs/components/EmptySearch/EmptySearch.js +1 -1
- package/dist/cjs/components/EmptySearch/EmptySearch.js.map +1 -1
- package/dist/cjs/components/TableReport/TableReport.d.ts +2 -1
- package/dist/cjs/components/TableReport/TableReport.js +15 -13
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Header.d.ts +2 -1
- package/dist/cjs/components/TableReport/component/Header.js +4 -4
- package/dist/cjs/components/TableReport/component/Header.js.map +1 -1
- package/dist/cjs/components/TableReport/component/PaginaitonSelected.d.ts +3 -1
- package/dist/cjs/components/TableReport/component/PaginaitonSelected.js +5 -1
- package/dist/cjs/components/TableReport/component/PaginaitonSelected.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Pagination.d.ts +5 -1
- package/dist/cjs/components/TableReport/component/Pagination.js +3 -5
- package/dist/cjs/components/TableReport/component/Pagination.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Row.d.ts +2 -1
- package/dist/cjs/components/TableReport/component/Row.js +2 -2
- package/dist/cjs/components/TableReport/component/Row.js.map +1 -1
- package/dist/cjs/components/TableReport/component/RowMerge.d.ts +2 -1
- package/dist/cjs/components/TableReport/component/RowMerge.js +2 -2
- package/dist/cjs/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Search.d.ts +4 -1
- package/dist/cjs/components/TableReport/component/Search.js +16 -3
- package/dist/cjs/components/TableReport/component/Search.js.map +1 -1
- package/dist/esm/assets/icons/empty-record-icon.svg +1 -1
- package/dist/esm/components/EmptyRecord/EmptyRecord.d.ts +1 -4
- package/dist/esm/components/EmptyRecord/EmptyRecord.js +16 -14
- package/dist/esm/components/EmptyRecord/EmptyRecord.js.map +1 -1
- package/dist/esm/components/EmptyRecord/EmptySvg.js +1 -1
- package/dist/esm/components/EmptySearch/EmptySearch.js +1 -1
- package/dist/esm/components/EmptySearch/EmptySearch.js.map +1 -1
- package/dist/esm/components/TableReport/TableReport.d.ts +2 -1
- package/dist/esm/components/TableReport/TableReport.js +15 -13
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/Header.d.ts +2 -1
- package/dist/esm/components/TableReport/component/Header.js +4 -4
- package/dist/esm/components/TableReport/component/Header.js.map +1 -1
- package/dist/esm/components/TableReport/component/PaginaitonSelected.d.ts +3 -1
- package/dist/esm/components/TableReport/component/PaginaitonSelected.js +5 -1
- package/dist/esm/components/TableReport/component/PaginaitonSelected.js.map +1 -1
- package/dist/esm/components/TableReport/component/Pagination.d.ts +5 -1
- package/dist/esm/components/TableReport/component/Pagination.js +3 -5
- package/dist/esm/components/TableReport/component/Pagination.js.map +1 -1
- package/dist/esm/components/TableReport/component/Row.d.ts +2 -1
- package/dist/esm/components/TableReport/component/Row.js +2 -2
- package/dist/esm/components/TableReport/component/Row.js.map +1 -1
- package/dist/esm/components/TableReport/component/RowMerge.d.ts +2 -1
- package/dist/esm/components/TableReport/component/RowMerge.js +2 -2
- package/dist/esm/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/esm/components/TableReport/component/Search.d.ts +4 -1
- package/dist/esm/components/TableReport/component/Search.js +17 -4
- package/dist/esm/components/TableReport/component/Search.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="130" height="101" viewBox="0 0 152 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<circle cx="76" cy="52" r="52" fill="#F4F4F4"/>
|
|
3
3
|
<g filter="url(#filter0_dd_2226_63659)">
|
|
4
4
|
<path d="M77.6 16C66.8273 16 57.2978 21.3233 51.4987 29.4829C49.605 29.0363 47.6301 28.8 45.6 28.8C31.4615 28.8 20 40.2615 20 54.4C20 68.5385 31.4615 80 45.6 80L109.6 80C121.971 80 132 69.9712 132 57.6C132 45.2288 121.971 35.2 109.6 35.2C108.721 35.2 107.854 35.2506 107.002 35.349C102.098 23.9677 90.7797 16 77.6 16Z" fill="#F9FAFB"/>
|
|
@@ -6,12 +6,9 @@ export interface PHXEmptyRecordProps {
|
|
|
6
6
|
icon?: React.ReactNode;
|
|
7
7
|
primaryAction?: ComplexAction;
|
|
8
8
|
secondaryAction?: ComplexAction;
|
|
9
|
-
primaryActionText?: string;
|
|
10
|
-
buttonType?: 'primary' | 'secondary' | 'danger' | 'danger2' | 'soft' | 'plain' | 'tertiary' | 'plainCritical' | 'primaryCritical' | 'deleted';
|
|
11
|
-
onPrimaryAction?(): void;
|
|
12
9
|
type?: 'default' | 'small' | 'micro';
|
|
13
10
|
title?: string;
|
|
14
11
|
description?: string;
|
|
15
12
|
loading?: boolean;
|
|
16
13
|
}
|
|
17
|
-
export declare function PHXEmptyRecord({ border,
|
|
14
|
+
export declare function PHXEmptyRecord({ border, className, description, icon, loading, primaryAction, secondaryAction, title, type, }: PHXEmptyRecordProps): React.JSX.Element;
|
|
@@ -7,23 +7,25 @@ var EmptySvg_1 = tslib_1.__importDefault(require("./EmptySvg"));
|
|
|
7
7
|
var Button_1 = require("../Button");
|
|
8
8
|
var Loading_1 = require("../Loading");
|
|
9
9
|
function PHXEmptyRecord(_a) {
|
|
10
|
-
var _b, _c, _d;
|
|
11
|
-
var
|
|
10
|
+
var border = _a.border, className = _a.className, _b = _a.description, description = _b === void 0 ? 'Dữ liệu đang trống.' : _b, icon = _a.icon, loading = _a.loading, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, _c = _a.title, title = _c === void 0 ? 'Trống' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d;
|
|
11
|
+
var renderActionComponent = function () { return (react_1.default.createElement("div", { className: 'flex flex-row-reverse flex-wrap items-center justify-center gap-2 pt-3' },
|
|
12
|
+
primaryAction && (react_1.default.createElement(Button_1.PHXButton, { className: 'font-semibold', disabled: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.disabled, loading: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.loading, onClick: primaryAction.onClick, primary: true, size: 'small' }, primaryAction.content)),
|
|
13
|
+
secondaryAction && (react_1.default.createElement(Button_1.PHXButton, { className: 'font-semibold', disabled: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.disabled, loading: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.loading, onClick: secondaryAction.onClick, secondary: true, size: 'small' }, secondaryAction.content)))); };
|
|
12
14
|
return (react_1.default.createElement("div", { className: className },
|
|
13
|
-
type === 'default' && (react_1.default.createElement("div", { className: "flex
|
|
15
|
+
type === 'default' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-14 pt-16 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
14
16
|
react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
|
|
15
|
-
react_1.default.createElement("p", { className: ' mt-
|
|
16
|
-
react_1.default.createElement("span", { className: 'mt-1 text-
|
|
17
|
-
|
|
18
|
-
type === 'small' && (react_1.default.createElement("div", { className: "flex
|
|
17
|
+
react_1.default.createElement("p", { className: ' mt-3 text-sm font-semibold text-gray-900' }, title),
|
|
18
|
+
react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
19
|
+
primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null)))),
|
|
20
|
+
type === 'small' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-10 pt-10 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
21
|
react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
|
|
20
|
-
react_1.default.createElement("p", { className: '
|
|
21
|
-
react_1.default.createElement("span", { className: 'mt-1 text-
|
|
22
|
-
|
|
23
|
-
type === 'micro' && (react_1.default.createElement("div", { className: "flex
|
|
22
|
+
react_1.default.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
|
|
23
|
+
react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
24
|
+
primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null)))),
|
|
25
|
+
type === 'micro' && (react_1.default.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-5 pt-8 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
24
26
|
react_1.default.createElement(EmptySvg_1.default, { icon: icon }),
|
|
25
|
-
react_1.default.createElement("p", { className: '
|
|
26
|
-
react_1.default.createElement("span", { className: 'mt-1 text-
|
|
27
|
-
|
|
27
|
+
react_1.default.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
|
|
28
|
+
react_1.default.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
29
|
+
primaryAction || secondaryAction ? renderActionComponent() : react_1.default.createElement(react_1.default.Fragment, null))) : (react_1.default.createElement(Loading_1.PHXSpinner, null))))));
|
|
28
30
|
}
|
|
29
31
|
//# sourceMappingURL=EmptyRecord.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,6 @@ var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
|
7
7
|
var icons_1 = require("../../assets/icons");
|
|
8
8
|
function EmptySvg(_a) {
|
|
9
9
|
var icon = _a.icon;
|
|
10
|
-
return (react_1.default.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (react_1.default.createElement(image_1.default, { alt: '', className: 'h-[70px] w-[90px]\n md:h-[
|
|
10
|
+
return (react_1.default.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (react_1.default.createElement(image_1.default, { alt: '', className: 'h-[70px] w-[90px]\n md:h-[89px] md:w-[120px]\n lg:h-[101px] lg:w-[130px]', height: 0, src: icons_1.PHXIcons.EmptyRecordIcon, width: 0 }))));
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=EmptySvg.js.map
|
|
@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var SearchSvg_1 = tslib_1.__importDefault(require("./SearchSvg"));
|
|
7
7
|
function PHXEmptySearch(_a) {
|
|
8
|
-
var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm
|
|
8
|
+
var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm.' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm' : _c;
|
|
9
9
|
return (react_1.default.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
|
|
10
10
|
react_1.default.createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
11
11
|
react_1.default.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":";;AASA,wCAkBC;;AA3BD,wDAAyB;AACzB,kEAAmC;AAQnC,SAAgB,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,
|
|
1
|
+
{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":";;AASA,wCAkBC;;AA3BD,wDAAyB;AACzB,kEAAmC;AAQnC,SAAgB,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,mBAAkD,EAAlD,WAAW,mBAAG,oCAAoC,KAAA,EAClD,aAAmC,EAAnC,KAAK,mBAAG,2BAA2B,KAAA;IAEnC,OAAO,CACL,uCAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,uCAAK,SAAS,EAAC,4FAA4F;YACzG,uCAAK,SAAS,EAAC,2BAA2B;gBACxC,uCAAK,SAAS,EAAC,mCAAmC;oBAChD,8BAAC,mBAAS,OAAG;oBACb,qCAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAK;oBAC5D,qCAAG,SAAS,EAAC,uBAAuB,IAAE,WAAW,CAAK,CAClD,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -19,5 +19,6 @@ export interface TableReportProps {
|
|
|
19
19
|
type?: 'default' | 'in-card';
|
|
20
20
|
selectedAllPeople?: TSelectedAllPeople;
|
|
21
21
|
tableKey?: string;
|
|
22
|
+
border?: boolean;
|
|
22
23
|
}
|
|
23
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, }: TableReportProps): React.JSX.Element;
|
|
24
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, }: TableReportProps): React.JSX.Element;
|
|
@@ -20,16 +20,18 @@ function PHXTableReport(_a) {
|
|
|
20
20
|
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 ? {
|
|
21
21
|
enable: false,
|
|
22
22
|
loading: false,
|
|
23
|
-
} : _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;
|
|
23
|
+
} : _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;
|
|
24
24
|
var checkbox = (0, react_1.useRef)();
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
25
|
+
var _h = (0, react_1.useState)(false), isSearch = _h[0], setIsSearch = _h[1];
|
|
26
|
+
var _j = (0, react_1.useState)([]), selectedPeople = _j[0], setSelectedPeople = _j[1];
|
|
27
|
+
var _k = (0, react_1.useState)(false), checked = _k[0], setChecked = _k[1];
|
|
28
|
+
var _l = (0, react_1.useState)(false), indeterminate = _l[0], setIndeterminate = _l[1];
|
|
29
|
+
var _m = (0, react_1.useState)(1), currentPage = _m[0], setCurrentPage = _m[1];
|
|
30
|
+
var _o = (0, react_1.useState)(0), offset = _o[0], setOffset = _o[1];
|
|
29
31
|
var maxDepth = (0, utils_1.getMaxDepth)(thHeader);
|
|
30
32
|
var rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
|
|
31
33
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
32
|
-
return (0, types_1.classNames)('text-xs text-center px-3 py-3 whitespace-nowrap', keyIdx !== 0 && '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');
|
|
34
|
+
return (0, types_1.classNames)('text-xs text-center px-3 py-3 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');
|
|
33
35
|
};
|
|
34
36
|
var isHighLight = function (data) {
|
|
35
37
|
return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
@@ -62,9 +64,9 @@ function PHXTableReport(_a) {
|
|
|
62
64
|
setSelectedPeople(value.slice(-maxSelectedPeople));
|
|
63
65
|
};
|
|
64
66
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
65
|
-
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (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' },
|
|
67
|
+
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' },
|
|
66
68
|
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') },
|
|
67
|
-
react_1.default.createElement(Search_1.default, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type }),
|
|
69
|
+
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 }),
|
|
68
70
|
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' },
|
|
69
71
|
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })),
|
|
70
72
|
react_1.default.createElement("div", { className: 'absolute bottom-0 left-0 h-[1px] w-full bg-white' }))),
|
|
@@ -73,11 +75,11 @@ function PHXTableReport(_a) {
|
|
|
73
75
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
74
76
|
react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
75
77
|
react_1.default.createElement("thead", null,
|
|
76
|
-
react_1.default.createElement(Header_1.default, { checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll })),
|
|
77
|
-
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, { 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, { 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 })))); }))); }))))))) :
|
|
78
|
-
react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null)))
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
react_1.default.createElement(Header_1.default, { border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll })),
|
|
79
|
+
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' },
|
|
80
|
+
react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null)))),
|
|
81
|
+
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' },
|
|
82
|
+
react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, null))))),
|
|
81
83
|
selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement(SelectedAction_1.default, { selectedBtn: selectedAllPeople.selectedAction.actions, selectedPeople: selectedPeople, slectedTitle: selectedAllPeople.selectedAction.label, toggleAll: toggleAll }))));
|
|
82
84
|
}
|
|
83
85
|
//# sourceMappingURL=TableReport.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ interface HeaderProps {
|
|
|
8
8
|
tableKey: string;
|
|
9
9
|
checked: boolean;
|
|
10
10
|
checkbox: any;
|
|
11
|
+
border: boolean;
|
|
11
12
|
}
|
|
12
|
-
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox }: HeaderProps): React.JSX.Element;
|
|
13
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border }: HeaderProps): React.JSX.Element;
|
|
13
14
|
export default Header;
|
|
@@ -5,11 +5,11 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
5
5
|
var types_1 = require("../../types");
|
|
6
6
|
var Checkbox_1 = require("../../Checkbox");
|
|
7
7
|
function Header(_a) {
|
|
8
|
-
var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox;
|
|
9
|
-
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-t', search && search.enable && rowIdx === 0 && 'border-t') },
|
|
10
|
-
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (react_1.default.createElement("th", { rowSpan: rows.length, className: 'bg-gray-50 text-center border-r' }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3' },
|
|
8
|
+
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;
|
|
9
|
+
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') },
|
|
10
|
+
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' },
|
|
11
11
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { inputRef: checkbox, id: "".concat(tableKey, "-header"), onChange: toggleAll, checked: checked }))))),
|
|
12
|
-
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-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)); }))); })));
|
|
12
|
+
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)); }))); })));
|
|
13
13
|
}
|
|
14
14
|
exports.default = Header;
|
|
15
15
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qCAAwC;AAExC,2CAA4C;
|
|
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"}
|
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
type IPaginationSelected = {
|
|
3
3
|
rowQuantity: number;
|
|
4
4
|
setCurrentPage(page: number): void;
|
|
5
|
+
setOffset(page: number): void;
|
|
5
6
|
setRowQuantity?(row: number): void;
|
|
7
|
+
onChange?(page: number): void;
|
|
6
8
|
};
|
|
7
|
-
declare function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity }: IPaginationSelected): React.JSX.Element;
|
|
9
|
+
declare function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity, onChange, setOffset }: IPaginationSelected): React.JSX.Element;
|
|
8
10
|
export default PaginationSelected;
|
|
@@ -5,13 +5,17 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
5
5
|
var Dropdown_1 = require("../../Dropdown");
|
|
6
6
|
var optionNumber = [150, 125, 100, 75, 50, 25, 10];
|
|
7
7
|
function PaginationSelected(_a) {
|
|
8
|
-
var rowQuantity = _a.rowQuantity, setCurrentPage = _a.setCurrentPage, setRowQuantity = _a.setRowQuantity;
|
|
8
|
+
var rowQuantity = _a.rowQuantity, setCurrentPage = _a.setCurrentPage, setRowQuantity = _a.setRowQuantity, onChange = _a.onChange, setOffset = _a.setOffset;
|
|
9
9
|
var options = optionNumber.map(function (item) { return ({
|
|
10
10
|
content: item + '',
|
|
11
11
|
active: rowQuantity === item,
|
|
12
12
|
onClick: function () {
|
|
13
13
|
setRowQuantity === null || setRowQuantity === void 0 ? void 0 : setRowQuantity(item);
|
|
14
14
|
setCurrentPage(1);
|
|
15
|
+
setOffset(0);
|
|
16
|
+
if (onChange) {
|
|
17
|
+
onChange(1);
|
|
18
|
+
}
|
|
15
19
|
},
|
|
16
20
|
}); });
|
|
17
21
|
return (react_1.default.createElement("div", { className: 'relative' },
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -2,6 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { TPagination } from '../types';
|
|
3
3
|
interface PaginationProps {
|
|
4
4
|
pagination: TPagination;
|
|
5
|
+
currentPage: number;
|
|
6
|
+
setCurrentPage(page: number): void;
|
|
7
|
+
offset: number;
|
|
8
|
+
setOffset(page: number): void;
|
|
5
9
|
}
|
|
6
|
-
declare function Pagination({ pagination }: PaginationProps): React.JSX.Element;
|
|
10
|
+
declare function Pagination({ pagination, currentPage, setCurrentPage, offset, setOffset }: PaginationProps): React.JSX.Element;
|
|
7
11
|
export default Pagination;
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
var types_1 = require("../../types");
|
|
6
6
|
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
7
7
|
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
|
|
8
8
|
var PaginaitonSelected_1 = tslib_1.__importDefault(require("./PaginaitonSelected"));
|
|
9
9
|
function Pagination(_a) {
|
|
10
|
-
var pagination = _a.pagination;
|
|
11
|
-
var _b = (0, react_1.useState)(1), currentPage = _b[0], setCurrentPage = _b[1];
|
|
12
|
-
var _c = (0, react_1.useState)(0), offset = _c[0], setOffset = _c[1];
|
|
10
|
+
var pagination = _a.pagination, currentPage = _a.currentPage, setCurrentPage = _a.setCurrentPage, offset = _a.offset, setOffset = _a.setOffset;
|
|
13
11
|
var handleClickPage = function (page) {
|
|
14
12
|
setCurrentPage(page);
|
|
15
13
|
setOffset(page - 1);
|
|
@@ -43,7 +41,7 @@ function Pagination(_a) {
|
|
|
43
41
|
var startIndex = pagination.dataAggregate > 0 ? offset * pagination.rowNumberInPage + 1 : pagination.dataAggregate;
|
|
44
42
|
var endIndex = offset * pagination.rowNumberInPage + pagination.rowNumberInPage;
|
|
45
43
|
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' },
|
|
46
|
-
react_1.default.createElement(PaginaitonSelected_1.default, { rowQuantity: pagination.rowNumberInPage, setCurrentPage: setCurrentPage, setRowQuantity: pagination === null || pagination === void 0 ? void 0 : pagination.setRowNumberInPage }),
|
|
44
|
+
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 }),
|
|
47
45
|
react_1.default.createElement("div", { className: 'flex items-center gap-x-3' },
|
|
48
46
|
react_1.default.createElement("p", { className: 'hidden text-xs sm:block' },
|
|
49
47
|
"Hi\u1EC3n th\u1ECB ",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Pagination.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@ interface RowProps {
|
|
|
14
14
|
tableKey: string;
|
|
15
15
|
brSetSelectedPeople(value: TTableData): void;
|
|
16
16
|
selectedPeople: Array<TTableData>;
|
|
17
|
+
border: boolean;
|
|
17
18
|
}
|
|
18
|
-
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowProps): React.JSX.Element;
|
|
19
|
+
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowProps): React.JSX.Element;
|
|
19
20
|
export default Row;
|
|
@@ -6,7 +6,7 @@ var utils_1 = require("../utils");
|
|
|
6
6
|
var types_1 = require("../../types");
|
|
7
7
|
var Checkbox_1 = require("../../Checkbox");
|
|
8
8
|
function Row(_a) {
|
|
9
|
-
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;
|
|
9
|
+
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;
|
|
10
10
|
var renderInclude = function (person) {
|
|
11
11
|
return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
|
|
12
12
|
};
|
|
@@ -22,7 +22,7 @@ function Row(_a) {
|
|
|
22
22
|
brSetSelectedPeople(valueSelected);
|
|
23
23
|
};
|
|
24
24
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
25
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.classNames)('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' : '') },
|
|
25
|
+
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' : '') },
|
|
26
26
|
react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
|
|
27
27
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
|
|
28
28
|
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)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAClD,kCAAqC;AAErC,qCAAwC;AACxC,2CAA4C;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,7 @@ interface RowMergeProps {
|
|
|
15
15
|
tableKey: string;
|
|
16
16
|
brSetSelectedPeople(value: TTableData): void;
|
|
17
17
|
selectedPeople: Array<TTableData>;
|
|
18
|
+
border: boolean;
|
|
18
19
|
}
|
|
19
|
-
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowMergeProps): React.JSX.Element;
|
|
20
|
+
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowMergeProps): React.JSX.Element;
|
|
20
21
|
export default RowMerge;
|
|
@@ -6,7 +6,7 @@ var utils_1 = require("../utils");
|
|
|
6
6
|
var types_1 = require("../../types");
|
|
7
7
|
var Checkbox_1 = require("../../Checkbox");
|
|
8
8
|
function RowMerge(_a) {
|
|
9
|
-
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;
|
|
9
|
+
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;
|
|
10
10
|
var rowSpan = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).row;
|
|
11
11
|
var currentColumnKey = (0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx);
|
|
12
12
|
var renderInclude = function (person) {
|
|
@@ -24,7 +24,7 @@ function RowMerge(_a) {
|
|
|
24
24
|
brSetSelectedPeople(valueSelected);
|
|
25
25
|
};
|
|
26
26
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
27
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.classNames)('border-r', dataIdx !== 0 && 'border-t', !isHighlight
|
|
27
|
+
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
|
|
28
28
|
? readonly
|
|
29
29
|
? ''
|
|
30
30
|
: rowSpan > 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAClD,kCAAyD;AAEzD,qCAAwC;AACxC,2CAA4C;
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,9 @@ interface SearchProps {
|
|
|
5
5
|
isSearch: boolean;
|
|
6
6
|
setIsSearch(val: boolean): void;
|
|
7
7
|
type: 'default' | 'in-card';
|
|
8
|
+
setCurrentPage(page: number): void;
|
|
9
|
+
setOffset(page: number): void;
|
|
10
|
+
paginationChange?(page: number): void;
|
|
8
11
|
}
|
|
9
|
-
declare function Search({ isSearch, setIsSearch, search, type }: SearchProps): React.JSX.Element;
|
|
12
|
+
declare function Search({ isSearch, setIsSearch, search, type, setCurrentPage, setOffset, paginationChange }: SearchProps): React.JSX.Element;
|
|
10
13
|
export default Search;
|
|
@@ -5,14 +5,25 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
5
5
|
var types_1 = require("../../types");
|
|
6
6
|
var Loading_1 = require("../../Loading");
|
|
7
7
|
var react_2 = require("@headlessui/react");
|
|
8
|
+
var useDebounce_1 = tslib_1.__importDefault(require("../../Func/useDebounce"));
|
|
8
9
|
function Search(_a) {
|
|
9
|
-
var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search, type = _a.type;
|
|
10
|
+
var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search, type = _a.type, setCurrentPage = _a.setCurrentPage, setOffset = _a.setOffset, paginationChange = _a.paginationChange;
|
|
11
|
+
var _b = (0, react_1.useState)(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
12
|
+
var debouncedSearch = (0, useDebounce_1.default)(searchValue, 300);
|
|
13
|
+
(0, react_1.useEffect)(function () {
|
|
14
|
+
if (search.onChange) {
|
|
15
|
+
search.onChange(searchValue);
|
|
16
|
+
}
|
|
17
|
+
}, [debouncedSearch]);
|
|
10
18
|
return (react_1.default.createElement(react_2.Transition, { as: react_1.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 },
|
|
11
19
|
react_1.default.createElement("div", { className: 'min-w-full' }, isSearch && (react_1.default.createElement("div", { className: (0, types_1.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') },
|
|
12
20
|
react_1.default.createElement("div", { className: 'relative mr-2 w-11/12' },
|
|
13
21
|
react_1.default.createElement("input", { autoFocus: true, className: 'block py-1 w-full rounded-lg border-transparent bg-transparent text-xs bg-white hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', onChange: function (event) {
|
|
14
|
-
|
|
15
|
-
|
|
22
|
+
setSearchValue(event.target.value);
|
|
23
|
+
setCurrentPage(1);
|
|
24
|
+
setOffset(0);
|
|
25
|
+
if (paginationChange) {
|
|
26
|
+
paginationChange(1);
|
|
16
27
|
}
|
|
17
28
|
} })),
|
|
18
29
|
react_1.default.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? react_1.default.createElement(Loading_1.PHXSpinner, null) : null),
|
|
@@ -22,6 +33,8 @@ function Search(_a) {
|
|
|
22
33
|
if (search.onChange) {
|
|
23
34
|
search.onChange('');
|
|
24
35
|
}
|
|
36
|
+
setCurrentPage(1);
|
|
37
|
+
setOffset(0);
|
|
25
38
|
}, type: 'button' }, "Cancel")))))));
|
|
26
39
|
}
|
|
27
40
|
exports.default = Search;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":";;;AAAA,qDAA4D;AAC5D,qCAAwC;AACxC,yCAA0C;AAE1C,2CAA8C;AAC9C,+EAAmD;AAYnD,SAAS,MAAM,CAAC,EAAiG;QAA/F,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,cAAc,oBAAA,EAAE,SAAS,eAAA,EAAE,gBAAgB,sBAAA;IAC1F,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,eAAe,GAAG,IAAA,qBAAc,EAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uEAAuE,EAC7E,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,IAAI,EAAE,QAAQ;QAEd,uCAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,sFAAsF,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,yCACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,KAA0C;wBACnD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;wBAClC,cAAc,CAAC,CAAC,CAAC,CAAA;wBACjB,SAAS,CAAC,CAAC,CAAC,CAAA;wBACZ,IAAI,gBAAgB,EAAE,CAAC;4BACrB,gBAAgB,CAAC,CAAC,CAAC,CAAA;wBACrB,CAAC;oBACH,CAAC,GACD,CACE;YACN,uCAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAAC,oBAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;YAC7F;gBACE,0CACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;wBACP,WAAW,CAAC,KAAK,CAAC,CAAA;wBAClB,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;4BACpB,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;wBACrB,CAAC;wBACD,cAAc,CAAC,CAAC,CAAC,CAAA;wBACjB,SAAS,CAAC,CAAC,CAAC,CAAA;oBACd,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="130" height="101" viewBox="0 0 152 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<circle cx="76" cy="52" r="52" fill="#F4F4F4"/>
|
|
3
3
|
<g filter="url(#filter0_dd_2226_63659)">
|
|
4
4
|
<path d="M77.6 16C66.8273 16 57.2978 21.3233 51.4987 29.4829C49.605 29.0363 47.6301 28.8 45.6 28.8C31.4615 28.8 20 40.2615 20 54.4C20 68.5385 31.4615 80 45.6 80L109.6 80C121.971 80 132 69.9712 132 57.6C132 45.2288 121.971 35.2 109.6 35.2C108.721 35.2 107.854 35.2506 107.002 35.349C102.098 23.9677 90.7797 16 77.6 16Z" fill="#F9FAFB"/>
|
|
@@ -6,12 +6,9 @@ export interface PHXEmptyRecordProps {
|
|
|
6
6
|
icon?: React.ReactNode;
|
|
7
7
|
primaryAction?: ComplexAction;
|
|
8
8
|
secondaryAction?: ComplexAction;
|
|
9
|
-
primaryActionText?: string;
|
|
10
|
-
buttonType?: 'primary' | 'secondary' | 'danger' | 'danger2' | 'soft' | 'plain' | 'tertiary' | 'plainCritical' | 'primaryCritical' | 'deleted';
|
|
11
|
-
onPrimaryAction?(): void;
|
|
12
9
|
type?: 'default' | 'small' | 'micro';
|
|
13
10
|
title?: string;
|
|
14
11
|
description?: string;
|
|
15
12
|
loading?: boolean;
|
|
16
13
|
}
|
|
17
|
-
export declare function PHXEmptyRecord({ border,
|
|
14
|
+
export declare function PHXEmptyRecord({ border, className, description, icon, loading, primaryAction, secondaryAction, title, type, }: PHXEmptyRecordProps): React.JSX.Element;
|
|
@@ -3,23 +3,25 @@ import EmptySvg from './EmptySvg';
|
|
|
3
3
|
import { PHXButton } from '../Button';
|
|
4
4
|
import { PHXSpinner } from '../Loading';
|
|
5
5
|
export function PHXEmptyRecord(_a) {
|
|
6
|
-
var _b, _c, _d;
|
|
7
|
-
var
|
|
6
|
+
var border = _a.border, className = _a.className, _b = _a.description, description = _b === void 0 ? 'Dữ liệu đang trống.' : _b, icon = _a.icon, loading = _a.loading, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, _c = _a.title, title = _c === void 0 ? 'Trống' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d;
|
|
7
|
+
var renderActionComponent = function () { return (React.createElement("div", { className: 'flex flex-row-reverse flex-wrap items-center justify-center gap-2 pt-3' },
|
|
8
|
+
primaryAction && (React.createElement(PHXButton, { className: 'font-semibold', disabled: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.disabled, loading: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.loading, onClick: primaryAction.onClick, primary: true, size: 'small' }, primaryAction.content)),
|
|
9
|
+
secondaryAction && (React.createElement(PHXButton, { className: 'font-semibold', disabled: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.disabled, loading: secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.loading, onClick: secondaryAction.onClick, secondary: true, size: 'small' }, secondaryAction.content)))); };
|
|
8
10
|
return (React.createElement("div", { className: className },
|
|
9
|
-
type === 'default' && (React.createElement("div", { className: "flex
|
|
11
|
+
type === 'default' && (React.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-14 pt-16 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (React.createElement(React.Fragment, null,
|
|
10
12
|
React.createElement(EmptySvg, { icon: icon }),
|
|
11
|
-
React.createElement("p", { className: ' mt-
|
|
12
|
-
React.createElement("span", { className: 'mt-1 text-
|
|
13
|
-
|
|
14
|
-
type === 'small' && (React.createElement("div", { className: "flex
|
|
13
|
+
React.createElement("p", { className: ' mt-3 text-sm font-semibold text-gray-900' }, title),
|
|
14
|
+
React.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
15
|
+
primaryAction || secondaryAction ? renderActionComponent() : React.createElement(React.Fragment, null))) : (React.createElement(PHXSpinner, null)))),
|
|
16
|
+
type === 'small' && (React.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-10 pt-10 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (React.createElement(React.Fragment, null,
|
|
15
17
|
React.createElement(EmptySvg, { icon: icon }),
|
|
16
|
-
React.createElement("p", { className: '
|
|
17
|
-
React.createElement("span", { className: 'mt-1 text-
|
|
18
|
-
|
|
19
|
-
type === 'micro' && (React.createElement("div", { className: "flex
|
|
18
|
+
React.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
|
|
19
|
+
React.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
20
|
+
primaryAction || secondaryAction ? renderActionComponent() : React.createElement(React.Fragment, null))) : (React.createElement(PHXSpinner, null)))),
|
|
21
|
+
type === 'micro' && (React.createElement("div", { className: "flex min-w-full flex-col items-center bg-white px-4 py-2 pb-5 pt-8 text-center align-middle sm:rounded-lg md:px-6 md:pr-0 lg:px-8 ".concat(border ? 'border shadow' : '') }, !loading ? (React.createElement(React.Fragment, null,
|
|
20
22
|
React.createElement(EmptySvg, { icon: icon }),
|
|
21
|
-
React.createElement("p", { className: '
|
|
22
|
-
React.createElement("span", { className: 'mt-1 text-
|
|
23
|
-
|
|
23
|
+
React.createElement("p", { className: 'text-sm font-semibold text-gray-900' }, title),
|
|
24
|
+
React.createElement("span", { className: 'mt-1 text-[12px] font-medium text-gray-500' }, description),
|
|
25
|
+
primaryAction || secondaryAction ? renderActionComponent() : React.createElement(React.Fragment, null))) : (React.createElement(PHXSpinner, null))))));
|
|
24
26
|
}
|
|
25
27
|
//# sourceMappingURL=EmptyRecord.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"EmptyRecord.js","sourceRoot":"","sources":["../../../../src/components/EmptyRecord/EmptyRecord.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ import Image from 'next/image';
|
|
|
3
3
|
import { PHXIcons } from '../../assets/icons';
|
|
4
4
|
export default function EmptySvg(_a) {
|
|
5
5
|
var icon = _a.icon;
|
|
6
|
-
return (React.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (React.createElement(Image, { alt: '', className: 'h-[70px] w-[90px]\n md:h-[
|
|
6
|
+
return (React.createElement("div", { className: 'mx-auto flex justify-center items-center' }, icon ? (icon) : (React.createElement(Image, { alt: '', className: 'h-[70px] w-[90px]\n md:h-[89px] md:w-[120px]\n lg:h-[101px] lg:w-[130px]', height: 0, src: PHXIcons.EmptyRecordIcon, width: 0 }))));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=EmptySvg.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import SearchSvg from './SearchSvg';
|
|
3
3
|
export function PHXEmptySearch(_a) {
|
|
4
|
-
var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm
|
|
4
|
+
var className = _a.className, _b = _a.description, description = _b === void 0 ? 'Hãy thử thay đổi cú pháp tìm kiếm.' : _b, _c = _a.title, title = _c === void 0 ? 'Không có kết quả tìm kiếm' : _c;
|
|
5
5
|
return (React.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
|
|
6
6
|
React.createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
7
7
|
React.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,aAAa,CAAA;AAQnC,MAAM,UAAU,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,
|
|
1
|
+
{"version":3,"file":"EmptySearch.js","sourceRoot":"","sources":["../../../../src/components/EmptySearch/EmptySearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,aAAa,CAAA;AAQnC,MAAM,UAAU,cAAc,CAAC,EAIvB;QAHN,SAAS,eAAA,EACT,mBAAkD,EAAlD,WAAW,mBAAG,oCAAoC,KAAA,EAClD,aAAmC,EAAnC,KAAK,mBAAG,2BAA2B,KAAA;IAEnC,OAAO,CACL,6BAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,6BAAK,SAAS,EAAC,4FAA4F;YACzG,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,mCAAmC;oBAChD,oBAAC,SAAS,OAAG;oBACb,2BAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAK;oBAC5D,2BAAG,SAAS,EAAC,uBAAuB,IAAE,WAAW,CAAK,CAClD,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -19,5 +19,6 @@ export interface TableReportProps {
|
|
|
19
19
|
type?: 'default' | 'in-card';
|
|
20
20
|
selectedAllPeople?: TSelectedAllPeople;
|
|
21
21
|
tableKey?: string;
|
|
22
|
+
border?: boolean;
|
|
22
23
|
}
|
|
23
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, }: TableReportProps): React.JSX.Element;
|
|
24
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, }: TableReportProps): React.JSX.Element;
|
|
@@ -16,16 +16,18 @@ export function PHXTableReport(_a) {
|
|
|
16
16
|
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 ? {
|
|
17
17
|
enable: false,
|
|
18
18
|
loading: false,
|
|
19
|
-
} : _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;
|
|
19
|
+
} : _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;
|
|
20
20
|
var checkbox = useRef();
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
21
|
+
var _h = useState(false), isSearch = _h[0], setIsSearch = _h[1];
|
|
22
|
+
var _j = useState([]), selectedPeople = _j[0], setSelectedPeople = _j[1];
|
|
23
|
+
var _k = useState(false), checked = _k[0], setChecked = _k[1];
|
|
24
|
+
var _l = useState(false), indeterminate = _l[0], setIndeterminate = _l[1];
|
|
25
|
+
var _m = useState(1), currentPage = _m[0], setCurrentPage = _m[1];
|
|
26
|
+
var _o = useState(0), offset = _o[0], setOffset = _o[1];
|
|
25
27
|
var maxDepth = getMaxDepth(thHeader);
|
|
26
28
|
var rows = buildHeaderRows(thHeader, 0, [], maxDepth, 0);
|
|
27
29
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
28
|
-
return classNames('text-xs text-center px-3 py-3 whitespace-nowrap', keyIdx !== 0 && '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');
|
|
30
|
+
return classNames('text-xs text-center px-3 py-3 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');
|
|
29
31
|
};
|
|
30
32
|
var isHighLight = function (data) {
|
|
31
33
|
return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
@@ -58,9 +60,9 @@ export function PHXTableReport(_a) {
|
|
|
58
60
|
setSelectedPeople(value.slice(-maxSelectedPeople));
|
|
59
61
|
};
|
|
60
62
|
return (React.createElement(React.Fragment, null,
|
|
61
|
-
loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (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' },
|
|
63
|
+
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' },
|
|
62
64
|
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') },
|
|
63
|
-
React.createElement(Search, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type }),
|
|
65
|
+
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 }),
|
|
64
66
|
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' },
|
|
65
67
|
React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' })),
|
|
66
68
|
React.createElement("div", { className: 'absolute bottom-0 left-0 h-[1px] w-full bg-white' }))),
|
|
@@ -69,11 +71,11 @@ export function PHXTableReport(_a) {
|
|
|
69
71
|
React.createElement(React.Fragment, null,
|
|
70
72
|
React.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
71
73
|
React.createElement("thead", null,
|
|
72
|
-
React.createElement(Header, { checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll })),
|
|
73
|
-
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, { 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, { 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 })))); }))); }))))))) :
|
|
74
|
-
React.createElement(PHXEmptySearch, null)))
|
|
75
|
-
|
|
76
|
-
|
|
74
|
+
React.createElement(Header, { border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll })),
|
|
75
|
+
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' },
|
|
76
|
+
React.createElement(PHXEmptySearch, null)))),
|
|
77
|
+
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' },
|
|
78
|
+
React.createElement(PHXEmptyRecord, null))))),
|
|
77
79
|
selectedAllPeople && selectedAllPeople.enable && (React.createElement(SelectedAction, { selectedBtn: selectedAllPeople.selectedAction.actions, selectedPeople: selectedPeople, slectedTitle: selectedAllPeople.selectedAction.label, toggleAll: toggleAll }))));
|
|
78
80
|
}
|
|
79
81
|
//# sourceMappingURL=TableReport.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ interface HeaderProps {
|
|
|
8
8
|
tableKey: string;
|
|
9
9
|
checked: boolean;
|
|
10
10
|
checkbox: any;
|
|
11
|
+
border: boolean;
|
|
11
12
|
}
|
|
12
|
-
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox }: HeaderProps): React.JSX.Element;
|
|
13
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border }: HeaderProps): React.JSX.Element;
|
|
13
14
|
export default Header;
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import { classNames } from '../../types';
|
|
3
3
|
import { PHXCheckbox } from '../../Checkbox';
|
|
4
4
|
function Header(_a) {
|
|
5
|
-
var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox;
|
|
6
|
-
return (React.createElement(React.Fragment, null, rows.map(function (row, rowIdx) { return (React.createElement("tr", { key: rowIdx, className: classNames(rowIdx !== 0 && 'border-t', search && search.enable && rowIdx === 0 && 'border-t') },
|
|
7
|
-
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (React.createElement("th", { rowSpan: rows.length, className: 'bg-gray-50 text-center border-r' }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (React.createElement("div", { className: 'flex justify-center items-center pl-3' },
|
|
5
|
+
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;
|
|
6
|
+
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') },
|
|
7
|
+
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' },
|
|
8
8
|
React.createElement(PHXCheckbox, { inputRef: checkbox, id: "".concat(tableKey, "-header"), onChange: toggleAll, checked: checked }))))),
|
|
9
|
-
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-center text-xs font-medium text-gray-800 bg-gray-50 whitespace-nowrap', cell.colIndex !== 0 && '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)); }))); })));
|
|
9
|
+
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-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)); }))); })));
|
|
10
10
|
}
|
|
11
11
|
export default Header;
|
|
12
12
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;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,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,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,eAAe,MAAM,CAAA"}
|
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
type IPaginationSelected = {
|
|
3
3
|
rowQuantity: number;
|
|
4
4
|
setCurrentPage(page: number): void;
|
|
5
|
+
setOffset(page: number): void;
|
|
5
6
|
setRowQuantity?(row: number): void;
|
|
7
|
+
onChange?(page: number): void;
|
|
6
8
|
};
|
|
7
|
-
declare function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity }: IPaginationSelected): React.JSX.Element;
|
|
9
|
+
declare function PaginationSelected({ rowQuantity, setCurrentPage, setRowQuantity, onChange, setOffset }: IPaginationSelected): React.JSX.Element;
|
|
8
10
|
export default PaginationSelected;
|
|
@@ -2,13 +2,17 @@ import React from 'react';
|
|
|
2
2
|
import { PHXDropdown } from '../../Dropdown';
|
|
3
3
|
var optionNumber = [150, 125, 100, 75, 50, 25, 10];
|
|
4
4
|
function PaginationSelected(_a) {
|
|
5
|
-
var rowQuantity = _a.rowQuantity, setCurrentPage = _a.setCurrentPage, setRowQuantity = _a.setRowQuantity;
|
|
5
|
+
var rowQuantity = _a.rowQuantity, setCurrentPage = _a.setCurrentPage, setRowQuantity = _a.setRowQuantity, onChange = _a.onChange, setOffset = _a.setOffset;
|
|
6
6
|
var options = optionNumber.map(function (item) { return ({
|
|
7
7
|
content: item + '',
|
|
8
8
|
active: rowQuantity === item,
|
|
9
9
|
onClick: function () {
|
|
10
10
|
setRowQuantity === null || setRowQuantity === void 0 ? void 0 : setRowQuantity(item);
|
|
11
11
|
setCurrentPage(1);
|
|
12
|
+
setOffset(0);
|
|
13
|
+
if (onChange) {
|
|
14
|
+
onChange(1);
|
|
15
|
+
}
|
|
12
16
|
},
|
|
13
17
|
}); });
|
|
14
18
|
return (React.createElement("div", { className: 'relative' },
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -2,6 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { TPagination } from '../types';
|
|
3
3
|
interface PaginationProps {
|
|
4
4
|
pagination: TPagination;
|
|
5
|
+
currentPage: number;
|
|
6
|
+
setCurrentPage(page: number): void;
|
|
7
|
+
offset: number;
|
|
8
|
+
setOffset(page: number): void;
|
|
5
9
|
}
|
|
6
|
-
declare function Pagination({ pagination }: PaginationProps): React.JSX.Element;
|
|
10
|
+
declare function Pagination({ pagination, currentPage, setCurrentPage, offset, setOffset }: PaginationProps): React.JSX.Element;
|
|
7
11
|
export default Pagination;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { classNames } from '../../types';
|
|
3
3
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
4
4
|
import { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons';
|
|
5
5
|
import PaginationSelected from './PaginaitonSelected';
|
|
6
6
|
function Pagination(_a) {
|
|
7
|
-
var pagination = _a.pagination;
|
|
8
|
-
var _b = useState(1), currentPage = _b[0], setCurrentPage = _b[1];
|
|
9
|
-
var _c = useState(0), offset = _c[0], setOffset = _c[1];
|
|
7
|
+
var pagination = _a.pagination, currentPage = _a.currentPage, setCurrentPage = _a.setCurrentPage, offset = _a.offset, setOffset = _a.setOffset;
|
|
10
8
|
var handleClickPage = function (page) {
|
|
11
9
|
setCurrentPage(page);
|
|
12
10
|
setOffset(page - 1);
|
|
@@ -40,7 +38,7 @@ function Pagination(_a) {
|
|
|
40
38
|
var startIndex = pagination.dataAggregate > 0 ? offset * pagination.rowNumberInPage + 1 : pagination.dataAggregate;
|
|
41
39
|
var endIndex = offset * pagination.rowNumberInPage + pagination.rowNumberInPage;
|
|
42
40
|
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' },
|
|
43
|
-
React.createElement(PaginationSelected, { rowQuantity: pagination.rowNumberInPage, setCurrentPage: setCurrentPage, setRowQuantity: pagination === null || pagination === void 0 ? void 0 : pagination.setRowNumberInPage }),
|
|
41
|
+
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 }),
|
|
44
42
|
React.createElement("div", { className: 'flex items-center gap-x-3' },
|
|
45
43
|
React.createElement("p", { className: 'hidden text-xs sm:block' },
|
|
46
44
|
"Hi\u1EC3n th\u1ECB ",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@ interface RowProps {
|
|
|
14
14
|
tableKey: string;
|
|
15
15
|
brSetSelectedPeople(value: TTableData): void;
|
|
16
16
|
selectedPeople: Array<TTableData>;
|
|
17
|
+
border: boolean;
|
|
17
18
|
}
|
|
18
|
-
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowProps): React.JSX.Element;
|
|
19
|
+
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowProps): React.JSX.Element;
|
|
19
20
|
export default Row;
|
|
@@ -4,7 +4,7 @@ import { renderCell } from '../utils';
|
|
|
4
4
|
import { classNames } from '../../types';
|
|
5
5
|
import { PHXCheckbox } from '../../Checkbox';
|
|
6
6
|
function Row(_a) {
|
|
7
|
-
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;
|
|
7
|
+
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;
|
|
8
8
|
var renderInclude = function (person) {
|
|
9
9
|
return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
|
|
10
10
|
};
|
|
@@ -20,7 +20,7 @@ function Row(_a) {
|
|
|
20
20
|
brSetSelectedPeople(valueSelected);
|
|
21
21
|
};
|
|
22
22
|
return (React.createElement(React.Fragment, null,
|
|
23
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: classNames('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' : '') },
|
|
23
|
+
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' : '') },
|
|
24
24
|
React.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
|
|
25
25
|
React.createElement(PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
|
|
26
26
|
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)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,7 @@ interface RowMergeProps {
|
|
|
15
15
|
tableKey: string;
|
|
16
16
|
brSetSelectedPeople(value: TTableData): void;
|
|
17
17
|
selectedPeople: Array<TTableData>;
|
|
18
|
+
border: boolean;
|
|
18
19
|
}
|
|
19
|
-
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowMergeProps): React.JSX.Element;
|
|
20
|
+
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowMergeProps): React.JSX.Element;
|
|
20
21
|
export default RowMerge;
|
|
@@ -4,7 +4,7 @@ import { findColumnKeyMerge, renderCell } from '../utils';
|
|
|
4
4
|
import { classNames } from '../../types';
|
|
5
5
|
import { PHXCheckbox } from '../../Checkbox';
|
|
6
6
|
function RowMerge(_a) {
|
|
7
|
-
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;
|
|
7
|
+
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;
|
|
8
8
|
var rowSpan = renderCell(data, bodyKey, thBodyComponent).row;
|
|
9
9
|
var currentColumnKey = findColumnKeyMerge(mergeConfig, keyIdx);
|
|
10
10
|
var renderInclude = function (person) {
|
|
@@ -22,7 +22,7 @@ function RowMerge(_a) {
|
|
|
22
22
|
brSetSelectedPeople(valueSelected);
|
|
23
23
|
};
|
|
24
24
|
return (React.createElement(React.Fragment, null,
|
|
25
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: classNames('border-r', dataIdx !== 0 && 'border-t', !isHighlight
|
|
25
|
+
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { key: keyIdx, className: classNames(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight
|
|
26
26
|
? readonly
|
|
27
27
|
? ''
|
|
28
28
|
: rowSpan > 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,9 @@ interface SearchProps {
|
|
|
5
5
|
isSearch: boolean;
|
|
6
6
|
setIsSearch(val: boolean): void;
|
|
7
7
|
type: 'default' | 'in-card';
|
|
8
|
+
setCurrentPage(page: number): void;
|
|
9
|
+
setOffset(page: number): void;
|
|
10
|
+
paginationChange?(page: number): void;
|
|
8
11
|
}
|
|
9
|
-
declare function Search({ isSearch, setIsSearch, search, type }: SearchProps): React.JSX.Element;
|
|
12
|
+
declare function Search({ isSearch, setIsSearch, search, type, setCurrentPage, setOffset, paginationChange }: SearchProps): React.JSX.Element;
|
|
10
13
|
export default Search;
|
|
@@ -1,15 +1,26 @@
|
|
|
1
|
-
import React, { Fragment } from 'react';
|
|
1
|
+
import React, { Fragment, useEffect, useState } from 'react';
|
|
2
2
|
import { classNames } from '../../types';
|
|
3
3
|
import { PHXSpinner } from '../../Loading';
|
|
4
4
|
import { Transition } from '@headlessui/react';
|
|
5
|
+
import PHXUseDebounce from '../../Func/useDebounce';
|
|
5
6
|
function Search(_a) {
|
|
6
|
-
var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search, type = _a.type;
|
|
7
|
+
var isSearch = _a.isSearch, setIsSearch = _a.setIsSearch, search = _a.search, type = _a.type, setCurrentPage = _a.setCurrentPage, setOffset = _a.setOffset, paginationChange = _a.paginationChange;
|
|
8
|
+
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
9
|
+
var debouncedSearch = PHXUseDebounce(searchValue, 300);
|
|
10
|
+
useEffect(function () {
|
|
11
|
+
if (search.onChange) {
|
|
12
|
+
search.onChange(searchValue);
|
|
13
|
+
}
|
|
14
|
+
}, [debouncedSearch]);
|
|
7
15
|
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 },
|
|
8
16
|
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') },
|
|
9
17
|
React.createElement("div", { className: 'relative mr-2 w-11/12' },
|
|
10
18
|
React.createElement("input", { autoFocus: true, className: 'block py-1 w-full rounded-lg border-transparent bg-transparent text-xs bg-white hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', onChange: function (event) {
|
|
11
|
-
|
|
12
|
-
|
|
19
|
+
setSearchValue(event.target.value);
|
|
20
|
+
setCurrentPage(1);
|
|
21
|
+
setOffset(0);
|
|
22
|
+
if (paginationChange) {
|
|
23
|
+
paginationChange(1);
|
|
13
24
|
}
|
|
14
25
|
} })),
|
|
15
26
|
React.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? React.createElement(PHXSpinner, null) : null),
|
|
@@ -19,6 +30,8 @@ function Search(_a) {
|
|
|
19
30
|
if (search.onChange) {
|
|
20
31
|
search.onChange('');
|
|
21
32
|
}
|
|
33
|
+
setCurrentPage(1);
|
|
34
|
+
setOffset(0);
|
|
22
35
|
}, type: 'button' }, "Cancel")))))));
|
|
23
36
|
}
|
|
24
37
|
export default Search;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAYnD,SAAS,MAAM,CAAC,EAAiG;QAA/F,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,cAAc,oBAAA,EAAE,SAAS,eAAA,EAAE,gBAAgB,sBAAA;IAC1F,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,eAAe,GAAG,cAAc,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,SAAS,CAAC;QACR,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,uEAAuE,EAC7E,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,IAAI,EAAE,QAAQ;QAEd,6BAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,UAAU,CACnB,sFAAsF,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,+BACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,KAA0C;wBACnD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;wBAClC,cAAc,CAAC,CAAC,CAAC,CAAA;wBACjB,SAAS,CAAC,CAAC,CAAC,CAAA;wBACZ,IAAI,gBAAgB,EAAE,CAAC;4BACrB,gBAAgB,CAAC,CAAC,CAAC,CAAA;wBACrB,CAAC;oBACH,CAAC,GACD,CACE;YACN,6BAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;YAC7F;gBACE,gCACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;wBACP,WAAW,CAAC,KAAK,CAAC,CAAA;wBAClB,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;4BACpB,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;wBACrB,CAAC;wBACD,cAAc,CAAC,CAAC,CAAC,CAAA;wBACjB,SAAS,CAAC,CAAC,CAAC,CAAA;oBACd,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
|