@jobber/components-native 0.95.2-JOB-141866-80fe04c.8 → 0.95.2-JOB-141866-990fa70.9

package/dist/types/src/InputText/InputText.d.ts

@@ -6,6 +6,11 @@ import type { RegisterOptions } from "react-hook-form";
 import type { IconNames } from "@jobber/design";
 import type { Clearable } from "@jobber/hooks";
 import type { InputFieldStyleOverride, InputFieldWrapperProps } from "../InputFieldWrapper/InputFieldWrapper";
+/**
+ * Buffer zone in pixels for offscreen detection.
+ * This makes the detection more sensitive by marking the component as offscreen
+ * even if it's technically still visible but within this buffer distance from the edge.
+ */
 export interface InputTextProps extends Pick<InputFieldWrapperProps, "toolbar" | "toolbarVisibility" | "loading" | "loadingType"> {
     /**
      * Highlights the field red and shows message below (if string) to indicate an error

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.95.2-JOB-141866-80fe04c.8+80fe04c86",
+  "version": "0.95.2-JOB-141866-990fa70.9+990fa7081",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -96,5 +96,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "80fe04c86fc91e07591231460c32bc3194072bdc"
+  "gitHead": "990fa708191391b1d9f973c5eccd4dd8ec532424"
 }

package/src/Form/Form.tsx

@@ -26,7 +26,10 @@ import { FormSaveButton } from "./components/FormSaveButton";
 import { useSaveButtonPosition } from "./hooks/useSaveButtonPosition";
 import { FormCache } from "./components/FormCache/FormCache";
 import { useAtlantisFormContext } from "./context/AtlantisFormContext";
-import { InputAccessoriesProvider } from "../InputText";
+import {
+  InputAccessoriesProvider,
+  useInputAccessoriesContext,
+} from "../InputText";
 import { tokens } from "../utils/design";
 import { ErrorMessageProvider } from "../ErrorMessageWrapper";
 
@@ -70,7 +73,7 @@ function InternalForm<T extends FieldValues, S>({
   const { scrollViewRef, bottomViewRef, scrollToTop } = useFormViewRefs();
   const [saveButtonHeight, setSaveButtonHeight] = useState(0);
   const [messageBannerHeight, setMessageBannerHeight] = useState(0);
-  // const { setIsScrolling } = useInputAccessoriesContext();
+  const { setIsScrolling } = useInputAccessoriesContext();
   const {
     formMethods,
     handleSubmit,
@@ -178,12 +181,12 @@ function InternalForm<T extends FieldValues, S>({
             contentContainerStyle={
               !keyboardHeight && styles.scrollContentContainer
             }
-            // onScrollBeginDrag={() => {
-            //   setIsScrolling(true);
-            // }}
-            // onScrollEndDrag={() => {
-            //   setIsScrolling(false);
-            // }}
+            onScrollBeginDrag={() => {
+              setIsScrolling(true);
+            }}
+            onScrollEndDrag={() => {
+              setIsScrolling(false);
+            }}
           >
             <View
               onLayout={({ nativeEvent }) => {

package/src/InputText/InputText.tsx

@@ -29,7 +29,7 @@ import type {
 } from "../InputFieldWrapper/InputFieldWrapper";
 import { InputFieldWrapper } from "../InputFieldWrapper";
 import { useCommonInputStyles } from "../InputFieldWrapper/CommonInputStyles.style";
-import { useScreenInformation } from "../Form/hooks/useScreenInformation";
+// import { useScreenInformation } from "../Form/hooks/useScreenInformation";
 
 /**
  * Buffer zone in pixels for offscreen detection.
@@ -37,7 +37,7 @@ import { useScreenInformation } from "../Form/hooks/useScreenInformation";
  * even if it's technically still visible but within this buffer distance from the edge.
  */
 // 44 (accessory bar height) + 20 (buffer)
-const KEYBOARD_AWARE_DETECTION_BUFFER = 64;
+// const KEYBOARD_AWARE_DETECTION_BUFFER = 64;
 
 export interface InputTextProps
   extends Pick<
@@ -341,6 +341,7 @@ function InputTextInternal(
     unregister,
     setFocusedInput,
     canFocusNext,
+    isScrolling,
     onFocusNext,
   } = useInputAccessoriesContext();
   useEffect(() => {
@@ -442,8 +443,8 @@ function InputTextInternal(
         ]}
         // Prevent focus during scroll for multiline inputs to avoid
         // the input focusing when the user is trying to scroll the form
-        // readOnly={readonly || (multiline && isScrolling && !focused)}
-        readOnly={readonly}
+        readOnly={readonly || (multiline && isScrolling && !focused)}
+        // readOnly={readonly}
         editable={!disabled}
         keyboardType={keyboard}
         value={inputTransform(internalValue)}