@jobber/components-native 0.54.0 → 0.54.1

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.54.0",
+    "version": "0.54.1",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -84,5 +84,5 @@
         "react-native-reanimated": "^2.17.0",
         "react-native-safe-area-context": "^4.5.2"
     },
-    "gitHead": "70b9a32bf5471eb55a1fb372a65c18ba69579248"
+    "gitHead": "31514b7c10bf164c4fbda7c5ec8fdb9122f1dc88"
 }

package/dist/src/InputText/InputText.js

@@ -22,7 +22,7 @@ function InputTextInternal({ invalid, disabled, name, placeholder, assistiveText
     const internalValue = controlledValue !== null && controlledValue !== void 0 ? controlledValue : (_a = field.value) === null || _a === void 0 ? void 0 : _a.toString();
     const hasValue = internalValue !== "" && internalValue !== undefined;
     const [focused, setFocused] = useState(false);
-    const { hasMiniLabel, setHasMiniLabel } = useMiniLabel(internalValue);
+    const { hasMiniLabel } = useMiniLabel(internalValue);
     const textInputRef = useTextInputRef({ ref, onClear: handleClear });
     const showClear = useShowClear({
         clearable,
@@ -91,7 +91,7 @@ function InputTextInternal({ invalid, disabled, name, placeholder, assistiveText
                 setFocused(false);
                 onBlur === null || onBlur === void 0 ? void 0 : onBlur();
                 field.onBlur();
-                trimWhitespace(field, onChangeText);
+                trimWhitespace(inputTransform(field.value), updateFormAndState);
             }, ref: (instance) => {
                 // RHF wants us to do it this way
                 // https://react-hook-form.com/faqs#Howtosharerefusage
@@ -105,10 +105,7 @@ function InputTextInternal({ invalid, disabled, name, placeholder, assistiveText
          * https://github.com/facebook/react-native/issues/36521#issuecomment-1555421134
          */
         const removedIOSCharValue = isIOS ? value.replace(/\uFFFC/g, "") : value;
-        const newValue = outputTransform(removedIOSCharValue);
-        setHasMiniLabel(Boolean(newValue));
-        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(newValue);
-        field.onChange(newValue);
+        updateFormAndState(removedIOSCharValue);
     }
     function handleClear() {
         handleChangeText("");
@@ -119,18 +116,26 @@ function InputTextInternal({ invalid, disabled, name, placeholder, assistiveText
             handleOnFocusNext();
         }
     }
+    /**
+     * Updates both the form value and the onChangeText callback
+     * Ensuring that the tranform output function is called
+     * @param rawValue value to be sent to form state and onChangeText callback
+     */
+    function updateFormAndState(rawValue) {
+        const newValue = outputTransform(rawValue);
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(newValue);
+        field.onChange(newValue);
+    }
 }
-function trimWhitespace(field, onChangeText) {
-    if (!field.value || !field.value.trim) {
+function trimWhitespace(inputValue, onChangeText) {
+    if (!inputValue || !inputValue.trim) {
         return;
     }
-    const trimmedInput = field.value.trim();
-    if (trimmedInput === field.value) {
-        // avoid re-renders when nothing changed
-        return;
+    const trimmedInput = inputValue.trim();
+    if (trimmedInput === inputValue) {
+        return; // no changes, avoid re-renders
     }
-    onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(trimmedInput);
-    field.onChange(trimmedInput);
+    onChangeText(trimmedInput);
 }
 function useTextInputRef({ ref, onClear }) {
     const textInputRef = useRef(null);
@@ -146,5 +151,5 @@ function useMiniLabel(internalValue) {
     useEffect(() => {
         setHasMiniLabel(Boolean(internalValue));
     }, [internalValue]);
-    return { hasMiniLabel, setHasMiniLabel };
+    return { hasMiniLabel };
 }