@carbon/ibm-products 2.43.2-canary.205 → 2.43.2-canary.208
Sign up to get free protection for your applications and to get access to all the features.
- package/es/components/Datagrid/Datagrid/DatagridContent.js +4 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -21
- package/es/components/Datagrid/Datagrid/addons/stateReducer.d.ts +7 -0
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +94 -38
- package/es/components/Datagrid/types/index.d.ts +1 -0
- package/es/components/PageHeader/PageHeaderUtils.js +0 -5
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -1
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +3 -20
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.d.ts +7 -0
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +94 -37
- package/lib/components/Datagrid/types/index.d.ts +1 -0
- package/lib/components/PageHeader/PageHeaderUtils.js +0 -5
- package/package.json +2 -2
@@ -159,7 +159,10 @@ var DatagridContent = function DatagridContent(_ref) {
|
|
159
159
|
className: "".concat(blockClass, "__filter-summary"),
|
160
160
|
filters: filterTags,
|
161
161
|
clearFilters: function clearFilters() {
|
162
|
-
|
162
|
+
EventEmitter.dispatch(CLEAR_FILTERS, tableId);
|
163
|
+
if (typeof (filterProps === null || filterProps === void 0 ? void 0 : filterProps.onClearFilters) === 'function') {
|
164
|
+
filterProps.onClearFilters();
|
165
|
+
}
|
163
166
|
},
|
164
167
|
renderLabel: filterProps === null || filterProps === void 0 ? void 0 : filterProps.renderLabel,
|
165
168
|
overflowType: "tag"
|
@@ -10,7 +10,7 @@ import React__default, { useState, useLayoutEffect } from 'react';
|
|
10
10
|
import { TableSelectAll } from '@carbon/react';
|
11
11
|
import cx from 'classnames';
|
12
12
|
import { pkg } from '../../../settings.js';
|
13
|
-
import {
|
13
|
+
import { handleOnPageSelectAllRowData } from './addons/stateReducer.js';
|
14
14
|
|
15
15
|
var _excluded = ["onChange"];
|
16
16
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
@@ -45,7 +45,6 @@ var SelectAll = function SelectAll(datagridState) {
|
|
45
45
|
dispatch = datagridState.dispatch,
|
46
46
|
rows = datagridState.rows,
|
47
47
|
getRowId = datagridState.getRowId,
|
48
|
-
toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
|
49
48
|
onAllRowSelect = datagridState.onAllRowSelect;
|
50
49
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
51
50
|
if (hideSelectAll || radio) {
|
@@ -59,24 +58,8 @@ var SelectAll = function SelectAll(datagridState) {
|
|
59
58
|
onChange = _ref.onChange,
|
60
59
|
selectProps = _objectWithoutProperties(_ref, _excluded);
|
61
60
|
var indeterminate = selectProps.indeterminate;
|
62
|
-
var
|
63
|
-
|
64
|
-
handleSelectAllRowData({
|
65
|
-
dispatch: dispatch,
|
66
|
-
rows: rows,
|
67
|
-
getRowId: getRowId,
|
68
|
-
indeterminate: true,
|
69
|
-
isChecked: undefined
|
70
|
-
});
|
71
|
-
toggleAllRowsSelected(false);
|
72
|
-
onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
|
73
|
-
return onChange === null || onChange === void 0 ? void 0 : onChange({
|
74
|
-
target: {
|
75
|
-
checked: false
|
76
|
-
}
|
77
|
-
});
|
78
|
-
}
|
79
|
-
handleSelectAllRowData({
|
61
|
+
var handleOnPageSelectAllChange = function handleOnPageSelectAllChange(event) {
|
62
|
+
handleOnPageSelectAllRowData({
|
80
63
|
dispatch: dispatch,
|
81
64
|
rows: rows,
|
82
65
|
getRowId: getRowId,
|
@@ -90,7 +73,7 @@ var SelectAll = function SelectAll(datagridState) {
|
|
90
73
|
className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
|
91
74
|
isFirstColumnStickyLeft && Number(windowSize) > 671)),
|
92
75
|
name: "".concat(tableId, "-select-all-checkbox-name"),
|
93
|
-
onSelect:
|
76
|
+
onSelect: handleOnPageSelectAllChange,
|
94
77
|
disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
|
95
78
|
id: "".concat(tableId, "-select-all-checkbox-id")
|
96
79
|
}));
|
@@ -14,6 +14,13 @@ export function handleSelectAllRowData({ dispatch, rows, getRowId, indeterminate
|
|
14
14
|
indeterminate: any;
|
15
15
|
isChecked: any;
|
16
16
|
}): any;
|
17
|
+
export function handleOnPageSelectAllRowData({ dispatch, rows, getRowId, indeterminate, isChecked, }: {
|
18
|
+
dispatch: any;
|
19
|
+
rows: any;
|
20
|
+
getRowId: any;
|
21
|
+
indeterminate: any;
|
22
|
+
isChecked: any;
|
23
|
+
}): any;
|
17
24
|
export function handleDynamicRowCheck({ dispatch, status, rowId, depth, index, }: {
|
18
25
|
dispatch: any;
|
19
26
|
status: any;
|
@@ -12,8 +12,9 @@ var COLUMN_RESIZE_START = 'columnStartResizing';
|
|
12
12
|
var COLUMN_RESIZING = 'columnResizing';
|
13
13
|
var COLUMN_RESIZE_END = 'columnDoneResizing';
|
14
14
|
var INIT = 'init';
|
15
|
-
var TOGGLE_ROW_SELECTED = 'toggleRowSelected';
|
16
|
-
var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected';
|
15
|
+
var TOGGLE_ROW_SELECTED = 'toggleRowSelected'; // selects individual row
|
16
|
+
var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected'; // selects all rows in entire table
|
17
|
+
var TOGGLE_ON_PAGE_ALL_ROWS_SELECTED = 'toggleAllRowsOnPageSelected'; // selects all rows in the current page
|
17
18
|
var DYNAMIC_ROW_CHECK = 'dynamicRowCheck';
|
18
19
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
19
20
|
var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
|
@@ -78,12 +79,28 @@ var handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
|
|
78
79
|
}
|
79
80
|
});
|
80
81
|
};
|
81
|
-
var
|
82
|
+
var handleOnPageSelectAllRowData = function handleOnPageSelectAllRowData(_ref3) {
|
82
83
|
var dispatch = _ref3.dispatch,
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
84
|
+
rows = _ref3.rows,
|
85
|
+
getRowId = _ref3.getRowId,
|
86
|
+
indeterminate = _ref3.indeterminate,
|
87
|
+
isChecked = _ref3.isChecked;
|
88
|
+
return dispatch({
|
89
|
+
type: TOGGLE_ON_PAGE_ALL_ROWS_SELECTED,
|
90
|
+
payload: {
|
91
|
+
rows: rows,
|
92
|
+
getRowId: getRowId,
|
93
|
+
indeterminate: indeterminate,
|
94
|
+
isChecked: isChecked
|
95
|
+
}
|
96
|
+
});
|
97
|
+
};
|
98
|
+
var handleDynamicRowCheck = function handleDynamicRowCheck(_ref4) {
|
99
|
+
var dispatch = _ref4.dispatch,
|
100
|
+
status = _ref4.status,
|
101
|
+
rowId = _ref4.rowId,
|
102
|
+
depth = _ref4.depth,
|
103
|
+
index = _ref4.index;
|
87
104
|
return dispatch({
|
88
105
|
type: DYNAMIC_ROW_CHECK,
|
89
106
|
payload: {
|
@@ -124,11 +141,11 @@ var stateReducer = function stateReducer(newState, action) {
|
|
124
141
|
}
|
125
142
|
case TOGGLE_ALL_ROWS_SELECTED:
|
126
143
|
{
|
127
|
-
var
|
128
|
-
rows =
|
129
|
-
getRowId =
|
130
|
-
indeterminate =
|
131
|
-
isChecked =
|
144
|
+
var _ref5 = action.payload || {},
|
145
|
+
rows = _ref5.rows,
|
146
|
+
getRowId = _ref5.getRowId,
|
147
|
+
indeterminate = _ref5.indeterminate,
|
148
|
+
isChecked = _ref5.isChecked;
|
132
149
|
var newSelectedRowIds = {};
|
133
150
|
if (rows) {
|
134
151
|
var newSelectedRowData = {};
|
@@ -148,26 +165,65 @@ var stateReducer = function stateReducer(newState, action) {
|
|
148
165
|
}
|
149
166
|
return _objectSpread2({}, newState);
|
150
167
|
}
|
168
|
+
case TOGGLE_ON_PAGE_ALL_ROWS_SELECTED:
|
169
|
+
{
|
170
|
+
var _ref6 = action.payload || {},
|
171
|
+
_rows = _ref6.rows,
|
172
|
+
_getRowId = _ref6.getRowId,
|
173
|
+
_indeterminate = _ref6.indeterminate,
|
174
|
+
_isChecked = _ref6.isChecked;
|
175
|
+
var previousSelectedRowIds = newState.selectedRowIds || {};
|
176
|
+
var previousSelectedRowData = newState.selectedRowData || {};
|
177
|
+
var _newSelectedRowIds = {};
|
178
|
+
if (_rows) {
|
179
|
+
var _newSelectedRowData = {};
|
180
|
+
_rows.forEach(function (row) {
|
181
|
+
var _row$getRowProps2;
|
182
|
+
var props = (_row$getRowProps2 = row.getRowProps) === null || _row$getRowProps2 === void 0 ? void 0 : _row$getRowProps2.call(row);
|
183
|
+
if (props && props.disabled) {
|
184
|
+
return;
|
185
|
+
}
|
186
|
+
if (props) {
|
187
|
+
if (!_indeterminate && _isChecked) {
|
188
|
+
// adds selection to newly selected rows
|
189
|
+
_newSelectedRowIds[_getRowId(row.original, row.index)] = true;
|
190
|
+
_newSelectedRowData[_getRowId(row.original, row.index)] = row.original;
|
191
|
+
} else {
|
192
|
+
// removes selection from previously selected rows
|
193
|
+
delete previousSelectedRowIds[_getRowId(row.original, row.index)];
|
194
|
+
delete previousSelectedRowData[_getRowId(row.original, row.index)];
|
195
|
+
}
|
196
|
+
}
|
197
|
+
});
|
198
|
+
var finalSelectedRowIds = _objectSpread2(_objectSpread2({}, previousSelectedRowIds), _newSelectedRowIds);
|
199
|
+
var finalSelectedRowData = _objectSpread2(_objectSpread2({}, previousSelectedRowData), _newSelectedRowData);
|
200
|
+
return _objectSpread2(_objectSpread2({}, newState), {}, {
|
201
|
+
selectedRowIds: finalSelectedRowIds,
|
202
|
+
selectedRowData: finalSelectedRowData
|
203
|
+
});
|
204
|
+
}
|
205
|
+
return _objectSpread2({}, newState);
|
206
|
+
}
|
151
207
|
case TOGGLE_ROW_SELECTED:
|
152
208
|
{
|
153
|
-
var
|
154
|
-
rowData =
|
155
|
-
|
156
|
-
|
209
|
+
var _ref7 = action.payload || {},
|
210
|
+
rowData = _ref7.rowData,
|
211
|
+
_isChecked2 = _ref7.isChecked,
|
212
|
+
_getRowId2 = _ref7.getRowId;
|
157
213
|
if (!rowData) {
|
158
214
|
return;
|
159
215
|
}
|
160
|
-
if (
|
216
|
+
if (_isChecked2) {
|
161
217
|
return _objectSpread2(_objectSpread2({}, newState), {}, {
|
162
|
-
selectedRowData: _objectSpread2(_objectSpread2({}, newState.selectedRowData), {}, _defineProperty({},
|
218
|
+
selectedRowData: _objectSpread2(_objectSpread2({}, newState.selectedRowData), {}, _defineProperty({}, _getRowId2(rowData.original, rowData.index), rowData.original))
|
163
219
|
});
|
164
220
|
}
|
165
|
-
if (rowData && !
|
221
|
+
if (rowData && !_isChecked2) {
|
166
222
|
var newData = _objectSpread2({}, newState.selectedRowData);
|
167
|
-
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (
|
168
|
-
var
|
169
|
-
key =
|
170
|
-
return parseInt(key) !== parseInt(
|
223
|
+
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref8) {
|
224
|
+
var _ref9 = _slicedToArray(_ref8, 1),
|
225
|
+
key = _ref9[0];
|
226
|
+
return parseInt(key) !== parseInt(_getRowId2(rowData.original, rowData.index));
|
171
227
|
}));
|
172
228
|
return _objectSpread2(_objectSpread2({}, newState), {}, {
|
173
229
|
selectedRowData: dataWithRemovedRow
|
@@ -183,27 +239,27 @@ var stateReducer = function stateReducer(newState, action) {
|
|
183
239
|
}
|
184
240
|
case COLUMN_RESIZE_START:
|
185
241
|
{
|
186
|
-
var
|
187
|
-
headerId =
|
242
|
+
var _ref10 = action.payload || {},
|
243
|
+
headerId = _ref10.headerId;
|
188
244
|
return _objectSpread2(_objectSpread2({}, newState), {}, {
|
189
245
|
isResizing: headerId
|
190
246
|
});
|
191
247
|
}
|
192
248
|
case COLUMN_RESIZING:
|
193
249
|
{
|
194
|
-
var
|
195
|
-
_headerId =
|
196
|
-
newWidth =
|
197
|
-
defaultWidth =
|
250
|
+
var _ref11 = action.payload || {},
|
251
|
+
_headerId = _ref11.headerId,
|
252
|
+
newWidth = _ref11.newWidth,
|
253
|
+
defaultWidth = _ref11.defaultWidth;
|
198
254
|
var newColumnWidth = {};
|
199
255
|
if (typeof _headerId === 'undefined') {
|
200
256
|
return _objectSpread2({}, newState);
|
201
257
|
}
|
202
258
|
newColumnWidth[_headerId] = newWidth;
|
203
|
-
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (
|
204
|
-
var
|
205
|
-
|
206
|
-
var value =
|
259
|
+
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref12) {
|
260
|
+
var _ref13 = _slicedToArray(_ref12, 2);
|
261
|
+
_ref13[0];
|
262
|
+
var value = _ref13[1];
|
207
263
|
return !isNaN(value);
|
208
264
|
}));
|
209
265
|
var headerIdArray = newState.columnResizing.headerIdWidths || [];
|
@@ -218,10 +274,10 @@ var stateReducer = function stateReducer(newState, action) {
|
|
218
274
|
}
|
219
275
|
case COLUMN_RESIZE_END:
|
220
276
|
{
|
221
|
-
var
|
222
|
-
onColResizeEnd =
|
223
|
-
_headerId2 =
|
224
|
-
isKeyEvent =
|
277
|
+
var _ref14 = action.payload || {},
|
278
|
+
onColResizeEnd = _ref14.onColResizeEnd,
|
279
|
+
_headerId2 = _ref14.headerId,
|
280
|
+
isKeyEvent = _ref14.isKeyEvent;
|
225
281
|
var currentColumn = {};
|
226
282
|
currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
|
227
283
|
var allChangedColumns = newState.columnResizing.columnWidths;
|
@@ -247,4 +303,4 @@ var stateReducer = function stateReducer(newState, action) {
|
|
247
303
|
}
|
248
304
|
};
|
249
305
|
|
250
|
-
export { handleColumnResizeEndEvent, handleColumnResizingEvent, handleDynamicRowCheck, handleSelectAllRowData, handleToggleRowSelected, stateReducer };
|
306
|
+
export { handleColumnResizeEndEvent, handleColumnResizingEvent, handleDynamicRowCheck, handleOnPageSelectAllRowData, handleSelectAllRowData, handleToggleRowSelected, stateReducer };
|
@@ -87,6 +87,7 @@ export interface FilterFlyoutProps {
|
|
87
87
|
flyoutIconDescription?: string;
|
88
88
|
onFlyoutClose?: () => void;
|
89
89
|
onFlyoutOpen?: () => void;
|
90
|
+
onClearFilters?: () => void;
|
90
91
|
panelIconDescription?: string;
|
91
92
|
primaryActionLabel?: string;
|
92
93
|
reactTableFiltersState?: ReactTableFiltersState[];
|
@@ -98,11 +98,6 @@ var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerR
|
|
98
98
|
// adjust top for sticky with navigation
|
99
99
|
update.headerTopValue += update.navigationRowHeight;
|
100
100
|
}
|
101
|
-
if (!hasActionBar && !widthIsNarrow) {
|
102
|
-
// Add difference between $spacing-08 and $spacing-07 to ensure space below breadcrumb is correct on scroll
|
103
|
-
// $spacing-07 is used as size for breadcrumb when no action bar otherwise $spacing-08
|
104
|
-
update.headerTopValue += 8;
|
105
|
-
}
|
106
101
|
if (!enableBreadcrumbScroll || !navigation) {
|
107
102
|
// adjust sticky top if no navigation or breadcrumb is to stay on screen
|
108
103
|
update.headerTopValue += update.breadcrumbRowHeight;
|
@@ -168,7 +168,10 @@ var DatagridContent = function DatagridContent(_ref) {
|
|
168
168
|
className: "".concat(blockClass, "__filter-summary"),
|
169
169
|
filters: filterTags,
|
170
170
|
clearFilters: function clearFilters() {
|
171
|
-
|
171
|
+
EventEmitter.dispatch(constants.CLEAR_FILTERS, tableId);
|
172
|
+
if (typeof (filterProps === null || filterProps === void 0 ? void 0 : filterProps.onClearFilters) === 'function') {
|
173
|
+
filterProps.onClearFilters();
|
174
|
+
}
|
172
175
|
},
|
173
176
|
renderLabel: filterProps === null || filterProps === void 0 ? void 0 : filterProps.renderLabel,
|
174
177
|
overflowType: "tag"
|
@@ -54,7 +54,6 @@ var SelectAll = function SelectAll(datagridState) {
|
|
54
54
|
dispatch = datagridState.dispatch,
|
55
55
|
rows = datagridState.rows,
|
56
56
|
getRowId = datagridState.getRowId,
|
57
|
-
toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
|
58
57
|
onAllRowSelect = datagridState.onAllRowSelect;
|
59
58
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
60
59
|
if (hideSelectAll || radio) {
|
@@ -68,24 +67,8 @@ var SelectAll = function SelectAll(datagridState) {
|
|
68
67
|
onChange = _ref.onChange,
|
69
68
|
selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
70
69
|
var indeterminate = selectProps.indeterminate;
|
71
|
-
var
|
72
|
-
|
73
|
-
stateReducer.handleSelectAllRowData({
|
74
|
-
dispatch: dispatch,
|
75
|
-
rows: rows,
|
76
|
-
getRowId: getRowId,
|
77
|
-
indeterminate: true,
|
78
|
-
isChecked: undefined
|
79
|
-
});
|
80
|
-
toggleAllRowsSelected(false);
|
81
|
-
onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
|
82
|
-
return onChange === null || onChange === void 0 ? void 0 : onChange({
|
83
|
-
target: {
|
84
|
-
checked: false
|
85
|
-
}
|
86
|
-
});
|
87
|
-
}
|
88
|
-
stateReducer.handleSelectAllRowData({
|
70
|
+
var handleOnPageSelectAllChange = function handleOnPageSelectAllChange(event) {
|
71
|
+
stateReducer.handleOnPageSelectAllRowData({
|
89
72
|
dispatch: dispatch,
|
90
73
|
rows: rows,
|
91
74
|
getRowId: getRowId,
|
@@ -99,7 +82,7 @@ var SelectAll = function SelectAll(datagridState) {
|
|
99
82
|
className: cx__default["default"]("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
|
100
83
|
isFirstColumnStickyLeft && Number(windowSize) > 671)),
|
101
84
|
name: "".concat(tableId, "-select-all-checkbox-name"),
|
102
|
-
onSelect:
|
85
|
+
onSelect: handleOnPageSelectAllChange,
|
103
86
|
disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
|
104
87
|
id: "".concat(tableId, "-select-all-checkbox-id")
|
105
88
|
}));
|
@@ -14,6 +14,13 @@ export function handleSelectAllRowData({ dispatch, rows, getRowId, indeterminate
|
|
14
14
|
indeterminate: any;
|
15
15
|
isChecked: any;
|
16
16
|
}): any;
|
17
|
+
export function handleOnPageSelectAllRowData({ dispatch, rows, getRowId, indeterminate, isChecked, }: {
|
18
|
+
dispatch: any;
|
19
|
+
rows: any;
|
20
|
+
getRowId: any;
|
21
|
+
indeterminate: any;
|
22
|
+
isChecked: any;
|
23
|
+
}): any;
|
17
24
|
export function handleDynamicRowCheck({ dispatch, status, rowId, depth, index, }: {
|
18
25
|
dispatch: any;
|
19
26
|
status: any;
|
@@ -16,8 +16,9 @@ var COLUMN_RESIZE_START = 'columnStartResizing';
|
|
16
16
|
var COLUMN_RESIZING = 'columnResizing';
|
17
17
|
var COLUMN_RESIZE_END = 'columnDoneResizing';
|
18
18
|
var INIT = 'init';
|
19
|
-
var TOGGLE_ROW_SELECTED = 'toggleRowSelected';
|
20
|
-
var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected';
|
19
|
+
var TOGGLE_ROW_SELECTED = 'toggleRowSelected'; // selects individual row
|
20
|
+
var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected'; // selects all rows in entire table
|
21
|
+
var TOGGLE_ON_PAGE_ALL_ROWS_SELECTED = 'toggleAllRowsOnPageSelected'; // selects all rows in the current page
|
21
22
|
var DYNAMIC_ROW_CHECK = 'dynamicRowCheck';
|
22
23
|
var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
23
24
|
var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
|
@@ -82,12 +83,28 @@ var handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
|
|
82
83
|
}
|
83
84
|
});
|
84
85
|
};
|
85
|
-
var
|
86
|
+
var handleOnPageSelectAllRowData = function handleOnPageSelectAllRowData(_ref3) {
|
86
87
|
var dispatch = _ref3.dispatch,
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
88
|
+
rows = _ref3.rows,
|
89
|
+
getRowId = _ref3.getRowId,
|
90
|
+
indeterminate = _ref3.indeterminate,
|
91
|
+
isChecked = _ref3.isChecked;
|
92
|
+
return dispatch({
|
93
|
+
type: TOGGLE_ON_PAGE_ALL_ROWS_SELECTED,
|
94
|
+
payload: {
|
95
|
+
rows: rows,
|
96
|
+
getRowId: getRowId,
|
97
|
+
indeterminate: indeterminate,
|
98
|
+
isChecked: isChecked
|
99
|
+
}
|
100
|
+
});
|
101
|
+
};
|
102
|
+
var handleDynamicRowCheck = function handleDynamicRowCheck(_ref4) {
|
103
|
+
var dispatch = _ref4.dispatch,
|
104
|
+
status = _ref4.status,
|
105
|
+
rowId = _ref4.rowId,
|
106
|
+
depth = _ref4.depth,
|
107
|
+
index = _ref4.index;
|
91
108
|
return dispatch({
|
92
109
|
type: DYNAMIC_ROW_CHECK,
|
93
110
|
payload: {
|
@@ -128,11 +145,11 @@ var stateReducer = function stateReducer(newState, action) {
|
|
128
145
|
}
|
129
146
|
case TOGGLE_ALL_ROWS_SELECTED:
|
130
147
|
{
|
131
|
-
var
|
132
|
-
rows =
|
133
|
-
getRowId =
|
134
|
-
indeterminate =
|
135
|
-
isChecked =
|
148
|
+
var _ref5 = action.payload || {},
|
149
|
+
rows = _ref5.rows,
|
150
|
+
getRowId = _ref5.getRowId,
|
151
|
+
indeterminate = _ref5.indeterminate,
|
152
|
+
isChecked = _ref5.isChecked;
|
136
153
|
var newSelectedRowIds = {};
|
137
154
|
if (rows) {
|
138
155
|
var newSelectedRowData = {};
|
@@ -152,26 +169,65 @@ var stateReducer = function stateReducer(newState, action) {
|
|
152
169
|
}
|
153
170
|
return _rollupPluginBabelHelpers.objectSpread2({}, newState);
|
154
171
|
}
|
172
|
+
case TOGGLE_ON_PAGE_ALL_ROWS_SELECTED:
|
173
|
+
{
|
174
|
+
var _ref6 = action.payload || {},
|
175
|
+
_rows = _ref6.rows,
|
176
|
+
_getRowId = _ref6.getRowId,
|
177
|
+
_indeterminate = _ref6.indeterminate,
|
178
|
+
_isChecked = _ref6.isChecked;
|
179
|
+
var previousSelectedRowIds = newState.selectedRowIds || {};
|
180
|
+
var previousSelectedRowData = newState.selectedRowData || {};
|
181
|
+
var _newSelectedRowIds = {};
|
182
|
+
if (_rows) {
|
183
|
+
var _newSelectedRowData = {};
|
184
|
+
_rows.forEach(function (row) {
|
185
|
+
var _row$getRowProps2;
|
186
|
+
var props = (_row$getRowProps2 = row.getRowProps) === null || _row$getRowProps2 === void 0 ? void 0 : _row$getRowProps2.call(row);
|
187
|
+
if (props && props.disabled) {
|
188
|
+
return;
|
189
|
+
}
|
190
|
+
if (props) {
|
191
|
+
if (!_indeterminate && _isChecked) {
|
192
|
+
// adds selection to newly selected rows
|
193
|
+
_newSelectedRowIds[_getRowId(row.original, row.index)] = true;
|
194
|
+
_newSelectedRowData[_getRowId(row.original, row.index)] = row.original;
|
195
|
+
} else {
|
196
|
+
// removes selection from previously selected rows
|
197
|
+
delete previousSelectedRowIds[_getRowId(row.original, row.index)];
|
198
|
+
delete previousSelectedRowData[_getRowId(row.original, row.index)];
|
199
|
+
}
|
200
|
+
}
|
201
|
+
});
|
202
|
+
var finalSelectedRowIds = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, previousSelectedRowIds), _newSelectedRowIds);
|
203
|
+
var finalSelectedRowData = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, previousSelectedRowData), _newSelectedRowData);
|
204
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
|
205
|
+
selectedRowIds: finalSelectedRowIds,
|
206
|
+
selectedRowData: finalSelectedRowData
|
207
|
+
});
|
208
|
+
}
|
209
|
+
return _rollupPluginBabelHelpers.objectSpread2({}, newState);
|
210
|
+
}
|
155
211
|
case TOGGLE_ROW_SELECTED:
|
156
212
|
{
|
157
|
-
var
|
158
|
-
rowData =
|
159
|
-
|
160
|
-
|
213
|
+
var _ref7 = action.payload || {},
|
214
|
+
rowData = _ref7.rowData,
|
215
|
+
_isChecked2 = _ref7.isChecked,
|
216
|
+
_getRowId2 = _ref7.getRowId;
|
161
217
|
if (!rowData) {
|
162
218
|
return;
|
163
219
|
}
|
164
|
-
if (
|
220
|
+
if (_isChecked2) {
|
165
221
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
|
166
|
-
selectedRowData: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState.selectedRowData), {}, _rollupPluginBabelHelpers.defineProperty({},
|
222
|
+
selectedRowData: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState.selectedRowData), {}, _rollupPluginBabelHelpers.defineProperty({}, _getRowId2(rowData.original, rowData.index), rowData.original))
|
167
223
|
});
|
168
224
|
}
|
169
|
-
if (rowData && !
|
225
|
+
if (rowData && !_isChecked2) {
|
170
226
|
var newData = _rollupPluginBabelHelpers.objectSpread2({}, newState.selectedRowData);
|
171
|
-
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (
|
172
|
-
var
|
173
|
-
key =
|
174
|
-
return parseInt(key) !== parseInt(
|
227
|
+
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref8) {
|
228
|
+
var _ref9 = _rollupPluginBabelHelpers.slicedToArray(_ref8, 1),
|
229
|
+
key = _ref9[0];
|
230
|
+
return parseInt(key) !== parseInt(_getRowId2(rowData.original, rowData.index));
|
175
231
|
}));
|
176
232
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
|
177
233
|
selectedRowData: dataWithRemovedRow
|
@@ -187,27 +243,27 @@ var stateReducer = function stateReducer(newState, action) {
|
|
187
243
|
}
|
188
244
|
case COLUMN_RESIZE_START:
|
189
245
|
{
|
190
|
-
var
|
191
|
-
headerId =
|
246
|
+
var _ref10 = action.payload || {},
|
247
|
+
headerId = _ref10.headerId;
|
192
248
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newState), {}, {
|
193
249
|
isResizing: headerId
|
194
250
|
});
|
195
251
|
}
|
196
252
|
case COLUMN_RESIZING:
|
197
253
|
{
|
198
|
-
var
|
199
|
-
_headerId =
|
200
|
-
newWidth =
|
201
|
-
defaultWidth =
|
254
|
+
var _ref11 = action.payload || {},
|
255
|
+
_headerId = _ref11.headerId,
|
256
|
+
newWidth = _ref11.newWidth,
|
257
|
+
defaultWidth = _ref11.defaultWidth;
|
202
258
|
var newColumnWidth = {};
|
203
259
|
if (typeof _headerId === 'undefined') {
|
204
260
|
return _rollupPluginBabelHelpers.objectSpread2({}, newState);
|
205
261
|
}
|
206
262
|
newColumnWidth[_headerId] = newWidth;
|
207
|
-
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (
|
208
|
-
var
|
209
|
-
|
210
|
-
var value =
|
263
|
+
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref12) {
|
264
|
+
var _ref13 = _rollupPluginBabelHelpers.slicedToArray(_ref12, 2);
|
265
|
+
_ref13[0];
|
266
|
+
var value = _ref13[1];
|
211
267
|
return !isNaN(value);
|
212
268
|
}));
|
213
269
|
var headerIdArray = newState.columnResizing.headerIdWidths || [];
|
@@ -222,10 +278,10 @@ var stateReducer = function stateReducer(newState, action) {
|
|
222
278
|
}
|
223
279
|
case COLUMN_RESIZE_END:
|
224
280
|
{
|
225
|
-
var
|
226
|
-
onColResizeEnd =
|
227
|
-
_headerId2 =
|
228
|
-
isKeyEvent =
|
281
|
+
var _ref14 = action.payload || {},
|
282
|
+
onColResizeEnd = _ref14.onColResizeEnd,
|
283
|
+
_headerId2 = _ref14.headerId,
|
284
|
+
isKeyEvent = _ref14.isKeyEvent;
|
229
285
|
var currentColumn = {};
|
230
286
|
currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
|
231
287
|
var allChangedColumns = newState.columnResizing.columnWidths;
|
@@ -254,6 +310,7 @@ var stateReducer = function stateReducer(newState, action) {
|
|
254
310
|
exports.handleColumnResizeEndEvent = handleColumnResizeEndEvent;
|
255
311
|
exports.handleColumnResizingEvent = handleColumnResizingEvent;
|
256
312
|
exports.handleDynamicRowCheck = handleDynamicRowCheck;
|
313
|
+
exports.handleOnPageSelectAllRowData = handleOnPageSelectAllRowData;
|
257
314
|
exports.handleSelectAllRowData = handleSelectAllRowData;
|
258
315
|
exports.handleToggleRowSelected = handleToggleRowSelected;
|
259
316
|
exports.stateReducer = stateReducer;
|
@@ -87,6 +87,7 @@ export interface FilterFlyoutProps {
|
|
87
87
|
flyoutIconDescription?: string;
|
88
88
|
onFlyoutClose?: () => void;
|
89
89
|
onFlyoutOpen?: () => void;
|
90
|
+
onClearFilters?: () => void;
|
90
91
|
panelIconDescription?: string;
|
91
92
|
primaryActionLabel?: string;
|
92
93
|
reactTableFiltersState?: ReactTableFiltersState[];
|
@@ -107,11 +107,6 @@ var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerR
|
|
107
107
|
// adjust top for sticky with navigation
|
108
108
|
update.headerTopValue += update.navigationRowHeight;
|
109
109
|
}
|
110
|
-
if (!hasActionBar && !widthIsNarrow) {
|
111
|
-
// Add difference between $spacing-08 and $spacing-07 to ensure space below breadcrumb is correct on scroll
|
112
|
-
// $spacing-07 is used as size for breadcrumb when no action bar otherwise $spacing-08
|
113
|
-
update.headerTopValue += 8;
|
114
|
-
}
|
115
110
|
if (!enableBreadcrumbScroll || !navigation) {
|
116
111
|
// adjust sticky top if no navigation or breadcrumb is to stay on screen
|
117
112
|
update.headerTopValue += update.breadcrumbRowHeight;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "2.43.2-canary.
|
4
|
+
"version": "2.43.2-canary.208+602f85d0a",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -120,5 +120,5 @@
|
|
120
120
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
121
121
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
122
122
|
},
|
123
|
-
"gitHead": "
|
123
|
+
"gitHead": "602f85d0a3afd507b31157df27091fc94e60bf27"
|
124
124
|
}
|