@thecb/components 7.10.1-beta.2 → 7.10.1-beta.4

package/dist/index.esm.js

@@ -48621,6 +48621,43 @@ var generateShadows = function generateShadows(baseColorRGB) {
   };
 };
 
+/* 
+  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, string, number) => 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 behavior = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "auto";
+  var delay = arguments.length > 4 ? arguments[4] : undefined;
+  var scrollItem;
+
+  if (delay) {
+    setTimeout(function () {
+      var _scrollItem;
+
+      scrollItem = document.getElementById(id);
+      (_scrollItem = scrollItem) === null || _scrollItem === void 0 ? void 0 : _scrollItem.scrollTo({
+        top: top,
+        left: left,
+        behavior: behavior
+      });
+    }, delay);
+  } else {
+    var _scrollItem2;
+
+    scrollItem = document.getElementById(id);
+    (_scrollItem2 = scrollItem) === null || _scrollItem2 === void 0 ? void 0 : _scrollItem2.scrollTo({
+      top: top,
+      left: left,
+      behavior: behavior
+    });
+  }
+};
+
 var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
   var _ref$showCheckbox = _ref.showCheckbox,
       showCheckbox = _ref$showCheckbox === void 0 ? true : _ref$showCheckbox,
@@ -48654,6 +48691,15 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
       toggleShowTerms = _useState2[1];
 
   var standardBoxShadow = generateShadows().standard.base;
+
+  var toggleTerms = function toggleTerms(termsOpen) {
+    toggleShowTerms(termsOpen);
+
+    if (termsOpen) {
+      useScrollTo("terms-body-text", 0, 0, "smooth", 100);
+    }
+  };
+
   return /*#__PURE__*/React.createElement(Box, {
     padding: displayInline ? "0" : "1.5rem",
     minWidth: displayInline ? "0" : "100%",
@@ -48689,7 +48735,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     link: linkText,
     terms: terms,
     isOpen: showTerms,
-    toggleOpen: toggleShowTerms,
+    toggleOpen: toggleTerms,
     linkVariant: modalVariant,
     title: modalTitle
   })), showCheckbox && hasError && /*#__PURE__*/React.createElement(Text$1, {