@carbon/ibm-products 2.15.0 → 2.15.2

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