@jobber/components-native 0.46.0 → 0.46.2

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

@@ -51,6 +51,6 @@ export interface AtlantisContextProps {
      */
     readonly setHeaderHeight: (height: number) => void;
 }
-export declare const defaultValues: AtlantisContextProps;
+export declare const atlantisContextDefaultValues: AtlantisContextProps;
 export declare const AtlantisContext: import("react").Context<AtlantisContextProps>;
 export declare function useAtlantisContext(): AtlantisContextProps;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { AtlantisFormContextProps } from "./types";
-export declare const defaultValues: {
+export declare const atlantisFormContextDefaultValues: {
     useConfirmBeforeBack: () => import("react").MutableRefObject<() => undefined>;
     useInternalFormLocalCache: () => {
         setLocalCache: () => undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.46.0",
+  "version": "0.46.2",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@jobber/design": "^0.44.4",
-    "@jobber/hooks": "^2.1.5",
+    "@jobber/hooks": "^2.2.0",
     "@react-native-clipboard/clipboard": "^1.11.2",
     "@react-native-picker/picker": "^2.4.10",
     "autolinker": "^4.0.0",
@@ -84,5 +84,5 @@
     "react-native-reanimated": "^2.17.0",
     "react-native-safe-area-context": "^4.5.2"
   },
-  "gitHead": "6ff59b16b38fdf784fa15bcfa41eb97181d2f6b0"
+  "gitHead": "3e19cd88bd918e5e8a6c047bc5b3683d60c31451"
 }

package/src/AtlantisContext/AtlantisContext.test.tsx

@@ -4,7 +4,7 @@ import { cleanup, renderHook } from "@testing-library/react-hooks";
 import {
   AtlantisContext,
   AtlantisContextProps,
-  defaultValues,
+  atlantisContextDefaultValues,
   useAtlantisContext,
 } from "./AtlantisContext";
 
@@ -14,6 +14,7 @@ const providerValues: AtlantisContextProps = {
   dateFormat: "MM/DD/YYYY",
   timeFormat: "hh:mm a",
   timeZone: "America/Edmonton",
+  locale: "en",
   isOnline: false,
   onLogError: _ => {
     return;
@@ -31,7 +32,7 @@ describe("AtlantisContext", () => {
     it("should get the default values", () => {
       const { result } = renderHook(() => useAtlantisContext());
 
-      expect(result.current).toMatchObject(defaultValues);
+      expect(result.current).toMatchObject(atlantisContextDefaultValues);
     });
   });
 

package/src/AtlantisContext/AtlantisContext.tsx

@@ -64,7 +64,7 @@ export interface AtlantisContextProps {
   readonly setHeaderHeight: (height: number) => void;
 }
 
-export const defaultValues: AtlantisContextProps = {
+export const atlantisContextDefaultValues: AtlantisContextProps = {
   dateFormat: "PP",
   // The system time is "p"
   timeFormat: "p",
@@ -82,7 +82,7 @@ export const defaultValues: AtlantisContextProps = {
   },
 };
 
-export const AtlantisContext = createContext(defaultValues);
+export const AtlantisContext = createContext(atlantisContextDefaultValues);
 
 export function useAtlantisContext(): AtlantisContextProps {
   return useContext(AtlantisContext);

package/src/ButtonGroup/ButtonGroup.test.tsx

@@ -5,7 +5,7 @@ import { Alert } from "react-native";
 import { ButtonGroup, ButtonGroupProps } from "./ButtonGroup";
 import { Button } from "../Button";
 import * as atlantisContext from "../AtlantisContext/AtlantisContext";
-import { defaultValues as contextDefaultValue } from "../AtlantisContext";
+import { atlantisContextDefaultValues } from "../AtlantisContext";
 
 const mockOnOpen = jest.fn();
 
@@ -300,7 +300,7 @@ describe("ButtonGroup Offline/Online", () => {
   it("should show an alert and not fire the onPress", () => {
     const alertSpy = jest.spyOn(Alert, "alert");
     atlantisContextSpy.mockReturnValue({
-      ...contextDefaultValue,
+      ...atlantisContextDefaultValues,
       isOnline: false,
     });
 

package/src/Form/Form.test.tsx

@@ -4,7 +4,7 @@ import { Alert, Keyboard } from "react-native";
 import { Host } from "react-native-portalize";
 import { Form, FormBannerMessage, FormBannerMessageType } from ".";
 import { FormBannerErrors, FormSubmitErrorType } from "./types";
-import { defaultValues as contextDefaultValue } from "../AtlantisContext";
+import { atlantisContextDefaultValues } from "../AtlantisContext";
 import * as atlantisContext from "../AtlantisContext/AtlantisContext";
 import { Text } from "../Text";
 import { Checkbox } from "../Checkbox";
@@ -476,7 +476,7 @@ describe("Form", () => {
     );
 
     atlantisContextSpy.mockReturnValue({
-      ...contextDefaultValue,
+      ...atlantisContextDefaultValues,
       isOnline: false,
     });
 

package/src/Form/components/FormErrorBanner/FormErrorBanner.test.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { cleanup, render } from "@testing-library/react-native";
 import { FormErrorBanner } from "./FormErrorBanner";
-import { defaultValues as contextDefaultValue } from "../../../AtlantisContext";
+import { atlantisContextDefaultValues } from "../../../AtlantisContext";
 import * as atlantisContext from "../../../AtlantisContext/AtlantisContext";
 
 describe("FormErrorBanner", () => {
@@ -9,7 +9,7 @@ describe("FormErrorBanner", () => {
 
   beforeEach(() => {
     atlantisContextSpy.mockReturnValue({
-      ...contextDefaultValue,
+      ...atlantisContextDefaultValues,
       isOnline: true,
     });
   });

package/src/Form/context/AtlantisFormContext.test.tsx

@@ -3,7 +3,7 @@ import { renderHook } from "@testing-library/react-hooks";
 import { AtlantisFormContextProps } from "./types";
 import {
   AtlantisFormContext,
-  defaultValues,
+  atlantisFormContextDefaultValues,
   useAtlantisFormContext,
 } from "./AtlantisFormContext";
 
@@ -13,7 +13,6 @@ const useInternalFormLocalCacheMock = jest.fn();
 const providerValues: AtlantisFormContextProps = {
   useConfirmBeforeBack: useConfirmBeforeBackMock,
   useInternalFormLocalCache: useInternalFormLocalCacheMock,
-  headerHeight: 50,
 };
 
 describe("AtlantisFormContext", () => {
@@ -25,7 +24,7 @@ describe("AtlantisFormContext", () => {
     it("should get the default values", () => {
       const { result } = renderHook(() => useAtlantisFormContext());
 
-      expect(result.current).toMatchObject(defaultValues);
+      expect(result.current).toMatchObject(atlantisFormContextDefaultValues);
     });
   });
 

package/src/Form/context/AtlantisFormContext.tsx

@@ -1,7 +1,7 @@
 import { createContext, useContext, useRef } from "react";
 import { AtlantisFormContextProps } from "./types";
 
-export const defaultValues = {
+export const atlantisFormContextDefaultValues = {
   useConfirmBeforeBack: () => {
     const ref = useRef(() => undefined);
     return ref;
@@ -12,8 +12,9 @@ export const defaultValues = {
   }),
 };
 
-export const AtlantisFormContext =
-  createContext<AtlantisFormContextProps>(defaultValues);
+export const AtlantisFormContext = createContext<AtlantisFormContextProps>(
+  atlantisFormContextDefaultValues,
+);
 
 export function useAtlantisFormContext(): AtlantisFormContextProps {
   return useContext(AtlantisFormContext);

package/src/InputCurrency/InputCurrency.test.tsx

@@ -4,12 +4,12 @@ import { InputCurrency } from "./InputCurrency";
 import {
   AtlantisContext,
   AtlantisContextProps,
-  defaultValues,
+  atlantisContextDefaultValues,
 } from "../AtlantisContext";
 
 const mockCurrencySymbol = "£";
 const atlantisContext: AtlantisContextProps = {
-  ...defaultValues,
+  ...atlantisContextDefaultValues,
   currencySymbol: mockCurrencySymbol,
   timeFormat: "p",
   timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,

package/src/InputDate/InputDate.test.tsx

@@ -238,7 +238,7 @@ describe("InputDate", () => {
 
     it("should display MM/DD/YYYY when dateFormat is 'P'", () => {
       jest.spyOn(atlantisContext, "useAtlantisContext").mockReturnValue({
-        ...atlantisContext.defaultValues,
+        ...atlantisContext.atlantisContextDefaultValues,
         dateFormat: "P",
       });
       const expectedDate = "05/24/2023";
@@ -252,7 +252,7 @@ describe("InputDate", () => {
 
     it("should display mmmm d, yyyy when dateFormat is 'PP'", () => {
       jest.spyOn(atlantisContext, "useAtlantisContext").mockReturnValue({
-        ...atlantisContext.defaultValues,
+        ...atlantisContext.atlantisContextDefaultValues,
         dateFormat: "PP",
       });
       const expectedDate = "Feb 20, 2023";
@@ -266,7 +266,7 @@ describe("InputDate", () => {
 
     it("should display mmmmm d, yyyy when dateFormat is 'PPP'", () => {
       jest.spyOn(atlantisContext, "useAtlantisContext").mockReturnValue({
-        ...atlantisContext.defaultValues,
+        ...atlantisContext.atlantisContextDefaultValues,
         dateFormat: "PPP",
       });
       const expectedDate = "July 7th, 2023";
@@ -280,7 +280,7 @@ describe("InputDate", () => {
 
     it("should display dddd, mmmmm d, yyyy when dateFormat is 'PPPP'", () => {
       jest.spyOn(atlantisContext, "useAtlantisContext").mockReturnValue({
-        ...atlantisContext.defaultValues,
+        ...atlantisContext.atlantisContextDefaultValues,
         dateFormat: "PPPP",
       });
       const expectedDate = "Thursday, June 22nd, 2023";

package/src/InputText/context/InputAccessoriesContext.ts

@@ -1,7 +1,7 @@
 import { createContext, useContext } from "react";
 import { InputAccessoriesContextProps } from "./types";
 
-const defaultValues: InputAccessoriesContextProps = {
+const inputAccessoriesContextDefaultValues: InputAccessoriesContextProps = {
   elements: {},
   focusedInput: "",
   canFocusNext: false,
@@ -14,7 +14,9 @@ const defaultValues: InputAccessoriesContextProps = {
   setFocusedInput: () => undefined,
 };
 
-export const InputAccessoriesContext = createContext(defaultValues);
+export const InputAccessoriesContext = createContext(
+  inputAccessoriesContextDefaultValues,
+);
 
 export function useInputAccessoriesContext(): InputAccessoriesContextProps {
   return useContext(InputAccessoriesContext);

package/src/InputTime/InputTime.test.tsx

@@ -162,7 +162,7 @@ describe("Time picker", () => {
 
     it("should be set to 24 hours", () => {
       jest.spyOn(atlantisContext, "useAtlantisContext").mockReturnValue({
-        ...atlantisContext.defaultValues,
+        ...atlantisContext.atlantisContextDefaultValues,
         timeZone: "UTC",
         timeFormat: "HH:mm",
       });
@@ -295,7 +295,7 @@ describe("Timezone conversion", () => {
     );
   it("should display the time in the account timezone", async () => {
     jest.spyOn(atlantisContext, "useAtlantisContext").mockReturnValue({
-      ...atlantisContext.defaultValues,
+      ...atlantisContext.atlantisContextDefaultValues,
       timeZone: "America/Los_Angeles",
     });
 
@@ -309,7 +309,7 @@ describe("Timezone conversion", () => {
 
   it("should have the correct offset on the time picker", async () => {
     jest.spyOn(atlantisContext, "useAtlantisContext").mockReturnValue({
-      ...atlantisContext.defaultValues,
+      ...atlantisContext.atlantisContextDefaultValues,
       timeZone: "America/Los_Angeles",
     });
 

package/src/hooks/useAtlantisI18n/useAtlantisI18n.test.ts

@@ -36,7 +36,10 @@ describe("useAtlantisI18n", () => {
 
   describe("Español", () => {
     it("should return español", () => {
-      spy.mockReturnValueOnce({ ...context.defaultValues, locale: "es" });
+      spy.mockReturnValueOnce({
+        ...context.atlantisContextDefaultValues,
+        locale: "es",
+      });
       const { result } = renderHook(useAtlantisI18n);
 
       expect(result.current.t("cancel")).toBe("Cancelar");
@@ -45,7 +48,10 @@ describe("useAtlantisI18n", () => {
 
   describe("Unsupported language", () => {
     it("should return the english translation", () => {
-      spy.mockReturnValueOnce({ ...context.defaultValues, locale: "fr" });
+      spy.mockReturnValueOnce({
+        ...context.atlantisContextDefaultValues,
+        locale: "fr",
+      });
       const { result } = renderHook(useAtlantisI18n);
 
       expect(result.current.t("cancel")).toBe("Cancel");
@@ -65,7 +71,10 @@ describe("useAtlantisI18n", () => {
     });
 
     it("should return the date formatted for es", () => {
-      spy.mockReturnValueOnce({ ...context.defaultValues, locale: "es" });
+      spy.mockReturnValueOnce({
+        ...context.atlantisContextDefaultValues,
+        locale: "es",
+      });
 
       const { result } = renderHook(useAtlantisI18n);
       expect(result.current.formatDate(testDate)).toBe("1 ene 2020");
@@ -79,7 +88,10 @@ describe("useAtlantisI18n", () => {
         ["Europe/London", "Jan 1, 2020"],
         ["Australia/Sydney", "Jan 1, 2020"],
       ])("should return the %s time", (timeZone, expected) => {
-        spy.mockReturnValueOnce({ ...context.defaultValues, timeZone });
+        spy.mockReturnValueOnce({
+          ...context.atlantisContextDefaultValues,
+          timeZone,
+        });
 
         const { result } = renderHook(useAtlantisI18n);
         expect(result.current.formatDate(testDate)).toBe(expected);
@@ -94,7 +106,10 @@ describe("useAtlantisI18n", () => {
     });
 
     it("should return the date formatted for es", () => {
-      spy.mockReturnValueOnce({ ...context.defaultValues, locale: "es" });
+      spy.mockReturnValueOnce({
+        ...context.atlantisContextDefaultValues,
+        locale: "es",
+      });
 
       const { result } = renderHook(useAtlantisI18n);
       expect(result.current.formatTime(testDate)).toBe("00:00");
@@ -108,7 +123,10 @@ describe("useAtlantisI18n", () => {
         ["Europe/London", "12:00 AM"],
         ["Australia/Sydney", "11:00 AM"],
       ])("should return the %s zoned time", (timeZone, expected) => {
-        spy.mockReturnValueOnce({ ...context.defaultValues, timeZone });
+        spy.mockReturnValueOnce({
+          ...context.atlantisContextDefaultValues,
+          timeZone,
+        });
 
         const { result } = renderHook(useAtlantisI18n);
         expect(result.current.formatTime(testDate)).toBe(expected);
@@ -121,7 +139,10 @@ describe("useAtlantisI18n", () => {
         ["Europe/London", "1:00 AM"],
         ["Australia/Sydney", "10:00 AM"],
       ])("should return the %s spring zoned time", (timeZone, expected) => {
-        spy.mockReturnValueOnce({ ...context.defaultValues, timeZone });
+        spy.mockReturnValueOnce({
+          ...context.atlantisContextDefaultValues,
+          timeZone,
+        });
 
         const { result } = renderHook(useAtlantisI18n);
         expect(result.current.formatTime(dateAfterSpringForward)).toBe(