@thecb/components 9.2.7-beta.2 → 9.2.7-beta.3

package/dist/index.cjs.js

@@ -45751,7 +45751,9 @@ var Modal$1 = function Modal(_ref) {
       buttonExtraStyles = _ref.buttonExtraStyles,
       children = _ref.children,
       _ref$dataQa = _ref.dataQa,
-      dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa;
+      dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
+      _ref$initialFocus = _ref.initialFocus,
+      initialFocus = _ref$initialFocus === void 0 ? null : _ref$initialFocus;
 
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
@@ -45761,7 +45763,7 @@ var Modal$1 = function Modal(_ref) {
     ref: modalContainerRef,
     "data-qa": dataQa
   }, 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
-  , {
+  , _extends({
     focusTrapOptions: {
       fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
     },
@@ -45779,7 +45781,9 @@ var Modal$1 = function Modal(_ref) {
     },
     underlayClickExits: underlayClickExits,
     "aria-modal": true
-  }, /*#__PURE__*/React__default.createElement(Box, {
+  }, initialFocus ? {
+    initialFocus: initialFocus
+  } : {}), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     borderRadius: "2px",
     boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
@@ -47773,8 +47777,10 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
       variant = _ref.variant,
       _ref$linkVariant = _ref.linkVariant,
       linkVariant = _ref$linkVariant === void 0 ? "p" : _ref$linkVariant,
-      themeValues = _ref.themeValues;
-  return /*#__PURE__*/React__default.createElement(Modal$1, {
+      themeValues = _ref.themeValues,
+      _ref$initialFocus = _ref.initialFocus,
+      initialFocus = _ref$initialFocus === void 0 ? null : _ref$initialFocus;
+  return /*#__PURE__*/React__default.createElement(Modal$1, _extends({
     modalOpen: isOpen,
     hideModal: function hideModal() {
       return toggleOpen(false);
@@ -47799,9 +47805,10 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
     continueAction: function continueAction() {
       toggleAccepted(true);
       toggleOpen(false);
-    },
-    initialFocus: "[role='button']"
-  }, /*#__PURE__*/React__default.createElement(Text$1, {
+    }
+  }, initialFocus ? {
+    initialFocus: initialFocus
+  } : {}), /*#__PURE__*/React__default.createElement(Text$1, {
     variant: linkVariant,
     onClick: function onClick() {
       return toggleOpen(true);