chore(imports): Clean up imports/exports (#610)

* Change imports from type index to direct
* Remove index files in type folders
* Add index.js to each component folder
* Update internal cross-component usage to use component index

Author: jeffcarbs

docs/app/Examples/collections/Form/Shorthand/index.js

@@ -2,7 +2,7 @@ import React, { PropTypes } from 'react'
 import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'
 import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'
 
-import { Message } from 'src/collections'
+import { Message } from 'semantic-ui-react'
 
 const subComponentComparison = {
   shorthand: "<Form.Input label='Enter Password' type='password' />",

docs/app/Examples/modules/Modal/index.js

@@ -2,7 +2,7 @@ import React from 'react'
 import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'
 
-import { Message } from 'src/collections'
+import { Message } from 'semantic-ui-react'
 
 const ModalExamples = () => (
   <div>

src/addons/Confirm/Confirm.js

@@ -1,8 +1,8 @@
 import React, { PropTypes } from 'react'
 
-import { Button } from '../../elements'
-import { Modal } from '../../modules'
 import { getUnhandledProps, META } from '../../lib'
+import Button from '../../elements/Button'
+import Modal from '../../modules/Modal'
 
 /**
  * A Confirm modal gives the user a choice to confirm or cancel an action

src/addons/Confirm/index.js

@@ -0,0 +1 @@
+export default from './Confirm'

src/addons/Portal/index.js

@@ -0,0 +1 @@
+export default from './Portal'

src/addons/Radio/Radio.js

@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react'
 
 import { getUnhandledProps, META } from '../../lib'
-import { Checkbox } from '../../modules'
+import Checkbox from '../../modules/Checkbox'
 
 /**
  * A Radio is sugar for <Checkbox radio />.

src/addons/Radio/index.js

@@ -0,0 +1 @@
+export default from './Radio'

src/addons/Select/Select.js

@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react'
 
 import { getUnhandledProps, META } from '../../lib'
-import { Dropdown } from '../../modules'
+import Dropdown from '../../modules/Dropdown'
 
 /**
  * A Select is sugar for <Dropdown selection />.

src/addons/Select/index.js

@@ -0,0 +1 @@
+export default from './Select'

src/addons/TextArea/index.js

@@ -0,0 +1 @@
+export default from './TextArea'

src/addons/index.js

@@ -7,7 +7,7 @@ import {
   getElementType,
   META,
 } from '../../lib'
-import { Icon } from '../../elements'
+import Icon from '../../elements/Icon'
 
 /**
  * A divider sub-component for Breadcrumb component.

src/collections/Breadcrumb/BreadcrumbDivider.js

@@ -0,0 +1 @@
+export default from './Breadcrumb'

src/collections/Breadcrumb/index.js

@@ -6,8 +6,9 @@ import {
   getUnhandledProps,
   META,
 } from '../../lib'
+import Button from '../../elements/Button'
+
 import FormField from './FormField'
-import { Button } from '../../elements'
 
 /**
  * Sugar for <Form.Field control={Button} />

src/collections/Form/FormButton.js

@@ -6,8 +6,9 @@ import {
   getUnhandledProps,
   META,
 } from '../../lib'
+import Checkbox from '../../modules/Checkbox'
+
 import FormField from './FormField'
-import { Checkbox } from '../../modules'
 
 /**
  * Sugar for <Form.Field control={Checkbox} />

src/collections/Form/FormCheckbox.js

@@ -6,8 +6,9 @@ import {
   getUnhandledProps,
   META,
 } from '../../lib'
+import Dropdown from '../../modules/Dropdown'
+
 import FormField from './FormField'
-import { Dropdown } from '../../modules'
 
 /**
  * Sugar for <Form.Field control={Dropdown} />

src/collections/Form/FormDropdown.js

@@ -10,8 +10,8 @@ import {
   useKeyOnly,
   useWidthProp,
 } from '../../lib'
-import { Checkbox } from '../../modules'
-import { Radio } from '../../addons'
+import Checkbox from '../../modules/Checkbox'
+import Radio from '../../addons/Radio'
 
 /**
  * A field is a form element containing a label and an input

src/collections/Form/FormField.js

@@ -6,8 +6,9 @@ import {
   getUnhandledProps,
   META,
 } from '../../lib'
+import Input from '../../elements/Input'
+
 import FormField from './FormField'
-import { Input } from '../../elements'
 
 /**
  * Sugar for <Form.Field control={Input} />

src/collections/Form/FormInput.js

@@ -6,8 +6,9 @@ import {
   getUnhandledProps,
   META,
 } from '../../lib'
+import Radio from '../../addons/Radio'
+
 import FormField from './FormField'
-import { Radio } from '../../addons'
 
 /**
  * Sugar for <Form.Field control={Radio} />

src/collections/Form/FormRadio.js

@@ -6,8 +6,9 @@ import {
   getUnhandledProps,
   META,
 } from '../../lib'
+import Select from '../../addons/Select'
+
 import FormField from './FormField'
-import { Select } from '../../addons'
 
 /**
  * Sugar for <Form.Field control={Select} />

src/collections/Form/FormSelect.js

@@ -6,8 +6,9 @@ import {
   getUnhandledProps,
   META,
 } from '../../lib'
+import TextArea from '../../addons/TextArea'
+
 import FormField from './FormField'
-import { TextArea } from '../../addons'
 
 /**
  * Sugar for <Form.Field control={TextArea} />

src/collections/Form/FormTextArea.js

@@ -0,0 +1 @@
+export default from './Form'

src/collections/Form/index.js

@@ -0,0 +1 @@
+export default from './Grid'

src/collections/Grid/index.js

@@ -11,7 +11,7 @@ import {
   useKeyOnly,
   useKeyOrValueAndKey,
 } from '../../lib'
-import { Icon } from '../../elements'
+import Icon from '../../elements/Icon'
 
 function MenuItem(props) {
   const {

src/collections/Menu/MenuItem.js

@@ -0,0 +1 @@
+export default from './Menu'

src/collections/Menu/index.js

@@ -12,7 +12,8 @@ import {
   useKeyOnly,
   useKeyOrValueAndKey,
 } from '../../lib'
-import { Icon } from '../../elements'
+import Icon from '../../elements/Icon'
+
 import MessageContent from './MessageContent'
 import MessageHeader from './MessageHeader'
 import MessageList from './MessageList'

src/collections/Message/Message.js

@@ -0,0 +1 @@
+export default from './Message'

src/collections/Message/index.js

@@ -13,7 +13,7 @@ import {
   useVerticalAlignProp,
   useWidthProp,
 } from '../../lib'
-import { Icon } from '../../elements'
+import Icon from '../../elements/Icon'
 
 function TableCell(props) {
   const {

src/collections/Table/TableCell.js

@@ -0,0 +1 @@
+export default from './Table'

src/collections/Table/index.js

@@ -13,7 +13,9 @@ import {
   useKeyOrValueAndKey,
   useValueAndKey,
 } from '../../lib'
-import { Icon, Label } from '../'
+import Icon from '../Icon/Icon'
+import Label from '../Label/Label'
+
 import ButtonContent from './ButtonContent'
 import ButtonGroup from './ButtonGroup'
 import ButtonOr from './ButtonOr'

src/collections/index.js

@@ -0,0 +1 @@
+export default from './Button'

src/elements/Button/Button.js

@@ -0,0 +1 @@
+export default from './Container'

src/elements/Button/index.js

@@ -0,0 +1 @@
+export default from './Divider'

src/elements/Container/index.js

@@ -0,0 +1 @@
+export default from './Flag'

src/elements/Divider/index.js

@@ -13,7 +13,9 @@ import {
   useKeyOrValueAndKey,
   useKeyOnly,
 } from '../../lib'
-import { Icon, Image } from '../../elements'
+import Icon from '../../elements/Icon'
+import Image from '../../elements/Image'
+
 import HeaderSubheader from './HeaderSubheader'
 import HeaderContent from './HeaderContent'
 

src/elements/Flag/index.js

@@ -0,0 +1 @@
+export default from './Header'

src/elements/Header/Header.js

@@ -0,0 +1 @@
+export default from './Icon'

src/elements/Header/index.js

@@ -13,7 +13,8 @@ import {
   useValueAndKey,
   useKeyOnly,
 } from '../../lib'
-import { Label } from '../../elements'
+import Label from '../Label/Label'
+
 import ImageGroup from './ImageGroup'
 
 /**

src/elements/Icon/index.js

@@ -0,0 +1 @@
+export default from './Image'

src/elements/Image/Image.js

@@ -12,7 +12,9 @@ import {
   useKeyOnly,
   useValueAndKey,
 } from '../../lib'
-import { Button, Icon, Label } from '../../elements'
+import Button from '../../elements/Button'
+import Icon from '../../elements/Icon'
+import Label from '../../elements/Label'
 
 export const htmlInputPropNames = [
   // React

src/elements/Image/index.js

@@ -0,0 +1 @@
+export default from './Input'

src/elements/Input/Input.js

@@ -13,7 +13,9 @@ import {
   useKeyOrValueAndKey,
   useValueAndKey,
 } from '../../lib'
-import { Icon, Image } from '../'
+import Icon from '../Icon/Icon'
+import Image from '../Image/Image'
+
 import LabelDetail from './LabelDetail'
 import LabelGroup from './LabelGroup'
 

src/elements/Input/index.js

@@ -0,0 +1 @@
+export default from './Label'

src/elements/Label/Label.js

@@ -7,7 +7,7 @@ import {
   SUI,
   useVerticalAlignProp,
 } from '../../lib'
-import { Icon } from '../'
+import Icon from '../Icon/Icon'
 
 function ListIcon(props) {
   const { className, verticalAlign } = props

src/elements/Label/index.js

@@ -0,0 +1 @@
+export default from './List'

src/elements/List/ListIcon.js

@@ -0,0 +1 @@
+export default from './Loader'

src/elements/List/index.js

@@ -0,0 +1 @@
+export default from './Rail'

src/elements/Loader/index.js

@@ -0,0 +1 @@
+export default from './Segment'

src/elements/Rail/index.js

@@ -8,7 +8,8 @@ import {
   META,
   useKeyOnly,
 } from '../../lib'
-import { Icon } from '../../elements'
+import Icon from '../../elements/Icon'
+
 import StepContent from './StepContent'
 import StepDescription from './StepDescription'
 import StepGroup from './StepGroup'

src/elements/Segment/index.js

@@ -0,0 +1 @@
+export default from './Step'