@carbon/ibm-products 2.17.0 → 2.17.1

Sign up to get free protection for your applications and to get access to all the features.
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%;