@charcoal-ui/react 2.0.0 → 2.0.1

package/dist/index.module.js

@@ -10,7 +10,7 @@ import { useToggleState, useSelectState, Item, useRadioGroupState } from 'react-
 import { useTextField } from '@react-aria/textfield';
 import { useVisuallyHidden } from '@react-aria/visually-hidden';
 import '@charcoal-ui/icons';
-import { useOverlay, usePreventScroll, useModal, OverlayContainer, DismissButton } from '@react-aria/overlays';
+import { useOverlay, usePreventScroll, useModalOverlay, Overlay, DismissButton } from '@react-aria/overlays';
 import { FocusScope, focusSafely, getFocusableTreeWalker, useFocusRing } from '@react-aria/focus';
 import { useDialog } from '@react-aria/dialog';
 import { animated, useTransition, easings } from 'react-spring';
@@ -1077,7 +1077,6 @@ function Modal(_ref) {
   var children = _ref.children,
       _ref$zIndex = _ref.zIndex,
       zIndex = _ref$zIndex === void 0 ? DEFAULT_Z_INDEX : _ref$zIndex,
-      portalContainer = _ref.portalContainer,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var title = props.title,
@@ -1097,8 +1096,19 @@ function Modal(_ref) {
 
   usePreventScroll();
 
-  var _useModal = useModal(),
-      modalProps = _useModal.modalProps;
+  var _useModalOverlay = useModalOverlay(props, {
+    close: onClose,
+    isOpen: isOpen,
+    // these props are not used actually.
+    // https://github.com/adobe/react-spectrum/blob/df14e3fb129b94b310f0397a701b83f006b51dfe/packages/%40react-aria/overlays/src/useModalOverlay.ts
+    open: function open() {// nope
+    },
+    setOpen: function setOpen() {// nope
+    },
+    toggle: function toggle() {// nope
+    }
+  }, ref),
+      modalProps = _useModalOverlay.modalProps;
 
   var _useDialog = useDialog(props, ref),
       dialogProps = _useDialog.dialogProps,
@@ -1131,9 +1141,7 @@ function Modal(_ref) {
   return transition(function (_ref2, item) {
     var backgroundColor = _ref2.backgroundColor,
         transform = _ref2.transform;
-    return item && /*#__PURE__*/React.createElement(OverlayContainer, {
-      portalContainer: portalContainer
-    }, /*#__PURE__*/React.createElement(ModalBackground, _extends({
+    return item && /*#__PURE__*/React.createElement(Overlay, null, /*#__PURE__*/React.createElement(ModalBackground, _extends({
       zIndex: zIndex
     }, underlayProps, {
       style: transitionEnabled ? {