@carbon/ibm-products 1.6.1 → 1.9.0

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 (173) hide show
  1. package/css/index-full-carbon.css +224 -143
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +1 -2
  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 +178 -142
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +178 -142
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +3 -3
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyModal.js +10 -13
  18. package/es/components/ActionBar/ActionBar.js +0 -3
  19. package/es/components/ActionBar/ActionBarItem.js +2 -6
  20. package/es/components/ActionSet/ActionSet.js +11 -13
  21. package/es/components/AddSelect/AddSelect.js +121 -25
  22. package/es/components/AddSelect/AddSelectBreadcrumbs.js +5 -5
  23. package/es/components/AddSelect/AddSelectColumn.js +21 -0
  24. package/es/components/AddSelect/AddSelectList.js +68 -9
  25. package/es/components/AddSelect/AddSelectSidebar.js +43 -5
  26. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +0 -3
  27. package/es/components/ButtonMenu/ButtonMenu.js +6 -4
  28. package/es/components/ButtonMenu/ButtonMenuItem.js +1 -2
  29. package/es/components/Card/Card.js +31 -21
  30. package/es/components/Card/CardFooter.js +14 -10
  31. package/es/components/Card/CardHeader.js +8 -6
  32. package/es/components/Cascade/Cascade.js +5 -4
  33. package/es/components/ComboButton/ComboButton.js +0 -4
  34. package/es/components/ComboButton/ComboButtonItem/index.js +0 -5
  35. package/es/components/CreateFullPage/CreateFullPageStep.js +15 -8
  36. package/es/components/CreateModal/CreateModal.js +1 -4
  37. package/es/components/CreateTearsheet/CreateTearsheet.js +10 -11
  38. package/es/components/CreateTearsheet/CreateTearsheetStep.js +18 -14
  39. package/es/components/DataSpreadsheet/DataSpreadsheet.js +454 -0
  40. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +322 -0
  41. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +64 -0
  42. package/es/components/DataSpreadsheet/createActiveCellFn.js +45 -0
  43. package/es/components/DataSpreadsheet/createCellSelectionArea.js +45 -0
  44. package/es/components/DataSpreadsheet/generateData.js +47 -0
  45. package/es/components/DataSpreadsheet/getCellSize.js +30 -0
  46. package/es/components/{CancelableTextEdit → DataSpreadsheet}/index.js +2 -2
  47. package/es/components/EditSidePanel/EditSidePanel.js +9 -10
  48. package/es/components/EmptyStates/EmptyState.js +7 -6
  49. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +4 -8
  50. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +4 -8
  51. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +4 -8
  52. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +4 -8
  53. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +4 -8
  54. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +4 -8
  55. package/es/components/ExampleComponent/ExampleComponent.js +12 -13
  56. package/es/components/ExportModal/ExportModal.js +13 -9
  57. package/es/components/ExpressiveCard/ExpressiveCard.js +0 -8
  58. package/es/components/ImportModal/ImportModal.js +7 -5
  59. package/es/components/InlineEdit/InlineEdit.js +51 -46
  60. package/es/components/LoadingBar/LoadingBar.js +13 -17
  61. package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -4
  62. package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -5
  63. package/es/components/ModifiedTabs/ModifiedTabs.js +24 -18
  64. package/es/components/NotificationsPanel/NotificationsPanel.js +109 -86
  65. package/es/components/OptionsTile/OptionsTile.js +6 -9
  66. package/es/components/PageHeader/PageHeader.js +10 -7
  67. package/es/components/ProductiveCard/ProductiveCard.js +23 -12
  68. package/es/components/RemoveModal/RemoveModal.js +0 -3
  69. package/es/components/SidePanel/SidePanel.js +22 -17
  70. package/es/components/TagSet/TagSet.js +13 -9
  71. package/es/components/TagSet/TagSetModal.js +16 -12
  72. package/es/components/TagSet/TagSetOverflow.js +21 -13
  73. package/es/components/Tearsheet/Tearsheet.js +27 -18
  74. package/es/components/Tearsheet/TearsheetNarrow.js +18 -15
  75. package/es/components/Tearsheet/TearsheetShell.js +3 -4
  76. package/es/components/Toolbar/ToolbarButton.js +0 -3
  77. package/es/components/WebTerminal/WebTerminal.js +17 -18
  78. package/es/components/index.js +2 -2
  79. package/es/global/js/hooks/index.js +1 -0
  80. package/es/global/js/hooks/useActiveElement.js +27 -0
  81. package/es/global/js/package-settings.js +2 -1
  82. package/es/global/js/utils/DisplayBox.js +31 -0
  83. package/es/global/js/utils/Wrap.js +7 -5
  84. package/es/global/js/utils/deepCloneObject.js +26 -0
  85. package/es/global/js/utils/getScrollbarWidth.js +14 -0
  86. package/lib/components/APIKeyModal/APIKeyModal.js +10 -13
  87. package/lib/components/ActionBar/ActionBar.js +0 -3
  88. package/lib/components/ActionBar/ActionBarItem.js +2 -6
  89. package/lib/components/ActionSet/ActionSet.js +11 -13
  90. package/lib/components/AddSelect/AddSelect.js +119 -24
  91. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +3 -4
  92. package/lib/components/AddSelect/AddSelectColumn.js +37 -0
  93. package/lib/components/AddSelect/AddSelectList.js +66 -9
  94. package/lib/components/AddSelect/AddSelectSidebar.js +43 -4
  95. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +0 -3
  96. package/lib/components/ButtonMenu/ButtonMenu.js +6 -4
  97. package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
  98. package/lib/components/Card/Card.js +31 -21
  99. package/lib/components/Card/CardFooter.js +14 -10
  100. package/lib/components/Card/CardHeader.js +8 -6
  101. package/lib/components/Cascade/Cascade.js +5 -4
  102. package/lib/components/ComboButton/ComboButton.js +0 -4
  103. package/lib/components/ComboButton/ComboButtonItem/index.js +0 -5
  104. package/lib/components/CreateFullPage/CreateFullPageStep.js +17 -14
  105. package/lib/components/CreateModal/CreateModal.js +1 -4
  106. package/lib/components/CreateTearsheet/CreateTearsheet.js +10 -11
  107. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +20 -20
  108. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +478 -0
  109. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +349 -0
  110. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +80 -0
  111. package/lib/components/DataSpreadsheet/createActiveCellFn.js +56 -0
  112. package/lib/components/DataSpreadsheet/createCellSelectionArea.js +56 -0
  113. package/lib/components/DataSpreadsheet/generateData.js +58 -0
  114. package/lib/components/DataSpreadsheet/getCellSize.js +39 -0
  115. package/lib/components/DataSpreadsheet/index.js +13 -0
  116. package/lib/components/EditSidePanel/EditSidePanel.js +9 -10
  117. package/lib/components/EmptyStates/EmptyState.js +9 -8
  118. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +3 -7
  119. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +3 -7
  120. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +3 -7
  121. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +3 -7
  122. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +3 -7
  123. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +3 -7
  124. package/lib/components/ExampleComponent/ExampleComponent.js +12 -13
  125. package/lib/components/ExportModal/ExportModal.js +13 -9
  126. package/lib/components/ExpressiveCard/ExpressiveCard.js +0 -8
  127. package/lib/components/ImportModal/ImportModal.js +7 -5
  128. package/lib/components/InlineEdit/InlineEdit.js +51 -46
  129. package/lib/components/LoadingBar/LoadingBar.js +13 -17
  130. package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -4
  131. package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -5
  132. package/lib/components/ModifiedTabs/ModifiedTabs.js +24 -18
  133. package/lib/components/NotificationsPanel/NotificationsPanel.js +109 -86
  134. package/lib/components/OptionsTile/OptionsTile.js +6 -9
  135. package/lib/components/PageHeader/PageHeader.js +9 -6
  136. package/lib/components/ProductiveCard/ProductiveCard.js +24 -18
  137. package/lib/components/RemoveModal/RemoveModal.js +0 -3
  138. package/lib/components/SidePanel/SidePanel.js +22 -17
  139. package/lib/components/TagSet/TagSet.js +13 -9
  140. package/lib/components/TagSet/TagSetModal.js +17 -13
  141. package/lib/components/TagSet/TagSetOverflow.js +24 -19
  142. package/lib/components/Tearsheet/Tearsheet.js +26 -17
  143. package/lib/components/Tearsheet/TearsheetNarrow.js +18 -15
  144. package/lib/components/Tearsheet/TearsheetShell.js +2 -3
  145. package/lib/components/Toolbar/ToolbarButton.js +0 -3
  146. package/lib/components/WebTerminal/WebTerminal.js +17 -18
  147. package/lib/components/index.js +8 -8
  148. package/lib/global/js/hooks/index.js +8 -0
  149. package/lib/global/js/hooks/useActiveElement.js +39 -0
  150. package/lib/global/js/package-settings.js +2 -1
  151. package/lib/global/js/utils/DisplayBox.js +46 -0
  152. package/lib/global/js/utils/Wrap.js +7 -5
  153. package/lib/global/js/utils/deepCloneObject.js +37 -0
  154. package/lib/global/js/utils/getScrollbarWidth.js +23 -0
  155. package/package.json +18 -16
  156. package/scss/components/{CancelableTextEdit → ActionBar}/_storybook-styles.scss +2 -2
  157. package/scss/components/ActionSet/_storybook-styles.scss +1 -3
  158. package/scss/components/AddSelect/_add-select.scss +77 -1
  159. package/scss/components/BreadcrumbWithOverflow/_storybook-styles.scss +8 -0
  160. package/scss/components/ButtonSetWithOverflow/_storybook-styles.scss +8 -0
  161. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +120 -0
  162. package/scss/components/{CancelableTextEdit → DataSpreadsheet}/_index.scss +2 -2
  163. package/scss/components/DataSpreadsheet/_storybook-styles.scss +6 -0
  164. package/scss/components/InlineEdit/_inline-edit.scss +22 -8
  165. package/scss/components/InlineEdit/_storybook-styles.scss +1 -0
  166. package/scss/components/TagSet/_storybook-styles.scss +8 -0
  167. package/scss/components/Tearsheet/_tearsheet.scss +1 -2
  168. package/scss/components/_index.scss +1 -1
  169. package/scss/global/styles/_display-box.scss +62 -0
  170. package/es/components/CancelableTextEdit/CancelableTextEdit.js +0 -245
  171. package/lib/components/CancelableTextEdit/CancelableTextEdit.js +0 -265
  172. package/lib/components/CancelableTextEdit/index.js +0 -13
  173. package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +0 -212
