@jobber/components-native 0.86.0 → 0.86.1-JOB-136074-c379982.0

package/dist/types/src/utils/buildConfig/isEdgeToEdgeEnabled.d.ts

@@ -0,0 +1 @@
+export declare function isEdgeToEdgeEnabled(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.86.0",
+  "version": "0.86.1-JOB-136074-c379982.0+c379982e9",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -86,6 +86,7 @@
     "react": "^18.2.0",
     "react-intl": "^6.4.2",
     "react-native": ">=0.76.0",
+    "react-native-build-config": "^0.3.2",
     "react-native-gesture-handler": ">=2.10.0",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-modal-datetime-picker": " >=13.0.0",
@@ -95,5 +96,10 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "712019a3de148ba8511e117278495ced049f331f"
+  "peerDependenciesMeta": {
+    "react-native-build-config": {
+      "optional": true
+    }
+  },
+  "gitHead": "c379982e9d83ceef1ec4ffa08f53ce98ed914d8c"
 }

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 { isEdgeToEdgeEnabled } from "../utils/buildConfig/isEdgeToEdgeEnabled";
 import { InputAccessoriesProvider } from "../InputText";
 import { tokens } from "../utils/design";
 import { ErrorMessageProvider } from "../ErrorMessageWrapper";
@@ -134,6 +135,9 @@ function InternalForm<T extends FieldValues, S>({
 
   const styles = useStyles();
 
+  // Check if edge-to-edge is enabled using utility function
+  const edgeToEdgeEnabled = isEdgeToEdgeEnabled();
+
   return (
     <FormProvider {...formMethods}>
       <>
@@ -161,6 +165,7 @@ function InternalForm<T extends FieldValues, S>({
           <KeyboardAwareScrollView
             enableResetScrollToCoords={false}
             enableAutomaticScroll={true}
+            enableOnAndroid={edgeToEdgeEnabled}
             keyboardOpeningTime={
               Platform.OS === "ios" ? tokens["timing-slowest"] : 0
             }
@@ -168,6 +173,7 @@ function InternalForm<T extends FieldValues, S>({
             ref={scrollViewRef}
             {...keyboardProps}
             extraHeight={headerHeight}
+            extraScrollHeight={edgeToEdgeEnabled ? 20 : 0}
             contentContainerStyle={
               !keyboardHeight && styles.scrollContentContainer
             }

package/src/types/buildConfig.d.ts

@@ -0,0 +1,7 @@
+declare module "react-native-build-config" {
+  const BuildConfig: {
+    IS_EDGE_TO_EDGE_ENABLED?: boolean;
+    [k: string]: unknown;
+  };
+  export = BuildConfig;
+}

package/src/utils/buildConfig/isEdgeToEdgeEnabled.ts

@@ -0,0 +1,21 @@
+import { Platform } from "react-native";
+
+type BuildCfg = { IS_EDGE_TO_EDGE_ENABLED?: boolean } | undefined | null;
+
+function loadBuildConfig(): BuildCfg {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const mod = require("react-native-build-config");
+
+    return (mod?.default ?? mod) as BuildCfg;
+  } catch {
+    return null; // module not installed or not linked
+  }
+}
+
+export function isEdgeToEdgeEnabled(): boolean {
+  if (Platform.OS !== "android") return false;
+  const cfg = loadBuildConfig();
+
+  return !!cfg?.IS_EDGE_TO_EDGE_ENABLED;
+}