From eca1d0fcdba49fad08ceac80a0d81a64d73002f9 Mon Sep 17 00:00:00 2001
From: Riku Kallio <rimaoska@gmail.com>
Date: Mon, 31 Dec 2018 18:45:58 +0200
Subject: [PATCH] Added types for react-rangeslider package (#31721)

* Added types for react-rangeslider

* Fixed rangeslider types to pass tests

* Changed spaces to tabs
---
 types/react-rangeslider/index.d.ts            | 26 +++++++++++++++++++
 .../react-rangeslider-tests.tsx               | 22 ++++++++++++++++
 types/react-rangeslider/tsconfig.json         | 25 ++++++++++++++++++
 types/react-rangeslider/tslint.json           |  1 +
 4 files changed, 74 insertions(+)
 create mode 100644 types/react-rangeslider/index.d.ts
 create mode 100644 types/react-rangeslider/react-rangeslider-tests.tsx
 create mode 100644 types/react-rangeslider/tsconfig.json
 create mode 100644 types/react-rangeslider/tslint.json

diff --git a/types/react-rangeslider/index.d.ts b/types/react-rangeslider/index.d.ts
new file mode 100644
index 0000000000..8c7a34c15b
--- /dev/null
+++ b/types/react-rangeslider/index.d.ts
@@ -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> { }
diff --git a/types/react-rangeslider/react-rangeslider-tests.tsx b/types/react-rangeslider/react-rangeslider-tests.tsx
new file mode 100644
index 0000000000..f73132a9f6
--- /dev/null
+++ b/types/react-rangeslider/react-rangeslider-tests.tsx
@@ -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}
+				/>;
diff --git a/types/react-rangeslider/tsconfig.json b/types/react-rangeslider/tsconfig.json
new file mode 100644
index 0000000000..41d76949dd
--- /dev/null
+++ b/types/react-rangeslider/tsconfig.json
@@ -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"
+	]
+}
diff --git a/types/react-rangeslider/tslint.json b/types/react-rangeslider/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-rangeslider/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }