@carbon/ibm-products 1.7.0 → 1.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (179) hide show
  1. package/css/index-full-carbon.css +227 -5762
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +5 -5
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +46 -3426
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +3 -3
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +195 -4028
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +5 -5
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +195 -4029
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +5 -5
  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 +10 -12
  21. package/es/components/AddSelect/AddSelect.js +120 -25
  22. package/es/components/AddSelect/AddSelectBreadcrumbs.js +4 -4
  23. package/es/components/AddSelect/AddSelectColumn.js +58 -0
  24. package/es/components/AddSelect/AddSelectList.js +67 -8
  25. package/es/components/AddSelect/AddSelectSidebar.js +7 -1
  26. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +0 -3
  27. package/es/components/ButtonMenu/ButtonMenu.js +7 -5
  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 +563 -80
  40. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +366 -0
  41. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +81 -0
  42. package/es/components/DataSpreadsheet/checkActiveHeaderCell.js +34 -0
  43. package/es/components/DataSpreadsheet/createActiveCellFn.js +47 -0
  44. package/es/components/DataSpreadsheet/createCellSelectionArea.js +45 -0
  45. package/es/components/DataSpreadsheet/getCellSize.js +30 -0
  46. package/es/components/EditSidePanel/EditSidePanel.js +9 -10
  47. package/es/components/EmptyStates/EmptyState.js +7 -6
  48. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +4 -8
  49. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +4 -8
  50. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +4 -8
  51. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +4 -8
  52. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +4 -8
  53. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +4 -8
  54. package/es/components/ExampleComponent/ExampleComponent.js +12 -13
  55. package/es/components/ExportModal/ExportModal.js +13 -9
  56. package/es/components/ExpressiveCard/ExpressiveCard.js +0 -8
  57. package/es/components/ImportModal/ImportModal.js +7 -5
  58. package/es/components/InlineEdit/InlineEdit.js +44 -46
  59. package/es/components/LoadingBar/LoadingBar.js +13 -17
  60. package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -4
  61. package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -5
  62. package/es/components/ModifiedTabs/ModifiedTabs.js +24 -18
  63. package/es/components/NotificationsPanel/NotificationsPanel.js +109 -86
  64. package/es/components/OptionsTile/OptionsTile.js +17 -10
  65. package/es/components/PageHeader/PageHeader.js +58 -47
  66. package/es/components/PageHeader/PageHeaderUtils.js +3 -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 +25 -12
  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/Toolbar/ToolbarButton.js +0 -3
  76. package/es/components/UserProfileImage/UserProfileImage.js +2 -1
  77. package/es/components/WebTerminal/WebTerminal.js +17 -18
  78. package/es/components/index.js +0 -1
  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/utils/DisplayBox.js +31 -0
  82. package/es/global/js/utils/Wrap.js +7 -5
  83. package/es/global/js/utils/deepCloneObject.js +26 -0
  84. package/lib/components/APIKeyModal/APIKeyModal.js +10 -13
  85. package/lib/components/ActionBar/ActionBar.js +0 -3
  86. package/lib/components/ActionBar/ActionBarItem.js +2 -6
  87. package/lib/components/ActionSet/ActionSet.js +10 -12
  88. package/lib/components/AddSelect/AddSelect.js +118 -24
  89. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +2 -3
  90. package/lib/components/AddSelect/AddSelectColumn.js +79 -0
  91. package/lib/components/AddSelect/AddSelectList.js +65 -8
  92. package/lib/components/AddSelect/AddSelectSidebar.js +7 -1
  93. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +0 -3
  94. package/lib/components/ButtonMenu/ButtonMenu.js +7 -5
  95. package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
  96. package/lib/components/Card/Card.js +31 -21
  97. package/lib/components/Card/CardFooter.js +14 -10
  98. package/lib/components/Card/CardHeader.js +8 -6
  99. package/lib/components/Cascade/Cascade.js +5 -4
  100. package/lib/components/ComboButton/ComboButton.js +0 -4
  101. package/lib/components/ComboButton/ComboButtonItem/index.js +0 -5
  102. package/lib/components/CreateFullPage/CreateFullPageStep.js +17 -14
  103. package/lib/components/CreateModal/CreateModal.js +1 -4
  104. package/lib/components/CreateTearsheet/CreateTearsheet.js +10 -11
  105. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +20 -20
  106. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +567 -77
  107. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +391 -0
  108. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +99 -0
  109. package/lib/components/DataSpreadsheet/checkActiveHeaderCell.js +45 -0
  110. package/lib/components/DataSpreadsheet/createActiveCellFn.js +58 -0
  111. package/lib/components/DataSpreadsheet/createCellSelectionArea.js +56 -0
  112. package/lib/components/DataSpreadsheet/getCellSize.js +39 -0
  113. package/lib/components/EditSidePanel/EditSidePanel.js +9 -10
  114. package/lib/components/EmptyStates/EmptyState.js +9 -8
  115. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +3 -7
  116. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +3 -7
  117. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +3 -7
  118. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +3 -7
  119. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +3 -7
  120. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +3 -7
  121. package/lib/components/ExampleComponent/ExampleComponent.js +12 -13
  122. package/lib/components/ExportModal/ExportModal.js +13 -9
  123. package/lib/components/ExpressiveCard/ExpressiveCard.js +0 -8
  124. package/lib/components/ImportModal/ImportModal.js +7 -5
  125. package/lib/components/InlineEdit/InlineEdit.js +43 -45
  126. package/lib/components/LoadingBar/LoadingBar.js +13 -17
  127. package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -4
  128. package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -5
  129. package/lib/components/ModifiedTabs/ModifiedTabs.js +24 -18
  130. package/lib/components/NotificationsPanel/NotificationsPanel.js +109 -86
  131. package/lib/components/OptionsTile/OptionsTile.js +17 -10
  132. package/lib/components/PageHeader/PageHeader.js +56 -46
  133. package/lib/components/PageHeader/PageHeaderUtils.js +3 -7
  134. package/lib/components/ProductiveCard/ProductiveCard.js +24 -18
  135. package/lib/components/RemoveModal/RemoveModal.js +0 -3
  136. package/lib/components/SidePanel/SidePanel.js +22 -17
  137. package/lib/components/TagSet/TagSet.js +26 -12
  138. package/lib/components/TagSet/TagSetModal.js +17 -13
  139. package/lib/components/TagSet/TagSetOverflow.js +24 -19
  140. package/lib/components/Tearsheet/Tearsheet.js +26 -17
  141. package/lib/components/Tearsheet/TearsheetNarrow.js +18 -15
  142. package/lib/components/Toolbar/ToolbarButton.js +0 -3
  143. package/lib/components/UserProfileImage/UserProfileImage.js +2 -1
  144. package/lib/components/WebTerminal/WebTerminal.js +17 -18
  145. package/lib/components/index.js +0 -8
  146. package/lib/global/js/hooks/index.js +8 -0
  147. package/lib/global/js/hooks/useActiveElement.js +39 -0
  148. package/lib/global/js/utils/DisplayBox.js +46 -0
  149. package/lib/global/js/utils/Wrap.js +7 -5
  150. package/lib/global/js/utils/deepCloneObject.js +37 -0
  151. package/package.json +18 -18
  152. package/scss/components/{CancelableTextEdit/_index.scss → ActionBar/_storybook-styles.scss} +2 -2
  153. package/scss/components/ActionSet/_storybook-styles.scss +1 -3
  154. package/scss/components/AddSelect/_add-select.scss +83 -14
  155. package/scss/components/{CancelableTextEdit → BreadcrumbWithOverflow}/_storybook-styles.scss +2 -2
  156. package/scss/components/ButtonSetWithOverflow/_storybook-styles.scss +8 -0
  157. package/scss/components/CreateInfluencer/_create-influencer.scss +2 -0
  158. package/scss/components/CreateModal/_create-modal.scss +1 -0
  159. package/scss/components/CreateTearsheet/_create-tearsheet.scss +1 -0
  160. package/scss/components/CreateTearsheetNarrow/_create-tearsheet-narrow.scss +1 -0
  161. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +53 -7
  162. package/scss/components/InlineEdit/_inline-edit.scss +36 -15
  163. package/scss/components/InlineEdit/_storybook-styles.scss +2 -0
  164. package/scss/components/LoadingBar/_loading-bar.scss +13 -0
  165. package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -0
  166. package/scss/components/PageHeader/_page-header.scss +2 -0
  167. package/scss/components/SidePanel/_side-panel.scss +11 -4
  168. package/scss/components/StatusIcon/_status-icon.scss +1 -0
  169. package/scss/components/TagSet/_storybook-styles.scss +8 -0
  170. package/scss/components/Tearsheet/_tearsheet.scss +1 -2
  171. package/scss/components/UserProfileImage/_user-profile-image.scss +9 -0
  172. package/scss/components/WebTerminal/_web-terminal.scss +2 -0
  173. package/scss/components/_index.scss +0 -1
  174. package/scss/global/styles/_display-box.scss +62 -0
  175. package/es/components/CancelableTextEdit/CancelableTextEdit.js +0 -245
  176. package/es/components/CancelableTextEdit/index.js +0 -7
  177. package/lib/components/CancelableTextEdit/CancelableTextEdit.js +0 -265
  178. package/lib/components/CancelableTextEdit/index.js +0 -13
  179. package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +0 -212
