@jobber/components-native 0.95.1-CLEANUPfi-c27afbd.0 → 0.95.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.95.1-CLEANUPfi-c27afbd.0+c27afbdf1",
+  "version": "0.95.1",
   "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": "c27afbdf1236cd8a23a64ef0be784c7b0f793ddb"
+  "gitHead": "e51bd48b5eaa0e15ffb13f3c7745527c40997454"
 }

package/src/InputText/InputText.test.tsx

@@ -8,7 +8,7 @@ import {
   waitFor,
 } from "@testing-library/react-native";
 import type { TextStyle } from "react-native";
-import { Platform } from "react-native";
+import { Button, Platform } from "react-native";
 import { FormProvider, useForm } from "react-hook-form";
 import type { InputTextProps } from "./InputText";
 import { InputText } from "./InputText";
@@ -623,6 +623,120 @@ describe("InputText", () => {
       });
     });
   });
+
+  describe("with FormProvider", () => {
+    const mockOnSubmit = jest.fn();
+    const inputName = "testInput";
+    const inputAccessibilityLabel = "Test Input";
+    const saveButtonText = "Save";
+
+    function FormWithProvider({
+      defaultValue,
+    }: {
+      readonly defaultValue?: string;
+    }) {
+      const formMethods = useForm();
+
+      return (
+        <FormProvider {...formMethods}>
+          <InputText
+            name={inputName}
+            defaultValue={defaultValue}
+            accessibilityLabel={inputAccessibilityLabel}
+          />
+          <Button
+            onPress={formMethods.handleSubmit(values => mockOnSubmit(values))}
+            title={saveButtonText}
+            accessibilityLabel={saveButtonText}
+          />
+        </FormProvider>
+      );
+    }
+
+    beforeEach(() => {
+      mockOnSubmit.mockClear();
+    });
+
+    describe("defaultValue prop sets form value", () => {
+      it("sets form value to string when defaultValue is provided", async () => {
+        const testValue = "test value";
+        const { getByLabelText } = render(
+          <FormWithProvider defaultValue={testValue} />,
+        );
+
+        const saveButton = getByLabelText(saveButtonText);
+        await waitFor(() => {
+          fireEvent.press(saveButton);
+        });
+
+        expect(mockOnSubmit).toHaveBeenCalledWith({
+          [inputName]: testValue,
+        });
+      });
+
+      it("sets form value to undefined when defaultValue is undefined", async () => {
+        const { getByLabelText } = render(<FormWithProvider />);
+
+        const saveButton = getByLabelText(saveButtonText);
+        await waitFor(() => {
+          fireEvent.press(saveButton);
+        });
+
+        expect(mockOnSubmit).toHaveBeenCalledWith({
+          [inputName]: undefined,
+        });
+      });
+
+      it("sets form value to undefined when defaultValue is empty string", async () => {
+        const { getByLabelText } = render(<FormWithProvider defaultValue="" />);
+
+        const saveButton = getByLabelText(saveButtonText);
+        await waitFor(() => {
+          fireEvent.press(saveButton);
+        });
+
+        expect(mockOnSubmit).toHaveBeenCalledWith({
+          [inputName]: undefined,
+        });
+      });
+    });
+
+    describe("input value updates form value", () => {
+      it("updates form value when input text is changed", async () => {
+        const { getByLabelText } = render(
+          <FormWithProvider defaultValue="initial" />,
+        );
+
+        const input = getByLabelText(inputAccessibilityLabel);
+        fireEvent.changeText(input, "new value");
+
+        const saveButton = getByLabelText(saveButtonText);
+        await waitFor(() => {
+          fireEvent.press(saveButton);
+        });
+
+        expect(mockOnSubmit).toHaveBeenCalledWith({
+          [inputName]: "new value",
+        });
+      });
+
+      it("preserves defaultValue when input is not interacted with", async () => {
+        const testValue = "preserved value";
+        const { getByLabelText } = render(
+          <FormWithProvider defaultValue={testValue} />,
+        );
+
+        const saveButton = getByLabelText(saveButtonText);
+        await waitFor(() => {
+          fireEvent.press(saveButton);
+        });
+
+        expect(mockOnSubmit).toHaveBeenCalledWith({
+          [inputName]: testValue,
+        });
+      });
+    });
+  });
 });
 
 describe("Transform", () => {

package/src/hooks/useFormController.ts

@@ -40,7 +40,7 @@ export function useFormController<T>({
     name: fieldName,
     control,
     rules: validations,
-    defaultValue: value ?? undefined,
+    defaultValue: typeof value === "boolean" ? value : value || undefined,
   });
 
   // The naming convention established by react-hook-form for arrays of fields is, for example, "emails.0.description".