@thecb/components 7.0.0-beta.1 → 7.0.0-beta.10

package/dist/index.cjs.js

@@ -43337,15 +43337,15 @@ var Modal$1 = function Modal(_ref) {
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
 
-  var closeBtnRef = React.useRef(null);
-  var modalBodyTextRef = React.useRef(null);
-  return /*#__PURE__*/React__default.createElement(React.Fragment, null, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
-    initialFocus: closeBtnRef || modalBodyTextRef,
+  var modalContainerRef = React.useRef(null);
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: modalContainerRef
+  }, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
+  , {
     focusTrapOptions: {
-      delayInitialFocus: false,
-      fallbackFocus: closeBtnRef || modalBodyTextRef
-    } // fallback to resolve unit test errors https://github.com/focus-trap/focus-trap-react/issues/91
-    ,
+      delayInitialFocus: true,
+      fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
+    },
     onExit: onExit,
     getApplicationNode: getApplicationNode,
     titleText: modalHeaderText,
@@ -43378,7 +43378,6 @@ var Modal$1 = function Modal(_ref) {
   }, /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "1.5rem"
   }, /*#__PURE__*/React__default.createElement(Box, {
-    ref: modalBodyTextRef,
     borderWidthOverride: noBorder && "0 0 2px 0",
     borderColor: !noBorder && SILVER_GREY,
     padding: !noBorder && "0 0 1.5rem 0",
@@ -43442,7 +43441,6 @@ var Modal$1 = function Modal(_ref) {
   }))) : /*#__PURE__*/React__default.createElement(Box, {
     padding: "0.5rem"
   }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
-    ref: closeBtnRef,
     action: hideModal,
     variant: "primary",
     text: closeButtonText,