@carbon/ibm-products 2.15.0 → 2.15.2

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 (56) hide show
  1. package/css/index-full-carbon.css +22 -8
  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.css +22 -8
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +22 -8
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -1
  14. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -3
  15. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +4 -1
  16. package/es/components/Datagrid/Datagrid/DatagridRow.js +5 -2
  17. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -1
  18. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +18 -19
  19. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +14 -18
  20. package/es/components/Datagrid/Datagrid.docs-page.js +7 -1
  21. package/es/components/Datagrid/useActionsColumn.js +7 -5
  22. package/es/components/Datagrid/useColumnCenterAlign.js +6 -6
  23. package/es/components/Datagrid/useColumnRightAlign.js +6 -6
  24. package/es/components/Datagrid/useDatagrid.js +8 -0
  25. package/es/components/Datagrid/useInfiniteScroll.js +10 -9
  26. package/es/components/Datagrid/useNestedRowExpander.js +10 -1
  27. package/es/components/Datagrid/useParentDimensions.js +6 -6
  28. package/es/components/Datagrid/useResizeTable.js +7 -7
  29. package/es/components/Datagrid/useRowExpander.js +11 -1
  30. package/es/components/Datagrid/useSelectAllToggle.js +2 -2
  31. package/es/components/Datagrid/useSelectRows.js +27 -21
  32. package/es/components/Datagrid/useSkeletonRows.js +6 -6
  33. package/es/components/Datagrid/useStickyColumn.js +13 -6
  34. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -1
  35. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -3
  36. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +4 -1
  37. package/lib/components/Datagrid/Datagrid/DatagridRow.js +5 -2
  38. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -1
  39. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +18 -19
  40. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +13 -18
  41. package/lib/components/Datagrid/Datagrid.docs-page.js +7 -1
  42. package/lib/components/Datagrid/useActionsColumn.js +7 -5
  43. package/lib/components/Datagrid/useColumnCenterAlign.js +5 -6
  44. package/lib/components/Datagrid/useColumnRightAlign.js +5 -6
  45. package/lib/components/Datagrid/useDatagrid.js +8 -0
  46. package/lib/components/Datagrid/useInfiniteScroll.js +9 -9
  47. package/lib/components/Datagrid/useNestedRowExpander.js +15 -9
  48. package/lib/components/Datagrid/useParentDimensions.js +5 -6
  49. package/lib/components/Datagrid/useResizeTable.js +6 -7
  50. package/lib/components/Datagrid/useRowExpander.js +16 -9
  51. package/lib/components/Datagrid/useSelectAllToggle.js +2 -2
  52. package/lib/components/Datagrid/useSelectRows.js +27 -21
  53. package/lib/components/Datagrid/useSkeletonRows.js +6 -6
  54. package/lib/components/Datagrid/useStickyColumn.js +13 -6
  55. package/package.json +2 -2
  56. package/scss/components/Datagrid/styles/_datagrid.scss +26 -5
package/lib/components/Datagrid/useSkeletonRows.js CHANGED
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
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
  */
15
+
16
16
  var useSkeletons = function useSkeletons(hooks) {
17
17
  var useInstance = function useInstance(instance) {
18
18
  var isFetching = instance.isFetching,
package/lib/components/Datagrid/useStickyColumn.js CHANGED
@@ -12,12 +12,11 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
12
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
13
  var _settings = require("../../settings");
14
14
  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; }
15
- 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; } /*
16
- * Licensed Materials - Property of IBM
17
- * 5724-Q36
18
- * (c) Copyright IBM Corp. 2021
19
- * US Government Users Restricted Rights - Use, duplication or disclosure
20
- * restricted by GSA ADP Schedule Contract with IBM Corp.
15
+ 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; } /**
16
+ * Copyright IBM Corp. 2021, 2023
17
+ *
18
+ * This source code is licensed under the Apache-2.0 license found in the
19
+ * LICENSE file in the root directory of this source tree.
21
20
  */
22
21
  var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
23
22
  var styleClassPrefix = "".concat(blockClass, "__right-sticky-column");
@@ -34,9 +33,11 @@ var useStickyColumn = function useStickyColumn(hooks) {
34
33
  setWindowSize(window.innerWidth);
35
34
  }, []);
