phx-react 1.3.1399 → 1.3.1400
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/TableReport/TableReport.d.ts +4 -1
- package/dist/cjs/components/TableReport/TableReport.js +20 -9
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Row.d.ts +4 -1
- package/dist/cjs/components/TableReport/component/Row.js +3 -2
- package/dist/cjs/components/TableReport/component/Row.js.map +1 -1
- package/dist/cjs/components/TableReport/component/RowMerge.d.ts +4 -1
- package/dist/cjs/components/TableReport/component/RowMerge.js +9 -2
- package/dist/cjs/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/esm/components/TableReport/TableReport.d.ts +4 -1
- package/dist/esm/components/TableReport/TableReport.js +20 -9
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/Row.d.ts +4 -1
- package/dist/esm/components/TableReport/component/Row.js +3 -2
- package/dist/esm/components/TableReport/component/Row.js.map +1 -1
- package/dist/esm/components/TableReport/component/RowMerge.d.ts +4 -1
- package/dist/esm/components/TableReport/component/RowMerge.js +9 -2
- package/dist/esm/components/TableReport/component/RowMerge.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,9 +9,12 @@ export interface TableReportProps {
|
|
|
9
9
|
rowHighlightConfig?: {
|
|
10
10
|
key: string;
|
|
11
11
|
value: string;
|
|
12
|
+
readonly?: boolean;
|
|
12
13
|
};
|
|
13
14
|
search?: TSearch;
|
|
14
15
|
loading?: boolean;
|
|
15
16
|
pagination?: TPagination;
|
|
17
|
+
readonly?: boolean;
|
|
18
|
+
onClick?(value: Record<string, any>): void;
|
|
16
19
|
}
|
|
17
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, }: TableReportProps): React.JSX.Element;
|
|
20
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, }: TableReportProps): React.JSX.Element;
|
|
@@ -17,25 +17,36 @@ function PHXTableReport(_a) {
|
|
|
17
17
|
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
18
|
enable: false,
|
|
19
19
|
loading: false,
|
|
20
|
-
} : _c, loading = _a.loading, pagination = _a.pagination;
|
|
21
|
-
var
|
|
20
|
+
} : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick;
|
|
21
|
+
var _e = (0, react_1.useState)(false), isSearch = _e[0], setIsSearch = _e[1];
|
|
22
22
|
var maxDepth = (0, utils_1.getMaxDepth)(thHeader);
|
|
23
23
|
var rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
|
|
24
24
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
25
25
|
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');
|
|
26
26
|
};
|
|
27
27
|
var isHighLight = function (data) {
|
|
28
|
-
return rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value;
|
|
28
|
+
return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
29
|
+
};
|
|
30
|
+
var handleClick = function (data, isHighlightRow) {
|
|
31
|
+
if (isHighlightRow && !(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly)) {
|
|
32
|
+
if (onClick) {
|
|
33
|
+
onClick(data);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
if (onClick && !readonly) {
|
|
37
|
+
onClick(data);
|
|
38
|
+
}
|
|
29
39
|
};
|
|
30
40
|
return (react_1.default.createElement(react_1.default.Fragment, null, tableData.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null, loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
31
|
-
react_1.default.createElement("div", { className: (0, types_1.classNames)('ring-1 ring-gray-300
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
41
|
+
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 bg-white px-3 ring-1 ring-gray-300', isSearch ? 'border-none py-1' : 'py-1.5 justify-end') },
|
|
42
|
+
react_1.default.createElement(Search_1.default, { isSearch: isSearch, setIsSearch: setIsSearch, search: search }),
|
|
43
|
+
!isSearch && (react_1.default.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
44
|
+
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' }))),
|
|
45
|
+
react_1.default.createElement("div", { className: 'absolute w-full h-[1px] bg-white left-0 bottom-0' }))),
|
|
46
|
+
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' : '') },
|
|
36
47
|
react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
37
48
|
react_1.default.createElement("thead", 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') }, 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)); }))); })),
|
|
38
|
-
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)(isHighLight(data) && 'bg-gray-100 font-semibold') }, 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 })) : (react_1.default.createElement(Row_1.default, { className: rowClassName(keyIdx, dataIdx), keyIdx: keyIdx, bodyKey: bodyKey, data: data, thBodyComponent: thBodyComponent })))); }))); }))),
|
|
49
|
+
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) })) : (react_1.default.createElement(Row_1.default, { className: rowClassName(keyIdx, dataIdx), keyIdx: keyIdx, bodyKey: bodyKey, data: data, thBodyComponent: thBodyComponent, readonly: readonly, isHighlight: isHighLight(data), highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly) })))); }))); }))),
|
|
39
50
|
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' },
|
|
40
51
|
react_1.default.createElement(Pagination_1.default, { pagination: pagination })))))))) : (react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, { className: 'border rounded-lg' }))));
|
|
41
52
|
}
|
|
@@ -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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"}
|
|
@@ -6,6 +6,9 @@ interface RowProps {
|
|
|
6
6
|
bodyKey: string;
|
|
7
7
|
thBodyComponent?: TBodyComponent;
|
|
8
8
|
className: string;
|
|
9
|
+
readonly: boolean;
|
|
10
|
+
isHighlight: boolean;
|
|
11
|
+
highlightReadonly: boolean;
|
|
9
12
|
}
|
|
10
|
-
declare function Row({ keyIdx, data, bodyKey, thBodyComponent, className }: RowProps): React.JSX.Element;
|
|
13
|
+
declare function Row({ keyIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowProps): React.JSX.Element;
|
|
11
14
|
export default Row;
|
|
@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
var utils_1 = require("../utils");
|
|
6
|
+
var types_1 = require("../../types");
|
|
6
7
|
function Row(_a) {
|
|
7
|
-
var keyIdx = _a.keyIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className;
|
|
8
|
-
return (react_1.default.createElement("td", { key: keyIdx, className: className }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value));
|
|
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
|
+
return (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));
|
|
9
10
|
}
|
|
10
11
|
exports.default = Row;
|
|
11
12
|
//# sourceMappingURL=Row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAqC;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAqC;AAErC,qCAAwC;AAaxC,SAAS,GAAG,CAAC,EASF;QART,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAiB,uBAAA;IAEjB,OAAO,CACL,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,CACN,CAAA;AACH,CAAC;AAED,kBAAe,GAAG,CAAA"}
|
|
@@ -8,6 +8,9 @@ interface RowMergeProps {
|
|
|
8
8
|
data: TTableData;
|
|
9
9
|
thBodyComponent?: TBodyComponent;
|
|
10
10
|
className: string;
|
|
11
|
+
readonly: boolean;
|
|
12
|
+
isHighlight: boolean;
|
|
13
|
+
highlightReadonly: boolean;
|
|
11
14
|
}
|
|
12
|
-
declare function RowMerge({ mergeConfig, keyIdx, bodyKey, data, thBodyComponent, className }: RowMergeProps): React.JSX.Element;
|
|
15
|
+
declare function RowMerge({ mergeConfig, keyIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowMergeProps): React.JSX.Element;
|
|
13
16
|
export default RowMerge;
|
|
@@ -3,11 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
var utils_1 = require("../utils");
|
|
6
|
+
var types_1 = require("../../types");
|
|
6
7
|
function RowMerge(_a) {
|
|
7
|
-
var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className;
|
|
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;
|
|
8
9
|
var rowSpan = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).row;
|
|
9
10
|
var currentColumnKey = (0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx);
|
|
10
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, data["".concat(currentColumnKey, "_first_row")] || !(0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx) ? (react_1.default.createElement("td", { key: keyIdx, rowSpan: rowSpan, className:
|
|
11
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, 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
|
|
12
|
+
? readonly
|
|
13
|
+
? ''
|
|
14
|
+
: rowSpan > 1
|
|
15
|
+
? 'bg-white'
|
|
16
|
+
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
17
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value)) : (react_1.default.createElement(react_1.default.Fragment, null))));
|
|
11
18
|
}
|
|
12
19
|
exports.default = RowMerge;
|
|
13
20
|
//# sourceMappingURL=RowMerge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAyD;
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAyD;AAEzD,qCAAwC;AAexC,SAAS,QAAQ,CAAC,EAUF;QATd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAiB,uBAAA;IAEjB,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,OAAO,CACL,8DACG,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;YACV,CAAC,CAAC,QAAQ;gBACR,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,OAAO,GAAG,CAAC;oBACb,CAAC,CAAC,UAAU;oBACZ,CAAC,CAAC,mDAAmD;YACvD,CAAC,CAAC,EAAE,EACN,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,CACN,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA"}
|
|
@@ -9,9 +9,12 @@ export interface TableReportProps {
|
|
|
9
9
|
rowHighlightConfig?: {
|
|
10
10
|
key: string;
|
|
11
11
|
value: string;
|
|
12
|
+
readonly?: boolean;
|
|
12
13
|
};
|
|
13
14
|
search?: TSearch;
|
|
14
15
|
loading?: boolean;
|
|
15
16
|
pagination?: TPagination;
|
|
17
|
+
readonly?: boolean;
|
|
18
|
+
onClick?(value: Record<string, any>): void;
|
|
16
19
|
}
|
|
17
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, }: TableReportProps): React.JSX.Element;
|
|
20
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, }: TableReportProps): React.JSX.Element;
|
|
@@ -13,25 +13,36 @@ export function PHXTableReport(_a) {
|
|
|
13
13
|
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
14
|
enable: false,
|
|
15
15
|
loading: false,
|
|
16
|
-
} : _c, loading = _a.loading, pagination = _a.pagination;
|
|
17
|
-
var
|
|
16
|
+
} : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick;
|
|
17
|
+
var _e = useState(false), isSearch = _e[0], setIsSearch = _e[1];
|
|
18
18
|
var maxDepth = getMaxDepth(thHeader);
|
|
19
19
|
var rows = buildHeaderRows(thHeader, 0, [], maxDepth, 0);
|
|
20
20
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
21
21
|
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');
|
|
22
22
|
};
|
|
23
23
|
var isHighLight = function (data) {
|
|
24
|
-
return rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value;
|
|
24
|
+
return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
25
|
+
};
|
|
26
|
+
var handleClick = function (data, isHighlightRow) {
|
|
27
|
+
if (isHighlightRow && !(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly)) {
|
|
28
|
+
if (onClick) {
|
|
29
|
+
onClick(data);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
if (onClick && !readonly) {
|
|
33
|
+
onClick(data);
|
|
34
|
+
}
|
|
25
35
|
};
|
|
26
36
|
return (React.createElement(React.Fragment, null, tableData.length > 0 ? (React.createElement(React.Fragment, null, loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(React.Fragment, null,
|
|
27
|
-
React.createElement("div", { className: classNames('ring-1 ring-gray-300
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
37
|
+
search && search.enable && (React.createElement("div", { className: classNames('relative flex flex-row items-center rounded-tl-lg rounded-tr-lg bg-white px-3 ring-1 ring-gray-300', isSearch ? 'border-none py-1' : 'py-1.5 justify-end') },
|
|
38
|
+
React.createElement(Search, { isSearch: isSearch, setIsSearch: setIsSearch, search: search }),
|
|
39
|
+
!isSearch && (React.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
40
|
+
React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' }))),
|
|
41
|
+
React.createElement("div", { className: 'absolute w-full h-[1px] bg-white left-0 bottom-0' }))),
|
|
42
|
+
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' : '') },
|
|
32
43
|
React.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
33
44
|
React.createElement("thead", 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') }, 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)); }))); })),
|
|
34
|
-
React.createElement("tbody", null, buildRowSpan(tableData, mergeConfig).map(function (data, dataIdx) { return (React.createElement("tr", { key: dataIdx, className: classNames(isHighLight(data) && 'bg-gray-100 font-semibold') }, 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 })) : (React.createElement(Row, { className: rowClassName(keyIdx, dataIdx), keyIdx: keyIdx, bodyKey: bodyKey, data: data, thBodyComponent: thBodyComponent })))); }))); }))),
|
|
45
|
+
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) })) : (React.createElement(Row, { className: rowClassName(keyIdx, dataIdx), keyIdx: keyIdx, bodyKey: bodyKey, data: data, thBodyComponent: thBodyComponent, readonly: readonly, isHighlight: isHighLight(data), highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly) })))); }))); }))),
|
|
35
46
|
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' },
|
|
36
47
|
React.createElement(Pagination, { pagination: pagination })))))))) : (React.createElement(PHXEmptyRecord, { className: 'border rounded-lg' }))));
|
|
37
48
|
}
|
|
@@ -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;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,UAAU,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,9 @@ interface RowProps {
|
|
|
6
6
|
bodyKey: string;
|
|
7
7
|
thBodyComponent?: TBodyComponent;
|
|
8
8
|
className: string;
|
|
9
|
+
readonly: boolean;
|
|
10
|
+
isHighlight: boolean;
|
|
11
|
+
highlightReadonly: boolean;
|
|
9
12
|
}
|
|
10
|
-
declare function Row({ keyIdx, data, bodyKey, thBodyComponent, className }: RowProps): React.JSX.Element;
|
|
13
|
+
declare function Row({ keyIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowProps): React.JSX.Element;
|
|
11
14
|
export default Row;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { renderCell } from '../utils';
|
|
3
|
+
import { classNames } from '../../types';
|
|
3
4
|
function Row(_a) {
|
|
4
|
-
var keyIdx = _a.keyIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className;
|
|
5
|
-
return (React.createElement("td", { key: keyIdx, className: className }, renderCell(data, bodyKey, thBodyComponent).value));
|
|
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
|
+
return (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));
|
|
6
7
|
}
|
|
7
8
|
export default Row;
|
|
8
9
|
//# 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;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAaxC,SAAS,GAAG,CAAC,EASF;QART,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAiB,uBAAA;IAEjB,OAAO,CACL,4BACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,CACnB,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,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,KAAK,CAC9C,CACN,CAAA;AACH,CAAC;AAED,eAAe,GAAG,CAAA"}
|
|
@@ -8,6 +8,9 @@ interface RowMergeProps {
|
|
|
8
8
|
data: TTableData;
|
|
9
9
|
thBodyComponent?: TBodyComponent;
|
|
10
10
|
className: string;
|
|
11
|
+
readonly: boolean;
|
|
12
|
+
isHighlight: boolean;
|
|
13
|
+
highlightReadonly: boolean;
|
|
11
14
|
}
|
|
12
|
-
declare function RowMerge({ mergeConfig, keyIdx, bodyKey, data, thBodyComponent, className }: RowMergeProps): React.JSX.Element;
|
|
15
|
+
declare function RowMerge({ mergeConfig, keyIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowMergeProps): React.JSX.Element;
|
|
13
16
|
export default RowMerge;
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { findColumnKeyMerge, renderCell } from '../utils';
|
|
3
|
+
import { classNames } from '../../types';
|
|
3
4
|
function RowMerge(_a) {
|
|
4
|
-
var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className;
|
|
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;
|
|
5
6
|
var rowSpan = renderCell(data, bodyKey, thBodyComponent).row;
|
|
6
7
|
var currentColumnKey = findColumnKeyMerge(mergeConfig, keyIdx);
|
|
7
|
-
return (React.createElement(React.Fragment, null, data["".concat(currentColumnKey, "_first_row")] || !findColumnKeyMerge(mergeConfig, keyIdx) ? (React.createElement("td", { key: keyIdx, rowSpan: rowSpan, className: className
|
|
8
|
+
return (React.createElement(React.Fragment, null, data["".concat(currentColumnKey, "_first_row")] || !findColumnKeyMerge(mergeConfig, keyIdx) ? (React.createElement("td", { key: keyIdx, rowSpan: rowSpan, className: classNames(className, !isHighlight
|
|
9
|
+
? readonly
|
|
10
|
+
? ''
|
|
11
|
+
: rowSpan > 1
|
|
12
|
+
? 'bg-white'
|
|
13
|
+
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
14
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, renderCell(data, bodyKey, thBodyComponent).value)) : (React.createElement(React.Fragment, null))));
|
|
8
15
|
}
|
|
9
16
|
export default RowMerge;
|
|
10
17
|
//# 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;AACzB,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAexC,SAAS,QAAQ,CAAC,EAUF;QATd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAiB,uBAAA;IAEjB,IAAM,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,GAAG,CAAA;IAC9D,IAAM,gBAAgB,GAAG,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IAEhE,OAAO,CACL,0CACG,IAAI,CAAC,UAAG,gBAAgB,eAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CACnF,4BACE,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,CAAC,WAAW;YACV,CAAC,CAAC,QAAQ;gBACR,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,OAAO,GAAG,CAAC;oBACb,CAAC,CAAC,UAAU;oBACZ,CAAC,CAAC,mDAAmD;YACvD,CAAC,CAAC,EAAE,EACN,WAAW,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,CAC7F,IAEA,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,KAAK,CAC9C,CACN,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}
|