Typescript support

Hello,

It is currently impossible to import NumberFormat in the ES6 standard manner when using Typescript:

// Doesn't work
import NumberFormat from "react-number-format"

// Workaround
import NumberFormat = require("react-number-format")

It would also be great to include a typing declaration file for automatic auto-completion in IDEs. The following snippet should be a good basis:

declare module 'react-number-format' {
  export class NumberFormat extends React.Component<NumberFormatProps, any> {
    // Any public method on the NumberFormat component?
  }

  export interface NumberFormatProps extends React.HTMLAttributes<HTMLInputElement> {
    thousandSeparator?: boolean | ',' | '.' | ' '
    decimalSeparator?: boolean | ',' | '.'
    displayType?: 'input' | 'text'
    prefix?: string
    format?: string | Function
    mask?: string
    // value?: number | string
  }

  export default NumberFormat;
}

[horacehylee]

To whom it may concern, the proper way of importing react-number-format should be

import { default as NumberFormat } from 'react-number-format';

which then can set noImplicitAny to true and without having to use require to import the module.

Moreover, my pull request has been merged, so declaration file will be available by default for using Typescript after v3.4.4.

[Mario-Eis]

import * as NumberFormat from 'react-number-format'; only works if “implicit any” is allowed for the project. I would not suggest such a configuration for professional projects. Unfortunately that issue makes react-number-format almost “unusable” for professional scale TypeScript projects.

Also the suggest workaround import NumberFormat = require("react-number-format") won’t work if the project targets ES modules.