@carbon/ibm-products 1.5.0 → 1.8.0

package/es/components/AddSelect/AddSelectBreadcrumbs.js

@@ -0,0 +1,56 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+//
+// Copyright IBM Corp. 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+import React from 'react';
+import { Breadcrumb, BreadcrumbItem } from 'carbon-components-react';
+import PropTypes from 'prop-types';
+var componentName = 'AddSelectBreadcrumbs';
+export var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
+  var itemsLabel = _ref.itemsLabel,
+      path = _ref.path,
+      setPath = _ref.setPath;
+
+  var clickHandler = function clickHandler(id) {
+    var newPath = _toConsumableArray(path);
+
+    var pathIdx = newPath.findIndex(function (entry) {
+      return entry.id === id;
+    });
+    var finalPath = newPath.splice(0, pathIdx + 1);
+    setPath(finalPath);
+  };
+
+  var resetPath = function resetPath() {
+    setPath([]);
+  };
+
+  return /*#__PURE__*/React.createElement(Breadcrumb, {
+    noTrailingSlash: true
+  }, /*#__PURE__*/React.createElement(BreadcrumbItem, {
+    onClick: resetPath
+  }, itemsLabel), path.map(function (entry, idx, arr) {
+    var isCurrentPage = idx === arr.length - 1;
+
+    var crumbHandler = function crumbHandler() {
+      if (!isCurrentPage) {
+        clickHandler(entry.id);
+      }
+    };
+
+    return /*#__PURE__*/React.createElement(BreadcrumbItem, {
+      key: entry.id,
+      isCurrentPage: isCurrentPage,
+      onClick: crumbHandler
+    }, entry.title);
+  }));
+};
+AddSelectBreadcrumbs.propTypes = {
+  itemsLabel: PropTypes.string,
+  path: PropTypes.array,
+  setPath: PropTypes.func
+};
+AddSelectBreadcrumbs.displayName = componentName;

package/es/components/AddSelect/AddSelectList.js

@@ -0,0 +1,94 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+//
+// Copyright IBM Corp. 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+import React from 'react';
+import { Checkbox, RadioButton, StructuredListRow, StructuredListWrapper, StructuredListBody, StructuredListCell } from 'carbon-components-react';
+import { ChevronRight16 } from '@carbon/icons-react';
+import PropTypes from 'prop-types';
+import { pkg } from '../../settings';
+var componentName = 'AddSelectList';
+export var AddSelectList = function AddSelectList(_ref) {
+  var filteredItems = _ref.filteredItems,
+      multi = _ref.multi,
+      multiSelection = _ref.multiSelection,
+      path = _ref.path,
+      setMultiSelection = _ref.setMultiSelection,
+      setPath = _ref.setPath,
+      setSingleSelection = _ref.setSingleSelection,
+      singleSelection = _ref.singleSelection;
+  var blockClass = "".concat(pkg.prefix, "--add-select__selections");
+
+  var handleSingleSelection = function handleSingleSelection(value) {
+    setSingleSelection(value);
+  };
+
+  var handleMultiSelection = function handleMultiSelection(value, checked) {
+    if (checked) {
+      var newValues = [].concat(_toConsumableArray(multiSelection), [value]);
+      setMultiSelection(newValues);
+    } else {
+      var _newValues = multiSelection.filter(function (v) {
+        return v !== value;
+      });
+
+      setMultiSelection(_newValues);
+    }
+  };
+
+  var onNavigateItem = function onNavigateItem(_ref2) {
+    var id = _ref2.id,
+        title = _ref2.title;
+    setPath([].concat(_toConsumableArray(path), [{
+      id: id,
+      title: title
+    }]));
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "-wrapper")
+  }, /*#__PURE__*/React.createElement(StructuredListWrapper, {
+    selection: true,
+    className: "".concat(blockClass)
+  }, /*#__PURE__*/React.createElement(StructuredListBody, null, filteredItems.map(function (item) {
+    return /*#__PURE__*/React.createElement(StructuredListRow, {
+      key: item.id
+    }, /*#__PURE__*/React.createElement(StructuredListCell, null, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(blockClass, "-cell-wrapper")
+    }, multi ? /*#__PURE__*/React.createElement(Checkbox, {
+      className: "".concat(blockClass, "-checkbox"),
+      onChange: function onChange(value) {
+        return handleMultiSelection(item.id, value);
+      },
+      labelText: item.title,
+      id: item.id,
+      checked: multiSelection.includes(item.id)
+    }) : /*#__PURE__*/React.createElement(RadioButton, {
+      className: "".concat(blockClass, "-radio"),
+      name: "add-select-selections",
+      id: item.id,
+      value: item.value,
+      labelText: item.title,
+      onChange: handleSingleSelection,
+      selected: item.value === singleSelection
+    }), item.children && /*#__PURE__*/React.createElement(ChevronRight16, {
+      onClick: function onClick() {
+        return onNavigateItem(item);
+      }
+    }))));
+  }))));
+};
+AddSelectList.propTypes = {
+  filteredItems: PropTypes.array,
+  multi: PropTypes.bool,
+  multiSelection: PropTypes.array,
+  path: PropTypes.array,
+  setMultiSelection: PropTypes.func,
+  setPath: PropTypes.func,
+  setSingleSelection: PropTypes.func,
+  singleSelection: PropTypes.string
+};
+AddSelectList.displayName = componentName;

package/es/components/AddSelect/AddSelectSidebar.js

