@carbon/ibm-products 2.12.0 → 2.12.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 (48) hide show
  1. package/css/index-full-carbon.css +3 -5
  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 +3 -5
  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 +3 -5
  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/DatagridEmptyBody.js +1 -3
  14. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -5
  15. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +1 -3
  16. package/es/components/Datagrid/Datagrid/DatagridRow.js +2 -6
  17. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -3
  18. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
  19. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +9 -8
  20. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +6 -12
  21. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +0 -5
  22. package/es/components/Datagrid/Datagrid.docs-page.js +1 -1
  23. package/es/components/Datagrid/useDisableSelectRows.js +1 -1
  24. package/es/components/Datagrid/useInlineEdit.js +1 -6
  25. package/es/components/Datagrid/useSelectRows.js +1 -1
  26. package/es/components/Datagrid/useSortableColumns.js +14 -25
  27. package/es/global/js/hooks/useCreateComponentStepChange.js +14 -20
  28. package/es/global/js/utils/getNodeTextContent.js +4 -0
  29. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -3
  30. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -5
  31. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +1 -3
  32. package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -6
  33. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -3
  34. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
  35. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +9 -8
  36. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +6 -12
  37. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +0 -5
  38. package/lib/components/Datagrid/Datagrid.docs-page.js +1 -1
  39. package/lib/components/Datagrid/useDisableSelectRows.js +1 -1
  40. package/lib/components/Datagrid/useInlineEdit.js +1 -6
  41. package/lib/components/Datagrid/useSelectRows.js +1 -1
  42. package/lib/components/Datagrid/useSortableColumns.js +14 -25
  43. package/lib/global/js/hooks/useCreateComponentStepChange.js +14 -20
  44. package/lib/global/js/utils/getNodeTextContent.js +4 -0
  45. package/package.json +2 -2
  46. package/scss/components/Datagrid/styles/_useInlineEdit.scss +8 -11
  47. package/es/components/Datagrid/utils/getColTitle.js +0 -25
  48. package/lib/components/Datagrid/utils/getColTitle.js +0 -32
@@ -108,38 +108,32 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
108
108
  return _regenerator.default.wrap(function _callee2$(_context2) {
109
109
  while (1) switch (_context2.prev = _context2.next) {
110
110
  case 0:
111
- if (!(componentName === 'CreateFullPage')) {
112
- _context2.next = 2;
113
- break;
114
- }
115
- return _context2.abrupt("return");
116
- case 2:
117
- setLoadingPrevious(true);
111
+ setLoadingPrevious === null || setLoadingPrevious === void 0 || setLoadingPrevious(true);
118
112
  if (!(typeof onPrevious === 'function')) {
119
- _context2.next = 15;
113
+ _context2.next = 13;
120
114
  break;
121
115
  }
122
- _context2.prev = 4;
123
- _context2.next = 7;
116
+ _context2.prev = 2;
117
+ _context2.next = 5;
124
118
  return onPrevious();
125
- case 7:
119
+ case 5:
126
120
  moveToPreviousStep();
127
- _context2.next = 13;
121
+ _context2.next = 11;
128
122
  break;
129
- case 10:
130
- _context2.prev = 10;
131
- _context2.t0 = _context2["catch"](4);
123
+ case 8:
124
+ _context2.prev = 8;
125
+ _context2.t0 = _context2["catch"](2);
132
126
  console.warn("".concat(componentName, " onBack error: ").concat(_context2.t0));
133
- case 13:
134
- _context2.next = 16;
127
+ case 11:
128
+ _context2.next = 14;
135
129
  break;
136
- case 15:
130
+ case 13:
137
131
  moveToPreviousStep();
138
- case 16:
132
+ case 14:
139
133
  case "end":
140
134
  return _context2.stop();
141
135
  }
142
- }, _callee2, null, [[4, 10]]);
136
+ }, _callee2, null, [[2, 8]]);
143
137
  }))).apply(this, arguments);
144
138
  };
