@carbon/ibm-products 1.6.1 → 1.9.0

package/es/components/Card/CardHeader.js

@@ -10,15 +10,21 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { pkg } from '../../settings';
 var componentName = 'CardHeader';
+var defaults = {
+  hasActions: false,
+  titleSize: 'default'
+};
 export var CardHeader = function CardHeader(_ref) {
   var _cx;
 
   var actions = _ref.actions,
       description = _ref.description,
-      hasActions = _ref.hasActions,
+      _ref$hasActions = _ref.hasActions,
+      hasActions = _ref$hasActions === void 0 ? defaults.hasActions : _ref$hasActions,
       label = _ref.label,
       title = _ref.title,
-      titleSize = _ref.titleSize;
+      _ref$titleSize = _ref.titleSize,
+      titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize;
   var blockClass = "".concat(pkg.prefix, "--card");
   var headerClass = "".concat(blockClass, "__header");
   var headerClasses = cx(headerClass, (_cx = {}, _defineProperty(_cx, "".concat(headerClass, "-label-only"), label && !title && !description), _defineProperty(_cx, "".concat(headerClass, "-has-label"), !!label), _defineProperty(_cx, "".concat(blockClass, "__title-lg"), titleSize === 'large'), _cx));
@@ -46,8 +52,4 @@ CardHeader.propTypes = {
   title: PropTypes.string,
   titleSize: PropTypes.oneOf(['default', 'large'])
 };
-CardHeader.defaultProps = {
-  hasActions: false,
-  titleSize: 'default'
-};
 CardHeader.displayName = componentName;

package/es/components/Cascade/Cascade.js

@@ -20,10 +20,14 @@ import { pkg } from '../../settings';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 var blockClass = "".concat(pkg.prefix, "--cascade");
 var componentName = 'Cascade';
+var defaults = {
+  grid: false
+};
 export var Cascade = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
-      grid = _ref.grid,
+      _ref$grid = _ref.grid,
+      grid = _ref$grid === void 0 ? defaults.grid : _ref$grid,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var props = _objectSpread(_objectSpread({}, rest), {}, {
@@ -82,7 +86,4 @@ Cascade.propTypes = {
    * Check the documentation for additional clarification.
    */
   grid: PropTypes.bool
-};
-Cascade.defaultProps = {
-  grid: false
 };

package/es/components/ComboButton/ComboButton.js

@@ -103,8 +103,4 @@ ComboButton.propTypes = {
   /** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
   overflowMenu: shape(OverflowMenu.propTypes)
 };
-ComboButton.defaultProps = {
-  className: null,
-  overflowMenu: OverflowMenu.defaultProps
-};
 export { ComboButton };

package/es/components/ComboButton/ComboButtonItem/index.js

@@ -31,9 +31,4 @@ ComboButtonItem.propTypes = {
   /** Provide an optional icon to render */
   renderIcon: oneOfType([func, object])
 };
-ComboButtonItem.defaultProps = {
-  disabled: null,
-  href: null,
-  renderIcon: null
-};
 export { ComboButtonItem };

package/es/components/CreateFullPage/CreateFullPageStep.js

@@ -1,5 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
 
 /**
  * Copyright IBM Corp. 2021, 2022
@@ -16,7 +19,11 @@ import { StepsContext, StepNumberContext } from './CreateFullPage';
 import { usePreviousValue, useRetrieveStepData } from '../../global/js/hooks';
 import pconsole from '../../global/js/utils/pconsole';
 var componentName = 'CreateFullPageStep';
-var blockClass = "".concat(pkg.prefix, "--create-full-page__step");
+var blockClass = "".concat(pkg.prefix, "--create-full-page__step"); // Default values for props
+
+var defaults = {
+  includeStep: true
+};
 export var CreateFullPageStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _cx;
 
@@ -25,14 +32,17 @@ export var CreateFullPageStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
       subtitle = _ref.subtitle,
       description = _ref.description,
       disableSubmit = _ref.disableSubmit,
-      includeStep = _ref.includeStep,
+      _ref$includeStep = _ref.includeStep,
+      includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
       introStep = _ref.introStep,
       title = _ref.title,
       hasFieldset = _ref.hasFieldset,
       fieldsetLegendText = _ref.fieldsetLegendText,
       onNext = _ref.onNext,
       onMount = _ref.onMount,
-      secondaryLabel = _ref.secondaryLabel;
+      secondaryLabel = _ref.secondaryLabel,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var stepsContext = useContext(StepsContext);
   var stepNumber = useContext(StepNumberContext);
 
@@ -70,10 +80,10 @@ export var CreateFullPageStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
       stepsContext.setIsDisabled(disableSubmit);
     }
   }, [stepsContext, stepNumber, disableSubmit, onNext]);
-  return stepsContext ? /*#__PURE__*/React.createElement("section", {
+  return stepsContext ? /*#__PURE__*/React.createElement("section", _extends({}, rest, {
     className: cx(blockClass, className, (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _defineProperty(_cx, "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _cx)),
     ref: ref
-  }, /*#__PURE__*/React.createElement("h5", {
+  }), /*#__PURE__*/React.createElement("h5", {
     className: "".concat(blockClass, "-title")
   }, title), subtitle && /*#__PURE__*/React.createElement("h6", {
     className: "".concat(blockClass, "-subtitle")
@@ -158,7 +168,4 @@ CreateFullPageStep.propTypes = {
    * Sets the title text for a create full page step
    */
   title: PropTypes.node.isRequired
-};
-CreateFullPageStep.defaultProps = {
-  includeStep: true
 };

package/es/components/CreateModal/CreateModal.js

@@ -146,7 +146,4 @@ CreateModal.propTypes = {
    */
   title: PropTypes.node.isRequired
 };
-CreateModal.displayName = componentName;
-CreateModal.defaultProps = {
-  disableSubmit: false
-};
+CreateModal.displayName = componentName;

package/es/components/CreateTearsheet/CreateTearsheet.js

@@ -28,14 +28,20 @@ var blockClass = "".concat(pkg.prefix, "--tearsheet-create"); // This is a gener
 export var StepsContext = /*#__PURE__*/createContext(null); // This is a context supplied separately to each step in the container
 // to let it know what number it is in the sequence of steps
 
-export var StepNumberContext = /*#__PURE__*/createContext(-1);
+export var StepNumberContext = /*#__PURE__*/createContext(-1); // Default values for props
+
+var defaults = {
+  verticalPosition: 'normal',
+  influencerWidth: 'narrow'
+};
 export var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var backButtonText = _ref.backButtonText,
       cancelButtonText = _ref.cancelButtonText,
       children = _ref.children,
       className = _ref.className,
       description = _ref.description,
-      influencerWidth = _ref.influencerWidth,
+      _ref$influencerWidth = _ref.influencerWidth,
+      influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
       initialStep = _ref.initialStep,
       label = _ref.label,
       nextButtonText = _ref.nextButtonText,
@@ -44,7 +50,8 @@ export var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
       open = _ref.open,
       submitButtonText = _ref.submitButtonText,
       title = _ref.title,
-      verticalPosition = _ref.verticalPosition,
+      _ref$verticalPosition = _ref.verticalPosition,
+      verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState([]),
@@ -309,12 +316,4 @@ CreateTearsheet.propTypes = {
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
   verticalPosition: PropTypes.oneOf(['normal', 'lower'])
-}; // Default values for component props. Default values are not required for
-// props that are required, nor for props where the component can apply
-// 'undefined' values reasonably. Default values should be provided when the
-// component needs to make a choice or assumption when a prop is not supplied.
-
-CreateTearsheet.defaultProps = {
-  verticalPosition: 'normal',
-  influencerWidth: 'narrow'
 };

package/es/components/CreateTearsheet/CreateTearsheetStep.js

@@ -1,5 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "className", "description", "disableSubmit", "fieldsetLegendText", "hasFieldset", "includeStep", "introStep", "onNext", "onMount", "secondaryLabel", "subtitle", "title"];
 
 /**
  * Copyright IBM Corp. 2021, 2022
@@ -16,7 +19,12 @@ import { pkg } from '../../settings';
 import pconsole from '../../global/js/utils/pconsole';
 import { usePreviousValue, useRetrieveStepData } from '../../global/js/hooks';
 var componentName = 'CreateTearsheetStep';
-var blockClass = "".concat(pkg.prefix, "--tearsheet-create__step");
+var blockClass = "".concat(pkg.prefix, "--tearsheet-create__step"); // Default values for props
+
+var defaults = {
+  hasFieldset: true,
+  includeStep: true
+};
 export var CreateTearsheetStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _cx;
 
@@ -25,14 +33,18 @@ export var CreateTearsheetStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
       description = _ref.description,
       disableSubmit = _ref.disableSubmit,
       fieldsetLegendText = _ref.fieldsetLegendText,
-      hasFieldset = _ref.hasFieldset,
-      includeStep = _ref.includeStep,
+      _ref$hasFieldset = _ref.hasFieldset,
+      hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
+      _ref$includeStep = _ref.includeStep,
+      includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
       introStep = _ref.introStep,
       onNext = _ref.onNext,
       onMount = _ref.onMount,
       secondaryLabel = _ref.secondaryLabel,
       subtitle = _ref.subtitle,
-      title = _ref.title;
+      title = _ref.title,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var stepsContext = useContext(StepsContext);
   var stepNumber = useContext(StepNumberContext);
 
@@ -71,10 +83,10 @@ export var CreateTearsheetStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
       stepsContext.setIsDisabled(disableSubmit);
     }
   }, [stepsContext, stepNumber, disableSubmit, onNext]);
-  return stepsContext ? /*#__PURE__*/React.createElement("div", {
+  return stepsContext ? /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: cx(blockClass, className, (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _defineProperty(_cx, "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _cx)),
     ref: ref
-  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Column, {
+  }), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Column, {
     xlg: 12,
     lg: 12,
     md: 8,
@@ -168,12 +180,4 @@ CreateTearsheetStep.propTypes = {
    * Sets the title text for a tearsheet step
    */
   title: PropTypes.node.isRequired
-}; // Default values for component props. Default values are not required for
-// props that are required, nor for props where the component can apply
-// 'undefined' values reasonably. Default values should be provided when the
-// component needs to make a choice or assumption when a prop is not supplied.
-
-CreateTearsheetStep.defaultProps = {
-  hasFieldset: true,
-  includeStep: true
 };