pne-ui 4.3.0-rc.2 → 4.3.0-rc.4
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/cjs/component/table/AbstractTable.d.ts +1 -1
- package/cjs/component/table/AbstractTable.js +21 -13
- package/cjs/component/table/AbstractTable.js.map +1 -1
- package/cjs/component/table/PneTablePaginationActions.d.ts +1 -0
- package/cjs/component/table/PneTablePaginationActions.js +37 -15
- package/cjs/component/table/PneTablePaginationActions.js.map +1 -1
- package/cjs/component/table/PneTableViewSelector.js +16 -9
- package/cjs/component/table/PneTableViewSelector.js.map +1 -1
- package/cjs/component/table/tableControlColors.d.ts +2 -0
- package/cjs/component/table/tableControlColors.js +6 -0
- package/cjs/component/table/tableControlColors.js.map +1 -0
- package/esm/component/table/AbstractTable.d.ts +1 -1
- package/esm/component/table/AbstractTable.js +21 -13
- package/esm/component/table/AbstractTable.js.map +1 -1
- package/esm/component/table/PneTablePaginationActions.d.ts +1 -0
- package/esm/component/table/PneTablePaginationActions.js +37 -15
- package/esm/component/table/PneTablePaginationActions.js.map +1 -1
- package/esm/component/table/PneTableViewSelector.js +16 -9
- package/esm/component/table/PneTableViewSelector.js.map +1 -1
- package/esm/component/table/tableControlColors.d.ts +2 -0
- package/esm/component/table/tableControlColors.js +3 -0
- package/esm/component/table/tableControlColors.js.map +1 -0
- package/package.json +1 -1
|
@@ -38,7 +38,7 @@ export type TableProps<D> = {
|
|
|
38
38
|
boxSx?: SxProps;
|
|
39
39
|
noRowsMessage?: string;
|
|
40
40
|
skeletonRowHeight?: number;
|
|
41
|
-
/** Optional controls rendered
|
|
41
|
+
/** Optional controls rendered in the responsive top band, before page-size controls when top pagination exists. */
|
|
42
42
|
toolbar?: React.ReactNode;
|
|
43
43
|
toolbarSx?: SxProps;
|
|
44
44
|
};
|
|
@@ -18,6 +18,7 @@ const AutoTestAttribute_1 = require("../AutoTestAttribute");
|
|
|
18
18
|
const TABLE_AUTOTEST_ID = 'table';
|
|
19
19
|
const TABLE_EMPTY_STATE_AUTOTEST_ID = 'empty-state';
|
|
20
20
|
const TABLE_PAGINATION_AUTOTEST_ID = 'pagination';
|
|
21
|
+
const TABLE_TOP_CONTROLS_AUTOTEST_ID = 'table-top-controls';
|
|
21
22
|
const TABLE_TOOLBAR_AUTOTEST_ID = 'table-toolbar';
|
|
22
23
|
const AbstractTable = (props) => {
|
|
23
24
|
const { data, autoTestId, createTableHeader, sortOptions, createRow, lastRow = null, paginator, loading = false, loadingKey, stickyHeader = false, showNothingIsFoundRow = true, tableAriaLabel, tableAriaLabelledBy, tableSx = {}, boxSx = {}, noRowsMessage, skeletonRowHeight, toolbar, toolbarSx, } = props;
|
|
@@ -51,7 +52,7 @@ const AbstractTable = (props) => {
|
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
});
|
|
54
|
-
const getPneTablePagination = (position) => {
|
|
55
|
+
const getPneTablePagination = (position, topToolbar) => {
|
|
55
56
|
if (!paginator) {
|
|
56
57
|
return null;
|
|
57
58
|
}
|
|
@@ -59,7 +60,7 @@ const AbstractTable = (props) => {
|
|
|
59
60
|
/*
|
|
60
61
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
61
62
|
// @ts-ignore */
|
|
62
|
-
component: 'div', labelDisplayedRows: () => null, labelRowsPerPage: null, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => react_1.default.createElement(PneTablePaginationActions_1.default, { ...props, paginator: paginator, shouldRequestScroll: position === 'bottom' }) });
|
|
63
|
+
component: 'div', labelDisplayedRows: () => null, labelRowsPerPage: null, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => react_1.default.createElement(PneTablePaginationActions_1.default, { ...props, paginator: paginator, shouldRequestScroll: position === 'bottom', toolbar: position === 'top' ? topToolbar : undefined }) });
|
|
63
64
|
};
|
|
64
65
|
const skeletonRowCount = paginator?.rowsPerPage || 10;
|
|
65
66
|
const cellPadding = 16; // 8px top + 8px bottom
|
|
@@ -90,15 +91,21 @@ const AbstractTable = (props) => {
|
|
|
90
91
|
const hasToolbar = toolbar !== undefined
|
|
91
92
|
&& toolbar !== null
|
|
92
93
|
&& typeof toolbar !== 'boolean';
|
|
93
|
-
const
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
94
|
+
const createTableToolbar = (insidePagination) => react_1.default.createElement(Box_1.default, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_TOOLBAR_AUTOTEST_ID), sx: [
|
|
95
|
+
{
|
|
96
|
+
alignItems: 'center',
|
|
97
|
+
display: 'flex',
|
|
98
|
+
justifyContent: 'flex-end',
|
|
99
|
+
maxWidth: '100%',
|
|
100
|
+
minWidth: 0,
|
|
101
|
+
},
|
|
102
|
+
insidePagination
|
|
103
|
+
? { flex: '0 1 auto' }
|
|
104
|
+
: { marginBottom: '6px', marginTop: '6px', minHeight: '40px' },
|
|
105
|
+
...(Array.isArray(toolbarSx) ? toolbarSx : [toolbarSx]),
|
|
106
|
+
] }, toolbar);
|
|
107
|
+
const hasTopPagination = Boolean(paginator?.duplicatePagination);
|
|
108
|
+
const hasTopControls = hasToolbar || hasTopPagination;
|
|
102
109
|
const SKELETON_COL_HIDDEN = 30;
|
|
103
110
|
const SKELETON_COL_NARROW = 120;
|
|
104
111
|
const skeletonCellContent = (row, col) => {
|
|
@@ -112,8 +119,9 @@ const AbstractTable = (props) => {
|
|
|
112
119
|
return react_1.default.createElement(Skeleton_1.default, { variant: "rounded", width: width, height: skeletonItemHeight });
|
|
113
120
|
};
|
|
114
121
|
return react_1.default.createElement(Box_1.default, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_AUTOTEST_ID, autoTestId), sx: { ...boxSx }, ref: containerRef },
|
|
115
|
-
|
|
116
|
-
|
|
122
|
+
hasTopControls ? react_1.default.createElement(Box_1.default, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_TOP_CONTROLS_AUTOTEST_ID), sx: { minWidth: 0, width: '100%' } }, hasTopPagination
|
|
123
|
+
? getPneTablePagination('top', hasToolbar ? createTableToolbar(true) : undefined)
|
|
124
|
+
: createTableToolbar(false)) : null,
|
|
117
125
|
react_1.default.createElement(TableContainer_1.default, { ref: tableContainerRef },
|
|
118
126
|
react_1.default.createElement(Table_1.default, { "aria-busy": showSkeleton, "aria-label": tableAriaLabel, "aria-labelledby": tableAriaLabelledBy, stickyHeader: stickyHeader, sx: { ...tableSx, ...(skeletonTableHeight ? { height: skeletonTableHeight } : {}) } },
|
|
119
127
|
showSkeleton && lastColumnWidthsRef.current.length > 0 && (react_1.default.createElement("colgroup", null, lastColumnWidthsRef.current.map((width, i) => (react_1.default.createElement("col", { key: i, style: { width } }))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ interface IPaginationActionsProps {
|
|
|
7
7
|
onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => void;
|
|
8
8
|
paginator: PaginatorProps;
|
|
9
9
|
shouldRequestScroll: boolean;
|
|
10
|
+
toolbar?: React.ReactNode;
|
|
10
11
|
}
|
|
11
12
|
declare const PneTablePaginationActions: (props: IPaginationActionsProps) => React.JSX.Element;
|
|
12
13
|
export default PneTablePaginationActions;
|
|
@@ -8,10 +8,11 @@ const PneFirstPageIcon_1 = tslib_1.__importDefault(require("./PneFirstPageIcon")
|
|
|
8
8
|
const PnePreviousPageIcon_1 = tslib_1.__importDefault(require("./PnePreviousPageIcon"));
|
|
9
9
|
const PneNextPageIcon_1 = tslib_1.__importDefault(require("./PneNextPageIcon"));
|
|
10
10
|
const AutoTestAttribute_1 = require("../AutoTestAttribute");
|
|
11
|
+
const tableControlColors_1 = require("./tableControlColors");
|
|
11
12
|
const PneTablePaginationActions = (props) => {
|
|
12
13
|
const {
|
|
13
14
|
// count,
|
|
14
|
-
page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, } = props;
|
|
15
|
+
page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, toolbar, } = props;
|
|
15
16
|
const { hasNext, disableActions, rowsPerPageOptions, onPageSizeChange, displayedRowsLabel, requestScrollToPagination, activeActionSx = {}, } = paginator;
|
|
16
17
|
// const theme = usePneTheme()
|
|
17
18
|
const buttonStyle = {
|
|
@@ -22,15 +23,15 @@ const PneTablePaginationActions = (props) => {
|
|
|
22
23
|
fontSize: '12px',
|
|
23
24
|
lineHeight: '16px',
|
|
24
25
|
//TODO тут цвет из темы - основной
|
|
25
|
-
color:
|
|
26
|
+
color: tableControlColors_1.TABLE_CONTROL_TEXT_COLOR,
|
|
26
27
|
'&:hover': {
|
|
27
|
-
background:
|
|
28
|
+
background: tableControlColors_1.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
28
29
|
...activeActionSx
|
|
29
30
|
},
|
|
30
31
|
};
|
|
31
32
|
const selectedButtonStyle = {
|
|
32
33
|
...buttonStyle,
|
|
33
|
-
background:
|
|
34
|
+
background: tableControlColors_1.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
34
35
|
...activeActionSx
|
|
35
36
|
};
|
|
36
37
|
const displayedRowsStyle = {
|
|
@@ -39,15 +40,19 @@ const PneTablePaginationActions = (props) => {
|
|
|
39
40
|
alignItems: 'center',
|
|
40
41
|
padding: '0 8px',
|
|
41
42
|
width: 'auto',
|
|
43
|
+
maxWidth: '120px',
|
|
42
44
|
minWidth: '15px',
|
|
43
45
|
height: '40px',
|
|
46
|
+
overflow: 'hidden',
|
|
44
47
|
borderRadius: '4px',
|
|
45
|
-
background:
|
|
48
|
+
background: tableControlColors_1.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
46
49
|
fontWeight: 700,
|
|
47
50
|
fontSize: '12px',
|
|
48
51
|
lineHeight: '16px',
|
|
49
52
|
//TODO тут цвет из темы - основной
|
|
50
|
-
color:
|
|
53
|
+
color: tableControlColors_1.TABLE_CONTROL_TEXT_COLOR,
|
|
54
|
+
textOverflow: 'ellipsis',
|
|
55
|
+
whiteSpace: 'nowrap',
|
|
51
56
|
...activeActionSx
|
|
52
57
|
};
|
|
53
58
|
const handleFirstPageButtonClick = (event) => {
|
|
@@ -88,21 +93,38 @@ const PneTablePaginationActions = (props) => {
|
|
|
88
93
|
return react_1.default.createElement(material_1.IconButton, { key: label, sx: selected ? selectedButtonStyle : buttonStyle, onClick: () => handleChangePageSizeButtonClick(size), ...(0, AutoTestAttribute_1.createAutoTestAttributes)('page-size', label) }, label);
|
|
89
94
|
});
|
|
90
95
|
};
|
|
96
|
+
const hasToolbar = toolbar !== undefined
|
|
97
|
+
&& toolbar !== null
|
|
98
|
+
&& typeof toolbar !== 'boolean';
|
|
91
99
|
return react_1.default.createElement(Box_1.default, { sx: {
|
|
100
|
+
alignItems: 'center',
|
|
101
|
+
columnGap: '8px',
|
|
92
102
|
display: 'flex',
|
|
103
|
+
flexWrap: 'wrap',
|
|
104
|
+
rowGap: '8px',
|
|
93
105
|
width: '100%',
|
|
94
106
|
} },
|
|
95
|
-
react_1.default.createElement(
|
|
96
|
-
react_1.default.createElement(
|
|
97
|
-
|
|
98
|
-
react_1.default.createElement(
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
react_1.default.createElement(
|
|
107
|
+
react_1.default.createElement(Box_1.default, { sx: { display: 'flex', flexShrink: 0 } },
|
|
108
|
+
react_1.default.createElement(material_1.IconButton, { sx: buttonStyle, onClick: handleFirstPageButtonClick, disabled: disableActions || page === 0, "aria-label": "first page", ...(0, AutoTestAttribute_1.createAutoTestAttributes)('first-page') },
|
|
109
|
+
react_1.default.createElement(PneFirstPageIcon_1.default, { disabled: disableActions || page === 0 })),
|
|
110
|
+
react_1.default.createElement(material_1.IconButton, { sx: buttonStyle, onClick: handleBackButtonClick, disabled: disableActions || page === 0, "aria-label": "previous page", ...(0, AutoTestAttribute_1.createAutoTestAttributes)('prev-page') },
|
|
111
|
+
react_1.default.createElement(PnePreviousPageIcon_1.default, { disabled: disableActions || page === 0 })),
|
|
112
|
+
react_1.default.createElement(material_1.Icon, { sx: displayedRowsStyle, ...(0, AutoTestAttribute_1.createAutoTestAttributes)('current-page') }, displayedRowsLabel),
|
|
113
|
+
react_1.default.createElement(material_1.IconButton, { sx: buttonStyle, onClick: handleNextButtonClick, disabled: disableActions || !hasNext, "aria-label": "next page", ...(0, AutoTestAttribute_1.createAutoTestAttributes)('next-page') },
|
|
114
|
+
react_1.default.createElement(PneNextPageIcon_1.default, { disabled: disableActions || !hasNext }))),
|
|
102
115
|
react_1.default.createElement(Box_1.default, { sx: {
|
|
116
|
+
alignItems: 'center',
|
|
117
|
+
display: 'flex',
|
|
118
|
+
flex: '0 1 auto',
|
|
119
|
+
flexWrap: 'wrap',
|
|
120
|
+
gap: hasToolbar ? '8px' : 0,
|
|
121
|
+
justifyContent: 'flex-end',
|
|
103
122
|
marginLeft: 'auto',
|
|
104
|
-
|
|
105
|
-
|
|
123
|
+
maxWidth: '100%',
|
|
124
|
+
minWidth: 0,
|
|
125
|
+
} },
|
|
126
|
+
hasToolbar ? toolbar : null,
|
|
127
|
+
react_1.default.createElement(Box_1.default, { sx: { display: 'flex', flexShrink: 0 }, ...(0, AutoTestAttribute_1.createAutoTestAttributes)('page-sizes', rowsPerPage) }, populateRowsPerPageOptions())));
|
|
106
128
|
};
|
|
107
129
|
exports.default = PneTablePaginationActions;
|
|
108
130
|
//# sourceMappingURL=PneTablePaginationActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAoC;AACpC,4CAA+C;AAE/C,kFAAkD;AAClD,wFAAwD;AACxD,gFAAgD;AAChD,4DAA8D;
|
|
1
|
+
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
const AutoTestAttribute_1 = require("../AutoTestAttribute");
|
|
8
|
+
const tableControlColors_1 = require("./tableControlColors");
|
|
8
9
|
const TABLE_VIEWS_AUTOTEST_ID = 'table-views';
|
|
9
10
|
const TABLE_VIEW_AUTOTEST_ID = 'table-view';
|
|
10
11
|
const TABLE_VIEW_ACTIONS_AUTOTEST_ID = 'table-view-actions';
|
|
@@ -17,10 +18,15 @@ const rootSx = theme => ({
|
|
|
17
18
|
display: 'flex',
|
|
18
19
|
gap: '4px',
|
|
19
20
|
height: '40px',
|
|
21
|
+
maxWidth: '100%',
|
|
22
|
+
minWidth: 0,
|
|
20
23
|
padding: '4px',
|
|
21
24
|
});
|
|
22
25
|
const groupSx = {
|
|
23
26
|
display: 'flex',
|
|
27
|
+
flex: '1 1 auto',
|
|
28
|
+
minWidth: 0,
|
|
29
|
+
overflow: 'hidden',
|
|
24
30
|
[`& .${material_1.toggleButtonGroupClasses.grouped}`]: {
|
|
25
31
|
border: '0 !important',
|
|
26
32
|
margin: 0,
|
|
@@ -29,30 +35,31 @@ const groupSx = {
|
|
|
29
35
|
const viewButtonSx = theme => ({
|
|
30
36
|
border: 0,
|
|
31
37
|
borderRadius: '4px !important',
|
|
38
|
+
color: tableControlColors_1.TABLE_CONTROL_TEXT_COLOR,
|
|
32
39
|
flex: '1 1 0',
|
|
33
40
|
fontWeight: 'bold',
|
|
34
41
|
height: '32px',
|
|
35
42
|
letterSpacing: '0.46px',
|
|
36
43
|
lineHeight: '22px',
|
|
37
44
|
minWidth: 0,
|
|
45
|
+
overflow: 'hidden',
|
|
46
|
+
textOverflow: 'ellipsis',
|
|
38
47
|
textTransform: 'none',
|
|
48
|
+
whiteSpace: 'nowrap',
|
|
39
49
|
[`&.${material_1.toggleButtonClasses.selected}`]: {
|
|
40
|
-
backgroundColor:
|
|
41
|
-
color:
|
|
50
|
+
backgroundColor: tableControlColors_1.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
51
|
+
color: tableControlColors_1.TABLE_CONTROL_TEXT_COLOR,
|
|
42
52
|
'&:hover': {
|
|
43
|
-
backgroundColor:
|
|
53
|
+
backgroundColor: tableControlColors_1.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
44
54
|
},
|
|
45
55
|
},
|
|
46
56
|
[`&.${material_1.toggleButtonClasses.disabled}`]: {
|
|
47
57
|
border: 'none',
|
|
48
58
|
},
|
|
49
59
|
'&:hover': {
|
|
50
|
-
backgroundColor:
|
|
60
|
+
backgroundColor: tableControlColors_1.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
51
61
|
borderRadius: '4px',
|
|
52
62
|
},
|
|
53
|
-
'.MuiToggleButtonGroup-root:hover &.Mui-selected:not(:hover):not(.Mui-disabled)': {
|
|
54
|
-
backgroundColor: 'transparent',
|
|
55
|
-
},
|
|
56
63
|
'&.Mui-focusVisible': {
|
|
57
64
|
outline: `2px solid ${theme.palette.primary.main}`,
|
|
58
65
|
outlineOffset: '-2px',
|
|
@@ -74,8 +81,8 @@ const PneTableViewSelectorInner = (props, ref) => {
|
|
|
74
81
|
] },
|
|
75
82
|
react_1.default.createElement(material_1.ToggleButtonGroup, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disabled: disabled, exclusive: true, onChange: handleChange, sx: groupSx, value: value }, views.map(view => react_1.default.createElement(material_1.ToggleButton, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_VIEW_AUTOTEST_ID, view.id), disabled: view.disabled, key: view.id, sx: viewButtonSx, value: view.id }, view.label))),
|
|
76
83
|
hasActions ? react_1.default.createElement(react_1.default.Fragment, null,
|
|
77
|
-
react_1.default.createElement(material_1.Divider, { orientation: 'vertical', sx: { height: '24px', mx: '-4px' } }),
|
|
78
|
-
react_1.default.createElement(material_1.Box, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: { alignItems: 'center', display: 'flex', height: '32px' } }, actions)) : null);
|
|
84
|
+
react_1.default.createElement(material_1.Divider, { orientation: 'vertical', sx: { flexShrink: 0, height: '24px', mx: '-4px' } }),
|
|
85
|
+
react_1.default.createElement(material_1.Box, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: { alignItems: 'center', display: 'flex', flexShrink: 0, height: '32px' } }, actions)) : null);
|
|
79
86
|
};
|
|
80
87
|
exports.PneTableViewSelector = (0, react_1.forwardRef)(PneTableViewSelectorInner);
|
|
81
88
|
//# sourceMappingURL=PneTableViewSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTableViewSelector.js","sourceRoot":"","sources":["../../../src/component/table/PneTableViewSelector.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,4CAUsB;AACtB,4DAA6D;
|
|
1
|
+
{"version":3,"file":"PneTableViewSelector.js","sourceRoot":"","sources":["../../../src/component/table/PneTableViewSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR = exports.TABLE_CONTROL_TEXT_COLOR = void 0;
|
|
4
|
+
exports.TABLE_CONTROL_TEXT_COLOR = '#809EAE';
|
|
5
|
+
exports.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR = '#F1F5FA';
|
|
6
|
+
//# sourceMappingURL=tableControlColors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tableControlColors.js","sourceRoot":"","sources":["../../../src/component/table/tableControlColors.ts"],"names":[],"mappings":";;;AAAa,QAAA,wBAAwB,GAAG,SAAS,CAAA;AACpC,QAAA,qCAAqC,GAAG,SAAS,CAAA"}
|
|
@@ -38,7 +38,7 @@ export type TableProps<D> = {
|
|
|
38
38
|
boxSx?: SxProps;
|
|
39
39
|
noRowsMessage?: string;
|
|
40
40
|
skeletonRowHeight?: number;
|
|
41
|
-
/** Optional controls rendered
|
|
41
|
+
/** Optional controls rendered in the responsive top band, before page-size controls when top pagination exists. */
|
|
42
42
|
toolbar?: React.ReactNode;
|
|
43
43
|
toolbarSx?: SxProps;
|
|
44
44
|
};
|
|
@@ -15,6 +15,7 @@ import { createAutoTestAttributes } from '../AutoTestAttribute';
|
|
|
15
15
|
const TABLE_AUTOTEST_ID = 'table';
|
|
16
16
|
const TABLE_EMPTY_STATE_AUTOTEST_ID = 'empty-state';
|
|
17
17
|
const TABLE_PAGINATION_AUTOTEST_ID = 'pagination';
|
|
18
|
+
const TABLE_TOP_CONTROLS_AUTOTEST_ID = 'table-top-controls';
|
|
18
19
|
const TABLE_TOOLBAR_AUTOTEST_ID = 'table-toolbar';
|
|
19
20
|
const AbstractTable = (props) => {
|
|
20
21
|
const { data, autoTestId, createTableHeader, sortOptions, createRow, lastRow = null, paginator, loading = false, loadingKey, stickyHeader = false, showNothingIsFoundRow = true, tableAriaLabel, tableAriaLabelledBy, tableSx = {}, boxSx = {}, noRowsMessage, skeletonRowHeight, toolbar, toolbarSx, } = props;
|
|
@@ -48,7 +49,7 @@ const AbstractTable = (props) => {
|
|
|
48
49
|
}
|
|
49
50
|
}
|
|
50
51
|
});
|
|
51
|
-
const getPneTablePagination = (position) => {
|
|
52
|
+
const getPneTablePagination = (position, topToolbar) => {
|
|
52
53
|
if (!paginator) {
|
|
53
54
|
return null;
|
|
54
55
|
}
|
|
@@ -56,7 +57,7 @@ const AbstractTable = (props) => {
|
|
|
56
57
|
/*
|
|
57
58
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
58
59
|
// @ts-ignore */
|
|
59
|
-
component: 'div', labelDisplayedRows: () => null, labelRowsPerPage: null, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => React.createElement(PneTablePaginationActions, { ...props, paginator: paginator, shouldRequestScroll: position === 'bottom' }) });
|
|
60
|
+
component: 'div', labelDisplayedRows: () => null, labelRowsPerPage: null, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => React.createElement(PneTablePaginationActions, { ...props, paginator: paginator, shouldRequestScroll: position === 'bottom', toolbar: position === 'top' ? topToolbar : undefined }) });
|
|
60
61
|
};
|
|
61
62
|
const skeletonRowCount = paginator?.rowsPerPage || 10;
|
|
62
63
|
const cellPadding = 16; // 8px top + 8px bottom
|
|
@@ -87,15 +88,21 @@ const AbstractTable = (props) => {
|
|
|
87
88
|
const hasToolbar = toolbar !== undefined
|
|
88
89
|
&& toolbar !== null
|
|
89
90
|
&& typeof toolbar !== 'boolean';
|
|
90
|
-
const
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
91
|
+
const createTableToolbar = (insidePagination) => React.createElement(Box, { ...createAutoTestAttributes(TABLE_TOOLBAR_AUTOTEST_ID), sx: [
|
|
92
|
+
{
|
|
93
|
+
alignItems: 'center',
|
|
94
|
+
display: 'flex',
|
|
95
|
+
justifyContent: 'flex-end',
|
|
96
|
+
maxWidth: '100%',
|
|
97
|
+
minWidth: 0,
|
|
98
|
+
},
|
|
99
|
+
insidePagination
|
|
100
|
+
? { flex: '0 1 auto' }
|
|
101
|
+
: { marginBottom: '6px', marginTop: '6px', minHeight: '40px' },
|
|
102
|
+
...(Array.isArray(toolbarSx) ? toolbarSx : [toolbarSx]),
|
|
103
|
+
] }, toolbar);
|
|
104
|
+
const hasTopPagination = Boolean(paginator?.duplicatePagination);
|
|
105
|
+
const hasTopControls = hasToolbar || hasTopPagination;
|
|
99
106
|
const SKELETON_COL_HIDDEN = 30;
|
|
100
107
|
const SKELETON_COL_NARROW = 120;
|
|
101
108
|
const skeletonCellContent = (row, col) => {
|
|
@@ -109,8 +116,9 @@ const AbstractTable = (props) => {
|
|
|
109
116
|
return React.createElement(Skeleton, { variant: "rounded", width: width, height: skeletonItemHeight });
|
|
110
117
|
};
|
|
111
118
|
return React.createElement(Box, { ...createAutoTestAttributes(TABLE_AUTOTEST_ID, autoTestId), sx: { ...boxSx }, ref: containerRef },
|
|
112
|
-
|
|
113
|
-
|
|
119
|
+
hasTopControls ? React.createElement(Box, { ...createAutoTestAttributes(TABLE_TOP_CONTROLS_AUTOTEST_ID), sx: { minWidth: 0, width: '100%' } }, hasTopPagination
|
|
120
|
+
? getPneTablePagination('top', hasToolbar ? createTableToolbar(true) : undefined)
|
|
121
|
+
: createTableToolbar(false)) : null,
|
|
114
122
|
React.createElement(TableContainer, { ref: tableContainerRef },
|
|
115
123
|
React.createElement(Table, { "aria-busy": showSkeleton, "aria-label": tableAriaLabel, "aria-labelledby": tableAriaLabelledBy, stickyHeader: stickyHeader, sx: { ...tableSx, ...(skeletonTableHeight ? { height: skeletonTableHeight } : {}) } },
|
|
116
124
|
showSkeleton && lastColumnWidthsRef.current.length > 0 && (React.createElement("colgroup", null, lastColumnWidthsRef.current.map((width, i) => (React.createElement("col", { key: i, style: { width } }))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ interface IPaginationActionsProps {
|
|
|
7
7
|
onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => void;
|
|
8
8
|
paginator: PaginatorProps;
|
|
9
9
|
shouldRequestScroll: boolean;
|
|
10
|
+
toolbar?: React.ReactNode;
|
|
10
11
|
}
|
|
11
12
|
declare const PneTablePaginationActions: (props: IPaginationActionsProps) => React.JSX.Element;
|
|
12
13
|
export default PneTablePaginationActions;
|
|
@@ -5,10 +5,11 @@ import PneFirstPageIcon from "./PneFirstPageIcon";
|
|
|
5
5
|
import PnePreviousPageIcon from "./PnePreviousPageIcon";
|
|
6
6
|
import PneNextPageIcon from "./PneNextPageIcon";
|
|
7
7
|
import { createAutoTestAttributes } from "../AutoTestAttribute";
|
|
8
|
+
import { TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR, TABLE_CONTROL_TEXT_COLOR, } from "./tableControlColors";
|
|
8
9
|
const PneTablePaginationActions = (props) => {
|
|
9
10
|
const {
|
|
10
11
|
// count,
|
|
11
|
-
page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, } = props;
|
|
12
|
+
page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, toolbar, } = props;
|
|
12
13
|
const { hasNext, disableActions, rowsPerPageOptions, onPageSizeChange, displayedRowsLabel, requestScrollToPagination, activeActionSx = {}, } = paginator;
|
|
13
14
|
// const theme = usePneTheme()
|
|
14
15
|
const buttonStyle = {
|
|
@@ -19,15 +20,15 @@ const PneTablePaginationActions = (props) => {
|
|
|
19
20
|
fontSize: '12px',
|
|
20
21
|
lineHeight: '16px',
|
|
21
22
|
//TODO тут цвет из темы - основной
|
|
22
|
-
color:
|
|
23
|
+
color: TABLE_CONTROL_TEXT_COLOR,
|
|
23
24
|
'&:hover': {
|
|
24
|
-
background:
|
|
25
|
+
background: TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
25
26
|
...activeActionSx
|
|
26
27
|
},
|
|
27
28
|
};
|
|
28
29
|
const selectedButtonStyle = {
|
|
29
30
|
...buttonStyle,
|
|
30
|
-
background:
|
|
31
|
+
background: TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
31
32
|
...activeActionSx
|
|
32
33
|
};
|
|
33
34
|
const displayedRowsStyle = {
|
|
@@ -36,15 +37,19 @@ const PneTablePaginationActions = (props) => {
|
|
|
36
37
|
alignItems: 'center',
|
|
37
38
|
padding: '0 8px',
|
|
38
39
|
width: 'auto',
|
|
40
|
+
maxWidth: '120px',
|
|
39
41
|
minWidth: '15px',
|
|
40
42
|
height: '40px',
|
|
43
|
+
overflow: 'hidden',
|
|
41
44
|
borderRadius: '4px',
|
|
42
|
-
background:
|
|
45
|
+
background: TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
43
46
|
fontWeight: 700,
|
|
44
47
|
fontSize: '12px',
|
|
45
48
|
lineHeight: '16px',
|
|
46
49
|
//TODO тут цвет из темы - основной
|
|
47
|
-
color:
|
|
50
|
+
color: TABLE_CONTROL_TEXT_COLOR,
|
|
51
|
+
textOverflow: 'ellipsis',
|
|
52
|
+
whiteSpace: 'nowrap',
|
|
48
53
|
...activeActionSx
|
|
49
54
|
};
|
|
50
55
|
const handleFirstPageButtonClick = (event) => {
|
|
@@ -85,21 +90,38 @@ const PneTablePaginationActions = (props) => {
|
|
|
85
90
|
return React.createElement(IconButton, { key: label, sx: selected ? selectedButtonStyle : buttonStyle, onClick: () => handleChangePageSizeButtonClick(size), ...createAutoTestAttributes('page-size', label) }, label);
|
|
86
91
|
});
|
|
87
92
|
};
|
|
93
|
+
const hasToolbar = toolbar !== undefined
|
|
94
|
+
&& toolbar !== null
|
|
95
|
+
&& typeof toolbar !== 'boolean';
|
|
88
96
|
return React.createElement(Box, { sx: {
|
|
97
|
+
alignItems: 'center',
|
|
98
|
+
columnGap: '8px',
|
|
89
99
|
display: 'flex',
|
|
100
|
+
flexWrap: 'wrap',
|
|
101
|
+
rowGap: '8px',
|
|
90
102
|
width: '100%',
|
|
91
103
|
} },
|
|
92
|
-
React.createElement(
|
|
93
|
-
React.createElement(
|
|
94
|
-
|
|
95
|
-
React.createElement(
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
React.createElement(
|
|
104
|
+
React.createElement(Box, { sx: { display: 'flex', flexShrink: 0 } },
|
|
105
|
+
React.createElement(IconButton, { sx: buttonStyle, onClick: handleFirstPageButtonClick, disabled: disableActions || page === 0, "aria-label": "first page", ...createAutoTestAttributes('first-page') },
|
|
106
|
+
React.createElement(PneFirstPageIcon, { disabled: disableActions || page === 0 })),
|
|
107
|
+
React.createElement(IconButton, { sx: buttonStyle, onClick: handleBackButtonClick, disabled: disableActions || page === 0, "aria-label": "previous page", ...createAutoTestAttributes('prev-page') },
|
|
108
|
+
React.createElement(PnePreviousPageIcon, { disabled: disableActions || page === 0 })),
|
|
109
|
+
React.createElement(Icon, { sx: displayedRowsStyle, ...createAutoTestAttributes('current-page') }, displayedRowsLabel),
|
|
110
|
+
React.createElement(IconButton, { sx: buttonStyle, onClick: handleNextButtonClick, disabled: disableActions || !hasNext, "aria-label": "next page", ...createAutoTestAttributes('next-page') },
|
|
111
|
+
React.createElement(PneNextPageIcon, { disabled: disableActions || !hasNext }))),
|
|
99
112
|
React.createElement(Box, { sx: {
|
|
113
|
+
alignItems: 'center',
|
|
114
|
+
display: 'flex',
|
|
115
|
+
flex: '0 1 auto',
|
|
116
|
+
flexWrap: 'wrap',
|
|
117
|
+
gap: hasToolbar ? '8px' : 0,
|
|
118
|
+
justifyContent: 'flex-end',
|
|
100
119
|
marginLeft: 'auto',
|
|
101
|
-
|
|
102
|
-
|
|
120
|
+
maxWidth: '100%',
|
|
121
|
+
minWidth: 0,
|
|
122
|
+
} },
|
|
123
|
+
hasToolbar ? toolbar : null,
|
|
124
|
+
React.createElement(Box, { sx: { display: 'flex', flexShrink: 0 }, ...createAutoTestAttributes('page-sizes', rowsPerPage) }, populateRowsPerPageOptions())));
|
|
103
125
|
};
|
|
104
126
|
export default PneTablePaginationActions;
|
|
105
127
|
//# sourceMappingURL=PneTablePaginationActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAE/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { Box, Divider, ToggleButton, ToggleButtonGroup, toggleButtonClasses, toggleButtonGroupClasses, } from '@mui/material';
|
|
3
3
|
import { createAutoTestAttributes } from '../AutoTestAttribute';
|
|
4
|
+
import { TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR, TABLE_CONTROL_TEXT_COLOR, } from './tableControlColors';
|
|
4
5
|
const TABLE_VIEWS_AUTOTEST_ID = 'table-views';
|
|
5
6
|
const TABLE_VIEW_AUTOTEST_ID = 'table-view';
|
|
6
7
|
const TABLE_VIEW_ACTIONS_AUTOTEST_ID = 'table-view-actions';
|
|
@@ -13,10 +14,15 @@ const rootSx = theme => ({
|
|
|
13
14
|
display: 'flex',
|
|
14
15
|
gap: '4px',
|
|
15
16
|
height: '40px',
|
|
17
|
+
maxWidth: '100%',
|
|
18
|
+
minWidth: 0,
|
|
16
19
|
padding: '4px',
|
|
17
20
|
});
|
|
18
21
|
const groupSx = {
|
|
19
22
|
display: 'flex',
|
|
23
|
+
flex: '1 1 auto',
|
|
24
|
+
minWidth: 0,
|
|
25
|
+
overflow: 'hidden',
|
|
20
26
|
[`& .${toggleButtonGroupClasses.grouped}`]: {
|
|
21
27
|
border: '0 !important',
|
|
22
28
|
margin: 0,
|
|
@@ -25,30 +31,31 @@ const groupSx = {
|
|
|
25
31
|
const viewButtonSx = theme => ({
|
|
26
32
|
border: 0,
|
|
27
33
|
borderRadius: '4px !important',
|
|
34
|
+
color: TABLE_CONTROL_TEXT_COLOR,
|
|
28
35
|
flex: '1 1 0',
|
|
29
36
|
fontWeight: 'bold',
|
|
30
37
|
height: '32px',
|
|
31
38
|
letterSpacing: '0.46px',
|
|
32
39
|
lineHeight: '22px',
|
|
33
40
|
minWidth: 0,
|
|
41
|
+
overflow: 'hidden',
|
|
42
|
+
textOverflow: 'ellipsis',
|
|
34
43
|
textTransform: 'none',
|
|
44
|
+
whiteSpace: 'nowrap',
|
|
35
45
|
[`&.${toggleButtonClasses.selected}`]: {
|
|
36
|
-
backgroundColor:
|
|
37
|
-
color:
|
|
46
|
+
backgroundColor: TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
47
|
+
color: TABLE_CONTROL_TEXT_COLOR,
|
|
38
48
|
'&:hover': {
|
|
39
|
-
backgroundColor:
|
|
49
|
+
backgroundColor: TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
40
50
|
},
|
|
41
51
|
},
|
|
42
52
|
[`&.${toggleButtonClasses.disabled}`]: {
|
|
43
53
|
border: 'none',
|
|
44
54
|
},
|
|
45
55
|
'&:hover': {
|
|
46
|
-
backgroundColor:
|
|
56
|
+
backgroundColor: TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
47
57
|
borderRadius: '4px',
|
|
48
58
|
},
|
|
49
|
-
'.MuiToggleButtonGroup-root:hover &.Mui-selected:not(:hover):not(.Mui-disabled)': {
|
|
50
|
-
backgroundColor: 'transparent',
|
|
51
|
-
},
|
|
52
59
|
'&.Mui-focusVisible': {
|
|
53
60
|
outline: `2px solid ${theme.palette.primary.main}`,
|
|
54
61
|
outlineOffset: '-2px',
|
|
@@ -70,8 +77,8 @@ const PneTableViewSelectorInner = (props, ref) => {
|
|
|
70
77
|
] },
|
|
71
78
|
React.createElement(ToggleButtonGroup, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disabled: disabled, exclusive: true, onChange: handleChange, sx: groupSx, value: value }, views.map(view => React.createElement(ToggleButton, { ...createAutoTestAttributes(TABLE_VIEW_AUTOTEST_ID, view.id), disabled: view.disabled, key: view.id, sx: viewButtonSx, value: view.id }, view.label))),
|
|
72
79
|
hasActions ? React.createElement(React.Fragment, null,
|
|
73
|
-
React.createElement(Divider, { orientation: 'vertical', sx: { height: '24px', mx: '-4px' } }),
|
|
74
|
-
React.createElement(Box, { ...createAutoTestAttributes(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: { alignItems: 'center', display: 'flex', height: '32px' } }, actions)) : null);
|
|
80
|
+
React.createElement(Divider, { orientation: 'vertical', sx: { flexShrink: 0, height: '24px', mx: '-4px' } }),
|
|
81
|
+
React.createElement(Box, { ...createAutoTestAttributes(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: { alignItems: 'center', display: 'flex', flexShrink: 0, height: '32px' } }, actions)) : null);
|
|
75
82
|
};
|
|
76
83
|
export const PneTableViewSelector = forwardRef(PneTableViewSelectorInner);
|
|
77
84
|
//# sourceMappingURL=PneTableViewSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTableViewSelector.js","sourceRoot":"","sources":["../../../src/component/table/PneTableViewSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAiB,MAAM,OAAO,CAAA;AACvD,OAAO,EACH,GAAG,EAEH,OAAO,EAGP,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,GAC3B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,wBAAwB,EAAC,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"PneTableViewSelector.js","sourceRoot":"","sources":["../../../src/component/table/PneTableViewSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tableControlColors.js","sourceRoot":"","sources":["../../../src/component/table/tableControlColors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAA;AACjD,MAAM,CAAC,MAAM,qCAAqC,GAAG,SAAS,CAAA"}
|