refactor: move components to /components folder

Author: Artur Bien

src/AppBar/AppBar.spec.tsx renamed to src/components/AppBar/AppBar.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react-native';
 import { testId } from '../Panel/Panel';
-import { AppBar, Text } from '..';
+import { AppBar, Text } from '../..';
 
 describe('<AppBar />', () => {
   it('should render children', () => {

src/AppBar/AppBar.tsx renamed to src/components/AppBar/AppBar.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { $RemoveChildren } from '../types';
+import type { $RemoveChildren } from '../../types';
 
-import { Button, ChevronIcon } from '..';
+import { Button, ChevronIcon } from '../..';
 
 type Props = $RemoveChildren<typeof Button>;
 

src/AppBar/AppBarBackAction.tsx renamed to src/components/AppBar/AppBarBackAction.tsx

@@ -8,9 +8,9 @@ import {
   View,
   ViewStyle,
 } from 'react-native';
-import type { $RemoveChildren } from '../types';
+import type { $RemoveChildren } from '../../types';
 
-import { Text } from '..';
+import { Text } from '../..';
 
 type Props = $RemoveChildren<typeof View> & {
   title: React.ReactNode;

src/AppBar/AppBarContent.tsx renamed to src/components/AppBar/AppBarContent.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react-native';
-import type { Sizes } from '../types';
-import { blockSizes } from '../common/styles';
+import type { Sizes } from '../../types';
+import { blockSizes } from '../../styles/styles';
 import { testId } from './Button';
-import { Button, Text } from '..';
+import { Button, Text } from '../..';
 
 const noop = () => {};
 

src/AppBar/index.ts renamed to src/components/AppBar/index.ts

@@ -8,11 +8,11 @@ import {
   StyleProp,
   ViewStyle,
 } from 'react-native';
-import type { Sizes } from '../types';
-import { ThemeContext } from '../common/theming/Theme';
-import { blockSizes } from '../common/styles';
+import type { Sizes } from '../../types';
+import { ThemeContext } from '../../styles/theming/Theme';
+import { blockSizes } from '../../styles/styles';
 
-import { Text } from '..';
+import { Text } from '../..';
 
 export const testId = 'button';
 

src/Button/Button.spec.tsx renamed to src/components/Button/Button.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react-native';
 
-import { Card, Text } from '..';
+import { Card, Text } from '../..';
 
 describe('<Card />', () => {
   it('should render children', () => {

src/Button/Button.tsx renamed to src/components/Button/Button.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { StyleProp, StyleSheet, ViewStyle, View } from 'react-native';
-import { ThemeContext } from '../common/theming/Theme';
+import { ThemeContext } from '../../styles/theming/Theme';
 
 import CardContent from './CardContent';