chore: Index file renames part 1

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';
+import { CreateOptions } from '../../../../src/components/CreationFlow/CreateOptions/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';
+import DefineConversation from '../../../../src/components/CreationFlow/DefineConversation/DefineConversation';
 
 describe('<DefineConversation/>', () => {
   const onCurrentPathUpdateMock = jest.fn();

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

@@ -6,7 +6,7 @@ import { render, fireEvent } from '@bfc/test-utils';
 import { createHistory, createMemorySource, LocationProvider } from '@reach/router';
 
 import { StoreContext } from '../../../src/store';
-import CreationFlow from '../../../src/components/CreationFlow/index';
+import CreationFlow from '../../../src/components/CreationFlow/CreationFlow';
 import { CreationFlowStatus } from '../../../src/constants';
 
 jest.mock('../../../src/components/DialogWrapper', () => {

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

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

Composer/packages/client/__tests__/components/TestController/emulatorOpenButton.test.tsx

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { render, fireEvent } from '@bfc/test-utils';
 
 import { EmulatorOpenButton } from '../../../src/components/TestController/emulatorOpenButton';
-import { BotStatus } from '../../../src/constants/index';
+import { BotStatus } from '../../../src/constants';
 
 describe('<EmulatorOpenButton />', () => {
   it('should show the button to open emulator', () => {

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

@@ -3,7 +3,7 @@
 
 import React from 'react';
 
-import { AppUpdater } from '../../src/components/AppUpdater';
+import { AppUpdater } from '../../src/components/AppUpdater/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';
+import '../../src/components/Conversation/Conversation';
 
 describe('<Conversation/>', () => {
   it('should render the conversation', async () => {

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

@@ -8,7 +8,7 @@ import { renderWithStore } from '../testUtils';
 import { dialogs } from '../constants.json';
 
 import { TriggerCreationModal } from './../../src/components/ProjectTree/TriggerCreationModal';
-import { ProjectTree } from './../../src/components/ProjectTree';
+import { ProjectTree } from '../../src/components/ProjectTree/ProjectTree';
 import { CreateDialogModal } from './../../src/pages/design/createDialogModal';
 
 jest.mock('@bfc/code-editor', () => {

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/index';
+import { ErrorBoundary } from '../../src/components/ErrorBoundary/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';
+import { Header } from '../../src/components/Header/Header';
 
 describe('<Header />', () => {
   it('should render the header', () => {

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

@@ -6,7 +6,7 @@ import { fireEvent, render } from '@bfc/test-utils';
 
 import { RecentBotList } from '../../src/pages/home/RecentBotList';
 import { ExampleList } from '../../src/pages/home/ExampleList';
-import { ToolBar } from '../../src/components/ToolBar/index';
+import { ToolBar } from '../../src/components/ToolBar/ToolBar';
 describe('<Home/>', () => {
   it('should dispatch onSelectionChanged event when clicked on a link on <RecentBotList>', () => {
     const recentProjects = [

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

@@ -4,11 +4,11 @@
 import React from 'react';
 import { render } from '@bfc/test-utils';
 
-import OnboardingContext from '../../src/Onboarding/context';
+import OnboardingContext from '../../src/Onboarding/OnboardingContext';
 import { StoreContext } from '../../src/store';
-import TeachingBubbles from '../../src/Onboarding/TeachingBubbles';
-import { stepSets as defaultStepSets } from '../../src/Onboarding/onboarding';
-import WelcomeModal from '../../src/Onboarding/WelcomeModal';
+import TeachingBubbles from '../../src/Onboarding/TeachingBubbles/TeachingBubbles';
+import { stepSets as defaultStepSets } from '../../src/Onboarding/onboardingUtils';
+import WelcomeModal from '../../src/Onboarding/WelcomeModal/WelcomeModal';
 
 describe('<Onboarding />', () => {
   let value;

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

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { fireEvent } from '@bfc/test-utils';
 
 import { dialogs } from '../constants.json';
-import { ProjectTree } from '../../src/components/ProjectTree/index.tsx';
+import { ProjectTree } from '../../src/components/ProjectTree/ProjectTree.tsx';
 import { renderWithStore } from '../testUtils';
 
 describe('<ProjectTree/>', () => {

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

@@ -7,7 +7,7 @@ import { Skill } from '@bfc/shared';
 
 import Skills from '../../src/pages/skills';
 import SkillList from '../../src/pages/skills/skill-list';
-import CreateSkillModal from '../../src/components/SkillForm/CreateSkillModal';
+import CreateSkillModal from '../../src/components/SkillForm/CreateSkillModal/CreateSkillModal';
 import { renderWithStore } from '../testUtils';
 
 jest.mock('../../src/components/SkillForm/CreateSkillModal/validateManifestUrl', () => ({

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

@@ -4,7 +4,7 @@
 import * as React from 'react';
 import { fireEvent, render } from '@bfc/test-utils';
 
-import { ToolBar } from '../../src/components/ToolBar';
+import { ToolBar } from '../../src/components/ToolBar/ToolBar';
 
 const toolbarItems = (onClick) => [
   {

Composer/packages/client/__tests__/navItem.test.jsx

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

Composer/packages/client/__tests__/notFound.test.jsx

@@ -4,8 +4,8 @@
 import * as React from 'react';
 import { render } from '@bfc/test-utils';
 
-import { BASEPATH } from '../src/constants/index';
-import { NotFound } from '../src/components/NotFound';
+import { BASEPATH } from '../src/constants';
+import { NotFound } from '../src/components/NotFound/NotFound';
 
 describe('<NotFound />', () => {
   it('should render a not found page', async () => {

Composer/packages/client/__tests__/store/index.test.ts

@@ -2,7 +2,7 @@
 // Licensed under the MIT License.
 import { applyMiddleware } from './../../src/store';
 import { Store, State } from './../../src/store/types';
-import { ActionTypes } from './../../src/constants';
+import { ActionTypes } from '../../src/constants';
 
 describe('applyMiddleware', () => {
   it('warns when dispatching during middleware setup', () => {

Composer/packages/client/__tests__/store/persistence/filePersistence.test.ts

@@ -2,7 +2,7 @@
 // Licensed under the MIT License.
 import { DialogInfo, LgFile, LuFile } from '@bfc/shared';
 
-import { ActionTypes } from './../../../src/constants';
+import { ActionTypes } from '../../../src/constants';
 import filePersistence from './../../../src/store/persistence/FilePersistence';
 import { State } from './../../../src/store/types';
 

Composer/packages/client/__tests__/store/reducer/reducer.test.js

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
-import { ActionTypes, FileTypes } from '../../../src/constants/index';
+import { ActionTypes, FileTypes } from '../../../src/constants';
 import { reducer } from '../../../src/store/reducer/index';
 
 const mockResponse = {

Composer/packages/client/src/App.tsx

@@ -10,24 +10,24 @@ import { FocusZone } from 'office-ui-fabric-react/lib/FocusZone';
 import { TooltipHost, DirectionalHint } from 'office-ui-fabric-react/lib/Tooltip';
 import formatMessage from 'format-message';
 
-import { Header } from './components/Header';
-import { NavItem } from './components/NavItem';
+import { Header } from './components/Header/Header';
+import { NavItem } from './components/NavItem/NavItem';
 import { BASEPATH } from './constants';
 import Routes from './router';
 import { StoreContext } from './store';
 import { main, sideBar, content, divider, globalNav, leftNavBottom, rightPanel, dividerTop } from './styles';
 import { resolveToBasePath } from './utils/fileUtil';
-import { ErrorBoundary } from './components/ErrorBoundary';
-import { RequireAuth } from './components/RequireAuth';
+import { ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary';
+import { RequireAuth } from './components/RequireAuth/RequireAuth';
 import onboardingState from './utils/onboardingStorage';
 import { isElectron } from './utils/electronUtil';
 import { useLinks } from './utils/hooks';
 
 initializeIcons(undefined, { disableWarnings: true });
 
-const Onboarding = React.lazy(() => import('./Onboarding'));
+const Onboarding = React.lazy(() => import('./Onboarding/Onboarding'));
 const AppUpdater = React.lazy(() =>
-  import('./components/AppUpdater').then((module) => ({ default: module.AppUpdater }))
+  import('./components/AppUpdater/AppUpdater').then((module) => ({ default: module.AppUpdater }))
 );
 
 // eslint-disable-next-line react/display-name

Composer/packages/client/src/Onboarding/context.tsx → Composer/packages/client/src/Onboarding/OnboardingContext.tsx

@@ -3,7 +3,7 @@
 
 import { createContext } from 'react';
 
-import { IStep, IStepSet } from './onboarding';
+import { IStep, IStepSet } from './onboardingUtils';
 
 interface OnboardingContext {
   actions: {

Composer/packages/client/src/Onboarding/TeachingBubbles/index.tsx → Composer/packages/client/src/Onboarding/TeachingBubbles/TeachingBubbles.tsx

@@ -6,8 +6,8 @@ import formatMessage from 'format-message';
 import debounce from 'lodash/debounce';
 import { TeachingBubble } from 'office-ui-fabric-react/lib/TeachingBubble';
 
-import OnboardingContext from '../context';
-import { getTeachingBubble } from '../onboarding';
+import OnboardingContext from '../OnboardingContext';
+import { getTeachingBubble } from '../onboardingUtils';
 import { StoreContext } from '../../store';
 
 import { teachingBubbleStyles, teachingBubbleTheme } from './styles';

Composer/packages/client/src/Onboarding/WelcomeModal/Collapsed/index.tsx → Composer/packages/client/src/Onboarding/WelcomeModal/Collapsed/CollapsedWelcomeModal.tsx

@@ -7,7 +7,7 @@ import { useContext } from 'react';
 import formatMessage from 'format-message';
 import { IconButton } from 'office-ui-fabric-react/lib/Button';
 
-import OnboardingContext from '../../context';
+import OnboardingContext from '../../OnboardingContext';
 import { palette } from '../../palette';
 
 import { buttonStyles, content } from './styles';

Composer/packages/client/src/Onboarding/WelcomeModal/Expanded/index.tsx → Composer/packages/client/src/Onboarding/WelcomeModal/Expanded/ExpandedWelcomeModal.tsx

@@ -8,7 +8,7 @@ import formatMessage from 'format-message';
 import { Icon } from 'office-ui-fabric-react/lib/Icon';
 import { IconButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';
 
-import OnboardingContext from '../../context';
+import OnboardingContext from '../../OnboardingContext';
 
 import {
   buttonStyle,

Composer/packages/client/src/Onboarding/WelcomeModal/index.tsx → Composer/packages/client/src/Onboarding/WelcomeModal/WelcomeModal.tsx

@@ -4,10 +4,10 @@
 import React, { useContext } from 'react';
 import { Modal } from 'office-ui-fabric-react/lib/Modal';
 
-import OnboardingContext from '../context';
+import OnboardingContext from '../OnboardingContext';
 
-import CollapsedWelcomeModal from './Collapsed';
-import ExpandedWelcomeModal from './Expanded';
+import CollapsedWelcomeModal from './Collapsed/CollapsedWelcomeModal';
+import ExpandedWelcomeModal from './Expanded/ExpandedWelcomeModal';
 import { collapsedStyles, expandedStyles } from './style';
 
 const WelcomeModal = () => {