@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/ComposedModal/ComposedModalPresence.js

@@ -1,60 +1,65 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePresenceContext = require('../../internal/usePresenceContext.js');
+const require_useComposedModalState = require('./useComposedModalState.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-var React = require('react');
-var usePresenceContext = require('../../internal/usePresenceContext.js');
-var useComposedModalState = require('./useComposedModalState.js');
-
-const ComposedModalPresence = ({
-  open,
-  _presenceId: presenceId,
-  _autoEnablePresence: autoEnablePresence = true,
-  children
-}) => {
-  // Since the modal could be used without an onClose callback, we need to be aware of the internal isOpen state
-  const modalState = useComposedModalState.useComposedModalState(open);
-  const [isOpen] = modalState;
-  const [isPresent, context] = usePresenceContext.usePresenceContext(isOpen, presenceId);
-  const presenceContextValue = React.useMemo(() => ({
-    modalState,
-    autoEnablePresence,
-    ...context
-  }), [modalState, autoEnablePresence, context]);
-  if (!isPresent) return null;
-  return /*#__PURE__*/React.createElement(ComposedModalPresenceContext, {
-    value: presenceContextValue
-  }, children);
+//#region src/components/ComposedModal/ComposedModalPresence.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* 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 ComposedModalPresence = ({ open, _presenceId: presenceId, _autoEnablePresence: autoEnablePresence = true, children }) => {
+	const modalState = require_useComposedModalState.useComposedModalState(open);
+	const [isOpen] = modalState;
+	const [isPresent, context] = require_usePresenceContext.usePresenceContext(isOpen, presenceId);
+	const presenceContextValue = (0, react.useMemo)(() => ({
+		modalState,
+		autoEnablePresence,
+		...context
+	}), [
+		modalState,
+		autoEnablePresence,
+		context
+	]);
+	if (!isPresent) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComposedModalPresenceContext, {
+		value: presenceContextValue,
+		children
+	});
 };
