material-ui - npm Package Compare versions

Comparing version 0.1.26 to 0.1.27

docs/dist/index.js

@@ -5,2 +5,3 @@ module.exports = {
 	Checkbox: require('./js/checkbox.jsx'),
+	Dialog: require('./js/dialog.jsx'),
 	DropDownIcon: require('./js/drop-down-icon.jsx'),
@@ -7,0 +8,0 @@ DropDownMenu: require('./js/drop-down-menu.jsx'),

docs/dist/js/app-bar.jsx

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

docs/dist/js/app-canvas.jsx

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

docs/dist/js/checkbox.jsx

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

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

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

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

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

docs/dist/js/icon.jsx

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

docs/dist/js/input.jsx

@@ -56,3 +56,3 @@ /**
         <textarea value={this.state.value} className="mui-input-textarea" rows={this.state.rows} onChange={this._onTextAreaChange} required /> :
-        <input value={this.state.value} type={this.props.type} name={this.props.name} onChange={this._onInputChange} required />;
+        <input ref="input" value={this.state.value} type={this.props.type} name={this.props.name} onChange={this._onInputChange} required />;
 
@@ -62,3 +62,3 @@ return (
         {inputElement}
-        <span className="mui-input-placeholder">{this.props.placeholder}</span>
+        <span className="mui-input-placeholder" onClick={this._onPlaceholderClick}>{this.props.placeholder}</span>
         <span className="mui-input-highlight"></span>
@@ -90,2 +90,6 @@ <span className="mui-input-bar"></span>
 
+  _onPlaceholderClick: function(e) {
+    this.refs.input.getDOMNode().focus();
+  },
+
   _onTextAreaChange: function(e) {
@@ -109,2 +113,2 @@ this._onInputChange(e);
 
-module.exports = Input;
+module.exports = Input;

docs/dist/js/left-nav.jsx

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

docs/dist/js/menu-item.jsx

@@ -18,3 +18,3 @@ /**
 
-	mixins: [Classable],
+  mixins: [Classable],
 
@@ -25,2 +25,3 @@ propTypes: {
     iconRight: React.PropTypes.string,
+    attribute: React.PropTypes.string,
     number: React.PropTypes.string,
@@ -51,3 +52,4 @@ data: React.PropTypes.string,
       iconRight,
-      menuItemNumber,
+      attribute,
+      number,
       toggle;
@@ -58,11 +60,13 @@
     if (this.props.iconRight) iconRight = <Icon className="mui-menu-item-icon-right" icon={this.props.iconRight} />;
-    if (this.props.number !== undefined) menuItemNumber = <span className="mui-menu-item-number">{this.props.number}</span>;
+    if (this.props.number !== undefined) number = <span className="mui-menu-item-number">{this.props.number}</span>;
+    if (this.props.attribute !== undefined) attribute = <span className="mui-menu-item-attribute">{this.props.attribute}</span>;
     if (this.props.toggle) toggle = <Toggle onToggle={this._onToggleClick} />;
 
     return (
-    	<div key={this.props.key} className={classes} onClick={this._onClick}>
+      <div key={this.props.key} className={classes} onClick={this._onClick}>
         {icon}
         {this.props.children}
         {data}
-        {menuItemNumber}
+        {attribute}
+        {number}
         {toggle}
@@ -69,0 +73,0 @@ {iconRight}

docs/dist/js/menu.jsx

@@ -9,3 +9,3 @@ /**
   KeyLine = require('./utils/key-line.js'),
-	Classable = require('./mixins/classable.js'),
+  Classable = require('./mixins/classable.js'),
   ClickAwayable = require('./mixins/click-awayable'),
@@ -89,5 +89,5 @@ Paper = require('./paper.jsx'),
 
-	mixins: [Classable],
+  mixins: [Classable],
 
-	propTypes: {
+  propTypes: {
     onItemClick: React.PropTypes.func,
@@ -133,3 +133,3 @@ onToggleClick: React.PropTypes.func,
 
-	render: function() {
+  render: function() {
     var classes = this.getClasses('mui-menu', {
@@ -141,7 +141,7 @@ 'mui-menu-hideable': this.props.hideable,
     return (
-			<Paper zDepth={this.props.zDepth} className={classes}>
+      <Paper zDepth={this.props.zDepth} className={classes}>
         {this._getChildren()}
       </Paper>
-		);
-	},
+    );
+  },
 
@@ -195,2 +195,3 @@ _getChildren: function() {
               data={menuItem.data} 
+              attribute={menuItem.attribute}
               number={menuItem.number} 
@@ -197,0 +198,0 @@ toggle={menuItem.toggle}

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

@@ -52,3 +52,4 @@ /**
   getInitialState: function() {
-    return { zDepth: this.props.disabled ? 0 : zDepths[this.props.type] }
+    var zDepth = this.props.disabled ? 0 : zDepths[this.props.type];
+    return { zDepth: zDepth, initialZDepth: zDepth };
   },
@@ -91,3 +92,2 @@
       $offset = $el.offset(),
-      originalZDepth = this.state.zDepth,
       x = e.pageX - $offset.left,
@@ -108,5 +108,5 @@ y = e.pageY - $offset.top;
     if (this.props.type !== Types.FLAT) {
-      this.setState({ zDepth: originalZDepth + 1 });
+      this.setState({ zDepth: this.state.initialZDepth + 1 });
       CssEvent.onTransitionEnd($el, function() {
-        this.setState({ zDepth: originalZDepth });
+        this.setState({ zDepth: this.state.initialZDepth });
       }.bind(this));
@@ -113,0 +113,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

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

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

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

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

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

docs/README.md

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

docs/src/app/app-dispatcher.js

@@ -0,0 +0,0 @@ var Dispatcher = require('./vendor/flux/dispatcher.js');

docs/src/app/app-router.js

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

docs/src/app/app.jsx

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

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

@@ -25,2 +25,3 @@ /**
         { payload: Pages.buttons, text: Pages.buttons.title },
+        { payload: Pages.dialog, text: Pages.dialog.title },
         { payload: Pages.inputs, text: Pages.inputs.title },
@@ -27,0 +28,0 @@ { payload: Pages.menus, text: Pages.menus.title },

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

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

docs/src/app/components/pages.jsx

@@ -8,2 +8,3 @@ /**
 	Colors = require('./pages/colors.jsx'),
+	Dialog = require('./pages/dialog.jsx'),
 	Icons = require('./pages/icons.jsx'),
@@ -21,2 +22,3 @@ Inputs = require('./pages/inputs.jsx'),
 	buttons: { url: 'buttons', title: 'Buttons', mainContentComponent: <Buttons /> },
+	dialog: { url: 'dialog', title: 'Dialog', mainContentComponent: <Dialog /> },
 	icons: { url: 'icons', title: 'Icons', mainContentComponent: <Icons /> },
@@ -23,0 +25,0 @@ inputs: { url: 'inputs', title: 'Inputs', mainContentComponent: <Inputs /> },

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/home.jsx

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

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

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

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

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

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

@@ -23,3 +23,3 @@ /**
 
-  attributeMenuItems = [
+  numberMenuItems = [
     { payload: '1', text: 'All', number: '22'},
@@ -82,4 +82,4 @@ { payload: '3', text: 'Uncategorized', number: '6'},
 
-        <h2 className="mui-font-style-headline">Attribute Menu</h2>
-        {this._getAttributeMenuExample()}
+        <h2 className="mui-font-style-headline">Number Menu</h2>
+        {this._getNumberMenuExample()}
 
@@ -134,5 +134,5 @@ <h2 className="mui-font-style-headline">Icon Menu</h2>
 
-  _getAttributeMenuExample: function() {
+  _getNumberMenuExample: function() {
     var code = 
-      "var attributeMenuItems = [\n" +
+      "var numberMenuItems = [\n" +
       "   { payload: '1', text: 'All', number: '22' },\n" +
@@ -142,3 +142,3 @@ "   { payload: '3', text: 'Uncategorized', number: '6'},\n" +
       "];\n\n"  +
-      "<Menu menuItems={attributeMenuItems} />";
+      "<Menu menuItems={numberMenuItems} />";
 
@@ -148,3 +148,3 @@ return (
         <div className="example-menu">
-          <mui.Menu menuItems={attributeMenuItems} onItemClick={this._onItemClick} />
+          <mui.Menu menuItems={numberMenuItems} onItemClick={this._onItemClick} />
         </div>
@@ -151,0 +151,0 @@ </CodeExample>

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.26",
+  "version": "0.1.27",
   "description": "Material Design UI components built with React",
@@ -6,0 +6,0 @@ "main": "index.js",

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

Number of package files

125

increased by2.46%

Lines of code

5464

increased by2.25%

Worsened metrics

Total package byte prevSize

351520

decreased by-1.44%

No dependency changes