@jobber/components-native 0.95.2 → 0.95.3

package/dist/types/src/Form/components/IOSKeyboardAwareScrollViewSpacer/IOSKeyboardAwareScrollViewSpacer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * This is a spacer to help prevent issues with the KeyboardAwareScrollView on iOS.
+ * This will be removed as a part of JOB-147156
+ */
+export declare function IOSKeyboardAwareScrollViewSpacer(): React.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.95.2",
+  "version": "0.95.3",
   "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": "33b55b62a1a0046c1021d15feba75d331123e89d"
+  "gitHead": "d082bc71718efe42e118b1f3adcd9007bb1923cb"
 }

package/src/Form/Form.tsx

@@ -27,6 +27,7 @@ import { FormSaveButton } from "./components/FormSaveButton";
 import { useSaveButtonPosition } from "./hooks/useSaveButtonPosition";
 import { FormCache } from "./components/FormCache/FormCache";
 import { useAtlantisFormContext } from "./context/AtlantisFormContext";
+import { IOSKeyboardAwareScrollViewSpacer } from "./components/IOSKeyboardAwareScrollViewSpacer/IOSKeyboardAwareScrollViewSpacer";
 import { InputAccessoriesProvider } from "../InputText";
 import { tokens } from "../utils/design";
 import { ErrorMessageProvider } from "../ErrorMessageWrapper";
@@ -216,6 +217,9 @@ function InternalForm<T extends FieldValues, S>({
                           onCloseBottomSheet={() => setIsBottomSheetOpen(false)}
                         />
                       )}
+                      {disableKeyboardAwareScroll && (
+                        <IOSKeyboardAwareScrollViewSpacer />
+                      )}
                     </View>
                   )}
                   {renderFooter}

package/src/Form/components/IOSKeyboardAwareScrollViewSpacer/IOSKeyboardAwareScrollViewSpacer.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { Platform, View } from "react-native";
+
+/**
+ * This is a spacer to help prevent issues with the KeyboardAwareScrollView on iOS.
+ * This will be removed as a part of JOB-147156
+ */
+export function IOSKeyboardAwareScrollViewSpacer() {
+  if (Platform.OS === "ios") {
+    return <View style={{ height: 400 }} />;
+  }
+
+  return null;
+}