36
35
  (0, _react.useLayoutEffect)(function () {
36
+ /* istanbul ignore next */
37
37
  function updateSize() {
38
38
  setWindowSize(window.innerWidth);
39
39
  }
40
+ /* istanbul ignore next */
40
41
  window.addEventListener('resize', updateSize);
41
42
  return function () {
42
43
  return window.removeEventListener('resize', updateSize);
@@ -57,14 +58,17 @@ var useStickyColumn = function useStickyColumn(hooks) {
57
58
  (0, _react.useEffect)(function () {
58
59
  var tableBodyElement = tableBodyRef.current;
59
60
  var headerCellElement = stickyHeaderCellRef.current;
61
+ /* istanbul ignore next */
60
62
  if (hasVertScroll(tableBodyElement) && headerCellElement) {
61
63
  headerCellElement.classList.add(OFFSET_SCROLL_CLASS);
62
64
  }
63
65
  var boundListener = (0, _debounce.default)(onBodyResize.bind(null, tableBodyElement, headerCellElement), 250);
66
+ /* istanbul ignore next */
64
67
  if (typeof window !== 'undefined') {
65
68
  window.addEventListener('resize', boundListener);
66
69
  }
67
70
  return function () {
71
+ /* istanbul ignore next */
68
72
  if (typeof window !== 'undefined') {
69
73
  window.removeEventListener('resize', boundListener);
70
74
  }
@@ -163,6 +167,7 @@ var changeProps = function changeProps(elementName, headerCellRef, windowSize, p
163
167
  };
164
168
  var onBodyResize = function onBodyResize(tableBodyEle, headerCellEle) {
165
169
  if (headerCellEle) {
170
+ /* istanbul ignore next */
166
171
  if (hasVertScroll(tableBodyEle)) {
167
172
  headerCellEle.classList.add(OFFSET_SCROLL_CLASS);
168
173
  } else {
@@ -172,6 +177,7 @@ var onBodyResize = function onBodyResize(tableBodyEle, headerCellEle) {
172
177
  }
173
178
  };
174
179
  var toggleStickyShadow = function toggleStickyShadow(tableBodyEle, headerCellEle) {
180
+ /* istanbul ignore next */
175
181
  if (tableBodyEle && headerCellEle) {
176
182
  var isScrolledToRight = tableBodyEle.scrollLeft + tableBodyEle.clientWidth === tableBodyEle.scrollWidth;
177
183
  if (isScrolledToRight) {
@@ -184,6 +190,7 @@ var toggleStickyShadow = function toggleStickyShadow(tableBodyEle, headerCellEle
184
190
  }
185
191
  };
186
192
  var hasVertScroll = function hasVertScroll(element) {
193
+ /* istanbul ignore next */
187
194
  if (!element) {
188
195
  return false;
189
196
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.15.0",
4
+ "version": "2.15.2",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -96,5 +96,5 @@
96
96
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
97
97
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
98
98
  },
99
- "gitHead": "71e9863315eb75b25df98cf9989f7bca88a10718"
99
+ "gitHead": "61217220d3b66f869e36c29d8263b1b56c756475"
100
100
  }
package/scss/components/Datagrid/styles/_datagrid.scss CHANGED
@@ -81,7 +81,6 @@
81
81
  }
82
82
 
83
83
  &.#{$block-class}__variable-row-height {
84
- &.#{c4p-settings.$carbon-prefix}--data-table--compact,
85
84
  &.#{c4p-settings.$carbon-prefix}--data-table--xs {
86
85
  .#{$block-class}__cell {
87
86
  padding-top: $spacing-01;
@@ -89,7 +88,6 @@
89
88
  }
90
89
  }
91
90
 
92
- &.#{c4p-settings.$carbon-prefix}--data-table--short,
93
91
  &.#{c4p-settings.$carbon-prefix}--data-table--sm,
94
92
  &.#{c4p-settings.$carbon-prefix}--data-table--md {
95
93
  .#{$block-class}__cell {
@@ -100,7 +98,6 @@
100
98
  }
101
99
  }
102
100
 
103
- &.#{c4p-settings.$carbon-prefix}--data-table--tall,
104
101
  &.#{c4p-settings.$carbon-prefix}--data-table--lg,
105
102
  &.#{c4p-settings.$carbon-prefix}--data-table--xl {
106
103
  .#{$block-class}__cell {
@@ -112,7 +109,6 @@
112
109
  }
113
110
 
114
111
  &.#{$block-class}__vertical-align-top {
115
- &.#{c4p-settings.$carbon-prefix}--data-table--tall,
116
112
  &.#{c4p-settings.$carbon-prefix}--data-table--lg,
117
113
  &.#{c4p-settings.$carbon-prefix}--data-table--xl {
118
114
  .#{$block-class}__cell {
@@ -130,7 +126,6 @@
130
126
  }
131
127
 
132
128
  &.#{$block-class}__variable-row-height {
133
- &.#{c4p-settings.$carbon-prefix}--data-table--tall,
134
129
  &.#{c4p-settings.$carbon-prefix}--data-table--lg,
135
130
  &.#{c4p-settings.$carbon-prefix}--data-table--xl {
136
131
  .#{$block-class}__cell {
@@ -347,6 +342,32 @@
347
342
  }
348
343
  }
349
344
 
345
+ .#{$block-class}__header-actions-column:hover {
346
+ background-color: $layer-accent;
347
+ }
348
+
349
+ .#{$block-class}
350
+ .#{$block-class}__carbon-row
351
+ .#{$block-class}__actions-column-cell-non-sticky
352
+ .#{c4p-settings.$carbon-prefix}--btn--icon-only {
353
+ opacity: 0;
354
+ }
355
+
356
+ .#{$block-class}
357
+ .#{$block-class}__carbon-row:hover
358
+ .#{$block-class}__actions-column-cell-non-sticky
359
+ .#{c4p-settings.$carbon-prefix}--btn--icon-only,
360
+ .#{$block-class}
361
+ .#{$block-class}__carbon-row
362
+ .#{$block-class}__actions-column-cell-non-sticky
363
+ .#{c4p-settings.$carbon-prefix}--btn--icon-only:focus,
364
+ .#{$block-class}
365
+ .#{$block-class}__carbon-row
366
+ .#{$block-class}__actions-column-cell-non-sticky
367
+ .#{c4p-settings.$carbon-prefix}--btn--icon-only[aria-expanded='true'] {
368
+ opacity: 1;
369
+ }
370
+
350
371
  .#{$block-class}__head-hidden-select-all {
351
372
  padding-right: $spacing-09;
352
373
  &.#{$block-class}__select-all-sticky-left {