material-ui - npm Package Compare versions

Comparing version 0.1.27 to 0.1.28

docs/dist/index.js

@@ -0,0 +0,0 @@ module.exports = {

docs/dist/js/app-bar.jsx

@@ -7,2 +7,3 @@ /**
   Classable = require('./mixins/classable.js'),
+  Icon = require('./icon.jsx'),
   Paper = require('./paper.jsx');
@@ -15,3 +16,5 @@
   propTypes: {
-    title : React.PropTypes.string
+    title : React.PropTypes.string,
+    onMenuIconClick: React.PropTypes.func,
+    zDepth: React.PropTypes.number
   },
@@ -21,3 +24,4 @@
   	return {
-      title: ''
+      title: '',
+      zDepth: 1
   	}
@@ -28,8 +32,10 @@ },
     var classes = this.getClasses('mui-app-bar'),
-      title;
+      title, menuIcon;
 
     if (this.props.title) title = <h1 className="mui-app-bar-title">{this.props.title}</h1>;
+    if (this.props.onMenuIconClick) menuIcon = <Icon icon="menu" onClick={this.props.onMenuIconClick} />;
 
     return (
-    	<Paper rounded={false} className={classes}>
+    	<Paper rounded={false} className={classes} zDepth={this.props.zDepth}>
+        {menuIcon}
         {title}
@@ -36,0 +42,0 @@ {this.props.children}

docs/dist/js/app-canvas.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/checkbox.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/dialog.jsx

@@ -0,0 +0,0 @@ /** @jsx React.DOM */

docs/dist/js/drop-down-icon.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/drop-down-menu.jsx

@@ -53,3 +53,3 @@ /**
         <div className="mui-menu-control" onClick={this._onControlClick}>
-          <Paper className="mui-menu-control-bg"zDepth="0" />
+          <Paper className="mui-menu-control-bg"zDepth={0} />
           <div className="mui-menu-label">
@@ -56,0 +56,0 @@ {this.props.menuItems[this.state.selectedIndex].text}

docs/dist/js/icon.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/input.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/left-nav.jsx

@@ -8,28 +8,59 @@ /**
   Paper = require('./paper.jsx'),
-	Menu = require('./menu.jsx');
+  Menu = require('./menu.jsx');
 
 var LeftNav = React.createClass({
 
-	mixins: [Classable],
+  mixins: [Classable],
 
   propTypes: {
     onChange: React.PropTypes.func,
-    header: React.PropTypes.component,
+    header: React.PropTypes.element,
     menuItems: React.PropTypes.array.isRequired,
-    selectedIndex: React.PropTypes.number
+    selectedIndex: React.PropTypes.number,
+    isInitiallyOpen: React.PropTypes.bool
   },
 
+  getDefaultProps: function() {
+    return {
+      isInitiallyOpen: true
+    };
+  },
+
+  getInitialState: function() {
+    return {
+      open: this.props.isInitiallyOpen
+    };
+  },
+
+  toggle: function() {
+    this.setState({ open: !this.state.open });
+  },
+
+  close: function() {
+    this.setState({ open: false });
+  },
+
   render: function() {
-    var classes = this.getClasses('mui-left-nav'),
+    var classes = this.getClasses('mui-left-nav', {
+        'mui-closed': !this.state.open
+      }),
       selectedIndex = this.props.selectedIndex;
 
     return (
-      <Paper zDepth={2} rounded={false} className={classes}>
-        {this.props.header}
-        <Menu ref="menuItems" zDepth={0} menuItems={this.props.menuItems} selectedIndex={selectedIndex} onItemClick={this._onMenuItemClick} />
-      </Paper>
+      <div className={classes}>
+        <div className="mui-overlay" onClick={this._onOverlayClick}></div>
+        <Paper ref="clickAwayableElement" className="mui-left-nav-menu" zDepth={2} rounded={false}>
+          {this.props.header}
+          <Menu ref="menuItems" zDepth={0} menuItems={this.props.menuItems} selectedIndex={selectedIndex} onItemClick={this._onMenuItemClick} />
+        </Paper>
+      </div>
     );
   },
 
+  _onOverlayClick: function() {
+    this.close();
+  },
+
   _onMenuItemClick: function(e, key, payload) {
+    this.close();
     if (this.props.onChange && this.props.selectedIndex !== key) this.props.onChange(e, key, payload);
@@ -36,0 +67,0 @@ }

docs/dist/js/menu-item.jsx

@@ -21,3 +21,3 @@ /**
   propTypes: {
-    key: React.PropTypes.number.isRequired,
+    index: React.PropTypes.number.isRequired,
     icon: React.PropTypes.string,
@@ -63,3 +63,3 @@ iconRight: React.PropTypes.string,
     return (
-      <div key={this.props.key} className={classes} onClick={this._onClick}>
+      <div key={this.props.index} className={classes} onClick={this._onClick}>
         {icon}
@@ -77,7 +77,7 @@ {this.props.children}
   _onClick: function(e) {
-    if (this.props.onClick) this.props.onClick(e, this.props.key);
+    if (this.props.onClick) this.props.onClick(e, this.props.index);
   },
 
   _onToggleClick: function(e, toggled) {
-    if (this.props.onToggle) this.props.onToggle(e, this.props.key, toggled);
+    if (this.props.onToggle) this.props.onToggle(e, this.props.index, toggled);
   }
@@ -84,0 +84,0 @@

docs/dist/js/menu.jsx

@@ -22,3 +22,3 @@ /**
   propTypes: {
-    key: React.PropTypes.number.isRequired,
+    index: React.PropTypes.number.isRequired,
     text: React.PropTypes.string,
@@ -53,3 +53,3 @@ menuItems: React.PropTypes.array.isRequired,
       <div className={classes}>
-        <MenuItem key={this.props.key} iconRight="arrow-drop-right" onClick={this._onParentItemClick}>
+        <MenuItem index={this.props.index} iconRight="arrow-drop-right" onClick={this._onParentItemClick}>
           {this.props.text}
@@ -78,5 +78,5 @@ </MenuItem>
 
-  _onMenuItemClick: function(e, key, menuItem) {
+  _onMenuItemClick: function(e, index, menuItem) {
     this.setState({ open: false });
-    if (this.props.onItemClick) this.props.onItemClick(e, key, menuItem);
+    if (this.props.onItemClick) this.props.onItemClick(e, index, menuItem);
   }
@@ -164,3 +164,3 @@
           itemComponent = (
-            <a key={i} className="mui-menu-item" href={menuItem.payload}>{menuItem.text}</a>
+            <a key={i} index={i} className="mui-menu-item" href={menuItem.payload}>{menuItem.text}</a>
           );
@@ -171,3 +171,3 @@ break;
           itemComponent = (
-            <div key={i} className="mui-subheader">{menuItem.text}</div>
+            <div key={i} index={i} className="mui-subheader">{menuItem.text}</div>
           );
@@ -180,3 +180,4 @@ break;
               ref={i} 
-              key={i} 
+              key={i}
+              index={i} 
               text={menuItem.text} 
@@ -194,3 +195,4 @@ menuItems={menuItem.items}
               selected={isSelected} 
-              key={i} 
+              key={i}
+              index={i} 
               icon={menuItem.icon} 
@@ -243,12 +245,12 @@ data={menuItem.data}
 
-  _onNestedItemClick: function(e, key, menuItem) {
-    if (this.props.onItemClick) this.props.onItemClick(e, key, menuItem);
+  _onNestedItemClick: function(e, index, menuItem) {
+    if (this.props.onItemClick) this.props.onItemClick(e, index, menuItem);
   },
 
-  _onItemClick: function(e, key) {
-    if (this.props.onItemClick) this.props.onItemClick(e, key, this.props.menuItems[key]);
+  _onItemClick: function(e, index) {
+    if (this.props.onItemClick) this.props.onItemClick(e, index, this.props.menuItems[index]);
   },
 
-  _onItemToggle: function(e, key, toggled) {
-    if (this.props.onItemToggle) this.props.onItemToggle(e, key, this.props.menuItems[key], toggled);
+  _onItemToggle: function(e, index, toggled) {
+    if (this.props.onItemToggle) this.props.onItemToggle(e, index, this.props.menuItems[index], toggled);
   }
@@ -255,0 +257,0 @@

docs/dist/js/mixins/classable.js

@@ -0,0 +0,0 @@ var React = require('react'),

docs/dist/js/mixins/click-awayable.js

@@ -0,0 +0,0 @@ var $ = require('jquery');

docs/dist/js/paper-button.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/paper.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/radio-button.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/table-header.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/table-rows-item.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/table-rows.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/toast.jsx

@@ -0,0 +0,0 @@ /** @jsx React.DOM */

docs/dist/js/toggle.jsx

@@ -0,0 +0,0 @@ /**

docs/dist/js/toolbar-group.jsx

@@ -10,4 +10,3 @@ /** @jsx React.DOM */
     float: React.PropTypes.string,
-    groupItems: React.PropTypes.array,
-    key: React.PropTypes.number.isRequired
+    groupItems: React.PropTypes.array
   },
