@artsy/palette-mobile 13.2.18 → 13.2.20

package/dist/elements/Input/Input.d.ts

@@ -22,7 +22,7 @@ export interface InputProps extends Omit<TextInputProps, "placeholder" | "onChan
     onHintPress?: () => void;
     onSelectTap?: () => void;
     optional?: boolean;
-    onChangeText?: (text: string, unmaskedText: string) => void;
+    onChangeText?: (text: string, unmaskedText?: string) => void;
     /**
      * The placeholder can be an array of string, specifically for android, because of a bug.
      * On ios, the longest string will always be picked, as ios can add ellipsis.

package/dist/elements/Input/Input.js

@@ -64,7 +64,7 @@ exports.Input = (0, react_1.forwardRef)(({ addClearListener = false, defaultValu
     const [focused, setIsFocused] = (0, react_1.useState)(false);
     const [delayedFocused, setDelayedFocused] = (0, react_1.useState)(false);
     const [value, setValue] = (0, react_1.useState)((0, maskValue_1.maskValue)({
-        currentValue: propValue ?? defaultValue ?? "",
+        currentValue: propValue ?? defaultValue,
         mask: mask,
     }));
     const [showPassword, setShowPassword] = (0, react_1.useState)(!secureTextEntry);
@@ -121,9 +121,15 @@ exports.Input = (0, react_1.forwardRef)(({ addClearListener = false, defaultValu
         };
     }, [focused, delayedFocused]);
     const handleChangeText = (0, react_1.useCallback)((text) => {
-        const newText = (0, maskValue_1.maskValue)({ currentValue: text, mask: mask, previousValue: value });
-        setValue(newText);
-        onChangeText?.(newText, (0, maskValue_1.unmaskText)(text));
+        if (mask) {
+            const newText = (0, maskValue_1.maskValue)({ currentValue: text, mask: mask, previousValue: value }) || "";
+            setValue(newText);
+            onChangeText?.(newText, (0, maskValue_1.unmaskText)(text));
+        }
+        else {
+            setValue(text);
+            onChangeText?.(text);
+        }
     }, [onChangeText, value, mask]);
     const handleClear = (0, react_1.useCallback)(() => {
         react_native_1.LayoutAnimation.configureNext({ ...react_native_1.LayoutAnimation.Presets.easeInEaseOut, duration: 200 });

package/dist/elements/Input/maskValue.d.ts

@@ -1,6 +1,6 @@
 export declare const maskValue: ({ currentValue, mask, previousValue, }: {
-    currentValue: string;
+    currentValue: string | undefined;
     mask: string | string[] | undefined;
     previousValue?: string | undefined;
-}) => string;
+}) => string | undefined;
 export declare const unmaskText: (mask: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "13.2.18",
+  "version": "13.2.20",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082",