@thecb/components 7.0.0-beta.6 → 7.0.0-beta.9

package/dist/index.cjs.js

@@ -43297,8 +43297,6 @@ var getApplicationNode = function getApplicationNode() {
 };
 
 var Modal$1 = function Modal(_ref) {
-  var _ref2, _ref3;
-
   var hideModal = _ref.hideModal,
       _ref$onExit = _ref.onExit,
       onExit = _ref$onExit === void 0 ? hideModal : _ref$onExit,
@@ -43339,16 +43337,16 @@ 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: (_ref2 = closeBtnRef !== null && closeBtnRef !== void 0 ? closeBtnRef : bodyTextContainerRef) !== null && _ref2 !== void 0 ? _ref2 : '#root',
+  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
+  , {
+    initialFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current,
     focusTrapOptions: {
       delayInitialFocus: false,
-      fallbackFocus: (_ref3 = closeBtnRef !== null && closeBtnRef !== void 0 ? closeBtnRef : bodyTextContainerRef) !== null && _ref3 !== void 0 ? _ref3 : '#root'
-    } // 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,
@@ -43381,7 +43379,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",
@@ -43445,7 +43442,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,