@jobber/components-native 0.88.1 → 0.89.0

package/dist/types/src/Form/context/AtlantisFormContext.d.ts

@@ -5,6 +5,7 @@ export declare const atlantisFormContextDefaultValues: {
         setLocalCache: () => undefined;
         removeLocalCache: () => undefined;
     };
+    edgeToEdgeEnabled: boolean;
 };
 export declare const AtlantisFormContext: import("react").Context<AtlantisFormContextProps>;
 export declare function useAtlantisFormContext(): AtlantisFormContextProps;

package/dist/types/src/Form/context/types.d.ts

@@ -21,5 +21,6 @@ export interface AtlantisFormContextProps {
         setLocalCache: (data: DeepPartial<TData>) => void;
         removeLocalCache: () => void;
     };
+    edgeToEdgeEnabled?: boolean;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.88.1",
+  "version": "0.89.0",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -94,5 +94,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "02b60328dca8a6166794f853db3219e7b3f9bca1"
+  "gitHead": "11776ee31e17536a81a51c143933031f0601a270"
 }

package/src/Form/Form.tsx

@@ -26,6 +26,7 @@ import { useScrollToError } from "./hooks/useScrollToError";
 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 { tokens } from "../utils/design";
 import { ErrorMessageProvider } from "../ErrorMessageWrapper";
@@ -134,6 +135,8 @@ function InternalForm<T extends FieldValues, S>({
 
   const styles = useStyles();
 
+  const { edgeToEdgeEnabled } = useAtlantisFormContext();
+
   return (
     <FormProvider {...formMethods}>
       <>
@@ -161,6 +164,7 @@ function InternalForm<T extends FieldValues, S>({
           <KeyboardAwareScrollView
             enableResetScrollToCoords={false}
             enableAutomaticScroll={true}
+            enableOnAndroid={edgeToEdgeEnabled}
             keyboardOpeningTime={
               Platform.OS === "ios" ? tokens["timing-slowest"] : 0
             }
@@ -168,6 +172,7 @@ function InternalForm<T extends FieldValues, S>({
             ref={scrollViewRef}
             {...keyboardProps}
             extraHeight={headerHeight}
+            extraScrollHeight={edgeToEdgeEnabled ? tokens["space-large"] : 0}
             contentContainerStyle={
               !keyboardHeight && styles.scrollContentContainer
             }

package/src/Form/context/AtlantisFormContext.tsx

@@ -11,6 +11,7 @@ export const atlantisFormContextDefaultValues = {
     setLocalCache: () => undefined,
     removeLocalCache: () => undefined,
   }),
+  edgeToEdgeEnabled: false,
 };
 
 export const AtlantisFormContext = createContext<AtlantisFormContextProps>(

package/src/Form/context/types.ts

@@ -30,4 +30,5 @@ export interface AtlantisFormContextProps {
     setLocalCache: (data: DeepPartial<TData>) => void;
     removeLocalCache: () => void;
   };
+  edgeToEdgeEnabled?: boolean;
 }