phx-react 1.3.1427 → 1.3.1429
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/components/ReportButtonV2/ReportButtonV2.d.ts +1 -0
- package/dist/cjs/components/ReportButtonV2/ReportButtonV2.js +3 -1
- package/dist/cjs/components/ReportButtonV2/ReportButtonV2.js.map +1 -1
- package/dist/cjs/components/TableReport/TableReport.d.ts +4 -2
- package/dist/cjs/components/TableReport/TableReport.js +41 -15
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Header.d.ts +13 -0
- package/dist/cjs/components/TableReport/component/Header.js +15 -0
- package/dist/cjs/components/TableReport/component/Header.js.map +1 -0
- package/dist/cjs/components/TableReport/component/Row.d.ts +7 -2
- package/dist/cjs/components/TableReport/component/Row.js +22 -3
- package/dist/cjs/components/TableReport/component/Row.js.map +1 -1
- package/dist/cjs/components/TableReport/component/RowMerge.d.ts +6 -2
- package/dist/cjs/components/TableReport/component/RowMerge.js +34 -9
- package/dist/cjs/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/cjs/components/TableReport/types.d.ts +15 -1
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.d.ts +1 -0
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.js +3 -1
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.js.map +1 -1
- package/dist/esm/components/TableReport/TableReport.d.ts +4 -2
- package/dist/esm/components/TableReport/TableReport.js +42 -16
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/Header.d.ts +13 -0
- package/dist/esm/components/TableReport/component/Header.js +12 -0
- package/dist/esm/components/TableReport/component/Header.js.map +1 -0
- package/dist/esm/components/TableReport/component/Row.d.ts +7 -2
- package/dist/esm/components/TableReport/component/Row.js +23 -3
- package/dist/esm/components/TableReport/component/Row.js.map +1 -1
- package/dist/esm/components/TableReport/component/RowMerge.d.ts +6 -2
- package/dist/esm/components/TableReport/component/RowMerge.js +35 -9
- package/dist/esm/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/esm/components/TableReport/types.d.ts +15 -1
- package/package.json +1 -1
|
@@ -55,6 +55,8 @@ var PHXReportButtonTabV2 = function (_a) {
|
|
|
55
55
|
};
|
|
56
56
|
}, [tabs]);
|
|
57
57
|
var handleClick = function (item) {
|
|
58
|
+
if (item.disabledActionClick)
|
|
59
|
+
return;
|
|
58
60
|
onChange(item.value);
|
|
59
61
|
if (configUrlApply && item.key) {
|
|
60
62
|
(0, PHXUrlApply_1.default)(item.key, item.value, item.listKeyReset || [], configUrlApply);
|
|
@@ -74,7 +76,7 @@ var PHXReportButtonTabV2 = function (_a) {
|
|
|
74
76
|
msOverflowStyle: 'none',
|
|
75
77
|
} }, tabs.map(function (item, index) { return (react_1.default.createElement("div", { key: item.value, className: 'flex w-full items-center gap-y-3' },
|
|
76
78
|
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { className: 'h-[56px] w-full min-w-[180px]', size: 'small', type: 'only-report_v2' })) : (react_1.default.createElement("div", { className: 'w-full p-2' },
|
|
77
|
-
react_1.default.createElement("div", { className: "\n
|
|
79
|
+
react_1.default.createElement("div", { className: "\n flex h-[56px] w-full min-w-[180px] flex-shrink-0 flex-col justify-center rounded-xl px-3 transition-all\n ".concat(item.disabledActionClick ? 'cursor-default' : 'cursor-pointer', "\n ").concat(activeTab === item.value ? 'bg-gray-100' : item.disabledActionClick ? '' : 'hover:bg-gray-50', "\n "), onClick: function () { return handleClick(item); } },
|
|
78
80
|
react_1.default.createElement("div", { className: 'flex w-full items-center justify-between' },
|
|
79
81
|
react_1.default.createElement("p", { className: 'text-[13px] text-gray-500' }, item.name),
|
|
80
82
|
item.icon && react_1.default.createElement("span", { className: 'ml-2 flex items-center justify-center' }, item.icon.icon)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":";;;;AAAA,0EAA6E;AAC7E,oEAAgE;AAChE,kEAAmC;AACnC,qDAAqE;AAErE,wFAAyD;AACzD,wCAAyC;AAElC,IAAM,cAAc,GAAG,UAAC,EAA6D;QAA3D,QAAQ,cAAA,EAAE,OAAO,aAAA;IAA+C,OAAA,CAC/F,0DAEE,SAAS,EAAE,IAAA,oBAAU,EACnB,qGAAqG,EACrG,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,4HAA4H,CACjI,EACD,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,IAAI,OAAO,EAAE,EAAtB,CAAsB;QAErC,8BAAC,mCAAe,IACd,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAChF,IAAI,EAAE,kCAAW,GACjB,CACA,CACL;AAhBgG,CAgBhG,CAAA;AAhBY,QAAA,cAAc,kBAgB1B;AAEM,IAAM,eAAe,GAAG,UAAC,EAA6D;QAA3D,QAAQ,cAAA,EAAE,OAAO,aAAA;IAA+C,OAAA,CAChG,0DAEE,SAAS,EAAE,IAAA,oBAAU,EACnB,qGAAqG,EACrG,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,4HAA4H,CACjI,EACD,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,IAAI,OAAO,EAAE,EAAtB,CAAsB;QAErC,8BAAC,mCAAe,IACd,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAChF,IAAI,EAAE,mCAAY,GAClB,CACA,CACL;AAhBiG,CAgBjG,CAAA;AAhBY,QAAA,eAAe,mBAgB3B;
|
|
1
|
+
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TBodyComponent, THeader, TMergeConfig, TPagination, TSearch, TTableData } from './types';
|
|
2
|
+
import { TBodyComponent, THeader, TMergeConfig, TPagination, TSearch, TSelectedAllPeople, TTableData } from './types';
|
|
3
3
|
export interface TableReportProps {
|
|
4
4
|
tableData: Array<TTableData>;
|
|
5
5
|
thHeader: Array<THeader>;
|
|
@@ -17,5 +17,7 @@ export interface TableReportProps {
|
|
|
17
17
|
readonly?: boolean;
|
|
18
18
|
onClick?(value: Record<string, any>): void;
|
|
19
19
|
type?: 'default' | 'in-card';
|
|
20
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
21
|
+
tableKey?: string;
|
|
20
22
|
}
|
|
21
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, }: TableReportProps): React.JSX.Element;
|
|
23
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, }: TableReportProps): React.JSX.Element;
|
|
@@ -13,12 +13,18 @@ var Search_1 = tslib_1.__importDefault(require("./component/Search"));
|
|
|
13
13
|
var EmptyRecord_1 = require("../EmptyRecord");
|
|
14
14
|
var Skeleton_1 = require("../Skeleton");
|
|
15
15
|
var Pagination_1 = tslib_1.__importDefault(require("./component/Pagination"));
|
|
16
|
+
var Header_1 = tslib_1.__importDefault(require("./component/Header"));
|
|
17
|
+
var SelectedAction_1 = tslib_1.__importDefault(require("../TableV3/SelectedAction"));
|
|
16
18
|
function PHXTableReport(_a) {
|
|
17
19
|
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 ? {
|
|
18
20
|
enable: false,
|
|
19
21
|
loading: false,
|
|
20
|
-
} : _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;
|
|
21
|
-
var
|
|
22
|
+
} : _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
|
+
var checkbox = (0, react_1.useRef)();
|
|
24
|
+
var _g = (0, react_1.useState)(false), isSearch = _g[0], setIsSearch = _g[1];
|
|
25
|
+
var _h = (0, react_1.useState)([]), selectedPeople = _h[0], setSelectedPeople = _h[1];
|
|
26
|
+
var _j = (0, react_1.useState)(false), checked = _j[0], setChecked = _j[1];
|
|
27
|
+
var _k = (0, react_1.useState)(false), indeterminate = _k[0], setIndeterminate = _k[1];
|
|
22
28
|
var maxDepth = (0, utils_1.getMaxDepth)(thHeader);
|
|
23
29
|
var rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
|
|
24
30
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
@@ -33,21 +39,41 @@ function PHXTableReport(_a) {
|
|
|
33
39
|
onClick(data);
|
|
34
40
|
}
|
|
35
41
|
}
|
|
36
|
-
if (onClick && !readonly) {
|
|
42
|
+
if (!isHighlightRow && onClick && !readonly) {
|
|
37
43
|
onClick(data);
|
|
38
44
|
}
|
|
39
45
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
46
|
+
(0, react_1.useLayoutEffect)(function () {
|
|
47
|
+
var isIndeterminate = selectedPeople.length > 0 && selectedPeople.length < tableData.length;
|
|
48
|
+
setChecked(selectedPeople.length === tableData.length && tableData.length > 0);
|
|
49
|
+
setIndeterminate(isIndeterminate);
|
|
50
|
+
if (checkbox.current) {
|
|
51
|
+
checkbox.current.indeterminate = isIndeterminate;
|
|
52
|
+
}
|
|
53
|
+
}, [selectedPeople]);
|
|
54
|
+
var toggleAll = function () {
|
|
55
|
+
setSelectedPeople(checked || indeterminate ? [] : tableData);
|
|
56
|
+
setChecked(!checked && !indeterminate);
|
|
57
|
+
setIndeterminate(false);
|
|
58
|
+
};
|
|
59
|
+
var brSetSelectedPeople = function (value) {
|
|
60
|
+
var maxSelectedPeople = (selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) || 0;
|
|
61
|
+
setSelectedPeople(value.slice(-maxSelectedPeople));
|
|
62
|
+
};
|
|
63
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, tableData.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
64
|
+
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
65
|
+
search && search.enable && (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex flex-row items-center rounded-tl-lg rounded-tr-lg px-3 ring-1 ring-gray-300 h-9', isSearch ? 'border-none' : 'justify-end', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
66
|
+
react_1.default.createElement(Search_1.default, { isSearch: isSearch, setIsSearch: setIsSearch, search: search, type: type }),
|
|
67
|
+
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' },
|
|
68
|
+
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })),
|
|
69
|
+
react_1.default.createElement("div", { className: 'absolute w-full h-[1px] bg-white left-0 bottom-0' }))),
|
|
70
|
+
react_1.default.createElement("div", { className: (0, types_1.classNames)('ring-1 ring-gray-300 overflow-auto shadow-sm bg-white rounded-lg', search && search.enable ? 'rounded-tr-none rounded-tl-none' : '') },
|
|
71
|
+
react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
72
|
+
react_1.default.createElement("thead", null,
|
|
73
|
+
react_1.default.createElement(Header_1.default, { checkbox: checkbox, rows: rows, search: search, selectedAllPeople: selectedAllPeople, toggleAll: toggleAll, tableKey: tableKey, checked: checked })),
|
|
74
|
+
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, { className: rowClassName(keyIdx, dataIdx), mergeConfig: mergeConfig, keyIdx: keyIdx, dataIdx: dataIdx, data: data, bodyKey: bodyKey, thBodyComponent: thBodyComponent, readonly: readonly, isHighlight: isHighLight(data), highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), selectedAllPeople: selectedAllPeople, tableKey: tableKey, brSetSelectedPeople: brSetSelectedPeople, selectedPeople: selectedPeople })) : (react_1.default.createElement(Row_1.default, { className: rowClassName(keyIdx, dataIdx), keyIdx: keyIdx, dataIdx: dataIdx, bodyKey: bodyKey, data: data, thBodyComponent: thBodyComponent, readonly: readonly, isHighlight: isHighLight(data), highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), selectedAllPeople: selectedAllPeople, tableKey: tableKey, brSetSelectedPeople: brSetSelectedPeople, selectedPeople: selectedPeople })))); }))); }))),
|
|
75
|
+
pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (react_1.default.createElement("div", { className: 'flex items-center justify-end rounded-lg rounded-tl-none rounded-tr-none border-t border-gray-200 bg-gray-50 py-2 pl-7 pr-2' },
|
|
76
|
+
react_1.default.createElement(Pagination_1.default, { pagination: pagination })))))),
|
|
77
|
+
selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement(SelectedAction_1.default, { selectedBtn: selectedAllPeople.selectedAction.actions, selectedPeople: selectedPeople, slectedTitle: selectedAllPeople.selectedAction.label, toggleAll: toggleAll })))) : (react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, { className: 'border rounded-lg' }))));
|
|
52
78
|
}
|
|
53
79
|
//# 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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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TSearch, TSelectedAllPeople } from '../types';
|
|
3
|
+
interface HeaderProps {
|
|
4
|
+
rows: any;
|
|
5
|
+
search: TSearch;
|
|
6
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
7
|
+
toggleAll(): void;
|
|
8
|
+
tableKey: string;
|
|
9
|
+
checked: boolean;
|
|
10
|
+
checkbox: any;
|
|
11
|
+
}
|
|
12
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox }: HeaderProps): React.JSX.Element;
|
|
13
|
+
export default Header;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var types_1 = require("../../types");
|
|
6
|
+
var Checkbox_1 = require("../../Checkbox");
|
|
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' },
|
|
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)); }))); })));
|
|
13
|
+
}
|
|
14
|
+
exports.default = Header;
|
|
15
|
+
//# sourceMappingURL=Header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qCAAwC;AAExC,2CAA4C;AAY5C,SAAS,MAAM,CAAC,EAAwF;QAAtF,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,iBAAiB,uBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACvF,OAAO,CACL,8DACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,MAAc,IAAK,OAAA,CACtC,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EAAC,MAAM,KAAK,CAAC,IAAI,UAAU,EAAE,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,UAAU,CAAC;QAEvG,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,CAChE,sCAAI,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAC,iCAAiC,IAClE,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,UAAU,EACjC,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,EACnE,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,CACjF,IAEA,IAAI,CAAC,IAAI,CACP,CACN,EAdwC,CAcxC,CAAC,CACC,CACN,EA9BuC,CA8BvC,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TBodyComponent, TTableData } from '../types';
|
|
2
|
+
import { TBodyComponent, TSelectedAllPeople, TTableData } from '../types';
|
|
3
3
|
interface RowProps {
|
|
4
4
|
keyIdx: number;
|
|
5
|
+
dataIdx: number;
|
|
5
6
|
data: TTableData;
|
|
6
7
|
bodyKey: string;
|
|
7
8
|
thBodyComponent?: TBodyComponent;
|
|
@@ -9,6 +10,10 @@ interface RowProps {
|
|
|
9
10
|
readonly: boolean;
|
|
10
11
|
isHighlight: boolean;
|
|
11
12
|
highlightReadonly: boolean;
|
|
13
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
14
|
+
tableKey: string;
|
|
15
|
+
brSetSelectedPeople(value: TTableData): void;
|
|
16
|
+
selectedPeople: Array<TTableData>;
|
|
12
17
|
}
|
|
13
|
-
declare function Row({ keyIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowProps): React.JSX.Element;
|
|
18
|
+
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowProps): React.JSX.Element;
|
|
14
19
|
export default Row;
|
|
@@ -1,12 +1,31 @@
|
|
|
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.__importStar(require("react"));
|
|
5
5
|
var utils_1 = require("../utils");
|
|
6
6
|
var types_1 = require("../../types");
|
|
7
|
+
var Checkbox_1 = require("../../Checkbox");
|
|
7
8
|
function Row(_a) {
|
|
8
|
-
var keyIdx = _a.keyIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly;
|
|
9
|
-
|
|
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;
|
|
10
|
+
var renderInclude = function (person) {
|
|
11
|
+
return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
|
|
12
|
+
};
|
|
13
|
+
var _b = (0, react_1.useState)(renderInclude(data)), checked = _b[0], setChecked = _b[1];
|
|
14
|
+
(0, react_1.useEffect)(function () {
|
|
15
|
+
setChecked(renderInclude(data));
|
|
16
|
+
}, [renderInclude(data)]);
|
|
17
|
+
var handleChange = function (e) {
|
|
18
|
+
var checked = e.target.checked;
|
|
19
|
+
setChecked(checked);
|
|
20
|
+
var valueSelected = checked
|
|
21
|
+
? tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedPeople, true), [data], false) : selectedPeople.filter(function (p) { return JSON.stringify(p) !== JSON.stringify(data); });
|
|
22
|
+
brSetSelectedPeople(valueSelected);
|
|
23
|
+
};
|
|
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' : '') },
|
|
26
|
+
react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
|
|
27
|
+
react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
|
|
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)));
|
|
10
29
|
}
|
|
11
30
|
exports.default = Row;
|
|
12
31
|
//# sourceMappingURL=Row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAClD,kCAAqC;AAErC,qCAAwC;AACxC,2CAA4C;AAkB5C,SAAS,GAAG,CAAC,EAcF;QAbT,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,mBAAmB,yBAAA,EACnB,cAAc,oBAAA;IAEd,IAAM,aAAa,GAAG,UAAC,MAAW;QAChC,OAAO,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,UAAC,MAAW,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAjD,CAAiD,CAAC,CAAA;IAClG,CAAC,CAAA;IAEK,IAAA,KAAwB,IAAA,gBAAQ,EAAU,aAAa,CAAC,IAAI,CAAC,CAAC,EAA7D,OAAO,QAAA,EAAE,UAAU,QAA0C,CAAA;IAEpE,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAEzB,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,IAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;QAChC,UAAU,CAAC,OAAO,CAAC,CAAA;QAEnB,IAAM,aAAa,GAAG,OAAO;YAC3B,CAAC,iDAAK,cAAc,UAAE,IAAI,UAC1B,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAA1C,CAA0C,CAAC,CAAA;QACjF,mBAAmB,CAAC,aAAa,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL;QACG,MAAM,KAAK,CAAC,IAAI,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,CAChE,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EACnB,UAAU,EACV,OAAO,KAAK,CAAC,IAAI,UAAU,EAC3B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,EAAE,EACzF,WAAW,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,CAC7F;YAED,uCACE,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,UAAC,KAAmD,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;gBAEzF,8BAAC,sBAAW,IACV,EAAE,EAAE,UAAG,QAAQ,cAAI,OAAO,CAAE,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,KAAyC,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,GAC5E,CACE,CACH,CACN;QACD,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EACnB,SAAS,EACT,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,EAAE,EACzF,WAAW,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,CAC7F,IAEA,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,KAAK,CAC9C,CACJ,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,GAAG,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TBodyComponent, TMergeConfig, TTableData } from '../types';
|
|
2
|
+
import { TBodyComponent, TMergeConfig, TSelectedAllPeople, TTableData } from '../types';
|
|
3
3
|
interface RowMergeProps {
|
|
4
4
|
mergeConfig: TMergeConfig;
|
|
5
5
|
keyIdx: number;
|
|
@@ -11,6 +11,10 @@ interface RowMergeProps {
|
|
|
11
11
|
readonly: boolean;
|
|
12
12
|
isHighlight: boolean;
|
|
13
13
|
highlightReadonly: boolean;
|
|
14
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
15
|
+
tableKey: string;
|
|
16
|
+
brSetSelectedPeople(value: TTableData): void;
|
|
17
|
+
selectedPeople: Array<TTableData>;
|
|
14
18
|
}
|
|
15
|
-
declare function RowMerge({ mergeConfig, keyIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowMergeProps): React.JSX.Element;
|
|
19
|
+
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowMergeProps): React.JSX.Element;
|
|
16
20
|
export default RowMerge;
|
|
@@ -1,20 +1,45 @@
|
|
|
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.__importStar(require("react"));
|
|
5
5
|
var utils_1 = require("../utils");
|
|
6
6
|
var types_1 = require("../../types");
|
|
7
|
+
var Checkbox_1 = require("../../Checkbox");
|
|
7
8
|
function RowMerge(_a) {
|
|
8
|
-
var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly;
|
|
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
10
|
var rowSpan = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).row;
|
|
10
11
|
var currentColumnKey = (0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx);
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
var renderInclude = function (person) {
|
|
13
|
+
return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
|
|
14
|
+
};
|
|
15
|
+
var _b = (0, react_1.useState)(renderInclude(data)), checked = _b[0], setChecked = _b[1];
|
|
16
|
+
(0, react_1.useEffect)(function () {
|
|
17
|
+
setChecked(renderInclude(data));
|
|
18
|
+
}, [renderInclude(data)]);
|
|
19
|
+
var handleChange = function (e) {
|
|
20
|
+
var checked = e.target.checked;
|
|
21
|
+
setChecked(checked);
|
|
22
|
+
var valueSelected = checked
|
|
23
|
+
? tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedPeople, true), [data], false) : selectedPeople.filter(function (p) { return JSON.stringify(p) !== JSON.stringify(data); });
|
|
24
|
+
brSetSelectedPeople(valueSelected);
|
|
25
|
+
};
|
|
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
|
|
28
|
+
? readonly
|
|
29
|
+
? ''
|
|
30
|
+
: rowSpan > 1
|
|
31
|
+
? 'bg-white'
|
|
32
|
+
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
33
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && 'bg-gray-50') },
|
|
34
|
+
react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
|
|
35
|
+
react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
|
|
36
|
+
data["".concat(currentColumnKey, "_first_row")] || !(0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx) ? (react_1.default.createElement("td", { key: keyIdx, rowSpan: rowSpan, className: (0, types_1.classNames)(className, !isHighlight
|
|
37
|
+
? readonly
|
|
38
|
+
? ''
|
|
39
|
+
: rowSpan > 1
|
|
40
|
+
? 'bg-white'
|
|
41
|
+
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
42
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && rowSpan === 1 && 'bg-gray-50') }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value)) : (react_1.default.createElement(react_1.default.Fragment, null))));
|
|
18
43
|
}
|
|
19
44
|
exports.default = RowMerge;
|
|
20
45
|
//# sourceMappingURL=RowMerge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";;;AAAA,qDAAkD;AAClD,kCAAyD;AAEzD,qCAAwC;AACxC,2CAA4C;AAmB5C,SAAS,QAAQ,CAAC,EAeF;QAdd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACR,mBAAmB,yBAAA,EACnB,cAAc,oBAAA;IAEd,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,GAAG,CAAA;IAC9D,IAAM,gBAAgB,GAAG,IAAA,0BAAkB,EAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IAEhE,IAAM,aAAa,GAAG,UAAC,MAAW;QAChC,OAAO,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,UAAC,MAAW,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAjD,CAAiD,CAAC,CAAA;IAClG,CAAC,CAAA;IAEK,IAAA,KAAwB,IAAA,gBAAQ,EAAU,aAAa,CAAC,IAAI,CAAC,CAAC,EAA7D,OAAO,QAAA,EAAE,UAAU,QAA0C,CAAA;IAEpE,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAEzB,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,IAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;QAChC,UAAU,CAAC,OAAO,CAAC,CAAA;QAEnB,IAAM,aAAa,GAAG,OAAO;YAC3B,CAAC,iDAAK,cAAc,UAAE,IAAI,UAC1B,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAA1C,CAA0C,CAAC,CAAA;QACjF,mBAAmB,CAAC,aAAa,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL;QACG,MAAM,KAAK,CAAC,IAAI,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,CAChE,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EACnB,UAAU,EACV,OAAO,KAAK,CAAC,IAAI,UAAU,EAC3B,CAAC,WAAW;gBACV,CAAC,CAAC,QAAQ;oBACR,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,OAAO,GAAG,CAAC;wBACb,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,mDAAmD;gBACvD,CAAC,CAAC,EAAE,EACN,WAAW,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,EAC5F,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,YAAY,CACpD;YAED,uCACE,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,UAAC,KAAmD,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;gBAEzF,8BAAC,sBAAW,IACV,EAAE,EAAE,UAAG,QAAQ,cAAI,OAAO,CAAE,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,KAAyC,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,GAC5E,CACE,CACH,CACN;QACA,IAAI,CAAC,UAAG,gBAAgB,eAAY,CAAC,IAAI,CAAC,IAAA,0BAAkB,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CACnF,sCACE,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,kBAAU,EACnB,SAAS,EACT,CAAC,WAAW;gBACV,CAAC,CAAC,QAAQ;oBACR,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,OAAO,GAAG,CAAC;wBACb,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,mDAAmD;gBACvD,CAAC,CAAC,EAAE,EACN,WAAW,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,EAC5F,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,KAAK,CAAC,IAAI,YAAY,CACrE,IAEA,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,KAAK,CAC9C,CACN,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { SelectedButtonIcon } from '../TableV3/SelectedAction';
|
|
3
|
+
import { ComplexAction } from '../types';
|
|
1
4
|
export interface THeader {
|
|
2
|
-
name: string;
|
|
5
|
+
name: string | ReactNode;
|
|
3
6
|
col: number;
|
|
4
7
|
row: number;
|
|
5
8
|
children?: Array<THeader>;
|
|
@@ -30,3 +33,14 @@ export interface TPagination {
|
|
|
30
33
|
loading?: boolean;
|
|
31
34
|
onChange?(page: number): void;
|
|
32
35
|
}
|
|
36
|
+
export interface TSelectedAllPeople {
|
|
37
|
+
enable: boolean;
|
|
38
|
+
selectedAction: {
|
|
39
|
+
label: string;
|
|
40
|
+
actions: Array<ComplexAction & {
|
|
41
|
+
icon?: SelectedButtonIcon;
|
|
42
|
+
}>;
|
|
43
|
+
};
|
|
44
|
+
maxSelectedPeople?: number;
|
|
45
|
+
hideSelectedAction?: boolean;
|
|
46
|
+
}
|
|
@@ -49,6 +49,8 @@ export var PHXReportButtonTabV2 = function (_a) {
|
|
|
49
49
|
};
|
|
50
50
|
}, [tabs]);
|
|
51
51
|
var handleClick = function (item) {
|
|
52
|
+
if (item.disabledActionClick)
|
|
53
|
+
return;
|
|
52
54
|
onChange(item.value);
|
|
53
55
|
if (configUrlApply && item.key) {
|
|
54
56
|
PHXUrlApply(item.key, item.value, item.listKeyReset || [], configUrlApply);
|
|
@@ -68,7 +70,7 @@ export var PHXReportButtonTabV2 = function (_a) {
|
|
|
68
70
|
msOverflowStyle: 'none',
|
|
69
71
|
} }, tabs.map(function (item, index) { return (React.createElement("div", { key: item.value, className: 'flex w-full items-center gap-y-3' },
|
|
70
72
|
loading ? (React.createElement(PHXSkeleton, { className: 'h-[56px] w-full min-w-[180px]', size: 'small', type: 'only-report_v2' })) : (React.createElement("div", { className: 'w-full p-2' },
|
|
71
|
-
React.createElement("div", { className: "\n
|
|
73
|
+
React.createElement("div", { className: "\n flex h-[56px] w-full min-w-[180px] flex-shrink-0 flex-col justify-center rounded-xl px-3 transition-all\n ".concat(item.disabledActionClick ? 'cursor-default' : 'cursor-pointer', "\n ").concat(activeTab === item.value ? 'bg-gray-100' : item.disabledActionClick ? '' : 'hover:bg-gray-50', "\n "), onClick: function () { return handleClick(item); } },
|
|
72
74
|
React.createElement("div", { className: 'flex w-full items-center justify-between' },
|
|
73
75
|
React.createElement("p", { className: 'text-[13px] text-gray-500' }, item.name),
|
|
74
76
|
item.icon && React.createElement("span", { className: 'ml-2 flex items-center justify-center' }, item.icon.icon)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAa,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAA6D;QAA3D,QAAQ,cAAA,EAAE,OAAO,aAAA;IAA+C,OAAA,CAC/F,gDAEE,SAAS,EAAE,UAAU,CACnB,qGAAqG,EACrG,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,4HAA4H,CACjI,EACD,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,IAAI,OAAO,EAAE,EAAtB,CAAsB;QAErC,oBAAC,eAAe,IACd,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAChF,IAAI,EAAE,WAAW,GACjB,CACA,CACL;AAhBgG,CAgBhG,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAA6D;QAA3D,QAAQ,cAAA,EAAE,OAAO,aAAA;IAA+C,OAAA,CAChG,gDAEE,SAAS,EAAE,UAAU,CACnB,qGAAqG,EACrG,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,4HAA4H,CACjI,EACD,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,IAAI,OAAO,EAAE,EAAtB,CAAsB;QAErC,oBAAC,eAAe,IACd,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAChF,IAAI,EAAE,YAAY,GAClB,CACA,CACL;AAhBiG,CAgBjG,CAAA;
|
|
1
|
+
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TBodyComponent, THeader, TMergeConfig, TPagination, TSearch, TTableData } from './types';
|
|
2
|
+
import { TBodyComponent, THeader, TMergeConfig, TPagination, TSearch, TSelectedAllPeople, TTableData } from './types';
|
|
3
3
|
export interface TableReportProps {
|
|
4
4
|
tableData: Array<TTableData>;
|
|
5
5
|
thHeader: Array<THeader>;
|
|
@@ -17,5 +17,7 @@ export interface TableReportProps {
|
|
|
17
17
|
readonly?: boolean;
|
|
18
18
|
onClick?(value: Record<string, any>): void;
|
|
19
19
|
type?: 'default' | 'in-card';
|
|
20
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
21
|
+
tableKey?: string;
|
|
20
22
|
}
|
|
21
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, }: TableReportProps): React.JSX.Element;
|
|
23
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, }: TableReportProps): React.JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import React, { useState } from 'react';
|
|
2
|
+
import React, { useLayoutEffect, useRef, useState } from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
import { buildHeaderRows, buildRowSpan, getMaxDepth } from './utils';
|
|
5
5
|
import RowMerge from './component/RowMerge';
|
|
@@ -9,12 +9,18 @@ import Search from './component/Search';
|
|
|
9
9
|
import { PHXEmptyRecord } from '../EmptyRecord';
|
|
10
10
|
import { PHXSkeleton } from '../Skeleton';
|
|
11
11
|
import Pagination from './component/Pagination';
|
|
12
|
+
import Header from './component/Header';
|
|
13
|
+
import SelectedAction from '../TableV3/SelectedAction';
|
|
12
14
|
export function PHXTableReport(_a) {
|
|
13
15
|
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 ? {
|
|
14
16
|
enable: false,
|
|
15
17
|
loading: false,
|
|
16
|
-
} : _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;
|
|
17
|
-
var
|
|
18
|
+
} : _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
|
+
var checkbox = useRef();
|
|
20
|
+
var _g = useState(false), isSearch = _g[0], setIsSearch = _g[1];
|
|
21
|
+
var _h = useState([]), selectedPeople = _h[0], setSelectedPeople = _h[1];
|
|
22
|
+
var _j = useState(false), checked = _j[0], setChecked = _j[1];
|
|
23
|
+
var _k = useState(false), indeterminate = _k[0], setIndeterminate = _k[1];
|
|
18
24
|
var maxDepth = getMaxDepth(thHeader);
|
|
19
25
|
var rows = buildHeaderRows(thHeader, 0, [], maxDepth, 0);
|
|
20
26
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
@@ -29,21 +35,41 @@ export function PHXTableReport(_a) {
|
|
|
29
35
|
onClick(data);
|
|
30
36
|
}
|
|
31
37
|
}
|
|
32
|
-
if (onClick && !readonly) {
|
|
38
|
+
if (!isHighlightRow && onClick && !readonly) {
|
|
33
39
|
onClick(data);
|
|
34
40
|
}
|
|
35
41
|
};
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
useLayoutEffect(function () {
|
|
43
|
+
var isIndeterminate = selectedPeople.length > 0 && selectedPeople.length < tableData.length;
|
|
44
|
+
setChecked(selectedPeople.length === tableData.length && tableData.length > 0);
|
|
45
|
+
setIndeterminate(isIndeterminate);
|
|
46
|
+
if (checkbox.current) {
|
|
47
|
+
checkbox.current.indeterminate = isIndeterminate;
|
|
48
|
+
}
|
|
49
|
+
}, [selectedPeople]);
|
|
50
|
+
var toggleAll = function () {
|
|
51
|
+
setSelectedPeople(checked || indeterminate ? [] : tableData);
|
|
52
|
+
setChecked(!checked && !indeterminate);
|
|
53
|
+
setIndeterminate(false);
|
|
54
|
+
};
|
|
55
|
+
var brSetSelectedPeople = function (value) {
|
|
56
|
+
var maxSelectedPeople = (selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) || 0;
|
|
57
|
+
setSelectedPeople(value.slice(-maxSelectedPeople));
|
|
58
|
+
};
|
|
59
|
+
return (React.createElement(React.Fragment, null, tableData.length > 0 ? (React.createElement(React.Fragment, null,
|
|
60
|
+
loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(React.Fragment, null,
|
|
61
|
+
search && search.enable && (React.createElement("div", { className: classNames('relative flex flex-row items-center rounded-tl-lg rounded-tr-lg px-3 ring-1 ring-gray-300 h-9', isSearch ? 'border-none' : 'justify-end', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
62
|
+
React.createElement(Search, { isSearch: isSearch, setIsSearch: setIsSearch, search: search, type: type }),
|
|
63
|
+
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' },
|
|
64
|
+
React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' })),
|
|
65
|
+
React.createElement("div", { className: 'absolute w-full h-[1px] bg-white left-0 bottom-0' }))),
|
|
66
|
+
React.createElement("div", { className: classNames('ring-1 ring-gray-300 overflow-auto shadow-sm bg-white rounded-lg', search && search.enable ? 'rounded-tr-none rounded-tl-none' : '') },
|
|
67
|
+
React.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
68
|
+
React.createElement("thead", null,
|
|
69
|
+
React.createElement(Header, { checkbox: checkbox, rows: rows, search: search, selectedAllPeople: selectedAllPeople, toggleAll: toggleAll, tableKey: tableKey, checked: checked })),
|
|
70
|
+
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, { className: rowClassName(keyIdx, dataIdx), mergeConfig: mergeConfig, keyIdx: keyIdx, dataIdx: dataIdx, data: data, bodyKey: bodyKey, thBodyComponent: thBodyComponent, readonly: readonly, isHighlight: isHighLight(data), highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), selectedAllPeople: selectedAllPeople, tableKey: tableKey, brSetSelectedPeople: brSetSelectedPeople, selectedPeople: selectedPeople })) : (React.createElement(Row, { className: rowClassName(keyIdx, dataIdx), keyIdx: keyIdx, dataIdx: dataIdx, bodyKey: bodyKey, data: data, thBodyComponent: thBodyComponent, readonly: readonly, isHighlight: isHighLight(data), highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), selectedAllPeople: selectedAllPeople, tableKey: tableKey, brSetSelectedPeople: brSetSelectedPeople, selectedPeople: selectedPeople })))); }))); }))),
|
|
71
|
+
pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (React.createElement("div", { className: 'flex items-center justify-end rounded-lg rounded-tl-none rounded-tr-none border-t border-gray-200 bg-gray-50 py-2 pl-7 pr-2' },
|
|
72
|
+
React.createElement(Pagination, { pagination: pagination })))))),
|
|
73
|
+
selectedAllPeople && selectedAllPeople.enable && (React.createElement(SelectedAction, { selectedBtn: selectedAllPeople.selectedAction.actions, selectedPeople: selectedPeople, slectedTitle: selectedAllPeople.selectedAction.label, toggleAll: toggleAll })))) : (React.createElement(PHXEmptyRecord, { className: 'border rounded-lg' }))));
|
|
48
74
|
}
|
|
49
75
|
//# 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,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TSearch, TSelectedAllPeople } from '../types';
|
|
3
|
+
interface HeaderProps {
|
|
4
|
+
rows: any;
|
|
5
|
+
search: TSearch;
|
|
6
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
7
|
+
toggleAll(): void;
|
|
8
|
+
tableKey: string;
|
|
9
|
+
checked: boolean;
|
|
10
|
+
checkbox: any;
|
|
11
|
+
}
|
|
12
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox }: HeaderProps): React.JSX.Element;
|
|
13
|
+
export default Header;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { classNames } from '../../types';
|
|
3
|
+
import { PHXCheckbox } from '../../Checkbox';
|
|
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' },
|
|
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)); }))); })));
|
|
10
|
+
}
|
|
11
|
+
export default Header;
|
|
12
|
+
//# sourceMappingURL=Header.js.map
|
|
@@ -0,0 +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;AAY5C,SAAS,MAAM,CAAC,EAAwF;QAAtF,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,iBAAiB,uBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACvF,OAAO,CACL,0CACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,MAAc,IAAK,OAAA,CACtC,4BACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,UAAU,EAAE,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,UAAU,CAAC;QAEvG,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,CAChE,4BAAI,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAC,iCAAiC,IAClE,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,UAAU,EACjC,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,EACnE,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,CACjF,IAEA,IAAI,CAAC,IAAI,CACP,CACN,EAdwC,CAcxC,CAAC,CACC,CACN,EA9BuC,CA8BvC,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TBodyComponent, TTableData } from '../types';
|
|
2
|
+
import { TBodyComponent, TSelectedAllPeople, TTableData } from '../types';
|
|
3
3
|
interface RowProps {
|
|
4
4
|
keyIdx: number;
|
|
5
|
+
dataIdx: number;
|
|
5
6
|
data: TTableData;
|
|
6
7
|
bodyKey: string;
|
|
7
8
|
thBodyComponent?: TBodyComponent;
|
|
@@ -9,6 +10,10 @@ interface RowProps {
|
|
|
9
10
|
readonly: boolean;
|
|
10
11
|
isHighlight: boolean;
|
|
11
12
|
highlightReadonly: boolean;
|
|
13
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
14
|
+
tableKey: string;
|
|
15
|
+
brSetSelectedPeople(value: TTableData): void;
|
|
16
|
+
selectedPeople: Array<TTableData>;
|
|
12
17
|
}
|
|
13
|
-
declare function Row({ keyIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowProps): React.JSX.Element;
|
|
18
|
+
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowProps): React.JSX.Element;
|
|
14
19
|
export default Row;
|
|
@@ -1,9 +1,29 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __spreadArray } from "tslib";
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
2
3
|
import { renderCell } from '../utils';
|
|
3
4
|
import { classNames } from '../../types';
|
|
5
|
+
import { PHXCheckbox } from '../../Checkbox';
|
|
4
6
|
function Row(_a) {
|
|
5
|
-
var keyIdx = _a.keyIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly;
|
|
6
|
-
|
|
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;
|
|
8
|
+
var renderInclude = function (person) {
|
|
9
|
+
return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
|
|
10
|
+
};
|
|
11
|
+
var _b = useState(renderInclude(data)), checked = _b[0], setChecked = _b[1];
|
|
12
|
+
useEffect(function () {
|
|
13
|
+
setChecked(renderInclude(data));
|
|
14
|
+
}, [renderInclude(data)]);
|
|
15
|
+
var handleChange = function (e) {
|
|
16
|
+
var checked = e.target.checked;
|
|
17
|
+
setChecked(checked);
|
|
18
|
+
var valueSelected = checked
|
|
19
|
+
? __spreadArray(__spreadArray([], selectedPeople, true), [data], false) : selectedPeople.filter(function (p) { return JSON.stringify(p) !== JSON.stringify(data); });
|
|
20
|
+
brSetSelectedPeople(valueSelected);
|
|
21
|
+
};
|
|
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' : '') },
|
|
24
|
+
React.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
|
|
25
|
+
React.createElement(PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
|
|
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)));
|
|
7
27
|
}
|
|
8
28
|
export default Row;
|
|
9
29
|
//# sourceMappingURL=Row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TBodyComponent, TMergeConfig, TTableData } from '../types';
|
|
2
|
+
import { TBodyComponent, TMergeConfig, TSelectedAllPeople, TTableData } from '../types';
|
|
3
3
|
interface RowMergeProps {
|
|
4
4
|
mergeConfig: TMergeConfig;
|
|
5
5
|
keyIdx: number;
|
|
@@ -11,6 +11,10 @@ interface RowMergeProps {
|
|
|
11
11
|
readonly: boolean;
|
|
12
12
|
isHighlight: boolean;
|
|
13
13
|
highlightReadonly: boolean;
|
|
14
|
+
selectedAllPeople?: TSelectedAllPeople;
|
|
15
|
+
tableKey: string;
|
|
16
|
+
brSetSelectedPeople(value: TTableData): void;
|
|
17
|
+
selectedPeople: Array<TTableData>;
|
|
14
18
|
}
|
|
15
|
-
declare function RowMerge({ mergeConfig, keyIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowMergeProps): React.JSX.Element;
|
|
19
|
+
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, }: RowMergeProps): React.JSX.Element;
|
|
16
20
|
export default RowMerge;
|
|
@@ -1,17 +1,43 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __spreadArray } from "tslib";
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
2
3
|
import { findColumnKeyMerge, renderCell } from '../utils';
|
|
3
4
|
import { classNames } from '../../types';
|
|
5
|
+
import { PHXCheckbox } from '../../Checkbox';
|
|
4
6
|
function RowMerge(_a) {
|
|
5
|
-
var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly;
|
|
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;
|
|
6
8
|
var rowSpan = renderCell(data, bodyKey, thBodyComponent).row;
|
|
7
9
|
var currentColumnKey = findColumnKeyMerge(mergeConfig, keyIdx);
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
var renderInclude = function (person) {
|
|
11
|
+
return !!selectedPeople.find(function (select) { return JSON.stringify(select) === JSON.stringify(person); });
|
|
12
|
+
};
|
|
13
|
+
var _b = useState(renderInclude(data)), checked = _b[0], setChecked = _b[1];
|
|
14
|
+
useEffect(function () {
|
|
15
|
+
setChecked(renderInclude(data));
|
|
16
|
+
}, [renderInclude(data)]);
|
|
17
|
+
var handleChange = function (e) {
|
|
18
|
+
var checked = e.target.checked;
|
|
19
|
+
setChecked(checked);
|
|
20
|
+
var valueSelected = checked
|
|
21
|
+
? __spreadArray(__spreadArray([], selectedPeople, true), [data], false) : selectedPeople.filter(function (p) { return JSON.stringify(p) !== JSON.stringify(data); });
|
|
22
|
+
brSetSelectedPeople(valueSelected);
|
|
23
|
+
};
|
|
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
|
|
26
|
+
? readonly
|
|
27
|
+
? ''
|
|
28
|
+
: rowSpan > 1
|
|
29
|
+
? 'bg-white'
|
|
30
|
+
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
31
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && 'bg-gray-50') },
|
|
32
|
+
React.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: function (event) { return event.stopPropagation(); } },
|
|
33
|
+
React.createElement(PHXCheckbox, { id: "".concat(tableKey, "-").concat(dataIdx), checked: checked, onChange: function (event) { return handleChange(event); } })))),
|
|
34
|
+
data["".concat(currentColumnKey, "_first_row")] || !findColumnKeyMerge(mergeConfig, keyIdx) ? (React.createElement("td", { key: keyIdx, rowSpan: rowSpan, className: classNames(className, !isHighlight
|
|
35
|
+
? readonly
|
|
36
|
+
? ''
|
|
37
|
+
: rowSpan > 1
|
|
38
|
+
? 'bg-white'
|
|
39
|
+
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
40
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && rowSpan === 1 && 'bg-gray-50') }, renderCell(data, bodyKey, thBodyComponent).value)) : (React.createElement(React.Fragment, null))));
|
|
15
41
|
}
|
|
16
42
|
export default RowMerge;
|
|
17
43
|
//# sourceMappingURL=RowMerge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { SelectedButtonIcon } from '../TableV3/SelectedAction';
|
|
3
|
+
import { ComplexAction } from '../types';
|
|
1
4
|
export interface THeader {
|
|
2
|
-
name: string;
|
|
5
|
+
name: string | ReactNode;
|
|
3
6
|
col: number;
|
|
4
7
|
row: number;
|
|
5
8
|
children?: Array<THeader>;
|
|
@@ -30,3 +33,14 @@ export interface TPagination {
|
|
|
30
33
|
loading?: boolean;
|
|
31
34
|
onChange?(page: number): void;
|
|
32
35
|
}
|
|
36
|
+
export interface TSelectedAllPeople {
|
|
37
|
+
enable: boolean;
|
|
38
|
+
selectedAction: {
|
|
39
|
+
label: string;
|
|
40
|
+
actions: Array<ComplexAction & {
|
|
41
|
+
icon?: SelectedButtonIcon;
|
|
42
|
+
}>;
|
|
43
|
+
};
|
|
44
|
+
maxSelectedPeople?: number;
|
|
45
|
+
hideSelectedAction?: boolean;
|
|
46
|
+
}
|