add separatorsStyle prop to WheelPicker (#1906)

Author: lidord-wix

generatedTypes/src/incubator/WheelPicker/index.d.ts

@@ -62,12 +62,16 @@ export interface WheelPickerProps {
      * Align the content to center, right ot left (default: center)
      */
     align?: WheelPickerAlign;
+    /**
+     * Extra style for the separators
+     */
+    separatorsStyle?: ViewStyle;
     testID?: string;
 }
 declare const _default: React.ComponentClass<WheelPickerProps & {
     useCustomTheme?: boolean | undefined;
 }, any> & {
-    ({ items: propItems, itemHeight, numberOfVisibleRows, activeTextColor, inactiveTextColor, textStyle, label, labelStyle, labelProps, onChange, align, style, children, initialValue, testID }: WheelPickerProps): JSX.Element;
+    ({ items: propItems, itemHeight, numberOfVisibleRows, activeTextColor, inactiveTextColor, textStyle, label, labelStyle, labelProps, onChange, align, style, children, initialValue, separatorsStyle, testID }: WheelPickerProps): JSX.Element;
     alignments: typeof WheelPickerAlign;
     displayName: string;
 };

src/incubator/WheelPicker/index.tsx

@@ -73,6 +73,10 @@ export interface WheelPickerProps {
    * Align the content to center, right ot left (default: center)
    */
   align?: WheelPickerAlign;
+  /**
+   * Extra style for the separators
+   */
+  separatorsStyle?: ViewStyle;
   testID?: string;
 }
 
@@ -91,6 +95,7 @@ const WheelPicker = ({
   style,
   children,
   initialValue = 0,
+  separatorsStyle,
   testID
 }: WheelPickerProps) => {
   const scrollView = useRef<Animated.ScrollView>();
@@ -244,7 +249,7 @@ const WheelPicker = ({
   const separators = useMemo(() => {
     return (
       <View absF centerV pointerEvents="none">
-        <View style={styles.separators}/>
+        <View style={[styles.separators, separatorsStyle]}/>
       </View>
     );
   }, []);

src/incubator/WheelPicker/wheelPicker.api.json

@@ -32,7 +32,8 @@
       "description": "Align the content to center, right ot left",
       "default": "center"
     },
-    {"name": "testID", "type": "string", "description": "Align the content to center, right ot left"}
+    {"name": "separatorsStyle", "type": "ViewStyle", "description": "Extra style for the separators"},
+    {"name": "testID", "type": "string", "description": "test identifier"}
   ],
   "snippet": [
     "<WheelPicker",