Merge branch 'pr/2'

* pr/2:
  docs(Sidebar): fix filenames fixes Semantic-Org#1048
  docs(changelog): update changelog [ci skip]
  0.62.3
  feat(Checkbox): Indeterminate state (Semantic-Org#1043)
  Feat(typings): Added typings for Radio, Confirm, Select and Textarea (Semantic-Org#1047)
  chore(package): update babel-core to version 6.21.0 (Semantic-Org#1045)
  fix(dropdown): clear value when dropdown is blurred (Semantic-Org#1046)
  fix(typings): fix typings spelling on `Accordion` (Semantic-Org#1044)
  fix(docs): Fix check icon (Semantic-Org#1042)
  docs(changelog): update changelog [ci skip]
  0.62.2
  fix(Header): Remove duplicate class (Semantic-Org#1040)
  test(Examples): assert no console errors (Semantic-Org#645)
  feat(Accordion): ability to open multiple items (Semantic-Org#988)
  feat(docs): Active className on Sidebar item (Semantic-Org#1031)
  chore(package): update node-sass to version 4.0.0 (Semantic-Org#1015)
  chore(package): update debug to version 2.4.1 (Semantic-Org#1028)

Author: DomiR

CHANGELOG.md

@@ -1,5 +1,54 @@
 # Change Log
 
+## [v0.62.3](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.62.3) (2016-12-17)
+[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.62.2...v0.62.3)
+
+**Implemented enhancements:**
+
+- Dropdown not resetting value when blurred [\#1019](https://github.com/Semantic-Org/Semantic-UI-React/issues/1019)
+
+**Merged pull requests:**
+
+- Feat\(typings\): Added typings for Radio, Confirm, Select and Textarea [\#1047](https://github.com/Semantic-Org/Semantic-UI-React/pull/1047) ([koenvg](https://github.com/koenvg))
+- fix\(dropdown\): clear value when dropdown is blurred [\#1046](https://github.com/Semantic-Org/Semantic-UI-React/pull/1046) ([vageeshb](https://github.com/vageeshb))
+- [email protected] untested ⚠️ [\#1045](https://github.com/Semantic-Org/Semantic-UI-React/pull/1045) ([greenkeeperio-bot](https://github.com/greenkeeperio-bot))
+- fix\(typings\): fix typings spelling on `Accordion` [\#1044](https://github.com/Semantic-Org/Semantic-UI-React/pull/1044) ([ericl85](https://github.com/ericl85))
+- feat\(Checkbox\): Indeterminate state [\#1043](https://github.com/Semantic-Org/Semantic-UI-React/pull/1043) ([jcarbo](https://github.com/jcarbo))
+- fix\(docs\): Fix check icon [\#1042](https://github.com/Semantic-Org/Semantic-UI-React/pull/1042) ([jcarbo](https://github.com/jcarbo))
+
+## [v0.62.2](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.62.2) (2016-12-16)
+[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.62.1...v0.62.2)
+
+**Implemented enhancements:**
+
+- feat\(Accordion\): ability to open multiple items [\#499](https://github.com/Semantic-Org/Semantic-UI-React/issues/499)
+- Config: support i18n [\#378](https://github.com/Semantic-Org/Semantic-UI-React/issues/378)
+
+**Fixed bugs:**
+
+- docs\(Example\): Fix warnings [\#599](https://github.com/Semantic-Org/Semantic-UI-React/issues/599)
+
+**Closed issues:**
+
+- fix\(Table\): Keys warning when using renderBodyRow [\#1030](https://github.com/Semantic-Org/Semantic-UI-React/issues/1030)
+- Importing single module bundles entire library [\#1025](https://github.com/Semantic-Org/Semantic-UI-React/issues/1025)
+- RFC: Use PureComponent [\#1020](https://github.com/Semantic-Org/Semantic-UI-React/issues/1020)
+- how to render Header when defined as a const like your docs [\#1017](https://github.com/Semantic-Org/Semantic-UI-React/issues/1017)
+- Form Within Modal - formData submitted returns undefined [\#1016](https://github.com/Semantic-Org/Semantic-UI-React/issues/1016)
+- Search Module can't be made a11y compliant [\#885](https://github.com/Semantic-Org/Semantic-UI-React/issues/885)
+- RFC: Open questions around "Collection Shorthand" [\#604](https://github.com/Semantic-Org/Semantic-UI-React/issues/604)
+- Remove or update use of refs [\#405](https://github.com/Semantic-Org/Semantic-UI-React/issues/405)
+
+**Merged pull requests:**
+
+- fix\(Header\): Remove duplicate class [\#1040](https://github.com/Semantic-Org/Semantic-UI-React/pull/1040) ([jcarbo](https://github.com/jcarbo))
+- feat\(docs\): Active className on Sidebar item [\#1031](https://github.com/Semantic-Org/Semantic-UI-React/pull/1031) ([pradel](https://github.com/pradel))
+- [email protected] untested ⚠️ [\#1028](https://github.com/Semantic-Org/Semantic-UI-React/pull/1028) ([greenkeeperio-bot](https://github.com/greenkeeperio-bot))
+- test\(Accordion\): add inclusive tests for opening and closing panels [\#1023](https://github.com/Semantic-Org/Semantic-UI-React/pull/1023) ([koenvg](https://github.com/koenvg))
+- Update node-sass to version 4.0.0 🚀 [\#1015](https://github.com/Semantic-Org/Semantic-UI-React/pull/1015) ([greenkeeperio-bot](https://github.com/greenkeeperio-bot))
+- feat\(Accordion\): ability to open multiple items [\#988](https://github.com/Semantic-Org/Semantic-UI-React/pull/988) ([levithomason](https://github.com/levithomason))
+- test\(Examples\): assert no console errors [\#645](https://github.com/Semantic-Org/Semantic-UI-React/pull/645) ([levithomason](https://github.com/levithomason))
+
 ## [v0.62.1](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.62.1) (2016-12-10)
 [Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.62.0...v0.62.1)
 

docs/app/Components/ComponentDoc/ComponentExample.js

@@ -2,7 +2,7 @@ import * as Babel from 'babel-standalone'
 import _ from 'lodash'
 import React, { Component, createElement, isValidElement, PropTypes } from 'react'
 import { renderToStaticMarkup } from 'react-dom/server'
-import html from 'html-beautify'
+import { html } from 'js-beautify'
 import copyToClipboard from 'copy-to-clipboard'
 
 import { exampleContext, repoURL } from 'docs/app/utils'

docs/app/Components/ComponentDoc/ExampleSection.js

@@ -3,7 +3,7 @@ import React, { PropTypes } from 'react'
 import { Grid, Header } from 'src'
 
 const headerStyle = { marginBottom: '1.5em' }
-const sectionStyle = { background: '#fff', boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)' }
+const sectionStyle = { background: '#fff', boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)', paddingBottom: '5em' }
 
 const ExampleSection = ({ title, children, ...rest }) => (
   <Grid padded style={sectionStyle} {...rest}>

docs/app/Components/Sidebar/Sidebar.js

@@ -119,6 +119,7 @@ export default class Sidebar extends Component {
           onClick={this.handleItemClick}
           as={Link}
           to={getRoute(_meta)}
+          activeClassName='active'
         />
       ))
     )(parentComponents)

docs/app/Examples/collections/Menu/Types/MenuExampleAttached.js

@@ -10,7 +10,7 @@ const MenuExampleAttached = () => {
         <Dropdown as={Menu.Item} icon='wrench' simple>
           <Dropdown.Menu>
             <Dropdown.Item>
-              <Icon name='dropdown icon' />
+              <Icon name='dropdown' />
               <span className='text'>New</span>
 
               <Dropdown.Menu>

docs/app/Examples/collections/Menu/Types/MenuExampleTabularOnTop.js

@@ -16,7 +16,7 @@ export default class MenuExampleTabularOnTop extends Component {
           <Menu.Item name='photos' active={activeItem === 'photos'} onClick={this.handleItemClick} />
           <Menu.Menu position='right'>
             <Menu.Item>
-              <Input transparent icon={{ name: 'search', link: 'true' }} placeholder='Search users...' />
+              <Input transparent icon={{ name: 'search', link: true }} placeholder='Search users...' />
             </Menu.Item>
           </Menu.Menu>
         </Menu>

docs/app/Examples/collections/Table/States/TableExampleWarningShorthand.js

@@ -1,6 +1,13 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
+const tableData = [
+  { name: undefined, status: undefined, notes: undefined },
+  { name: 'Jimmy', status: 'Requires Action', notes: undefined },
+  { name: 'Jamie', status: undefined, notes: 'Hostile' },
+  { name: 'Jill', status: undefined, notes: undefined },
+]
+
 const headerRow = [
   'Name',
   'Status',
@@ -20,17 +27,13 @@ const renderBodyRow = ({ name, status, notes }) => ({
   ],
 })
 
-const tableData = [
-  { name: undefined, status: undefined, notes: undefined },
-  { name: 'Jimmy', status: 'Requires Action', notes: undefined },
-  { name: 'Jamie', status: undefined, notes: 'Hostile' },
-  { name: 'Jill', status: undefined, notes: undefined },
-]
-
-const TableExampleWarningShorthand = () => {
-  return (
-    <Table celled headerRow={headerRow} renderBodyRow={renderBodyRow} tableData={tableData} />
-  )
-}
+const TableExampleWarningShorthand = () => (
+  <Table
+    celled
+    headerRow={headerRow}
+    renderBodyRow={renderBodyRow}
+    tableData={tableData}
+  />
+)
 
 export default TableExampleWarningShorthand

docs/app/Examples/elements/Button/Variations/ButtonExampleToggle.js

@@ -8,6 +8,7 @@ class ButtonExampleToggle extends Component {
 
   render() {
     const { active } = this.state
+
     return (
       <Button toggle active={active} onClick={this.handleClick}>
         Toggle

docs/app/Examples/elements/List/Content/ListExampleDescription.js

@@ -4,14 +4,14 @@ import { List } from 'semantic-ui-react'
 const ListExampleDescription = () => (
   <List>
     <List.Item>
-      <List.Icon name='map marker' />
+      <List.Icon name='marker' />
       <List.Content>
         <List.Header as='a'>Krowlewskie Jadlo</List.Header>
         <List.Description>An excellent polish restaurant, quick delivery and hearty, filling meals.</List.Description>
       </List.Content>
     </List.Item>
     <List.Item>
-      <List.Icon name='map marker' />
+      <List.Icon name='marker' />
       <List.Content>
         <List.Header as='a'>Xian Famous Foods</List.Header>
         <List.Description>
@@ -20,14 +20,14 @@ const ListExampleDescription = () => (
       </List.Content>
     </List.Item>
     <List.Item>
-      <List.Icon name='map marker' />
+      <List.Icon name='marker' />
       <List.Content>
         <List.Header as='a'>Sapporo Haru</List.Header>
         <List.Description>Greenpoint's best choice for quick and delicious sushi.</List.Description>
       </List.Content>
     </List.Item>
     <List.Item>
-      <List.Icon name='map marker' />
+      <List.Icon name='marker' />
       <List.Content>
         <List.Header as='a'>Enid's</List.Header>
         <List.Description>At night a bar, during the day a delicious brunch spot.</List.Description>

docs/app/Examples/modules/Accordion/Variations/AccordionExampleExclusive.js

@@ -0,0 +1,15 @@
+import _ from 'lodash'
+import faker from 'faker'
+import React from 'react'
+import { Accordion } from 'semantic-ui-react'
+
+const panels = _.times(3, () => ({
+  title: faker.lorem.sentence(),
+  content: faker.lorem.paragraphs(),
+}))
+
+const AccordionExampleExclusive = () => (
+  <Accordion panels={panels} exclusive={false} fluid />
+)
+
+export default AccordionExampleExclusive

docs/app/Examples/modules/Accordion/Variations/index.js

@@ -14,6 +14,11 @@ const AccordionTypesExamples = () => (
       description='An accordion can be formatted to appear on dark backgrounds.'
       examplePath='modules/Accordion/Variations/AccordionExampleInverted'
     />
+    <ComponentExample
+      title='Exclusive'
+      description='An accordion can have multiple panels open at the same time.'
+      examplePath='modules/Accordion/Variations/AccordionExampleExclusive'
+    />
   </ExampleSection>
 )
 

docs/app/Examples/modules/Checkbox/States/CheckboxExampleIndeterminate.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Checkbox } from 'semantic-ui-react'
+
+const CheckboxExampleIndeterminate = () => (
+  <Checkbox label='This checkbox is indeterminate' defaultIndeterminate />
+)
+
+export default CheckboxExampleIndeterminate

docs/app/Examples/modules/Checkbox/States/index.js

@@ -5,9 +5,14 @@ import { Message } from 'semantic-ui-react'
 
 const CheckboxStatesExamples = () => (
   <ExampleSection title='States'>
+    <ComponentExample
+      title='Read Only'
+      description='A checkbox can be read-only and unable to change states.'
+      examplePath='modules/Checkbox/States/CheckboxExampleReadOnly'
+    />
     <ComponentExample
       title='Checked'
-      description='A checkbox can come pre-checked.'
+      description='A checkbox can be checked.'
       examplePath='modules/Checkbox/States/CheckboxExampleChecked'
     >
       <Message>
@@ -19,14 +24,14 @@ const CheckboxStatesExamples = () => (
       </Message>
     </ComponentExample>
     <ComponentExample
-      title='Disabled'
-      description='Checkboxes can be disabled.'
-      examplePath='modules/Checkbox/States/CheckboxExampleDisabled'
+      title='Indeterminate'
+      description='A checkbox can be indeterminate.'
+      examplePath='modules/Checkbox/States/CheckboxExampleIndeterminate'
     />
     <ComponentExample
-      title='Read Only'
-      description='Make the checkbox unable to be edited by the user.'
-      examplePath='modules/Checkbox/States/CheckboxExampleReadOnly'
+      title='Disabled'
+      description='A checkbox can be read-only and unable to change states.'
+      examplePath='modules/Checkbox/States/CheckboxExampleDisabled'
     />
     <ComponentExample
       title='Remote Control'

docs/app/Examples/modules/Sidebar/Overlay/SidebarBottomOverlay.js renamed to docs/app/Examples/modules/Sidebar/Overlay/SidebarExampleBottomOverlay.js

@@ -8,22 +8,22 @@ const SidebarVariationsExamples = () => (
     <ComponentExample
       title='Left Overlay'
       description='Sidebar attached to the left of the pushable container overlayed on the pusher.'
-      examplePath='modules/Sidebar/Overlay/SidebarLeftOverlay'
+      examplePath='modules/Sidebar/Overlay/SidebarExampleLeftOverlay'
     />
     <ComponentExample
       title='Right Overlay'
       description='Sidebar attached to the right of the pushable container overlayed on the pusher.'
-      examplePath='modules/Sidebar/Overlay/SidebarRightOverlay'
+      examplePath='modules/Sidebar/Overlay/SidebarExampleRightOverlay'
     />
     <ComponentExample
       title='Top Overlay'
       description='Sidebar attached to the top of the pushable container overlayed on the pusher.'
-      examplePath='modules/Sidebar/Overlay/SidebarTopOverlay'
+      examplePath='modules/Sidebar/Overlay/SidebarExampleTopOverlay'
     />
     <ComponentExample
       title='Bottom Overlay'
       description='Sidebar attached to the bottom of the pushable container overlayed on the pusher.'
-      examplePath='modules/Sidebar/Overlay/SidebarBottomOverlay'
+      examplePath='modules/Sidebar/Overlay/SidebarExampleBottomOverlay'
     />
   </ExampleSection>
 )

docs/app/Examples/modules/Sidebar/Overlay/SidebarLeftOverlay.js renamed to docs/app/Examples/modules/Sidebar/Overlay/SidebarExampleLeftOverlay.js

@@ -8,22 +8,22 @@ const SidebarVariationsExamples = () => (
     <ComponentExample
       title='Left Push'
       description='Sidebar attached to the left of the pushable container pushing the pusher.'
-      examplePath='modules/Sidebar/Push/SidebarLeftPush'
+      examplePath='modules/Sidebar/Push/SidebarExampleLeftPush'
     />
     <ComponentExample
       title='Right Push'
       description='Sidebar attached to the right of the pushable container pushing the pusher.'
-      examplePath='modules/Sidebar/Push/SidebarRightPush'
+      examplePath='modules/Sidebar/Push/SidebarExampleRightPush'
     />
     <ComponentExample
       title='Top Push'
       description='Sidebar attached to the top of the pushable container pushing the pusher.'
-      examplePath='modules/Sidebar/Push/SidebarTopPush'
+      examplePath='modules/Sidebar/Push/SidebarExampleTopPush'
     />
     <ComponentExample
       title='Bottom Push'
       description='Sidebar attached to the bottom of the pushable container pushing the pusher.'
-      examplePath='modules/Sidebar/Push/SidebarBottomPush'
+      examplePath='modules/Sidebar/Push/SidebarExampleBottomPush'
     />
   </ExampleSection>
 )

docs/app/Examples/modules/Sidebar/Overlay/SidebarRightOverlay.js renamed to docs/app/Examples/modules/Sidebar/Overlay/SidebarExampleRightOverlay.js

@@ -8,22 +8,22 @@ const SidebarVariationsExamples = () => (
     <ComponentExample
       title='Left Scale Down'
       description='Sidebar attached to the left of the pushable container scaling down the pusher.'
-      examplePath='modules/Sidebar/ScaleDown/SidebarLeftScaleDown'
+      examplePath='modules/Sidebar/ScaleDown/SidebarExampleLeftScaleDown'
     />
     <ComponentExample
       title='Right Scale Down'
       description='Sidebar attached to the right of the pushable container scaling down the pusher.'
-      examplePath='modules/Sidebar/ScaleDown/SidebarRightScaleDown'
+      examplePath='modules/Sidebar/ScaleDown/SidebarExampleRightScaleDown'
     />
     <ComponentExample
       title='Top Scale Down'
       description='Sidebar attached to the top of the pushable container scaling down the pusher.'
-      examplePath='modules/Sidebar/ScaleDown/SidebarTopScaleDown'
+      examplePath='modules/Sidebar/ScaleDown/SidebarExampleTopScaleDown'
     />
     <ComponentExample
       title='Bottom Scale Down'
       description='Sidebar attached to the bottom of the pushable container scaling down the pusher.'
-      examplePath='modules/Sidebar/ScaleDown/SidebarBottomScaleDown'
+      examplePath='modules/Sidebar/ScaleDown/SidebarExampleBottomScaleDown'
     />
   </ExampleSection>
 )

docs/app/Examples/modules/Sidebar/Overlay/SidebarTopOverlay.js renamed to docs/app/Examples/modules/Sidebar/Overlay/SidebarExampleTopOverlay.js

@@ -8,12 +8,12 @@ const SidebarVariationsExamples = () => (
     <ComponentExample
       title='Left Slide Along'
       description='Sidebar attached to the left of the pushable container sliding along the pusher.'
-      examplePath='modules/Sidebar/SlideAlong/SidebarLeftSlideAlong'
+      examplePath='modules/Sidebar/SlideAlong/SidebarExampleLeftSlideAlong'
     />
     <ComponentExample
       title='Right Slide Along'
       description='Sidebar attached to the right of the pushable container sliding along the pusher.'
-      examplePath='modules/Sidebar/SlideAlong/SidebarRightSlideAlong'
+      examplePath='modules/Sidebar/SlideAlong/SidebarExampleRightSlideAlong'
     />
   </ExampleSection>
 )

docs/app/Examples/modules/Sidebar/Overlay/index.js

@@ -8,12 +8,12 @@ const SidebarVariationsExamples = () => (
     <ComponentExample
       title='Left Slide Out'
       description='Sidebar attached to the left of the pushable container sliding out from the pusher.'
-      examplePath='modules/Sidebar/SlideOut/SidebarLeftSlideOut'
+      examplePath='modules/Sidebar/SlideOut/SidebarExampleLeftSlideOut'
     />
     <ComponentExample
       title='Right Slide Out'
       description='Sidebar attached to the right of the pushable container sliding out from the pusher.'
-      examplePath='modules/Sidebar/SlideOut/SidebarRightSlideOut'
+      examplePath='modules/Sidebar/SlideOut/SidebarExampleRightSlideOut'
     />
   </ExampleSection>
 )

docs/app/Examples/modules/Sidebar/Push/SidebarBottomPush.js renamed to docs/app/Examples/modules/Sidebar/Push/SidebarExampleBottomPush.js

@@ -8,12 +8,12 @@ const SidebarVariationsExamples = () => (
     <ComponentExample
       title='Left Uncover'
       description='Sidebar attached to the left of the pushable container uncovering by the pusher.'
-      examplePath='modules/Sidebar/Uncover/SidebarLeftUncover'
+      examplePath='modules/Sidebar/Uncover/SidebarExampleLeftUncover'
     />
     <ComponentExample
       title='Right Uncover'
       description='Sidebar attached to the right of the pushable container uncovered by the pusher.'
-      examplePath='modules/Sidebar/Uncover/SidebarRightUncover'
+      examplePath='modules/Sidebar/Uncover/SidebarExampleRightUncover'
     />
   </ExampleSection>
 )

docs/app/Examples/modules/Sidebar/Push/SidebarLeftPush.js renamed to docs/app/Examples/modules/Sidebar/Push/SidebarExampleLeftPush.js

@@ -32,7 +32,8 @@ const CardExampleContentBlock = () => (
 
         <Feed.Event>
           <Feed.Label image='http://semantic-ui.com/images/avatar/small/elliot.jpg' />
-          <Feed.Content date='4 days ago'>
+          <Feed.Content>
+            <Feed.Date content='4 days ago' />
             <Feed.Summary>
               You added <a>Elliot Baker</a> to your <a>musicians</a> group.
             </Feed.Summary>