@carbon/ibm-products 2.15.0 → 2.15.1
Sign up to get free protection for your applications and to get access to all the features.
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +18 -19
- package/es/components/Datagrid/useColumnCenterAlign.js +6 -6
- package/es/components/Datagrid/useColumnRightAlign.js +6 -6
- package/es/components/Datagrid/useNestedRowExpander.js +10 -1
- package/es/components/Datagrid/useRowExpander.js +11 -1
- package/es/components/Datagrid/useSelectAllToggle.js +2 -2
- package/es/components/Datagrid/useSelectRows.js +27 -21
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +18 -19
- package/lib/components/Datagrid/useColumnCenterAlign.js +5 -6
- package/lib/components/Datagrid/useColumnRightAlign.js +5 -6
- package/lib/components/Datagrid/useNestedRowExpander.js +15 -9
- package/lib/components/Datagrid/useRowExpander.js +16 -9
- package/lib/components/Datagrid/useSelectAllToggle.js +2 -2
- package/lib/components/Datagrid/useSelectRows.js +27 -21
- package/package.json +2 -2
@@ -12,9 +12,8 @@ import { TableToolbar, TableBatchActions, TableBatchAction, MenuButton, MenuItem
|
|
12
12
|
import { useResizeObserver } from '../../../global/js/hooks/useResizeObserver';
|
13
13
|
import { pkg, carbon } from '../../../settings';
|
14
14
|
import cx from 'classnames';
|
15
|
-
var blockClass = "".concat(pkg.prefix, "--
|
15
|
+
var blockClass = "".concat(pkg.prefix, "--datagrid__table-toolbar");
|
16
16
|
var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridState, width, ref) {
|
17
|
-
var _Object$keys;
|
18
17
|
var _useState = useState(false),
|
19
18
|
_useState2 = _slicedToArray(_useState, 2),
|
20
19
|
displayAllInMenu = _useState2[0],
|
@@ -33,7 +32,8 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
|
|
33
32
|
toolbarBatchActions = datagridState.toolbarBatchActions,
|
34
33
|
setGlobalFilter = datagridState.setGlobalFilter,
|
35
34
|
rows = datagridState.rows;
|
36
|
-
var
|
35
|
+
var selectedKeys = Object.keys(selectedRowIds || {});
|
36
|
+
var totalSelected = selectedKeys.length;
|
37
37
|
|
38
38
|
// Get initial width of batch actions container,
|
39
39
|
// used to measure when all items are put inside
|
@@ -54,21 +54,20 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
|
|
54
54
|
}
|
55
55
|
}, [width, ref, initialListWidth]);
|
56
56
|
var getSelectedRowData = function getSelectedRowData() {
|
57
|
-
|
58
|
-
|
57
|
+
if (selectedKeys.length === 0) {
|
58
|
+
return [];
|
59
|
+
}
|
60
|
+
return selectedKeys.map(function (rowIndex) {
|
59
61
|
var filteredRow = rows.filter(function (row) {
|
60
62
|
return row.index === parseInt(rowIndex);
|
61
63
|
});
|
62
|
-
|
63
|
-
|
64
|
-
}
|
65
|
-
return [];
|
66
|
-
}) : [];
|
67
|
-
return selectedRowData;
|
64
|
+
return filteredRow.length ? filteredRow[0] : [];
|
65
|
+
});
|
68
66
|
};
|
69
67
|
|
70
68
|
// Render batch actions in ButtonMenu
|
71
69
|
var renderBatchActionOverflow = function renderBatchActionOverflow() {
|
70
|
+
var menuClass = "".concat(blockClass, "__button-menu");
|
72
71
|
var minWidthBeforeOverflowIcon = 380;
|
73
72
|
// Do not render ButtonMenu when there are 3 or less items
|
74
73
|
// and if there is enough available space to render all the items
|
@@ -86,12 +85,12 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
|
|
86
85
|
};
|
87
86
|
return /*#__PURE__*/React.createElement(MenuButton, {
|
88
87
|
label: "More",
|
89
|
-
className: cx(
|
90
|
-
}, toolbarBatchActions
|
91
|
-
|
92
|
-
|
88
|
+
className: cx([menuClass, _defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)])
|
89
|
+
}, toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
|
90
|
+
var hidden = index < 2 && !displayAllInMenu;
|
91
|
+
if (!hidden) {
|
92
|
+
return renderItem(batchAction, index);
|
93
93
|
}
|
94
|
-
return renderItem(batchAction, index);
|
95
94
|
}));
|
96
95
|
};
|
97
96
|
var onClickHandler = function onClickHandler(event, batchAction) {
|
@@ -139,12 +138,12 @@ var DatagridToolbar = function DatagridToolbar(datagridState) {
|
|
139
138
|
DatagridBatchActions = datagridState.DatagridBatchActions,
|
140
139
|
batchActions = datagridState.batchActions,
|
141
140
|
rowSize = datagridState.rowSize;
|
142
|
-
var getRowHeight = rowSize
|
141
|
+
var getRowHeight = rowSize || 'lg';
|
143
142
|
return batchActions && DatagridActions ? /*#__PURE__*/React.createElement("div", {
|
144
143
|
ref: ref,
|
145
|
-
className: cx(
|
144
|
+
className: cx([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
|
146
145
|
}, /*#__PURE__*/React.createElement(TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React.createElement("div", {
|
147
|
-
className:
|
146
|
+
className: blockClass
|
148
147
|
}, /*#__PURE__*/React.createElement(TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
|
149
148
|
};
|
150
149
|
export default DatagridToolbar;
|
@@ -2,13 +2,13 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
5
|
-
|
6
|
-
*
|
7
|
-
*
|
8
|
-
*
|
9
|
-
*
|
10
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
5
|
+
/**
|
6
|
+
* Copyright IBM Corp. 2020, 2023
|
7
|
+
*
|
8
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
9
|
+
* LICENSE file in the root directory of this source tree.
|
11
10
|
*/
|
11
|
+
|
12
12
|
import React from 'react';
|
13
13
|
import cx from 'classnames';
|
14
14
|
import { pkg } from '../../settings';
|
@@ -2,13 +2,13 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
5
|
-
|
6
|
-
*
|
7
|
-
*
|
8
|
-
*
|
9
|
-
*
|
10
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
5
|
+
/**
|
6
|
+
* Copyright IBM Corp. 2020, 2023
|
7
|
+
*
|
8
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
9
|
+
* LICENSE file in the root directory of this source tree.
|
11
10
|
*/
|
11
|
+
|
12
12
|
import React from 'react';
|
13
13
|
import cx from 'classnames';
|
14
14
|
import { pkg } from '../../settings';
|
@@ -1,6 +1,8 @@
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
4
6
|
/* eslint-disable react/prop-types */
|
5
7
|
/**
|
6
8
|
* Copyright IBM Corp. 2020, 2023
|
@@ -25,6 +27,13 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
25
27
|
Cell: function Cell(_ref) {
|
26
28
|
var _cx;
|
27
29
|
var row = _ref.row;
|
30
|
+
var expanderButtonProps = _objectSpread(_objectSpread({}, row.getToggleRowExpandedProps()), {}, {
|
31
|
+
onClick: function onClick(event) {
|
32
|
+
// Prevents `onRowClick` from being called if `useOnRowClick` is included
|
33
|
+
event.stopPropagation();
|
34
|
+
row.toggleRowExpanded();
|
35
|
+
}
|
36
|
+
});
|
28
37
|
var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
|
29
38
|
_ref2$expanderButtonT = _ref2.expanderButtonTitleExpanded,
|
30
39
|
expanderButtonTitleExpanded = _ref2$expanderButtonT === void 0 ? 'Collapse row' : _ref2$expanderButtonT,
|
@@ -35,7 +44,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
35
44
|
type: "button",
|
36
45
|
"aria-label": expanderTitle,
|
37
46
|
className: cx("".concat(blockClass, "__row-expander"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--ghost"))
|
38
|
-
},
|
47
|
+
}, expanderButtonProps, {
|
39
48
|
title: expanderTitle
|
40
49
|
}), /*#__PURE__*/React.createElement(ChevronRight, {
|
41
50
|
className: cx("".concat(blockClass, "__expander-icon"), (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), _defineProperty(_cx, "".concat(blockClass, "__expander-icon--open"), row.isExpanded), _cx))
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
3
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
3
6
|
/* eslint-disable react/prop-types */
|
4
7
|
/**
|
5
8
|
* Copyright IBM Corp. 2020, 2023
|
@@ -23,6 +26,13 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
23
26
|
id: 'expander',
|
24
27
|
Cell: function Cell(_ref) {
|
25
28
|
var row = _ref.row;
|
29
|
+
var expanderButtonProps = _objectSpread(_objectSpread({}, row.getToggleRowExpandedProps()), {}, {
|
30
|
+
onClick: function onClick(event) {
|
31
|
+
// Prevents `onRowClick` from being called if `useOnRowClick` is included
|
32
|
+
event.stopPropagation();
|
33
|
+
row.toggleRowExpanded();
|
34
|
+
}
|
35
|
+
});
|
26
36
|
var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
|
27
37
|
_ref2$expanderButtonT = _ref2.expanderButtonTitleExpanded,
|
28
38
|
expanderButtonTitleExpanded = _ref2$expanderButtonT === void 0 ? 'Collapse row' : _ref2$expanderButtonT,
|
@@ -33,7 +43,7 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
33
43
|
type: "button",
|
34
44
|
"aria-label": expanderTitle,
|
35
45
|
className: cx("".concat(blockClass, "__row-expander"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--ghost"))
|
36
|
-
},
|
46
|
+
}, expanderButtonProps, {
|
37
47
|
title: expanderTitle
|
38
48
|
}), row.isExpanded ? /*#__PURE__*/React.createElement(ChevronUp, {
|
39
49
|
className: "".concat(blockClass, "__row-expander--icon")
|
@@ -13,7 +13,7 @@ import cx from 'classnames';
|
|
13
13
|
import { selectionColumnId } from './common-column-ids';
|
14
14
|
import SelectAllWithToggle from './Datagrid/DatagridSelectAllWithToggle';
|
15
15
|
import { pkg } from '../../settings';
|
16
|
-
var blockClass = "".concat(pkg.prefix, "--
|
16
|
+
var blockClass = "".concat(pkg.prefix, "--datagrid__select-all");
|
17
17
|
var useSelectAllToggle = function useSelectAllToggle(hooks) {
|
18
18
|
useSelectAllWithToggleComponent(hooks);
|
19
19
|
useAddClassNameToSelectRow(hooks);
|
@@ -60,7 +60,7 @@ var useAddClassNameToSelectRow = function useAddClassNameToSelectRow(hooks) {
|
|
60
60
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
61
61
|
if (column.id === selectionColumnId && DatagridPagination) {
|
62
62
|
return [props, {
|
63
|
-
className: cx("".concat(blockClass, "
|
63
|
+
className: cx("".concat(blockClass, "-toggle-on"), _defineProperty({}, "".concat(blockClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
|
64
64
|
}];
|
65
65
|
}
|
66
66
|
return [props];
|
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
4
4
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
6
|
-
var _excluded = ["onChange"];
|
6
|
+
var _excluded = ["onChange", "title"];
|
7
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
8
8
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
9
9
|
/*
|
@@ -21,6 +21,7 @@ import { SelectAll } from './Datagrid/DatagridSelectAll';
|
|
21
21
|
import { selectionColumnId } from './common-column-ids';
|
22
22
|
import { pkg, carbon } from '../../settings';
|
23
23
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
24
|
+
var checkboxClass = "".concat(pkg.prefix, "--datagrid__checkbox-cell");
|
24
25
|
var useSelectRows = function useSelectRows(hooks) {
|
25
26
|
useHighlightSelection(hooks);
|
26
27
|
var useInstance = function useInstance(instance) {
|
@@ -54,9 +55,12 @@ var useSelectRows = function useSelectRows(hooks) {
|
|
54
55
|
};
|
55
56
|
var useHighlightSelection = function useHighlightSelection(hooks) {
|
56
57
|
var getRowProps = function getRowProps(props, _ref) {
|
58
|
+
var _ref2;
|
57
59
|
var row = _ref.row;
|
60
|
+
var _row$getToggleRowSele = row.getToggleRowSelectedProps(),
|
61
|
+
checked = _row$getToggleRowSele.checked;
|
58
62
|
return [props, {
|
59
|
-
className: cx("".concat(blockClass, "__carbon-row"),
|
63
|
+
className: cx(["".concat(blockClass, "__carbon-row"), (_ref2 = {}, _defineProperty(_ref2, "".concat(carbon.prefix, "--data-table--selected"), checked), _defineProperty(_ref2, "".concat(blockClass, "__active-row"), checked), _ref2)])
|
60
64
|
}];
|
61
65
|
};
|
62
66
|
hooks.getRowProps.push(getRowProps);
|
@@ -87,30 +91,32 @@ var SelectRow = function SelectRow(datagridState) {
|
|
87
91
|
return window.removeEventListener('resize', updateSize);
|
88
92
|
};
|
89
93
|
}, []);
|
94
|
+
var onSelectHandler = function onSelectHandler(e) {
|
95
|
+
e.stopPropagation(); // avoid triggering onRowClick
|
96
|
+
if (radio) {
|
97
|
+
toggleAllRowsSelected(false);
|
98
|
+
if (onRadioSelect) {
|
99
|
+
onRadioSelect(row);
|
100
|
+
}
|
101
|
+
}
|
102
|
+
onChange(e);
|
103
|
+
onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, e);
|
104
|
+
};
|
90
105
|
var selectDisabled = isFetching || row.getRowProps().disabled;
|
91
|
-
var _row$
|
92
|
-
onChange = _row$
|
93
|
-
|
106
|
+
var _row$getToggleRowSele2 = row.getToggleRowSelectedProps(),
|
107
|
+
onChange = _row$getToggleRowSele2.onChange,
|
108
|
+
title = _row$getToggleRowSele2.title,
|
109
|
+
selectProps = _objectWithoutProperties(_row$getToggleRowSele2, _excluded);
|
94
110
|
var cellProps = cell.getCellProps();
|
95
111
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
112
|
+
var rowId = "".concat(tableId, "-").concat(row.index);
|
96
113
|
return /*#__PURE__*/React.createElement(TableSelectRow, _extends({}, cellProps, selectProps, {
|
97
114
|
radio: radio,
|
98
|
-
onSelect:
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
onRadioSelect(row);
|
104
|
-
}
|
105
|
-
}
|
106
|
-
onChange(e);
|
107
|
-
onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, e);
|
108
|
-
},
|
109
|
-
id: "".concat(tableId, "-").concat(row.index),
|
110
|
-
name: "".concat(tableId, "-").concat(row.index, "-name"),
|
111
|
-
className: cx("".concat(blockClass, "__checkbox-cell"), cellProps.className, _defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), isFirstColumnStickyLeft && windowSize > 671)),
|
112
|
-
ariaLabel: "".concat(tableId, "-row-").concat(row.index) // TODO: aria label should be i18n'ed
|
113
|
-
,
|
115
|
+
onSelect: onSelectHandler,
|
116
|
+
id: rowId,
|
117
|
+
name: "".concat(rowId, "-name"),
|
118
|
+
className: cx([checkboxClass, cellProps.className, _defineProperty({}, "".concat(checkboxClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671)]),
|
119
|
+
ariaLabel: title,
|
114
120
|
disabled: selectDisabled
|
115
121
|
}));
|
116
122
|
};
|
@@ -22,9 +22,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
22
22
|
* LICENSE file in the root directory of this source tree.
|
23
23
|
*/
|
24
24
|
|
25
|
-
var blockClass = "".concat(_settings.pkg.prefix, "--
|
25
|
+
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid__table-toolbar");
|
26
26
|
var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridState, width, ref) {
|
27
|
-
var _Object$keys;
|
28
27
|
var _useState = (0, _react.useState)(false),
|
29
28
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
30
29
|
displayAllInMenu = _useState2[0],
|
@@ -43,7 +42,8 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
|
|
43
42
|
toolbarBatchActions = datagridState.toolbarBatchActions,
|
44
43
|
setGlobalFilter = datagridState.setGlobalFilter,
|
45
44
|
rows = datagridState.rows;
|
46
|
-
var
|
45
|
+
var selectedKeys = Object.keys(selectedRowIds || {});
|
46
|
+
var totalSelected = selectedKeys.length;
|
47
47
|
|
48
48
|
// Get initial width of batch actions container,
|
49
49
|
// used to measure when all items are put inside
|
@@ -64,21 +64,20 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
|
|
64
64
|
}
|
65
65
|
}, [width, ref, initialListWidth]);
|
66
66
|
var getSelectedRowData = function getSelectedRowData() {
|
67
|
-
|
68
|
-
|
67
|
+
if (selectedKeys.length === 0) {
|
68
|
+
return [];
|
69
|
+
}
|
70
|
+
return selectedKeys.map(function (rowIndex) {
|
69
71
|
var filteredRow = rows.filter(function (row) {
|
70
72
|
return row.index === parseInt(rowIndex);
|
71
73
|
});
|
72
|
-
|
73
|
-
|
74
|
-
}
|
75
|
-
return [];
|
76
|
-
}) : [];
|
77
|
-
return selectedRowData;
|
74
|
+
return filteredRow.length ? filteredRow[0] : [];
|
75
|
+
});
|
78
76
|
};
|
79
77
|
|
80
78
|
// Render batch actions in ButtonMenu
|
81
79
|
var renderBatchActionOverflow = function renderBatchActionOverflow() {
|
80
|
+
var menuClass = "".concat(blockClass, "__button-menu");
|
82
81
|
var minWidthBeforeOverflowIcon = 380;
|
83
82
|
// Do not render ButtonMenu when there are 3 or less items
|
84
83
|
// and if there is enough available space to render all the items
|
@@ -96,12 +95,12 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
|
|
96
95
|
};
|
97
96
|
return /*#__PURE__*/_react.default.createElement(_react2.MenuButton, {
|
98
97
|
label: "More",
|
99
|
-
className: (0, _classnames.default)(
|
100
|
-
}, toolbarBatchActions
|
101
|
-
|
102
|
-
|
98
|
+
className: (0, _classnames.default)([menuClass, (0, _defineProperty2.default)({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)])
|
99
|
+
}, toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
|
100
|
+
var hidden = index < 2 && !displayAllInMenu;
|
101
|
+
if (!hidden) {
|
102
|
+
return renderItem(batchAction, index);
|
103
103
|
}
|
104
|
-
return renderItem(batchAction, index);
|
105
104
|
}));
|
106
105
|
};
|
107
106
|
var onClickHandler = function onClickHandler(event, batchAction) {
|
@@ -149,12 +148,12 @@ var DatagridToolbar = function DatagridToolbar(datagridState) {
|
|
149
148
|
DatagridBatchActions = datagridState.DatagridBatchActions,
|
150
149
|
batchActions = datagridState.batchActions,
|
151
150
|
rowSize = datagridState.rowSize;
|
152
|
-
var getRowHeight = rowSize
|
151
|
+
var getRowHeight = rowSize || 'lg';
|
153
152
|
return batchActions && DatagridActions ? /*#__PURE__*/_react.default.createElement("div", {
|
154
153
|
ref: ref,
|
155
|
-
className: (0, _classnames.default)(
|
154
|
+
className: (0, _classnames.default)([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
|
156
155
|
}, /*#__PURE__*/_react.default.createElement(_react2.TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/_react.default.createElement("div", {
|
157
|
-
className:
|
156
|
+
className: blockClass
|
158
157
|
}, /*#__PURE__*/_react.default.createElement(_react2.TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
|
159
158
|
};
|
160
159
|
var _default = exports.default = DatagridToolbar;
|
@@ -11,12 +11,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
12
12
|
var _settings = require("../../settings");
|
13
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
14
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
15
|
-
*
|
16
|
-
*
|
17
|
-
*
|
18
|
-
*
|
19
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
14
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
15
|
+
* Copyright IBM Corp. 2020, 2023
|
16
|
+
*
|
17
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
18
|
+
* LICENSE file in the root directory of this source tree.
|
20
19
|
*/
|
21
20
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
22
21
|
var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
|
@@ -11,12 +11,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
12
12
|
var _settings = require("../../settings");
|
13
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
14
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
15
|
-
*
|
16
|
-
*
|
17
|
-
*
|
18
|
-
*
|
19
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
14
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
15
|
+
* Copyright IBM Corp. 2020, 2023
|
16
|
+
*
|
17
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
18
|
+
* LICENSE file in the root directory of this source tree.
|
20
19
|
*/
|
21
20
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
22
21
|
var useColumnRightAlign = function useColumnRightAlign(hooks) {
|
@@ -15,14 +15,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
15
|
var _settings = require("../../settings");
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
18
|
-
|
19
|
-
/**
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable react/prop-types */ /**
|
20
|
+
* Copyright IBM Corp. 2020, 2023
|
21
|
+
*
|
22
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
23
|
+
* LICENSE file in the root directory of this source tree.
|
24
|
+
*/
|
26
25
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
27
26
|
var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
28
27
|
var tempState = (0, _react.useRef)();
|
@@ -35,6 +34,13 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
35
34
|
Cell: function Cell(_ref) {
|
36
35
|
var _cx;
|
37
36
|
var row = _ref.row;
|
37
|
+
var expanderButtonProps = _objectSpread(_objectSpread({}, row.getToggleRowExpandedProps()), {}, {
|
38
|
+
onClick: function onClick(event) {
|
39
|
+
// Prevents `onRowClick` from being called if `useOnRowClick` is included
|
40
|
+
event.stopPropagation();
|
41
|
+
row.toggleRowExpanded();
|
42
|
+
}
|
43
|
+
});
|
38
44
|
var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
|
39
45
|
_ref2$expanderButtonT = _ref2.expanderButtonTitleExpanded,
|
40
46
|
expanderButtonTitleExpanded = _ref2$expanderButtonT === void 0 ? 'Collapse row' : _ref2$expanderButtonT,
|
@@ -45,7 +51,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
45
51
|
type: "button",
|
46
52
|
"aria-label": expanderTitle,
|
47
53
|
className: (0, _classnames.default)("".concat(blockClass, "__row-expander"), "".concat(_settings.carbon.prefix, "--btn"), "".concat(_settings.carbon.prefix, "--btn--ghost"))
|
48
|
-
},
|
54
|
+
}, expanderButtonProps, {
|
49
55
|
title: expanderTitle
|
50
56
|
}), /*#__PURE__*/_react.default.createElement(_icons.ChevronRight, {
|
51
57
|
className: (0, _classnames.default)("".concat(blockClass, "__expander-icon"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__expander-icon--open"), row.isExpanded), _cx))
|
@@ -8,20 +8,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
exports.default = void 0;
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11
12
|
var _react = _interopRequireWildcard(require("react"));
|
12
13
|
var _icons = require("@carbon/react/icons");
|
13
14
|
var _settings = require("../../settings");
|
14
15
|
var _classnames = _interopRequireDefault(require("classnames"));
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
16
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
17
|
-
|
18
|
-
/**
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable react/prop-types */ /**
|
20
|
+
* Copyright IBM Corp. 2020, 2023
|
21
|
+
*
|
22
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
23
|
+
* LICENSE file in the root directory of this source tree.
|
24
|
+
*/
|
25
25
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
26
26
|
var useRowExpander = function useRowExpander(hooks) {
|
27
27
|
var tempState = (0, _react.useRef)();
|
@@ -33,6 +33,13 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
33
33
|
id: 'expander',
|
34
34
|
Cell: function Cell(_ref) {
|
35
35
|
var row = _ref.row;
|
36
|
+
var expanderButtonProps = _objectSpread(_objectSpread({}, row.getToggleRowExpandedProps()), {}, {
|
37
|
+
onClick: function onClick(event) {
|
38
|
+
// Prevents `onRowClick` from being called if `useOnRowClick` is included
|
39
|
+
event.stopPropagation();
|
40
|
+
row.toggleRowExpanded();
|
41
|
+
}
|
42
|
+
});
|
36
43
|
var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
|
37
44
|
_ref2$expanderButtonT = _ref2.expanderButtonTitleExpanded,
|
38
45
|
expanderButtonTitleExpanded = _ref2$expanderButtonT === void 0 ? 'Collapse row' : _ref2$expanderButtonT,
|
@@ -43,7 +50,7 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
43
50
|
type: "button",
|
44
51
|
"aria-label": expanderTitle,
|
45
52
|
className: (0, _classnames.default)("".concat(blockClass, "__row-expander"), "".concat(_settings.carbon.prefix, "--btn"), "".concat(_settings.carbon.prefix, "--btn--ghost"))
|
46
|
-
},
|
53
|
+
}, expanderButtonProps, {
|
47
54
|
title: expanderTitle
|
48
55
|
}), row.isExpanded ? /*#__PURE__*/_react.default.createElement(_icons.ChevronUp, {
|
49
56
|
className: "".concat(blockClass, "__row-expander--icon")
|
@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
24
24
|
*/
|
25
25
|
// @flow
|
26
26
|
|
27
|
-
var blockClass = "".concat(_settings.pkg.prefix, "--
|
27
|
+
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid__select-all");
|
28
28
|
var useSelectAllToggle = function useSelectAllToggle(hooks) {
|
29
29
|
useSelectAllWithToggleComponent(hooks);
|
30
30
|
useAddClassNameToSelectRow(hooks);
|
@@ -71,7 +71,7 @@ var useAddClassNameToSelectRow = function useAddClassNameToSelectRow(hooks) {
|
|
71
71
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
72
72
|
if (column.id === _commonColumnIds.selectionColumnId && DatagridPagination) {
|
73
73
|
return [props, {
|
74
|
-
className: (0, _classnames.default)("".concat(blockClass, "
|
74
|
+
className: (0, _classnames.default)("".concat(blockClass, "-toggle-on"), (0, _defineProperty2.default)({}, "".concat(blockClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
|
75
75
|
}];
|
76
76
|
}
|
77
77
|
return [props];
|
@@ -17,7 +17,7 @@ var _react2 = require("@carbon/react");
|
|
17
17
|
var _DatagridSelectAll = require("./Datagrid/DatagridSelectAll");
|
18
18
|
var _commonColumnIds = require("./common-column-ids");
|
19
19
|
var _settings = require("../../settings");
|
20
|
-
var _excluded = ["onChange"];
|
20
|
+
var _excluded = ["onChange", "title"];
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
23
23
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
@@ -29,6 +29,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
29
29
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
30
30
|
*/ // @flow
|
31
31
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
32
|
+
var checkboxClass = "".concat(_settings.pkg.prefix, "--datagrid__checkbox-cell");
|
32
33
|
var useSelectRows = function useSelectRows(hooks) {
|
33
34
|
useHighlightSelection(hooks);
|
34
35
|
var useInstance = function useInstance(instance) {
|
@@ -62,9 +63,12 @@ var useSelectRows = function useSelectRows(hooks) {
|
|
62
63
|
};
|
63
64
|
var useHighlightSelection = function useHighlightSelection(hooks) {
|
64
65
|
var getRowProps = function getRowProps(props, _ref) {
|
66
|
+
var _ref2;
|
65
67
|
var row = _ref.row;
|
68
|
+
var _row$getToggleRowSele = row.getToggleRowSelectedProps(),
|
69
|
+
checked = _row$getToggleRowSele.checked;
|
66
70
|
return [props, {
|
67
|
-
className: (0, _classnames.default)("".concat(blockClass, "__carbon-row"),
|
71
|
+
className: (0, _classnames.default)(["".concat(blockClass, "__carbon-row"), (_ref2 = {}, (0, _defineProperty2.default)(_ref2, "".concat(_settings.carbon.prefix, "--data-table--selected"), checked), (0, _defineProperty2.default)(_ref2, "".concat(blockClass, "__active-row"), checked), _ref2)])
|
68
72
|
}];
|
69
73
|
};
|
70
74
|
hooks.getRowProps.push(getRowProps);
|
@@ -95,30 +99,32 @@ var SelectRow = function SelectRow(datagridState) {
|
|
95
99
|
return window.removeEventListener('resize', updateSize);
|
96
100
|
};
|
97
101
|
}, []);
|
102
|
+
var onSelectHandler = function onSelectHandler(e) {
|
103
|
+
e.stopPropagation(); // avoid triggering onRowClick
|
104
|
+
if (radio) {
|
105
|
+
toggleAllRowsSelected(false);
|
106
|
+
if (onRadioSelect) {
|
107
|
+
onRadioSelect(row);
|
108
|
+
}
|
109
|
+
}
|
110
|
+
onChange(e);
|
111
|
+
onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, e);
|
112
|
+
};
|
98
113
|
var selectDisabled = isFetching || row.getRowProps().disabled;
|
99
|
-
var _row$
|
100
|
-
onChange = _row$
|
101
|
-
|
114
|
+
var _row$getToggleRowSele2 = row.getToggleRowSelectedProps(),
|
115
|
+
onChange = _row$getToggleRowSele2.onChange,
|
116
|
+
title = _row$getToggleRowSele2.title,
|
117
|
+
selectProps = (0, _objectWithoutProperties2.default)(_row$getToggleRowSele2, _excluded);
|
102
118
|
var cellProps = cell.getCellProps();
|
103
119
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
120
|
+
var rowId = "".concat(tableId, "-").concat(row.index);
|
104
121
|
return /*#__PURE__*/_react.default.createElement(_react2.TableSelectRow, (0, _extends2.default)({}, cellProps, selectProps, {
|
105
122
|
radio: radio,
|
106
|
-
onSelect:
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
onRadioSelect(row);
|
112
|
-
}
|
113
|
-
}
|
114
|
-
onChange(e);
|
115
|
-
onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, e);
|
116
|
-
},
|
117
|
-
id: "".concat(tableId, "-").concat(row.index),
|
118
|
-
name: "".concat(tableId, "-").concat(row.index, "-name"),
|
119
|
-
className: (0, _classnames.default)("".concat(blockClass, "__checkbox-cell"), cellProps.className, (0, _defineProperty2.default)({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), isFirstColumnStickyLeft && windowSize > 671)),
|
120
|
-
ariaLabel: "".concat(tableId, "-row-").concat(row.index) // TODO: aria label should be i18n'ed
|
121
|
-
,
|
123
|
+
onSelect: onSelectHandler,
|
124
|
+
id: rowId,
|
125
|
+
name: "".concat(rowId, "-name"),
|
126
|
+
className: (0, _classnames.default)([checkboxClass, cellProps.className, (0, _defineProperty2.default)({}, "".concat(checkboxClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671)]),
|
127
|
+
ariaLabel: title,
|
122
128
|
disabled: selectDisabled
|
123
129
|
}));
|
124
130
|
};
|
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.15.
|
4
|
+
"version": "2.15.1",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -96,5 +96,5 @@
|
|
96
96
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
97
97
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
98
98
|
},
|
99
|
-
"gitHead": "
|
99
|
+
"gitHead": "0837acd5a6efa4b8ebe5c86d40f6995b5a1565c5"
|
100
100
|
}
|