@jobber/components-native 0.48.5 → 0.48.7

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

@@ -28,7 +28,7 @@ export interface InputTextProps {
     /**
      * Determines what keyboard is shown
      */
-    keyboard?: "default" | "numeric" | "phone-pad" | "email-address" | "numbers-and-punctuation" | "decimal-pad";
+    readonly keyboard?: "default" | "numeric" | "phone-pad" | "email-address" | "numbers-and-punctuation" | "decimal-pad";
     /**
      * Set the component to a given value
      */
@@ -49,21 +49,21 @@ export interface InputTextProps {
      * Simplified callback that only provides the new value
      * @param newValue
      */
-    onChangeText?: (newValue: string) => void;
+    readonly onChangeText?: (newValue: string) => void;
     /**
      * Callback that is called when the text input's submit button is pressed
      * @param event
      */
-    onSubmitEditing?: (event?: SyntheticEvent) => void;
+    readonly onSubmitEditing?: (event?: SyntheticEvent) => void;
     /**
      * Callback that is called when the text input is focused
      * @param event
      */
-    onFocus?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+    readonly onFocus?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void;
     /**
      * Callback that is called when the text input is blurred
      */
-    onBlur?: () => void;
+    readonly onBlur?: () => void;
     /**
      * VoiceOver will read this string when a user selects the associated element
      */
@@ -125,7 +125,7 @@ export interface InputTextProps {
      * "input" is a function that transform the value to the string format that should be shown to the user
      * "output" is a function that transform the string representation of the value to the value that is sent to onChange and the form
      */
-    transform?: {
+    readonly transform?: {
         input?: (v: any) => string | undefined;
         output?: (v: string | undefined) => any;
     };
@@ -140,7 +140,7 @@ export interface InputTextProps {
     /**
      * Used to locate this view in end-to-end tests
      */
-    testID?: string;
+    readonly testID?: string;
     /**
      * Use secure text entry
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.48.5",
+  "version": "0.48.7",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -36,7 +36,7 @@
     "build:clean": "rm -rf ./dist"
   },
   "dependencies": {
-    "@jobber/design": "^0.47.1",
+    "@jobber/design": "^0.47.2",
     "@jobber/hooks": "^2.7.2",
     "@react-native-clipboard/clipboard": "^1.11.2",
     "@react-native-picker/picker": "^2.4.10",
@@ -84,5 +84,5 @@
     "react-native-reanimated": "^2.17.0",
     "react-native-safe-area-context": "^4.5.2"
   },
-  "gitHead": "e925163219d4d3c15d78318cfff03f6240c19ef3"
+  "gitHead": "b6dbe9fe7f60bc1102c8aec4d8e8486706e3727c"
 }

package/src/Form/Form.tsx

@@ -39,6 +39,7 @@ export function Form<T extends FieldValues, S>({
   ...rest
 }: FormProps<T, S>): JSX.Element {
   const child = initialLoading ? <FormMask /> : <InternalForm {...rest} />;
+
   return (
     <InputAccessoriesProvider>
       <ErrorMessageProvider>{child}</ErrorMessageProvider>
@@ -223,6 +224,7 @@ function InternalForm<T extends FieldValues, S>({
     </FormProvider>
   );
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function handleKeyboardShow(frames: Record<string, any>) {
     setKeyboardScreenY(frames.endCoordinates.screenY);
     setKeyboardHeight(frames.endCoordinates.height);
@@ -245,6 +247,7 @@ function InternalForm<T extends FieldValues, S>({
 
   async function internalSubmit(data: FormValues<T>) {
     let performSubmit = true;
+
     if (onBeforeSubmit) {
       performSubmit = await onBeforeSubmit(data);
     }
@@ -280,8 +283,10 @@ function InternalForm<T extends FieldValues, S>({
     // when the form had no internet connection
     formMethods.clearErrors("offline");
   }
+
   function handleRetry() {
     clearFormErrors();
+
     return handleSubmit(internalSubmit)();
   }
 

package/src/InputText/InputText.tsx

@@ -65,7 +65,7 @@ export interface InputTextProps {
   /**
    * Determines what keyboard is shown
    */
-  keyboard?:
+  readonly keyboard?:
     | "default"
     | "numeric"
     | "phone-pad"
@@ -97,24 +97,26 @@ export interface InputTextProps {
    * Simplified callback that only provides the new value
    * @param newValue
    */
-  onChangeText?: (newValue: string) => void;
+  readonly onChangeText?: (newValue: string) => void;
 
   /**
    * Callback that is called when the text input's submit button is pressed
    * @param event
    */
-  onSubmitEditing?: (event?: SyntheticEvent) => void;
+  readonly onSubmitEditing?: (event?: SyntheticEvent) => void;
 
   /**
    * Callback that is called when the text input is focused
    * @param event
    */
-  onFocus?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+  readonly onFocus?: (
+    event?: NativeSyntheticEvent<TextInputFocusEventData>,
+  ) => void;
 
   /**
    * Callback that is called when the text input is blurred
    */
-  onBlur?: () => void;
+  readonly onBlur?: () => void;
 
   /**
    * VoiceOver will read this string when a user selects the associated element
@@ -186,8 +188,10 @@ export interface InputTextProps {
    * "input" is a function that transform the value to the string format that should be shown to the user
    * "output" is a function that transform the string representation of the value to the value that is sent to onChange and the form
    */
-  transform?: {
+  readonly transform?: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     input?: (v: any) => string | undefined;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     output?: (v: string | undefined) => any;
   };
 
@@ -203,7 +207,7 @@ export interface InputTextProps {
   /**
    * Used to locate this view in end-to-end tests
    */
-  testID?: string;
+  readonly testID?: string;
 
   /**
    * Use secure text entry
@@ -486,5 +490,6 @@ function useMiniLabel(internalValue: string): {
   useEffect(() => {
     setHasMiniLabel(Boolean(internalValue));
   }, [internalValue]);
+
   return { hasMiniLabel, setHasMiniLabel };
 }