@jobber/components-native 0.43.17 → 0.43.18

package/README.md

@@ -46,6 +46,46 @@ transformIgnorePatterns: [
 ],
 ```
 
+Also update the Jest config as to include the `jestSetup.js`
+
+```json
+setupFiles: [
+    ...
+    "./node_modules/@jobber/components-native/jestSetup.js",
+    ...
+  ],
+```
+
+You will also need to create a mock for the Form component
+
+```jsx
+jest.mock("./dist/src/Form", () => {
+  const { Form, AtlantisFormContext, ...Actual } =
+    jest.requireActual("./dist/src/Form");
+  const useConfirmBeforeBack = jest.fn(() => jest.fn());
+  const useInternalFormLocalCache = jest.fn(() => ({
+    setLocalCache: jest.fn(),
+    removeLocalCache: jest.fn(),
+  }));
+  // Or
+  const useConfirmBeforeBack = require("<path-to-your>/useConfirmBeforeBackHook");
+  const useInternalFormLocalCache = require("<path-to-your>/useInternalFormLocalCacheHook");
+  return {
+    ...Actual,
+    AtlantisFormContext: AtlantisFormContext,
+    Form: ({ children, ...props }) => {
+      return (
+        <AtlantisFormContext.Provider
+          value={{ useConfirmBeforeBack, useInternalFormLocalCache }}
+        >
+          <Form {...props}>{children}</Form>
+        </AtlantisFormContext.Provider>
+      );
+    },
+  };
+});
+```
+
 ## Further Reading
 
 More information on Atlantis can be found at

package/dist/src/Form/components/FormActionBar/FormActionBar.js

@@ -1,9 +1,9 @@
 import React from "react";
-import { StyleSheet, View } from "react-native";
+import { StyleSheet } from "react-native";
 import Reanimated from "react-native-reanimated";
 import { styles } from "./FormActionBar.style";
 import { FormSaveButton } from "../FormSaveButton";
-const ReanimatedView = Reanimated.createAnimatedComponent(View);
+const ReanimatedView = Reanimated.View;
 export function FormActionBar({ keyboardHeight, submit, isFormSubmitting, saveButtonLabel, renderStickySection, setSaveButtonHeight, secondaryActions, setSecondaryActionLoading, }) {
     const buttonStyle = StyleSheet.flatten([
         styles.saveButton,

package/dist/src/Form/hooks/useScrollToError/useScrollToError.js

@@ -1,6 +1,6 @@
 import { useCallback, useState } from "react";
 import { Keyboard, Platform, } from "react-native";
-import { useIsScreenReaderEnabled } from "../../../hooks/useIsScreenReaderEnabled";
+import { useIsScreenReaderEnabled } from "../../../hooks";
 import { useErrorMessageContext } from "../../../ErrorMessageWrapper";
 export function useScrollToError({ formState: { errors, isValid, submitCount }, refNode, setFocus, scrollToPosition, }) {
     const [submitCounter, setSubmitCounter] = useState(submitCount);