From 8b1f037c8ff2a3d2fb41af29b1a6df96030322d6 Mon Sep 17 00:00:00 2001
From: Mattoni <amattoni@petrichor.io>
Date: Fri, 30 Jun 2017 14:46:31 -0700
Subject: [PATCH] Update rc-slider definitions to 8.1

---
 types/rc-slider/index.d.ts          | 51 ++++++++++++++++++-----------
 types/rc-slider/rc-slider-tests.tsx |  3 +-
 2 files changed, 33 insertions(+), 21 deletions(-)

diff --git a/types/rc-slider/index.d.ts b/types/rc-slider/index.d.ts
index 34cfc22056..cc25d67b40 100644
--- a/types/rc-slider/index.d.ts
+++ b/types/rc-slider/index.d.ts
@@ -1,17 +1,20 @@
-// Type definitions for rc-slider 6.1
+// Type definitions for rc-slider 8.1
 // Project: https://github.com/react-component/slider
-// Definitions by: Marcinkus Mantas <https://github.com/mantasmarcinkus/>
+// Definitions by: Marcinkus Mantas <https://github.com/mantasmarcinkus/>, Alexander Mattoni <https://github.com/mattoni/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-import * as React from 'react';
+declare module "rc-slider" {
+    import * as React from "react";
 
-declare namespace RcSliderClass {
-    interface Marks {
-        [number: number]: JSX.Element | string | { style: any, label: string | JSX.Element };
+    export interface Marks {
+        [number: number]:
+            | JSX.Element
+            | string
+            | { style: any; label: string | JSX.Element };
     }
 
-    interface CommonApiProps {
+    export interface CommonApiProps {
         /**
          * Additional CSS class for the root DOM node
          *  @default ''
@@ -86,9 +89,24 @@ declare namespace RcSliderClass {
          * Tooltip formatter
          */
         tipFormatter?: ((value: any) => any | undefined) | null;
+
+        /**
+         * The style used for handle. (both for slider(Object) and range(Array of Object), the array will be used for mutli handle follow element order)
+         */
+        handleStyle?: Array<React.CSSProperties> | React.CSSProperties;
+
+        /**
+         * The style used for track. (both for slider(Object) and range(Array of Object), the array will be used for mutli track follow element order)
+         */
+        trackStyle?: Array<React.CSSProperties> | React.CSSProperties;
+
+        /**
+          * The style used for the track base color.
+          */
+        railStyle?: React.CSSProperties;
     }
 
-    interface SliderProps extends CommonApiProps {
+    export interface SliderProps extends CommonApiProps {
         /**
          * Set initial value of slider.
          *  @default 0
@@ -100,7 +118,7 @@ declare namespace RcSliderClass {
         value?: number;
     }
 
-    interface RangeProps extends CommonApiProps {
+    export interface RangeProps extends CommonApiProps {
         /**
          * Set initial positions of handles.
          *  @default [0,0]
@@ -127,7 +145,7 @@ declare namespace RcSliderClass {
         pushable?: boolean;
     }
 
-    interface HandleProps extends CommonApiProps {
+    export interface HandleProps extends CommonApiProps {
         /**
          * Class name
          */
@@ -142,13 +160,8 @@ declare namespace RcSliderClass {
          */
         offset: number;
     }
+
+    export default class Slider extends React.Component<SliderProps> {}
+    export class Range extends React.Component<RangeProps> {}
+    export class Handle extends React.Component<HandleProps> {}
 }
-
-declare class RcSliderClass extends React.Component<RcSliderClass.SliderProps> { }
-
-declare namespace RcSliderClass {
-    class Range extends React.Component<RcSliderClass.RangeProps> { }
-    class Handle extends React.Component<RcSliderClass.HandleProps> { }
-}
-
-export = RcSliderClass;
diff --git a/types/rc-slider/rc-slider-tests.tsx b/types/rc-slider/rc-slider-tests.tsx
index 55c0674741..7e2e14e317 100644
--- a/types/rc-slider/rc-slider-tests.tsx
+++ b/types/rc-slider/rc-slider-tests.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import * as Slider from 'rc-slider';
-import { Range, Handle } from 'rc-slider';
+import Slider, { Range, Handle } from 'rc-slider';
 
 ReactDOM.render(
     <Slider defaultValue={1} max={2} step={0.01} min={0.01} />,