Merge pull request #139 from benhurott/1.12.0

1.12.0

Author: Ben-hur Santos Ott

CHANGELOG.md

@@ -2,6 +2,20 @@
 
 ## Unreleased
 
+## [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))
+
+### Changed
+
+- Improving component initialization. (Thanks to [rsouthgate](https://github.com/rsouthgate))
+
 ## [1.11.1] - 2019-03-05
 
 ### Fixed

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:

dist/lib/base-text-component.js

@@ -46,16 +46,19 @@ export interface TextInputMaskOptionProp {
     // Custom type.
     mask?: string
     validator?: (value: string, settings: TextInputMaskOptionProp) => boolean
-    getRawValue?: (value: string, settings: TextInputMaskOptionProp) => boolean
+    getRawValue?: (value: string, settings: TextInputMaskOptionProp) => any
     translation?: { [s: string]: (val: string) => string | null | undefined }
+
+    // Options
+    includeRawValueInChangeText?: boolean
 }
 
 // TextInputMask Props
-export interface TextInputMaskProps extends TextInputProps {
+export interface TextInputMaskProps extends Pick<TextInputProps, Exclude<keyof TextInputProps, 'onChangeText'>> {
     type: TextInputMaskTypeProp
     options?: TextInputMaskOptionProp
     checkText?: (previous: string, next: string) => boolean
-    onChangeText?: (text: string) => void
+    onChangeText?: (text: string, rawText?: string) => void
     refInput?: (ref: any) => void
     customTextInput?: any
     customTextInputProps?: Object