@@ -14,0 +13,0 @@

docs/dist/js/toolbar.jsx

@@ -0,0 +0,0 @@ /** @jsx React.DOM */

docs/dist/js/utils/css-event.js

@@ -0,0 +0,0 @@

docs/dist/js/utils/key-line.js

@@ -0,0 +0,0 @@ module.exports = {

docs/dist/less/material-ui-icons/demo-files/demo.js

@@ -0,0 +0,0 @@ if (!('boxShadow' in document.body.style)) {

docs/dist/less/material-ui-icons/Read Me.txt

@@ -0,0 +0,0 @@ Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.

docs/dist/less/material-ui-icons/selection.json

@@ -7,2 +7,130 @@ {
 				"paths": [
+					"M512 97.877c-234.453 0-424.576 190.123-424.576 424.576 0 187.605 121.643 346.709 290.347 402.859 21.205 3.883 28.971-9.216 28.971-20.437 0-10.112-0.384-43.605-0.597-79.019-118.059 25.643-143.019-50.048-143.019-50.048-19.328-49.024-47.147-62.080-47.147-62.080-38.571-26.325 2.944-25.813 2.944-25.813 42.624 2.944 65.067 43.733 65.067 43.733 37.888 64.896 99.413 46.123 123.563 35.243 3.84-27.349 14.848-46.123 26.965-56.704-94.251-10.709-193.408-47.147-193.408-209.835 0-46.379 16.555-84.224 43.648-113.963-4.309-10.795-18.901-53.973 4.224-112.427 0 0 35.627-11.392 116.779 43.52 33.835-9.429 70.144-14.080 106.24-14.251 36.053 0.171 72.405 4.864 106.283 14.336 81.024-54.997 116.651-43.52 116.651-43.52 23.211 58.496 8.619 101.632 4.267 112.341 27.221 29.739 43.648 67.541 43.648 113.963 0 163.115-99.285 198.997-193.877 209.536 15.275 13.184 28.8 38.955 28.8 78.549 0 56.747-0.555 102.528-0.555 116.523 0 11.307 7.723 24.533 29.227 20.352 168.576-56.235 290.133-215.339 290.133-402.859-0-234.453-190.123-424.576-424.576-424.576z"
+				],
+				"attrs": [
+					{
+						"opacity": 1,
+						"visibility": false
+					}
+				],
+				"grid": 24,
+				"tags": [
+					"github"
+				]
+			},
+			"attrs": [
+				{
+					"opacity": 1,
+					"visibility": false
+				}
+			],
+			"properties": {
+				"order": 42,
+				"id": 46,
+				"prevSize": 32,
+				"name": "github",
+				"code": 58917
+			},
+			"setIdx": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 213.333h85.333v-85.333c-46.933 0-85.333 38.4-85.333 85.333zM128 554.667h85.333v-85.333h-85.333v85.333zM298.667 896h85.333v-85.333h-85.333v85.333zM128 384h85.333v-85.333h-85.333v85.333zM554.667 128h-85.333v85.333h85.333v-85.333zM810.667 128v85.333h85.333c0-46.933-38.4-85.333-85.333-85.333zM213.333 896v-85.333h-85.333c0 46.933 38.4 85.333 85.333 85.333zM128 725.333h85.333v-85.333h-85.333v85.333zM384 128h-85.333v85.333h85.333v-85.333zM469.333 896h85.333v-85.333h-85.333v85.333zM810.667 554.667h85.333v-85.333h-85.333v85.333zM810.667 896c46.933 0 85.333-38.4 85.333-85.333h-85.333v85.333zM810.667 384h85.333v-85.333h-85.333v85.333zM810.667 725.333h85.333v-85.333h-85.333v85.333zM640 896h85.333v-85.333h-85.333v85.333zM640 213.333h85.333v-85.333h-85.333v85.333zM298.667 725.333h426.667v-426.667h-426.667v426.667zM384 384h256v256h-256v-256z"
+				],
+				"attrs": [
+					{
+						"opacity": 1,
+						"visibility": false
+					}
+				],
+				"grid": 24,
+				"tags": [
+					"select-all"
+				]
+			},
+			"attrs": [
+				{
+					"opacity": 1,
+					"visibility": false
+				}
+			],
+			"properties": {
+				"order": 41,
+				"id": 45,
+				"prevSize": 32,
+				"name": "select-all",
+				"code": 58918
+			},
+			"setIdx": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M853.333 170.667h-682.667c-46.933 0-85.333 38.4-85.333 85.333v512c0 46.933 38.4 85.333 85.333 85.333h682.667c46.933 0 85.333-38.4 85.333-85.333v-512c0-46.933-38.4-85.333-85.333-85.333zM640 768h-469.333v-170.667h469.333v170.667zM640 554.667h-469.333v-170.667h469.333v170.667zM853.333 768h-170.667v-384h170.667v384z"
+				],
+				"attrs": [
+					{
+						"opacity": 1,
+						"visibility": false
+					}
+				],
+				"grid": 24,
+				"tags": [
+					"web"
+				]
+			},
+			"attrs": [
+				{
+					"opacity": 1,
+					"visibility": false
+				}
+			],
+			"properties": {
+				"order": 40,
+				"id": 44,
+				"prevSize": 32,
+				"name": "web",
+				"code": 58919
+			},
+			"setIdx": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M729.301 318.421l-51.115-51.115-230.101 230.101 51.115 51.115 230.101-230.101zM882.731 267.307l-383.531 387.115-153.387-153.387-51.115 51.115 204.544 204.544 438.272-438.272-54.784-51.115zM86.485 552.192l204.544 204.544 51.115-51.115-204.544-204.544-51.115 51.115z"
+				],
+				"attrs": [
+					{
+						"opacity": 1,
+						"visibility": false
+					}
+				],
+				"grid": 24,
+				"tags": [
+					"check-all"
+				]
+			},
+			"attrs": [
+				{
+					"opacity": 1,
+					"visibility": false
+				}
+			],
+			"properties": {
+				"order": 38,
+				"id": 43,
+				"prevSize": 32,
+				"name": "check-all",
+				"code": 58920
+			},
+			"setIdx": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
 					"M827.733 426.667c-29.867-145.067-157.867-256-315.733-256-123.733 0-230.4 68.267-281.6 170.667-132.267 17.067-230.4 123.733-230.4 256 0 140.8 115.2 256 256 256h554.667c119.467 0 213.333-93.867 213.333-213.333 0-110.933-89.6-204.8-196.267-213.333zM597.333 554.667v170.667h-170.667v-170.667h-128l213.333-213.333 213.333 213.333h-128z"