145
139
  var handleNext = function handleNext() {
@@ -47,6 +47,10 @@ var getNodeTextContent = function getNodeTextContent(node) {
47
47
  // Ignore any other JavaScript 'object' types.
48
48
  return '';
49
49
  }
50
+ case 'function':
51
+ {
52
+ return getNodeTextContent(node());
53
+ }
50
54
  default:
51
55
  // Ignore all other JavaScript types.
52
56
  return '';
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.12.0",
4
+ "version": "2.12.1",
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": "3379b9af8e581eb50ec510e8a81248b4ec6d439d"
99
+ "gitHead": "c27ea01ddb03bae10002fd7fc853159cacc14204"
100
100
  }
@@ -116,18 +116,15 @@ $row-heights: (
116
116
  justify-content: flex-start;
117
117
  }
118
118
  // Always show renderIcon if inline edit columns are less than half of total columns
119
- &:not(
120
- .#{variables.$block-class}__inline-edit-button--edit-less-than-half-of-total-cols
121
- ) {
122
- .#{variables.$block-class}__inline-edit-button-icon {
123
- display: none;
124
- }
119
+ .#{variables.$block-class}__inline-edit-button-icon {
120
+ display: none;
121
+ }
125
122
 
126
- /* stylelint-disable-next-line */
127
- &:hover {
128
- .#{variables.$block-class}__inline-edit-button-icon {
129
- display: block;
130
- }
123
+ /* stylelint-disable-next-line */
124
+ &:hover,
125
+ &.#{variables.$block-class}__inline-edit-button--active {
126
+ .#{variables.$block-class}__inline-edit-button-icon {
127
+ display: block;
131
128
  }
132
129
  }
133
130
  }
@@ -1,25 +0,0 @@
1
- // This function recursively looks for the nested header element until we can find the key which contains the title.
2
- // This can happen if multiple hooks are used together that manipulate the rendering of the column
3
- // header, such as `useColumnCenterAlign` and `useSortableColumns`.
4
- var getNestedTitle = function getNestedTitle(component) {
5
- if (component && !component.key) {
6
- return getNestedTitle(component.children);
7
- }
8
- if (component && component.key && typeof component.key === 'string') {
9
- return component.key;
10
- }
11
- };
12
- var getColTitle = function getColTitle(col) {
13
- var _col$Header;
14
- if (!col) {
15
- return;
16
- }
17
- var checkTitle = function checkTitle() {
18
- if (col.Header().props.children.props && col.Header().props.children.props.title) {
19
- return col.Header().props.children.props.title;
20
- }
21
- return getNestedTitle(col.Header().props.children.props);
22
- };
23
- return typeof (col === null || col === void 0 ? void 0 : col.Header) === 'function' ? checkTitle() : col === null || col === void 0 || (_col$Header = col.Header) === null || _col$Header === void 0 || (_col$Header = _col$Header.props) === null || _col$Header === void 0 ? void 0 : _col$Header.title;
24
- };
25
- export default getColTitle;
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- // This function recursively looks for the nested header element until we can find the key which contains the title.
8
- // This can happen if multiple hooks are used together that manipulate the rendering of the column
9
- // header, such as `useColumnCenterAlign` and `useSortableColumns`.
10
- var getNestedTitle = function getNestedTitle(component) {
11
- if (component && !component.key) {
12
- return getNestedTitle(component.children);
13
- }
14
- if (component && component.key && typeof component.key === 'string') {
15
- return component.key;
16
- }
17
- };
18
- var getColTitle = function getColTitle(col) {
19
- var _col$Header;
20
- if (!col) {
21
- return;
22
- }
23
- var checkTitle = function checkTitle() {
24
- if (col.Header().props.children.props && col.Header().props.children.props.title) {
25
- return col.Header().props.children.props.title;
26
- }
27
- return getNestedTitle(col.Header().props.children.props);
28
- };
29
- return typeof (col === null || col === void 0 ? void 0 : col.Header) === 'function' ? checkTitle() : col === null || col === void 0 || (_col$Header = col.Header) === null || _col$Header === void 0 || (_col$Header = _col$Header.props) === null || _col$Header === void 0 ? void 0 : _col$Header.title;
30
- };
31
- var _default = getColTitle;
32
- exports.default = _default;