feat: allow usage without a mask (#99)

Author: coelhucas

src/components/MaskedTextInput.test.tsx

@@ -7,6 +7,13 @@ import { Button, Keyboard, InputAccessoryView } from 'react-native';
 describe('<MaskedTextInput />', () => {
   const mockedOnChangeText = jest.fn();
 
+  test('should render correctly without a mask', () => {
+    const container = render(
+      <MaskedTextInput value="churrasco" onChangeText={mockedOnChangeText} />,
+    );
+    expect(container).toMatchSnapshot();
+  })
+
   test('should renders correctly with custom mask', () => {
     const container = render(
       <MaskedTextInput mask="AAA-999" onChangeText={mockedOnChangeText} />,

src/components/MaskedTextInput.tsx

@@ -69,6 +69,7 @@ export const MaskedTextInputComponent: ForwardRefRenderFunction<
 
   const [maskedValue, setMaskedValue] = useState(initialMaskedValue)
   const [unMaskedValue, setUnmaskedValue] = useState(initialUnMaskedValue)
+  const actualValue = pattern || type === "currency" ? maskedValue : unMaskedValue;
 
   function onChange(value: string) {
     const newUnMaskedValue = unMask(value, type as 'custom' | 'currency')
@@ -99,7 +100,7 @@ export const MaskedTextInputComponent: ForwardRefRenderFunction<
         ref={ref}
         maxLength={pattern.length || undefined}
         {...rest}
-        value={maskedValue}
+        value={actualValue}
         style={{...styleSheet} as StyleObj}
       />
       {inputAccessoryView}

src/components/__snapshots__/MaskedTextInput.test.tsx.snap

@@ -1,5 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`<MaskedTextInput /> should render correctly without a mask 1`] = `
+<TextInput
+  allowFontScaling={true}
+  onChangeText={[Function]}
+  rejectResponderTermination={true}
+  style={
+    Object {
+      "fontStyle": undefined,
+      "fontWeight": undefined,
+      "textDecorationLine": undefined,
+    }
+  }
+  underlineColorAndroid="transparent"
+  value="churrasco"
+/>
+`;
+
 exports[`<MaskedTextInput /> should renders correctly with currency mask 1`] = `
 <TextInput
   allowFontScaling={true}