@@ -24,16 +24,22 @@ var _settings = require("../../settings");
24
24
  // LICENSE file in the root directory of this source tree.
25
25
  //
26
26
  var componentName = 'CardHeader';
27
+ var defaults = {
28
+ hasActions: false,
29
+ titleSize: 'default'
30
+ };
27
31
 
28
32
  var CardHeader = function CardHeader(_ref) {
29
33
  var _cx;
30
34
 
31
35
  var actions = _ref.actions,
32
36
  description = _ref.description,
33
- hasActions = _ref.hasActions,
37
+ _ref$hasActions = _ref.hasActions,
38
+ hasActions = _ref$hasActions === void 0 ? defaults.hasActions : _ref$hasActions,
34
39
  label = _ref.label,
35
40
  title = _ref.title,
36
- titleSize = _ref.titleSize;
41
+ _ref$titleSize = _ref.titleSize,
42
+ titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize;
37
43
  var blockClass = "".concat(_settings.pkg.prefix, "--card");
38
44
  var headerClass = "".concat(blockClass, "__header");
39
45
  var headerClasses = (0, _classnames.default)(headerClass, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(headerClass, "-label-only"), label && !title && !description), (0, _defineProperty2.default)(_cx, "".concat(headerClass, "-has-label"), !!label), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__title-lg"), titleSize === 'large'), _cx));
@@ -63,8 +69,4 @@ CardHeader.propTypes = {
63
69
  title: _propTypes.default.string,
64
70
  titleSize: _propTypes.default.oneOf(['default', 'large'])
65
71
  };
66
- CardHeader.defaultProps = {
67
- hasActions: false,
68
- titleSize: 'default'
69
- };
70
72
  CardHeader.displayName = componentName;
@@ -37,10 +37,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
37
37
 
38
38
  var blockClass = "".concat(_settings.pkg.prefix, "--cascade");
39
39
  var componentName = 'Cascade';
40
+ var defaults = {
41
+ grid: false
42
+ };
40
43
  var Cascade = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
41
44
  var children = _ref.children,
42
45
  className = _ref.className,
43
- grid = _ref.grid,
46
+ _ref$grid = _ref.grid,
47
+ grid = _ref$grid === void 0 ? defaults.grid : _ref$grid,
44
48
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
45
49
 
46
50
  var props = _objectSpread(_objectSpread({}, rest), {}, {
@@ -103,7 +107,4 @@ Cascade.propTypes = {
103
107
  * Check the documentation for additional clarification.
104
108
  */
105
109
  grid: _propTypes.default.bool
106
- };
107
- Cascade.defaultProps = {
108
- grid: false
109
110
  };
@@ -122,8 +122,4 @@ ComboButton.propTypes = {
122
122
 
123
123
  /** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
124
124
  overflowMenu: (0, _propTypes.shape)(_OverflowMenu.OverflowMenu.propTypes)
125
- };
126
- ComboButton.defaultProps = {
127
- className: null,
128
- overflowMenu: _OverflowMenu.OverflowMenu.defaultProps
129
125
  };
@@ -41,9 +41,4 @@ ComboButtonItem.propTypes = {
41
41
 
42
42
  /** Provide an optional icon to render */
43
43
  renderIcon: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.object])
44
- };
45
- ComboButtonItem.defaultProps = {
46
- disabled: null,
47
- href: null,
48
- renderIcon: null
49
44
  };
@@ -9,10 +9,14 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.CreateFullPageStep = void 0;
11
11
 
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
12
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
15
 
14
16
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
17
 
18
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
19
+
16
20
  var _react = _interopRequireWildcard(require("react"));
17
21
 
18
22
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -29,18 +33,18 @@ var _hooks = require("../../global/js/hooks");
29
33
 
30
34
  var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole"));
31
35
 
36
+ var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
37
+
32
38
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
39
 
34
40
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
41
 
36
- /**
37
- * Copyright IBM Corp. 2021, 2022
38
- *
39
- * This source code is licensed under the Apache-2.0 license found in the
40
- * LICENSE file in the root directory of this source tree.
41
- */
42
42
  var componentName = 'CreateFullPageStep';
43
- var blockClass = "".concat(_settings.pkg.prefix, "--create-full-page__step");
43
+ var blockClass = "".concat(_settings.pkg.prefix, "--create-full-page__step"); // Default values for props
44
+
45
+ var defaults = {
46
+ includeStep: true
47
+ };
44
48
  var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
45
49
  var _cx;
46
50
 
@@ -49,14 +53,16 @@ var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
49
53
  subtitle = _ref.subtitle,
50
54
  description = _ref.description,
51
55
  disableSubmit = _ref.disableSubmit,
52
- includeStep = _ref.includeStep,
56
+ _ref$includeStep = _ref.includeStep,
57
+ includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
53
58
  introStep = _ref.introStep,
54
59
  title = _ref.title,
55
60
  hasFieldset = _ref.hasFieldset,
56
61
  fieldsetLegendText = _ref.fieldsetLegendText,
57
62
  onNext = _ref.onNext,
58
63
  onMount = _ref.onMount,
59
- secondaryLabel = _ref.secondaryLabel;
64
+ secondaryLabel = _ref.secondaryLabel,
65
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
60
66
  var stepsContext = (0, _react.useContext)(_CreateFullPage.StepsContext);
61
67
  var stepNumber = (0, _react.useContext)(_CreateFullPage.StepNumberContext);
62
68
 
@@ -94,10 +100,10 @@ var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
94
100
  stepsContext.setIsDisabled(disableSubmit);
95
101
  }
