feat(rawValue): adding raw text in onChangeText

CHANGELOG.md

@@ -4,6 +4,10 @@
 
 ## [1.12.0] - 2019-04-07
 
+### Added
+
+- Adding `rawText` in `onChangeText`. (Thanks to [questionablequestion](https://github.com/questionablequestion))
+
 ### Fixed
 
 - Fixing return type of `getRawValue` in `ts definition`. (Thanks to [gabelerner](https://github.com/gabelerner))

Makefile

@@ -1,5 +1,4 @@
-copy-to-test:
-	rm -rf ../rn-test/react-native-masked-text
-	npm run clean
-	npm run build
-	cp -R dist ../rn-test/react-native-masked-text
+copy-to-samples:
+	rm -rf /Users/ben/Documents/dev/react-native-masked-text-samples/ReactNativeMaskedTextSamples/lib
+	mkdir /Users/ben/Documents/dev/react-native-masked-text-samples/ReactNativeMaskedTextSamples/lib
+	cp -R lib /Users/ben/Documents/dev/react-native-masked-text-samples/ReactNativeMaskedTextSamples

README.md

@@ -592,9 +592,26 @@ const unmasked = this.zipCodeField.getRawValue()
 // unmasked: 98765321
 ```
 
+### ... Utils
 
+#### Including the `rawText` in `onChangeText` [1.12.0+]
+
+If you need the raw value in every text change, you can use the `includeRawValueInChangeText`.
+
+It will provide the masked and the raw text in every text change.
+
+```jsx
+<TextInputMask
+  type={'cpf'}
+  value={this.state.value}
+  includeRawValueInChangeText={true}
+  onChangeText={(maskedText, rawText) => {
+    // maskedText: 123.456.789-01
+    // rawText: 12345678901
+  }}
+/>
+```
 
-### ... Utils
 
 #### Getting the `TextInput` instance
 If you want to get the `TextInput` raw component, use the `getElement()` method:

lib/base-text-component.js

@@ -28,15 +28,16 @@ export default class BaseTextComponent extends Component {
 
         return new Promise((resolve, reject) => {
             let maskedText = self._getMaskedValue(text);
+            const rawText = self.props.includeRawValueInChangeText ? self.getRawValueFor(maskedText) : undefined
 
 			if(self._mustUpdateValue(maskedText)) {
 				self.setState({
                     value: maskedText,
-                    rawValue: self.props.includeRawValueInChangeText ? self.getRawValueFor(maskedText) : undefined
+                    rawValue: rawText
 				}, () => {
 					resolve({ 
                         maskedText, 
-                        rawText: self.state.rawValue
+                        rawText
                     });
 				});
 			} else {