From 246491b8d559bac68e5ed7a3ff03daa0b3bd6980 Mon Sep 17 00:00:00 2001
From: Ethan Sharabi <ethans@wix.com>
Date: Fri, 3 Sep 2021 16:01:41 +0300
Subject: [PATCH] Pass on slider props in GradientSlider

---
 .../src/components/slider/GradientSlider.d.ts | 59 ++++++++++++++++++-
 src/components/slider/GradientSlider.tsx      |  7 ++-
 2 files changed, 61 insertions(+), 5 deletions(-)

diff --git a/generatedTypes/src/components/slider/GradientSlider.d.ts b/generatedTypes/src/components/slider/GradientSlider.d.ts
index d72a562f8e..fb0437d051 100644
--- a/generatedTypes/src/components/slider/GradientSlider.d.ts
+++ b/generatedTypes/src/components/slider/GradientSlider.d.ts
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import tinycolor from 'tinycolor2';
+import { SliderProps } from './index';
 import { SliderContextProps } from './context/SliderContext';
 declare type SliderOnValueChange = (value: string, alfa: number) => void;
 export declare enum GradientSliderTypes {
@@ -9,7 +10,7 @@ export declare enum GradientSliderTypes {
     LIGHTNESS = "lightness",
     SATURATION = "saturation"
 }
-export declare type GradientSliderProps = {
+export declare type GradientSliderProps = SliderProps & {
     /**
        * The gradient color
        */
@@ -92,7 +93,61 @@ declare const _default: React.ComponentClass<{
        * Context of the slider group
        */
     sliderContext: SliderContextProps;
-} & GradientSliderProps & {
+} & {
+    value?: number | undefined;
+    minimumValue?: number | undefined;
+    maximumValue?: number | undefined;
+    step?: number | undefined;
+    minimumTrackTintColor?: string | undefined;
+    maximumTrackTintColor?: string | undefined;
+    renderTrack?: (() => React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[]) | undefined;
+    thumbTintColor?: string | undefined;
+    onValueChange?: import("./index").SliderOnValueChange | undefined;
+    onSeekStart?: (() => void) | undefined;
+    onSeekEnd?: (() => void) | undefined;
+    containerStyle?: StyleProp<ViewStyle>;
+    trackStyle?: StyleProp<ViewStyle>;
+    thumbStyle?: ViewStyle | undefined;
+    activeThumbStyle?: ViewStyle | undefined;
+    disableActiveStyling?: boolean | undefined;
+    disabled?: boolean | undefined;
+    accessible?: boolean | undefined;
+    testID?: string | undefined;
+} & {
+    value: number;
+    minimumValue: number;
+    maximumValue: number;
+    step: number;
+} & {
+    /**
+       * The gradient color
+       */
+    color?: string | undefined;
+    /**
+       * The gradient type (default, hue, lightness, saturation)
+       */
+    type?: GradientSliderTypes | undefined;
+    /**
+       * The gradient steps
+       */
+    gradientSteps?: number | undefined;
+    /**
+       * Callback for onValueChange, returns the updated color
+       */
+    onValueChange?: SliderOnValueChange | undefined;
+    /**
+       * If true the component will have accessibility features enabled
+       */
+    accessible?: boolean | undefined;
+    /**
+      * The container style
+      */
+    containerStyle?: StyleProp<ViewStyle>;
+    /**
+       * If true the Slider will be disabled and will appear in disabled color
+       */
+    disabled?: boolean | undefined;
+} & {
     type: GradientSliderTypes;
     gradientSteps: number;
     color: string;
diff --git a/src/components/slider/GradientSlider.tsx b/src/components/slider/GradientSlider.tsx
index a0ce452448..e6dda81dcf 100644
--- a/src/components/slider/GradientSlider.tsx
+++ b/src/components/slider/GradientSlider.tsx
@@ -5,7 +5,7 @@ import tinycolor from 'tinycolor2';
 import {HueGradient, LightnessGradient, SaturationGradient, Gradient} from 'react-native-color';
 import {Colors} from '../../style';
 import {asBaseComponent} from '../../commons/new';
-import Slider from './index';
+import Slider, {SliderProps} from './index';
 import {SliderContextProps} from './context/SliderContext';
 import asSliderGroupChild from './context/asSliderGroupChild';
 
@@ -18,7 +18,7 @@ export enum GradientSliderTypes {
   SATURATION = 'saturation'
 }
 
-export type GradientSliderProps = {
+export type GradientSliderProps = SliderProps & {
   /**
      * The gradient color
      */
@@ -187,7 +187,7 @@ class GradientSlider extends Component<GradientSliderComponentProps, GradientSli
   };
 
   render() {
-    const {type, containerStyle, disabled, accessible} = this.props;
+    const {type, containerStyle, disabled, accessible, ...others} = this.props;
     const initialColor = this.state.initialColor;
     const color = this.getColor();
     const thumbTintColor = Colors.getHexString(color);
@@ -221,6 +221,7 @@ class GradientSlider extends Component<GradientSliderComponentProps, GradientSli
 
     return (
       <Slider
+        {...others}
         renderTrack={renderTrack}
         step={step}
         maximumValue={maximumValue}