diff --git a/index.js b/index.js index 796d258..7ff1ead 100644 --- a/index.js +++ b/index.js @@ -353,10 +353,10 @@ define("index", ["require", "exports", "react", "react", "react-native", "intern } } render() { - let _a = this.props, { mask, value, onTextChange } = _a, attributes = __rest(_a, ["mask", "value", "onTextChange"]); - return (React.createElement(react_native_1.TextInput, Object.assign({ value: this.state.value, onChangeText: (text) => this.onTextChange(text) }, attributes))); + let _a = this.props, { mask, value, onTextChange, innerRef } = _a, attributes = __rest(_a, ["mask", "value", "onTextChange", "innerRef"]); + return (React.createElement(react_native_1.TextInput, Object.assign({ value: this.state.value, ref: innerRef, onChangeText: (text) => this.onTextChange(text) }, attributes))); } } - exports.default = MaskedInput; + exports.default = React.forwardRef((props, ref) => React.createElement(MaskedInput, Object.assign({ innerRef: ref }, props))); }); //# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/index.tsx b/index.tsx index 4a6d7c0..c3ae3b6 100644 --- a/index.tsx +++ b/index.tsx @@ -9,13 +9,14 @@ interface IMaskedInputProps extends TextInputProps { mask: string; value?: string; onTextChange?: OnTextChangeListener; + innerRef?: React.Ref } interface IMaskedInputState { value: string; } -export default class MaskedInput extends Component { +class MaskedInput extends Component { private userInputProcessorFunction: InputProcessorFunction; @@ -47,12 +48,17 @@ export default class MaskedInput extends Component this.onTextChange(text)} {...attributes}/> ); } } + +export default React.forwardRef( + (props, ref) => +); diff --git a/package.json b/package.json index 36d34d0..d90409d 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,8 @@ "name": "react-native-masked-input-text", "version": "1.0.11", "description": "A typescript masked InputText for react-native", - "main": "index.tsx", + "main": "index.js", + "types": "index.d.ts", "repository": "git@github.com:ProdutorAgro/react-native-masked-input-text.git", "author": "Matheus Nogueira ", "license": "MIT",