@jobber/components-native 0.48.4-st-spike-w.11 → 0.48.4

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.48.4-st-spike-w.11+8da4c7c3",
+    "version": "0.48.4",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -37,12 +37,13 @@
     },
     "dependencies": {
         "@jobber/design": "^0.47.0",
-        "@jobber/hooks": "^2.7.0",
+        "@jobber/hooks": "^2.7.1",
         "@react-native-clipboard/clipboard": "^1.11.2",
         "@react-native-picker/picker": "^2.4.10",
         "autolinker": "^4.0.0",
         "deepmerge": "^4.2.2",
         "lodash": "^4.17.21",
+        "react-hook-form": "^7.30.0",
         "react-intl": "^6.4.2",
         "react-native-keyboard-aware-scroll-view": "^0.9.5",
         "react-native-modalize": "^2.0.13",
@@ -73,7 +74,6 @@
         "date-fns": "^2.0.0",
         "date-fns-tz": "*",
         "react": "^18",
-        "react-hook-form": "^7.43.7",
         "react-intl": "^6.4.2",
         "react-native": ">=0.69.2",
         "react-native-gesture-handler": ">=2.10.0",
@@ -84,5 +84,5 @@
         "react-native-reanimated": "^2.17.0",
         "react-native-safe-area-context": "^4.5.2"
     },
-    "gitHead": "8da4c7c38a6ec9bfa99b0a2ec9fd297ebad3abe9"
+    "gitHead": "b514c578d69d01182bb0b88080d1b39ea4f94235"
 }

package/dist/src/Form/Form.js

