@carbon/ibm-products 2.54.0-canary.64 → 2.54.0-canary.67

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 (5) hide show
  1. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +31 -2
  2. package/es/components/TagOverflow/TagOverflow.js +2 -5
  3. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +30 -1
  4. package/lib/components/TagOverflow/TagOverflow.js +1 -4
  5. package/package.json +3 -3
package/es/components/Datagrid/Datagrid/DatagridSelectAll.js CHANGED
@@ -10,7 +10,7 @@ import React__default, { useState, useLayoutEffect } from 'react';
10
10
  import { TableSelectAll } from '@carbon/react';
11
11
  import cx from 'classnames';
12
12
  import { pkg } from '../../../settings.js';
13
- import { handleOnPageSelectAllRowData } from './addons/stateReducer.js';
13
+ import { handleOnPageSelectAllRowData, handleSelectAllRowData } from './addons/stateReducer.js';
14
14
 
15
15
  var _excluded = ["onChange"];
16
16
  var blockClass = "".concat(pkg.prefix, "--datagrid");
@@ -45,6 +45,8 @@ var SelectAll = function SelectAll(datagridState) {
45
45
  dispatch = datagridState.dispatch,
46
46
  rows = datagridState.rows,
47
47
  getRowId = datagridState.getRowId,
48
+ toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
49
+ withVirtualScroll = datagridState.withVirtualScroll,
48
50
  onAllRowSelect = datagridState.onAllRowSelect;
49
51
  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
50
52
  if (hideSelectAll || radio) {
@@ -69,12 +71,39 @@ var SelectAll = function SelectAll(datagridState) {
69
71
  onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
70
72
  return onChange === null || onChange === void 0 ? void 0 : onChange(event);
71
73
  };
74
+ var handleSelectAllChange = function handleSelectAllChange(event) {
75
+ if (indeterminate) {
76
+ handleSelectAllRowData({
77
+ dispatch: dispatch,
78
+ rows: rows,
79
+ getRowId: getRowId,
80
+ indeterminate: true,
81
+ isChecked: undefined
82
+ });
83
+ toggleAllRowsSelected(false);
84
+ onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
85
+ return onChange === null || onChange === void 0 ? void 0 : onChange({
86
+ target: {
87
+ checked: false
88
+ }
89
+ });
90
+ }
91
+ handleSelectAllRowData({
92
+ dispatch: dispatch,
93
+ rows: rows,
94
+ getRowId: getRowId,
95
+ isChecked: event.target.checked,
96
+ indeterminate: indeterminate
97
+ });
98
+ onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
99
+ return onChange === null || onChange === void 0 ? void 0 : onChange(event);
100
+ };
72
101
  return /*#__PURE__*/React__default.createElement(TableSelectAll, _extends({}, selectProps, {
73
102
  checked: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.checked) || false,
74
103
  className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
75
104
  isFirstColumnStickyLeft && Number(windowSize) > 671)),
76
105
  name: "".concat(tableId, "-select-all-checkbox-name"),
77
- onSelect: handleOnPageSelectAllChange,
106
+ onSelect: withVirtualScroll ? handleSelectAllChange : handleOnPageSelectAllChange,
78
107
  disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
79
108
  id: "".concat(tableId, "-select-all-checkbox-id")
80
109
  }));
package/es/components/TagOverflow/TagOverflow.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import React__default, { forwardRef, useRef, useState, useCallback, useEffect, createElement } from 'react';
10
- import { Tooltip, DismissibleTag, Tag } from '@carbon/react';
10
+ import { DismissibleTag, Tag } from '@carbon/react';
11
11
  import PropTypes from '../../_virtual/index.js';
12
12
  import { TYPES } from './constants.js';
13
13
  import { TagOverflowModal } from './TagOverflowModal.js';
@@ -189,9 +189,6 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
189
189
  return itemRefHandler(id, node);
190
190
  },
191
191
  key: id
192
- }, /*#__PURE__*/React__default.createElement(Tooltip, {
193
- align: overflowAlign,
194
- label: label
195
192
  }, typeof _onClose === 'function' || filter ? /*#__PURE__*/React__default.createElement(DismissibleTag, _extends({}, other, {
196
193
  className: "".concat(blockClass, "__item--tag"),
197
194
  type: tagType,
@@ -202,7 +199,7 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
202
199
  })) : /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
203
200
  className: "".concat(blockClass, "__item--tag"),
204
201
  type: tagType
205
- }), label)));
202
+ }), label));
206
203
  }
