material-components-web 1.0.1 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3c3c5ae823cc98e5e872464b88022950ddd8c1550c6ce3c6af417e2f493fab77
-  data.tar.gz: c82bf021a2e7fc0b20301c001fffbb69338dd6143c81baf77e1e05da821975b1
+  metadata.gz: fd7b735ede4c8f71401b13bd28e3351954507ab01eb540f696c4a8b8861d1ecb
+  data.tar.gz: 4dcb97a32910262f8bdb3dd85c1b19229a53b2ac5896f52df355ca2a6b9af62c
 SHA512:
-  metadata.gz: a1b9c1345bcc7998e3b4db1e2b3407a7bea99d73691e35bd87f878803741f8fef1a869558e5e003ee15e1248808a7c92c7997188cc53f568efb027ea629aaab2
-  data.tar.gz: 998d33420cc075b2bf68765ee72c03a0bc888cdc6dd925c500816f18860f5cecc77f3c38128895a9cc02d18c5b4259a466ffea24b9fc05893bef4d1def90d824
+  metadata.gz: 001c44f9b76924d7f26aa26e93c8e66b21c5ead5d1d0b73f1940ce49e86d60c3bba3af51ee0c831e570a3dcc341225d9e2c35f5d47e0816535d201e91a54dc1b
+  data.tar.gz: 485ee2e4616c246cbce65344a488f3408cb6cb78b0646f4e45ead172776e618c8b1c58609fb0372a57deaad781cf4b7f6a34c7d6cd31e3b830f17489f10a5f27

data/CHANGELOG.md

@@ -4,6 +4,11 @@
 
 * nothing yet
 
+### 1.0.1 - 2018/01/10
+
+* features
+    * use Mozaic to define and use components
+
 ### 1.0.1 - 2018/01/08
 
 * bugfixes

data/README.md

