@carbon/react 1.27.0 → 1.28.0-rc.0

package/lib/components/MenuButton/index.js

@@ -27,57 +27,53 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "className", "disabled", "kind", "label", "size"];
-var spacing = 4; // top and bottom spacing between the button and the menu. in px
-
-var validButtonKinds = ['primary', 'tertiary', 'ghost'];
-var defaultButtonKind = 'primary';
-var MenuButton = /*#__PURE__*/React__default["default"].forwardRef(function MenuButton(_ref, forwardRef) {
-  var children = _ref.children,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      _ref$kind = _ref.kind,
-      kind = _ref$kind === void 0 ? defaultButtonKind : _ref$kind,
-      label = _ref.label,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'lg' : _ref$size,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var id = useId.useId('MenuButton');
-  var prefix = usePrefix.usePrefix();
-  var triggerRef = React.useRef(null);
-  var menuRef = React.useRef(null);
-  var ref = useMergedRefs.useMergedRefs([forwardRef, triggerRef]);
-
-  var _useState = React.useState(0),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var _useAttachedMenu = useAttachedMenu.useAttachedMenu(triggerRef),
-      open = _useAttachedMenu.open,
-      x = _useAttachedMenu.x,
-      y = _useAttachedMenu.y,
-      hookOnClick = _useAttachedMenu.handleClick,
-      handleMousedown = _useAttachedMenu.handleMousedown,
-      handleClose = _useAttachedMenu.handleClose;
+const spacing = 4; // top and bottom spacing between the button and the menu. in px
+
+const validButtonKinds = ['primary', 'tertiary', 'ghost'];
+const defaultButtonKind = 'primary';
+const MenuButton = /*#__PURE__*/React__default["default"].forwardRef(function MenuButton(_ref, forwardRef) {
+  let {
+    children,
+    className,
+    disabled,
+    kind = defaultButtonKind,
+    label,
+    size = 'lg',
+    ...rest
+  } = _ref;
+  const id = useId.useId('MenuButton');
+  const prefix = usePrefix.usePrefix();
+  const triggerRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+  const ref = useMergedRefs.useMergedRefs([forwardRef, triggerRef]);
+  const [width, setWidth] = React.useState(0);
+  const {
+    open,
+    x,
+    y,
+    handleClick: hookOnClick,
+    handleMousedown,
+    handleClose
+  } = useAttachedMenu.useAttachedMenu(triggerRef);
 
   function handleClick() {
     if (triggerRef.current) {
-      var _triggerRef$current$g = triggerRef.current.getBoundingClientRect(),
-          w = _triggerRef$current$g.width;
-
+      const {
+        width: w
+      } = triggerRef.current.getBoundingClientRect();
       setWidth(w);
       hookOnClick();
     }
   }
 
   function handleOpen() {
-    menuRef.current.style.width = "".concat(width, "px");
+    menuRef.current.style.width = `${width}px`;
   }
 
-  var triggerClasses = cx__default["default"]("".concat(prefix, "--menu-button__trigger"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--menu-button__trigger--open"), open), className);
-  var buttonKind = validButtonKinds.includes(kind) ? kind : defaultButtonKind;
+  const triggerClasses = cx__default["default"](`${prefix}--menu-button__trigger`, {
+    [`${prefix}--menu-button__trigger--open`]: open
+  }, className);
+  const buttonKind = validButtonKinds.includes(kind) ? kind : defaultButtonKind;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
     ref: ref,
     className: triggerClasses,

package/lib/components/Modal/Modal.js

@@ -30,51 +30,51 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _Modal$propTypes;
-
-var _excluded = ["aria-label", "children", "className", "modalHeading", "modalLabel", "modalAriaLabel", "passiveModal", "secondaryButtonText", "primaryButtonText", "open", "onRequestClose", "onRequestSubmit", "onSecondarySubmit", "primaryButtonDisabled", "danger", "alert", "secondaryButtons", "selectorPrimaryFocus", "selectorsFloatingMenus", "shouldSubmitOnEnter", "size", "hasScrollingContent", "closeButtonLabel", "preventCloseOnClickOutside", "isFullWidth"];
-var getInstanceId = setupGetInstanceId["default"]();
-var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_ref, ref) {
-  var _classNames, _classNames2;
-
-  var ariaLabelProp = _ref['aria-label'],
-      children = _ref.children,
-      className = _ref.className,
-      modalHeading = _ref.modalHeading,
-      modalLabel = _ref.modalLabel,
-      modalAriaLabel = _ref.modalAriaLabel,
-      passiveModal = _ref.passiveModal,
-      secondaryButtonText = _ref.secondaryButtonText,
-      primaryButtonText = _ref.primaryButtonText,
-      open = _ref.open,
-      onRequestClose = _ref.onRequestClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      onSecondarySubmit = _ref.onSecondarySubmit,
-      primaryButtonDisabled = _ref.primaryButtonDisabled,
-      danger = _ref.danger,
-      alert = _ref.alert,
-      secondaryButtons = _ref.secondaryButtons,
-      selectorPrimaryFocus = _ref.selectorPrimaryFocus,
-      selectorsFloatingMenus = _ref.selectorsFloatingMenus,
-      shouldSubmitOnEnter = _ref.shouldSubmitOnEnter,
-      size = _ref.size,
-      hasScrollingContent = _ref.hasScrollingContent,
-      closeButtonLabel = _ref.closeButtonLabel,
-      preventCloseOnClickOutside = _ref.preventCloseOnClickOutside,
-      isFullWidth = _ref.isFullWidth,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var button = React.useRef();
-  var secondaryButton = React.useRef();
-  var innerModal = React.useRef();
-  var startTrap = React.useRef();
-  var endTrap = React.useRef();
-  var modalInstanceId = "modal-".concat(getInstanceId());
-  var modalLabelId = "".concat(prefix, "--modal-header__label--").concat(modalInstanceId);
-  var modalHeadingId = "".concat(prefix, "--modal-header__heading--").concat(modalInstanceId);
-  var modalBodyId = "".concat(prefix, "--modal-body--").concat(modalInstanceId);
-  var modalCloseButtonClass = "".concat(prefix, "--modal-close");
+const getInstanceId = setupGetInstanceId["default"]();
+const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_ref, ref) {
+  let {
+    'aria-label': ariaLabelProp,
+    children,
+    className,
+    modalHeading,
+    modalLabel,
+    modalAriaLabel,
+    passiveModal,
+    secondaryButtonText,
+    primaryButtonText,
+    open,
+    onRequestClose,
+    onRequestSubmit,
+    onSecondarySubmit,
+    primaryButtonDisabled,
+    danger,
+    alert,
+    secondaryButtons,
+    selectorPrimaryFocus,
+    // eslint-disable-line
+    selectorsFloatingMenus,
+    // eslint-disable-line
+    shouldSubmitOnEnter,
+    // eslint-disable-line
+    size,
+    hasScrollingContent,
+    closeButtonLabel,
+    preventCloseOnClickOutside,
+    // eslint-disable-line
+    isFullWidth,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const button = React.useRef();
+  const secondaryButton = React.useRef();
+  const innerModal = React.useRef();
+  const startTrap = React.useRef();
+  const endTrap = React.useRef();
+  const modalInstanceId = `modal-${getInstanceId()}`;
+  const modalLabelId = `${prefix}--modal-header__label--${modalInstanceId}`;
+  const modalHeadingId = `${prefix}--modal-header__heading--${modalInstanceId}`;
+  const modalBodyId = `${prefix}--modal-body--${modalInstanceId}`;
+  const modalCloseButtonClass = `${prefix}--modal-close`;
 
   function isCloseButton(element) {
     return !onSecondarySubmit && element === secondaryButton.current || element.classList.contains(modalCloseButtonClass);
@@ -99,51 +99,58 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
   }
 
   function handleBlur(_ref2) {
-    var oldActiveNode = _ref2.target,
-        currentActiveNode = _ref2.relatedTarget;
+    let {
+      target: oldActiveNode,
+      relatedTarget: currentActiveNode
+    } = _ref2;
 
     if (open && currentActiveNode && oldActiveNode) {
-      var bodyNode = innerModal.current;
-      var startTrapNode = startTrap.current;
-      var endTrapNode = endTrap.current;
+      const {
+        current: bodyNode
+      } = innerModal;
+      const {
+        current: startTrapNode
+      } = startTrap;
+      const {
+        current: endTrapNode
+      } = endTrap;
       wrapFocus["default"]({
-        bodyNode: bodyNode,
-        startTrapNode: startTrapNode,
-        endTrapNode: endTrapNode,
-        currentActiveNode: currentActiveNode,
-        oldActiveNode: oldActiveNode,
-        selectorsFloatingMenus: selectorsFloatingMenus
+        bodyNode,
+        startTrapNode,
+        endTrapNode,
+        currentActiveNode,
+        oldActiveNode,
+        selectorsFloatingMenus
       });
     }
   }
 
-  var onSecondaryButtonClick = onSecondarySubmit ? onSecondarySubmit : onRequestClose;
-  var modalClasses = cx__default["default"]("".concat(prefix, "--modal"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--modal-tall"), !passiveModal), _rollupPluginBabelHelpers.defineProperty(_classNames, 'is-visible', open), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--modal--danger"), danger), _rollupPluginBabelHelpers.defineProperty(_classNames, className, className), _classNames));
-  var containerClasses = cx__default["default"]("".concat(prefix, "--modal-container"), (_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--modal-container--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--modal-container--full-width"), isFullWidth), _classNames2));
-  var contentClasses = cx__default["default"]("".concat(prefix, "--modal-content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent));
-  var footerClasses = cx__default["default"]("".concat(prefix, "--modal-footer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--modal-footer--three-button"), Array.isArray(secondaryButtons) && secondaryButtons.length === 2));
-  var modalButton = /*#__PURE__*/React__default["default"].createElement("button", {
-    className: modalCloseButtonClass,
-    type: "button",
-    onClick: onRequestClose,
-    title: ariaLabel,
-    "aria-label": closeButtonLabel ? closeButtonLabel : 'close',
-    ref: button
-  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
-    size: 20,
-    "aria-hidden": "true",
-    tabIndex: "-1",
-    className: "".concat(modalCloseButtonClass, "__icon")
-  }));
-  var ariaLabel = modalLabel || ariaLabelProp || modalAriaLabel || modalHeading;
-  var getAriaLabelledBy = modalLabel ? modalLabelId : modalHeadingId;
-  var hasScrollingContentProps = hasScrollingContent ? {
+  const onSecondaryButtonClick = onSecondarySubmit ? onSecondarySubmit : onRequestClose;
+  const modalClasses = cx__default["default"](`${prefix}--modal`, {
+    [`${prefix}--modal-tall`]: !passiveModal,
+    'is-visible': open,
+    [`${prefix}--modal--danger`]: danger,
+    [className]: className
+  });
+  const containerClasses = cx__default["default"](`${prefix}--modal-container`, {
+    [`${prefix}--modal-container--${size}`]: size,
+    [`${prefix}--modal-container--full-width`]: isFullWidth
+  });
+  const contentClasses = cx__default["default"](`${prefix}--modal-content`, {
+    [`${prefix}--modal-scroll-content`]: hasScrollingContent
+  });
+  const footerClasses = cx__default["default"](`${prefix}--modal-footer`, {
+    [`${prefix}--modal-footer--three-button`]: Array.isArray(secondaryButtons) && secondaryButtons.length === 2
+  });
+  const ariaLabel = modalLabel || ariaLabelProp || modalAriaLabel || modalHeading;
+  const getAriaLabelledBy = modalLabel ? modalLabelId : modalHeadingId;
+  const hasScrollingContentProps = hasScrollingContent ? {
     tabIndex: 0,
     role: 'region',
     'aria-label': ariaLabel,
     'aria-labelledby': getAriaLabelledBy
   } : {};
-  var alertDialogProps = {};
+  const alertDialogProps = {};
 
   if (alert && passiveModal) {
     alertDialogProps.role = 'alert';
@@ -154,18 +161,18 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
     alertDialogProps['aria-describedby'] = modalBodyId;
   }
 
-  React.useEffect(function () {
-    return function () {
-      toggleClass["default"](document.body, "".concat(prefix, "--body--with-modal-open"), false);
+  React.useEffect(() => {
+    return () => {
+      toggleClass["default"](document.body, `${prefix}--body--with-modal-open`, false);
     };
   }, [prefix]);
-  React.useEffect(function () {
-    toggleClass["default"](document.body, "".concat(prefix, "--body--with-modal-open"), open);
+  React.useEffect(() => {
+    toggleClass["default"](document.body, `${prefix}--body--with-modal-open`, open);
   }, [open, prefix]);
-  React.useEffect(function () {
-    var initialFocus = function initialFocus(focusContainerElement) {
-      var containerElement = focusContainerElement || innerModal.current;
-      var primaryFocusElement = containerElement ? containerElement.querySelector(danger ? ".".concat(prefix, "--btn--secondary") : selectorPrimaryFocus) : null;
+  React.useEffect(() => {
+    const initialFocus = focusContainerElement => {
+      const containerElement = focusContainerElement || innerModal.current;
+      const primaryFocusElement = containerElement ? containerElement.querySelector(danger ? `.${prefix}--btn--secondary` : selectorPrimaryFocus) : null;
 
       if (primaryFocusElement) {
         return primaryFocusElement;
@@ -174,8 +181,8 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
       return button && button.current;
     };
 
-    var focusButton = function focusButton(focusContainerElement) {
-      var target = initialFocus(focusContainerElement);
+    const focusButton = focusContainerElement => {
+      const target = initialFocus(focusContainerElement);
 
       if (target) {
         target.focus();
@@ -186,7 +193,20 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
       focusButton(innerModal.current);
     }
   }, [open, selectorPrimaryFocus, danger, prefix]);
-  var modalBody = /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const modalButton = /*#__PURE__*/React__default["default"].createElement("button", {
+    className: modalCloseButtonClass,
+    type: "button",
+    onClick: onRequestClose,
+    title: ariaLabel,
+    "aria-label": closeButtonLabel ? closeButtonLabel : 'close',
+    ref: button
+  }, /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
+    size: 20,
+    "aria-hidden": "true",
+    tabIndex: "-1",
+    className: `${modalCloseButtonClass}__icon`
+  }));
+  const modalBody = /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     ref: innerModal,
     role: "dialog"
   }, alertDialogProps, {
@@ -195,27 +215,29 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
     "aria-modal": "true",
     tabIndex: "-1"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--modal-header")
+    className: `${prefix}--modal-header`
   }, passiveModal && modalButton, modalLabel && /*#__PURE__*/React__default["default"].createElement("h2", {
     id: modalLabelId,
-    className: "".concat(prefix, "--modal-header__label")
+    className: `${prefix}--modal-header__label`
   }, modalLabel), /*#__PURE__*/React__default["default"].createElement("h3", {
     id: modalHeadingId,
-    className: "".concat(prefix, "--modal-header__heading")
+    className: `${prefix}--modal-header__heading`
   }, modalHeading), !passiveModal && modalButton), /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     id: modalBodyId,
     className: contentClasses
   }, hasScrollingContentProps, {
     "aria-labelledby": getAriaLabelledBy
   }), children), hasScrollingContent && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--modal-content--overflow-indicator")
+    className: `${prefix}--modal-content--overflow-indicator`
   }), !passiveModal && /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], {
     className: footerClasses
-  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(function (_ref3, i) {
-    var buttonText = _ref3.buttonText,
-        onButtonClick = _ref3.onClick;
+  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map((_ref3, i) => {
+    let {
+      buttonText,
+      onClick: onButtonClick
+    } = _ref3;
     return /*#__PURE__*/React__default["default"].createElement(Button["default"], {
-      key: "".concat(buttonText, "-").concat(i),
+      key: `${buttonText}-${i}`,
       kind: "secondary",
       onClick: onButtonClick
     }, buttonText);
@@ -240,42 +262,181 @@ var Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_re
     ref: startTrap,
     tabIndex: "0",
     role: "link",
-    className: "".concat(prefix, "--visually-hidden")
+    className: `${prefix}--visually-hidden`
   }, "Focus sentinel"), modalBody, /*#__PURE__*/React__default["default"].createElement("span", {
     ref: endTrap,
     tabIndex: "0",
     role: "link",
-    className: "".concat(prefix, "--visually-hidden")
+    className: `${prefix}--visually-hidden`
   }, "Focus sentinel"));
 });
-Modal.propTypes = (_Modal$propTypes = {
+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
-}, _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, 'aria-label', requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "closeButtonLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "danger", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "hasScrollingContent", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "id", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "isFullWidth", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalAriaLabel", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalHeading", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "modalLabel", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onKeyDown", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onRequestSubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "onSecondarySubmit", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "open", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "passiveModal", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "preventCloseOnClickOutside", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonDisabled", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "primaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtonText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "secondaryButtons", function secondaryButtons(props, propName, componentName) {
-  if (props.secondaryButtons) {
-    if (!Array.isArray(props.secondaryButtons) || props.secondaryButtons.length !== 2) {
-      return new Error("".concat(propName, " needs to be an array of two button config objects"));
+  alert: PropTypes__default["default"].bool,
+
+  /**
+   * Required props for the accessibility label of the header
+   */
+  ['aria-label']: requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string),
+
+  /**
+   * Provide the contents of your Modal
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Specify an optional className to be applied to the modal root node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify an label for the close button of the modal; defaults to close
+   */
+  closeButtonLabel: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether the Modal is for dangerous actions
+   */
+  danger: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the modal contains scrolling content
+   */
+  hasScrollingContent: PropTypes__default["default"].bool,
+
+  /**
+   * Specify the DOM element ID of the top-level node.
+   */
+  id: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether or not the Modal content should have any inner padding.
+   */
+  isFullWidth: PropTypes__default["default"].bool,
+
+  /**
+   * Specify a label to be read by screen readers on the modal root node
+   */
+  modalAriaLabel: PropTypes__default["default"].string,
+
+  /**
+   * Specify the content of the modal header title.
+   */
+  modalHeading: PropTypes__default["default"].node,
+
+  /**
+   * Specify the content of the modal header label.
+   */
+  modalLabel: PropTypes__default["default"].node,
+
+  /**
+   * Specify a handler for keypresses.
+   */
+  onKeyDown: PropTypes__default["default"].func,
+
+  /**
+   * Specify a handler for closing modal.
+   * The handler should care of closing modal, e.g. changing `open` prop.
+   */
+  onRequestClose: PropTypes__default["default"].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,
+
+  /**
+   * Specify a handler for the secondary button.
+   * Useful if separate handler from `onRequestClose` is desirable
+   */
+  onSecondarySubmit: PropTypes__default["default"].func,
+
+  /**
+   * Specify whether the Modal is currently open
+   */
+  open: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the modal should be button-less
+   */
+  passiveModal: PropTypes__default["default"].bool,
+
+  /**
+   * Prevent closing on click outside of modal
+   */
+  preventCloseOnClickOutside: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the Button should be disabled, or not
+   */
+  primaryButtonDisabled: PropTypes__default["default"].bool,
+
+  /**
+   * Specify the text for the primary button
+   */
+  primaryButtonText: PropTypes__default["default"].node,
+
+  /**
+   * Specify the text for the secondary button
+   */
+  secondaryButtonText: PropTypes__default["default"].node,
+
+  /**
+   * 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__default["default"].node,
+        onClick: PropTypes__default["default"].func
+      };
+      props[propName].forEach(secondaryButton => {
+        PropTypes__default["default"].checkPropTypes(shape, secondaryButton, propName, componentName);
+      });
     }
 
-    var shape = {
-      buttonText: PropTypes__default["default"].node,
-      onClick: PropTypes__default["default"].func
-    };
-    props[propName].forEach(function (secondaryButton) {
-      PropTypes__default["default"].checkPropTypes(shape, secondaryButton, propName, componentName);
-    });
-  }
+    return null;
+  },
+
+  /**
+   * Specify a CSS selector that matches the DOM element that should
+   * be focused when the Modal opens
+   */
+  selectorPrimaryFocus: PropTypes__default["default"].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),
 
-  return null;
-}), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "selectorPrimaryFocus", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "selectorsFloatingMenus", PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "shouldSubmitOnEnter", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_Modal$propTypes, "size", PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg'])), _Modal$propTypes);
+  /**
+   * Specify if Enter key should be used as "submit" action
+   */
+  shouldSubmitOnEnter: PropTypes__default["default"].bool,
+
+  /**
+   * Specify the size variant.
+   */
+  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg'])
+};
 Modal.defaultProps = {
-  onRequestClose: function onRequestClose() {},
-  onRequestSubmit: function onRequestSubmit() {},
+  onRequestClose: () => {},
+  onRequestSubmit: () => {},
   primaryButtonDisabled: false,
-  onKeyDown: function onKeyDown() {},
+  onKeyDown: () => {},
   passiveModal: false,
   modalHeading: '',
   modalLabel: '',