@@ -0,0 +1,110 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+//
+// Copyright IBM Corp. 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+import React from 'react';
+import { Tag, Accordion, AccordionItem, Button } from 'carbon-components-react';
+import { SubtractAlt32 } from '@carbon/icons-react';
+import PropTypes from 'prop-types';
+import { NoDataEmptyState } from '../../components/EmptyStates/NoDataEmptyState';
+import { pkg } from '../../settings';
+var componentName = 'AddSelectSidebar';
+export var AddSelectSidebar = function AddSelectSidebar(_ref) {
+  var influencerTitle = _ref.influencerTitle,
+      items = _ref.items,
+      multiSelection = _ref.multiSelection,
+      noSelectionDescription = _ref.noSelectionDescription,
+      noSelectionTitle = _ref.noSelectionTitle,
+      removeIconDescription = _ref.removeIconDescription,
+      setMultiSelection = _ref.setMultiSelection;
+  var blockClass = "".concat(pkg.prefix, "--add-select__sidebar");
+
+  var handleItemRemove = function handleItemRemove(id) {
+    var newSelections = multiSelection.filter(function (v) {
+      return v !== id;
+    });
+    setMultiSelection(newSelections);
+  }; // utility to flatten the list of items and their children into a single searchable array
+
+
+  var flattenItems = function flattenItems(arr) {
+    return arr.reduce(function (prev, cur) {
+      var children = cur.children,
+          item = _objectWithoutProperties(cur, _excluded);
+
+      return prev.concat(item).concat(children ? flattenItems(children) : []);
+    }, []);
+  };
+
+  var flattenedItems = flattenItems(items);
+  var sidebarItems = multiSelection.map(function (selectedId) {
+    return flattenedItems.find(function (item) {
+      return item.id === selectedId;
+    });
+  });
+
+  var getTitle = function getTitle(_ref2) {
+    var title = _ref2.title,
+        subtitle = _ref2.subtitle,
+        id = _ref2.id;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(blockClass, "-accordion-title")
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, title), /*#__PURE__*/React.createElement("p", null, subtitle)), /*#__PURE__*/React.createElement(Button, {
+      renderIcon: SubtractAlt32,
+      iconDescription: removeIconDescription,
+      hasIconOnly: true,
+      onClick: function onClick() {
+        return handleItemRemove(id);
+      },
+      kind: "ghost",
+      className: "".concat(blockClass, "-item-remove-button")
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: blockClass
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "-header")
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "".concat(blockClass, "-title")
+  }, influencerTitle), /*#__PURE__*/React.createElement(Tag, {
+    type: "gray",
+    size: "sm"
+  }, multiSelection.length)), multiSelection.length > 0 ? /*#__PURE__*/React.createElement(Accordion, {
+    align: "start"
+  }, sidebarItems.map(function (item) {
+    return /*#__PURE__*/React.createElement(AccordionItem, {
+      title: getTitle(item),
+      key: item.id
+    }, Object.keys(item).map(function (key) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(blockClass, "-item"),
+        key: key
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "".concat(blockClass, "-item-header")
+      }, key), /*#__PURE__*/React.createElement("p", {
+        className: "".concat(blockClass, "-item-body")
+      }, item[key]));
+    }));
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "-body")
+  }, /*#__PURE__*/React.createElement(NoDataEmptyState, {
+    subtitle: noSelectionDescription,
+    title: noSelectionTitle,
+    size: "sm"
+  })));
+};
+AddSelectSidebar.propTypes = {
+  influencerTitle: PropTypes.string,
+  items: PropTypes.array,
+  multiSelection: PropTypes.array,
+  noSelectionDescription: PropTypes.string,
+  noSelectionTitle: PropTypes.string,
+  removeIconDescription: PropTypes.string,
+  setMultiSelection: PropTypes.func
+};
+AddSelectSidebar.displayName = componentName;

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -343,11 +343,11 @@ BreadcrumbWithOverflow.propTypes = {
   noTrailingSlash: PropTypes.bool,
 
   /**
-   * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
+   * overflowAriaLabel label for open close button overflow used for breadcrumb items that do not fit.
    */
-  overflowAriaLabel: PropTypes.string.isRequired
-};
-BreadcrumbWithOverflow.defaultProps = {
-  noTrailingSlash: false
+  overflowAriaLabel: PropTypes.string.isRequired.if(function (_ref6) {
+    var breadcrumbs = _ref6.breadcrumbs;
+    return breadcrumbs.length > 1;
+  })
 };
 BreadcrumbWithOverflow.displayName = componentName;

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: Button.defaultProps.size
 };

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

@@ -2,7 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionIcons", "actionsPlacement", "children", "className", "clickZone", "description", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "onSecondaryButtonClick", "pictogram", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonText", "productive", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonText", "title", "titleSize"],
-    _excluded2 = ["id"];
+    _excluded2 = ["id"],
+    _excluded3 = ["id", "icon", "onClick", "iconDescription", "onKeyDown", "href"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -21,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");
@@ -88,10 +110,11 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
           onClick = _ref3.onClick,
           iconDescription = _ref3.iconDescription,
           onKeyDown = _ref3.onKeyDown,
-          href = _ref3.href;
+          href = _ref3.href,
+          rest = _objectWithoutProperties(_ref3, _excluded3);
 
       if (productive) {
-        return /*#__PURE__*/React.createElement(Button, {
+        return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
           key: id,
           renderIcon: Icon,
           hasIconOnly: true,
@@ -100,7 +123,7 @@ export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
           iconDescription: iconDescription,
           kind: "ghost",
           href: href
-        });
+        }));
       }
 
       if (href) {
@@ -242,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;