-const ComposedModalPresenceContext = /*#__PURE__*/React.createContext(undefined);
-
+const ComposedModalPresenceContext = (0, react.createContext)(void 0);
 /**
- * Handles occurrences where only a single composed modal must consume a context.
- */
-const useExclusiveComposedModalPresenceContext = id => {
-  const ctx = React.useContext(ComposedModalPresenceContext);
-  return ctx?.isPresenceExclusive(id) ? ctx : undefined;
+* Handles occurrences where only a single composed modal must consume a context.
+*/
+const useExclusiveComposedModalPresenceContext = (id) => {
+	const ctx = (0, react.useContext)(ComposedModalPresenceContext);
+	return ctx?.isPresenceExclusive(id) ? ctx : void 0;
 };
 /**
- * Higher-order function that wraps a component with ComposedModalPresence
- */
-const withComposedModalPresence = Component => {
-  const WithComposedModalPresence = ({
-    open,
-    ...componentProps
-  }) => /*#__PURE__*/React.createElement(ComposedModalPresence, {
-    open: open
-  }, /*#__PURE__*/React.createElement(Component, componentProps));
-  WithComposedModalPresence.displayName = `withComposedModalPresence(${Component.displayName || Component.name || 'Component'})`;
-  return WithComposedModalPresence;
+* Higher-order function that wraps a component with ComposedModalPresence
+*/
+const withComposedModalPresence = (Component) => {
+	const WithComposedModalPresence = ({ open, ...componentProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComposedModalPresence, {
+		open,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { ...componentProps })
+	});
+	WithComposedModalPresence.displayName = `withComposedModalPresence(${Component.displayName || Component.name || "Component"})`;
+	return WithComposedModalPresence;
 };
 
+//#endregion
 exports.ComposedModalPresence = ComposedModalPresence;
 exports.ComposedModalPresenceContext = ComposedModalPresenceContext;
 exports.useExclusiveComposedModalPresenceContext = useExclusiveComposedModalPresenceContext;
-exports.withComposedModalPresence = withComposedModalPresence;
+exports.withComposedModalPresence = withComposedModalPresence;

package/lib/components/ComposedModal/ModalFooter.js

@@ -1,223 +1,145 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_noopFn = require('../../internal/noopFn.js');
+const require_index = require('../Button/index.js');
+const require_index$1 = require('../ButtonSet/index.js');
+const require_index$2 = require('../InlineLoading/index.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var Button = require('../Button/Button.js');
-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');
-var InlineLoading = require('../InlineLoading/InlineLoading.js');
-
-function SecondaryButtonSet({
-  secondaryButtons,
-  secondaryButtonText,
-  secondaryClassName,
-  closeModal,
-  onRequestClose,
-  disabled
-}) {
-  function handleRequestClose(evt) {
-    closeModal(evt);
-    onRequestClose(evt);
-  }
-  if (Array.isArray(secondaryButtons) && secondaryButtons.length <= 2) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, secondaryButtons.map(({
-      buttonText,
-      onClick: onButtonClick
-    }, i) => /*#__PURE__*/React.createElement(Button.default, {
-      key: `${buttonText}-${i}`,
-      className: secondaryClassName,
-      kind: "secondary",
-      onClick: onButtonClick || handleRequestClose
-    }, buttonText)));
-  }
-  if (secondaryButtonText) {
-    return /*#__PURE__*/React.createElement(Button.default, {
-      disabled: disabled,
-      className: secondaryClassName,
-      onClick: handleRequestClose,
-      kind: "secondary"
-    }, secondaryButtonText);
-  }
-  return null;
+//#region src/components/ComposedModal/ModalFooter.tsx
+/**
+* Copyright IBM Corp. 2023, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+function SecondaryButtonSet({ secondaryButtons, secondaryButtonText, secondaryClassName, closeModal, onRequestClose, disabled }) {
+	function handleRequestClose(evt) {
+		closeModal(evt);
+		onRequestClose(evt);
+	}
+	if (Array.isArray(secondaryButtons) && secondaryButtons.length <= 2) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: secondaryButtons.map(({ buttonText, onClick: onButtonClick }, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		className: secondaryClassName,
+		kind: "secondary",
+		onClick: onButtonClick || handleRequestClose,
+		children: buttonText
+	}, `${buttonText}-${i}`)) });
+	if (secondaryButtonText) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		disabled,
+		className: secondaryClassName,
+		onClick: handleRequestClose,
+		kind: "secondary",
+		children: secondaryButtonText
+	});
+	return null;
 }
 SecondaryButtonSet.propTypes = {
-  closeModal: PropTypes.func,
-  disabled: PropTypes.bool,
-  onRequestClose: PropTypes.func,
-  secondaryButtonText: PropTypes.string,
-  secondaryButtons: (props, propName, componentName) => {
-    if (props.secondaryButtons) {
-      if (!Array.isArray(props.secondaryButtons) || props.secondaryButtons.length !== 2) {
-        return new Error(`${propName} needs to be an array of two button config objects`);
-      }
-      const shape = {
-        buttonText: PropTypes.node,
-        onClick: PropTypes.func
-      };
-      props[propName].forEach(secondaryButton => {
-        PropTypes.checkPropTypes(shape, secondaryButton, propName, componentName);
-      });
-    }
-    return null;
-  },
-  secondaryClassName: PropTypes.string
+	closeModal: prop_types.default.func,
+	disabled: prop_types.default.bool,
+	onRequestClose: prop_types.default.func,
+	secondaryButtonText: prop_types.default.string,
+	secondaryButtons: (props, propName, componentName) => {
+		if (props.secondaryButtons) {
+			if (!Array.isArray(props.secondaryButtons) || props.secondaryButtons.length !== 2) return /* @__PURE__ */ new Error(`${propName} needs to be an array of two button config objects`);
+			const shape = {
+				buttonText: prop_types.default.node,
+				onClick: prop_types.default.func
+			};
+			props[propName].forEach((secondaryButton) => {
+				prop_types.default.checkPropTypes(shape, secondaryButton, propName, componentName);
+			});
+		}
+		return null;
+	},
+	secondaryClassName: prop_types.default.string
 };
