@thecb/components 7.0.0-beta.4 → 7.0.0-beta.7

package/dist/index.esm.js

@@ -43329,14 +43329,16 @@ var Modal$1 = function Modal(_ref) {
   var _useContext = useContext(ThemeContext),
       isMobile = _useContext.isMobile;
 
-  var closeBtnRef = useRef(null);
-  var bodyTextContainerRef = useRef(null);
-  debugger;
-  return /*#__PURE__*/React.createElement(Fragment$1, null, modalOpen && /*#__PURE__*/React.createElement(reactAriaModal, {
-    initialFocus: closeBtnRef !== null && closeBtnRef !== void 0 ? closeBtnRef : bodyTextContainerRef,
+  var modalContainerRef = useRef(null); // debugger;
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: modalContainerRef
+  }, modalOpen && /*#__PURE__*/React.createElement(reactAriaModal // focusTrapPaused={true}
+  , {
+    initialFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current,
     focusTrapOptions: {
-      delayInitialFocus: true,
-      fallbackFocus: closeBtnRef !== null && closeBtnRef !== void 0 ? closeBtnRef : bodyTextContainerRef
+      delayInitialFocus: false,
+      fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
     } // fallback to resolve unit test errors https://github.com/focus-trap/focus-trap-react/issues/91
     ,
     onExit: onExit,
@@ -43371,7 +43373,6 @@ var Modal$1 = function Modal(_ref) {
   }, /*#__PURE__*/React.createElement(Stack, {
     childGap: "1.5rem"
   }, /*#__PURE__*/React.createElement(Box, {
-    ref: bodyTextContainerRef,
     borderWidthOverride: noBorder && "0 0 2px 0",
     borderColor: !noBorder && SILVER_GREY,
     padding: !noBorder && "0 0 1.5rem 0",
@@ -43435,7 +43436,6 @@ var Modal$1 = function Modal(_ref) {
   }))) : /*#__PURE__*/React.createElement(Box, {
     padding: "0.5rem"
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
-    ref: closeBtnRef,
     action: hideModal,
     variant: "primary",
     text: closeButtonText,