material-ui 0.7.3.1

data/vendor/assets/javascripts/material-ui/components/svg-icons/drop-down-arrow.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+var SvgIcon = require('./svg-icon');
+
+var DropDownArrow = React.createClass({
+
+  render: function() {
+    return (
+      <SvgIcon {...this.props}>
+        <polygon points="7,9.5 12,14.5 17,9.5 "/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = DropDownArrow;

data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-chevron-left.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+var SvgIcon = require('./svg-icon');
+
+var NavigationChevronLeft = React.createClass({
+
+  render: function() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = NavigationChevronLeft;

data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-chevron-right.jsx

@@ -0,0 +1,17 @@
+var React = require('react');
+var SvgIcon = require('./svg-icon');
+
+var NavigationChevronLeft = React.createClass({
+
+  render: function() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = NavigationChevronLeft;
+

data/vendor/assets/javascripts/material-ui/components/svg-icons/navigation-menu.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+var SvgIcon = require('./svg-icon');
+
+var NavigationMenu = React.createClass({
+
+  render: function() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = NavigationMenu;

data/vendor/assets/javascripts/material-ui/components/svg-icons/svg-icon.jsx

@@ -0,0 +1,23 @@
+var React = require('react');
+var Classable = require('../mixins/classable');
+
+var SvgIcon = React.createClass({
+
+  mixins: [Classable],
+
+  render: function() {
+    var classes = this.getClasses('mui-svg-icon');
+
+    return (
+      <svg
+        {...this.props}
+        className={classes}
+        viewBox="0 0 24 24">
+        {this.props.children}
+      </svg>
+    );
+  }
+
+});
+
+module.exports = SvgIcon;

data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-check-box-checked.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+var SvgIcon = require('./svg-icon');
+
+var ToggleCheckBoxChecked = React.createClass({
+
+  render: function() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M10,17l-5-5l1.4-1.4 l3.6,3.6l7.6-7.6L19,8L10,17z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ToggleCheckBoxChecked;

data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-check-box-outline-blank.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+var SvgIcon = require('./svg-icon');
+
+var ToggleCheckBoxOutlineBlank = React.createClass({
+
+  render: function() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ToggleCheckBoxOutlineBlank;

data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-radio-button-off.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+var SvgIcon = require('./svg-icon');
+
+var RadioButtonOff = React.createClass({
+
+  render: function() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = RadioButtonOff;

data/vendor/assets/javascripts/material-ui/components/svg-icons/toggle-radio-button-on.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+var SvgIcon = require('./svg-icon');
+
+var RadioButtonOn = React.createClass({
+
+  render: function() {
+    return (
+      <SvgIcon {...this.props}>
+       <path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = RadioButtonOn;

data/vendor/assets/javascripts/material-ui/components/table-header.jsx

@@ -0,0 +1,50 @@
+var React = require('react'),
+  Classable = require('./mixins/classable');
+
+var TableHeader = React.createClass({
+
+  mixins: [Classable],
+
+  propTypes: {
+    headerItems: React.PropTypes.array.isRequired
+  },
+
+  getDefaultProps: function() {
+    return {
+    };
+  },
+
+  render: function() {
+    var classes = this.getClasses('mui-table-header');
+
+    return (
+      <div className={classes}>
+        {this._getChildren()}
+        <div className="mui-table-header-pagify">
+          (Pagify)
+        </div>
+      </div>
+    );
+  },
+
+  _getChildren: function() {
+    var children = [],
+      headerItem,
+      itemComponent
+
+    for (var i=0; i < this.props.headerItems.length; i++) {
+      headerItem = this.props.headerItems[i];
+
+      itemComponent = (
+        <div key={i} className="mui-table-header-column">{headerItem.text}</div>
+      );
+
+      children.push(itemComponent);
+    }
+
+    return children;
+  }
+
+});
+
+module.exports = TableHeader;

data/vendor/assets/javascripts/material-ui/components/table-rows-item.jsx

@@ -0,0 +1,31 @@
+var React = require('react'),
+  Classable = require('./mixins/classable');
+
+var TableRowItem = React.createClass({
+
+  mixins: [Classable],
+
+  propTypes: {
+  },
+
+  getDefaultProps: function() {
+    return {
+    };
+  },
+
+  render: function() {
+    var classes = this.getClasses('mui-table-rows-item');
+
+    return (
+      <div className={classes}>
+        (TableRowItem)
+        <div className="mui-table-rows-actions">
+          (Actions)
+        </div>
+      </div>
+    );
+  }
+
+});
+
+module.exports = TableRowItem;

data/vendor/assets/javascripts/material-ui/components/table-rows.jsx

@@ -0,0 +1,57 @@
+var React = require('react'),
+  Classable = require('./mixins/classable'),
+  TableRowsItem = require('./table-rows-item');
+
+var TableRow = React.createClass({
+
+  mixins: [Classable],
+
+  propTypes: {
+    rowItems: React.PropTypes.array.isRequired
+  },
+
+  getDefaultProps: function() {
+    return {
+    };
+  },
+
+  render: function() {
+    var classes = this.getClasses('mui-table-rows');
+
+    return (
+      <div className={classes}>
+        {this._getChildren()}
+      </div>
+    );
+  },
+
+  _getChildren: function() {
+    var children = [],
+      rowItem,
+      itemComponent
+
+    for (var i=0; i < this.props.rowItems.length; i++) {
+      rowItem = this.props.rowItems[i];
+
+      /*
+      for(var prop in rowItem) {
+        if(rowItem.hasOwnProperty(prop)) {
+          console.log(prop);
+        }
+      }
+      console.log("--");
+      */
+
+      itemComponent = (
+        <TableRowsItem />
+      );
+
+      children.push(itemComponent);
+    }
+
+    return children;
+  }
+
+});
+
+module.exports = TableRow;

data/vendor/assets/javascripts/material-ui/components/tabs/tab.jsx

@@ -0,0 +1,38 @@
+var React = require('react');
+var Classable = require('../mixins/classable');
+var TabTemplate = require('./tabTemplate');
+
+
+var Tab = React.createClass({
+
+  mixins: [Classable],
+
+  propTypes: {
+    handleTouchTap: React.PropTypes.func,
+    selected: React.PropTypes.bool
+  },
+
+
+  handleTouchTap: function(){
+    this.props.handleTouchTap(this.props.tabIndex, this);
+  },
+
+  render: function(){
+    var styles = {
+      width: this.props.width
+    };
+
+    var classes = this.getClasses('mui-tab-item', {
+      'mui-tab-is-active': this.props.selected
+    });
+
+    return (
+    <div className={classes} style={styles} onTouchTap={this.handleTouchTap} routeName={this.props.route}>
+      {this.props.label}
+    </div>
+    )
+  }
+
+});
+
+module.exports = Tab;

data/vendor/assets/javascripts/material-ui/components/tabs/tabTemplate.jsx

@@ -0,0 +1,15 @@
+var React = require('react');
+
+var TabTemplate = React.createClass({
+
+  render: function(){
+
+    return (
+      <div className='mui-tab-template'>
+        {this.props.children}
+      </div>
+    );
+  },
+});
+
+module.exports = TabTemplate;

data/vendor/assets/javascripts/material-ui/components/tabs/tabs.jsx

@@ -0,0 +1,96 @@
+var React = require('react/addons');
+var Tab = require('./tab');
+var TabTemplate = require('./tabTemplate');
+var InkBar = require('../ink-bar');
+
+var Tabs = React.createClass({
+
+  propTypes: {
+    initialSelectedIndex: React.PropTypes.number,
+    onActive: React.PropTypes.func,
+    tabWidth: React.PropTypes.number
+  },
+
+  getInitialState: function(){
+    var selectedIndex = 0;
+    if (this.props.initialSelectedIndex && this.props.initialSelectedIndex < this.props.children.length) {
+      selectedIndex = this.props.initialSelectedIndex;
+    }
+    return {
+      selectedIndex: selectedIndex
+    };
+  },
+
+  getEvenWidth: function(){
+    return (
+      parseInt(window
+        .getComputedStyle(this.getDOMNode())
+        .getPropertyValue('width'), 10)
+    );
+  },
+
+  componentDidMount: function(){
+    if(this.props.tabWidth) {
+      if(!(this.props.children.length * this.props.tabWidth > this.getEvenWidth())){
+        this.setState({
+          width: this.props.tabWidth,
+          fixed: false
+        });
+        return;
+      }
+    }
+    this.setState({
+      width: this.getEvenWidth(),
+      fixed: true
+    });
+  },
+
+  handleTouchTap: function(tabIndex, tab){
+    if (this.props.onChange && this.state.selectedIndex !== tabIndex) {
+      this.props.onChange(tabIndex, tab);
+    }
+
+    this.setState({selectedIndex: tabIndex});
+    //default CB is _onActive. Can be updated in tab.jsx
+    if(tab.props.onActive) tab.props.onActive(tab);
+  },
+
+  render: function(){
+    var _this = this;
+    var width = this.state.fixed ?
+      this.state.width/this.props.children.length :
+      this.props.tabWidth;
+    var left = width * this.state.selectedIndex || 0;
+    var currentTemplate;
+    var tabs = React.Children.map(this.props.children, function(tab, index){
+      if(tab.type.displayName === "Tab"){
+        if(_this.state.selectedIndex === index) currentTemplate = tab.props.children;
+         return React.addons.cloneWithProps(tab, {
+            key: index,
+            selected: _this.state.selectedIndex === index,
+            tabIndex: index,
+            width: width,
+            handleTouchTap: _this.handleTouchTap
+          })
+      } else {
+        var type = tab.type.displayName || tab.type;
+        throw "Tabs only accepts Tab Components as children. Found " + type + " as child number " + (index + 1) + " of Tabs";
+      }
+    });
+
+    return (
+      <div className="mui-tabs-container">
+        <div className="mui-tab-item-container">
+          {tabs}
+        </div>
+        <InkBar left={left} width={width}/>
+        <TabTemplate>
+          {currentTemplate}
+        </TabTemplate>
+      </div>
+    )
+  },
+
+});
+
+module.exports = Tabs;