pne-ui 4.3.0-rc.4 → 4.3.0-rc.6
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/PneTablePaginationActions.d.ts +15 -0
- package/cjs/component/table/PneTablePaginationActions.js +161 -19
- package/cjs/component/table/PneTablePaginationActions.js.map +1 -1
- package/cjs/component/table/PneTableViewSelector.js +20 -11
- package/cjs/component/table/PneTableViewSelector.js.map +1 -1
- package/esm/component/table/PneTablePaginationActions.d.ts +15 -0
- package/esm/component/table/PneTablePaginationActions.js +159 -19
- package/esm/component/table/PneTablePaginationActions.js.map +1 -1
- package/esm/component/table/PneTableViewSelector.js +21 -12
- package/esm/component/table/PneTableViewSelector.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,5 +9,20 @@ interface IPaginationActionsProps {
|
|
|
9
9
|
shouldRequestScroll: boolean;
|
|
10
10
|
toolbar?: React.ReactNode;
|
|
11
11
|
}
|
|
12
|
+
export type PneTablePaginationActionsLayout = 'inline' | 'toolbar-stacked' | 'pagination-stacked';
|
|
13
|
+
type ResolvePaginationActionsLayoutParams = {
|
|
14
|
+
availableWidth: number;
|
|
15
|
+
hasToolbar: boolean;
|
|
16
|
+
navigationMinimumWidth: number;
|
|
17
|
+
navigationPreferredWidth: number;
|
|
18
|
+
pageSizesWidth: number;
|
|
19
|
+
toolbarPreferredWidth: number;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Chooses the smallest layout that keeps each control group on an intentional row.
|
|
23
|
+
* Widths are measured from the rendered content, so consumers are not tied to a
|
|
24
|
+
* viewport breakpoint or to a particular set of view labels/page sizes.
|
|
25
|
+
*/
|
|
26
|
+
export declare const resolvePneTablePaginationActionsLayout: ({ availableWidth, hasToolbar, navigationMinimumWidth, navigationPreferredWidth, pageSizesWidth, toolbarPreferredWidth, }: ResolvePaginationActionsLayoutParams) => PneTablePaginationActionsLayout;
|
|
12
27
|
declare const PneTablePaginationActions: (props: IPaginationActionsProps) => React.JSX.Element;
|
|
13
28
|
export default PneTablePaginationActions;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.resolvePneTablePaginationActionsLayout = void 0;
|
|
3
4
|
const tslib_1 = require("tslib");
|
|
4
|
-
const react_1 = tslib_1.
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
6
|
const Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
|
|
6
7
|
const material_1 = require("@mui/material");
|
|
7
8
|
const PneFirstPageIcon_1 = tslib_1.__importDefault(require("./PneFirstPageIcon"));
|
|
@@ -9,15 +10,56 @@ const PnePreviousPageIcon_1 = tslib_1.__importDefault(require("./PnePreviousPage
|
|
|
9
10
|
const PneNextPageIcon_1 = tslib_1.__importDefault(require("./PneNextPageIcon"));
|
|
10
11
|
const AutoTestAttribute_1 = require("../AutoTestAttribute");
|
|
11
12
|
const tableControlColors_1 = require("./tableControlColors");
|
|
13
|
+
const CONTROL_SIZE = 40;
|
|
14
|
+
const CONTROL_GAP = 8;
|
|
15
|
+
const DISPLAYED_ROWS_MAX_WIDTH = 120;
|
|
16
|
+
const FIXED_NAVIGATION_CONTROLS = 3;
|
|
17
|
+
/**
|
|
18
|
+
* Chooses the smallest layout that keeps each control group on an intentional row.
|
|
19
|
+
* Widths are measured from the rendered content, so consumers are not tied to a
|
|
20
|
+
* viewport breakpoint or to a particular set of view labels/page sizes.
|
|
21
|
+
*/
|
|
22
|
+
const resolvePneTablePaginationActionsLayout = ({ availableWidth, hasToolbar, navigationMinimumWidth, navigationPreferredWidth, pageSizesWidth, toolbarPreferredWidth, }) => {
|
|
23
|
+
if (availableWidth <= 0) {
|
|
24
|
+
return 'inline';
|
|
25
|
+
}
|
|
26
|
+
const paginationFits = navigationMinimumWidth + CONTROL_GAP + pageSizesWidth
|
|
27
|
+
<= availableWidth;
|
|
28
|
+
if (!hasToolbar) {
|
|
29
|
+
return paginationFits ? 'inline' : 'pagination-stacked';
|
|
30
|
+
}
|
|
31
|
+
const allControlsFit = navigationPreferredWidth
|
|
32
|
+
+ CONTROL_GAP
|
|
33
|
+
+ CONTROL_GAP
|
|
34
|
+
+ toolbarPreferredWidth
|
|
35
|
+
+ CONTROL_GAP
|
|
36
|
+
+ pageSizesWidth
|
|
37
|
+
<= availableWidth;
|
|
38
|
+
if (allControlsFit) {
|
|
39
|
+
return 'inline';
|
|
40
|
+
}
|
|
41
|
+
return paginationFits ? 'toolbar-stacked' : 'pagination-stacked';
|
|
42
|
+
};
|
|
43
|
+
exports.resolvePneTablePaginationActionsLayout = resolvePneTablePaginationActionsLayout;
|
|
44
|
+
const useResponsiveLayoutEffect = typeof window === 'undefined'
|
|
45
|
+
? react_1.useEffect
|
|
46
|
+
: react_1.useLayoutEffect;
|
|
12
47
|
const PneTablePaginationActions = (props) => {
|
|
13
48
|
const {
|
|
14
49
|
// count,
|
|
15
50
|
page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, toolbar, } = props;
|
|
16
51
|
const { hasNext, disableActions, rowsPerPageOptions, onPageSizeChange, displayedRowsLabel, requestScrollToPagination, activeActionSx = {}, } = paginator;
|
|
52
|
+
const rootRef = (0, react_1.useRef)(null);
|
|
53
|
+
const navigationRef = (0, react_1.useRef)(null);
|
|
54
|
+
const currentPageRef = (0, react_1.useRef)(null);
|
|
55
|
+
const toolbarRef = (0, react_1.useRef)(null);
|
|
56
|
+
const pageSizesRef = (0, react_1.useRef)(null);
|
|
57
|
+
const [layout, setLayout] = (0, react_1.useState)('inline');
|
|
17
58
|
// const theme = usePneTheme()
|
|
18
59
|
const buttonStyle = {
|
|
19
|
-
width:
|
|
20
|
-
height:
|
|
60
|
+
width: `${CONTROL_SIZE}px`,
|
|
61
|
+
height: `${CONTROL_SIZE}px`,
|
|
62
|
+
flexShrink: 0,
|
|
21
63
|
borderRadius: '4px',
|
|
22
64
|
fontWeight: 700,
|
|
23
65
|
fontSize: '12px',
|
|
@@ -39,10 +81,12 @@ const PneTablePaginationActions = (props) => {
|
|
|
39
81
|
justifyContent: 'center',
|
|
40
82
|
alignItems: 'center',
|
|
41
83
|
padding: '0 8px',
|
|
84
|
+
boxSizing: 'border-box',
|
|
85
|
+
flex: '0 1 auto',
|
|
42
86
|
width: 'auto',
|
|
43
|
-
maxWidth:
|
|
44
|
-
minWidth:
|
|
45
|
-
height:
|
|
87
|
+
maxWidth: `${DISPLAYED_ROWS_MAX_WIDTH}px`,
|
|
88
|
+
minWidth: `${CONTROL_SIZE}px`,
|
|
89
|
+
height: `${CONTROL_SIZE}px`,
|
|
46
90
|
overflow: 'hidden',
|
|
47
91
|
borderRadius: '4px',
|
|
48
92
|
background: tableControlColors_1.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
@@ -96,35 +140,133 @@ const PneTablePaginationActions = (props) => {
|
|
|
96
140
|
const hasToolbar = toolbar !== undefined
|
|
97
141
|
&& toolbar !== null
|
|
98
142
|
&& typeof toolbar !== 'boolean';
|
|
99
|
-
|
|
143
|
+
useResponsiveLayoutEffect(() => {
|
|
144
|
+
const root = rootRef.current;
|
|
145
|
+
if (!root) {
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
const ownerWindow = root.ownerDocument?.defaultView;
|
|
149
|
+
if (!ownerWindow) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
const measureLayout = () => {
|
|
153
|
+
const availableWidth = root.clientWidth || root.getBoundingClientRect().width;
|
|
154
|
+
if (availableWidth <= 0) {
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
const currentPage = currentPageRef.current;
|
|
158
|
+
const currentPagePreferredWidth = currentPage
|
|
159
|
+
? Math.min(DISPLAYED_ROWS_MAX_WIDTH, Math.max(CONTROL_SIZE, currentPage.scrollWidth, currentPage.getBoundingClientRect().width))
|
|
160
|
+
: CONTROL_SIZE;
|
|
161
|
+
const navigationMinimumWidth = FIXED_NAVIGATION_CONTROLS * CONTROL_SIZE
|
|
162
|
+
+ CONTROL_SIZE;
|
|
163
|
+
const navigationPreferredWidth = FIXED_NAVIGATION_CONTROLS * CONTROL_SIZE
|
|
164
|
+
+ currentPagePreferredWidth;
|
|
165
|
+
const pageSizesWidth = rowsPerPageOptions.length * CONTROL_SIZE;
|
|
166
|
+
const toolbarElement = toolbarRef.current;
|
|
167
|
+
const toolbarContent = toolbarElement?.firstElementChild;
|
|
168
|
+
const toolbarPreferredWidth = toolbarElement
|
|
169
|
+
? Math.max(toolbarElement.scrollWidth, toolbarElement.getBoundingClientRect().width, toolbarContent?.scrollWidth ?? 0, toolbarContent?.getBoundingClientRect().width ?? 0)
|
|
170
|
+
: 0;
|
|
171
|
+
const nextLayout = (0, exports.resolvePneTablePaginationActionsLayout)({
|
|
172
|
+
availableWidth,
|
|
173
|
+
hasToolbar,
|
|
174
|
+
navigationMinimumWidth,
|
|
175
|
+
navigationPreferredWidth,
|
|
176
|
+
pageSizesWidth,
|
|
177
|
+
toolbarPreferredWidth,
|
|
178
|
+
});
|
|
179
|
+
setLayout(currentLayout => currentLayout === nextLayout
|
|
180
|
+
? currentLayout
|
|
181
|
+
: nextLayout);
|
|
182
|
+
};
|
|
183
|
+
measureLayout();
|
|
184
|
+
const ResizeObserverCtor = ownerWindow.ResizeObserver;
|
|
185
|
+
if (ResizeObserverCtor) {
|
|
186
|
+
const resizeObserver = new ResizeObserverCtor(measureLayout);
|
|
187
|
+
const observedElements = [
|
|
188
|
+
root,
|
|
189
|
+
navigationRef.current,
|
|
190
|
+
currentPageRef.current,
|
|
191
|
+
toolbarRef.current,
|
|
192
|
+
pageSizesRef.current,
|
|
193
|
+
];
|
|
194
|
+
observedElements.forEach(element => {
|
|
195
|
+
if (element) {
|
|
196
|
+
resizeObserver.observe(element);
|
|
197
|
+
}
|
|
198
|
+
});
|
|
199
|
+
return () => resizeObserver.disconnect();
|
|
200
|
+
}
|
|
201
|
+
ownerWindow.addEventListener('resize', measureLayout);
|
|
202
|
+
return () => ownerWindow.removeEventListener('resize', measureLayout);
|
|
203
|
+
}, [hasToolbar, rowsPerPageOptions.length]);
|
|
204
|
+
const rootGridStyle = layout === 'inline'
|
|
205
|
+
? {
|
|
206
|
+
gridTemplateColumns: hasToolbar
|
|
207
|
+
? 'max-content minmax(0, 1fr) max-content max-content'
|
|
208
|
+
: 'minmax(0, 1fr) max-content',
|
|
209
|
+
gridTemplateRows: 'auto',
|
|
210
|
+
}
|
|
211
|
+
: layout === 'toolbar-stacked'
|
|
212
|
+
? {
|
|
213
|
+
gridTemplateColumns: 'minmax(0, 1fr) max-content',
|
|
214
|
+
gridTemplateRows: 'auto auto',
|
|
215
|
+
}
|
|
216
|
+
: {
|
|
217
|
+
gridTemplateColumns: 'minmax(0, 1fr)',
|
|
218
|
+
gridTemplateRows: hasToolbar ? 'auto auto auto' : 'auto auto',
|
|
219
|
+
};
|
|
220
|
+
const navigationGridStyle = layout === 'inline'
|
|
221
|
+
? { gridColumn: '1', gridRow: '1' }
|
|
222
|
+
: layout === 'toolbar-stacked'
|
|
223
|
+
? { gridColumn: '1', gridRow: '2' }
|
|
224
|
+
: { gridColumn: '1', gridRow: hasToolbar ? '2' : '1' };
|
|
225
|
+
const toolbarGridStyle = layout === 'inline'
|
|
226
|
+
? { gridColumn: '3', gridRow: '1' }
|
|
227
|
+
: { gridColumn: '1 / -1', gridRow: '1' };
|
|
228
|
+
const pageSizesGridStyle = layout === 'inline'
|
|
229
|
+
? { gridColumn: hasToolbar ? '4' : '2', gridRow: '1' }
|
|
230
|
+
: layout === 'toolbar-stacked'
|
|
231
|
+
? { gridColumn: '2', gridRow: '2' }
|
|
232
|
+
: { gridColumn: '1', gridRow: hasToolbar ? '3' : '2' };
|
|
233
|
+
return react_1.default.createElement(Box_1.default, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)('pagination-actions', layout), ref: rootRef, sx: {
|
|
100
234
|
alignItems: 'center',
|
|
101
235
|
columnGap: '8px',
|
|
102
|
-
display: '
|
|
103
|
-
flexWrap: 'wrap',
|
|
236
|
+
display: 'grid',
|
|
104
237
|
rowGap: '8px',
|
|
105
238
|
width: '100%',
|
|
239
|
+
...rootGridStyle,
|
|
106
240
|
} },
|
|
107
|
-
react_1.default.createElement(Box_1.default, {
|
|
241
|
+
react_1.default.createElement(Box_1.default, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)('page-navigation'), ref: navigationRef, sx: {
|
|
242
|
+
display: 'flex',
|
|
243
|
+
maxWidth: '100%',
|
|
244
|
+
minWidth: 0,
|
|
245
|
+
width: 'max-content',
|
|
246
|
+
...navigationGridStyle,
|
|
247
|
+
} },
|
|
108
248
|
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
249
|
react_1.default.createElement(PneFirstPageIcon_1.default, { disabled: disableActions || page === 0 })),
|
|
110
250
|
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
251
|
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),
|
|
252
|
+
react_1.default.createElement(material_1.Icon, { ref: currentPageRef, sx: displayedRowsStyle, ...(0, AutoTestAttribute_1.createAutoTestAttributes)('current-page') }, displayedRowsLabel),
|
|
113
253
|
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
254
|
react_1.default.createElement(PneNextPageIcon_1.default, { disabled: disableActions || !hasNext }))),
|
|
115
|
-
react_1.default.createElement(Box_1.default, { sx: {
|
|
255
|
+
hasToolbar ? react_1.default.createElement(Box_1.default, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)('pagination-toolbar'), ref: toolbarRef, sx: {
|
|
116
256
|
alignItems: 'center',
|
|
117
257
|
display: 'flex',
|
|
118
|
-
flex: '0 1 auto',
|
|
119
|
-
flexWrap: 'wrap',
|
|
120
|
-
gap: hasToolbar ? '8px' : 0,
|
|
121
258
|
justifyContent: 'flex-end',
|
|
122
|
-
|
|
259
|
+
justifySelf: 'end',
|
|
123
260
|
maxWidth: '100%',
|
|
124
261
|
minWidth: 0,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
262
|
+
...toolbarGridStyle,
|
|
263
|
+
} }, toolbar) : null,
|
|
264
|
+
react_1.default.createElement(Box_1.default, { ref: pageSizesRef, sx: {
|
|
265
|
+
display: 'flex',
|
|
266
|
+
flexShrink: 0,
|
|
267
|
+
justifySelf: 'end',
|
|
268
|
+
...pageSizesGridStyle,
|
|
269
|
+
}, ...(0, AutoTestAttribute_1.createAutoTestAttributes)('page-sizes', rowsPerPage) }, populateRowsPerPageOptions()));
|
|
128
270
|
};
|
|
129
271
|
exports.default = PneTablePaginationActions;
|
|
130
272
|
//# sourceMappingURL=PneTablePaginationActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,22 +9,17 @@ const tableControlColors_1 = require("./tableControlColors");
|
|
|
9
9
|
const TABLE_VIEWS_AUTOTEST_ID = 'table-views';
|
|
10
10
|
const TABLE_VIEW_AUTOTEST_ID = 'table-view';
|
|
11
11
|
const TABLE_VIEW_ACTIONS_AUTOTEST_ID = 'table-view-actions';
|
|
12
|
-
const rootSx =
|
|
12
|
+
const rootSx = {
|
|
13
13
|
alignItems: 'center',
|
|
14
|
-
border: 1,
|
|
15
|
-
borderColor: theme.palette.divider,
|
|
16
|
-
borderRadius: '4px',
|
|
17
|
-
boxSizing: 'border-box',
|
|
18
14
|
display: 'flex',
|
|
19
|
-
gap: '4px',
|
|
20
15
|
height: '40px',
|
|
21
16
|
maxWidth: '100%',
|
|
22
17
|
minWidth: 0,
|
|
23
|
-
|
|
24
|
-
});
|
|
18
|
+
};
|
|
25
19
|
const groupSx = {
|
|
26
20
|
display: 'flex',
|
|
27
21
|
flex: '1 1 auto',
|
|
22
|
+
height: '40px',
|
|
28
23
|
minWidth: 0,
|
|
29
24
|
overflow: 'hidden',
|
|
30
25
|
[`& .${material_1.toggleButtonGroupClasses.grouped}`]: {
|
|
@@ -38,7 +33,7 @@ const viewButtonSx = theme => ({
|
|
|
38
33
|
color: tableControlColors_1.TABLE_CONTROL_TEXT_COLOR,
|
|
39
34
|
flex: '1 1 0',
|
|
40
35
|
fontWeight: 'bold',
|
|
41
|
-
height: '
|
|
36
|
+
height: '40px',
|
|
42
37
|
letterSpacing: '0.46px',
|
|
43
38
|
lineHeight: '22px',
|
|
44
39
|
minWidth: 0,
|
|
@@ -81,8 +76,22 @@ const PneTableViewSelectorInner = (props, ref) => {
|
|
|
81
76
|
] },
|
|
82
77
|
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))),
|
|
83
78
|
hasActions ? react_1.default.createElement(react_1.default.Fragment, null,
|
|
84
|
-
react_1.default.createElement(material_1.Divider, { orientation: 'vertical', sx: { flexShrink: 0, height: '24px', mx: '
|
|
85
|
-
react_1.default.createElement(material_1.Box, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: {
|
|
79
|
+
react_1.default.createElement(material_1.Divider, { orientation: 'vertical', sx: { flexShrink: 0, height: '24px', mx: '4px' } }),
|
|
80
|
+
react_1.default.createElement(material_1.Box, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: {
|
|
81
|
+
alignItems: 'center',
|
|
82
|
+
display: 'flex',
|
|
83
|
+
flexShrink: 0,
|
|
84
|
+
height: '40px',
|
|
85
|
+
[`& .${material_1.iconButtonClasses.root}`]: {
|
|
86
|
+
borderRadius: '4px !important',
|
|
87
|
+
color: tableControlColors_1.TABLE_CONTROL_TEXT_COLOR,
|
|
88
|
+
height: '40px',
|
|
89
|
+
width: '40px',
|
|
90
|
+
'&:hover': {
|
|
91
|
+
backgroundColor: tableControlColors_1.TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
} }, actions)) : null);
|
|
86
95
|
};
|
|
87
96
|
exports.PneTableViewSelector = (0, react_1.forwardRef)(PneTableViewSelectorInner);
|
|
88
97
|
//# sourceMappingURL=PneTableViewSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTableViewSelector.js","sourceRoot":"","sources":["../../../src/component/table/PneTableViewSelector.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,
|
|
1
|
+
{"version":3,"file":"PneTableViewSelector.js","sourceRoot":"","sources":["../../../src/component/table/PneTableViewSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,5 +9,20 @@ interface IPaginationActionsProps {
|
|
|
9
9
|
shouldRequestScroll: boolean;
|
|
10
10
|
toolbar?: React.ReactNode;
|
|
11
11
|
}
|
|
12
|
+
export type PneTablePaginationActionsLayout = 'inline' | 'toolbar-stacked' | 'pagination-stacked';
|
|
13
|
+
type ResolvePaginationActionsLayoutParams = {
|
|
14
|
+
availableWidth: number;
|
|
15
|
+
hasToolbar: boolean;
|
|
16
|
+
navigationMinimumWidth: number;
|
|
17
|
+
navigationPreferredWidth: number;
|
|
18
|
+
pageSizesWidth: number;
|
|
19
|
+
toolbarPreferredWidth: number;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Chooses the smallest layout that keeps each control group on an intentional row.
|
|
23
|
+
* Widths are measured from the rendered content, so consumers are not tied to a
|
|
24
|
+
* viewport breakpoint or to a particular set of view labels/page sizes.
|
|
25
|
+
*/
|
|
26
|
+
export declare const resolvePneTablePaginationActionsLayout: ({ availableWidth, hasToolbar, navigationMinimumWidth, navigationPreferredWidth, pageSizesWidth, toolbarPreferredWidth, }: ResolvePaginationActionsLayoutParams) => PneTablePaginationActionsLayout;
|
|
12
27
|
declare const PneTablePaginationActions: (props: IPaginationActionsProps) => React.JSX.Element;
|
|
13
28
|
export default PneTablePaginationActions;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
|
|
2
2
|
import Box from "@mui/material/Box";
|
|
3
3
|
import { Icon, IconButton } from "@mui/material";
|
|
4
4
|
import PneFirstPageIcon from "./PneFirstPageIcon";
|
|
@@ -6,15 +6,55 @@ import PnePreviousPageIcon from "./PnePreviousPageIcon";
|
|
|
6
6
|
import PneNextPageIcon from "./PneNextPageIcon";
|
|
7
7
|
import { createAutoTestAttributes } from "../AutoTestAttribute";
|
|
8
8
|
import { TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR, TABLE_CONTROL_TEXT_COLOR, } from "./tableControlColors";
|
|
9
|
+
const CONTROL_SIZE = 40;
|
|
10
|
+
const CONTROL_GAP = 8;
|
|
11
|
+
const DISPLAYED_ROWS_MAX_WIDTH = 120;
|
|
12
|
+
const FIXED_NAVIGATION_CONTROLS = 3;
|
|
13
|
+
/**
|
|
14
|
+
* Chooses the smallest layout that keeps each control group on an intentional row.
|
|
15
|
+
* Widths are measured from the rendered content, so consumers are not tied to a
|
|
16
|
+
* viewport breakpoint or to a particular set of view labels/page sizes.
|
|
17
|
+
*/
|
|
18
|
+
export const resolvePneTablePaginationActionsLayout = ({ availableWidth, hasToolbar, navigationMinimumWidth, navigationPreferredWidth, pageSizesWidth, toolbarPreferredWidth, }) => {
|
|
19
|
+
if (availableWidth <= 0) {
|
|
20
|
+
return 'inline';
|
|
21
|
+
}
|
|
22
|
+
const paginationFits = navigationMinimumWidth + CONTROL_GAP + pageSizesWidth
|
|
23
|
+
<= availableWidth;
|
|
24
|
+
if (!hasToolbar) {
|
|
25
|
+
return paginationFits ? 'inline' : 'pagination-stacked';
|
|
26
|
+
}
|
|
27
|
+
const allControlsFit = navigationPreferredWidth
|
|
28
|
+
+ CONTROL_GAP
|
|
29
|
+
+ CONTROL_GAP
|
|
30
|
+
+ toolbarPreferredWidth
|
|
31
|
+
+ CONTROL_GAP
|
|
32
|
+
+ pageSizesWidth
|
|
33
|
+
<= availableWidth;
|
|
34
|
+
if (allControlsFit) {
|
|
35
|
+
return 'inline';
|
|
36
|
+
}
|
|
37
|
+
return paginationFits ? 'toolbar-stacked' : 'pagination-stacked';
|
|
38
|
+
};
|
|
39
|
+
const useResponsiveLayoutEffect = typeof window === 'undefined'
|
|
40
|
+
? useEffect
|
|
41
|
+
: useLayoutEffect;
|
|
9
42
|
const PneTablePaginationActions = (props) => {
|
|
10
43
|
const {
|
|
11
44
|
// count,
|
|
12
45
|
page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, toolbar, } = props;
|
|
13
46
|
const { hasNext, disableActions, rowsPerPageOptions, onPageSizeChange, displayedRowsLabel, requestScrollToPagination, activeActionSx = {}, } = paginator;
|
|
47
|
+
const rootRef = useRef(null);
|
|
48
|
+
const navigationRef = useRef(null);
|
|
49
|
+
const currentPageRef = useRef(null);
|
|
50
|
+
const toolbarRef = useRef(null);
|
|
51
|
+
const pageSizesRef = useRef(null);
|
|
52
|
+
const [layout, setLayout] = useState('inline');
|
|
14
53
|
// const theme = usePneTheme()
|
|
15
54
|
const buttonStyle = {
|
|
16
|
-
width:
|
|
17
|
-
height:
|
|
55
|
+
width: `${CONTROL_SIZE}px`,
|
|
56
|
+
height: `${CONTROL_SIZE}px`,
|
|
57
|
+
flexShrink: 0,
|
|
18
58
|
borderRadius: '4px',
|
|
19
59
|
fontWeight: 700,
|
|
20
60
|
fontSize: '12px',
|
|
@@ -36,10 +76,12 @@ const PneTablePaginationActions = (props) => {
|
|
|
36
76
|
justifyContent: 'center',
|
|
37
77
|
alignItems: 'center',
|
|
38
78
|
padding: '0 8px',
|
|
79
|
+
boxSizing: 'border-box',
|
|
80
|
+
flex: '0 1 auto',
|
|
39
81
|
width: 'auto',
|
|
40
|
-
maxWidth:
|
|
41
|
-
minWidth:
|
|
42
|
-
height:
|
|
82
|
+
maxWidth: `${DISPLAYED_ROWS_MAX_WIDTH}px`,
|
|
83
|
+
minWidth: `${CONTROL_SIZE}px`,
|
|
84
|
+
height: `${CONTROL_SIZE}px`,
|
|
43
85
|
overflow: 'hidden',
|
|
44
86
|
borderRadius: '4px',
|
|
45
87
|
background: TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
@@ -93,35 +135,133 @@ const PneTablePaginationActions = (props) => {
|
|
|
93
135
|
const hasToolbar = toolbar !== undefined
|
|
94
136
|
&& toolbar !== null
|
|
95
137
|
&& typeof toolbar !== 'boolean';
|
|
96
|
-
|
|
138
|
+
useResponsiveLayoutEffect(() => {
|
|
139
|
+
const root = rootRef.current;
|
|
140
|
+
if (!root) {
|
|
141
|
+
return;
|
|
142
|
+
}
|
|
143
|
+
const ownerWindow = root.ownerDocument?.defaultView;
|
|
144
|
+
if (!ownerWindow) {
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
const measureLayout = () => {
|
|
148
|
+
const availableWidth = root.clientWidth || root.getBoundingClientRect().width;
|
|
149
|
+
if (availableWidth <= 0) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
const currentPage = currentPageRef.current;
|
|
153
|
+
const currentPagePreferredWidth = currentPage
|
|
154
|
+
? Math.min(DISPLAYED_ROWS_MAX_WIDTH, Math.max(CONTROL_SIZE, currentPage.scrollWidth, currentPage.getBoundingClientRect().width))
|
|
155
|
+
: CONTROL_SIZE;
|
|
156
|
+
const navigationMinimumWidth = FIXED_NAVIGATION_CONTROLS * CONTROL_SIZE
|
|
157
|
+
+ CONTROL_SIZE;
|
|
158
|
+
const navigationPreferredWidth = FIXED_NAVIGATION_CONTROLS * CONTROL_SIZE
|
|
159
|
+
+ currentPagePreferredWidth;
|
|
160
|
+
const pageSizesWidth = rowsPerPageOptions.length * CONTROL_SIZE;
|
|
161
|
+
const toolbarElement = toolbarRef.current;
|
|
162
|
+
const toolbarContent = toolbarElement?.firstElementChild;
|
|
163
|
+
const toolbarPreferredWidth = toolbarElement
|
|
164
|
+
? Math.max(toolbarElement.scrollWidth, toolbarElement.getBoundingClientRect().width, toolbarContent?.scrollWidth ?? 0, toolbarContent?.getBoundingClientRect().width ?? 0)
|
|
165
|
+
: 0;
|
|
166
|
+
const nextLayout = resolvePneTablePaginationActionsLayout({
|
|
167
|
+
availableWidth,
|
|
168
|
+
hasToolbar,
|
|
169
|
+
navigationMinimumWidth,
|
|
170
|
+
navigationPreferredWidth,
|
|
171
|
+
pageSizesWidth,
|
|
172
|
+
toolbarPreferredWidth,
|
|
173
|
+
});
|
|
174
|
+
setLayout(currentLayout => currentLayout === nextLayout
|
|
175
|
+
? currentLayout
|
|
176
|
+
: nextLayout);
|
|
177
|
+
};
|
|
178
|
+
measureLayout();
|
|
179
|
+
const ResizeObserverCtor = ownerWindow.ResizeObserver;
|
|
180
|
+
if (ResizeObserverCtor) {
|
|
181
|
+
const resizeObserver = new ResizeObserverCtor(measureLayout);
|
|
182
|
+
const observedElements = [
|
|
183
|
+
root,
|
|
184
|
+
navigationRef.current,
|
|
185
|
+
currentPageRef.current,
|
|
186
|
+
toolbarRef.current,
|
|
187
|
+
pageSizesRef.current,
|
|
188
|
+
];
|
|
189
|
+
observedElements.forEach(element => {
|
|
190
|
+
if (element) {
|
|
191
|
+
resizeObserver.observe(element);
|
|
192
|
+
}
|
|
193
|
+
});
|
|
194
|
+
return () => resizeObserver.disconnect();
|
|
195
|
+
}
|
|
196
|
+
ownerWindow.addEventListener('resize', measureLayout);
|
|
197
|
+
return () => ownerWindow.removeEventListener('resize', measureLayout);
|
|
198
|
+
}, [hasToolbar, rowsPerPageOptions.length]);
|
|
199
|
+
const rootGridStyle = layout === 'inline'
|
|
200
|
+
? {
|
|
201
|
+
gridTemplateColumns: hasToolbar
|
|
202
|
+
? 'max-content minmax(0, 1fr) max-content max-content'
|
|
203
|
+
: 'minmax(0, 1fr) max-content',
|
|
204
|
+
gridTemplateRows: 'auto',
|
|
205
|
+
}
|
|
206
|
+
: layout === 'toolbar-stacked'
|
|
207
|
+
? {
|
|
208
|
+
gridTemplateColumns: 'minmax(0, 1fr) max-content',
|
|
209
|
+
gridTemplateRows: 'auto auto',
|
|
210
|
+
}
|
|
211
|
+
: {
|
|
212
|
+
gridTemplateColumns: 'minmax(0, 1fr)',
|
|
213
|
+
gridTemplateRows: hasToolbar ? 'auto auto auto' : 'auto auto',
|
|
214
|
+
};
|
|
215
|
+
const navigationGridStyle = layout === 'inline'
|
|
216
|
+
? { gridColumn: '1', gridRow: '1' }
|
|
217
|
+
: layout === 'toolbar-stacked'
|
|
218
|
+
? { gridColumn: '1', gridRow: '2' }
|
|
219
|
+
: { gridColumn: '1', gridRow: hasToolbar ? '2' : '1' };
|
|
220
|
+
const toolbarGridStyle = layout === 'inline'
|
|
221
|
+
? { gridColumn: '3', gridRow: '1' }
|
|
222
|
+
: { gridColumn: '1 / -1', gridRow: '1' };
|
|
223
|
+
const pageSizesGridStyle = layout === 'inline'
|
|
224
|
+
? { gridColumn: hasToolbar ? '4' : '2', gridRow: '1' }
|
|
225
|
+
: layout === 'toolbar-stacked'
|
|
226
|
+
? { gridColumn: '2', gridRow: '2' }
|
|
227
|
+
: { gridColumn: '1', gridRow: hasToolbar ? '3' : '2' };
|
|
228
|
+
return React.createElement(Box, { ...createAutoTestAttributes('pagination-actions', layout), ref: rootRef, sx: {
|
|
97
229
|
alignItems: 'center',
|
|
98
230
|
columnGap: '8px',
|
|
99
|
-
display: '
|
|
100
|
-
flexWrap: 'wrap',
|
|
231
|
+
display: 'grid',
|
|
101
232
|
rowGap: '8px',
|
|
102
233
|
width: '100%',
|
|
234
|
+
...rootGridStyle,
|
|
103
235
|
} },
|
|
104
|
-
React.createElement(Box, {
|
|
236
|
+
React.createElement(Box, { ...createAutoTestAttributes('page-navigation'), ref: navigationRef, sx: {
|
|
237
|
+
display: 'flex',
|
|
238
|
+
maxWidth: '100%',
|
|
239
|
+
minWidth: 0,
|
|
240
|
+
width: 'max-content',
|
|
241
|
+
...navigationGridStyle,
|
|
242
|
+
} },
|
|
105
243
|
React.createElement(IconButton, { sx: buttonStyle, onClick: handleFirstPageButtonClick, disabled: disableActions || page === 0, "aria-label": "first page", ...createAutoTestAttributes('first-page') },
|
|
106
244
|
React.createElement(PneFirstPageIcon, { disabled: disableActions || page === 0 })),
|
|
107
245
|
React.createElement(IconButton, { sx: buttonStyle, onClick: handleBackButtonClick, disabled: disableActions || page === 0, "aria-label": "previous page", ...createAutoTestAttributes('prev-page') },
|
|
108
246
|
React.createElement(PnePreviousPageIcon, { disabled: disableActions || page === 0 })),
|
|
109
|
-
React.createElement(Icon, { sx: displayedRowsStyle, ...createAutoTestAttributes('current-page') }, displayedRowsLabel),
|
|
247
|
+
React.createElement(Icon, { ref: currentPageRef, sx: displayedRowsStyle, ...createAutoTestAttributes('current-page') }, displayedRowsLabel),
|
|
110
248
|
React.createElement(IconButton, { sx: buttonStyle, onClick: handleNextButtonClick, disabled: disableActions || !hasNext, "aria-label": "next page", ...createAutoTestAttributes('next-page') },
|
|
111
249
|
React.createElement(PneNextPageIcon, { disabled: disableActions || !hasNext }))),
|
|
112
|
-
React.createElement(Box, { sx: {
|
|
250
|
+
hasToolbar ? React.createElement(Box, { ...createAutoTestAttributes('pagination-toolbar'), ref: toolbarRef, sx: {
|
|
113
251
|
alignItems: 'center',
|
|
114
252
|
display: 'flex',
|
|
115
|
-
flex: '0 1 auto',
|
|
116
|
-
flexWrap: 'wrap',
|
|
117
|
-
gap: hasToolbar ? '8px' : 0,
|
|
118
253
|
justifyContent: 'flex-end',
|
|
119
|
-
|
|
254
|
+
justifySelf: 'end',
|
|
120
255
|
maxWidth: '100%',
|
|
121
256
|
minWidth: 0,
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
257
|
+
...toolbarGridStyle,
|
|
258
|
+
} }, toolbar) : null,
|
|
259
|
+
React.createElement(Box, { ref: pageSizesRef, sx: {
|
|
260
|
+
display: 'flex',
|
|
261
|
+
flexShrink: 0,
|
|
262
|
+
justifySelf: 'end',
|
|
263
|
+
...pageSizesGridStyle,
|
|
264
|
+
}, ...createAutoTestAttributes('page-sizes', rowsPerPage) }, populateRowsPerPageOptions()));
|
|
125
265
|
};
|
|
126
266
|
export default PneTablePaginationActions;
|
|
127
267
|
//# 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;
|
|
1
|
+
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import { Box, Divider, ToggleButton, ToggleButtonGroup, toggleButtonClasses, toggleButtonGroupClasses, } from '@mui/material';
|
|
2
|
+
import { Box, Divider, iconButtonClasses, ToggleButton, ToggleButtonGroup, toggleButtonClasses, toggleButtonGroupClasses, } from '@mui/material';
|
|
3
3
|
import { createAutoTestAttributes } from '../AutoTestAttribute';
|
|
4
4
|
import { TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR, TABLE_CONTROL_TEXT_COLOR, } from './tableControlColors';
|
|
5
5
|
const TABLE_VIEWS_AUTOTEST_ID = 'table-views';
|
|
6
6
|
const TABLE_VIEW_AUTOTEST_ID = 'table-view';
|
|
7
7
|
const TABLE_VIEW_ACTIONS_AUTOTEST_ID = 'table-view-actions';
|
|
8
|
-
const rootSx =
|
|
8
|
+
const rootSx = {
|
|
9
9
|
alignItems: 'center',
|
|
10
|
-
border: 1,
|
|
11
|
-
borderColor: theme.palette.divider,
|
|
12
|
-
borderRadius: '4px',
|
|
13
|
-
boxSizing: 'border-box',
|
|
14
10
|
display: 'flex',
|
|
15
|
-
gap: '4px',
|
|
16
11
|
height: '40px',
|
|
17
12
|
maxWidth: '100%',
|
|
18
13
|
minWidth: 0,
|
|
19
|
-
|
|
20
|
-
});
|
|
14
|
+
};
|
|
21
15
|
const groupSx = {
|
|
22
16
|
display: 'flex',
|
|
23
17
|
flex: '1 1 auto',
|
|
18
|
+
height: '40px',
|
|
24
19
|
minWidth: 0,
|
|
25
20
|
overflow: 'hidden',
|
|
26
21
|
[`& .${toggleButtonGroupClasses.grouped}`]: {
|
|
@@ -34,7 +29,7 @@ const viewButtonSx = theme => ({
|
|
|
34
29
|
color: TABLE_CONTROL_TEXT_COLOR,
|
|
35
30
|
flex: '1 1 0',
|
|
36
31
|
fontWeight: 'bold',
|
|
37
|
-
height: '
|
|
32
|
+
height: '40px',
|
|
38
33
|
letterSpacing: '0.46px',
|
|
39
34
|
lineHeight: '22px',
|
|
40
35
|
minWidth: 0,
|
|
@@ -77,8 +72,22 @@ const PneTableViewSelectorInner = (props, ref) => {
|
|
|
77
72
|
] },
|
|
78
73
|
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))),
|
|
79
74
|
hasActions ? React.createElement(React.Fragment, null,
|
|
80
|
-
React.createElement(Divider, { orientation: 'vertical', sx: { flexShrink: 0, height: '24px', mx: '
|
|
81
|
-
React.createElement(Box, { ...createAutoTestAttributes(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: {
|
|
75
|
+
React.createElement(Divider, { orientation: 'vertical', sx: { flexShrink: 0, height: '24px', mx: '4px' } }),
|
|
76
|
+
React.createElement(Box, { ...createAutoTestAttributes(TABLE_VIEW_ACTIONS_AUTOTEST_ID), sx: {
|
|
77
|
+
alignItems: 'center',
|
|
78
|
+
display: 'flex',
|
|
79
|
+
flexShrink: 0,
|
|
80
|
+
height: '40px',
|
|
81
|
+
[`& .${iconButtonClasses.root}`]: {
|
|
82
|
+
borderRadius: '4px !important',
|
|
83
|
+
color: TABLE_CONTROL_TEXT_COLOR,
|
|
84
|
+
height: '40px',
|
|
85
|
+
width: '40px',
|
|
86
|
+
'&:hover': {
|
|
87
|
+
backgroundColor: TABLE_CONTROL_ACTIVE_BACKGROUND_COLOR,
|
|
88
|
+
},
|
|
89
|
+
},
|
|
90
|
+
} }, actions)) : null);
|
|
82
91
|
};
|
|
83
92
|
export const PneTableViewSelector = forwardRef(PneTableViewSelectorInner);
|
|
84
93
|
//# 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,
|
|
1
|
+
{"version":3,"file":"PneTableViewSelector.js","sourceRoot":"","sources":["../../../src/component/table/PneTableViewSelector.tsx"],"names":[],"mappings":"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"}
|