Move all of the view-only components to their own directory.

src/Journal.tsx

@@ -3,9 +3,9 @@ import { Tabs, Tab } from 'material-ui/Tabs';
 
 import Container from './widgets/Container';
 
-import SecondaryHeader from './SecondaryHeader';
+import SecondaryHeader from './components/SecondaryHeader';
 
-import JournalEntries from './JournalEntries';
+import JournalEntries from './components/JournalEntries';
 import JournalAddressBook from './JournalAddressBook';
 import JournalCalendar from './JournalCalendar';
 

src/JournalAddressBook.tsx

@@ -5,8 +5,8 @@ import * as EteSync from './api/EteSync';
 
 import { routeResolver } from './App';
 
-import AddressBook from './AddressBook';
-import Contact from './Contact';
+import AddressBook from './components/AddressBook';
+import Contact from './components/Contact';
 
 import { ContactType } from './pim-types';
 

src/JournalCalendar.tsx

@@ -5,8 +5,8 @@ import { routeResolver } from './App';
 
 import { historyPersistor } from './persist-state-history';
 
-import Calendar from './Calendar';
-import Event from './Event';
+import Calendar from './components/Calendar';
+import Event from './components/Event';
 
 import { EventType } from './pim-types';
 

src/Pim.tsx

@@ -11,10 +11,10 @@ import { ContactType, EventType } from './pim-types';
 
 import Container from './widgets/Container';
 
-import ContactEdit from './ContactEdit';
-import Contact from './Contact';
-import EventEdit from './EventEdit';
-import Event from './Event';
+import ContactEdit from './components/ContactEdit';
+import Contact from './components/Contact';
+import EventEdit from './components/EventEdit';
+import Event from './components/Event';
 import PimMain from './PimMain';
 
 import { routeResolver } from './App';

src/PimMain.tsx

@@ -7,8 +7,8 @@ import * as ICAL from 'ical.js';
 
 import Container from './widgets/Container';
 
-import AddressBook from './AddressBook';
-import Calendar from './Calendar';
+import AddressBook from './components/AddressBook';
+import Calendar from './components/Calendar';
 
 import { EventType, ContactType } from './pim-types';
 

src/components/AddressBook.tsx

@@ -2,10 +2,10 @@ import * as React from 'react';
 
 import * as colors from 'material-ui/styles/colors';
 
-import { Avatar } from './widgets/Avatar';
-import { List, ListItem } from './widgets/List';
+import { Avatar } from '../widgets/Avatar';
+import { List, ListItem } from '../widgets/List';
 
-import { ContactType } from './pim-types';
+import { ContactType } from '../pim-types';
 
 class AddressBook extends React.PureComponent {
   props: {

src/components/Calendar.tsx

@@ -4,7 +4,7 @@ import 'react-big-calendar/lib/css/react-big-calendar.css';
 import * as moment from 'moment';
 import 'moment/locale/en-gb';
 
-import { EventType } from './pim-types';
+import { EventType } from '../pim-types';
 
 moment.locale('en-gb');
 BigCalendar.momentLocalizer(moment);

src/components/Contact.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as moment from 'moment';
 
-import { List, ListItem, ListDivider as Divider } from './widgets/List';
+import { List, ListItem, ListDivider as Divider } from '../widgets/List';
 import IconHome from 'material-ui/svg-icons/action/home';
 import IconDate from 'material-ui/svg-icons/action/date-range';
 import CommunicationCall from 'material-ui/svg-icons/communication/call';
@@ -11,7 +11,7 @@ import { indigo500 } from 'material-ui/styles/colors';
 
 import PimItemHeader from './PimItemHeader';
 
-import { ContactType } from './pim-types';
+import { ContactType } from '../pim-types';
 
 class Contact extends React.PureComponent {
   props: {

src/components/ContactEdit.tsx

@@ -11,9 +11,9 @@ import IconClear from 'material-ui/svg-icons/content/clear';
 import * as uuid from 'uuid';
 import * as ICAL from 'ical.js';
 
-import * as EteSync from './api/EteSync';
+import * as EteSync from '../api/EteSync';
 
-import { ContactType } from './pim-types';
+import { ContactType } from '../pim-types';
 
 const telTypes = [
   {type: 'Home'},

src/components/Event.tsx

@@ -5,7 +5,7 @@ import PimItemHeader from './PimItemHeader';
 
 import * as ICAL from 'ical.js';
 
-import { EventType } from './pim-types';
+import { EventType } from '../pim-types';
 
 function formatDateRange(start: ICAL.Time, end: ICAL.Time) {
   const mStart = moment(start.toJSDate());

src/components/EventEdit.tsx

@@ -5,14 +5,14 @@ import TextField from 'material-ui/TextField';
 import SelectField from 'material-ui/SelectField';
 import MenuItem from 'material-ui/MenuItem';
 
-import DateTimePicker from './widgets/DateTimePicker';
+import DateTimePicker from '../widgets/DateTimePicker';
 
 import * as uuid from 'uuid';
 import * as ICAL from 'ical.js';
 
-import * as EteSync from './api/EteSync';
+import * as EteSync from '../api/EteSync';
 
-import { EventType } from './pim-types';
+import { EventType } from '../pim-types';
 
 class EventEdit extends React.PureComponent {
   state: {

src/components/JournalEntries.tsx

@@ -1,7 +1,7 @@
 import * as Immutable from 'immutable';
 
 import * as React from 'react';
-import { List, ListItem } from './widgets/List';
+import { List, ListItem } from '../widgets/List';
 import Dialog from 'material-ui/Dialog';
 import FlatButton from 'material-ui/FlatButton';
 import IconAdd from 'material-ui/svg-icons/content/add';
@@ -10,9 +10,9 @@ import IconEdit from 'material-ui/svg-icons/editor/mode-edit';
 
 import * as ICAL from 'ical.js';
 
-import { EventType, ContactType } from './pim-types';
+import { EventType, ContactType } from '../pim-types';
 
-import * as EteSync from './api/EteSync';
+import * as EteSync from '../api/EteSync';
 
 class JournalEntries extends React.PureComponent {
   static defaultProps = {

src/components/PimItemHeader.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { getPalette } from './App';
+import { getPalette } from '../App';
 
 export default (props: {text: string, backgroundColor?: string, children?: any}) => {
     const style = {

src/components/SecondaryHeader.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { getPalette } from './App';
+import { getPalette } from '../App';
 
 export default (props: {text: string}) => {
     const style = {