@carbon/react 1.39.0 → 1.41.0-rc.0

package/es/components/UIShell/SideNavIcon.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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';
+interface SideNavIconProps {
+    /**
+     * Provide a single icon as the child to `SideNavIcon` to render in the
+     * container
+     */
+    children: React.ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node
+     */
+    className?: string;
+    /**
+     * Specify whether the icon should be placed in a smaller bounding box
+     * Since the 'small' prop is not provided, we make it optional and set a default value to `false`.
+     */
+    small?: boolean;
+}
+declare const SideNavIcon: React.FC<SideNavIconProps>;
+export default SideNavIcon;

package/es/components/UIShell/SideNavIcon.js

@@ -10,11 +10,11 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-function SideNavIcon(_ref) {
+const SideNavIcon = _ref => {
   let {
     children,
     className: customClassName,
-    small
+    small = false
   } = _ref;
   const prefix = usePrefix();
   const className = cx({
@@ -25,7 +25,7 @@ function SideNavIcon(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: className
   }, children);
-}
+};
 SideNavIcon.propTypes = {
   /**
    * Provide a single icon as the child to `SideNavIcon` to render in the
@@ -39,10 +39,7 @@ SideNavIcon.propTypes = {
   /**
    * Specify whether the icon should be placed in a smaller bounding box
    */
-  small: PropTypes.bool.isRequired
-};
-SideNavIcon.defaultProps = {
-  small: false
+  small: PropTypes.bool
 };
 
 export { SideNavIcon as default };

package/es/components/UIShell/SideNavLinkText.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface SideNavLinkTextProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function SideNavLinkText({ className: customClassName, children, ...rest }: SideNavLinkTextProps): JSX.Element;
+declare namespace SideNavLinkText {
+    var propTypes: {
+        /**
+         * Provide the content for the link text
+         */
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Provide an optional class to be applied to the containing node
+         */
+        className: PropTypes.Requireable<string>;
+    };
+}
+export default SideNavLinkText;

package/es/components/UIShell/SideNavLinkText.js

@@ -7,9 +7,9 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
+import PropTypes from 'prop-types';
 
 function SideNavLinkText(_ref) {
   let {

package/es/components/UIShell/SideNavMenu.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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';
+interface SideNavMenuProps {
+    /**
+     * An optional CSS class to apply to the component.
+     */
+    className?: string;
+    /**
+     * The content to render within the SideNavMenu component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies whether the menu should be expanded by default.
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Indicates whether the SideNavMenu is active.
+     */
+    isActive?: boolean;
+    /**
+     * Specifies whether the SideNavMenu is in a large variation.
+     */
+    large?: boolean;
+    /**
+     * A custom icon to render next to the SideNavMenu title. This can be a function returning JSX or JSX itself.
+     */
+    renderIcon?: React.ComponentType;
+    /**
+     * Indicates if the side navigation container is expanded or collapsed.
+     */
+    isSideNavExpanded?: boolean;
+    /**
+     * The tabIndex for the button element.
+     * If not specified, the default validation will be applied.
+     */
+    tabIndex?: number;
+    title: string;
+}
+declare const SideNavMenu: React.ForwardRefExoticComponent<SideNavMenuProps & React.RefAttributes<HTMLElement>>;
+export default SideNavMenu;
+export { SideNavMenu };

package/es/components/UIShell/SideNavMenu.js

@@ -16,8 +16,8 @@ import { match } from '../../internal/keyboard/match.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 
 var _ChevronDown;
-const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(props, ref) {
-  const {
+const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(_ref, ref) {
+  let {
     className: customClassName,
     children,
     defaultExpanded = false,
@@ -27,7 +27,7 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
     isSideNavExpanded,
     tabIndex,
     title
-  } = props;
+  } = _ref;
   const isRail = useContext(SideNavContext);
   const prefix = usePrefix();
   const [isExpanded, setIsExpanded] = useState(defaultExpanded);
@@ -111,6 +111,7 @@ SideNavMenu.propTypes = {
   /**
    * Pass in a custom icon to render next to the `SideNavMenu` title
    */
+  // @ts-expect-error - PropTypes are unable to cover this case.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Optional prop to specify the tabIndex of the button. If undefined, it will be applied default validation
@@ -121,29 +122,38 @@ SideNavMenu.propTypes = {
    */
   title: PropTypes.string.isRequired
 };
+
+/**
+Defining the children parameter with the type ReactNode | ReactNode[]. This allows for various possibilities:
+a single element, an array of elements, or null or undefined.
+**/
 function hasActiveChild(children) {
-  // if we have children, either a single or multiple, find if it is active
   if (Array.isArray(children)) {
     return children.some(child => {
-      if (!child.props) {
+      if (! /*#__PURE__*/React__default.isValidElement(child)) {
         return false;
       }
-      if (child.props.isActive === true) {
-        return true;
-      }
-      if (child.props['aria-current']) {
+
+      /** Explicitly defining the expected prop types (isActive and 'aria-current) for the children to ensure type
+      safety when accessing their props.
+      **/
+      const props = child.props;
+      if (props.isActive === true || props['aria-current']) {
         return true;
       }
       return false;
     });
   }
-  if (children.props) {
-    if (children.props.isActive === true || children.props['aria-current']) {
+
+  // We use React.isValidElement(child) to check if the child is a valid React element before accessing its props
+
+  if ( /*#__PURE__*/React__default.isValidElement(children)) {
+    const props = children.props;
+    if (props.isActive === true || props['aria-current']) {
       return true;
     }
   }
   return false;
 }
-var SideNavMenu$1 = SideNavMenu;
 
-export { SideNavMenu, SideNavMenu$1 as default };
+export { SideNavMenu, SideNavMenu as default };

package/es/components/UIShell/SideNavSwitcher.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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, { ChangeEventHandler } from 'react';
+interface SideNavSwitcherProps {
+    /**
+     * Provide an optional class to be applied to the containing node
+     */
+    className?: string;
+    /**
+     * Provide the label for the switcher. This will be the first visible option
+     * when someone views this control
+     */
+    labelText: string;
+    /**
+     * Provide a callback function that is called whenever the switcher value is
+     * updated
+     */
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * Provide an array of options to be rendered in the switcher as an
+     * `<option>`. The text value will be what is displayed to the user and is set
+     * as the `value` prop for each `<option>`.
+     */
+    options: string[];
+}
+declare const SideNavSwitcher: React.ForwardRefExoticComponent<SideNavSwitcherProps & React.RefAttributes<HTMLSelectElement>>;
+export default SideNavSwitcher;

package/es/components/UIShell/SideNavSwitcher.js

@@ -8,12 +8,12 @@
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
+import React__default, { forwardRef } from 'react';
 import { useId } from '../../internal/useId.js';
+import { usePrefix } from '../../internal/usePrefix.js';
 
 var _ChevronDown;
-const SideNavSwitcher = /*#__PURE__*/React__default.forwardRef(function SideNavSwitcher(props, ref) {
+const SideNavSwitcher = /*#__PURE__*/forwardRef(function SideNavSwitcher(props, ref) {
   const id = useId('side-nav-switcher');
   const prefix = usePrefix();
   const {
@@ -23,6 +23,7 @@ const SideNavSwitcher = /*#__PURE__*/React__default.forwardRef(function SideNavS
     options
   } = props;
   const className = cx(`${prefix}--side-nav__switcher`, customClassName);
+
   // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
   return /*#__PURE__*/React__default.createElement("div", {
     className: className
@@ -72,8 +73,8 @@ SideNavSwitcher.propTypes = {
    * `<option>`. The text value will be what is displayed to the user and is set
    * as the `value` prop for each `<option>`.
    */
+  // @ts-expect-error
   options: PropTypes.arrayOf(PropTypes.string).isRequired
 };
-var SideNavSwitcher$1 = SideNavSwitcher;
 
-export { SideNavSwitcher$1 as default };
+export { SideNavSwitcher as default };

package/es/index.js

@@ -44,6 +44,7 @@ export { default as FluidForm } from './components/FluidForm/FluidForm.js';
 export { FormContext } from './components/FluidForm/FormContext.js';
 export { default as Form } from './components/Form/Form.js';
 export { default as FormGroup } from './components/FormGroup/FormGroup.js';
+export { default as FormItem } from './components/FormItem/FormItem.js';
 export { default as FormLabel } from './components/FormLabel/FormLabel.js';
 export { FlexGrid } from './components/Grid/FlexGrid.js';
 export { Grid } from './components/Grid/Grid.js';
@@ -154,7 +155,6 @@ export { default as useContextMenu } from './components/ContextMenu/useContextMe
 export { default as Copy } from './components/Copy/Copy.js';
 export { default as CopyButton } from './components/CopyButton/CopyButton.js';
 export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
-export { default as FormItem } from './components/FormItem/FormItem.js';
 export { default as InlineLoading } from './components/InlineLoading/InlineLoading.js';
 export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
 export { default as ProgressIndicatorSkeleton } from './components/ProgressIndicator/ProgressIndicator.Skeleton.js';

package/es/internal/FloatingMenu.js

@@ -195,13 +195,13 @@ class FloatingMenu extends React__default.Component {
       } = prevProps;
       const {
         menuOffset = {},
-        menuDirection
+        menuDirection = DIRECTION_BOTTOM
       } = _this.props;
       if (hasChangeInOffset(oldMenuOffset, menuOffset) || oldMenuDirection !== menuDirection || isAdjustment) {
         const {
           flipped,
           triggerRef,
-          updateOrientation
+          updateOrientation = null
         } = _this.props;
         const {
           current: triggerEl
@@ -455,11 +455,6 @@ _defineProperty(FloatingMenu, "propTypes", {
    */
   updateOrientation: PropTypes.func
 });
-_defineProperty(FloatingMenu, "defaultProps", {
-  menuOffset: {},
-  menuDirection: DIRECTION_BOTTOM,
-  updateOrientation: null
-});
 var FloatingMenu$1 = FloatingMenu;
 
 export { DIRECTION_BOTTOM, DIRECTION_LEFT, DIRECTION_RIGHT, DIRECTION_TOP, FloatingMenu$1 as default };

package/es/internal/Selection.js

@@ -189,9 +189,6 @@ _defineProperty(Selection, "propTypes", {
   onChange: PropTypes.func,
   render: PropTypes.func
 });
-_defineProperty(Selection, "defaultProps", {
-  initialSelectedItems: []
-});
 const removeAtIndex = (array, index) => {
   const result = array.slice();
   result.splice(index, 1);

package/es/internal/noopFn.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const noopFn: () => void;

package/es/internal/noopFn.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const noopFn = () => {};
+
+export { noopFn };

package/es/internal/useNormalizedInputProps.js

@@ -8,6 +8,8 @@
 import React__default from 'react';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import { usePrefix } from './usePrefix.js';
+import '../components/Text/index.js';
+import { Text } from '../components/Text/Text.js';
 
 /**
  * @typedef {object} InputProps
@@ -68,13 +70,15 @@ function useNormalizedInputProps(_ref) {
   };
   if (normalizedProps.invalid) {
     normalizedProps.icon = WarningFilled;
-    normalizedProps.validation = /*#__PURE__*/React__default.createElement("div", {
+    normalizedProps.validation = /*#__PURE__*/React__default.createElement(Text, {
+      as: "div",
       className: `${prefix}--form-requirement`,
       id: normalizedProps.invalidId
     }, invalidText);
   } else if (normalizedProps.warn) {
     normalizedProps.icon = WarningAltFilled;
-    normalizedProps.validation = /*#__PURE__*/React__default.createElement("div", {
+    normalizedProps.validation = /*#__PURE__*/React__default.createElement(Text, {
+      as: "div",
       className: `${prefix}--form-requirement`,
       id: normalizedProps.warnId
     }, warnText);

package/lib/components/Accordion/Accordion.Skeleton.d.ts

@@ -54,11 +54,6 @@ declare namespace AccordionSkeleton {
          */
         open: PropTypes.Requireable<boolean>;
     };
-    var defaultProps: {
-        open: boolean;
-        count: number;
-        align: string;
-    };
 }
 export default AccordionSkeleton;
 export { AccordionSkeleton };

package/lib/components/Accordion/Accordion.Skeleton.js

@@ -85,11 +85,6 @@ AccordionSkeleton.propTypes = {
    */
   open: PropTypes__default["default"].bool
 };
-AccordionSkeleton.defaultProps = {
-  open: true,
-  count: 4,
-  align: 'end'
-};
 function AccordionSkeletonItem() {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("li", {

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -16,6 +16,8 @@ var cx = require('classnames');
 var Link = require('../Link/Link.js');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../internal/usePrefix.js');
+require('../Text/index.js');
+var Text = require('../Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,7 +64,7 @@ const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(functio
     }, rest), href ? /*#__PURE__*/React__default["default"].createElement(Link["default"], {
       href: href,
       "aria-current": ariaCurrent
-    }, children) : /*#__PURE__*/React__default["default"].createElement("span", {
+    }, children) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
       className: `${prefix}--link`
     }, children));
   }

package/lib/components/Checkbox/Checkbox.js

@@ -17,6 +17,7 @@ require('../Text/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var iconsReact = require('@carbon/icons-react');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
+var noopFn = require('../../internal/noopFn.js');
 var Text = require('../Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -32,9 +33,9 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) =
     helperText,
     id,
     labelText,
-    onChange,
+    onChange = noopFn.noopFn,
     onClick,
-    indeterminate,
+    indeterminate = false,
     invalid,
     invalidText,
     hideLabel,
@@ -187,10 +188,6 @@ Checkbox.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-Checkbox.defaultProps = {
-  onChange: () => {},
-  indeterminate: false
-};
 Checkbox.displayName = 'Checkbox';
 
 exports["default"] = Checkbox;

package/lib/components/CodeSnippet/CodeSnippet.js

@@ -41,21 +41,21 @@ function CodeSnippet(_ref) {
   let {
     align = 'bottom',
     className,
-    type,
+    type = 'single',
     children,
     disabled,
     feedback,
     feedbackTimeout,
     onClick,
-    ['aria-label']: ariaLabel,
+    ['aria-label']: ariaLabel = 'Copy to clipboard',
     ariaLabel: deprecatedAriaLabel,
     copyText,
     copyButtonDescription,
     light,
-    showMoreText,
-    showLessText,
+    showMoreText = 'Show more',
+    showLessText = 'Show less',
     hideCopyButton,
-    wrapText,
+    wrapText = false,
     maxCollapsedNumberOfRows = defaultMaxCollapsedNumberOfRows,
     maxExpandedNumberOfRows = defaultMaxExpandedNumberOfRows,
     minCollapsedNumberOfRows = defaultMinCollapsedNumberOfRows,
@@ -330,12 +330,5 @@ CodeSnippet.propTypes = {
    */
   wrapText: PropTypes__default["default"].bool
 };
-CodeSnippet.defaultProps = {
-  ['aria-label']: 'Copy to clipboard',
-  type: 'single',
-  showMoreText: 'Show more',
-  showLessText: 'Show less',
-  wrapText: false
-};
 
 exports["default"] = CodeSnippet;

package/lib/components/ComboBox/ComboBox.d.ts

@@ -6,7 +6,7 @@
  */
 import Downshift from 'downshift';
 import { type ComponentProps, type ReactNode, type ComponentType, type ReactElement, type RefAttributes, type PropsWithChildren, type PropsWithoutRef, type InputHTMLAttributes, type MouseEvent } from 'react';
-import { ListBoxType, ListBoxSize } from '../ListBox';
+import { ListBoxSize } from '../ListBox';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type' | 'size';
 interface OnChangeData<ItemType> {
     selectedItem: ItemType | null;
@@ -139,10 +139,6 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
      * and returns the localized string for the message
      */
     translateWithId?: (id: string) => string;
-    /**
-     * Currently supports either the default type, or an inline variant
-     */
-    type?: ListBoxType;
     /**
      * Specify whether the control is currently in warning state
      */

package/lib/components/ComboBox/ComboBox.js

@@ -97,8 +97,8 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     ['aria-label']: ariaLabel = 'Choose an item',
     ariaLabel: deprecatedAriaLabel,
     className: containerClassName,
-    direction,
-    disabled,
+    direction = 'bottom',
+    disabled = false,
     downshiftProps,
     helperText,
     id,
@@ -106,7 +106,7 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     invalid,
     invalidText,
     items,
-    itemToElement,
+    itemToElement = null,
     itemToString = defaultItemToString,
     light,
     onChange,
@@ -119,7 +119,6 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     size,
     titleText,
     translateWithId,
-    type: _type,
     warn,
     warnText,
     ...rest
@@ -324,10 +323,10 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
             event?.persist?.();
           }
         }
-        if (match.match(event, keys.Home)) {
+        if (match.match(event, keys.Home) && event.code !== 'Numpad7') {
           event.target.setSelectionRange(0, 0);
         }
-        if (match.match(event, keys.End)) {
+        if (match.match(event, keys.End) && event.code !== 'Numpad1') {
           event.target.setSelectionRange(event.target.value.length, event.target.value.length);
         }
       }
@@ -546,10 +545,6 @@ ComboBox.propTypes = {
    * and returns the localized string for the message
    */
   translateWithId: PropTypes__default["default"].func,
-  /**
-   * Currently supports either the default type, or an inline variant
-   */
-  type: ListBoxPropTypes.ListBoxType,
   /**
    * Specify whether the control is currently in warning state
    */
@@ -559,14 +554,5 @@ ComboBox.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-ComboBox.defaultProps = {
-  disabled: false,
-  itemToString: defaultItemToString,
-  itemToElement: null,
-  shouldFilterItem: defaultShouldFilterItem,
-  type: 'default',
-  ['aria-label']: 'Choose an item',
-  direction: 'bottom'
-};
 
 exports["default"] = ComboBox;

package/lib/components/ComposedModal/ComposedModal.js

@@ -88,7 +88,7 @@ const ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function
     onKeyDown,
     open,
     preventCloseOnClickOutside,
-    selectorPrimaryFocus,
+    selectorPrimaryFocus = '[data-modal-primary-focus]',
     selectorsFloatingMenus,
     size,
     launcherButtonRef,
@@ -306,9 +306,6 @@ ComposedModal.propTypes = {
    */
   size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg'])
 };
-ComposedModal.defaultProps = {
-  selectorPrimaryFocus: '[data-modal-primary-focus]'
-};
 
 exports.ModalBody = ModalBody;
 exports["default"] = ComposedModal;

package/lib/components/ComposedModal/ModalFooter.js

@@ -17,6 +17,7 @@ require('../Button/Button.Skeleton.js');
 var ButtonSet = require('../ButtonSet/ButtonSet.js');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
+var noopFn = require('../../internal/noopFn.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -84,11 +85,11 @@ const ModalFooter = /*#__PURE__*/React__default["default"].forwardRef(function M
   let {
     children,
     className: customClassName,
-    closeModal,
+    closeModal = noopFn.noopFn,
     danger,
     inputref,
-    onRequestClose,
-    onRequestSubmit,
+    onRequestClose = noopFn.noopFn,
+    onRequestSubmit = noopFn.noopFn,
     primaryButtonDisabled,
     primaryButtonText,
     primaryClassName,
@@ -200,11 +201,5 @@ ModalFooter.propTypes = {
    */
   secondaryClassName: PropTypes__default["default"].string
 };
-const noop = () => {};
-ModalFooter.defaultProps = {
-  onRequestClose: noop,
-  onRequestSubmit: noop,
-  closeModal: noop
-};
 
 exports.ModalFooter = ModalFooter;

package/lib/components/ComposedModal/ModalHeader.js

@@ -30,7 +30,7 @@ const ModalHeader = /*#__PURE__*/React__default["default"].forwardRef(function M
     closeClassName,
     closeIconClassName,
     closeModal,
-    iconDescription,
+    iconDescription = 'Close',
     label,
     labelClassName,
     title,
@@ -114,8 +114,5 @@ ModalHeader.propTypes = {
    */
   titleClassName: PropTypes__default["default"].string
 };
-ModalHeader.defaultProps = {
-  iconDescription: 'Close'
-};
 
 exports.ModalHeader = ModalHeader;