@carbon/ibm-products 2.17.0 → 2.17.1
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/css/index-full-carbon.css +63 -3
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +18 -1
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +18 -1
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +19 -1
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +6 -4
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +8 -0
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +67 -24
- package/es/components/Datagrid/useSelectRows.js +14 -9
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -0
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +6 -4
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +8 -0
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +68 -25
- package/lib/components/Datagrid/useSelectRows.js +14 -9
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -0
- package/package.json +5 -5
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +6 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +1 -1
- package/scss/components/WebTerminal/_web-terminal.scss +5 -0
@@ -16,6 +16,7 @@ var COLUMN_RESIZING = 'columnResizing';
|
|
16
16
|
var COLUMN_RESIZE_END = 'columnDoneResizing';
|
17
17
|
var INIT = 'init';
|
18
18
|
var TOGGLE_ROW_SELECTED = 'toggleRowSelected';
|
19
|
+
var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected';
|
19
20
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
20
21
|
export var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
|
21
22
|
dispatch({
|
@@ -47,35 +48,77 @@ export var handleColumnResizingEvent = function handleColumnResizingEvent(dispat
|
|
47
48
|
}
|
48
49
|
});
|
49
50
|
};
|
50
|
-
export var handleToggleRowSelected = function handleToggleRowSelected(
|
51
|
+
export var handleToggleRowSelected = function handleToggleRowSelected(_ref) {
|
52
|
+
var dispatch = _ref.dispatch,
|
53
|
+
rowData = _ref.rowData,
|
54
|
+
isChecked = _ref.isChecked,
|
55
|
+
getRowId = _ref.getRowId,
|
56
|
+
selectAll = _ref.selectAll;
|
51
57
|
return dispatch({
|
52
58
|
type: TOGGLE_ROW_SELECTED,
|
53
59
|
payload: {
|
54
60
|
rowData: rowData,
|
61
|
+
isChecked: isChecked,
|
62
|
+
getRowId: getRowId,
|
63
|
+
selectAll: selectAll
|
64
|
+
}
|
65
|
+
});
|
66
|
+
};
|
67
|
+
export var handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
|
68
|
+
var dispatch = _ref2.dispatch,
|
69
|
+
rows = _ref2.rows,
|
70
|
+
getRowId = _ref2.getRowId,
|
71
|
+
indeterminate = _ref2.indeterminate,
|
72
|
+
isChecked = _ref2.isChecked;
|
73
|
+
return dispatch({
|
74
|
+
type: TOGGLE_ALL_ROWS_SELECTED,
|
75
|
+
payload: {
|
76
|
+
rows: rows,
|
77
|
+
getRowId: getRowId,
|
78
|
+
indeterminate: indeterminate,
|
55
79
|
isChecked: isChecked
|
56
80
|
}
|
57
81
|
});
|
58
82
|
};
|
59
83
|
export var stateReducer = function stateReducer(newState, action) {
|
60
84
|
switch (action.type) {
|
85
|
+
case TOGGLE_ALL_ROWS_SELECTED:
|
86
|
+
{
|
87
|
+
var _ref3 = action.payload || {},
|
88
|
+
rows = _ref3.rows,
|
89
|
+
getRowId = _ref3.getRowId,
|
90
|
+
indeterminate = _ref3.indeterminate,
|
91
|
+
isChecked = _ref3.isChecked;
|
92
|
+
if (rows) {
|
93
|
+
var newSelectedRowData = {};
|
94
|
+
rows.forEach(function (row) {
|
95
|
+
newSelectedRowData[getRowId(row, row.index)] = row;
|
96
|
+
});
|
97
|
+
return _objectSpread(_objectSpread({}, newState), {}, {
|
98
|
+
selectedRowData: indeterminate || !isChecked ? {} : newSelectedRowData
|
99
|
+
});
|
100
|
+
}
|
101
|
+
return _objectSpread({}, newState);
|
102
|
+
}
|
61
103
|
case TOGGLE_ROW_SELECTED:
|
62
104
|
{
|
63
|
-
var
|
64
|
-
rowData =
|
65
|
-
|
105
|
+
var _ref4 = action.payload || {},
|
106
|
+
rowData = _ref4.rowData,
|
107
|
+
_isChecked = _ref4.isChecked,
|
108
|
+
_getRowId = _ref4.getRowId;
|
66
109
|
if (!rowData) {
|
67
110
|
return;
|
68
111
|
}
|
69
|
-
if (
|
112
|
+
if (_isChecked) {
|
70
113
|
return _objectSpread(_objectSpread({}, newState), {}, {
|
71
|
-
selectedRowData: _objectSpread(_objectSpread({}, newState.selectedRowData), {}, _defineProperty({}, rowData.index, rowData))
|
114
|
+
selectedRowData: _objectSpread(_objectSpread({}, newState.selectedRowData), {}, _defineProperty({}, _getRowId(rowData, rowData.index), rowData))
|
72
115
|
});
|
73
116
|
}
|
74
|
-
if (rowData && !
|
117
|
+
if (rowData && !_isChecked) {
|
75
118
|
var newData = _objectSpread({}, newState.selectedRowData);
|
76
|
-
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (
|
77
|
-
var
|
78
|
-
key =
|
119
|
+
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref5) {
|
120
|
+
var _ref6 = _slicedToArray(_ref5, 1),
|
121
|
+
key = _ref6[0];
|
79
122
|
return parseInt(key) !== parseInt(rowData.index);
|
80
123
|
}));
|
81
124
|
return _objectSpread(_objectSpread({}, newState), {}, {
|
@@ -92,27 +135,27 @@ export var stateReducer = function stateReducer(newState, action) {
|
|
92
135
|
}
|
93
136
|
case COLUMN_RESIZE_START:
|
94
137
|
{
|
95
|
-
var
|
96
|
-
headerId =
|
138
|
+
var _ref7 = action.payload || {},
|
139
|
+
headerId = _ref7.headerId;
|
97
140
|
return _objectSpread(_objectSpread({}, newState), {}, {
|
98
141
|
isResizing: headerId
|
99
142
|
});
|
100
143
|
}
|
101
144
|
case COLUMN_RESIZING:
|
102
145
|
{
|
103
|
-
var
|
104
|
-
_headerId =
|
105
|
-
newWidth =
|
106
|
-
defaultWidth =
|
146
|
+
var _ref8 = action.payload || {},
|
147
|
+
_headerId = _ref8.headerId,
|
148
|
+
newWidth = _ref8.newWidth,
|
149
|
+
defaultWidth = _ref8.defaultWidth;
|
107
150
|
var newColumnWidth = {};
|
108
151
|
if (typeof _headerId === 'undefined') {
|
109
152
|
return _objectSpread({}, newState);
|
110
153
|
}
|
111
154
|
newColumnWidth[_headerId] = newWidth;
|
112
|
-
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (
|
113
|
-
var
|
114
|
-
_ =
|
115
|
-
value =
|
155
|
+
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref9) {
|
156
|
+
var _ref10 = _slicedToArray(_ref9, 2),
|
157
|
+
_ = _ref10[0],
|
158
|
+
value = _ref10[1];
|
116
159
|
return !isNaN(value);
|
117
160
|
}));
|
118
161
|
var headerIdArray = newState.columnResizing.headerIdWidths || [];
|
@@ -127,10 +170,10 @@ export var stateReducer = function stateReducer(newState, action) {
|
|
127
170
|
}
|
128
171
|
case COLUMN_RESIZE_END:
|
129
172
|
{
|
130
|
-
var
|
131
|
-
onColResizeEnd =
|
132
|
-
_headerId2 =
|
133
|
-
isKeyEvent =
|
173
|
+
var _ref11 = action.payload || {},
|
174
|
+
onColResizeEnd = _ref11.onColResizeEnd,
|
175
|
+
_headerId2 = _ref11.headerId,
|
176
|
+
isKeyEvent = _ref11.isKeyEvent;
|
134
177
|
var currentColumn = {};
|
135
178
|
currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
|
136
179
|
var allChangedColumns = newState.columnResizing.columnWidths;
|
@@ -6,14 +6,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
6
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
|
-
|
10
|
-
*
|
11
|
-
*
|
12
|
-
*
|
13
|
-
*
|
14
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
9
|
+
/**
|
10
|
+
* Copyright IBM Corp. 2020, 2023
|
11
|
+
*
|
12
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
15
14
|
*/
|
16
|
-
|
15
|
+
|
17
16
|
import React, { useLayoutEffect, useState } from 'react';
|
18
17
|
import cx from 'classnames';
|
19
18
|
import { TableSelectRow } from '@carbon/react';
|
@@ -79,7 +78,8 @@ var SelectRow = function SelectRow(datagridState) {
|
|
79
78
|
onRowSelect = datagridState.onRowSelect,
|
80
79
|
columns = datagridState.columns,
|
81
80
|
withStickyColumn = datagridState.withStickyColumn,
|
82
|
-
dispatch = datagridState.dispatch
|
81
|
+
dispatch = datagridState.dispatch,
|
82
|
+
getRowId = datagridState.getRowId;
|
83
83
|
var _useState = useState(window.innerWidth),
|
84
84
|
_useState2 = _slicedToArray(_useState, 2),
|
85
85
|
windowSize = _useState2[0],
|
@@ -103,7 +103,12 @@ var SelectRow = function SelectRow(datagridState) {
|
|
103
103
|
}
|
104
104
|
onChange(event);
|
105
105
|
onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
|
106
|
-
handleToggleRowSelected(
|
106
|
+
handleToggleRowSelected({
|
107
|
+
dispatch: dispatch,
|
108
|
+
rowData: row,
|
109
|
+
isChecked: event.target.checked,
|
110
|
+
getRowId: getRowId
|
111
|
+
});
|
107
112
|
};
|
108
113
|
var selectDisabled = isFetching || row.getRowProps().disabled;
|
109
114
|
var _row$getToggleRowSele2 = row.getToggleRowSelectedProps(),
|
@@ -47,6 +47,7 @@ export var NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
47
47
|
className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
|
48
48
|
ref: ref
|
49
49
|
}, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration, {
|
50
|
+
title: title,
|
50
51
|
theme: illustrationTheme,
|
51
52
|
size: size
|
52
53
|
}), /*#__PURE__*/React.createElement(EmptyStateContent, {
|
@@ -15,7 +15,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
15
|
var _settings = require("../../../settings");
|
16
16
|
var _CreateTearsheet = require("../CreateTearsheet");
|
17
17
|
var _CreateTearsheetStep = require("../CreateTearsheetStep");
|
18
|
-
var _excluded = ["value1", "setValue1"]
|
18
|
+
var _excluded = ["value1", "setValue1"],
|
19
|
+
_excluded2 = ["backButtonText", "cancelButtonText", "className", "description", "firstFocusElement", "influencerWidth", "label", "nextButtonText", "submitButtonText", "title"];
|
19
20
|
/* eslint-disable react/prop-types */
|
20
21
|
/**
|
21
22
|
* Copyright IBM Corp. 2021, 2023
|
@@ -57,7 +58,8 @@ var MultiStepTearsheet = exports.MultiStepTearsheet = function MultiStepTearshee
|
|
57
58
|
label = _ref2.label,
|
58
59
|
nextButtonText = _ref2.nextButtonText,
|
59
60
|
submitButtonText = _ref2.submitButtonText,
|
60
|
-
title = _ref2.title
|
61
|
+
title = _ref2.title,
|
62
|
+
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
|
61
63
|
var _useState = (0, _react.useState)(750),
|
62
64
|
_useState2 = (0, _slicedToArray2.default)(_useState, 1),
|
63
65
|
simulatedDelay = _useState2[0];
|
@@ -121,7 +123,7 @@ var MultiStepTearsheet = exports.MultiStepTearsheet = function MultiStepTearshee
|
|
121
123
|
onClick: function onClick() {
|
122
124
|
return setOpen(!open);
|
123
125
|
}
|
124
|
-
}, open ? 'Close CreateTearsheet' : 'Open CreateTearsheet'), /*#__PURE__*/_react.default.createElement(_CreateTearsheet.CreateTearsheet, {
|
126
|
+
}, open ? 'Close CreateTearsheet' : 'Open CreateTearsheet'), /*#__PURE__*/_react.default.createElement(_CreateTearsheet.CreateTearsheet, (0, _extends2.default)({
|
125
127
|
influencerWidth: influencerWidth,
|
126
128
|
label: label,
|
127
129
|
className: (0, _classnames.default)(blockClass, className),
|
@@ -142,7 +144,7 @@ var MultiStepTearsheet = exports.MultiStepTearsheet = function MultiStepTearshee
|
|
142
144
|
});
|
143
145
|
},
|
144
146
|
firstFocusElement: firstFocusElement
|
145
|
-
}, /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
|
147
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
|
146
148
|
onNext: function onNext() {
|
147
149
|
return new Promise(function (resolve, reject) {
|
148
150
|
setTimeout(function () {
|
@@ -14,6 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
14
14
|
var _react2 = require("@carbon/react");
|
15
15
|
var _classnames = _interopRequireDefault(require("classnames"));
|
16
16
|
var _settings = require("../../../settings");
|
17
|
+
var _stateReducer = require("./addons/stateReducer");
|
17
18
|
var _excluded = ["onChange"];
|
18
19
|
/**
|
19
20
|
* Copyright IBM Corp. 2020, 2023
|
@@ -48,7 +49,11 @@ var SelectAll = exports.SelectAll = function SelectAll(datagridState) {
|
|
48
49
|
DatagridPagination = datagridState.DatagridPagination,
|
49
50
|
radio = datagridState.radio,
|
50
51
|
columns = datagridState.columns,
|
51
|
-
withStickyColumn = datagridState.withStickyColumn
|
52
|
+
withStickyColumn = datagridState.withStickyColumn,
|
53
|
+
dispatch = datagridState.dispatch,
|
54
|
+
rows = datagridState.rows,
|
55
|
+
getRowId = datagridState.getRowId,
|
56
|
+
toggleAllRowsSelected = datagridState.toggleAllRowsSelected;
|
52
57
|
var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
|
53
58
|
if (hideSelectAll || radio) {
|
54
59
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -63,12 +68,25 @@ var SelectAll = exports.SelectAll = function SelectAll(datagridState) {
|
|
63
68
|
var indeterminate = selectProps.indeterminate;
|
64
69
|
var handleSelectAllChange = function handleSelectAllChange(event) {
|
65
70
|
if (indeterminate) {
|
71
|
+
(0, _stateReducer.handleSelectAllRowData)({
|
72
|
+
dispatch: dispatch,
|
73
|
+
rows: rows,
|
74
|
+
getRowId: getRowId,
|
75
|
+
indeterminate: true
|
76
|
+
});
|
77
|
+
toggleAllRowsSelected(false);
|
66
78
|
return onChange === null || onChange === void 0 ? void 0 : onChange({
|
67
79
|
target: {
|
68
80
|
checked: false
|
69
81
|
}
|
70
82
|
});
|
71
83
|
}
|
84
|
+
(0, _stateReducer.handleSelectAllRowData)({
|
85
|
+
dispatch: dispatch,
|
86
|
+
rows: rows,
|
87
|
+
getRowId: getRowId,
|
88
|
+
isChecked: event.target.checked
|
89
|
+
});
|
72
90
|
return onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
73
91
|
};
|
74
92
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -13,6 +13,7 @@ var _react2 = require("@carbon/react");
|
|
13
13
|
var _useResizeObserver2 = require("../../../global/js/hooks/useResizeObserver");
|
14
14
|
var _settings = require("../../../settings");
|
15
15
|
var _classnames = _interopRequireDefault(require("classnames"));
|
16
|
+
var _stateReducer = require("./addons/stateReducer");
|
16
17
|
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
18
|
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
|
/**
|
@@ -42,6 +43,8 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
|
|
42
43
|
toolbarBatchActions = datagridState.toolbarBatchActions,
|
43
44
|
setGlobalFilter = datagridState.setGlobalFilter,
|
44
45
|
rows = datagridState.rows,
|
46
|
+
dispatch = datagridState.dispatch,
|
47
|
+
getRowId = datagridState.getRowId,
|
45
48
|
batchActionMenuButtonLabel = datagridState.batchActionMenuButtonLabel,
|
46
49
|
translateWithIdBatchActions = datagridState.translateWithIdBatchActions;
|
47
50
|
var batchActionMenuButtonLabelText = batchActionMenuButtonLabel !== null && batchActionMenuButtonLabel !== void 0 ? batchActionMenuButtonLabel : 'More';
|
@@ -119,6 +122,11 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
|
|
119
122
|
var onSelectAllHandler = function onSelectAllHandler() {
|
120
123
|
toggleAllRowsSelected(true);
|
121
124
|
onSelectAllRows === null || onSelectAllRows === void 0 || onSelectAllRows(true);
|
125
|
+
(0, _stateReducer.handleSelectAllRowData)({
|
126
|
+
dispatch: dispatch,
|
127
|
+
rows: rows,
|
128
|
+
getRowId: getRowId
|
129
|
+
});
|
122
130
|
};
|
123
131
|
|
124
132
|
// Only display the first two batch actions, the rest are
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.stateReducer = exports.handleToggleRowSelected = exports.handleColumnResizingEvent = exports.handleColumnResizeEndEvent = void 0;
|
7
|
+
exports.stateReducer = exports.handleToggleRowSelected = exports.handleSelectAllRowData = exports.handleColumnResizingEvent = exports.handleColumnResizeEndEvent = void 0;
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
@@ -21,6 +21,7 @@ var COLUMN_RESIZING = 'columnResizing';
|
|
21
21
|
var COLUMN_RESIZE_END = 'columnDoneResizing';
|
22
22
|
var INIT = 'init';
|
23
23
|
var TOGGLE_ROW_SELECTED = 'toggleRowSelected';
|
24
|
+
var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected';
|
24
25
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
25
26
|
var handleColumnResizeEndEvent = exports.handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
|
26
27
|
dispatch({
|
@@ -52,35 +53,77 @@ var handleColumnResizingEvent = exports.handleColumnResizingEvent = function han
|
|
52
53
|
}
|
53
54
|
});
|
54
55
|
};
|
55
|
-
var handleToggleRowSelected = exports.handleToggleRowSelected = function handleToggleRowSelected(
|
56
|
+
var handleToggleRowSelected = exports.handleToggleRowSelected = function handleToggleRowSelected(_ref) {
|
57
|
+
var dispatch = _ref.dispatch,
|
58
|
+
rowData = _ref.rowData,
|
59
|
+
isChecked = _ref.isChecked,
|
60
|
+
getRowId = _ref.getRowId,
|
61
|
+
selectAll = _ref.selectAll;
|
56
62
|
return dispatch({
|
57
63
|
type: TOGGLE_ROW_SELECTED,
|
58
64
|
payload: {
|
59
65
|
rowData: rowData,
|
66
|
+
isChecked: isChecked,
|
67
|
+
getRowId: getRowId,
|
68
|
+
selectAll: selectAll
|
69
|
+
}
|
70
|
+
});
|
71
|
+
};
|
72
|
+
var handleSelectAllRowData = exports.handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
|
73
|
+
var dispatch = _ref2.dispatch,
|
74
|
+
rows = _ref2.rows,
|
75
|
+
getRowId = _ref2.getRowId,
|
76
|
+
indeterminate = _ref2.indeterminate,
|
77
|
+
isChecked = _ref2.isChecked;
|
78
|
+
return dispatch({
|
79
|
+
type: TOGGLE_ALL_ROWS_SELECTED,
|
80
|
+
payload: {
|
81
|
+
rows: rows,
|
82
|
+
getRowId: getRowId,
|
83
|
+
indeterminate: indeterminate,
|
60
84
|
isChecked: isChecked
|
61
85
|
}
|
62
86
|
});
|
63
87
|
};
|
64
88
|
var stateReducer = exports.stateReducer = function stateReducer(newState, action) {
|
65
89
|
switch (action.type) {
|
90
|
+
case TOGGLE_ALL_ROWS_SELECTED:
|
91
|
+
{
|
92
|
+
var _ref3 = action.payload || {},
|
93
|
+
rows = _ref3.rows,
|
94
|
+
getRowId = _ref3.getRowId,
|
95
|
+
indeterminate = _ref3.indeterminate,
|
96
|
+
isChecked = _ref3.isChecked;
|
97
|
+
if (rows) {
|
98
|
+
var newSelectedRowData = {};
|
99
|
+
rows.forEach(function (row) {
|
100
|
+
newSelectedRowData[getRowId(row, row.index)] = row;
|
101
|
+
});
|
102
|
+
return _objectSpread(_objectSpread({}, newState), {}, {
|
103
|
+
selectedRowData: indeterminate || !isChecked ? {} : newSelectedRowData
|
104
|
+
});
|
105
|
+
}
|
106
|
+
return _objectSpread({}, newState);
|
107
|
+
}
|
66
108
|
case TOGGLE_ROW_SELECTED:
|
67
109
|
{
|
68
|
-
var
|
69
|
-
rowData =
|
70
|
-
|
110
|
+
var _ref4 = action.payload || {},
|
111
|
+
rowData = _ref4.rowData,
|
112
|
+
_isChecked = _ref4.isChecked,
|
113
|
+
_getRowId = _ref4.getRowId;
|
71
114
|
if (!rowData) {
|
72
115
|
return;
|
73
116
|
}
|
74
|
-
if (
|
117
|
+
if (_isChecked) {
|
75
118
|
return _objectSpread(_objectSpread({}, newState), {}, {
|
76
|
-
selectedRowData: _objectSpread(_objectSpread({}, newState.selectedRowData), {}, (0, _defineProperty2.default)({}, rowData.index, rowData))
|
119
|
+
selectedRowData: _objectSpread(_objectSpread({}, newState.selectedRowData), {}, (0, _defineProperty2.default)({}, _getRowId(rowData, rowData.index), rowData))
|
77
120
|
});
|
78
121
|
}
|
79
|
-
if (rowData && !
|
122
|
+
if (rowData && !_isChecked) {
|
80
123
|
var newData = _objectSpread({}, newState.selectedRowData);
|
81
|
-
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (
|
82
|
-
var
|
83
|
-
key =
|
124
|
+
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref5) {
|
125
|
+
var _ref6 = (0, _slicedToArray2.default)(_ref5, 1),
|
126
|
+
key = _ref6[0];
|
84
127
|
return parseInt(key) !== parseInt(rowData.index);
|
85
128
|
}));
|
86
129
|
return _objectSpread(_objectSpread({}, newState), {}, {
|
@@ -97,27 +140,27 @@ var stateReducer = exports.stateReducer = function stateReducer(newState, action
|
|
97
140
|
}
|
98
141
|
case COLUMN_RESIZE_START:
|
99
142
|
{
|
100
|
-
var
|
101
|
-
headerId =
|
143
|
+
var _ref7 = action.payload || {},
|
144
|
+
headerId = _ref7.headerId;
|
102
145
|
return _objectSpread(_objectSpread({}, newState), {}, {
|
103
146
|
isResizing: headerId
|
104
147
|
});
|
105
148
|
}
|
106
149
|
case COLUMN_RESIZING:
|
107
150
|
{
|
108
|
-
var
|
109
|
-
_headerId =
|
110
|
-
newWidth =
|
111
|
-
defaultWidth =
|
151
|
+
var _ref8 = action.payload || {},
|
152
|
+
_headerId = _ref8.headerId,
|
153
|
+
newWidth = _ref8.newWidth,
|
154
|
+
defaultWidth = _ref8.defaultWidth;
|
112
155
|
var newColumnWidth = {};
|
113
156
|
if (typeof _headerId === 'undefined') {
|
114
157
|
return _objectSpread({}, newState);
|
115
158
|
}
|
116
159
|
newColumnWidth[_headerId] = newWidth;
|
117
|
-
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (
|
118
|
-
var
|
119
|
-
_ =
|
120
|
-
value =
|
160
|
+
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref9) {
|
161
|
+
var _ref10 = (0, _slicedToArray2.default)(_ref9, 2),
|
162
|
+
_ = _ref10[0],
|
163
|
+
value = _ref10[1];
|
121
164
|
return !isNaN(value);
|
122
165
|
}));
|
123
166
|
var headerIdArray = newState.columnResizing.headerIdWidths || [];
|
@@ -132,10 +175,10 @@ var stateReducer = exports.stateReducer = function stateReducer(newState, action
|
|
132
175
|
}
|
133
176
|
case COLUMN_RESIZE_END:
|
134
177
|
{
|
135
|
-
var
|
136
|
-
onColResizeEnd =
|
137
|
-
_headerId2 =
|
138
|
-
isKeyEvent =
|
178
|
+
var _ref11 = action.payload || {},
|
179
|
+
onColResizeEnd = _ref11.onColResizeEnd,
|
180
|
+
_headerId2 = _ref11.headerId,
|
181
|
+
isKeyEvent = _ref11.isKeyEvent;
|
139
182
|
var currentColumn = {};
|
140
183
|
currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
|
141
184
|
var allChangedColumns = newState.columnResizing.columnWidths;
|
@@ -22,13 +22,12 @@ var _excluded = ["onChange", "title"];
|
|
22
22
|
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); }
|
23
23
|
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; }
|
24
24
|
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; }
|
25
|
-
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; }
|
26
|
-
*
|
27
|
-
*
|
28
|
-
*
|
29
|
-
*
|
30
|
-
|
31
|
-
*/ // @flow
|
25
|
+
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; } /**
|
26
|
+
* Copyright IBM Corp. 2020, 2023
|
27
|
+
*
|
28
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
29
|
+
* LICENSE file in the root directory of this source tree.
|
30
|
+
*/
|
32
31
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
33
32
|
var checkboxClass = "".concat(_settings.pkg.prefix, "--datagrid__checkbox-cell");
|
34
33
|
var useSelectRows = function useSelectRows(hooks) {
|
@@ -87,7 +86,8 @@ var SelectRow = function SelectRow(datagridState) {
|
|
87
86
|
onRowSelect = datagridState.onRowSelect,
|
88
87
|
columns = datagridState.columns,
|
89
88
|
withStickyColumn = datagridState.withStickyColumn,
|
90
|
-
dispatch = datagridState.dispatch
|
89
|
+
dispatch = datagridState.dispatch,
|
90
|
+
getRowId = datagridState.getRowId;
|
91
91
|
var _useState = (0, _react.useState)(window.innerWidth),
|
92
92
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
93
93
|
windowSize = _useState2[0],
|
@@ -111,7 +111,12 @@ var SelectRow = function SelectRow(datagridState) {
|
|
111
111
|
}
|
112
112
|
onChange(event);
|
113
113
|
onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
|
114
|
-
(0, _stateReducer.handleToggleRowSelected)(
|
114
|
+
(0, _stateReducer.handleToggleRowSelected)({
|
115
|
+
dispatch: dispatch,
|
116
|
+
rowData: row,
|
117
|
+
isChecked: event.target.checked,
|
118
|
+
getRowId: getRowId
|
119
|
+
});
|
115
120
|
};
|
116
121
|
var selectDisabled = isFetching || row.getRowProps().disabled;
|
117
122
|
var _row$getToggleRowSele2 = row.getToggleRowSelectedProps(),
|
@@ -51,6 +51,7 @@ var NoDataEmptyState = exports.NoDataEmptyState = /*#__PURE__*/_react.default.fo
|
|
51
51
|
className: (0, _classnames.default)(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
|
52
52
|
ref: ref
|
53
53
|
}, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement(_NoDataIllustration.NoDataIllustration, {
|
54
|
+
title: title,
|
54
55
|
theme: illustrationTheme,
|
55
56
|
size: size
|
56
57
|
}), /*#__PURE__*/_react.default.createElement(_EmptyStateContent.EmptyStateContent, {
|
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.17.
|
4
|
+
"version": "2.17.1",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -74,7 +74,7 @@
|
|
74
74
|
},
|
75
75
|
"dependencies": {
|
76
76
|
"@babel/runtime": "^7.22.10",
|
77
|
-
"@carbon/ibm-products-styles": "^2.
|
77
|
+
"@carbon/ibm-products-styles": "^2.17.1",
|
78
78
|
"@carbon/telemetry": "^0.1.0",
|
79
79
|
"@dnd-kit/core": "^6.0.8",
|
80
80
|
"@dnd-kit/sortable": "^7.0.2",
|
@@ -89,11 +89,11 @@
|
|
89
89
|
"@carbon/grid": "^11.21.1",
|
90
90
|
"@carbon/layout": "^11.20.1",
|
91
91
|
"@carbon/motion": "^11.16.1",
|
92
|
-
"@carbon/react": "^1.
|
93
|
-
"@carbon/themes": "^11.
|
92
|
+
"@carbon/react": "^1.42.1",
|
93
|
+
"@carbon/themes": "^11.27.1",
|
94
94
|
"@carbon/type": "^11.25.1",
|
95
95
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
96
96
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
97
97
|
},
|
98
|
-
"gitHead": "
|
98
|
+
"gitHead": "370d06eb88989ab2e82640ddaa4df29c19f27bd7"
|
99
99
|
}
|
@@ -87,6 +87,12 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
|
|
87
87
|
overflow-x: hidden;
|
88
88
|
}
|
89
89
|
|
90
|
+
.#{$create-tearsheet-block-class}
|
91
|
+
.#{$create-tearsheet-block-class}__content
|
92
|
+
.#{c4p-settings.$carbon-prefix}--form {
|
93
|
+
height: inherit;
|
94
|
+
}
|
95
|
+
|
90
96
|
.#{$create-tearsheet-block-class}
|
91
97
|
.#{$create-tearsheet-block-class}__content
|
92
98
|
.#{c4p-settings.$carbon-prefix}--grid {
|
@@ -41,7 +41,7 @@
|
|
41
41
|
|
42
42
|
.#{$block-class}
|
43
43
|
tr.#{$block-class}__carbon-nested-row
|
44
|
-
+ :not(tr.#{$block-class}__carbon-nested-row)::
|
44
|
+
+ :not(tr.#{$block-class}__carbon-nested-row)::after {
|
45
45
|
position: absolute;
|
46
46
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
47
47
|
top: -1px;
|
@@ -78,6 +78,11 @@ $block-class: #{$pkg-prefix}--web-terminal;
|
|
78
78
|
@include theme($g100);
|
79
79
|
}
|
80
80
|
|
81
|
+
.#{$block-class}__documentation-overflow
|
82
|
+
.#{$carbon-prefix}--overflow-menu-options__btn {
|
83
|
+
text-decoration: none;
|
84
|
+
}
|
85
|
+
|
81
86
|
// Terminal body styles
|
82
87
|
.#{$block-class}__body {
|
83
88
|
height: 100%;
|