mirror of
https://github.com/FlipsideCrypto/DefinitelyTyped.git
synced 2026-02-06 19:07:08 +00:00
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:
parent
cdd6ada582
commit
eca1d0fcdb
26
types/react-rangeslider/index.d.ts
vendored
Normal file
26
types/react-rangeslider/index.d.ts
vendored
Normal 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> { }
|
||||
22
types/react-rangeslider/react-rangeslider-tests.tsx
Normal file
22
types/react-rangeslider/react-rangeslider-tests.tsx
Normal 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}
|
||||
/>;
|
||||
25
types/react-rangeslider/tsconfig.json
Normal file
25
types/react-rangeslider/tsconfig.json
Normal 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"
|
||||
]
|
||||
}
|
||||
1
types/react-rangeslider/tslint.json
Normal file
1
types/react-rangeslider/tslint.json
Normal file
@ -0,0 +1 @@
|
||||
{ "extends": "dtslint/dt.json" }
|
||||
Loading…
Reference in New Issue
Block a user