arara 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f1366b888c0063661615043a8c3b1a51a918947ff13c908a071550e6bc61ed7a
-  data.tar.gz: c89cdf105dc1356037f5832c0bf177976cc9d7a79f93b384f9a122e1751d2b4e
+  metadata.gz: f2c15e0839b48215438173b29262e50fab880fff58ec0e0931e700ec6de6d48b
+  data.tar.gz: 0ddb971b69bba46be378703eea178f562d5a04edc5e2e201ecbea5a365128fba
 SHA512:
-  metadata.gz: 6e23a98a626edc1531af1bfaf547625d1682ac172ae4da8380a40ba761f7f28a467397e4d5dd582f571ef3526809866616752c1a023d0802d073a87376b67087
-  data.tar.gz: 1d061d8b3973ef55dfcf3c7c5ca140805d44e2c3c2a5e7c61c3ee5c93acd4dd9610360e17a624cd1dba49f2b454dac7f8f645cebe7d12963b23bcc09c2df5ef0
+  metadata.gz: 075bba0b27d7f0b7961a1e8f27240f6a9e51886ca89ee9ac949afbb6a4380d6dc86f73be444034d658017c4589224945fa0924f1075a480529471b9fd0c89cb0
+  data.tar.gz: f8e40d01076ddebc4881f8da8a9c09f30aa1a7a336229de9dcf8ca2a54843caff33dae2dcf054fb51fabf6d974accf9418c78dc8685def7f72df85aba7ac2491

data/README.md

@@ -23,6 +23,39 @@ var root = document.documentElement;
 root.style.setProperty('--base-color', "palevioletred")
 ```
 
+## Developing
+
+All arara related files are inside `app/javascript/arara`, the folder contains:
+
+- controllers : with all the stimulus controllers
+- scss : the basic scss setup
+
+### Demo
+
+TL;DR (quick setup)
+
+```bash
+yarn
+cd test/dummy
+yarn
+bundle install
+rails server
+```
+
+On project root run the `yarn` (or `npm`) command to install the dependencies for arara
+
+To run the demo, go inside `test/dummy` and run the commands:
+
+- bundle install
+- yarn/npm (now is needed to install the demo dependencies)
+
+and run the commands on two different terminals:
+
+- ./bin/webpack-dev-server
+- rails s
+
+Access http://localhost:3000 to see it running
+
 ## NPM Package
 
 This is my first NPM package, the built system was inspired on [ActionCable](https://github.com/rails/rails/blob/ec69083cf3352c78f840de50fdf20ef30334e0b1/actioncable/package.json#L49) and [Material-UI](https://github.com/mui-org/material-ui/blob/49fb53dd3497e3c825bab92f1f1dde42644dbab4/package.json#L33), if there's a bug (and probably there ARE) or you have any suggestion, please open an issue

data/app/assets/javascripts/arara.js

@@ -2,9 +2,6 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("stimulus"), require("@material/dialog"), require("@material/chips"), require("@material/data-table"), require("@material/form-field"), require("@material/checkbox"), require("@material/radio"), require("@material/icon-button"), require("@material/linear-progress"), require("@material/ripple"), require("@material/list"), require("@material/menu"), require("@material/select"), require("@material/slider"), require("@material/snackbar"), require("@material/switch"), require("@material/tab-bar"), require("@material/textfield"), require("@material/top-app-bar")) : typeof define === "function" && define.amd ? define([ "exports", "stimulus", "@material/dialog", "@material/chips", "@material/data-table", "@material/form-field", "@material/checkbox", "@material/radio", "@material/icon-button", "@material/linear-progress", "@material/ripple", "@material/list", "@material/menu", "@material/select", "@material/slider", "@material/snackbar", "@material/switch", "@material/tab-bar", "@material/textfield", "@material/top-app-bar" ], factory) : factory(global.Arara = {}, global.stimulus, global.dialog, global.chips, global["data-table"], global["form-field"], global.checkbox, global.radio, global["icon-button"], global["linear-progress"], global.ripple, global.list, global.menu, global.select, global.slider, global.snackbar, global.switch, global["tab-bar"], global.textfield, global["top-app-bar"]);
 })(this, function(exports, stimulus, dialog, chips, dataTable, formField, checkbox, radio, iconButton, linearProgress, ripple, list, menu, select, slider, snackbar, _switch, tabBar, textfield, topAppBar) {
   "use strict";
-  var sum = function sum(a, b) {
-    return a + b;
-  };
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
@@ -575,7 +572,6 @@
     } ]);
     return _default;
   }(stimulus.Controller);
-  exports.sum = sum;
   exports.body_class_toggler_controller = _default;
   exports.counter_controller = _default$1;
   exports.demo_dialog_controller = _default$2;

data/app/components/arara/dialog_component.rb

@@ -3,15 +3,16 @@ module Arara
     validates :content, presence: true
 
     include Arara::BaseComponent
-    
-    attr_reader :role, :labelledby, :describedby
 
-    def initialize(role: "alertdialog", labelledby:, describedby:, **kw)
+    attr_reader :role, :labelledby, :describedby, :surface_class
+
+    def initialize(role: "alertdialog", labelledby:, describedby:, surface_class: nil, **kw)
       super(tag: "div", role: role, **kw)
 
       @role = role
       @labelledby = labelledby
       @describedby = describedby
+      @surface_class = surface_class
     end
 
 
@@ -20,8 +21,10 @@ module Arara
     end
 
     def surface_options
-      opts = {
-        class: "mdc-dialog__surface",
+      html_class = ["mdc-dialog__surface"]
+      html_class << surface_class if surface_class
+      {
+        class: html_class.join(" "),
         role: role,
         aria: {
           modal: "true",

data/app/components/arara/icon_button_component.rb

@@ -12,7 +12,9 @@ module Arara
     end
 
     def default_html_class
-      'mdc-icon-button'
+      klasses = ['mdc-icon-button']
+      klasses << ['mdc-icon-button--on'] if pressed
+      klasses
     end
 
     def aria_data

data/app/components/arara/text_field_component.rb

@@ -1,12 +1,12 @@
 module Arara
   class TextFieldComponent < ActionView::Component::Base
     include Arara::BaseComponent
-    
-    attr_reader :label, :id, :name, :value, :textarea, :full_width, :helper_text, :type
+
+    attr_reader :label, :id, :name, :value, :textarea, :full_width, :helper_text, :type, :placeholder
 
     with_content_areas :leading_icon, :trailing_icon, :max_length
 
-    def initialize(variant: "default", label: nil, helper_text: nil, max_length: nil, textarea: false, id:, name: nil, value: nil, full_width: false, has_error: false, type: "text", **kw)
+    def initialize(variant: "default", label: nil, helper_text: nil, max_length: nil, textarea: false, id:, name: nil, value: nil, full_width: false, has_error: false, type: "text", placeholder: nil, **kw)
       super(tag: "div", variant: variant, **kw)
 
       @label = label
@@ -20,6 +20,7 @@ module Arara
       @has_error = has_error
       @user_variant = "outlined" if textarea
       @type = type
+      @placeholder = placeholder
     end
 
     def has_error?
@@ -48,7 +49,7 @@ module Arara
       return "textarea" if textarea
       "input"
     end
-    
+
     def html_input_options
       opts = {
         class: "mdc-text-field__input",
@@ -64,7 +65,7 @@ module Arara
       opts.merge!(value: value) if value
       opts[:data] = opts.has_key?(:data) ? opts[:data] : {}
       opts[:data][:action] = "focusin->#{data_controller}#handleFocus"
-      opts.merge!(placeholder: label) if full_width && !is_textarea?
+      opts.merge!(placeholder: placeholder) if placeholder
       # opts.merge!(rows: 4, cols: 40) if textarea
       opts.merge!(maxlength: max_length) if max_length
       opts

data/app/javascript/arara/index.js

@@ -1,6 +1,3 @@
-export { default as sum } from "./helpers/sum.js"
-export * from "./helpers/sum.js"
-
 export { default as body_class_toggler_controller } from "./controllers/body_class_toggler_controller.js"
 export * from "./controllers/body_class_toggler_controller.js"
 

data/lib/arara/version.rb

@@ -1,3 +1,3 @@
 module Arara
-  VERSION = '0.2.0'
+  VERSION = '0.2.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: arara
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Celso Fernandes
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-03-08 00:00:00.000000000 Z
+date: 2020-09-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -196,7 +196,6 @@ files:
 - app/javascript/arara/controllers/rails_chip_set_choice_controller.js
 - app/javascript/arara/controllers/rails_chip_set_filter_controller.js
 - app/javascript/arara/controllers/remote_form_controller.js
-- app/javascript/arara/helpers/sum.js
 - app/javascript/arara/index.js
 - app/javascript/arara/scss/_material_design.scss
 - app/javascript/arara/scss/_tailwind.scss
@@ -231,7 +230,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.1
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: A material design theme for Ruby on Rails

data/app/javascript/arara/helpers/sum.js

@@ -1,5 +0,0 @@
-const sum = (a, b) => {
-  return a + b
-}
-
-export default sum