convert class to func component, build by rollup

Author: hunghg255

.all-contributorsrc

@@ -3,3 +3,4 @@ node_modules/
 
 # Config
 webpack.config.js
+src/index.tsx

.babelrc.json

@@ -15,17 +15,18 @@ A fully customizable, one-time password input component for the web built with R
 
 [![NPM](https://nodei.co/npm/reactjs-otp-input.png?compact=true)](https://nodei.co/npm/reactjs-otp-input/)
 
+
 #### To install the latest stable version:
 
 ```
-npm install --save reactjs-otp-input
+npm install --save reactjs-otp-input@latest
 ```
 
 #### Basic usage:
 
 ```jsx
 import React, { Component } from 'react';
-import OtpInput from 'react-otp-input';
+import { OtpInput } from 'react-otp-input';
 
 export default const App {
   const [otp, setOtp] = useState('');
@@ -174,3 +175,5 @@ export default const App {
 ```
 npm run dev
 ```
+
+### Support auto fill on mobile

.eslintignore

@@ -0,0 +1,23 @@
+import React from 'react';
+interface IOtpInput {
+    className?: string;
+    containerStyle?: React.CSSProperties | string;
+    disabledStyle?: React.CSSProperties | string;
+    errorStyle?: React.CSSProperties | string;
+    focusStyle?: React.CSSProperties | string;
+    inputStyle?: React.CSSProperties | string;
+    hasErrored?: boolean;
+    isDisabled?: boolean;
+    isInputNum?: boolean;
+    isInputSecure?: boolean;
+    numInputs: number;
+    onChange: (otp: string) => void;
+    placeholder?: string;
+    separator?: React.ReactNode | string;
+    shouldAutoFocus?: boolean;
+    value?: string;
+    'data-testid'?: string;
+    'data-cy'?: string;
+}
+declare const OtpInput: (props: IOtpInput) => import("react/jsx-runtime").JSX.Element;
+export { OtpInput };

README.md

@@ -0,0 +1,23 @@
+import React from 'react';
+interface IOtpInput {
+    className?: string;
+    containerStyle?: React.CSSProperties | string;
+    disabledStyle?: React.CSSProperties | string;
+    errorStyle?: React.CSSProperties | string;
+    focusStyle?: React.CSSProperties | string;
+    inputStyle?: React.CSSProperties | string;
+    hasErrored?: boolean;
+    isDisabled?: boolean;
+    isInputNum?: boolean;
+    isInputSecure?: boolean;
+    numInputs: number;
+    onChange: (otp: string) => void;
+    placeholder?: string;
+    separator?: React.ReactNode | string;
+    shouldAutoFocus?: boolean;
+    value?: string;
+    'data-testid'?: string;
+    'data-cy'?: string;
+}
+declare const OtpInput: (props: IOtpInput) => import("react/jsx-runtime").JSX.Element;
+export { OtpInput };