@carbon/react 1.9.0-rc.0 → 1.11.0-rc.0

package/es/components/ComposedModal/next/ComposedModal.js

@@ -1,225 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { ModalHeader } from './ModalHeader.js';
-import { ModalFooter } from '../ComposedModal.js';
-import cx from 'classnames';
-import toggleClass from '../../../tools/toggleClass.js';
-import requiredIfGivenPropIsTruthy from '../../../prop-types/requiredIfGivenPropIsTruthy.js';
-import wrapFocus from '../../../internal/wrapFocus.js';
-import { usePrefix } from '../../../internal/usePrefix.js';
-
-var _ModalBody$propTypes, _ComposedModal$propTy;
-
-var _excluded = ["className", "children", "hasForm", "hasScrollingContent"],
-    _excluded2 = ["aria-labelledby", "aria-label", "children", "className", "containerClassName", "danger", "onClose", "onKeyDown", "open", "preventCloseOnClickOutside", "selectorPrimaryFocus", "selectorsFloatingMenus", "size"];
-var ModalBody = /*#__PURE__*/React__default.forwardRef(function ModalBody(_ref, ref) {
-  var _cx;
-
-  var customClassName = _ref.className,
-      children = _ref.children,
-      hasForm = _ref.hasForm,
-      hasScrollingContent = _ref.hasScrollingContent,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var contentClass = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--modal-content"), true), _defineProperty(_cx, "".concat(prefix, "--modal-content--with-form"), hasForm), _defineProperty(_cx, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent), _defineProperty(_cx, customClassName, customClassName), _cx));
-  var hasScrollingContentProps = hasScrollingContent ? {
-    tabIndex: 0,
-    role: 'region'
-  } : {};
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: contentClass
-  }, hasScrollingContentProps, rest, {
-    ref: ref
-  }), children), hasScrollingContent && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--modal-content--overflow-indicator")
-  }));
-});
-ModalBody.propTypes = (_ModalBody$propTypes = {}, _defineProperty(_ModalBody$propTypes, 'aria-label', requiredIfGivenPropIsTruthy('hasScrollingContent', PropTypes.string)), _defineProperty(_ModalBody$propTypes, "children", PropTypes.node), _defineProperty(_ModalBody$propTypes, "className", PropTypes.string), _defineProperty(_ModalBody$propTypes, "hasForm", PropTypes.bool), _defineProperty(_ModalBody$propTypes, "hasScrollingContent", PropTypes.bool), _ModalBody$propTypes);
-var ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedModal(_ref2, ref) {
-  var _cx2, _cx3;
-
-  var ariaLabelledBy = _ref2['aria-labelledby'],
-      ariaLabel = _ref2['aria-label'],
-      children = _ref2.children,
-      customClassName = _ref2.className,
-      containerClassName = _ref2.containerClassName,
-      danger = _ref2.danger,
-      onClose = _ref2.onClose,
-      onKeyDown = _ref2.onKeyDown,
-      open = _ref2.open,
-      preventCloseOnClickOutside = _ref2.preventCloseOnClickOutside,
-      selectorPrimaryFocus = _ref2.selectorPrimaryFocus,
-      selectorsFloatingMenus = _ref2.selectorsFloatingMenus,
-      size = _ref2.size,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix();
-
-  var _useState = useState(open),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setisOpen = _useState2[1];
-
-  var _useState3 = useState(open),
-      _useState4 = _slicedToArray(_useState3, 2),
-      prevOpen = _useState4[0],
-      setPrevOpen = _useState4[1];
-
-  var innerModal = useRef();
-  var button = useRef();
-  var startSentinel = useRef();
-  var endSentinel = useRef();
-
-  if (open !== prevOpen) {
-    setisOpen(open);
-    setPrevOpen(open);
-  }
-
-  function handleKeyDown(evt) {
-    // Esc key
-    if (evt.which === 27) {
-      closeModal(evt);
-    }
-
-    onKeyDown(evt);
-  }
-
-  function handleClick(evt) {
-    if (!innerModal.current.contains(evt.target) && preventCloseOnClickOutside) {
-      return;
-    }
-
-    if (innerModal.current && !innerModal.current.contains(evt.target)) {
-      closeModal(evt);
-    }
-  }
-
-  function handleBlur(_ref3) {
-    var oldActiveNode = _ref3.target,
-        currentActiveNode = _ref3.relatedTarget;
-
-    if (open && currentActiveNode && oldActiveNode) {
-      var bodyNode = innerModal.current;
-      var startSentinelNode = startSentinel.current;
-      var endSentinelNode = endSentinel.current;
-      wrapFocus({
-        bodyNode: bodyNode,
-        startSentinelNode: startSentinelNode,
-        endSentinelNode: endSentinelNode,
-        currentActiveNode: currentActiveNode,
-        oldActiveNode: oldActiveNode,
-        selectorsFloatingMenus: selectorsFloatingMenus
-      });
-    }
-  }
-
-  function closeModal(evt) {
-    if (!onClose || onClose(evt) !== false) {
-      setisOpen(false);
-    }
-  }
-
-  var modalClass = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--modal"), true), _defineProperty(_cx2, 'is-visible', isOpen), _defineProperty(_cx2, customClassName, customClassName), _defineProperty(_cx2, "".concat(prefix, "--modal--danger"), danger), _cx2));
-  var containerClass = cx((_cx3 = {}, _defineProperty(_cx3, "".concat(prefix, "--modal-container"), true), _defineProperty(_cx3, "".concat(prefix, "--modal-container--").concat(size), size), _defineProperty(_cx3, containerClassName, containerClassName), _cx3)); // Generate aria-label based on Modal Header label if one is not provided (L253)
-
-  var generatedAriaLabel;
-  var childrenWithProps = React__default.Children.toArray(children).map(function (child) {
-    switch (child.type) {
-      case React__default.createElement(ModalHeader).type:
-        generatedAriaLabel = child.props.label;
-        return /*#__PURE__*/React__default.cloneElement(child, {
-          closeModal: closeModal
-        });
-
-      case React__default.createElement(ModalFooter).type:
-        return /*#__PURE__*/React__default.cloneElement(child, {
-          closeModal: closeModal,
-          inputref: button
-        });
-
-      default:
-        return child;
-    }
-  });
-  useEffect(function () {
-    if (prevOpen !== isOpen) {
-      toggleClass(document.body, "".concat(prefix, "--body--with-modal-open"), isOpen);
-    }
-  });
-  useEffect(function () {
-    return function () {
-      return toggleClass(document.body, "".concat(prefix, "--body--with-modal-open"), false);
-    };
-  });
-  useEffect(function () {
-    toggleClass(document.body, "".concat(prefix, "--body--with-modal-open"), open);
-  }, [open, prefix]);
-  useEffect(function () {
-    var focusButton = function focusButton(focusContainerElement) {
-      if (focusContainerElement) {
-        var primaryFocusElement = focusContainerElement.querySelector(selectorPrimaryFocus);
-
-        if (primaryFocusElement) {
-          primaryFocusElement.focus();
-          return;
-        }
-
-        if (button.current) {
-          button.current.focus();
-        }
-      }
-    };
-
-    if (!open) {
-      return;
-    }
-
-    if (innerModal.current) {
-      focusButton(innerModal.current);
-    }
-  }, [open, selectorPrimaryFocus]);
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    role: "presentation",
-    ref: ref,
-    "aria-hidden": !open,
-    onBlur: handleBlur,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    className: modalClass,
-    tabIndex: "-1"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: containerClass,
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-label": ariaLabel ? ariaLabel : generatedAriaLabel,
-    "aria-labelledby": ariaLabelledBy
-  }, /*#__PURE__*/React__default.createElement("button", {
-    type: "button",
-    ref: startSentinel,
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel"), /*#__PURE__*/React__default.createElement("div", {
-    ref: innerModal,
-    className: "".concat(prefix, "--modal-container-body")
-  }, childrenWithProps), /*#__PURE__*/React__default.createElement("button", {
-    type: "button",
-    ref: endSentinel,
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel")));
-});
-ComposedModal.propTypes = (_ComposedModal$propTy = {}, _defineProperty(_ComposedModal$propTy, 'aria-label', PropTypes.string), _defineProperty(_ComposedModal$propTy, 'aria-labelledby', PropTypes.string), _defineProperty(_ComposedModal$propTy, "children", PropTypes.node), _defineProperty(_ComposedModal$propTy, "className", PropTypes.string), _defineProperty(_ComposedModal$propTy, "containerClassName", PropTypes.string), _defineProperty(_ComposedModal$propTy, "danger", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "onClose", PropTypes.func), _defineProperty(_ComposedModal$propTy, "onKeyDown", PropTypes.func), _defineProperty(_ComposedModal$propTy, "open", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "preventCloseOnClickOutside", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "selectorPrimaryFocus", PropTypes.string), _defineProperty(_ComposedModal$propTy, "selectorsFloatingMenus", PropTypes.arrayOf(PropTypes.string)), _defineProperty(_ComposedModal$propTy, "size", PropTypes.oneOf(['xs', 'sm', 'md', 'lg'])), _ComposedModal$propTy);
-ComposedModal.defaultProps = {
-  onKeyDown: function onKeyDown() {},
-  selectorPrimaryFocus: '[data-modal-primary-focus]'
-};
-var ComposedModalNext = ComposedModal;
-
-export { ModalBody, ComposedModalNext as default };

