@jobber/components-native 0.61.0 → 0.61.1

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

@@ -13,6 +13,10 @@ export interface InputTextProps extends Pick<InputFieldWrapperProps, "toolbar" |
      * Disable the input
      */
     readonly disabled?: boolean;
+    /**
+     * Makes the input read-only
+     */
+    readonly readonly?: boolean;
     /**
      * Name of the input.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.61.0",
+  "version": "0.61.1",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -84,5 +84,5 @@
     "react-native-reanimated": "^2.0.0 || ^3.0.0",
     "react-native-safe-area-context": "^4.5.2"
   },
-  "gitHead": "662e7a827dff223858db0606e4f61e5be812b2f8"
+  "gitHead": "795bb0dade3059e9d4fa3e3d1d5e12bfb1a0330d"
 }

package/src/InputText/InputText.test.tsx

@@ -75,6 +75,17 @@ describe("InputText", () => {
       );
     });
 
+    describe("readonly", () => {
+      it.each([[false], [true]])("sets the readOnly to %s", expected => {
+        const { getByTestId } = renderInputText({
+          testID: "InputText",
+          readonly: expected,
+        });
+
+        expect(getByTestId("InputText").props.readOnly).toBe(expected);
+      });
+    });
+
     it("renders a InputText with placeholder", () => {
       const props = { placeholder: "Foobar" };
       renderInputText(props);

package/src/InputText/InputText.tsx

@@ -44,6 +44,11 @@ export interface InputTextProps
    */
   readonly disabled?: boolean;
 
+  /**
+   * Makes the input read-only
+   */
+  readonly readonly?: boolean;
+
   /**
    * Name of the input.
    */
@@ -237,6 +242,7 @@ function InputTextInternal(
   {
     invalid,
     disabled,
+    readonly = false,
     name,
     placeholder,
     assistiveText,
@@ -386,6 +392,8 @@ function InputTextInternal(
           multiline && hasMiniLabel && styles.multiLineInputWithMini,
           styleOverride?.inputText,
         ]}
+        // @ts-expect-error - does exist on 0.71 and up https://github.com/facebook/react-native/pull/39281
+        readOnly={readonly}
         editable={!disabled}
         keyboardType={keyboard}
         value={inputTransform(internalValue)}