ColorPicker - Moving sub-component out (#1692)

* ColorPicker - Moving sub-component (ColorPalette and ColorSwatch) to 'components' directory

* fix imports

Author: Inbal-Tish

generatedTypes/src/components/colorPalette/index.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+interface Props {
+    /**
+     * Array of colors to render in the palette
+     */
+    colors: string[];
+    /**
+     * Style to pass the palette container
+     */
+    containerStyle?: StyleProp<ViewStyle>;
+    /**
+     * The container margins
+     */
+    containerWidth?: number;
+    /**
+     * Whether to use pagination when number of colors exceeds the number of rows
+     */
+    usePagination?: boolean;
+    /**
+     * Whether the colors pagination scrolls in a loop
+     */
+    loop?: boolean;
+    /**
+     * The number of color rows from 2 to 5
+     */
+    numberOfRows?: number;
+    /**
+     * Style to pass all the ColorSwatches in the palette
+     */
+    swatchStyle?: StyleProp<ViewStyle>;
+    /**
+     * The value of the selected swatch
+     */
+    value?: string;
+    /**
+     * The index of the item to animate at first render (default is last)
+     */
+    animatedIndex?: number;
+    /**
+     * Invoked once when value changes by selecting one of the swatches in the palette
+     */
+    onValueChange?: (value: string, options: object) => void;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export declare type ColorPaletteProps = Props;
+declare const _default: React.ComponentClass<Props & {
+    useCustomTheme?: boolean | undefined;
+}, any>;
+export default _default;

generatedTypes/src/components/colorSwatch/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+interface Props {
+    /**
+     * The identifier value of the ColorSwatch in a ColorSwatch palette.
+     * Must be different than other ColorSwatches in the same group
+     */
+    value?: string;
+    /**
+     * The color of the ColorSwatch
+     */
+    color?: string;
+    /**
+     * Is the initial state is selected
+     */
+    selected?: boolean;
+    /**
+     * Is first render should be animated
+     */
+    animated?: boolean;
+    /**
+     * onPress callback
+     */
+    onPress?: (value: string, options: object) => void;
+    index?: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export declare type ColorSwatchProps = Props;
+export declare const SWATCH_MARGIN = 12;
+export declare const SWATCH_SIZE: number;
+declare const _default: React.ComponentClass<Props & {
+    useCustomTheme?: boolean | undefined;
+}, any>;
+export default _default;

src/components/colorPicker/ColorPalette.api.json renamed to src/components/colorPalette/ColorPalette.api.json

@@ -7,9 +7,9 @@ import {Colors} from '../../style';
 import {asBaseComponent} from '../../commons/new';
 import View from '../view';
 import Carousel from '../carousel';
-import PageControl from '../pageControl';
-import ColorSwatch, {SWATCH_SIZE} from './ColorSwatch';
 import ScrollBar from '../scrollBar';
+import PageControl from '../pageControl';
+import ColorSwatch, {SWATCH_SIZE} from '../colorSwatch';
 
 
 interface Props {

src/components/colorPicker/ColorPalette.tsx renamed to src/components/colorPalette/index.tsx

@@ -1,12 +1,12 @@
 import React, {PureComponent} from 'react';
 import {StyleSheet, StyleProp, ViewStyle} from 'react-native';
-import ColorPalette from './ColorPalette';
-import {SWATCH_MARGIN, SWATCH_SIZE} from './ColorSwatch';
 import {asBaseComponent} from '../../commons/new';
 import Assets from '../../assets';
 import {Colors} from '../../style';
 import View from '../view';
 import Button from '../button';
+import ColorPalette from '../colorPalette';
+import {SWATCH_MARGIN, SWATCH_SIZE} from '../colorSwatch';
 import ColorPickerDialog, {ColorPickerDialogProps} from './ColorPickerDialog';
 
 

src/components/colorPicker/assets/gradient.png

@@ -1,12 +1,12 @@
 import React, {PureComponent} from 'react';
 import {StyleSheet, Animated, Easing, LayoutChangeEvent, StyleProp, ViewStyle} from 'react-native';
 import Assets from '../../assets';
+import {Constants} from '../../helpers';
+import {Colors} from '../../style';
 import {asBaseComponent} from '../../commons/new';
 import View from '../view';
 import TouchableOpacity from '../touchableOpacity';
 import Image from '../image';
-import {Colors} from '../../style';
-import {Constants} from '../../helpers';
 
 
 interface Props {

src/components/colorPicker/index.tsx

@@ -34,13 +34,13 @@ export default {
     return require('./components/checkbox').default;
   },
   get ColorPalette() {
-    return require('./components/colorPicker/ColorPalette').default;
+    return require('./components/colorPalette').default;
   },
   get ColorPicker() {
     return require('./components/colorPicker').default;
   },
   get ColorSwatch() {
-    return require('./components/colorPicker/ColorSwatch').default;
+    return require('./components/colorSwatch').default;
   },
   get ConnectionStatusBar() {
     return require('./components/connectionStatusBar').default;