@@ -367,7 +367,4 @@ BreadcrumbWithOverflow.propTypes = {
367
367
  return breadcrumbs.length > 1;
368
368
  })
369
369
  };
370
- BreadcrumbWithOverflow.defaultProps = {
371
- noTrailingSlash: false
372
- };
373
370
  BreadcrumbWithOverflow.displayName = componentName;
@@ -25,7 +25,11 @@ var _excluded = ["children", "className", "iconDescription", "label", "menuOptio
25
25
  // The block part of our conventional BEM class names (blockClass__E--M).
26
26
  var blockClass = "".concat(_settings.pkg.prefix, "--button-menu");
27
27
  var componentName = 'ButtonMenu'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
28
+ // Default values for props
28
29
 
30
+ var defaults = {
31
+ size: 'default'
32
+ };
29
33
  /**
30
34
  * Combining a standard button with an overflow menu, this component appears
31
35
  * as a button and has all the usual carbon Button props and rendering, but
@@ -41,7 +45,8 @@ var ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
41
45
  label = _ref.label,
42
46
  menuOptionsClass = _ref.menuOptionsClass,
43
47
  Icon = _ref.renderIcon,
44
- size = _ref.size,
48
+ _ref$size = _ref.size,
49
+ size = _ref$size === void 0 ? defaults.size : _ref$size,
45
50
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
46
51
  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, (0, _extends2.default)({}, rest, {
47
52
  className: (0, _classnames.default)(blockClass, // Apply the block class to the main HTML element
@@ -57,7 +62,7 @@ var ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
57
62
  className: "".concat(_settings.carbon.prefix, "--btn__icon")
58
63
  }));
59
64
  },
60
- ref: ref
65
+ innerRef: ref
61
66
  }), children);
62
67
  }); // Return a placeholder if not released and not enabled by feature flag
63
68
 
@@ -109,7 +114,4 @@ ButtonMenu.propTypes = {
109
114
  * value for the carbon Button component 'size' prop.
110
115
  */
111
116
  size: _carbonComponentsReact.Button.propTypes.size
112
- };
113
- ButtonMenu.defaultProps = {
114
- size: 'default'
115
117
  };
