Added types for react-rangeslider package (#31721)

* Added types for react-rangeslider

* Fixed rangeslider types to pass tests

* Changed spaces to tabs
This commit is contained in:
Riku Kallio 2018-12-31 18:45:58 +02:00 committed by Wesley Wigham
parent cdd6ada582
commit eca1d0fcdb
4 changed files with 74 additions and 0 deletions

26
types/react-rangeslider/index.d.ts vendored Normal file
View File

@ -0,0 +1,26 @@
// Type definitions for react-rangeslider 2.2
// Project: https://github.com/whoisandy/react-rangeslider
// Definitions by: Riku Kallio <https://github.com/RichieRock>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8
import * as React from 'react';
export interface SliderProps {
disabled?: boolean;
format?: (value: number) => string | number | undefined;
handleLabel?: boolean;
labels?: { [value: number]: string };
max?: number;
min?: number;
onChange?(value: number): void;
onChangeComplete?(value: number): void;
onChangeStart?(value: number): void;
orientation?: string;
reverse?: boolean;
step?: number;
tooltip?: boolean;
value: number;
}
export default class Slider extends React.Component<SliderProps> { }

View File

@ -0,0 +1,22 @@
import Slider from 'react-rangeslider';
import * as React from 'react';
const value = 80;
const handleChange = (value: number) => {
console.log('changed to', value);
};
const slider = <Slider
disabled={false}
max={100}
min={0}
orientation="vertical"
reverse={false}
step={1}
tooltip={true}
value={value}
onChange={handleChange}
onChangeStart={handleChange}
onChangeComplete={handleChange}
/>;

View File

@ -0,0 +1,25 @@
{
"compilerOptions": {
"module": "commonjs",
"lib": [
"dom",
"es6"
],
"noImplicitAny": true,
"noImplicitThis": true,
"strictNullChecks": true,
"strictFunctionTypes": true,
"baseUrl": "../",
"typeRoots": [
"../"
],
"jsx": "react",
"types": [],
"noEmit": true,
"forceConsistentCasingInFileNames": true
},
"files": [
"index.d.ts",
"react-rangeslider-tests.tsx"
]
}

View File

@ -0,0 +1 @@
{ "extends": "dtslint/dt.json" }