react-native-confirmation-code-field - npm Package Compare versions

Comparing version 3.7.1 to 3.9.0

CHANGELOG.md

@@ -5,2 +5,6 @@ # Change Log
 
+## 3.7.1
+
+- Fix problem when cursor inherit `<Cell/>` styles [#72](https://github.com/retyui/react-native-confirmation-code-field/pull/72)
+
 ## 3.7.0
@@ -7,0 +11,0 @@

package.json

 {
   "name": "react-native-confirmation-code-field",
-  "version": "3.7.1",
+  "version": "3.9.0",
   "main": "src/components/ConfirmationCodeInput/index.js",
@@ -5,0 +5,0 @@ "peerDependencies": {

README.md

 # react-native-confirmation-code-field
 
 [![npm](https://img.shields.io/npm/v/react-native-confirmation-code-field.svg)](https://www.npmjs.com/package/react-native-confirmation-code-field)
-[![npm downloads](https://img.shields.io/npm/dm/react-native-confirmation-code-field.svg)](https://www.npmjs.com/package/react-native-confirmation-code-field)
+[![npm downloads](https://img.shields.io/npm/dm/react-native-confirmation-code-field.svg)](https://www.npmtrends.com/react-native-confirmation-code-field)
 [![Travis](https://img.shields.io/travis/retyui/react-native-confirmation-code-field.svg?label=unix)](https://travis-ci.org/retyui/react-native-confirmation-code-field)
@@ -39,12 +39,10 @@
 ```js
-import React, { Component } from 'react';
+import React, { useCallback } from 'react';
 import CodeInput from 'react-native-confirmation-code-field';
 
-class App extends Component {
-  handlerOnFulfill = code => console.log(code);
+export const App = () => {
+  const handlerOnFulfill = useCallback(code => console.log(code), []);
 
-  render() {
-    return <CodeInput onFulfill={this.handlerOnFulfill} />;
-  }
-}
+  return <CodeInput onFulfill={handlerOnFulfill} />;
+};
 ```
@@ -96,2 +94,5 @@
 - [react-native-keycode](https://github.com/leanmotherfuckers/react-native-keycode)
+- [react-native-otp-input](https://github.com/Twotalltotems/react-native-otp-input)
+- [react-native-otp-inputs](https://github.com/dsznajder/react-native-otp-inputs)
+- [react-native-otp](https://github.com/thuansb/react-native-otp)
 - [react-native-pin-code](https://github.com/gkueny/react-native-pin-code)
@@ -98,0 +99,0 @@

No alert changes

Improved metrics

Number of lines in readme file

106

increased by0.95%

Number of low supply chain risk alerts

3

decreased by-40%

Worsened metrics

Total package byte prevSize

29902

decreased by-49.43%

Number of package files

17

decreased by-50%

Lines of code

660

decreased by-50%

No dependency changes