@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/Modal/Modal.js

@@ -38,18 +38,12 @@ var index$2 = require('../Dialog/index.js');
 var index$1 = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var warning = require('../../internal/warning.js');
-var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js');
+var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const ModalSizes = ['xs', 'sm', 'md', 'lg'];
 const invalidOutsideClickMessage = '`Modal`: `preventCloseOnClickOutside` should not be `false` when `passiveModal` is `false`. Non-passive `Modal`s should not be dismissible by clicking outside.';
-const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
+const Modal = /*#__PURE__*/React.forwardRef(function Modal({
   'aria-label': ariaLabelProp,
   children,
   className,
@@ -98,7 +92,7 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
   const modalHeadingId = `${prefix}--modal-header__heading--${modalInstanceId}`;
   const modalBodyId = `${prefix}--modal-body--${modalInstanceId}`;
   const modalCloseButtonClass = `${prefix}--modal-close`;
-  const primaryButtonClass = cx__default["default"]({
+  const primaryButtonClass = cx({
     [`${prefix}--btn--loading`]: loadingStatus !== 'inactive'
   });
   const loadingActive = loadingStatus !== 'inactive';
@@ -117,9 +111,6 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
     } = evt;
     evt.stopPropagation();
     if (open && target instanceof HTMLElement) {
-      if (match.match(evt, keys.Escape)) {
-        onRequestClose(evt);
-      }
       if (match.match(evt, keys.Enter) && shouldSubmitOnEnter && !isCloseButton(target) && document.activeElement !== button.current) {
         onRequestSubmit(evt);
       }
@@ -183,21 +174,21 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
     }
   }
   const onSecondaryButtonClick = onSecondarySubmit ? onSecondarySubmit : onRequestClose;
-  const modalClasses = cx__default["default"](`${prefix}--modal`, {
+  const modalClasses = cx(`${prefix}--modal`, {
     [`${prefix}--modal-tall`]: !passiveModal,
     'is-visible': open,
     [`${prefix}--modal--danger`]: danger,
     [`${prefix}--modal--slug`]: slug,
     [`${prefix}--modal--decorator`]: decorator
   }, className);
-  const containerClasses = cx__default["default"](`${prefix}--modal-container`, {
+  const containerClasses = cx(`${prefix}--modal-container`, {
     [`${prefix}--modal-container--${size}`]: size,
     [`${prefix}--modal-container--full-width`]: isFullWidth
   });
-  const contentClasses = cx__default["default"](`${prefix}--modal-content`, {
+  const contentClasses = cx(`${prefix}--modal-content`, {
     [`${prefix}--modal-scroll-content`]: hasScrollingContent || isScrollable
   });
-  const footerClasses = cx__default["default"](`${prefix}--modal-footer`, {
+  const footerClasses = cx(`${prefix}--modal-footer`, {
     [`${prefix}--modal-footer--three-button`]: Array.isArray(secondaryButtons) && secondaryButtons.length === 2
   });
   const asStringOrUndefined = node => {
@@ -221,6 +212,20 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
     alertDialogProps.role = 'alertdialog';
     alertDialogProps['aria-describedby'] = modalBodyId;
   }
+  React.useEffect(() => {
+    if (!open) return;
+    const handleEscapeKey = event => {
+      if (match.match(event, keys.Escape)) {
+        event.preventDefault();
+        event.stopPropagation();
+        onRequestClose(event);
+      }
+    };
+    document.addEventListener('keydown', handleEscapeKey, true);
+    return () => {
+      document.removeEventListener('keydown', handleEscapeKey, true);
+    };
+  }, [open]);
   React.useEffect(() => {
     return () => {
       if (!enableDialogElement) {
@@ -263,7 +268,7 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
       }
     }
   }, [open, selectorPrimaryFocus, danger, prefix, enableDialogElement]);
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     if (contentRef.current) {
       setIsScrollable(contentRef.current.scrollHeight > contentRef.current.clientHeight);
     }
@@ -286,16 +291,16 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'sm'
   }) : null;
-  const modalButton = /*#__PURE__*/React__default["default"].createElement("div", {
+  const modalButton = /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal-close-button`
-  }, /*#__PURE__*/React__default["default"].createElement(index$3.IconButton, {
+  }, /*#__PURE__*/React.createElement(index$3.IconButton, {
     className: modalCloseButtonClass,
     label: closeButtonLabel,
     onClick: onRequestClose,
     "aria-label": closeButtonLabel,
     align: "left",
     ref: button
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
+  }, /*#__PURE__*/React.createElement(iconsReact.Close, {
     size: 20,
     "aria-hidden": "true",
     tabIndex: "-1",
@@ -305,7 +310,7 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
   // alertdialog is the only permitted aria role for a native dialog element
   // https://www.w3.org/TR/html-aria/#docconformance:~:text=Role%3A-,alertdialog,-.%20(dialog%20is
   const isAlertDialog = alert && !passiveModal;
-  const modalBody = enableDialogElement ? /*#__PURE__*/React__default["default"].createElement(index$2.unstable__Dialog, {
+  const modalBody = enableDialogElement ? /*#__PURE__*/React.createElement(index$2.unstable__Dialog, {
     open: open,
     focusAfterCloseRef: launcherButtonRef,
     modal: true,
@@ -314,69 +319,69 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
     "aria-describedby": isAlertDialog ? modalBodyId : '',
     className: containerClasses,
     "aria-label": ariaLabel
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal-header`
-  }, modalLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, modalLabel && /*#__PURE__*/React.createElement(Text.Text, {
     as: "h2",
     id: modalLabelId,
     className: `${prefix}--modal-header__label`
-  }, modalLabel), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, modalLabel), /*#__PURE__*/React.createElement(Text.Text, {
     as: "h2",
     id: modalHeadingId,
     className: `${prefix}--modal-header__heading`
-  }, modalHeading), decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, modalHeading), decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal--inner__decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default["default"].createElement("div", {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal-close-button`
-  }, /*#__PURE__*/React__default["default"].createElement(index$3.IconButton, {
+  }, /*#__PURE__*/React.createElement(index$3.IconButton, {
     className: modalCloseButtonClass,
     label: closeButtonLabel,
     onClick: onRequestClose,
     "aria-label": closeButtonLabel,
     align: "left",
     ref: button
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
+  }, /*#__PURE__*/React.createElement(iconsReact.Close, {
     size: 20,
     "aria-hidden": "true",
     tabIndex: "-1",
     className: `${modalCloseButtonClass}__icon`
-  })))), /*#__PURE__*/React__default["default"].createElement(index$4.Layer, _rollupPluginBabelHelpers["extends"]({
+  })))), /*#__PURE__*/React.createElement(index$4.Layer, _rollupPluginBabelHelpers.extends({
     ref: contentRef,
     id: modalBodyId,
     className: contentClasses
-  }, hasScrollingContentProps), children), !passiveModal && /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], {
+  }, hasScrollingContentProps), children), !passiveModal && /*#__PURE__*/React.createElement(ButtonSet.default, {
     className: footerClasses,
     "aria-busy": loadingActive
   }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(({
     buttonText,
     onClick: onButtonClick
-  }, i) => /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, i) => /*#__PURE__*/React.createElement(Button.default, {
     key: `${buttonText}-${i}`,
     kind: "secondary",
     onClick: onButtonClick
-  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React.createElement(Button.default, {
     disabled: loadingActive,
     kind: "secondary",
     onClick: onSecondaryButtonClick,
     ref: secondaryButton
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(Button.default, {
     className: primaryButtonClass,
     kind: danger ? 'danger' : 'primary',
     disabled: loadingActive || primaryButtonDisabled,
     onClick: onRequestSubmit,
     ref: button
-  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React__default["default"].createElement(InlineLoading["default"], {
+  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React.createElement(InlineLoading.default, {
     status: loadingStatus,
     description: loadingDescription,
     iconDescription: loadingIconDescription,
     className: `${prefix}--inline-loading--btn`,
     onSuccess: onLoadingSuccess
-  })))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !enableDialogElement && !focusTrapWithoutSentinels && /*#__PURE__*/React__default["default"].createElement("span", {
+  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, !enableDialogElement && !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
     ref: startTrap,
     tabIndex: 0,
     role: "link",
     className: `${prefix}--visually-hidden`
-  }, "Focus sentinel"), /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  }, "Focus sentinel"), /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     ref: innerModal,
     role: "dialog"
   }, alertDialogProps, {
@@ -384,56 +389,56 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
     "aria-label": ariaLabel,
     "aria-modal": "true",
     tabIndex: -1
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal-header`
-  }, passiveModal && modalButton, modalLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, passiveModal && modalButton, modalLabel && /*#__PURE__*/React.createElement(Text.Text, {
     as: "h2",
     id: modalLabelId,
     className: `${prefix}--modal-header__label`
-  }, modalLabel), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, modalLabel), /*#__PURE__*/React.createElement(Text.Text, {
     as: "h2",
     id: modalHeadingId,
     className: `${prefix}--modal-header__heading`
-  }, modalHeading), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, modalHeading), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal--inner__decorator`
-  }, normalizedDecorator) : '', !passiveModal && modalButton), /*#__PURE__*/React__default["default"].createElement(index$4.Layer, _rollupPluginBabelHelpers["extends"]({
+  }, normalizedDecorator) : '', !passiveModal && modalButton), /*#__PURE__*/React.createElement(index$4.Layer, _rollupPluginBabelHelpers.extends({
     ref: contentRef,
     id: modalBodyId,
     className: contentClasses
-  }, hasScrollingContentProps), children), !passiveModal && /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], {
+  }, hasScrollingContentProps), children), !passiveModal && /*#__PURE__*/React.createElement(ButtonSet.default, {
     className: footerClasses,
     "aria-busy": loadingActive
   }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(({
     buttonText,
     onClick: onButtonClick
-  }, i) => /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, i) => /*#__PURE__*/React.createElement(Button.default, {
     key: `${buttonText}-${i}`,
     kind: "secondary",
     onClick: onButtonClick
-  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React.createElement(Button.default, {
     disabled: loadingActive,
     kind: "secondary",
     onClick: onSecondaryButtonClick,
     ref: secondaryButton
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(Button.default, {
     className: primaryButtonClass,
     kind: danger ? 'danger' : 'primary',
     disabled: loadingActive || primaryButtonDisabled,
     onClick: onRequestSubmit,
     ref: button
-  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React__default["default"].createElement(InlineLoading["default"], {
+  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React.createElement(InlineLoading.default, {
     status: loadingStatus,
     description: loadingDescription,
     iconDescription: loadingIconDescription,
     className: `${prefix}--inline-loading--btn`,
     onSuccess: onLoadingSuccess
-  })))), !enableDialogElement && !focusTrapWithoutSentinels && /*#__PURE__*/React__default["default"].createElement("span", {
+  })))), !enableDialogElement && !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
     ref: endTrap,
     tabIndex: 0,
     role: "link",
     className: `${prefix}--visually-hidden`
   }, "Focus sentinel"));
-  return /*#__PURE__*/React__default["default"].createElement(index$4.Layer, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(index$4.Layer, _rollupPluginBabelHelpers.extends({}, rest, {
     level: 0,
     onKeyDown: handleKeyDown,
     onClick: events.composeEventHandlers([rest?.onClick, handleOnClick]),
@@ -448,109 +453,109 @@ Modal.propTypes = {
    * Specify whether the Modal is displaying an alert, error or warning
    * Should go hand in hand with the danger prop.
    */
-  alert: PropTypes__default["default"].bool,
+  alert: PropTypes.bool,
   /**
    * Required props for the accessibility label of the header
    */
-  ['aria-label']: requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string),
+  ['aria-label']: requiredIfGivenPropIsTruthy.default('hasScrollingContent', PropTypes.string),
   /**
    * Provide the contents of your Modal
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the modal root node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify label for the close button of the modal; defaults to close
    */
-  closeButtonLabel: PropTypes__default["default"].string,
+  closeButtonLabel: PropTypes.string,
   /**
    * Specify whether the Modal is for dangerous actions
    */
-  danger: PropTypes__default["default"].bool,
+  danger: PropTypes.bool,
   /**
    * **Experimental**: Provide a decorator component to be rendered inside the `Modal` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify whether the modal contains scrolling content
    */
-  hasScrollingContent: PropTypes__default["default"].bool,
+  hasScrollingContent: PropTypes.bool,
   /**
    * Specify the DOM element ID of the top-level node.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Specify whether or not the Modal content should have any inner padding.
    */
-  isFullWidth: PropTypes__default["default"].bool,
+  isFullWidth: PropTypes.bool,
   /**
    * Provide a ref to return focus to once the modal is closed.
    */
-  launcherButtonRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
-    current: PropTypes__default["default"].oneOfType([
+  launcherButtonRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.oneOfType([
     // `PropTypes.instanceOf(HTMLButtonElement)` alone won't work because
     // `HTMLButtonElement` is not defined in the test environment even
     // though `testEnvironment` is set to `jsdom`.
-    typeof HTMLButtonElement !== 'undefined' ? PropTypes__default["default"].instanceOf(HTMLButtonElement) : PropTypes__default["default"].any, PropTypes__default["default"].oneOf([null])]).isRequired
+    typeof HTMLButtonElement !== 'undefined' ? PropTypes.instanceOf(HTMLButtonElement) : PropTypes.any, PropTypes.oneOf([null])]).isRequired
   })]),
   /**
    * Specify the description for the loading text
    */
-  loadingDescription: PropTypes__default["default"].string,
+  loadingDescription: PropTypes.string,
   /**
    * Specify the description for the loading text
    */
-  loadingIconDescription: PropTypes__default["default"].string,
+  loadingIconDescription: PropTypes.string,
   /**
    * loading status
    */
-  loadingStatus: PropTypes__default["default"].oneOf(['inactive', 'active', 'finished', 'error']),
+  loadingStatus: PropTypes.oneOf(['inactive', 'active', 'finished', 'error']),
   /**
    * Specify a label to be read by screen readers on the modal root node
    */
-  modalAriaLabel: PropTypes__default["default"].string,
+  modalAriaLabel: PropTypes.string,
   /**
    * Specify the content of the modal header title.
    */
-  modalHeading: PropTypes__default["default"].node,
+  modalHeading: PropTypes.node,
   /**
    * Specify the content of the modal header label.
    */
-  modalLabel: PropTypes__default["default"].node,
+  modalLabel: PropTypes.node,
   /**
    * Specify a handler for keypresses.
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Provide an optional handler to be invoked when loading is
    * successful
    */
-  onLoadingSuccess: PropTypes__default["default"].func,
+  onLoadingSuccess: PropTypes.func,
   /**
    * Specify a handler for closing modal.
    * The handler should care of closing modal, e.g. changing `open` prop.
    */
-  onRequestClose: PropTypes__default["default"].func,
+  onRequestClose: PropTypes.func,
   /**
    * Specify a handler for "submitting" modal.
    * The handler should care of closing modal, e.g. changing `open` prop, if necessary.
    */
-  onRequestSubmit: PropTypes__default["default"].func,
+  onRequestSubmit: PropTypes.func,
   /**
    * Specify a handler for the secondary button.
    * Useful if separate handler from `onRequestClose` is desirable
    */
-  onSecondarySubmit: PropTypes__default["default"].func,
+  onSecondarySubmit: PropTypes.func,
   /**
    * Specify whether the Modal is currently open
    */
-  open: PropTypes__default["default"].bool,
+  open: PropTypes.bool,
   /**
    * Specify whether the modal should be button-less
    */
-  passiveModal: PropTypes__default["default"].bool,
+  passiveModal: PropTypes.bool,
   /**
    * Prevent closing on click outside of modal
    */
@@ -563,15 +568,15 @@ Modal.propTypes = {
   /**
    * Specify whether the Button should be disabled, or not
    */
-  primaryButtonDisabled: PropTypes__default["default"].bool,
+  primaryButtonDisabled: PropTypes.bool,
   /**
    * Specify the text for the primary button
    */
-  primaryButtonText: PropTypes__default["default"].node,
+  primaryButtonText: PropTypes.node,
   /**
    * Specify the text for the secondary button
    */
-  secondaryButtonText: PropTypes__default["default"].node,
+  secondaryButtonText: PropTypes.node,
   /**
    * Specify an array of config objects for secondary buttons
    * (`Array<{
@@ -585,11 +590,11 @@ Modal.propTypes = {
         return new Error(`${propName} needs to be an array of two button config objects`);
       }
       const shape = {
-        buttonText: PropTypes__default["default"].node,
-        onClick: PropTypes__default["default"].func
+        buttonText: PropTypes.node,
+        onClick: PropTypes.func
       };
       props[propName].forEach(secondaryButton => {
-        PropTypes__default["default"].checkPropTypes(shape, secondaryButton, propName, componentName);
+        PropTypes.checkPropTypes(shape, secondaryButton, propName, componentName);
       });
     }
     return null;
@@ -598,22 +603,22 @@ Modal.propTypes = {
    * Specify a CSS selector that matches the DOM element that should
    * be focused when the Modal opens
    */
-  selectorPrimaryFocus: PropTypes__default["default"].string,
+  selectorPrimaryFocus: PropTypes.string,
   /**
    * Specify CSS selectors that match DOM elements working as floating menus.
    * Focusing on those elements won't trigger "focus-wrap" behavior
    */
-  selectorsFloatingMenus: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired),
+  selectorsFloatingMenus: PropTypes.arrayOf(PropTypes.string.isRequired),
   /**
    * Specify if Enter key should be used as "submit" action
    */
-  shouldSubmitOnEnter: PropTypes__default["default"].bool,
+  shouldSubmitOnEnter: PropTypes.bool,
   /**
    * Specify the size variant.
    */
-  size: PropTypes__default["default"].oneOf(ModalSizes),
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.')
+  size: PropTypes.oneOf(ModalSizes),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.')
 };
 
 exports.ModalSizes = ModalSizes;
-exports["default"] = Modal;
+exports.default = Modal;

package/lib/components/Modal/index.js

@@ -13,5 +13,5 @@ var Modal = require('./Modal.js');
 
 
 
-exports.Modal = Modal["default"];
-exports["default"] = Modal["default"];
+exports.Modal = Modal.default;
+exports.default = Modal.default;

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -20,18 +20,13 @@ var noopFn = require('../../internal/noopFn.js');
 var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 let didWarnAboutDeprecation = false;
 process.env.NODE_ENV !== 'production';
-class ModalWrapper extends React__default["default"].Component {
+class ModalWrapper extends React.Component {
   constructor(...args) {
     super(...args);
-    _rollupPluginBabelHelpers.defineProperty(this, "triggerButton", /*#__PURE__*/React__default["default"].createRef());
-    _rollupPluginBabelHelpers.defineProperty(this, "modal", /*#__PURE__*/React__default["default"].createRef());
+    _rollupPluginBabelHelpers.defineProperty(this, "triggerButton", /*#__PURE__*/React.createRef());
+    _rollupPluginBabelHelpers.defineProperty(this, "modal", /*#__PURE__*/React.createRef());
     _rollupPluginBabelHelpers.defineProperty(this, "state", {
       isOpen: false
     });
@@ -94,7 +89,7 @@ class ModalWrapper extends React__default["default"].Component {
       onRequestClose: this.handleClose,
       onRequestSubmit: this.handleOnRequestSubmit
     };
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       role: "presentation",
       onKeyDown: evt => {
         if (match.match(evt, keys.Escape)) {
@@ -102,7 +97,7 @@ class ModalWrapper extends React__default["default"].Component {
           onKeyDown(evt);
         }
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+    }, /*#__PURE__*/React.createElement(Button.default, {
       className: buttonTriggerClassName,
       disabled: disabled,
       kind: triggerButtonKind,
@@ -110,7 +105,7 @@ class ModalWrapper extends React__default["default"].Component {
       iconDescription: triggerButtonIconDescription,
       onClick: this.handleOpen,
       ref: this.triggerButton
-    }, buttonTriggerText), /*#__PURE__*/React__default["default"].createElement(Modal["default"], _rollupPluginBabelHelpers["extends"]({
+    }, buttonTriggerText), /*#__PURE__*/React.createElement(Modal.default, _rollupPluginBabelHelpers.extends({
       ref: this.modal,
       primaryButtonText: primaryButtonText,
       secondaryButtonText: secondaryButtonText
@@ -118,29 +113,29 @@ class ModalWrapper extends React__default["default"].Component {
   }
 }
 _rollupPluginBabelHelpers.defineProperty(ModalWrapper, "propTypes", {
-  buttonTriggerClassName: PropTypes__default["default"].string,
-  buttonTriggerText: PropTypes__default["default"].node,
-  children: PropTypes__default["default"].node,
-  disabled: PropTypes__default["default"].bool,
-  handleOpen: PropTypes__default["default"].func,
-  handleSubmit: PropTypes__default["default"].func,
-  id: PropTypes__default["default"].string,
-  modalBeforeContent: PropTypes__default["default"].bool,
-  modalHeading: PropTypes__default["default"].string,
-  modalLabel: PropTypes__default["default"].string,
-  modalText: PropTypes__default["default"].string,
-  onKeyDown: PropTypes__default["default"].func,
-  passiveModal: PropTypes__default["default"].bool,
-  preventCloseOnClickOutside: PropTypes__default["default"].bool,
-  primaryButtonText: PropTypes__default["default"].string,
-  renderTriggerButtonIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
-  secondaryButtonText: PropTypes__default["default"].string,
-  selectorPrimaryFocus: PropTypes__default["default"].string,
-  shouldCloseAfterSubmit: PropTypes__default["default"].bool,
-  status: PropTypes__default["default"].string,
-  triggerButtonIconDescription: PropTypes__default["default"].string,
-  triggerButtonKind: PropTypes__default["default"].oneOf(Button.ButtonKinds),
-  withHeader: PropTypes__default["default"].bool
+  buttonTriggerClassName: PropTypes.string,
+  buttonTriggerText: PropTypes.node,
+  children: PropTypes.node,
+  disabled: PropTypes.bool,
+  handleOpen: PropTypes.func,
+  handleSubmit: PropTypes.func,
+  id: PropTypes.string,
+  modalBeforeContent: PropTypes.bool,
+  modalHeading: PropTypes.string,
+  modalLabel: PropTypes.string,
+  modalText: PropTypes.string,
+  onKeyDown: PropTypes.func,
+  passiveModal: PropTypes.bool,
+  preventCloseOnClickOutside: PropTypes.bool,
+  primaryButtonText: PropTypes.string,
+  renderTriggerButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  secondaryButtonText: PropTypes.string,
+  selectorPrimaryFocus: PropTypes.string,
+  shouldCloseAfterSubmit: PropTypes.bool,
+  status: PropTypes.string,
+  triggerButtonIconDescription: PropTypes.string,
+  triggerButtonKind: PropTypes.oneOf(Button.ButtonKinds),
+  withHeader: PropTypes.bool
 });
 
-exports["default"] = ModalWrapper;
+exports.default = ModalWrapper;