207
204
  }), /*#__PURE__*/React__default.createElement("span", {
208
205
  className: "".concat(blockClass, "__indicator"),
package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js CHANGED
@@ -47,6 +47,8 @@ var SelectAll = function SelectAll(datagridState) {
47
47
  dispatch = datagridState.dispatch,
48
48
  rows = datagridState.rows,
49
49
  getRowId = datagridState.getRowId,
50
+ toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
51
+ withVirtualScroll = datagridState.withVirtualScroll,
50
52
  onAllRowSelect = datagridState.onAllRowSelect;
51
53
  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
52
54
  if (hideSelectAll || radio) {
@@ -71,12 +73,39 @@ var SelectAll = function SelectAll(datagridState) {
71
73
  onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
72
74
  return onChange === null || onChange === void 0 ? void 0 : onChange(event);
73
75
  };
76
+ var handleSelectAllChange = function handleSelectAllChange(event) {
77
+ if (indeterminate) {
78
+ stateReducer.handleSelectAllRowData({
79
+ dispatch: dispatch,
80
+ rows: rows,
81
+ getRowId: getRowId,
82
+ indeterminate: true,
83
+ isChecked: undefined
84
+ });
85
+ toggleAllRowsSelected(false);
86
+ onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
87
+ return onChange === null || onChange === void 0 ? void 0 : onChange({
88
+ target: {
89
+ checked: false
90
+ }
91
+ });
92
+ }
93
+ stateReducer.handleSelectAllRowData({
94
+ dispatch: dispatch,
95
+ rows: rows,
96
+ getRowId: getRowId,
97
+ isChecked: event.target.checked,
98
+ indeterminate: indeterminate
99
+ });
100
+ onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
101
+ return onChange === null || onChange === void 0 ? void 0 : onChange(event);
102
+ };
74
103
  return /*#__PURE__*/React.createElement(react.TableSelectAll, _rollupPluginBabelHelpers.extends({}, selectProps, {
75
104
  checked: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.checked) || false,
76
105
  className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
77
106
  isFirstColumnStickyLeft && Number(windowSize) > 671)),
78
107
  name: "".concat(tableId, "-select-all-checkbox-name"),
79
- onSelect: handleOnPageSelectAllChange,
108
+ onSelect: withVirtualScroll ? handleSelectAllChange : handleOnPageSelectAllChange,
80
109
  disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
81
110
  id: "".concat(tableId, "-select-all-checkbox-id")
82
111
  }));
package/lib/components/TagOverflow/TagOverflow.js CHANGED
@@ -191,9 +191,6 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
191
191
  return itemRefHandler(id, node);
192
192
  },
193
193
  key: id
194
- }, /*#__PURE__*/React.createElement(react.Tooltip, {
195
- align: overflowAlign,
196
- label: label
197
194
  }, typeof _onClose === 'function' || filter ? /*#__PURE__*/React.createElement(react.DismissibleTag, _rollupPluginBabelHelpers.extends({}, other, {
198
195
  className: "".concat(blockClass, "__item--tag"),
199
196
  type: tagType,
@@ -204,7 +201,7 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
204
201
  })) : /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
205
202
  className: "".concat(blockClass, "__item--tag"),
206
203
  type: tagType
207
- }), label)));
204
+ }), label));
208
205
  }
209
206
  }), /*#__PURE__*/React.createElement("span", {
210
207
  className: "".concat(blockClass, "__indicator"),
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.54.0-canary.64+336a5b0ad",
4
+ "version": "2.54.0-canary.67+c6f0ac0f4",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -96,7 +96,7 @@
96
96
  "dependencies": {
97
97
  "@babel/runtime": "^7.23.9",
98
98
  "@carbon/feature-flags": "^0.24.0",
99
- "@carbon/ibm-products-styles": "^2.50.0-canary.64+336a5b0ad",
99
+ "@carbon/ibm-products-styles": "^2.52.0-rc.0",
100
100
  "@carbon/telemetry": "^0.1.0",
101
101
  "@dnd-kit/core": "^6.0.8",
102
102
  "@dnd-kit/modifiers": "^7.0.0",
@@ -120,5 +120,5 @@
120
120
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
121
121
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
122
122
  },
123
- "gitHead": "336a5b0ad06051bd52080e5d7cd610feb56604c8"
123
+ "gitHead": "c6f0ac0f444165b55e37873c80462401fd34f14f"
124
124
  }