@thecb/components 7.0.0-beta.5 → 7.0.0-beta.8

package/dist/index.cjs.js

@@ -43337,16 +43337,17 @@ var Modal$1 = function Modal(_ref) {
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
 
-  var closeBtnRef = React.useRef(null);
-  var bodyTextContainerRef = React.useRef(null);
-  debugger;
-  return /*#__PURE__*/React__default.createElement(React.Fragment, null, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
-    initialFocus: closeBtnRef !== null && closeBtnRef !== void 0 ? closeBtnRef : bodyTextContainerRef,
+  var modalContainerRef = React.useRef(null);
+  return /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0",
+    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
+  , {
+    initialFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current,
     focusTrapOptions: {
       delayInitialFocus: false,
-      fallbackFocus: closeBtnRef !== null && closeBtnRef !== void 0 ? closeBtnRef : bodyTextContainerRef
-    } // fallback to resolve unit test errors https://github.com/focus-trap/focus-trap-react/issues/91
-    ,
+      fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
+    },
     onExit: onExit,
     getApplicationNode: getApplicationNode,
     titleText: modalHeaderText,
@@ -43379,7 +43380,6 @@ var Modal$1 = function Modal(_ref) {
   }, /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "1.5rem"
   }, /*#__PURE__*/React__default.createElement(Box, {
-    ref: bodyTextContainerRef,
     borderWidthOverride: noBorder && "0 0 2px 0",
     borderColor: !noBorder && SILVER_GREY,
     padding: !noBorder && "0 0 1.5rem 0",
@@ -43443,7 +43443,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,