@@ -40,5 +40,4 @@ var ButtonMenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
40
40
 
41
41
  exports.ButtonMenuItem = ButtonMenuItem;
42
42
  exports.ButtonMenuItem = ButtonMenuItem = _settings.pkg.checkComponentEnabled(ButtonMenuItem, componentName);
43
- ButtonMenuItem.propTypes = _carbonComponentsReact.OverflowMenuItem.propTypes;
44
- ButtonMenuItem.defaultProps = _carbonComponentsReact.OverflowMenuItem.defaultProps;
43
+ ButtonMenuItem.propTypes = _carbonComponentsReact.OverflowMenuItem.propTypes;
@@ -41,34 +41,55 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
41
41
 
42
42
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
43
43
 
44
- var componentName = 'Card';
44
+ var componentName = 'Card'; // Default values for props
45
+
46
+ var defaults = {
47
+ actionIcons: Object.freeze([]),
48
+ actionsPlacement: 'bottom',
49
+ clickZone: 'one',
50
+ mediaPosition: 'top',
51
+ overflowActions: Object.freeze([]),
52
+ primaryButtonKind: 'primary',
53
+ productive: false,
54
+ secondaryButtonKind: 'secondary',
55
+ titleSize: 'default'
56
+ };
45
57
  var Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
46
- var actionIcons = _ref.actionIcons,
47
- actionsPlacement = _ref.actionsPlacement,
58
+ var _ref$actionIcons = _ref.actionIcons,
59
+ actionIcons = _ref$actionIcons === void 0 ? defaults.actionIcons : _ref$actionIcons,
60
+ _ref$actionsPlacement = _ref.actionsPlacement,
61
+ actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
48
62
  children = _ref.children,
49
63
  className = _ref.className,
50
- clickZone = _ref.clickZone,
64
+ _ref$clickZone = _ref.clickZone,
65
+ clickZone = _ref$clickZone === void 0 ? defaults.clickZone : _ref$clickZone,
51
66
  description = _ref.description,
52
67
  label = _ref.label,
53
68
  media = _ref.media,
54
- mediaPosition = _ref.mediaPosition,
69
+ _ref$mediaPosition = _ref.mediaPosition,
70
+ mediaPosition = _ref$mediaPosition === void 0 ? defaults.mediaPosition : _ref$mediaPosition,
55
71
  onClick = _ref.onClick,
56
72
  onKeyDown = _ref.onKeyDown,
