add types (ptomasroos#159)

* add types

* remove unused leftDiff

* add customLabel to types

* add enableLabel type

Author: FrikkieSnyman

DefaultLabel.js

@@ -7,7 +7,6 @@ const sliderRadius = 3;
 const width = 50;
 export default class DefaultLabel extends React.Component {
   static propTypes = {
-    leftDiff: PropTypes.number,
 
     oneMarkerValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     twoMarkerValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -19,13 +18,9 @@ export default class DefaultLabel extends React.Component {
     twoMarkerPressed: PropTypes.bool,
   };
 
-  static defaultProps = {
-    leftDiff: 0,
-  };
 
   render() {
     const {
-      leftDiff,
       oneMarkerValue,
       twoMarkerValue,
       oneMarkerLeftPosition,

MultiSlider.js

@@ -538,8 +538,7 @@ export default class MultiSlider extends React.Component {
         </View>
       </React.Fragment>
     );
-    const leftDiff =
-      (Dimensions.get('window').width - this.props.sliderLength) / 2;
+
     return (
       <View>
         {this.props.enableLabel && (

index.d.ts

@@ -0,0 +1,79 @@
+// Type definitions for @ptomasroos/react-native-multi-slider 0.0
+// Project: https://github.com/ptomasroos/react-native-multi-slider#readme
+// Definitions by: Edward Sammut Alessi <https://github.com/Slessi>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+import * as React from "react";
+import { ViewStyle } from "react-native";
+
+
+export interface MarkerProps {
+    pressed: boolean;
+    pressedMarkerStyle: ViewStyle;
+    markerStyle: ViewStyle;
+    enabled: boolean;
+    currentValue: number;
+    valuePrefix: string;
+    valueSuffix: string;
+}
+
+export interface LabelProps {
+    oneMarkerValue: string | number;
+    twoMarkerValue: string | number;
+    oneMarkerLeftPosition: number;
+    twoMarkerLeftPosition: number;
+    oneMarkerPressed: boolean;
+    twoMarkerPressed: boolean;
+}
+
+export interface MultiSliderProps {
+    values?: number[];
+
+    onValuesChange?: (values: number[]) => void;
+    onValuesChangeStart?: () => void;
+    onValuesChangeFinish?: (values: number[]) => void;
+
+    sliderLength?: number;
+    touchDimensions?: {
+        height: number;
+        width: number;
+        borderRadius: number;
+        slipDisplacement: number;
+    };
+
+    customMarker?: React.ComponentType<MarkerProps>;
+    customMarkerLeft?: React.ComponentType<MarkerProps>;
+    customMarkerRight?: React.ComponentType<MarkerProps>;
+    customLabel?: React.ComponentType<LabelProps>;
+
+    isMarkersSeparated?: boolean;
+
+    min?: number;
+    max?: number;
+    step?: number;
+
+    optionsArray?: number[];
+
+    containerStyle?: ViewStyle;
+    trackStyle?: ViewStyle;
+    selectedStyle?: ViewStyle;
+    unselectedStyle?: ViewStyle;
+    markerContainerStyle?: ViewStyle;
+    markerStyle?: ViewStyle;
+    pressedMarkerStyle?: ViewStyle;
+    valuePrefix?: string;
+    valueSuffix?: string;
+    enabledOne?: boolean;
+    enabledTwo?: boolean;
+    onToggleOne?: () => void;
+    onToggleTwo?: () => void;
+    allowOverlap?: boolean;
+    snapped?: boolean;
+    markerOffsetX?: number;
+    markerOffsetY?: number;
+    minMarkerOverlapDistance?: number;
+    imageBackgroundSource?: string;
+    enableLabel?: boolean;
+}
+
+export default class MultiSlider extends React.Component<MultiSliderProps> {}