Infra/dependencies graph preparation 2 (#3152)

* Move mock to __tests__

* Rename sub components to match their file name

Author: M-i-k-e-l

src/components/colorPicker/ColorPickerDialog.tsx

@@ -6,9 +6,9 @@ import {Colors} from '../../style';
 import {ModalProps} from '../../components/modal';
 import Dialog, {DialogProps} from '../../incubator/Dialog';
 import {getColorValue, getValidColorString, getTextColor, BORDER_RADIUS, HSLColor} from './ColorPickerPresenter';
-import Header from './ColorPickerDialogHeader';
-import Preview from './ColorPickerPreview';
-import Sliders from './ColorPickerDialogSliders';
+import ColorPickerDialogHeader from './ColorPickerDialogHeader';
+import ColorPickerPreview from './ColorPickerPreview';
+import ColorPickerDialogSliders from './ColorPickerDialogSliders';
 
 export interface ColorPickerDialogProps extends DialogProps {
   /**
@@ -165,15 +165,15 @@ const ColorPickerDialog = (props: ColorPickerDialogProps) => {
       modalProps={MODAL_PROPS}
       {...dialogProps}
     >
-      <Header
+      <ColorPickerDialogHeader
         accessibilityLabels={accessibilityLabels}
         valid={valid}
         onDonePressed={onDonePressed}
         testID={testID}
         doneButtonColor={doneButtonColor}
         onDismiss={onDismiss}
       />
-      <Preview
+      <ColorPickerPreview
         color={color}
         text={text}
         valid={valid}
@@ -183,7 +183,12 @@ const ColorPickerDialog = (props: ColorPickerDialogProps) => {
         onFocus={onFocus}
         onChangeText={onChangeText}
       />
-      <Sliders keyboardHeight={keyboardHeight} color={color} onSliderValueChange={updateColor} migrate={migrate}/>
+      <ColorPickerDialogSliders
+        keyboardHeight={keyboardHeight}
+        color={color}
+        onSliderValueChange={updateColor}
+        migrate={migrate}
+      />
     </Dialog>
   );
 };

src/components/colorPicker/ColorPickerDialogHeader.tsx

@@ -15,7 +15,7 @@ type HeaderProps = Pick<ColorPickerDialogProps, 'doneButtonColor' | 'accessibili
   onDonePressed: () => void;
 };
 
-const Header = (props: HeaderProps) => {
+const ColorPickerDialogHeader = (props: HeaderProps) => {
   const {onDismiss, accessibilityLabels, testID, doneButtonColor, valid, onDonePressed} = props;
 
   return (
@@ -41,7 +41,7 @@ const Header = (props: HeaderProps) => {
   );
 };
 
-export default Header;
+export default ColorPickerDialogHeader;
 
 const styles = StyleSheet.create({
   header: {

src/components/colorPicker/ColorPickerDialogSliders.tsx

@@ -11,7 +11,7 @@ type SlidersProps = Pick<ColorPickerDialogProps, 'migrate'> & {
   onSliderValueChange: (value: HSLColor) => void;
 };
 
-const Sliders = (props: SlidersProps) => {
+const ColorPickerDialogSliders = (props: SlidersProps) => {
   const {keyboardHeight, color, migrate, onSliderValueChange} = props;
   const colorValue = color.a === 0 ? Colors.getHSL(Colors.$backgroundInverted) : color;
 
@@ -29,7 +29,7 @@ const Sliders = (props: SlidersProps) => {
   );
 };
 
-export default Sliders;
+export default ColorPickerDialogSliders;
 
 const styles = StyleSheet.create({
   sliderGroup: {

src/components/colorPicker/ColorPickerPreview.tsx

@@ -16,7 +16,7 @@ type PreviewProps = Pick<ColorPickerDialogProps, 'accessibilityLabels' | 'previe
   onChangeText: (value: string) => void;
   onFocus: () => void;
 };
-const Preview = (props: PreviewProps) => {
+const ColorPickerPreview = (props: PreviewProps) => {
   const {color, text, onChangeText, previewInputStyle, onFocus, accessibilityLabels, testID} = props;
   const textInput = useRef<TextInput>(null);
 
@@ -77,7 +77,7 @@ const Preview = (props: PreviewProps) => {
   );
 };
 
-export default Preview;
+export default ColorPickerPreview;
 
 const styles = StyleSheet.create({
   header: {

src/components/sectionsWheelPicker/__tests__/index.spec.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import SectionsWheelPicker from '../index';
 import {render} from '@testing-library/react-native';
 import {SectionsWheelPickerDriver} from '../SectionsWheelPicker.driver';
-import {sections, labels} from '../mockSections';
+import {sections, labels} from './mockSections';
 
 const testID = 'sectionsWheel';
 const onChange = jest.fn();