-const ModalFooter = /*#__PURE__*/React.forwardRef(function ModalFooter({
-  children,
-  className: customClassName,
-  closeModal = noopFn.noopFn,
-  danger,
-  inputref,
-  onRequestClose = noopFn.noopFn,
-  onRequestSubmit = noopFn.noopFn,
-  primaryButtonDisabled,
-  primaryButtonText,
-  primaryClassName,
-  secondaryButtonText,
-  secondaryButtons,
-  secondaryClassName,
-  loadingStatus = 'inactive',
-  loadingDescription,
-  loadingIconDescription,
-  onLoadingSuccess = noopFn.noopFn,
-  ...rest
-}, ref) {
-  const prefix = usePrefix.usePrefix();
-  const footerClass = cx(`${prefix}--modal-footer`, customClassName, Array.isArray(secondaryButtons) && secondaryButtons.length === 2 ? `${prefix}--modal-footer--three-button` : null);
-  const primaryButtonClass = cx(primaryClassName, loadingStatus !== 'inactive' ? `${prefix}--btn--loading` : null);
-  const loadingActive = loadingStatus !== 'inactive';
-  const secondaryButtonProps = {
-    closeModal,
-    secondaryButtons,
-    secondaryButtonText,
-    secondaryClassName,
-    onRequestClose,
-    disabled: loadingActive
-  };
-  return /*#__PURE__*/React.createElement(ButtonSet.default, _rollupPluginBabelHelpers.extends({
-    className: footerClass
-  }, rest, {
-    // @ts-expect-error: Invalid derived types, will be fine once explicit types are added
-    ref: ref,
-    "aria-busy": loadingActive
-  }), /*#__PURE__*/React.createElement(SecondaryButtonSet, secondaryButtonProps), primaryButtonText && /*#__PURE__*/React.createElement(Button.default, {
-    onClick: onRequestSubmit,
-    className: primaryButtonClass,
-    disabled: loadingActive || primaryButtonDisabled,
-    kind: danger ? 'danger' : 'primary',
-    ref: inputref
-  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React.createElement(InlineLoading.default, {
-    status: loadingStatus,
-    description: loadingDescription,
-    iconDescription: loadingIconDescription,
-    className: `${prefix}--inline-loading--btn`,
-    onSuccess: onLoadingSuccess
-  })), children);
+const ModalFooter = react.default.forwardRef(function ModalFooter({ children, className: customClassName, closeModal = require_noopFn.noopFn, danger, inputref, onRequestClose = require_noopFn.noopFn, onRequestSubmit = require_noopFn.noopFn, primaryButtonDisabled, primaryButtonText, primaryClassName, secondaryButtonText, secondaryButtons, secondaryClassName, loadingStatus = "inactive", loadingDescription, loadingIconDescription, onLoadingSuccess = require_noopFn.noopFn, ...rest }, ref) {
+	const prefix = require_usePrefix.usePrefix();
+	const footerClass = (0, classnames.default)(`${prefix}--modal-footer`, customClassName, Array.isArray(secondaryButtons) && secondaryButtons.length === 2 ? `${prefix}--modal-footer--three-button` : null);
+	const primaryButtonClass = (0, classnames.default)(primaryClassName, loadingStatus !== "inactive" ? `${prefix}--btn--loading` : null);
+	const loadingActive = loadingStatus !== "inactive";
+	const secondaryButtonProps = {
+		closeModal,
+		secondaryButtons,
+		secondaryButtonText,
+		secondaryClassName,
+		onRequestClose,
+		disabled: loadingActive
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$1.default, {
+		className: footerClass,
+		...rest,
+		ref,
+		"aria-busy": loadingActive,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecondaryButtonSet, { ...secondaryButtonProps }),
+			primaryButtonText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+				onClick: onRequestSubmit,
+				className: primaryButtonClass,
+				disabled: loadingActive || primaryButtonDisabled,
+				kind: danger ? "danger" : "primary",
+				ref: inputref,
+				children: loadingStatus === "inactive" ? primaryButtonText : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.default, {
+					status: loadingStatus,
+					description: loadingDescription,
+					iconDescription: loadingIconDescription,
+					className: `${prefix}--inline-loading--btn`,
+					onSuccess: onLoadingSuccess
+				})
+			}),
+			children
+		]
+	});
 });
 ModalFooter.propTypes = {
-  /**
-   * Pass in content that will be rendered in the Modal Footer
-   */
-  children: PropTypes.node,
-  /**
-   * Specify a custom className to be applied to the Modal Footer container
-   */
-  className: PropTypes.string,
-  /**
-   * Specify an optional function that is called whenever the modal is closed
-   */
-  closeModal: PropTypes.func,
-  /**
-   * Specify whether the primary button should be replaced with danger button.
-   * Note that this prop is not applied if you render primary/danger button by yourself
-   */
-  danger: PropTypes.bool,
-  /**
-   * The `ref` callback for the primary button.
-   */
-  inputref: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })]),
-  /**
-   * Specify the description for the loading text
-   */
-  loadingDescription: PropTypes.string,
-  /**
-   * Specify the description for the loading text
-   */
-  loadingIconDescription: PropTypes.string,
-  /**
-   * loading status
-   */
-  loadingStatus: PropTypes.oneOf(['inactive', 'active', 'finished', 'error']),
-  /**
-   * Provide an optional handler to be invoked when loading is
-   * successful
-   */
-  onLoadingSuccess: PropTypes.func,
-  /**
-   * Specify an optional function for when the modal is requesting to be
-   * closed
-   */
-  onRequestClose: PropTypes.func,
-  /**
-   * Specify an optional function for when the modal is requesting to be
-   * submitted
-   */
-  onRequestSubmit: PropTypes.func,
-  /**
-   * Specify whether the primary button should be disabled
-   */
-  primaryButtonDisabled: PropTypes.bool,
-  /**
-   * Specify the text for the primary button
-   */
-  primaryButtonText: PropTypes.string,
-  /**
-   * Specify a custom className to be applied to the primary button
-   */
-  primaryClassName: PropTypes.string,
-  /**
-   * Specify the text for the secondary button
-   */
-  secondaryButtonText: PropTypes.string,
-  /**
-   * Specify an array of config objects for secondary buttons
-   * (`Array<{
-   *   buttonText: string,
-   *   onClick: function,
-   * }>`).
-   */
-  secondaryButtons: (props, propName, componentName) => {
-    if (props.secondaryButtons) {
-      if (!Array.isArray(props.secondaryButtons) || props.secondaryButtons.length !== 2) {
-        return new Error(`${propName} needs to be an array of two button config objects`);
-      }
-      const shape = {
-        buttonText: PropTypes.node,
-        onClick: PropTypes.func
-      };
-      props[propName].forEach(secondaryButton => {
-        PropTypes.checkPropTypes(shape, secondaryButton, propName, componentName);
-      });
-    }
-    return null;
-  },
-  /**
-   * Specify a custom className to be applied to the secondary button
-   */
-  secondaryClassName: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	closeModal: prop_types.default.func,
+	danger: prop_types.default.bool,
+	inputref: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.shape({ current: prop_types.default.any })]),
+	loadingDescription: prop_types.default.string,
+	loadingIconDescription: prop_types.default.string,
+	loadingStatus: prop_types.default.oneOf([
+		"inactive",
+		"active",
+		"finished",
+		"error"
+	]),
+	onLoadingSuccess: prop_types.default.func,
+	onRequestClose: prop_types.default.func,
+	onRequestSubmit: prop_types.default.func,
+	primaryButtonDisabled: prop_types.default.bool,
+	primaryButtonText: prop_types.default.string,
+	primaryClassName: prop_types.default.string,
+	secondaryButtonText: prop_types.default.string,
+	secondaryButtons: (props, propName, componentName) => {
+		if (props.secondaryButtons) {
+			if (!Array.isArray(props.secondaryButtons) || props.secondaryButtons.length !== 2) return /* @__PURE__ */ new Error(`${propName} needs to be an array of two button config objects`);
+			const shape = {
+				buttonText: prop_types.default.node,
+				onClick: prop_types.default.func
+			};
+			props[propName].forEach((secondaryButton) => {
+				prop_types.default.checkPropTypes(shape, secondaryButton, propName, componentName);
+			});
+		}
+		return null;
+	},
+	secondaryClassName: prop_types.default.string
 };
 
