@awell-health/ui-library 0.1.111 → 0.1.112

package/dist/index.js

@@ -48498,29 +48498,20 @@ var     Kr=[{
         }) }));
     };
 
-    var useScrollHint = function (fixPosition) {
-      if (fixPosition === void 0) {fixPosition = false;}
+    var useScrollHint = function () {
       var _a = React.useState(false),showScrollHint = _a[0],setShowScrollHint = _a[1];
       var rafIdRef = React.useRef();
       var checkScrollHint = React.useCallback(function () {
-        if (fixPosition) {
-          var isPageScrollable = document.documentElement.scrollHeight > window.innerHeight;
-          var isAtBottom = Math.ceil(window.scrollY + window.innerHeight) >=
-          document.documentElement.scrollHeight - 5;
-          setShowScrollHint(isPageScrollable && !isAtBottom);
-        } else
-        {
-          var mainContentEl = document.getElementById('ahp_main_content_with_scroll_hint');
-          if (!mainContentEl) {
-            setShowScrollHint(false);
-            return;
-          }
-          var isScrollable = mainContentEl.scrollHeight > mainContentEl.offsetHeight;
-          var isAtBottom = Math.ceil(mainContentEl.scrollTop + mainContentEl.offsetHeight) >=
-          mainContentEl.scrollHeight - 5;
-          setShowScrollHint(isScrollable && !isAtBottom);
+        var mainContentEl = document.getElementById('ahp_main_content_with_scroll_hint');
+        if (!mainContentEl) {
+          setShowScrollHint(false);
+          return;
         }
-      }, [fixPosition]);
+        var isScrollable = mainContentEl.scrollHeight > mainContentEl.offsetHeight;
+        var isAtBottom = Math.ceil(mainContentEl.scrollTop + mainContentEl.offsetHeight) >=
+        mainContentEl.scrollHeight - 5;
+        setShowScrollHint(isScrollable && !isAtBottom);
+      }, []);
       var debouncedCheckScrollHint = React.useCallback(function () {
         if (rafIdRef.current) {
           cancelAnimationFrame(rafIdRef.current);
@@ -48532,52 +48523,31 @@ var     Kr=[{
         var rafCheck = requestAnimationFrame(function () {
           checkScrollHint();
         });
-        if (fixPosition) {
-          window.addEventListener('resize', checkScrollHint);
-          window.addEventListener('scroll', checkScrollHint);
-          var mutationObserver_1 = new MutationObserver(debouncedCheckScrollHint);
-          mutationObserver_1.observe(document.body, {
+        var mainContentEl = document.getElementById('ahp_main_content_with_scroll_hint');
+        window.addEventListener('resize', checkScrollHint);
+        if (mainContentEl) {
+          mainContentEl.addEventListener('scroll', checkScrollHint);
+        }
+        var mutationObserver = new MutationObserver(debouncedCheckScrollHint);
+        if (mainContentEl) {
+          mutationObserver.observe(mainContentEl, {
             childList: true,
             subtree: true,
             attributes: false });
 
-          return function () {
-            cancelAnimationFrame(rafCheck);
-            if (rafIdRef.current) {
-              cancelAnimationFrame(rafIdRef.current);
-            }
-            window.removeEventListener('resize', checkScrollHint);
-            window.removeEventListener('scroll', checkScrollHint);
-            mutationObserver_1.disconnect();
-          };
-        } else
-        {
-          var mainContentEl_1 = document.getElementById('ahp_main_content_with_scroll_hint');
-          window.addEventListener('resize', checkScrollHint);
-          if (mainContentEl_1) {
-            mainContentEl_1.addEventListener('scroll', checkScrollHint);
+        }
+        return function () {
+          cancelAnimationFrame(rafCheck);
+          if (rafIdRef.current) {
+            cancelAnimationFrame(rafIdRef.current);
           }
-          var mutationObserver_2 = new MutationObserver(debouncedCheckScrollHint);
-          if (mainContentEl_1) {
-            mutationObserver_2.observe(mainContentEl_1, {
-              childList: true,
-              subtree: true,
-              attributes: false });
-
+          window.removeEventListener('resize', checkScrollHint);
+          if (mainContentEl) {
+            mainContentEl.removeEventListener('scroll', checkScrollHint);
           }
-          return function () {
-            cancelAnimationFrame(rafCheck);
-            if (rafIdRef.current) {
-              cancelAnimationFrame(rafIdRef.current);
-            }
-            window.removeEventListener('resize', checkScrollHint);
-            if (mainContentEl_1) {
-              mainContentEl_1.removeEventListener('scroll', checkScrollHint);
-            }
-            mutationObserver_2.disconnect();
-          };
-        }
-      }, [fixPosition, checkScrollHint, debouncedCheckScrollHint]);
+          mutationObserver.disconnect();
+        };
+      }, [checkScrollHint, debouncedCheckScrollHint]);
       return {
         showScrollHint: showScrollHint };
 
@@ -48587,7 +48557,7 @@ var     Kr=[{
 
     var HostedPageFooter = function (_a) {
       var children = _a.children,_b = _a.hideScrollHint,hideScrollHint = _b === void 0 ? false : _b,_c = _a.fixPosition,fixPosition = _c === void 0 ? false : _c;
-      var showScrollHint = useScrollHint(fixPosition).showScrollHint;
+      var showScrollHint = useScrollHint().showScrollHint;
       var footerClass = fixPosition ?
       "".concat(classes$7.footer, " ").concat(classes$7.fixed) :
       classes$7.footer;
@@ -49451,8 +49421,7 @@ var     Kr=[{
 
     var TraditionalForm = function (_a) {
       var form = _a.form,onSubmit = _a.onSubmit,buttonLabels = _a.buttonLabels,evaluateDisplayConditions = _a.evaluateDisplayConditions,errorLabels = _a.errorLabels,storedAnswers = _a.storedAnswers,onAnswersChange = _a.onAnswersChange,_b = _a.autosaveAnswers,autosaveAnswers = _b === void 0 ? true : _b,questionLabels = _a.questionLabels,onFileUpload = _a.onFileUpload;
-      var _c = useTheme(),updateLayoutMode = _c.updateLayoutMode,resetLayoutMode = _c.resetLayoutMode;
-      var _d = useTraditionalForm({
+      var _c = useTraditionalForm({
         questions: form.questions,
         onSubmit: onSubmit,
         evaluateDisplayConditions: evaluateDisplayConditions,
@@ -49460,13 +49429,7 @@ var     Kr=[{
         storedAnswers: storedAnswers,
         autosaveAnswers: autosaveAnswers,
         onAnswersChange: onAnswersChange }),
-      updateQuestionVisibility = _d.updateQuestionVisibility,submitForm = _d.submitForm,isSubmittingForm = _d.isSubmittingForm,_e = _d.formMethods,control = _e.control,getValues = _e.getValues,errors = _d.errors,questionWithVisiblity = _d.questionWithVisiblity,formHasErrors = _d.formHasErrors;
-      React.useEffect(function () {
-        updateLayoutMode('flexible');
-        return function () {
-          resetLayoutMode();
-        };
-      });
+      updateQuestionVisibility = _c.updateQuestionVisibility,submitForm = _c.submitForm,isSubmittingForm = _c.isSubmittingForm,_d = _c.formMethods,control = _d.control,getValues = _d.getValues,errors = _c.errors,questionWithVisiblity = _c.questionWithVisiblity,formHasErrors = _c.formHasErrors;
       return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx("main", __assign({ id: "ahp_main_content_with_scroll_hint", className: clsx(layoutClasses.main_content, classes$4.traditional_form) }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: clsx(classes$4.container, classes$4.traditional_container) }, { children: [!questionWithVisiblity ? jsxRuntime.exports.jsx("div", __assign({ className: classes$4.loadingContainer }, { children: jsxRuntime.exports.jsx(LoadActivityPlaceholder, {}) })) : jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx("div", { children: questionWithVisiblity.
                 filter(function (vb) {return vb.visible;}).
                 map(function (visibleQuestion) {return jsxRuntime.exports.jsx("div", __assign({ className: classes$4.traditional_form_question }, { children: jsxRuntime.exports.jsx(Question, { question: visibleQuestion, control: control, getValues: getValues, errors: errors, inputAutoFocus: false, onAnswerChange: updateQuestionVisibility, labels: questionLabels, onFileUpload: onFileUpload }, visibleQuestion.id) }), visibleQuestion.id);}) }) }), (form === null || form === void 0 ? void 0 : form.trademark) && jsxRuntime.exports.jsx("div", __assign({ className: classes$4.trademark }, { children: form.trademark }))] })) })), jsxRuntime.exports.jsx(HostedPageFooter, __assign({ fixPosition: true }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: classes$4.traditional_button_wrapper }, { children: [formHasErrors && jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx(Text, __assign({ variant: "textSmall", color: "var(--awell-signalError100)" }, { children: errorLabels.formHasErrors })) }), jsxRuntime.exports.jsx("div", {}), jsxRuntime.exports.jsx(Button, __assign({ onClick: submitForm, type: "submit", "data-cy": "submitFormButton", disabled: isSubmittingForm }, { children: buttonLabels.submit }))] })) }))] });

package/dist/types/hooks/useScrollHint/useScrollHint.d.ts

@@ -1,5 +1,5 @@
 interface UseScrollHintHook {
     showScrollHint: boolean;
 }
-export declare const useScrollHint: (fixPosition?: boolean) => UseScrollHintHook;
+export declare const useScrollHint: () => UseScrollHintHook;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.111",
+  "version": "0.1.112",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",