askaround-rn-lib 1.0.4 → 1.0.6
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { StyleProp, ViewStyle, TextStyle, KeyboardTypeOptions } from 'react-native';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
interface
|
|
4
|
+
interface IOTPbox {
|
|
5
5
|
inputCount: number;
|
|
6
6
|
offTintColor: string;
|
|
7
7
|
tintColor: string;
|
|
@@ -12,8 +12,8 @@ interface IOTPTextView {
|
|
|
12
12
|
inputCellLength: number;
|
|
13
13
|
handleTextChange: (args: any) => void;
|
|
14
14
|
}
|
|
15
|
-
export declare const
|
|
16
|
-
({ inputCount, offTintColor, tintColor, containerStyle, textInputStyle, keyboardType, defaultValue, inputCellLength, handleTextChange, }:
|
|
15
|
+
export declare const OTPbox: {
|
|
16
|
+
({ inputCount, offTintColor, tintColor, containerStyle, textInputStyle, keyboardType, defaultValue, inputCellLength, handleTextChange, }: IOTPbox): React.JSX.Element;
|
|
17
17
|
propTypes: {
|
|
18
18
|
defaultValue: PropTypes.Requireable<string>;
|
|
19
19
|
inputCount: PropTypes.Requireable<number>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPBox.d.ts","sourceRoot":"","sources":["../../src/components/OTPBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAA+B,SAAS,EAAE,SAAS,EAAE,SAAS,EAAoD,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnK,OAAO,SAAS,MAAM,YAAY,CAAC;AAqBnC,UAAU,
|
|
1
|
+
{"version":3,"file":"OTPBox.d.ts","sourceRoot":"","sources":["../../src/components/OTPBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAA+B,SAAS,EAAE,SAAS,EAAE,SAAS,EAAoD,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnK,OAAO,SAAS,MAAM,YAAY,CAAC;AAqBnC,UAAU,OAAO;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,cAAc,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,YAAY,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC9C,YAAY,EAAE,GAAG,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,MAAM;8IAUhB,OAAO;;;;;;;;;;;;;;;;;;;;;;;CAyET,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useRef, useState, useCallback
|
|
1
|
+
import React, { useRef, useState, useCallback } from 'react';
|
|
2
2
|
import { View, TextInput, StyleSheet } from 'react-native';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
const styles = StyleSheet.create({
|
|
@@ -17,7 +17,7 @@ const styles = StyleSheet.create({
|
|
|
17
17
|
color: '#000000',
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
|
-
export const
|
|
20
|
+
export const OTPbox = ({ inputCount, offTintColor, tintColor, containerStyle, textInputStyle, keyboardType, defaultValue, inputCellLength, handleTextChange, }) => {
|
|
21
21
|
const inputs = useRef([]);
|
|
22
22
|
const [otpText, setOtpText] = useState(Array.from({ length: inputCount }, (_, index) => defaultValue[index] ? defaultValue[index] : ''));
|
|
23
23
|
const basicValidation = useCallback((text) => text.match(/^[0-9a-zA-Z]+$/), []);
|
|
@@ -46,11 +46,6 @@ export const OTPTextView = ({ inputCount, offTintColor, tintColor, containerStyl
|
|
|
46
46
|
inputs.current[i - 1].focus();
|
|
47
47
|
}
|
|
48
48
|
}, []);
|
|
49
|
-
useEffect(() => {
|
|
50
|
-
if (inputs.current.length > 0) {
|
|
51
|
-
inputs.current[0].focus();
|
|
52
|
-
}
|
|
53
|
-
}, []);
|
|
54
49
|
return (<View style={[styles.container, containerStyle]}>
|
|
55
50
|
{Array.from({ length: inputCount }, (_, index) => (<TextInput key={index} ref={(input) => (inputs.current[index] = input)} autoCorrect={false} keyboardType={keyboardType} value={otpText[index]} style={[
|
|
56
51
|
styles.textInput,
|
|
@@ -60,7 +55,7 @@ export const OTPTextView = ({ inputCount, offTintColor, tintColor, containerStyl
|
|
|
60
55
|
]} maxLength={inputCellLength} onFocus={() => onInputFocus(index)} onChangeText={(text) => onTextChange(text, index)} multiline={false} onKeyPress={(e) => onKeyPress(e, index)}/>))}
|
|
61
56
|
</View>);
|
|
62
57
|
};
|
|
63
|
-
|
|
58
|
+
OTPbox.propTypes = {
|
|
64
59
|
defaultValue: PropTypes.string,
|
|
65
60
|
inputCount: PropTypes.number,
|
|
66
61
|
containerStyle: PropTypes.any,
|
|
@@ -71,7 +66,7 @@ OTPTextView.propTypes = {
|
|
|
71
66
|
handleTextChange: PropTypes.func,
|
|
72
67
|
keyboardType: PropTypes.string,
|
|
73
68
|
};
|
|
74
|
-
|
|
69
|
+
OTPbox.defaultProps = {
|
|
75
70
|
defaultValue: '',
|
|
76
71
|
inputCount: 4,
|
|
77
72
|
tintColor: '#3CB371',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPBox.js","sourceRoot":"","sources":["../../src/components/OTPBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"OTPBox.js","sourceRoot":"","sources":["../../src/components/OTPBox.tsx"],"names":[],"mappings":"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"}
|