57
73
  onPrimaryButtonClick = _ref.onPrimaryButtonClick,
58
- overflowActions = _ref.overflowActions,
74
+ _ref$overflowActions = _ref.overflowActions,
75
+ overflowActions = _ref$overflowActions === void 0 ? defaults.overflowActions : _ref$overflowActions,
59
76
  onSecondaryButtonClick = _ref.onSecondaryButtonClick,
60
77
  Pictogram = _ref.pictogram,
61
78
  primaryButtonHref = _ref.primaryButtonHref,
62
79
  primaryButtonIcon = _ref.primaryButtonIcon,
63
- primaryButtonKind = _ref.primaryButtonKind,
80
+ _ref$primaryButtonKin = _ref.primaryButtonKind,
81
+ primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
64
82
  primaryButtonText = _ref.primaryButtonText,
65
- productive = _ref.productive,
83
+ _ref$productive = _ref.productive,
84
+ productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
66
85
  secondaryButtonHref = _ref.secondaryButtonHref,
67
86
  secondaryButtonIcon = _ref.secondaryButtonIcon,
68
- secondaryButtonKind = _ref.secondaryButtonKind,
87
+ _ref$secondaryButtonK = _ref.secondaryButtonKind,
88
+ secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
69
89
  secondaryButtonText = _ref.secondaryButtonText,
70
90
  title = _ref.title,
71
- titleSize = _ref.titleSize,
91
+ _ref$titleSize = _ref.titleSize,
92
+ titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize,
72
93
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
73
94
  var blockClass = "".concat(_settings.pkg.prefix, "--card");
74
95
  var hasActions = actionIcons.length > 0 || overflowActions.length > 0;
@@ -262,15 +283,4 @@ Card.propTypes = {
262
283
  title: _propTypes.default.string,
263
284
  titleSize: _propTypes.default.oneOf(['default', 'large'])
264
285
  };
265
- Card.defaultProps = {
266
- actionIcons: [],
267
- actionsPlacement: 'bottom',
268
- clickZone: 'one',
269
- mediaPosition: 'top',
270
- overflowActions: [],
271
- primaryButtonKind: 'primary',
272
- productive: false,
273
- secondaryButtonKind: 'secondary',
274
- titleSize: 'default'
275
- };
276
286
  Card.displayName = componentName;
@@ -26,21 +26,31 @@ var _settings = require("../../settings");
26
26
  // LICENSE file in the root directory of this source tree.
27
27
  //
28
28
  var componentName = 'CardFooter';
29
+ var defaults = {
30
+ actions: Object.freeze([]),
31
+ primaryButtonKind: 'primary',
32
+ productive: false,
33
+ secondaryButtonKind: 'secondary'
34
+ };
29
35
 
30
36
  var CardFooter = function CardFooter(_ref) {
31
- var actions = _ref.actions,
37
+ var _ref$actions = _ref.actions,
38
+ actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
32
39
  hasActions = _ref.hasActions,
33
40
  hasButton = _ref.hasButton,
34
41
  onPrimaryButtonClick = _ref.onPrimaryButtonClick,
35
42
  onSecondaryButtonClick = _ref.onSecondaryButtonClick,
36
43
  primaryButtonHref = _ref.primaryButtonHref,
37
44
  primaryButtonIcon = _ref.primaryButtonIcon,
38
- primaryButtonKind = _ref.primaryButtonKind,
45
+ _ref$primaryButtonKin = _ref.primaryButtonKind,
46
+ primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
39
47
  primaryButtonText = _ref.primaryButtonText,
40
- productive = _ref.productive,
48
+ _ref$productive = _ref.productive,
49
+ productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
41
50
  secondaryButtonHref = _ref.secondaryButtonHref,
42
51
  secondaryButtonIcon = _ref.secondaryButtonIcon,
43
- secondaryButtonKind = _ref.secondaryButtonKind,
52
+ _ref$secondaryButtonK = _ref.secondaryButtonKind,
53
+ secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
44
54
  secondaryButtonText = _ref.secondaryButtonText;
45
55
  var blockClass = "".concat(_settings.pkg.prefix, "--card");
46
56
  var footerClass = "".concat(_settings.pkg.prefix, "--card__footer");
@@ -81,10 +91,4 @@ CardFooter.propTypes = {
81
91
  secondaryButtonKind: _propTypes.default.oneOf(['secondary', 'ghost']),
82
92
  secondaryButtonText: _propTypes.default.string
83
93
  };
84
- CardFooter.defaultProps = {
85
- actions: [],
86
- primaryButtonKind: 'primary',
87
- productive: false,
88
- secondaryButtonKind: 'secondary'
89
- };
90
94
  CardFooter.displayName = componentName;
@@ -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
  };