@thecb/components 7.10.1-beta.1 → 7.10.1-beta.3

package/dist/index.esm.js

@@ -47196,6 +47196,25 @@ var fallbackValues$M = {
   modalLinkHoverFocus: modalLinkHoverFocus$2
 };
 
+/* 
+  Hook that takes an ID selector for an element on the screen
+  And optionally values for top position, left position, smooth behavior
+  Finds element on screen and scrolls it to the provided coordinates
+
+  (string, number, number, boolean) => undefined;
+*/
+var useScrollTo = function useScrollTo(id) {
+  var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var left = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var smooth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var scrollItem = document.getElementById(id);
+  scrollItem === null || scrollItem === void 0 ? void 0 : scrollItem.scrollTo({
+    top: top,
+    left: left,
+    smooth: smooth
+  });
+};
+
 var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
   var link = _ref.link,
       _ref$title = _ref.title,
@@ -47215,16 +47234,17 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
       return toggleOpen(false);
     },
     showModal: function showModal() {
-      return toggleOpen(true);
+      toggleOpen(true);
+      useScrollTo("terms-body-text", 0, 0, false);
     },
     modalHeaderText: title,
     modalBodyText: /*#__PURE__*/React.createElement(Box, {
       background: themeValues.backgroundColor,
       border: "1px solid ".concat(themeValues.border),
       borderRadius: "3px",
-      extraStyles: "overflow: scroll; max-height: 20rem;"
+      extraStyles: "overflow: scroll; max-height: 20rem;",
+      id: "terms-body-text"
     }, /*#__PURE__*/React.createElement(Text$1, {
-      id: "terms-body-text",
       variant: "p",
       extraStyles: "& a { text-decoration: underline; }"
     }, terms)),