chore: Moved styles inline for components in client package. (#3598)

* Renamed components, hooks, Onboarding only

* Reverting changed from yar build

* Renamed components, hooks, Onboarding only

* Reverting changed from yar build

* Fixing lint issues

* test import fixes

* Have to rename to fix case of file name

* Fixing case with another commit.

* Renamed components, hooks, Onboarding only

* Renamed components, hooks, Onboarding only

* Fixing lint issues

* test import fixes

* Have to rename to fix case of file name

* Fixing case with another commit.

* Fixing imports

* Index file renames Part 2

* Inlined styles in ts

* Fixed test mocks

Author: GeoffCoxMSFT

Composer/packages/client/__tests__/components/CreationFlow/CreateOptions/index.test.tsx

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { fireEvent } from '@bfc/test-utils';
 
 import { renderWithStore } from '../../../testUtils';
-import { CreateOptions } from '../../../../src/components/CreationFlow/CreateOptions/CreateOptions';
+import { CreateOptions } from '../../../../src/components/CreationFlow/CreateOptions';
 
 describe('<CreateOptions/>', () => {
   const handleDismissMock = jest.fn();

Composer/packages/client/__tests__/components/CreationFlow/DefineConversation/index.test.tsx

@@ -6,7 +6,7 @@ import { fireEvent } from '@bfc/test-utils';
 
 import { renderWithStore } from '../../../testUtils';
 import { StorageFolder } from '../../../../src/store/types';
-import DefineConversation from '../../../../src/components/CreationFlow/DefineConversation/DefineConversation';
+import DefineConversation from '../../../../src/components/CreationFlow/DefineConversation';
 
 describe('<DefineConversation/>', () => {
   const onCurrentPathUpdateMock = jest.fn();

Composer/packages/client/__tests__/components/CreationFlow/LocationBrowser/FileSelector.test.tsx

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { render, fireEvent } from '@bfc/test-utils';
 
 import { StorageFolder } from '../../../../src/store/types';
-import { FileSelector } from '../../../../src/components/CreationFlow/LocationBrowser/FileSelector';
+import { FileSelector } from '../../../../src/components/CreationFlow/FileSelector';
 
 describe('<FileSelector/>', () => {
   const onFileChosen = jest.fn();

Composer/packages/client/__tests__/components/CreationFlow/LocationBrowser/LocationSelectContent.test.tsx

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { fireEvent } from '@bfc/test-utils';
 
 import { StorageFolder } from '../../../../src/store/types';
-import { LocationSelectContent } from '../../../../src/components/CreationFlow/LocationBrowser/LocationSelectContent';
+import { LocationSelectContent } from '../../../../src/components/CreationFlow/LocationSelectContent';
 import { renderWithStore } from '../../../testUtils';
 import { CreationFlowStatus } from '../../../../src/constants';
 

Composer/packages/client/__tests__/components/CreationFlow/index.test.tsx

@@ -7,15 +7,10 @@ import { createHistory, createMemorySource, LocationProvider } from '@reach/rout
 
 import { StoreContext } from '../../../src/store';
 import CreationFlow from '../../../src/components/CreationFlow/CreationFlow';
+import { DialogWrapper } from '../../../src/components/DialogWrapper';
 import { CreationFlowStatus } from '../../../src/constants';
 
-jest.mock('../../../src/components/DialogWrapper/DialogWrapper', () => {
-  return {
-    DialogWrapper: jest.fn((props) => {
-      return props.children;
-    }),
-  };
-});
+jest.mock('../../../src/components/DialogWrapper');
 
 describe('<CreationFlow/>', () => {
   let storeContext, saveTemplateMock, locationMock, createProjectMock;
@@ -36,6 +31,10 @@ describe('<CreationFlow/>', () => {
   }
 
   beforeEach(() => {
+    (DialogWrapper as jest.Mock).mockImplementation((props) => {
+      return props.children;
+    });
+
     saveTemplateMock = jest.fn();
     locationMock = {};
     storeContext = {

Composer/packages/client/__tests__/components/DialogWrapper/index.test.tsx

@@ -4,8 +4,7 @@
 import React from 'react';
 import { render } from '@bfc/test-utils';
 
-import { DialogWrapper } from '../../../src/components/DialogWrapper/DialogWrapper';
-import { DialogTypes } from '../../../src/components/DialogWrapper/styles';
+import { DialogWrapper, DialogTypes } from '../../../src/components/DialogWrapper';
 
 describe('<DialogWrapper />', () => {
   const props = {

Composer/packages/client/__tests__/components/appUpdater.test.tsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 
-import { AppUpdater } from '../../src/components/AppUpdater/AppUpdater';
+import { AppUpdater } from '../../src/components/AppUpdater';
 import { AppUpdaterStatus } from '../../src/constants';
 import { renderWithStore } from '../testUtils';
 

Composer/packages/client/__tests__/components/conversation.test.jsx

@@ -4,7 +4,7 @@
 import * as React from 'react';
 import { render } from '@bfc/test-utils';
 
-import '../../src/components/Conversation/Conversation';
+import '../../src/components/Conversation';
 
 describe('<Conversation/>', () => {
   it('should render the conversation', async () => {

Composer/packages/client/__tests__/components/errorBoundary.test.jsx

@@ -4,7 +4,7 @@
 import * as React from 'react';
 import { render } from '@bfc/test-utils';
 
-import { ErrorBoundary } from '../../src/components/ErrorBoundary/ErrorBoundary';
+import { ErrorBoundary } from '../../src/components/ErrorBoundary';
 
 const Store = React.createContext({
   actions: {

Composer/packages/client/__tests__/components/header.test.jsx

@@ -4,7 +4,7 @@
 import * as React from 'react';
 import { render } from '@bfc/test-utils';
 
-import { Header } from '../../src/components/Header/Header';
+import { Header } from '../../src/components/Header';
 
 describe('<Header />', () => {
   it('should render the header', () => {