@@ -105,9 +105,7 @@ function InternalForm({ children, onBeforeSubmit, onSubmit, onSubmitError, onSub
         React.createElement(React.Fragment, null,
             (isSubmitting || isSecondaryActionLoading) && React.createElement(FormMask, null),
             React.createElement(FormCache, { localCacheKey: localCacheKey, localCacheExclude: localCacheExclude, setLocalCache: setLocalCache }),
-            React.createElement(FormBody, { keyboardHeight: calculateSaveButtonOffset(), 
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                submit: handleSubmit(internalSubmit), isFormSubmitting: isSubmitting, saveButtonLabel: saveButtonLabel, shouldRenderActionBar: saveButtonPosition === "sticky", renderStickySection: renderStickySection, secondaryActions: secondaryActions, setSecondaryActionLoading: setIsSecondaryActionLoading, setSaveButtonHeight: setSaveButtonHeight, saveButtonOffset: saveButtonOffset },
+            React.createElement(FormBody, { keyboardHeight: calculateSaveButtonOffset(), submit: handleSubmit(internalSubmit), isFormSubmitting: isSubmitting, saveButtonLabel: saveButtonLabel, shouldRenderActionBar: saveButtonPosition === "sticky", renderStickySection: renderStickySection, secondaryActions: secondaryActions, setSecondaryActionLoading: setIsSecondaryActionLoading, setSaveButtonHeight: setSaveButtonHeight, saveButtonOffset: saveButtonOffset },
                 React.createElement(KeyboardAwareScrollView, Object.assign({ enableResetScrollToCoords: false, enableAutomaticScroll: true, keyboardOpeningTime: Platform.OS === "ios" ? tokens["timing-slowest"] : 0, keyboardShouldPersistTaps: "handled", ref: scrollViewRef }, keyboardProps, { extraHeight: headerHeight, contentContainerStyle: !keyboardHeight && styles.scrollContentContainer }),
                     React.createElement(View, { onLayout: ({ nativeEvent }) => {
                             setFormContentHeight(nativeEvent.layout.height);
@@ -118,13 +116,7 @@ function InternalForm({ children, onBeforeSubmit, onSubmit, onSubmitError, onSub
                         React.createElement(View, { style: styles.formChildContainer },
                             React.createElement(React.Fragment, null,
                                 React.createElement(View, { style: styles.formContent }, children),
-                                saveButtonPosition === "inline" && (React.createElement(View, { style: styles.fixedSaveButton }, renderStickySection ? (renderStickySection(
-                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                handleSubmit(internalSubmit), saveButtonLabel, isSubmitting)) : (React.createElement(FormSaveButton
-                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                , { 
-                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                    primaryAction: handleSubmit(internalSubmit), label: saveButtonLabel, loading: isSubmitting, secondaryActions: secondaryActions, setSecondaryActionLoading: setIsSecondaryActionLoading, onOpenBottomSheet: () => setIsBottomSheetOpen(true), onCloseBottomSheet: () => setIsBottomSheetOpen(false) })))),
+                                saveButtonPosition === "inline" && (React.createElement(View, { style: styles.fixedSaveButton }, renderStickySection ? (renderStickySection(handleSubmit(internalSubmit), saveButtonLabel, isSubmitting)) : (React.createElement(FormSaveButton, { primaryAction: handleSubmit(internalSubmit), label: saveButtonLabel, loading: isSubmitting, secondaryActions: secondaryActions, setSecondaryActionLoading: setIsSecondaryActionLoading, onOpenBottomSheet: () => setIsBottomSheetOpen(true), onCloseBottomSheet: () => setIsBottomSheetOpen(false) })))),
                                 renderFooter))),
                     React.createElement(View, { style: styles.safeArea, ref: bottomViewRef })))),
         React.createElement(FormMessage, null)));
@@ -183,7 +175,6 @@ function InternalForm({ children, onBeforeSubmit, onSubmit, onSubmitError, onSub
     }
     function handleRetry() {
         clearFormErrors();
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return handleSubmit(internalSubmit)();
     }
     function calculateSaveButtonOffset() {

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

@@ -7,7 +7,6 @@ export function useInternalForm({ mode, reValidateMode, initialValues, formRef,
     const formMethods = useForm({
         mode,
         reValidateMode,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         defaultValues: initialValues,
         shouldFocusError: false,
     });

package/dist/src/InputCurrency/InputCurrency.js

@@ -73,21 +73,21 @@ export function InputCurrency(props) {
         }
     };
     const { t } = useAtlantisI18n();
-    return (React.createElement(InputText, Object.assign({}, props, { prefix: showCurrencySymbol ? { label: currencySymbol } : undefined, keyboard: getKeyboard(props), value: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.toString()) || displayValue, defaultValue: (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b.toString(), onChangeText: handleChange, transform: {
-            output: val => {
-                return val === null || val === void 0 ? void 0 : val.split(floatSeparators.group).join("").replace(floatSeparators.decimal, ".");
-            },
-        }, validations: Object.assign({ pattern: {
-                value: NUMBER_VALIDATION_REGEX,
-                message: t("errors.notANumber"),
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            } }, props.validations), onBlur: () => {
-            var _a;
-            (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
-            if (field.value === 0 ||
-                field.value === "" ||
-                field.value === undefined) {
-                setDisplayValue("0");
-            }
-        } })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(InputText, Object.assign({}, props, { prefix: showCurrencySymbol ? { label: currencySymbol } : undefined, keyboard: getKeyboard(props), value: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.toString()) || displayValue, defaultValue: (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b.toString(), onChangeText: handleChange, transform: {
+                output: val => {
+                    return val === null || val === void 0 ? void 0 : val.split(floatSeparators.group).join("").replace(floatSeparators.decimal, ".");
+                },
+            }, validations: Object.assign({ pattern: {
+                    value: NUMBER_VALIDATION_REGEX,
+                    message: t("errors.notANumber"),
+                } }, props.validations), onBlur: () => {
+                var _a;
+                (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+                if (field.value === 0 ||
+                    field.value === "" ||
+                    field.value === undefined) {
+                    setDisplayValue("0");
+                }
+            } }))));
 }

package/dist/src/InputEmail/InputEmail.js

@@ -5,6 +5,5 @@ function InputEmailInternal(props, ref) {
     return (React.createElement(InputText, Object.assign({}, props, { ref: ref, autoCapitalize: "none", autoCorrect: false, keyboard: "email-address", validations: Object.assign({ pattern: {
                 value: /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/,
                 message: "Enter a valid email address (email@example.com)",
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
             } }, props.validations) })));
 }

package/dist/src/InputNumber/InputNumber.js

@@ -30,7 +30,6 @@ function InputNumberInternal(props, ref) {
         }, ref: ref, value: (_c = props.value) === null || _c === void 0 ? void 0 : _c.toString(), defaultValue: (_d = props.defaultValue) === null || _d === void 0 ? void 0 : _d.toString(), onChangeText: handleChange, validations: Object.assign({ pattern: {
                 value: NUMBER_VALIDATION_REGEX,
                 message: t("errors.notANumber"),
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
             } }, props.validations) })));
 }
 function hasPeriodAtEnd(value) {

package/dist/src/hooks/useFormController.js

@@ -1,9 +1,8 @@
 import { v1 } from "react-native-uuid";
 import { useController, useForm, useFormContext, } from "react-hook-form";
 import { useState } from "react";
-// eslint-disable-next-line max-statements
 export function useFormController({ name, value, validations, }) {
-    var _a;
+    var _a, _b;
     const fieldName = useControlName(name);
     const form = useForm({
         mode: "onTouched",
@@ -25,13 +24,12 @@ export function useFormController({ name, value, validations, }) {
     let error;
     if (fieldIdentifiers.length === 3) {
         const [section, item, identifier] = fieldIdentifiers;
-        const err = (_a = errors[section]) === null || _a === void 0 ? void 0 : _a[item];
-        error = err === null || err === void 0 ? void 0 : err[identifier];
+        error = (_b = (_a = errors[section]) === null || _a === void 0 ? void 0 : _a[item]) === null || _b === void 0 ? void 0 : _b[identifier];
     }
     else {
         error = errors[fieldName];
     }
-    return { error: error, field };
+    return { error, field };
 }
 function useControlName(name) {
     const [identifier] = useState(v1());