material-ui 0.7.3.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 66fbd5b8301516799d48b83ee1a070d96560a95f
+  data.tar.gz: f8b03b3a0ec4ee04fab75f3065af7dc71dbfbfe5
+SHA512:
+  metadata.gz: daeadb4984ca8e7c667eb53ca77707b3f46590d4522d49166e25e67f0a65235f68df61742d6555f2cca854be7ce89f6637b11961c16b048ca86c24795449d093
+  data.tar.gz: 54c22cabbec39e4355b96a09e9b9f63329a6d165dd7855ddf315a4bd2d6d2804fd76c5806d92f28ba701a1c622c694c49b194b71a1058533834fb381a1e2bd9f

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in material-ui-gem.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 chadrien
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,31 @@
+# Material-ui gem
+
+The goal of this gem is to include [material-ui]('http://material-ui.com') in the Rails assets pipeline
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'material-ui'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install material-ui
+
+## Usage
+
+Material-ui is now available in the rails assets pipeline.
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/material-ui-gem/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,20 @@
+require "bundler/gem_tasks"
+
+task :prepare_build do
+  material_repo = 'https://github.com/callemall/material-ui.git'
+
+  %x{git clone #{material_repo}}
+  %x{cd material-ui && git checkout $(git describe --tags --abbrev=0)}
+  %x{mkdir -p vendor/assets/{javascripts/material-ui/components,stylesheets/material-ui}}
+  %x{cp -RPp material-ui/src/less/* vendor/lib/assets/stylesheets/material-ui}
+  %x{cp -RPp material-ui/src/js/* vendor/lib/assets/javascripts/material-ui/components}
+end
+
+task :cleanup_build do
+  %x{rm -rf material-ui}
+end
+
+Rake::Task[:build].enhance [:prepare_build]
+Rake::Task[:build].enhance do
+  Rake::Task[:cleanup_build].invoke
+end

data/lib/material-ui.rb

@@ -0,0 +1,4 @@
+module MaterialUi
+  class Engine < ::Rails::Engine
+  end
+end

data/material-ui-gem.gemspec

@@ -0,0 +1,33 @@
+# coding: utf-8
+require 'json'
+
+package_file = File.dirname(__FILE__) + '/material-ui/package.json'
+
+Gem::Specification.new do |spec|
+  if File.exists?(package_file)
+    package = JSON.parse(File.read(package_file))
+
+    spec.version     = package["version"] + ".1"
+    spec.summary     = package["description"]
+    spec.description = package["description"]
+    spec.homepage    = package["homepage"]
+    spec.license     = package["license"]
+  else
+    spec.version     = "0.0.1"
+  end
+
+  spec.name          = "material-ui"
+  spec.authors       = ["chadrien"]
+  spec.email         = ["chadrien@chadrien.fr"]
+
+  spec.files         = `git ls-files`.split("\n")
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "less-rails"
+  spec.add_dependency "react-source", "~> 0.13"
+  spec.add_dependency "railties", "~> 4.0"
+
+  spec.add_development_dependency "bundler", "~> 1.9"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "json"
+end

data/vendor/assets/javascripts/material-ui.js

@@ -0,0 +1 @@
+//= require_tree ./material-ui/components

data/vendor/assets/javascripts/material-ui/components/app-bar.jsx

@@ -0,0 +1,93 @@
+var React = require('react');
+var Classable = require('./mixins/classable');
+var IconButton = require('./icon-button');
+var NavigationMenu = require('./svg-icons/navigation-menu');
+var Paper = require('./paper');
+
+var AppBar = React.createClass({
+
+  mixins: [Classable],
+
+  propTypes: {
+    onMenuIconButtonTouchTap: React.PropTypes.func,
+    showMenuIconButton: React.PropTypes.bool,
+    iconClassNameLeft: React.PropTypes.string,
+    iconElementLeft: React.PropTypes.element,
+    iconElementRight: React.PropTypes.element,
+    title : React.PropTypes.node,
+    zDepth: React.PropTypes.number,
+  },
+
+  getDefaultProps: function() {
+    return {
+      showMenuIconButton: true,
+      title: '',
+      zDepth: 1
+    }
+  },
+
+  componentDidMount: function() {
+    if (process.NODE_ENV !== 'production' && 
+       (this.props.iconElementLeft && this.props.iconClassNameLeft)) {
+        var warning = 'Properties iconClassNameLeft and iconElementLeft cannot be simultaneously ' +
+                      'defined. Please use one or the other.';
+        console.warn(warning);
+    }
+  },
+
+  render: function() {
+    var {
+      onTouchTap,
+      ...other
+    } = this.props;
+
+    var classes = this.getClasses('mui-app-bar'),
+      title, menuElementLeft, menuElementRight;
+
+    if (this.props.title) {
+      // If the title is a string, wrap in an h1 tag.
+      // If not, just use it as a node.
+      title = toString.call(this.props.title) === '[object String]' ?
+        <h1 className="mui-app-bar-title">{this.props.title}</h1> :
+        this.props.title;
+    }
+
+    if (this.props.showMenuIconButton) {
+      if (this.props.iconElementLeft) {
+        menuElementLeft = (
+          <div className="mui-app-bar-navigation-icon-button"> 
+            {this.props.iconElementLeft} 
+          </div>
+        );
+      } else {
+        var child = (this.props.iconClassNameLeft) ? '' : <NavigationMenu/>;
+        menuElementLeft = (
+          <IconButton
+            className="mui-app-bar-navigation-icon-button" 
+            iconClassName={this.props.iconClassNameLeft}
+            onTouchTap={this._onMenuIconButtonTouchTap}>
+              {child}
+          </IconButton>
+        );
+      }
+    }
+
+    menuElementRight = (this.props.children) ? this.props.children : 
+                       (this.props.iconElementRight) ? this.props.iconElementRight : '';
+
+    return (
+      <Paper rounded={false} className={classes} zDepth={this.props.zDepth}>
+        {menuElementLeft}
+        {title}
+        {menuElementRight}
+      </Paper>
+    );
+  },
+
+  _onMenuIconButtonTouchTap: function(e) {
+    if (this.props.onMenuIconButtonTouchTap) this.props.onMenuIconButtonTouchTap(e);
+  }
+
+});
+
+module.exports = AppBar;

data/vendor/assets/javascripts/material-ui/components/app-canvas.jsx

@@ -0,0 +1,27 @@
+var React = require('react'),
+  Classable = require('./mixins/classable');
+
+var AppCanvas = React.createClass({
+
+  mixins: [Classable],
+
+  propTypes: {
+    predefinedLayout: React.PropTypes.number
+  },
+
+  render: function() {
+    var classes = this.getClasses({
+      'mui-app-canvas': true,
+      'mui-predefined-layout-1': this.props.predefinedLayout === 1
+    });
+
+    return (
+      <div className={classes}>
+        {this.props.children}
+      </div>
+    );
+  }
+
+});
+
+module.exports = AppCanvas;

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

@@ -0,0 +1,60 @@
+var React = require('react');
+var EnhancedSwitch = require('./enhanced-switch');
+var Classable = require('./mixins/classable');
+var CheckboxOutline = require('./svg-icons/toggle-check-box-outline-blank');
+var CheckboxChecked = require('./svg-icons/toggle-check-box-checked');
+
+var Checkbox = React.createClass({
+
+  mixins: [Classable],
+
+  propTypes: {
+    onCheck: React.PropTypes.func,
+  },
+
+  render: function() {
+    var {
+      onCheck,
+      ...other
+    } = this.props;
+
+    var classes = this.getClasses("mui-checkbox");
+
+    var checkboxElement = (
+      <div>
+        <CheckboxOutline className="mui-checkbox-box" />
+        <CheckboxChecked className="mui-checkbox-check" />
+      </div>
+    );
+
+    var enhancedSwitchProps = {
+      ref: "enhancedSwitch",
+      inputType: "checkbox",
+      switchElement: checkboxElement,
+      className: classes,
+      iconClassName: "mui-checkbox-icon",
+      onSwitch: this._handleCheck,
+      labelPosition: (this.props.labelPosition) ? this.props.labelPosition : "right"
+    };
+
+    return (
+      <EnhancedSwitch 
+        {...other}
+        {...enhancedSwitchProps}/>
+    );
+  },
+
+  isChecked: function() {
+    return this.refs.enhancedSwitch.isSwitched();
+  },
+
+  setChecked: function(newCheckedValue) {
+    this.refs.enhancedSwitch.setSwitched(newCheckedValue);
+  },
+
+  _handleCheck: function(e, isInputChecked) {
+    if (this.props.onCheck) this.props.onCheck(e, isInputChecked);
+  }
+});
+
+module.exports = Checkbox;

data/vendor/assets/javascripts/material-ui/components/date-picker/calendar-month.jsx

@@ -0,0 +1,59 @@
+var React = require('react');
+var Classable = require('../mixins/classable');
+var DateTime = require('../utils/date-time');
+var DayButton = require('./day-button');
+
+var CalendarMonth = React.createClass({
+
+  mixins: [Classable],
+
+  propTypes: {
+    displayDate: React.PropTypes.object.isRequired,
+    onDayTouchTap: React.PropTypes.func,
+    selectedDate: React.PropTypes.object.isRequired
+  },
+
+  render: function() {
+    var classes = this.getClasses('mui-date-picker-calendar-month');
+
+    return (
+      <div className={classes}>
+        {this._getWeekElements()}
+      </div>
+    );
+  },
+
+  _getWeekElements: function() {
+    var weekArray = DateTime.getWeekArray(this.props.displayDate);
+
+    return weekArray.map(function(week, i) {
+      return (
+        <div
+          key={i}
+          className="mui-date-picker-calendar-month-week">
+          {this._getDayElements(week)}
+        </div>
+      );
+    }, this);
+  },
+
+  _getDayElements: function(week) {
+    return week.map(function(day, i) {
+      var selected = DateTime.isEqualDate(this.props.selectedDate, day);
+      return (
+        <DayButton
+          key={i}
+          date={day}
+          onTouchTap={this._handleDayTouchTap}
+          selected={selected} />
+      );
+    }, this);
+  },
+
+  _handleDayTouchTap: function(e, date) {
+    if (this.props.onDayTouchTap) this.props.onDayTouchTap(e, date);
+  }
+
+});
+
+module.exports = CalendarMonth;

data/vendor/assets/javascripts/material-ui/components/date-picker/calendar-toolbar.jsx

@@ -0,0 +1,64 @@
+var React = require('react');
+var DateTime = require('../utils/date-time');
+var IconButton = require('../icon-button');
+var NavigationChevronLeft = require('../svg-icons/navigation-chevron-left');
+var NavigationChevronRight = require('../svg-icons/navigation-chevron-right');
+var SlideInTransitionGroup = require('../transition-groups/slide-in');
+
+var CalendarToolbar = React.createClass({
+
+  propTypes: {
+    displayDate: React.PropTypes.object.isRequired,
+    onLeftTouchTap: React.PropTypes.func,
+    onRightTouchTap: React.PropTypes.func
+  },
+
+  getInitialState: function() {
+    return {
+      transitionDirection: 'up'
+    };
+  },
+
+  componentWillReceiveProps: function(nextProps) {
+    var direction;
+
+    if (nextProps.displayDate !== this.props.displayDate) {
+      direction = nextProps.displayDate > this.props.displayDate ? 'up' : 'down';
+      this.setState({
+        transitionDirection: direction
+      });
+    }
+  },
+
+  render: function() {
+    var month = DateTime.getFullMonth(this.props.displayDate);
+    var year = this.props.displayDate.getFullYear();
+
+    return (
+      <div className="mui-date-picker-calendar-toolbar">
+
+        <SlideInTransitionGroup
+          className="mui-date-picker-calendar-toolbar-title"
+          direction={this.state.transitionDirection}>
+          <div key={month + '_' + year}>{month} {year}</div>
+        </SlideInTransitionGroup>
+
+        <IconButton
+          className="mui-date-picker-calendar-toolbar-button-left"
+          onTouchTap={this.props.onLeftTouchTap}>
+            <NavigationChevronLeft/>
+        </IconButton>
+
+        <IconButton
+          className="mui-date-picker-calendar-toolbar-button-right"
+          onTouchTap={this.props.onRightTouchTap}>
+            <NavigationChevronRight/>
+        </IconButton>
+
+      </div>
+    );
+  }
+
+});
+
+module.exports = CalendarToolbar;