@@ -2,7 +2,7 @@
 
 [![Gem Version](https://badge.fury.io/rb/material-components-web.svg)](https://badge.fury.io/rb/material-components-web) <img src="https://travis-ci.org/jonhue/material-components-web.svg?branch=master" />
 
-Material Components Web for Rails provides a set of helpers simplifying the using of the [Material Components Web](https://github.com/material-components/material-components-web) library within your Rails app.
+Material Components Web for Rails provides a set of helpers simplifying the use of the [Material Components Web](https://github.com/material-components/material-components-web) library within your Rails app.
 
 ---
 
@@ -66,9 +66,9 @@ Then add [Material Components Web](https://github.com/material-components/materi
 
 These are the material components currently supported by Material Components Web for Rails:
 
-* [`mdc-checkbox`](app/helpers/material_components_web/mdc_checkbox)
-* [`mdc-form-field`](app/helpers/material_components_web/mdc_form_field)
-* [`mdc-radio`](app/helpers/material_components_web/mdc_radio)
+* [`mdc-checkbox`](components/mdc-checkbox.md)
+* [`mdc-form-field`](components/mdc-form-field.md)
+* [`mdc-radio`](components/mdc-radio.md)
 
 You feel a component is missing? Create an issue to make us aware, or implement it yourself. Pull requests are welcome.
 

data/app/views/{material_components_web/_mdc_checkbox.html.erb → mozaic/_mdc-checkbox.html.erb}

@@ -1,9 +1,9 @@
 <div class="mdc-checkbox<%= ' mdc-checkbox--disabled' if options[:disabled] %>">
-    <input value="0" type="hidden" name="<%= options[:class_name] ? options[:class_name].to_s + '[' + attribute.to_s + ']' : attribute.to_s %>" />
-    <input checked="<%= options[:checked] %>" class="mdc-checkbox__native-control" type="checkbox" value="1" name="<%= options[:class_name] ? options[:class_name].to_s + '[' + attribute.to_s + ']' : attribute.to_s %>" id="<%= options[:class_name] ? options[:class_name].to_s + '_' + attribute.to_s : attribute.to_s %>" />
+    <input value="0" type="hidden" name="<%= options[:class_name] ? options[:class_name].to_s + '[' + options[:attribute].to_s + ']' : options[:attribute].to_s %>" />
+    <input checked="<%= options[:checked] %>" class="mdc-checkbox__native-control" type="checkbox" value="1" name="<%= options[:class_name] ? options[:class_name].to_s + '[' + options[:attribute].to_s + ']' : options[:attribute].to_s %>" id="<%= options[:class_name] ? options[:class_name].to_s + '_' + options[:attribute].to_s : options[:attribute].to_s %>" />
     <div class="mdc-checkbox__background">
         <svg class='mdc-checkbox__checkmark' viewBox='0 0 24 24'><path class='mdc-checkbox__checkmark__path' fill='none' stroke='white' d='M1.73,12.91 8.1,19.28 22.79,4.59'/></svg>
         <div class="mdc-checkbox__mixedmark"></div>
     </div>
 </div>
-<% if options[:label] %><label for="<%= options[:class_name] ? options[:class_name].to_s + '_' + attribute.to_s : attribute.to_s %>"><%= options[:label].html_safe %></label><% end %>
+<% if options[:label] %><label for="<%= options[:class_name] ? options[:class_name].to_s + '_' + options[:attribute].to_s : options[:attribute].to_s %>"><%= options[:label].html_safe %></label><% end %>

data/app/views/mozaic/_mdc-radio.html.erb

@@ -0,0 +1,8 @@
+<div class="mdc-radio<%= ' mdc-radio--disabled' if options[:disabled] %>">
+    <input checked="<%= options[:checked] %>" class="mdc-radio__native-control" type="radio" value="<%= options[:value] %>" name="<%= options[:class_name] ? options[:class_name].to_s + '[' + options[:attribute].to_s + ']' : options[:attribute].to_s %>" id="<%= options[:class_name] ? options[:class_name].to_s + '_' + options[:attribute].to_s + '_' + options[:value].to_s : options[:attribute].to_s + '_' + options[:value].to_s %>" />
+    <div class="mdc-radio__background">
+        <div class="mdc-radio__outer-circle"></div>
+        <div class="mdc-radio__inner-circle"></div>
+    </div>
+</div>
+<% if options[:label] %><label for="<%= options[:class_name] ? options[:class_name].to_s + '_' + options[:attribute].to_s + '_' + options[:value].to_s : options[:attribute].to_s + '_' + options[:value].to_s %>"><%= options[:label].html_safe %></label><% end %>

data/lib/material-components-web.rb

@@ -4,4 +4,6 @@ module MaterialComponentsWeb
 
     require 'material_components_web/engine'
 
+    require 'material_components_web/components'
+
 end

data/lib/material_components_web/components.rb

@@ -0,0 +1,11 @@
+require 'mozaic'
+
+module MaterialComponentsWeb
+
+    Mozaic.configure do |config|
+        config.define_component 'mdc-checkbox', class_name: false, label: false, checked: false, disabled: false
+        config.define_component 'mdc-form-field'
+        config.define_component 'mdc-radio', class_name: false, label: false, checked: false, disabled: false
+    end
+
+end

data/lib/material_components_web/version.rb

@@ -1,5 +1,5 @@
 module MaterialComponentsWeb
 
-    VERSION = '1.0.1'
+    VERSION = '2.0.0'
 
 end

metadata

@@ -1,17 +1,17 @@
 --- !ruby/object:Gem::Specification
 name: material-components-web
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 2.0.0
 platform: ruby
 authors:
 - Jonas Hübotter
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-08 00:00:00.000000000 Z
+date: 2018-01-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: rails
+  name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -24,6 +24,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: mozaic
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
@@ -52,7 +66,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '0.52'
-description: Provides a set of helpers simplifying the using of the Material Components
+description: Provides a set of helpers simplifying the use of the Material Components
   Web library.
 email: me@jonhue.me
 executables: []
@@ -62,16 +76,11 @@ files:
 - CHANGELOG.md
 - LICENSE
 - README.md
-- app/helpers/material_components_web/mdc_checkbox/README.md
-- app/helpers/material_components_web/mdc_checkbox/view_helper.rb
-- app/helpers/material_components_web/mdc_form_field/README.md
-- app/helpers/material_components_web/mdc_form_field/view_helper.rb
-- app/helpers/material_components_web/mdc_radio/README.md
-- app/helpers/material_components_web/mdc_radio/view_helper.rb
-- app/views/material_components_web/_mdc_checkbox.html.erb
-- app/views/material_components_web/_mdc_form_field.html.erb
-- app/views/material_components_web/_mdc_radio.html.erb
+- app/views/mozaic/_mdc-checkbox.html.erb
+- app/views/mozaic/_mdc-form-field.html.erb
+- app/views/mozaic/_mdc-radio.html.erb
 - lib/material-components-web.rb
+- lib/material_components_web/components.rb
 - lib/material_components_web/engine.rb
 - lib/material_components_web/version.rb
 - vendor/assets/javascripts/material-components-web.js
@@ -101,6 +110,6 @@ rubyforge_project:
 rubygems_version: 2.7.4
 signing_key: 
 specification_version: 4
-summary: Provides a set of helpers simplifying the using of the Material Components
+summary: Provides a set of helpers simplifying the use of the Material Components
   Web library
 test_files: []

data/app/helpers/material_components_web/mdc_checkbox/README.md

@@ -1,39 +0,0 @@
-# Checkboxes
-
-**[Demo & original documentation](https://github.com/material-components/material-components-web/tree/master/packages/mdc-checkbox)**
-
-### Usage
-
-```haml
-= mdc_checkbox :attribute
-```
-
-This translates to:
-
-```html
-<div class="mdc-checkbox">
-    <input value="0" type="hidden" name="attribute" />
-    <input checked="false" class="mdc-checkbox__native-control" type="checkbox" value="1" name="attribute" id="attribute" />
-    <div class="mdc-checkbox__background">
-        <svg class='mdc-checkbox__checkmark' viewBox='0 0 24 24'><path class='mdc-checkbox__checkmark__path' fill='none' stroke='white' d='M1.73,12.91 8.1,19.28 22.79,4.59'/></svg>
-        <div class="mdc-checkbox__mixedmark"></div>
-    </div>
-</div>
-```
-
-#### Javascript
-
-To add JavaScript functionality, add the following snippet to your asset pipeline:
-
-```js
-$('.mdc-checkbox').each(function( i, obj ) {
-    var checkbox = new mdc.checkbox.MDCCheckbox(obj);
-});
-```
-
-### Options
-
-* **`class_name`** A string to indicate the class name of the object the attribute belongs to. Used to define the `type` and `id` attributes of the checkbox. Accepts a string or `false`. Can look like: `'user[settings]'`
-* **`label`** A string as content of a label used to present information about the checkbox element to the user. Accepts a string or `false`. Can include HTML elements.
-* **`checked`** Whether the checkbox element should be checked or not. Accepts a boolean.
-* **`disabled`** Whether the checkbox element should be disabled or not. Accepts a boolean.

data/app/helpers/material_components_web/mdc_checkbox/view_helper.rb

@@ -1,19 +0,0 @@
-module MaterialComponentsWeb
-    module MdcCheckbox
-        module ViewHelper
-
-            def mdc_checkbox attribute, options = {}
-                defaults = {
-                    class_name: false,
-                    label: false,
-                    checked: false,
-                    disabled: false
-                }
-                defaults.merge! options
-
-                render partial: 'material_components_web/mdc_checkbox', locals: { attribute: attribute, options: options }
-            end
-
-        end
-    end
-end

data/app/helpers/material_components_web/mdc_form_field/README.md

@@ -1,23 +0,0 @@
-# Form Fields
-
-**[Demo & original documentation](https://github.com/material-components/material-components-web/tree/master/packages/mdc-form-field)**
-
-### Usage
-
-```haml
-= mdc_form_field do
-    ...
-```
-
-This translates to:
-
-```html
-<div class="mdc-form-field">
-    ...
-</div>
-```
-
-### Options
-
-* **`class`** Add classes to the generated `div`. Accepts a string.
-* **`id`** Add an id to the generated `div`. Accepts a string.

data/app/helpers/material_components_web/mdc_form_field/view_helper.rb

@@ -1,14 +0,0 @@
-module MaterialComponentsWeb
-    module MdcFormField
-        module ViewHelper
-
-            def mdc_form_field options = {}, &block
-                defaults = {}
-                defaults.merge! options
-
-                render partial: 'material_components_web/mdc_form_field', locals: { options: options, block: capture(&block) }
-            end
-
-        end
-    end
-end

data/app/helpers/material_components_web/mdc_radio/README.md

@@ -1,38 +0,0 @@
-# Radio Buttons
-
-**[Demo & original documentation](https://github.com/material-components/material-components-web/tree/master/packages/mdc-radio)**
-
-### Usage
-
-```haml
-= mdc_radio :attribute, 'value'
-```
-
-This translates to:
-
-```html
-<div class="mdc-radio">
-    <input checked="false" class="mdc-radio__native-control" type="radio" value="value" name="attribute" id="attribute" />
-    <div class="mdc-radio__background">
-        <div class="mdc-radio__outer-circle"></div>
-        <div class="mdc-radio__inner-circle"></div>
-    </div>
-</div>
-```
-
-#### Javascript
-
-To add JavaScript functionality, add the following snippet to your asset pipeline:
-
-```js
-$('.mdc-radio').each(function( i, obj ) {
-    var radio = new mdc.radio.MDCRadio(obj);
-});
-```
-
-### Options
-
-* **`class_name`** A string to indicate the class name of the object the attribute belongs to. Used to define the `type` and `id` attributes of the radio button. Accepts a string or `false`. Can look like: `'user[settings]'`
-* **`label`** A string as content of a label used to present information about the radio element to the user. Accepts a string or `false`. Can include HTML elements.
-* **`checked`** Whether the radio element should be checked or not. Accepts a boolean.
-* **`disabled`** Whether the radio element should be disabled or not. Accepts a boolean.

data/app/helpers/material_components_web/mdc_radio/view_helper.rb

@@ -1,19 +0,0 @@
-module MaterialComponentsWeb
-    module MdcRadio
-        module ViewHelper
-
-            def mdc_radio attribute, value, options = {}
-                defaults = {
-                    class_name: false,
-                    label: false,
-                    checked: false,
-                    disabled: false
-                }
-                defaults.merge! options
-
-                render partial: 'material_components_web/mdc_radio', locals: { attribute: attribute, value: value, options: options }
-            end
-
-        end
-    end
-end

data/app/views/material_components_web/_mdc_radio.html.erb

@@ -1,8 +0,0 @@
-<div class="mdc-radio<%= ' mdc-radio--disabled' if options[:disabled] %>">
-    <input checked="<%= options[:checked] %>" class="mdc-radio__native-control" type="radio" value="<%= value %>" name="<%= options[:class_name] ? options[:class_name].to_s + '[' + attribute.to_s + ']' : attribute.to_s %>" id="<%= options[:class_name] ? options[:class_name].to_s + '_' + attribute.to_s : attribute.to_s %>" />
-    <div class="mdc-radio__background">
-        <div class="mdc-radio__outer-circle"></div>
-        <div class="mdc-radio__inner-circle"></div>
-    </div>
-</div>
-<% if options[:label] %><label for="<%= options[:class_name] ? options[:class_name].to_s + '_' + attribute.to_s : attribute.to_s %>"><%= options[:label].html_safe %></label><% end %>