@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.
Files changed (32) hide show
  1. package/css/index-full-carbon.css +63 -3
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +18 -1
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +18 -1
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +19 -1
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +6 -4
  18. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
  19. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +8 -0
  20. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +67 -24
  21. package/es/components/Datagrid/useSelectRows.js +14 -9
  22. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -0
  23. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +6 -4
  24. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
  25. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +8 -0
  26. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +68 -25
  27. package/lib/components/Datagrid/useSelectRows.js +14 -9
  28. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -0
  29. package/package.json +5 -5
  30. package/scss/components/CreateTearsheet/_create-tearsheet.scss +6 -0
  31. package/scss/components/Datagrid/styles/_useNestedRows.scss +1 -1
  32. 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(dispatch, rowData, isChecked) {
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 _ref = action.payload || {},
64
- rowData = _ref.rowData,
65
- isChecked = _ref.isChecked;
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 (isChecked) {
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 && !isChecked) {
117
+ if (rowData && !_isChecked) {
75
118
  var newData = _objectSpread({}, newState.selectedRowData);
76
- var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref2) {
77
- var _ref3 = _slicedToArray(_ref2, 1),
78
- key = _ref3[0];
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 _ref4 = action.payload || {},
96
- headerId = _ref4.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 _ref5 = action.payload || {},
104
- _headerId = _ref5.headerId,
105
- newWidth = _ref5.newWidth,
106
- defaultWidth = _ref5.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 (_ref6) {
113
- var _ref7 = _slicedToArray(_ref6, 2),
114
- _ = _ref7[0],
115
- value = _ref7[1];
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 _ref8 = action.payload || {},
131
- onColResizeEnd = _ref8.onColResizeEnd,
132
- _headerId2 = _ref8.headerId,
133
- isKeyEvent = _ref8.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
- * Licensed Materials - Property of IBM
11
- * 5724-Q36
12
- * (c) Copyright IBM Corp. 2020
13
- * US Government Users Restricted Rights - Use, duplication or disclosure
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
- // @flow
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(dispatch, row, event.target.checked);
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(dispatch, rowData, isChecked) {
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 _ref = action.payload || {},
69
- rowData = _ref.rowData,
70
- isChecked = _ref.isChecked;
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 (isChecked) {
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 && !isChecked) {
122
+ if (rowData && !_isChecked) {
80
123
  var newData = _objectSpread({}, newState.selectedRowData);
81
- var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref2) {
82
- var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
83
- key = _ref3[0];
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 _ref4 = action.payload || {},
101
- headerId = _ref4.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 _ref5 = action.payload || {},
109
- _headerId = _ref5.headerId,
110
- newWidth = _ref5.newWidth,
111
- defaultWidth = _ref5.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 (_ref6) {
118
- var _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
119
- _ = _ref7[0],
120
- value = _ref7[1];
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 _ref8 = action.payload || {},
136
- onColResizeEnd = _ref8.onColResizeEnd,
137
- _headerId2 = _ref8.headerId,
138
- isKeyEvent = _ref8.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
- * Licensed Materials - Property of IBM
27
- * 5724-Q36
28
- * (c) Copyright IBM Corp. 2020
29
- * US Government Users Restricted Rights - Use, duplication or disclosure
30
- * restricted by GSA ADP Schedule Contract with IBM Corp.
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)(dispatch, row, event.target.checked);
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.0",
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.16.0",
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.41.1",
93
- "@carbon/themes": "^11.26.1",
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": "cbd2be0fa314e4d82473c33609e3fc0d665c79b2"
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)::before {
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%;