Prefix remaining subcomponents with parent name

docs/app/Examples/views/Statistic/Types/StatisticBottomLabelExample.js

@@ -5,8 +5,8 @@ export default class StatisticBottomLabelExample extends Component {
   render() {
     return (
       <Statistic>
-        <Statistic.Label>5,550</Statistic.Label>
-        <Statistic.Value>Downloads</Statistic.Value>
+        <Statistic.Value>5,550</Statistic.Value>
+        <Statistic.Label>Downloads</Statistic.Label>
       </Statistic>
     )
   }

src/collections/Grid/Grid.js

@@ -1,8 +1,8 @@
 import classNames from 'classnames'
 import React, { Component, PropTypes } from 'react'
 import META from '../../utils/Meta'
-import Column from './Column'
-import Row from './Row'
+import GridColumn from './GridColumn'
+import GridRow from './GridRow'
 
 export default class Grid extends Component {
   static propTypes = {
@@ -16,15 +16,15 @@ export default class Grid extends Component {
     type: META.type.collection,
   };
 
-  static Column = Column;
-  static Row = Row;
+  static Column = GridColumn;
+  static Row = GridRow;
 
   render() {
     const classes = classNames(
       'sd-grid',
       'ui',
       this.props.className,
-      'grid',
+      'grid'
     )
     return (
       <div {...this.props} className={classes}>

src/collections/Grid/Column.js → src/collections/Grid/GridColumn.js

@@ -4,7 +4,7 @@ import React, { Component, PropTypes } from 'react'
 import numberToWord from '../../utils/numberToWord'
 import META from '../../utils/Meta.js'
 
-export default class Column extends Component {
+export default class GridColumn extends Component {
   static propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,

src/collections/Grid/Row.js → src/collections/Grid/GridRow.js

@@ -2,7 +2,7 @@ import classNames from 'classnames'
 import React, { Component, PropTypes } from 'react'
 import META from '../../utils/Meta'
 
-export default class Row extends Component {
+export default class GridRow extends Component {
   static propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,

src/elements/Header/Header.js

@@ -1,27 +1,27 @@
 import React, { Component } from 'react'
 import META from '../../utils/Meta'
 import _Header from './_Header'
-import H1 from './H1'
-import H2 from './H2'
-import H3 from './H3'
-import H4 from './H4'
-import H5 from './H5'
-import H6 from './H6'
-import Subheader from './Subheader'
+import HeaderH1 from './HeaderH1'
+import HeaderH2 from './HeaderH2'
+import HeaderH3 from './HeaderH3'
+import HeaderH4 from './HeaderH4'
+import HeaderH5 from './HeaderH5'
+import HeaderH6 from './HeaderH6'
+import HeaderSubheader from './HeaderSubheader'
 
 export default class Header extends Component {
   static _meta = {
     library: META.library.semanticUI,
     name: 'Header',
     type: META.type.element,
   };
-  static H1 = H1;
-  static H2 = H2;
-  static H3 = H3;
-  static H4 = H4;
-  static H5 = H5;
-  static H6 = H6;
-  static Subheader = Subheader;
+  static H1 = HeaderH1;
+  static H2 = HeaderH2;
+  static H3 = HeaderH3;
+  static H4 = HeaderH4;
+  static H5 = HeaderH5;
+  static H6 = HeaderH6;
+  static Subheader = HeaderSubheader;
   render() {
     return (
       <_Header {...this.props} _headerElement='div'/>

src/elements/Header/H1.js → src/elements/Header/HeaderH1.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import META from '../../utils/Meta'
 import _Header from './_Header'
 
-export default class H1 extends Component {
+export default class HeaderH1 extends Component {
   static _meta = {
     library: META.library.semanticUI,
     name: 'H1',

src/elements/Header/H2.js → src/elements/Header/HeaderH2.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import META from '../../utils/Meta'
 import _Header from './_Header'
 
-export default class H2 extends Component {
+export default class HeaderH2 extends Component {
   static _meta = {
     library: META.library.semanticUI,
     name: 'H2',

src/elements/Header/H3.js → src/elements/Header/HeaderH3.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import META from '../../utils/Meta'
 import _Header from './_Header'
 
-export default class H3 extends Component {
+export default class HeaderH3 extends Component {
   static _meta = {
     library: META.library.semanticUI,
     name: 'H3',

src/elements/Header/H4.js → src/elements/Header/HeaderH4.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import META from '../../utils/Meta'
 import _Header from './_Header'
 
-export default class H4 extends Component {
+export default class HeaderH4 extends Component {
   static _meta = {
     library: META.library.semanticUI,
     name: 'H4',

src/elements/Header/H5.js → src/elements/Header/HeaderH5.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import META from '../../utils/Meta'
 import _Header from './_Header'
 
-export default class H5 extends Component {
+export default class HeaderH5 extends Component {
   static _meta = {
     library: META.library.semanticUI,
     name: 'H5',

src/elements/Header/H6.js → src/elements/Header/HeaderH6.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import META from '../../utils/Meta'
 import _Header from './_Header'
 
-export default class H6 extends Component {
+export default class HeaderH6 extends Component {
   static _meta = {
     library: META.library.semanticUI,
     name: 'H6',

src/elements/Header/Subheader.js → src/elements/Header/HeaderSubheader.js

@@ -3,7 +3,7 @@ import classNames from 'classnames'
 import META from '../../utils/Meta'
 import getUnhandledProps from '../../utils/getUnhandledProps'
 
-export default class Subheader extends Component {
+export default class HeaderSubheader extends Component {
   static propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,

src/index.js

@@ -5,12 +5,12 @@ import Confirm from './addons/Confirm/Confirm'
 import Textarea from './addons/Textarea/Textarea'
 
 // Collections
-import Column from './collections/Grid/Column'
+import { default as Column } from './collections/Grid/GridColumn'
 import { default as Field } from './collections/Form/FormField'
 import { default as Fields } from './collections/Form/FormFields'
 import Form from './collections/Form/Form'
 import Grid from './collections/Grid/Grid'
-import Row from './collections/Grid/Row'
+import { default as Row } from './collections/Grid/GridRow'
 import Menu from './collections/Menu/Menu'
 import MenuItem from './collections/Menu/MenuItem'
 import Message from './collections/Message/Message'

src/views/Statistic/Statistic.js

@@ -6,8 +6,8 @@ import { customPropTypes } from '../../utils/propUtils'
 import META from '../../utils/Meta'
 
 import Statistics from './Statistics'
-import Label from './Label'
-import Value from './Value'
+import StatisticLabel from './StatisticLabel'
+import StatisticValue from './StatisticValue'
 
 export default class Statistic extends Component {
   static propTypes = {
@@ -22,8 +22,8 @@ export default class Statistic extends Component {
   };
 
   static Statistics = Statistics;
-  static Label = Label;
-  static Value = Value;
+  static Label = StatisticLabel;
+  static Value = StatisticValue;
 
   render() {
     const classes = classNames(

src/views/Statistic/Label.js → src/views/Statistic/StatisticLabel.js

@@ -3,7 +3,7 @@ import classNames from 'classnames'
 import getUnhandledProps from '../../utils/getUnhandledProps'
 import META from '../../utils/Meta'
 
-export default class Label extends Component {
+export default class StatisticLabel extends Component {
   static propTypes = {
     children: PropTypes.node.isRequired,
     className: PropTypes.string,

src/views/Statistic/Value.js → src/views/Statistic/StatisticValue.js

@@ -3,7 +3,7 @@ import classNames from 'classnames'
 import getUnhandledProps from '../../utils/getUnhandledProps'
 import META from '../../utils/Meta'
 
-export default class Value extends Component {
+export default class StatisticValue extends Component {
   static propTypes = {
     children: PropTypes.node.isRequired,
     className: PropTypes.string,

test/specs/index-test.js

@@ -15,10 +15,10 @@ const componentNames = _.map(componentCtx.keys(), key => {
 
 describe('stardust (index.js)', () => {
   _.each(componentNames, name => {
-    const shortName = _.words(name)[1]                                           // => FormField => Field
+    const nameWithoutPrefix = _.words(name).splice(1).join('')                           // => HeaderH1 => H1
     const isPrivate = META.isPrivate(name)
-    const isStardustProp = _.has(stardust, name) || _.has(stardust, shortName)   // => stardust.H1
-    const isSubComponent = _.some(stardust, name)                                // => stardust.Header.H1
+    const isStardustProp = _.has(stardust, name) || _.has(stardust, nameWithoutPrefix)   // => stardust.H1
+    const isSubComponent = _.some(stardust, name) || _.some(stardust, nameWithoutPrefix) // => stardust.Header.H1
 
     if (isPrivate) {
       it(`does not expose private component "${name}"`, () => {