@carbon/ibm-products 1.6.1 → 1.9.0

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