@@ -28,3 +156,3 @@ ],
 			"properties": {
-				"order": 42,
+				"order": 37,
 				"id": 42,
@@ -37,3 +165,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 0
+			"iconIdx": 4
 		},
@@ -63,3 +191,3 @@ {
 			"properties": {
-				"order": 41,
+				"order": 36,
 				"id": 41,
@@ -72,3 +200,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 1
+			"iconIdx": 5
 		},
@@ -98,3 +226,3 @@ {
 			"properties": {
-				"order": 40,
+				"order": 35,
 				"id": 40,
@@ -107,3 +235,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 2
+			"iconIdx": 6
 		},
@@ -133,3 +261,3 @@ {
 			"properties": {
-				"order": 39,
+				"order": 34,
 				"id": 39,
@@ -142,3 +270,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 3
+			"iconIdx": 7
 		},
@@ -168,3 +296,3 @@ {
 			"properties": {
-				"order": 38,
+				"order": 33,
 				"id": 38,
@@ -177,3 +305,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 4
+			"iconIdx": 8
 		},
@@ -203,3 +331,3 @@ {
 			"properties": {
-				"order": 37,
+				"order": 32,
 				"id": 37,
@@ -212,3 +340,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 5
+			"iconIdx": 9
 		},
@@ -238,3 +366,3 @@ {
 			"properties": {
-				"order": 36,
+				"order": 31,
 				"id": 36,
@@ -247,3 +375,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 6
+			"iconIdx": 10
 		},
@@ -273,3 +401,3 @@ {
 			"properties": {
-				"order": 34,
+				"order": 29,
 				"id": 35,
@@ -282,3 +410,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 7
+			"iconIdx": 11
 		},
@@ -308,3 +436,3 @@ {
 			"properties": {
-				"order": 35,
+				"order": 30,
 				"id": 34,
@@ -317,3 +445,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 8
+			"iconIdx": 12
 		},
@@ -343,3 +471,3 @@ {
 			"properties": {
-				"order": 33,
+				"order": 28,
 				"id": 33,
@@ -352,3 +480,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 9
+			"iconIdx": 13
 		},
@@ -378,3 +506,3 @@ {
 			"properties": {
-				"order": 32,
+				"order": 27,
 				"id": 32,
@@ -387,3 +515,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 10
+			"iconIdx": 14
 		},
@@ -413,3 +541,3 @@ {
 			"properties": {
-				"order": 31,
+				"order": 26,
 				"id": 31,
@@ -422,3 +550,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 11
+			"iconIdx": 15
 		},
@@ -448,3 +576,3 @@ {
 			"properties": {
-				"order": 30,
+				"order": 25,
 				"id": 30,
@@ -457,3 +585,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 12
+			"iconIdx": 16
 		},
@@ -483,3 +611,3 @@ {
 			"properties": {
-				"order": 29,
+				"order": 24,
 				"id": 29,
@@ -492,3 +620,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 13
+			"iconIdx": 17
 		},
@@ -518,3 +646,3 @@ {
 			"properties": {
-				"order": 28,
+				"order": 23,
 				"id": 28,
@@ -527,3 +655,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 14
+			"iconIdx": 18
 		},
@@ -553,3 +681,3 @@ {
 			"properties": {
-				"order": 27,
+				"order": 22,
 				"id": 27,
@@ -562,3 +690,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 15
+			"iconIdx": 19
 		},
@@ -588,3 +716,3 @@ {
 			"properties": {
-				"order": 26,
+				"order": 21,
 				"id": 26,
@@ -597,3 +725,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 16
+			"iconIdx": 20
 		},
@@ -623,3 +751,3 @@ {
 			"properties": {
-				"order": 22,
+				"order": 19,
 				"id": 23,
@@ -632,3 +760,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 17
+			"iconIdx": 21
 		},
@@ -658,3 +786,3 @@ {
 			"properties": {
-				"order": 23,
+				"order": 20,
 				"id": 22,
@@ -667,3 +795,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 18
+			"iconIdx": 22
 		},
@@ -711,3 +839,3 @@ {
 			"properties": {
-				"order": 21,
+				"order": 18,
 				"id": 21,
@@ -720,3 +848,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 19
+			"iconIdx": 23
 		},
@@ -740,3 +868,3 @@ {
 			"properties": {
-				"order": 19,
+				"order": 16,
 				"id": 20,
@@ -749,3 +877,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 20
+			"iconIdx": 24
 		},
@@ -769,3 +897,3 @@ {
 			"properties": {
-				"order": 2,
+				"order": 1,
 				"id": 16,
@@ -778,3 +906,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 21
+			"iconIdx": 25
 		},
@@ -798,3 +926,3 @@ {
 			"properties": {
-				"order": 3,
+				"order": 2,
 				"id": 15,
@@ -807,3 +935,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 22
+			"iconIdx": 26
 		},
@@ -827,3 +955,3 @@ {
 			"properties": {
-				"order": 20,
+				"order": 17,
 				"id": 14,
@@ -836,3 +964,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 23
+			"iconIdx": 27
 		},
@@ -862,3 +990,3 @@ {
 			"properties": {
-				"order": 4,
+				"order": 3,
 				"id": 13,
@@ -871,3 +999,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 24
+			"iconIdx": 28
 		},
@@ -891,3 +1019,3 @@ {
 			"properties": {
-				"order": 5,
+				"order": 4,
 				"id": 12,
@@ -900,3 +1028,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 25
+			"iconIdx": 29
 		},
@@ -926,3 +1054,3 @@ {
 			"properties": {
-				"order": 6,
+				"order": 5,
 				"id": 11,
@@ -935,3 +1063,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 26
+			"iconIdx": 30
 		},
@@ -955,3 +1083,3 @@ {
 			"properties": {
-				"order": 7,
+				"order": 6,
 				"id": 10,
@@ -964,3 +1092,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 27
+			"iconIdx": 31
 		},
@@ -984,3 +1112,3 @@ {
 			"properties": {
-				"order": 8,
+				"order": 7,
 				"id": 9,
@@ -993,3 +1121,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 28
+			"iconIdx": 32
 		},
@@ -1013,3 +1141,3 @@ {
 			"properties": {
-				"order": 9,
+				"order": 8,
 				"id": 7,
@@ -1022,3 +1150,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 29
+			"iconIdx": 33
 		},
@@ -1042,3 +1170,3 @@ {
 			"properties": {
-				"order": 16,
+				"order": 15,
 				"id": 6,
@@ -1051,3 +1179,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 30
+			"iconIdx": 34
 		},
@@ -1074,3 +1202,3 @@ {
 			"properties": {
-				"order": 10,
+				"order": 9,
 				"id": 5,
@@ -1083,3 +1211,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 31
+			"iconIdx": 35
 		},
@@ -1103,3 +1231,3 @@ {
 			"properties": {
-				"order": 11,
+				"order": 10,
 				"id": 4,
@@ -1112,3 +1240,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 32
+			"iconIdx": 36
 		},
@@ -1135,3 +1263,3 @@ {
 			"properties": {
-				"order": 12,
+				"order": 11,
 				"id": 3,
@@ -1144,3 +1272,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 33
+			"iconIdx": 37
 		},
@@ -1164,3 +1292,3 @@ {
 			"properties": {
-				"order": 13,
+				"order": 12,
 				"id": 2,
@@ -1173,3 +1301,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 34
+			"iconIdx": 38
 		},
@@ -1205,3 +1333,3 @@ {
 			"properties": {
-				"order": 14,
+				"order": 13,
 				"id": 1,
@@ -1214,3 +1342,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 35
+			"iconIdx": 39
 		},
@@ -1234,3 +1362,3 @@ {
 			"properties": {
-				"order": 15,
+				"order": 14,
 				"id": 0,
@@ -1243,3 +1371,3 @@ "prevSize": 32,
 			"setIdx": 0,
-			"iconIdx": 36
+			"iconIdx": 40
 		}
@@ -1279,3 +1407,4 @@ ],
 			"png": false,
-			"sprites": true
+			"sprites": true,
+			"prefix": "icon-"
 		},
@@ -1290,4 +1419,5 @@ "historySize": 100,
 		"search": "",
-		"showSVGs": true
+		"showSVGs": true,
+		"showQuickUse2": true
 	}
 }

docs/gulp/index.js

@@ -0,0 +0,0 @@ var requireDir = require('require-dir');

docs/gulp/tasks/browserify.js

@@ -0,0 +0,0 @@ /* browserify task

docs/gulp/tasks/browserSync.js

@@ -0,0 +0,0 @@ var browserSync = require('browser-sync');

docs/gulp/tasks/build.js

 var gulp = require('gulp');
 
 gulp.task('build', ['browserify', 'markup', 'less', 'fonts']);

docs/gulp/tasks/default.js

 var gulp = require('gulp');
 
 gulp.task('default', ['watch']);

docs/gulp/tasks/fonts.js

@@ -0,0 +0,0 @@ var gulp = require('gulp');

docs/gulp/tasks/less.js

@@ -0,0 +0,0 @@ var gulp = require('gulp'),

docs/gulp/tasks/markup.js

@@ -0,0 +0,0 @@ var gulp = require('gulp');

docs/gulp/tasks/setWatch.js

@@ -0,0 +0,0 @@ var gulp = require('gulp');

docs/gulp/tasks/watch.js

@@ -0,0 +0,0 @@ /* Notes:

docs/gulp/util/bundleLogger.js

@@ -0,0 +0,0 @@ /* bundleLogger

docs/gulp/util/handleErrors.js

@@ -0,0 +0,0 @@ var notify = require("gulp-notify");

docs/gulpfile.js

@@ -0,0 +0,0 @@ /*

docs/package.json

@@ -22,3 +22,3 @@ {
     "browser-sync": "^1.3.3",
-    "browserify": "^5.9.1",
+    "browserify": "^6.2.0",
     "browserify-shim": "^3.6.0",
@@ -31,3 +31,3 @@ "gulp": "^3.8.7",
     "pretty-hrtime": "^0.2.1",
-    "reactify": "^0.14.0",
+    "reactify": "^0.15.2",
     "require-dir": "^0.1.0",
@@ -41,4 +41,4 @@ "underscore": "^1.6.0",
     "backbone": "^1.1.2",
-    "react": "^0.11.1"
+    "react": "^0.12"
   }
 }

docs/README.md

@@ -0,0 +0,0 @@ # [Material-UI](http://callemall.github.io/material-ui/)

docs/src/app/app-dispatcher.js

@@ -1,5 +0,5 @@
-var Dispatcher = require('./vendor/flux/dispatcher.js');
-var copyProperties = require('react/lib/copyProperties');
+var _ = require('underscore'),
+  Dispatcher = require('./vendor/flux/dispatcher.js');
 
-var AppDispatcher = copyProperties(new Dispatcher(), {
+var AppDispatcher = _.extend(new Dispatcher(), {
 
@@ -20,2 +20,2 @@ ActionTypes: {
 
-module.exports = AppDispatcher;
+module.exports = AppDispatcher;

docs/src/app/app-router.js

@@ -0,0 +0,0 @@ var _ = require('underscore'),

docs/src/app/app.jsx

@@ -19,3 +19,3 @@ /**
 	//Render the main app component
-	React.renderComponent(<MasterComponent />, document.body);
+	React.render(<MasterComponent />, document.body);
 
@@ -22,0 +22,0 @@ Backbone.history.start();

docs/src/app/components/app-left-nav.jsx

@@ -13,3 +13,4 @@ /**
   propTypes: {
-    url: React.PropTypes.string
+    url: React.PropTypes.string,
+    toggle: React.PropTypes.func
   },
@@ -20,14 +21,6 @@
       menuItems: [
-        { type: mui.MenuItem.Types.SUBHEADER, text: 'CSS Framework' },
-        { payload: Pages.colors, text: Pages.colors.title },
-        { payload: Pages.typography, text: Pages.typography.title },
-        { payload: Pages.icons, text: Pages.icons.title },
-        { type: mui.MenuItem.Types.SUBHEADER, text: 'Components' },
-        { payload: Pages.buttons, text: Pages.buttons.title },
-        { payload: Pages.dialog, text: Pages.dialog.title },
-        { payload: Pages.inputs, text: Pages.inputs.title },
-        { payload: Pages.menus, text: Pages.menus.title },
-        { payload: Pages.switches, text: Pages.switches.title },
-        //{ payload: Pages.toasts, text: Pages.toasts.title },
-        { payload: Pages.toolbars, text: Pages.toolbars.title },
+
+        { payload: Pages.getStarted, text: Pages.getStarted.title },
+        { payload: Pages.cssFramework, text: Pages.cssFramework.title },
+        { payload: Pages.components, text: Pages.components.title },
         { type: mui.MenuItem.Types.SUBHEADER, text: 'Resources' },
@@ -54,2 +47,4 @@ { type: mui.MenuItem.Types.LINK, payload: 'https://github.com/callemall/material-ui', text: 'GitHub' },
       <mui.LeftNav 
+        ref="leftNav"
+        isInitiallyOpen={false}
         header={header}
@@ -62,2 +57,6 @@ menuItems={this.state.menuItems}
 
+  toggle: function() {
+    this.refs.leftNav.toggle();
+  },
+
   _setSelectedIndex: function(url) {
@@ -69,3 +68,4 @@ var item;
 
-      if (item.payload && item.payload.url === url) {
+      //only match the root part of the url
+      if (url && item.payload && item.payload.url.split('/')[0] === url.split('/')[0]) {
         if (i !== this.state.selectedIndex) this.setState({ selectedIndex: i});
@@ -81,2 +81,3 @@ return;
     if (this.props.url !== Pages.home.url) {
+      this.refs.leftNav.close();
       Dispatcher.dispatchAction(Dispatcher.ActionTypes.NAV_USER_CLICK, { url: Pages.home.url } ); 
@@ -83,0 +84,0 @@ }

docs/src/app/components/code-example/code-block.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/code-example/code-example.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/master.jsx

@@ -7,3 +7,6 @@ /**
   React = require('react'),
+  Dispatcher = require('../app-dispatcher.js'),
   mui = require('mui'),
+  Menu = mui.Menu,
+  Icon = mui.Icon,
   AppStateStore = require('../stores/app-state-store.js'),
@@ -24,3 +27,3 @@ Pages = require('./pages.jsx'),
   componentDidMount: function() {
-    this.listenTo(AppStateStore, 'change', this._onStoreChange);
+    this.listenTo(AppStateStore, 'change:currentUrl', this._onStoreChange);
   },
@@ -33,13 +36,46 @@
   render: function() {
-    var page = Pages.getPage(this.state.currentUrl);
+    var page = Pages.getPage(this.state.currentUrl),
       title = page.title,
-      currentMainComponent = page.mainContentComponent;
+      currentMainComponent = page.mainContentComponent,
+      contentCanvasClass = page.subPages ? 'mui-app-content-canvas with-nav' : 'mui-app-content-canvas',
+      subNav;
 
+    if (page.subPages) {
+      var menuItems = [],
+        i = 0,
+        selectedIndex,
+        currentSubPage;
+
+      for (prop in page.subPages) {
+        currentSubPage = page.subPages[prop];
+
+        if (this.state.currentUrl === currentSubPage.url) {
+          selectedIndex = i;
+          currentMainComponent = currentSubPage.mainContentComponent;
+        }
+        menuItems.push({ payload: currentSubPage.url, text: currentSubPage.title });
+        i++;
+      }
+
+      subNav = (
+        <div className="subNav">
+          <Menu ref="menuItems" zDepth={0} menuItems={menuItems} selectedIndex={selectedIndex} onItemClick={this._onMenuItemClick} />
+        </div>
+      );
+    }
+
     return (
       <mui.AppCanvas predefinedLayout={1}>
-        <mui.AppBar title={title} />
-    		<AppLeftNav url={this.state.currentUrl} />
-    		<div className="mui-app-content-canvas">
+        <mui.AppBar onMenuIconClick={this._onMenuIconClick} title={title} zDepth={0}><Icon icon="github" onClick={this._onGithubClick} /></mui.AppBar>
+    		<AppLeftNav ref="leftNav" url={this.state.currentUrl} />
+    		<div className={contentCanvasClass}>
+          {subNav}
+          <div className="subContent">
             {currentMainComponent}
+          </div>
         </div>
+        <div className="footer">
+            <Icon icon="github" onClick={this._onGithubClick} />
+            <p>Hand crafted with love by the engineers at <a href="http://call-em-all.com">Call-Em-All</a> and our awesome <a href="https://github.com/callemall/material-ui/graphs/contributors">contributors</a>.</p>
+        </div>
       </mui.AppCanvas>
@@ -49,2 +85,14 @@ );
 
+  _onGithubClick: function() {
+    document.location.href='https://github.com/callemall/material-ui';
+  },
+
+  _onMenuItemClick: function(e, key, item) {
+    Dispatcher.dispatchAction(Dispatcher.ActionTypes.NAV_USER_CLICK, { url: item.payload } ); 
+  },
+
+  _onMenuIconClick: function() {
+    this.refs.leftNav.toggle();
+  },
+
   _onStoreChange: function() {
@@ -51,0 +99,0 @@ this.setState({

docs/src/app/components/pages.jsx

@@ -1,6 +0,8 @@
-/**
+/**;
  * @jsx React.DOM
  */
 
-var Home = require('./pages/home.jsx'),
+var React = require('react'),
+	Home = require('./pages/home.jsx'),
+	GetStarted = require('./pages/get-started.jsx'),
 	Buttons = require('./pages/buttons.jsx'),
@@ -18,13 +20,34 @@ Colors = require('./pages/colors.jsx'),
 var Pages = {
-	home: { url: '', title: 'Introduction', mainContentComponent: <Home /> },
-	colors: { url: 'colors', title: 'Colors', mainContentComponent: <Colors /> },
-	buttons: { url: 'buttons', title: 'Buttons', mainContentComponent: <Buttons /> },
-	dialog: { url: 'dialog', title: 'Dialog', mainContentComponent: <Dialog /> },
-	icons: { url: 'icons', title: 'Icons', mainContentComponent: <Icons /> },
-	inputs: { url: 'inputs', title: 'Inputs', mainContentComponent: <Inputs /> },
-	menus: { url: 'menus', title: 'Menus', mainContentComponent: <Menus /> },
-	switches: { url: 'switches', title: 'Switches', mainContentComponent: <Switches /> },
-	toasts: { url: 'toasts', title: 'Toasts', mainContentComponent: <Toasts /> },
-	toolbars: { url: 'toolbar', title: 'Toolbars', mainContentComponent: <Toolbar /> },
-	typography: { url: 'typography', title: 'Typography', mainContentComponent: <Typography /> },
+	home: { 
+		url: '', 
+		title: '', 
+		mainContentComponent: <Home /> 
+	},
+	getStarted: {
+		url: 'get-started',
+		title: 'Get Started',
+		mainContentComponent: <GetStarted />
+	},
+	cssFramework: { 
+		url: 'css-framework/colors', 
+		title: 'Css Framework', 
+		subPages: {
+			colors: { url: 'css-framework/colors', title: 'Colors', mainContentComponent: <Colors /> },
+			typography: { url: 'css-framework/typography', title: 'Typography', mainContentComponent: <Typography /> }
+		}
+	},
+	components: {
+		url: 'components/buttons',
+		title: 'Components',
+		subPages: {
+			buttons: { url: 'components/buttons', title: 'Buttons', mainContentComponent: <Buttons /> },
+			dialog: { url: 'components/dialog', title: 'Dialog', mainContentComponent: <Dialog /> },
+			icons: { url: 'components/icons', title: 'Icons', mainContentComponent: <Icons /> },
+			inputs: { url: 'components/inputs', title: 'Inputs', mainContentComponent: <Inputs /> },
+			menus: { url: 'components/menus', title: 'Menus', mainContentComponent: <Menus /> },
+			switches: { url: 'components/switches', title: 'Switches', mainContentComponent: <Switches /> },
+			//toasts: { url: 'components/toasts', title: 'Toasts', mainContentComponent: <Toasts /> },
+			toolbars: { url: 'components/toolbar', title: 'Toolbars', mainContentComponent: <Toolbar /> }
+		}
+	},
 
@@ -34,4 +57,9 @@ getPage: function(url) {
 
+		//Only match the first part of the url
+		var rootUrl = url.split('/')[0],
+			currentPage;
+
 		for (prop in this) {
-			if (this[prop].url === url) return this[prop];
+			currentPage = this[prop];
+			if (currentPage.url.split('/')[0] === rootUrl) return currentPage;
 		}
@@ -38,0 +66,0 @@ }

docs/src/app/components/pages/buttons.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/pages/colors.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/pages/dialog.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/pages/home.jsx

@@ -6,3 +6,6 @@ /**
 var React = require('react'),
-	CodeBlock = require('../code-example/code-block.jsx');;
+    Dispatcher = require('../../app-dispatcher.js'),
+    mui = require('mui'),
+    PaperButton = mui.PaperButton,
+    Icon = mui.Icon;
 
@@ -12,73 +15,73 @@ var HomePage = React.createClass({
   render: function() {
-  	var usageCode =
-  		'/**\n' +
- 			' * @jsx React.DOM\n' +
- 			'*/\n\n' +
- 			'var React = require(\'react\'),\n' +
- 			'  mui = require(\'material-ui\'),\n' +
- 			'  PaperButton = mui.PaperButton;\n\n' +
- 			'var SomeAwesomeComponent = React.createClass({\n\n' +
- 			'  render: function() {\n' +
- 			'    return (\n' +
- 			'        <PaperButton type={PaperButton.Types.FLAT} label="Default" />\n' +
- 			'    );\n' +
- 			'  }\n\n' +
- 			'});\n\n' +
- 			'module.exports = SomeAwesomeComponent;';
-
- 		var customizationCode = 
- 			'@import "node_modules/material-ui/dist/less/scaffolding.less";\n\n' +
- 			'//Define a custom less file to override any variables defined in scaffolding.less\n' +
- 			'@import "my-custom-overrides.less";\n\n' +
- 			'@import "node_modules/material-ui/dist/less/components.less";';
-
     return (
-    	<div>
-    		<h2 className="mui-font-style-headline">
-    			<span className="mui-font-style-display-1">Material-UI</span><br/>
-    			A CSS framework and a set of React components that implement Google's Material Design
-  			</h2>
-    		<p>
-    			Material-UI came about from our love
-    			of <a href="http://facebook.github.io/react/">React</a> and <a href="https://www.google.com/design/spec/material-design/introduction.html">Google's
-    			Material Design</a>. We're currently using it on a project at <a href="https://www.call-em-all.com/">Call-Em-All</a> and plan on
-    			adding to it and making it better in the coming months.
-    		</p>
-    	
-    		<br/>
+        <div>
+        	<div className="home-page-hero full-width-section">
+                <div className="home-page-hero-content">
+                    <img className="svg-logo" src="images/material-ui-logo.svg" />
+                    <div className="tagline">
+                        <h1 className="brand-name">material ui</h1>
+                        <h2 className="mui-font-style-headline">A CSS Framework and a Set of React Components that Implement Google's Material Design</h2>
+                        <p className="mui-font-style-subhead-1">Material-UI came about from our love
+                        of <a href="http://facebook.github.io/react/">React</a> and <a href="https://www.google.com/design/spec/material-design/introduction.html">Google's
+                        Material Design</a>. We're currently using it on a project at <a href="https://www.call-em-all.com/">Call-Em-All</a> and plan on
+                        adding to it and making it better in the coming months.
+                        </p>
+                    </div>
+                </div>
+        	</div>
+            <div className="home-features">
+                <div className="feature">
+                    <div className="icon-circle" onClick={this._getStartedClick}><Icon icon="check-all" /></div>
+                    <h3>Get Started</h3>
+                    <p>
+                        The best way to get started is check out our repo and download the code. This doc site, along with its live examples, are all built with react. :)
+                    </p>
+                </div>
+                <div className="feature">
+                    <div className="icon-circle" onClick={this._cssFrameworkClick}><Icon icon="web" /></div>
+                    <h3>Css Framework</h3>
+                    <p>
+                        The Css Framework is built with <a href="http://lesscss.org">Less</a>. We've included handy things like resets, colors, and typography to help get you going.
+                    </p>
+                </div>
+                <div className="feature">
+                    <div className="icon-circle" onClick={this._componentsClick}><Icon icon="select-all" /></div>
+                    <h3>Components</h3>
+                    <p>
+                        We've started building out some material design components using react. 
+                        Here's a sneak peek at a few - with more on the way.
+                    </p>
+                </div>
+            </div>
+            <div className="home-contribute">
+                <div className="content-container">
+                    <h3>Want to help make this project awesome? Check out our repo.</h3>
+                    <PaperButton type={PaperButton.Types.RAISED} primary={true} label="Github" onClick={this._onGithubClick} />
+                </div>
+            </div>
 
-    		<h2 className="mui-font-style-headline">Installation</h2>
-    		<p>
-    			Material-UI is available as an <a href="https://www.npmjs.org/package/material-ui">npm package</a>. 
-    			Use <a href="http://browserify.org/">browserify</a> and <a href="https://github.com/andreypopp/reactify">reactify</a> for
-    			dependency management and JSX transformation. The CSS framework is written in <a href="http://lesscss.org/">Less</a>,
-    			so you'll need to compile that as well.
-    		</p>
+        </div>
+    );
+  },
 
-    		<br/>
+  _onGithubClick: function() {
+    document.location.href='https://github.com/callemall/material-ui';
+  },
 
-    		<h2 className="mui-font-style-headline">Usage</h2>
-    		<p>
-    			Once material-ui is included in your project, you can use the components this way:
-    		</p>
-    		<CodeBlock>{usageCode}</CodeBlock>
+  _getStartedClick: function() {
+    Dispatcher.dispatchAction(Dispatcher.ActionTypes.NAV_USER_CLICK, { url: 'get-started' } ); 
+  },
 
-    		<br/><br/>
+  _cssFrameworkClick: function() {
+    Dispatcher.dispatchAction(Dispatcher.ActionTypes.NAV_USER_CLICK, { url: 'css-framework/colors' } ); 
+  },
 
-    		<h2 className="mui-font-style-headline">Customization</h2>
-    		<p>The styles are separated into 2 less files:</p>
-    		<li>dist/less/scaffolding.less</li>
-    		<li>dist/less/components.less</li>
-    		<p>
-    			This allows you to override any variables defined in custom-variables.less without having to
-    			modify material-ui source files directly. For example, your main.less file could look something like this:
-    		</p>
-    		<CodeBlock>{customizationCode}</CodeBlock>
-    		
-    	</div>
-    );
+  _componentsClick: function() {
+    Dispatcher.dispatchAction(Dispatcher.ActionTypes.NAV_USER_CLICK, { url: 'components/buttons' } ); 
   }
 
+
+
 });
 
 module.exports = HomePage;

docs/src/app/components/pages/icons.jsx

@@ -15,2 +15,3 @@ /**
       'check',
+      'check-all',
       'chevron-down',
@@ -38,2 +39,3 @@ 'chevron-right',
       'filter',
+      'github',
       'group',
@@ -48,2 +50,3 @@ 'group-add',
       'play',
+      'select-all',
       'sort',
@@ -53,3 +56,4 @@ 'star',
       'stop',
-      'textsms'
+      'textsms',
+      'web'
     ];
@@ -56,0 +60,0 @@

docs/src/app/components/pages/inputs.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/pages/menus.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/pages/radio-buttons.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/pages/switches.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/pages/toasts.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/components/pages/toolbars.jsx

@@ -0,0 +0,0 @@ /** @jsx React.DOM */

docs/src/app/components/pages/typography.jsx

@@ -0,0 +0,0 @@ /**

docs/src/app/stores/app-state-store.js

@@ -0,0 +0,0 @@ var _ = require('underscore'),

docs/src/app/vendor/flux/dispatcher.js

@@ -0,0 +0,0 @@ /*

docs/src/app/vendor/flux/invariant.js

@@ -0,0 +0,0 @@ /**

index.js

 module.exports =  require('./docs/dist/index.js');

package.json

 {
   "name": "material-ui",
   "author": "Call-em-all Engineering Team",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "description": "Material Design UI components built with React",
@@ -36,8 +36,8 @@ "main": "index.js",
     "jquery": "^2.1.1",
-    "react": "^0.11.1"
+    "react": "^0.12"
   },
   "devDependencies": {
-    "browserify": "^5.11.0",
-    "reactify": "^0.14.0"
+    "browserify": "^6.2.0",
+    "reactify": "^0.15.2"
   }
 }

README.md

@@ -0,0 +0,0 @@ # [Material-UI](http://callemall.github.io/material-ui/)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

391626

increased by11.41%

Number of package files

128

increased by2.4%

Lines of code

5906

increased by8.09%

Dependency changes

• + Addedacorn@5.7.4(transitive)

• + Addedast-types@0.9.6(transitive)

• + Addedbalanced-match@1.0.2(transitive)

• + Addedbase62@1.2.8(transitive)

• + Addedbrace-expansion@1.1.11(transitive)

• + Addedcommander@2.20.3(transitive)

• + Addedcommoner@0.10.8(transitive)

• + Addedconcat-map@0.0.1(transitive)

• + Addeddefined@1.0.1(transitive)

• + Addeddetective@4.7.1(transitive)

• + Addedenvify@3.4.1(transitive)

• + Addedesprima@3.1.3(transitive)

• + Addedesprima-fb@15001.1.0-dev-harmony-fb(transitive)

• + Addedglob@5.0.15(transitive)

• + Addedgraceful-fs@4.2.11(transitive)

• + Addediconv-lite@0.4.24(transitive)

• + Addedinflight@1.0.6(transitive)

• + Addedinherits@2.0.4(transitive)

• + Addedjstransform@11.0.3(transitive)

• + Addedminimatch@3.1.2(transitive)

• + Addedminimist@1.2.8(transitive)

• + Addedmkdirp@0.5.6(transitive)

• + Addedobject-assign@2.1.1(transitive)

• + Addedonce@1.4.0(transitive)

• + Addedpath-is-absolute@1.0.1(transitive)

• + Addedprivate@0.1.8(transitive)

• + Addedq@1.5.1(transitive)

• + Addedreact@0.12.2(transitive)

• + Addedrecast@0.11.23(transitive)

• + Addedsafer-buffer@2.1.2(transitive)

• + Addedsource-map@0.4.40.5.7(transitive)

• + Addedwrappy@1.0.2(transitive)

• - Removedbase62@0.1.1(transitive)

• - Removedenvify@2.0.1(transitive)

• - Removedesprima-fb@3001.1.0-dev-harmony-fb(transitive)

• - Removedjstransform@3.0.0(transitive)

• - Removedobject-keys@0.4.0(transitive)

• - Removedreact@0.11.2(transitive)

• - Removedsource-map@0.1.31(transitive)

• - Removedxtend@2.1.2(transitive)

• Updatedreact@^0.12