@twotalltotems/react-native-otp-input - npm Package Compare versions

Comparing version 1.3.5 to 1.3.7

dist/index.js

@@ -127,3 +127,3 @@ import React, { Component } from 'react';
         this.renderOneInputField = (_, index) => {
-            const { codeInputFieldStyle, codeInputHighlightStyle, secureTextEntry, keyboardType, selectionColor } = this.props;
+            const { codeInputFieldStyle, codeInputHighlightStyle, secureTextEntry, keyboardType, selectionColor, keyboardAppearance } = this.props;
             const { defaultTextFieldStyle } = styles;
@@ -136,3 +136,3 @@ const { selectedIndex, digits } = this.state;
                 this.handleChangeText(index, text);
-            }} onKeyPress={({ nativeEvent: { key } }) => { this.handleKeyPressTextInput(index, key); }} value={!clearInputs ? digits[index] : ""} keyboardType={keyboardType} textContentType={isAutoFillSupported ? "oneTimeCode" : "none"} key={index} selectionColor={selectionColor} secureTextEntry={secureTextEntry} placeholder={placeholderCharacter} placeholderTextColor={placeholderTextColor || defaultPlaceholderTextColor}/>
+            }} onKeyPress={({ nativeEvent: { key } }) => { this.handleKeyPressTextInput(index, key); }} value={!clearInputs ? digits[index] : ""} keyboardAppearance={keyboardAppearance} keyboardType={keyboardType} textContentType={isAutoFillSupported ? "oneTimeCode" : "none"} key={index} selectionColor={selectionColor} secureTextEntry={secureTextEntry} placeholder={placeholderCharacter} placeholderTextColor={placeholderTextColor || defaultPlaceholderTextColor}/>
             </View>);
@@ -148,3 +148,3 @@ };
             digits: codeToArray(code),
-            selectedIndex: 0,
+            selectedIndex: props.autoFocusOnLoad ? 0 : -1,
         };
@@ -195,2 +195,3 @@ }
     secureTextEntry: false,
+    keyboardAppearance: "default",
     keyboardType: "number-pad",
@@ -197,0 +198,0 @@ clearInputs: false,

index.d.ts

@@ -80,2 +80,7 @@ /* typescript declaration file created for @twotalltotems/react-native-otp-input
     clearInputs?: boolean;
+
+    /**
+     * Keyboard appearance. The value can be 'default', 'dark' or 'light'.
+     */
+    keyboardAppearance?: 'default' | 'dark' | 'light';
   }
@@ -82,0 +87,0 @@

package.json

 {
   "name": "@twotalltotems/react-native-otp-input",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "description": "is a tiny JS library for one time passcode (OTP). Supports smart input suggestion on iOS and code autofill on Android (it will be filled when you press the copy button on the SMS notification bar)",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

README.md

@@ -86,2 +86,3 @@ ![PaginatableList](https://raw.githubusercontent.com/Twotalltotems/react-native-otp-input/master/assets/otp_banner.jpg)
 | secureTextEntry | NO | Hide contents of text fields |
+| keyboardAppearance | NO | Keyboard appearance ('default', 'dark', 'light') |
 | keyboardType | NO | Keyboard type |
@@ -101,3 +102,3 @@ | clearInputs | NO | Clear inputs after entering code |
 * [x] Typescript definition file
-* [ ] Typescript implementation
+* [x] Typescript implementation
 * [x] Add basic unit tests
@@ -127,2 +128,7 @@ * [ ] Add integration tests
         <th border="0" style="border-left: none; border-right: none;">
+        	<img src="https://avatars3.githubusercontent.com/u/60905710?s=400&v=4" width="60px;" style="border-radius: 50%;"/>
+        	<br />
+        	<sub><a href="https://github.com/ericdao-ttt">Eric Dao</a></sub> <br />
+        </th>
+        <th border="0" style="border-left: none; border-right: none;">
         	<img src="https://avatars3.githubusercontent.com/u/3868329?s=460&v=4" width="60px;" style="border-radius: 50%;"/>
@@ -145,2 +151,15 @@ <br />
 
+## External Contributors
+<table>
+    <tr border="0" style="border: none; ">
+        <th border="0" style="border-left: none; border-right: none;">
+        <div>
+        	<img src="https://avatars2.githubusercontent.com/u/17710983?s=400&v=4" width="60px;" style="border-radius: 50%;"/>
+        	<br />
+        	<sub><a href="https://github.com/mikhailshvets">Mikhail.sh</a></sub> <br />
+        </div>
+        </th>
+    </tr>
+</table>
+
 ## Premium Support By TTT Studios
@@ -147,0 +166,0 @@

No alert changes

Improved metrics

Total package byte prevSize

33382

increased by3.78%

Lines of code

351

increased by1.45%

Number of lines in readme file

169

increased by12.67%

No dependency changes