🚚 Move index.d.ts -> typings/index.d.ts

Author: apollonian

package.json

@@ -25,7 +25,7 @@
     "react": "^16.2.0",
     "react-dom": "^16.2.0"
   },
-  "typings": "./index.d.ts",
+  "typings": "typings/index.d.ts",
   "devDependencies": {
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.3",

index.d.ts renamed to typings/index.d.ts

@@ -1,17 +1,13 @@
-import React from 'react';
+import * as React from 'react';
 
-export default OtpInput;
-declare class OtpInput extends React.Component {
+export class OtpInput extends React.Component<OtpInputProps, OtpInputState> {
   static defaultProps: {
     numInputs: number;
     onChange: (otp: number) => void;
     isDisabled: boolean;
     shouldAutoFocus: boolean;
     value: string;
   };
-  state: {
-    activeInput: number;
-  };
   getOtpValue: () => any;
   getPlaceholderValue: () => any;
   handleOtpChange: (otp: string[]) => void;
@@ -26,3 +22,27 @@ declare class OtpInput extends React.Component {
   handleOnInput: (e: Object) => void;
   renderInputs: () => any[];
 }
+
+export interface OtpInputProps {
+  className?: string;
+  containerStyle?: Object;
+  disabledStyle?: Object;
+  errorStyle?: Object;
+  focusStyle?: Object;
+  hasErrored?: boolean;
+  inputStyle?: Object;
+  isDisabled?: boolean;
+  isInputNum?: boolean;
+  isInputSecure?: boolean;
+  numInputs: number;
+  onChange: Function;
+  placeholder: string;
+  separator?: Object;
+  shouldAutoFocus?: boolean;
+  value?: string;
+}
+
+export interface OtpInputState {
+  activeInput: number;
+  otp: string[];
+}