-exports.ModalFooter = ModalFooter;
+//#endregion
+exports.ModalFooter = ModalFooter;

package/lib/components/ComposedModal/ModalHeader.js

@@ -1,114 +1,86 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_index = require('../IconButton/index.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var cx = require('classnames');
-var iconsReact = require('@carbon/icons-react');
-var usePrefix = require('../../internal/usePrefix.js');
-var index = require('../IconButton/index.js');
-
-const ModalHeader = /*#__PURE__*/React.forwardRef(function ModalHeader({
-  buttonOnClick,
-  children,
-  className: customClassName,
-  closeClassName,
-  closeIconClassName,
-  closeModal,
-  iconDescription = 'Close',
-  label,
-  labelClassName,
-  title,
-  titleClassName,
-  ...rest
-}, ref) {
-  const prefix = usePrefix.usePrefix();
-  function handleCloseButtonClick(evt) {
-    closeModal?.(evt);
-    buttonOnClick?.(evt);
-  }
-  const headerClass = cx(`${prefix}--modal-header`, customClassName);
-  const labelClass = cx(`${prefix}--modal-header__label ${prefix}--type-delta`, labelClassName);
-  const titleClass = cx(`${prefix}--modal-header__heading ${prefix}--type-beta`, titleClassName);
-  const closeClass = cx(`${prefix}--modal-close`, closeClassName);
-  const closeIconClass = cx(`${prefix}--modal-close__icon`, closeIconClassName);
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: headerClass
-  }, rest, {
-    ref: ref
-  }), label && /*#__PURE__*/React.createElement("h2", {
-    className: labelClass
-  }, label), title && /*#__PURE__*/React.createElement("h2", {
-    className: titleClass
-  }, title), children, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--modal-close-button`
-  }, /*#__PURE__*/React.createElement(index.IconButton, {
-    className: closeClass,
-    label: iconDescription,
-    onClick: handleCloseButtonClick,
-    "aria-label": iconDescription,
-    align: "left"
-  }, /*#__PURE__*/React.createElement(iconsReact.Close, {
-    size: 20,
-    "aria-hidden": "true",
-    tabIndex: "-1",
-    className: closeIconClass
-  }))));
+//#region src/components/ComposedModal/ModalHeader.tsx
+/**
+* Copyright IBM Corp. 2016, 2026
+*
+* 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 ModalHeader = react.default.forwardRef(function ModalHeader({ buttonOnClick, children, className: customClassName, closeClassName, closeIconClassName, closeModal, iconDescription = "Close", label, labelClassName, title, titleClassName, ...rest }, ref) {
+	const prefix = require_usePrefix.usePrefix();
+	function handleCloseButtonClick(evt) {
+		closeModal?.(evt);
+		buttonOnClick?.(evt);
+	}
+	const headerClass = (0, classnames.default)(`${prefix}--modal-header`, customClassName);
+	const labelClass = (0, classnames.default)(`${prefix}--modal-header__label ${prefix}--type-delta`, labelClassName);
+	const titleClass = (0, classnames.default)(`${prefix}--modal-header__heading ${prefix}--type-beta`, titleClassName);
+	const closeClass = (0, classnames.default)(`${prefix}--modal-close`, closeClassName);
+	const closeIconClass = (0, classnames.default)(`${prefix}--modal-close__icon`, closeIconClassName);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: headerClass,
+		...rest,
+		ref,
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: labelClass,
+				children: label
+			}),
+			title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: titleClass,
+				children: title
+			}),
+			children,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--modal-close-button`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.IconButton, {
+					className: closeClass,
+					label: iconDescription,
+					onClick: handleCloseButtonClick,
+					"aria-label": iconDescription,
+					align: "left",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {
+						size: 20,
+						"aria-hidden": "true",
+						tabIndex: "-1",
+						className: closeIconClass
+					})
+				})
+			})
+		]
+	});
 });
 ModalHeader.propTypes = {
-  /**
-   * Provide an optional function to be called when the close button is
-   * clicked
-   */
-  buttonOnClick: PropTypes.func,
-  /**
-   * Specify the content to be placed in the ModalHeader
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the modal header
-   */
-  className: PropTypes.string,
-  /**
-   * Specify an optional className to be applied to the modal close node
-   */
-  closeClassName: PropTypes.string,
-  /**
-   * Specify an optional className to be applied to the modal close icon node
-   */
-  closeIconClassName: PropTypes.string,
-  /**
-   * Provide an optional function to be called when the modal is closed
-   */
-  closeModal: PropTypes.func,
-  /**
-   * Specify a description for the close icon that can be read by screen
-   * readers
-   */
-  iconDescription: PropTypes.string,
-  /**
-   * Specify an optional label to be displayed
-   */
-  label: PropTypes.string,
-  /**
-   * Specify an optional className to be applied to the modal header label
-   */
-  labelClassName: PropTypes.string,
-  /**
-   * Specify an optional title to be displayed
-   */
-  title: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the modal heading
-   */
-  titleClassName: PropTypes.string
+	buttonOnClick: prop_types.default.func,
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	closeClassName: prop_types.default.string,
+	closeIconClassName: prop_types.default.string,
+	closeModal: prop_types.default.func,
+	iconDescription: prop_types.default.string,
+	label: prop_types.default.string,
+	labelClassName: prop_types.default.string,
+	title: prop_types.default.node,
+	titleClassName: prop_types.default.string
 };
 
-exports.ModalHeader = ModalHeader;
+//#endregion
+exports.ModalHeader = ModalHeader;