@carbon/ibm-products 1.7.0 → 1.8.0

package/es/components/ButtonMenu/ButtonMenu.js

@@ -19,7 +19,11 @@ import { Button, OverflowMenu } from 'carbon-components-react'; // The block par
 
 var blockClass = "".concat(pkg.prefix, "--button-menu");
 var componentName = 'ButtonMenu'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  size: 'default'
+};
 /**
  * Combining a standard button with an overflow menu, this component appears
  * as a button and has all the usual carbon Button props and rendering, but
@@ -35,7 +39,8 @@ export var ButtonMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       label = _ref.label,
       menuOptionsClass = _ref.menuOptionsClass,
       Icon = _ref.renderIcon,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(OverflowMenu, _extends({}, rest, {
@@ -102,7 +107,4 @@ ButtonMenu.propTypes = {
    * value for the carbon Button component 'size' prop.
    */
   size: Button.propTypes.size
-};
-ButtonMenu.defaultProps = {
-  size: 'default'
 };

package/es/components/ButtonMenu/ButtonMenuItem.js

@@ -26,5 +26,4 @@ export var ButtonMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref)
 }); // Return a placeholder if not released and not enabled by feature flag
 
 ButtonMenuItem = pkg.checkComponentEnabled(ButtonMenuItem, componentName);
-ButtonMenuItem.propTypes = OverflowMenuItem.propTypes;
-ButtonMenuItem.defaultProps = OverflowMenuItem.defaultProps;
+ButtonMenuItem.propTypes = OverflowMenuItem.propTypes;

package/es/components/Card/Card.js

@@ -22,34 +22,55 @@ import PropTypes from 'prop-types';
 import { CardHeader } from './CardHeader';
 import { CardFooter } from './CardFooter';
 import { pkg } from '../../settings';
-var componentName = 'Card';
+var componentName = 'Card'; // Default values for props
+
+var defaults = {
+  actionIcons: Object.freeze([]),
+  actionsPlacement: 'bottom',
+  clickZone: 'one',
+  mediaPosition: 'top',
+  overflowActions: Object.freeze([]),
+  primaryButtonKind: 'primary',
+  productive: false,
+  secondaryButtonKind: 'secondary',
+  titleSize: 'default'
+};
 export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var actionIcons = _ref.actionIcons,
-      actionsPlacement = _ref.actionsPlacement,
+  var _ref$actionIcons = _ref.actionIcons,
+      actionIcons = _ref$actionIcons === void 0 ? defaults.actionIcons : _ref$actionIcons,
+      _ref$actionsPlacement = _ref.actionsPlacement,
+      actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
       children = _ref.children,
       className = _ref.className,
-      clickZone = _ref.clickZone,
+      _ref$clickZone = _ref.clickZone,
+      clickZone = _ref$clickZone === void 0 ? defaults.clickZone : _ref$clickZone,
       description = _ref.description,
       label = _ref.label,
       media = _ref.media,
-      mediaPosition = _ref.mediaPosition,
+      _ref$mediaPosition = _ref.mediaPosition,
+      mediaPosition = _ref$mediaPosition === void 0 ? defaults.mediaPosition : _ref$mediaPosition,
       onClick = _ref.onClick,
       onKeyDown = _ref.onKeyDown,
       onPrimaryButtonClick = _ref.onPrimaryButtonClick,
-      overflowActions = _ref.overflowActions,
+      _ref$overflowActions = _ref.overflowActions,
+      overflowActions = _ref$overflowActions === void 0 ? defaults.overflowActions : _ref$overflowActions,
       onSecondaryButtonClick = _ref.onSecondaryButtonClick,
       Pictogram = _ref.pictogram,
       primaryButtonHref = _ref.primaryButtonHref,
       primaryButtonIcon = _ref.primaryButtonIcon,
-      primaryButtonKind = _ref.primaryButtonKind,
+      _ref$primaryButtonKin = _ref.primaryButtonKind,
+      primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
       primaryButtonText = _ref.primaryButtonText,
-      productive = _ref.productive,
+      _ref$productive = _ref.productive,
+      productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
       secondaryButtonHref = _ref.secondaryButtonHref,
       secondaryButtonIcon = _ref.secondaryButtonIcon,
-      secondaryButtonKind = _ref.secondaryButtonKind,
+      _ref$secondaryButtonK = _ref.secondaryButtonKind,
+      secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
       secondaryButtonText = _ref.secondaryButtonText,
       title = _ref.title,
-      titleSize = _ref.titleSize,
+      _ref$titleSize = _ref.titleSize,
+      titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var blockClass = "".concat(pkg.prefix, "--card");
@@ -244,15 +265,4 @@ Card.propTypes = {
   title: PropTypes.string,
   titleSize: PropTypes.oneOf(['default', 'large'])
 };
-Card.defaultProps = {
-  actionIcons: [],
-  actionsPlacement: 'bottom',
-  clickZone: 'one',
-  mediaPosition: 'top',
-  overflowActions: [],
-  primaryButtonKind: 'primary',
-  productive: false,
-  secondaryButtonKind: 'secondary',
-  titleSize: 'default'
-};
 Card.displayName = componentName;

package/es/components/Card/CardFooter.js

@@ -11,20 +11,30 @@ import { Button } from 'carbon-components-react';
 import PropTypes from 'prop-types';
 import { pkg } from '../../settings';
 var componentName = 'CardFooter';
+var defaults = {
+  actions: Object.freeze([]),
+  primaryButtonKind: 'primary',
+  productive: false,
+  secondaryButtonKind: 'secondary'
+};
 export var CardFooter = function CardFooter(_ref) {
-  var actions = _ref.actions,
+  var _ref$actions = _ref.actions,
+      actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
       hasActions = _ref.hasActions,
       hasButton = _ref.hasButton,
       onPrimaryButtonClick = _ref.onPrimaryButtonClick,
       onSecondaryButtonClick = _ref.onSecondaryButtonClick,
       primaryButtonHref = _ref.primaryButtonHref,
       primaryButtonIcon = _ref.primaryButtonIcon,
-      primaryButtonKind = _ref.primaryButtonKind,
+      _ref$primaryButtonKin = _ref.primaryButtonKind,
+      primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
       primaryButtonText = _ref.primaryButtonText,
-      productive = _ref.productive,
+      _ref$productive = _ref.productive,
+      productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
       secondaryButtonHref = _ref.secondaryButtonHref,
       secondaryButtonIcon = _ref.secondaryButtonIcon,
-      secondaryButtonKind = _ref.secondaryButtonKind,
+      _ref$secondaryButtonK = _ref.secondaryButtonKind,
+      secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
       secondaryButtonText = _ref.secondaryButtonText;
   var blockClass = "".concat(pkg.prefix, "--card");
   var footerClass = "".concat(pkg.prefix, "--card__footer");
@@ -63,10 +73,4 @@ CardFooter.propTypes = {
   secondaryButtonKind: PropTypes.oneOf(['secondary', 'ghost']),
   secondaryButtonText: PropTypes.string
 };
-CardFooter.defaultProps = {
-  actions: [],
-  primaryButtonKind: 'primary',
-  productive: false,
-  secondaryButtonKind: 'secondary'
-};
 CardFooter.displayName = componentName;

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
 };