Merge pull request #77 from TechnologyAdvice/feature/component-meta-data

Add component meta data

Author: levithomason

src/addons/Confirm/Confirm.js

@@ -2,6 +2,7 @@ import React, {Component, PropTypes} from 'react';
 import Promise from 'bluebird';
 import classNames from 'classnames';
 
+import META from 'src/utils/Meta.js';
 import Modal from 'src/modules/Modal/Modal';
 import ModalContent from 'src/modules/Modal/ModalContent';
 import ModalFooter from 'src/modules/Modal/ModalFooter';
@@ -53,6 +54,12 @@ export default class Confirm extends Component {
     return this.deferred.promise;
   };
 
+  static _meta = {
+    library: META.library.stardust,
+    name: 'Confirm',
+    type: META.type.addon,
+  };
+
   render() {
     const classes = classNames(
       'sd-confirm',

src/addons/Textarea/Textarea.js

@@ -1,12 +1,19 @@
 import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
+import META from 'src/utils/Meta';
 
 export default class Textarea extends Component {
   static propTypes = {
     className: PropTypes.string,
     label: PropTypes.string,
   };
 
+  static _meta = {
+    library: META.library.stardust,
+    name: 'Textarea',
+    type: META.type.addon,
+  };
+
   render() {
     const classes = classNames(
       'sd-textarea',

src/collections/Form/Field.js

@@ -1,6 +1,7 @@
 import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
 import numberToWord from 'src/utils/numberToWord';
+import META from 'src/utils/Meta.js';
 
 export default class Field extends Component {
   static propTypes = {
@@ -10,6 +11,13 @@ export default class Field extends Component {
     width: PropTypes.number,
   };
 
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Field',
+    parent: 'Form',
+    type: META.type.collection,
+  };
+
   render() {
     const classes = classNames(
       'sd-field',

src/collections/Form/Form.js

@@ -1,6 +1,7 @@
 import _ from 'lodash';
 import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
+import META from 'src/utils/Meta';
 
 export default class Form extends Component {
   static propTypes = {
@@ -37,6 +38,12 @@ export default class Form extends Component {
     return json;
   };
 
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Form',
+    type: META.type.collection,
+  };
+
   render() {
     const classes = classNames(
       'sd-form',

src/collections/Grid/Column.js

@@ -2,6 +2,7 @@ import _ from 'lodash';
 import classNames from 'classnames';
 import React, {Component, PropTypes} from 'react';
 import numberToWord from 'src/utils/numberToWord';
+import META from 'src/utils/Meta.js';
 
 export default class Column extends Component {
   static propTypes = {
@@ -11,6 +12,13 @@ export default class Column extends Component {
     width: PropTypes.oneOf(_.range(1, 17)),
   };
 
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Column',
+    type: META.type.collection,
+    parent: 'Grid',
+  };
+
   render() {
     const classes = classNames(
       'sd-column',

src/collections/Grid/Grid.js

@@ -1,12 +1,19 @@
 import classNames from 'classnames';
 import React, {Component, PropTypes} from 'react';
+import META from 'src/utils/Meta';
 
 export default class Grid extends Component {
   static propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
   };
 
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Grid',
+    type: META.type.collection,
+  };
+
   render() {
     const classes = classNames(
       'sd-grid',

src/collections/Grid/Row.js

@@ -1,12 +1,20 @@
 import classNames from 'classnames';
 import React, {Component, PropTypes} from 'react';
+import META from 'src/utils/Meta';
 
 export default class Row extends Component {
   static propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
   };
 
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Row',
+    type: META.type.collection,
+    parent: 'Grid',
+  };
+
   render() {
     const classes = classNames(
       'sd-row',

src/collections/Menu/Menu.js

@@ -1,5 +1,6 @@
 import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
+import META from 'src/utils/Meta';
 
 export default class Menu extends Component {
   static propTypes = {
@@ -14,6 +15,12 @@ export default class Menu extends Component {
     this.setState({activeItem});
   };
 
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Menu',
+    type: META.type.collection,
+  };
+
   render() {
     const classes = classNames(
       'sd-menu',

src/collections/Menu/MenuItem.js

@@ -1,5 +1,6 @@
 import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
+import META from 'src/utils/Meta';
 
 export default class MenuItem extends Component {
   static propTypes = {
@@ -22,6 +23,13 @@ export default class MenuItem extends Component {
     this.props.callbackParent(this.props.name);
   };
 
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'MenuItem',
+    type: META.type.collection,
+    parent: 'Menu'
+  };
+
   render() {
     const menuLabel = <div className='sd-menu-label ui blue label'>{this.props.label}</div>;
     const isActive = this.props.activeItem === this.props.name;

src/collections/Message/Message.js

@@ -2,6 +2,7 @@ import _ from 'lodash';
 import React, {Component, findDOMNode, PropTypes} from 'react';
 import classNames from 'classnames';
 import $ from 'jquery';
+import META from 'src/utils/Meta';
 
 export default class Message extends Component {
   static propTypes = {
@@ -20,6 +21,12 @@ export default class Message extends Component {
     this.messageElm.transition('fade');
   };
 
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Message',
+    type: META.type.collection,
+  };
+
   render() {
     const classes = classNames(
       'sd-message',