package/lib/components/ComposedModal/index.js

@@ -1,45 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FeatureFlags = require('@carbon/feature-flags');
-var ModalHeader$1 = require('./next/ModalHeader.js');
-var ModalFooter$1 = require('./next/ModalFooter.js');
-var ComposedModal$2 = require('./next/ComposedModal.js');
-var ComposedModal$1 = require('./ComposedModal.js');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
-
-var ModalHeader = FeatureFlags__namespace.enabled('enable-v11-release') ? ModalHeader$1.ModalHeader : ComposedModal$1.ModalHeader;
-var ModalFooter = FeatureFlags__namespace.enabled('enable-v11-release') ? ModalFooter$1.ModalFooter : ComposedModal$1.ModalFooter;
-var ComposedModal = FeatureFlags__namespace.enabled('enable-v11-release') ? ComposedModal$2["default"] : ComposedModal$1["default"];
-
-exports.ModalBody = ComposedModal$1.ModalBody;
-exports.ComposedModal = ComposedModal;
-exports.ModalFooter = ModalFooter;
-exports.ModalHeader = ModalHeader;

package/lib/components/ComposedModal/next/ComposedModal.js

@@ -1,236 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var ModalHeader = require('./ModalHeader.js');
-var ComposedModal$1 = require('../ComposedModal.js');
-var cx = require('classnames');
-var toggleClass = require('../../../tools/toggleClass.js');
-var requiredIfGivenPropIsTruthy = require('../../../prop-types/requiredIfGivenPropIsTruthy.js');
-var wrapFocus = require('../../../internal/wrapFocus.js');
-var usePrefix = require('../../../internal/usePrefix.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-var _ModalBody$propTypes, _ComposedModal$propTy;
-
-var _excluded = ["className", "children", "hasForm", "hasScrollingContent"],
-    _excluded2 = ["aria-labelledby", "aria-label", "children", "className", "containerClassName", "danger", "onClose", "onKeyDown", "open", "preventCloseOnClickOutside", "selectorPrimaryFocus", "selectorsFloatingMenus", "size"];
-var ModalBody = /*#__PURE__*/React__default["default"].forwardRef(function ModalBody(_ref, ref) {
-  var _cx;
-
-  var customClassName = _ref.className,
-      children = _ref.children,
-      hasForm = _ref.hasForm,
-      hasScrollingContent = _ref.hasScrollingContent,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var contentClass = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--modal-content"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--modal-content--with-form"), hasForm), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--modal-scroll-content"), hasScrollingContent), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, customClassName), _cx));
-  var hasScrollingContentProps = hasScrollingContent ? {
-    tabIndex: 0,
-    role: 'region'
-  } : {};
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: contentClass
-  }, hasScrollingContentProps, rest, {
-    ref: ref
-  }), children), hasScrollingContent && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--modal-content--overflow-indicator")
-  }));
-});
-ModalBody.propTypes = (_ModalBody$propTypes = {}, _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, 'aria-label', requiredIfGivenPropIsTruthy["default"]('hasScrollingContent', PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, "hasForm", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ModalBody$propTypes, "hasScrollingContent", PropTypes__default["default"].bool), _ModalBody$propTypes);
-var ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function ComposedModal(_ref2, ref) {
-  var _cx2, _cx3;
-
-  var ariaLabelledBy = _ref2['aria-labelledby'],
-      ariaLabel = _ref2['aria-label'],
-      children = _ref2.children,
-      customClassName = _ref2.className,
-      containerClassName = _ref2.containerClassName,
-      danger = _ref2.danger,
-      onClose = _ref2.onClose,
-      onKeyDown = _ref2.onKeyDown,
-      open = _ref2.open,
-      preventCloseOnClickOutside = _ref2.preventCloseOnClickOutside,
-      selectorPrimaryFocus = _ref2.selectorPrimaryFocus,
-      selectorsFloatingMenus = _ref2.selectorsFloatingMenus,
-      size = _ref2.size,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix.usePrefix();
-
-  var _useState = React.useState(open),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setisOpen = _useState2[1];
-
-  var _useState3 = React.useState(open),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      prevOpen = _useState4[0],
-      setPrevOpen = _useState4[1];
-
-  var innerModal = React.useRef();
-  var button = React.useRef();
-  var startSentinel = React.useRef();
-  var endSentinel = React.useRef();
-
-  if (open !== prevOpen) {
-    setisOpen(open);
-    setPrevOpen(open);
-  }
-
-  function handleKeyDown(evt) {
-    // Esc key
-    if (evt.which === 27) {
-      closeModal(evt);
-    }
-
-    onKeyDown(evt);
-  }
-
-  function handleClick(evt) {
-    if (!innerModal.current.contains(evt.target) && preventCloseOnClickOutside) {
-      return;
-    }
-
-    if (innerModal.current && !innerModal.current.contains(evt.target)) {
-      closeModal(evt);
-    }
-  }
-
-  function handleBlur(_ref3) {
-    var oldActiveNode = _ref3.target,
-        currentActiveNode = _ref3.relatedTarget;
-
-    if (open && currentActiveNode && oldActiveNode) {
-      var bodyNode = innerModal.current;
-      var startSentinelNode = startSentinel.current;
-      var endSentinelNode = endSentinel.current;
-      wrapFocus["default"]({
-        bodyNode: bodyNode,
-        startSentinelNode: startSentinelNode,
-        endSentinelNode: endSentinelNode,
-        currentActiveNode: currentActiveNode,
-        oldActiveNode: oldActiveNode,
-        selectorsFloatingMenus: selectorsFloatingMenus
-      });
-    }
-  }
-
-  function closeModal(evt) {
-    if (!onClose || onClose(evt) !== false) {
-      setisOpen(false);
-    }
-  }
-
-  var modalClass = cx__default["default"]((_cx2 = {}, _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--modal"), true), _rollupPluginBabelHelpers.defineProperty(_cx2, 'is-visible', isOpen), _rollupPluginBabelHelpers.defineProperty(_cx2, customClassName, customClassName), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--modal--danger"), danger), _cx2));
-  var containerClass = cx__default["default"]((_cx3 = {}, _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--modal-container"), true), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--modal-container--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx3, containerClassName, containerClassName), _cx3)); // Generate aria-label based on Modal Header label if one is not provided (L253)
-
-  var generatedAriaLabel;
-  var childrenWithProps = React__default["default"].Children.toArray(children).map(function (child) {
-    switch (child.type) {
-      case React__default["default"].createElement(ModalHeader.ModalHeader).type:
-        generatedAriaLabel = child.props.label;
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          closeModal: closeModal
-        });
-
-      case React__default["default"].createElement(ComposedModal$1.ModalFooter).type:
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          closeModal: closeModal,
-          inputref: button
-        });
-
-      default:
-        return child;
-    }
-  });
-  React.useEffect(function () {
-    if (prevOpen !== isOpen) {
-      toggleClass["default"](document.body, "".concat(prefix, "--body--with-modal-open"), isOpen);
-    }
-  });
-  React.useEffect(function () {
-    return function () {
-      return toggleClass["default"](document.body, "".concat(prefix, "--body--with-modal-open"), false);
-    };
-  });
-  React.useEffect(function () {
-    toggleClass["default"](document.body, "".concat(prefix, "--body--with-modal-open"), open);
-  }, [open, prefix]);
-  React.useEffect(function () {
-    var focusButton = function focusButton(focusContainerElement) {
-      if (focusContainerElement) {
-        var primaryFocusElement = focusContainerElement.querySelector(selectorPrimaryFocus);
-
-        if (primaryFocusElement) {
-          primaryFocusElement.focus();
-          return;
-        }
-
-        if (button.current) {
-          button.current.focus();
-        }
-      }
-    };
-
-    if (!open) {
-      return;
-    }
-
-    if (innerModal.current) {
-      focusButton(innerModal.current);
-    }
-  }, [open, selectorPrimaryFocus]);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    role: "presentation",
-    ref: ref,
-    "aria-hidden": !open,
-    onBlur: handleBlur,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    className: modalClass,
-    tabIndex: "-1"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: containerClass,
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-label": ariaLabel ? ariaLabel : generatedAriaLabel,
-    "aria-labelledby": ariaLabelledBy
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    type: "button",
-    ref: startSentinel,
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel"), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: innerModal,
-    className: "".concat(prefix, "--modal-container-body")
-  }, childrenWithProps), /*#__PURE__*/React__default["default"].createElement("button", {
-    type: "button",
-    ref: endSentinel,
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel")));
-});
-ComposedModal.propTypes = (_ComposedModal$propTy = {}, _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, 'aria-labelledby', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "containerClassName", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "danger", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "onClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "onKeyDown", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "open", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "preventCloseOnClickOutside", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "selectorPrimaryFocus", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "selectorsFloatingMenus", PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)), _rollupPluginBabelHelpers.defineProperty(_ComposedModal$propTy, "size", PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg'])), _ComposedModal$propTy);
-ComposedModal.defaultProps = {
-  onKeyDown: function onKeyDown() {},
-  selectorPrimaryFocus: '[data-modal-primary-focus]'
-};
-var ComposedModalNext = ComposedModal;
-
-exports.ModalBody = ModalBody;
-exports["default"] = ComposedModalNext;