96
102
  }, [stepsContext, stepNumber, disableSubmit, onNext]);
97
- return stepsContext ? /*#__PURE__*/_react.default.createElement("section", {
103
+ return stepsContext ? /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({}, rest, {
98
104
  className: (0, _classnames.default)(blockClass, className, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _cx)),
99
105
  ref: ref
100
- }, /*#__PURE__*/_react.default.createElement("h5", {
106
+ }), /*#__PURE__*/_react.default.createElement("h5", {
101
107
  className: "".concat(blockClass, "-title")
102
108
  }, title), subtitle && /*#__PURE__*/_react.default.createElement("h6", {
103
109
  className: "".concat(blockClass, "-subtitle")
@@ -183,7 +189,4 @@ CreateFullPageStep.propTypes = {
183
189
  * Sets the title text for a create full page step
184
190
  */
185
191
  title: _propTypes.default.node.isRequired
186
- };
187
- CreateFullPageStep.defaultProps = {
188
- includeStep: true
189
192
  };
@@ -155,7 +155,4 @@ CreateModal.propTypes = {
155
155
  */
156
156
  title: _propTypes.default.node.isRequired
157
157
  };
158
- CreateModal.displayName = componentName;
159
- CreateModal.defaultProps = {
160
- disableSubmit: false
161
- };
158
+ CreateModal.displayName = componentName;
@@ -52,15 +52,21 @@ var StepsContext = /*#__PURE__*/(0, _react.createContext)(null); // This is a co
52
52
  // to let it know what number it is in the sequence of steps
53
53
 
54
54
  exports.StepsContext = StepsContext;
55
- var StepNumberContext = /*#__PURE__*/(0, _react.createContext)(-1);
55
+ var StepNumberContext = /*#__PURE__*/(0, _react.createContext)(-1); // Default values for props
56
+
56
57
  exports.StepNumberContext = StepNumberContext;
58
+ var defaults = {
59
+ verticalPosition: 'normal',
60
+ influencerWidth: 'narrow'
61
+ };
57
62
  var CreateTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
58
63
  var backButtonText = _ref.backButtonText,
59
64
  cancelButtonText = _ref.cancelButtonText,
60
65
  children = _ref.children,
61
66
  className = _ref.className,
62
67
  description = _ref.description,
63
- influencerWidth = _ref.influencerWidth,
68
+ _ref$influencerWidth = _ref.influencerWidth,
69
+ influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
64
70
  initialStep = _ref.initialStep,
65
71
  label = _ref.label,
66
72
  nextButtonText = _ref.nextButtonText,
@@ -69,7 +75,8 @@ var CreateTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
69
75
  open = _ref.open,
70
76
  submitButtonText = _ref.submitButtonText,
71
77
  title = _ref.title,
72
- verticalPosition = _ref.verticalPosition,
78
+ _ref$verticalPosition = _ref.verticalPosition,
79
+ verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
73
80
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
74
81
 
75
82
  var _useState = (0, _react.useState)([]),
@@ -335,12 +342,4 @@ CreateTearsheet.propTypes = {
335
342
  * to allow an action bar navigation or breadcrumbs to also show through.
336
343
  */
337
344
  verticalPosition: _propTypes.default.oneOf(['normal', 'lower'])
338
- }; // Default values for component props. Default values are not required for
339
- // props that are required, nor for props where the component can apply
340
- // 'undefined' values reasonably. Default values should be provided when the
341
- // component needs to make a choice or assumption when a prop is not supplied.
342
-
343
- CreateTearsheet.defaultProps = {
344
- verticalPosition: 'normal',
345
- influencerWidth: 'narrow'
346
345
  };
@@ -9,10 +9,14 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.CreateTearsheetStep = void 0;
11
11
 
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
12
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
15
 
14
16
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
17
 
18
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
19
+
16
20
  var _react = _interopRequireWildcard(require("react"));
17
21
 
18
22
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -29,18 +33,19 @@ var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole")
29
33
 
30
34
  var _hooks = require("../../global/js/hooks");
31
35
 
36
+ var _excluded = ["children", "className", "description", "disableSubmit", "fieldsetLegendText", "hasFieldset", "includeStep", "introStep", "onNext", "onMount", "secondaryLabel", "subtitle", "title"];
37
+
32
38
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
39
 
34
40
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
41
 
36
- /**
37
- * Copyright IBM Corp. 2021, 2022
38
- *
39
- * This source code is licensed under the Apache-2.0 license found in the
40
- * LICENSE file in the root directory of this source tree.
41
- */
42
42
  var componentName = 'CreateTearsheetStep';
43
- var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create__step");
43
+ var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create__step"); // Default values for props
44
+
45
+ var defaults = {
46
+ hasFieldset: true,
47
+ includeStep: true
48
+ };
44
49
  var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
45
50
  var _cx;
46
51
 
@@ -49,14 +54,17 @@ var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
49
54
  description = _ref.description,
50
55
  disableSubmit = _ref.disableSubmit,
51
56
  fieldsetLegendText = _ref.fieldsetLegendText,
52
- hasFieldset = _ref.hasFieldset,
53
- includeStep = _ref.includeStep,
57
+ _ref$hasFieldset = _ref.hasFieldset,
58
+ hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
59
+ _ref$includeStep = _ref.includeStep,
60
+ includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
54
61
  introStep = _ref.introStep,
55
62
  onNext = _ref.onNext,
56
63
  onMount = _ref.onMount,
57
64
  secondaryLabel = _ref.secondaryLabel,
58
65
  subtitle = _ref.subtitle,
59
- title = _ref.title;
66
+ title = _ref.title,
67
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
60
68
  var stepsContext = (0, _react.useContext)(_CreateTearsheet.StepsContext);
61
69
  var stepNumber = (0, _react.useContext)(_CreateTearsheet.StepNumberContext);
62
70
 
@@ -95,10 +103,10 @@ var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
95
103
  stepsContext.setIsDisabled(disableSubmit);
96
104
  }
97
105
  }, [stepsContext, stepNumber, disableSubmit, onNext]);
98
- return stepsContext ? /*#__PURE__*/_react.default.createElement("div", {
106
+ return stepsContext ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
99
107
  className: (0, _classnames.default)(blockClass, className, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _cx)),
100
108
  ref: ref
101
- }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
109
+ }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
102
110
  xlg: 12,
103
111
  lg: 12,
104
112
  md: 8,
@@ -193,12 +201,4 @@ CreateTearsheetStep.propTypes = {
193
201
  * Sets the title text for a tearsheet step
194
202
  */
195
203
  title: _propTypes.default.node.isRequired
196
- }; // Default values for component props. Default values are not required for
197
- // props that are required, nor for props where the component can apply
198
- // 'undefined' values reasonably. Default values should be provided when the
199
- // component needs to make a choice or assumption when a prop is not supplied.
200
-
201
- CreateTearsheetStep.defaultProps = {
202
- hasFieldset: true,
203
- includeStep: true
204
204
  };