myg 2.10.3 → 2.10.4

data/app/views/mozaic/myg/_textarea.html.erb

@@ -1,12 +1,14 @@
-<% class_name = options.delete :class_name %>
-<% attribute = options.delete :attribute %>
-<% identifier = options.delete :identifier %>
-<% name = class_name ? "#{class_name.to_s.downcase}[#{attribute}]" : "#{attribute}" %>
-<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_').tr('[', '_').tr(']', '_') %>
-<% html = {
-    class: ['myg-input__textarea', options[:class]].join(' '),
-    name: name,
-    id: id
-} %>
-
-<%= content_tag 'textarea', options.merge(html) do %><%= block %><% end %>
+<% class_name = options.delete :class_name %>
+<% attribute = options.delete :attribute %>
+<% identifier = options.delete :identifier %>
+<% name = class_name ? "#{class_name.to_s.downcase}[#{attribute}]" : "#{attribute}" %>
+<% id = [class_name, identifier, attribute].map { |s| s.to_s.downcase }.join('_').tr('[', '_').tr(']', '_') %>
+<% html = {
+  class: ['myg-input__textarea', options[:class]].join(' '),
+  name: name,
+  id: id
+} %>
+
+<%= content_tag 'textarea', options.merge(html) do %>
+  <%= block %>
+<% end %>

data/app/views/mozaic/myg/_titlebar.html.erb

@@ -1,12 +1,12 @@
-<% html = {
-    class: ['myg-titlebar welcomer', options[:class]].join(' ')
-} %>
-
-<%= content_tag 'div', options.merge(html) do %>
-    <%= block %>
-    <% if options[:close] %>
-        <div class="welcomer--close">
-            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g transform="translate(0, 0)"><polygon fill="#fff" points="10.1,4.5 8,6.6 5.9,4.5 4.5,5.9 6.6,8 4.5,10.1 5.9,11.5 8,9.4 10.1,11.5 11.5,10.1 9.4,8 11.5,5.9 "></polygon></g></svg>
-        </div>
-    <% end %>
-<% end %>
+<% html = {
+  class: ['myg-titlebar welcomer', options[:class]].join(' ')
+} %>
+
+<%= content_tag 'div', options.merge(html) do %>
+  <%= block %>
+  <% if options[:close] %>
+    <div class="welcomer--close">
+      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g transform="translate(0, 0)"><polygon fill="#fff" points="10.1,4.5 8,6.6 5.9,4.5 4.5,5.9 6.6,8 4.5,10.1 5.9,11.5 8,9.4 10.1,11.5 11.5,10.1 9.4,8 11.5,5.9 "></polygon></g></svg>
+    </div>
+  <% end %>
+<% end %>

data/app/views/mozaic/myg/_toast.html.erb

@@ -1,15 +1,15 @@
 <% html = {
-    class: ['myg-toast mdc-snackbar mdc-snackbar--align-start', options[:class]].join(' '),
-    aria: {
-        live: 'assertive',
-        atomic: true,
-        hidden: true
-    }
+  class: ['myg-toast mdc-snackbar mdc-snackbar--align-start', options[:class]].join(' '),
+  aria: {
+    live: 'assertive',
+    atomic: true,
+    hidden: true
+  }
 } %>
 
 <%= content_tag 'div', options.merge(html) do %>
-    <div class="mdc-snackbar__text"></div>
-    <div class="mdc-snackbar__action-wrapper">
-        <button type="button" class="mdc-snackbar__action-button"></button>
-    </div>
+  <div class="mdc-snackbar__text"></div>
+  <div class="mdc-snackbar__action-wrapper">
+    <button type="button" class="mdc-snackbar__action-button"></button>
+  </div>
 <% end %>

data/app/views/mozaic/myg/_toolbar.html.erb

@@ -1,7 +1,7 @@
 <% html = {
-    class: ['myg-toolbar mdc-toolbar', options[:class]].join(' ')
+  class: ['myg-toolbar mdc-toolbar', options[:class]].join(' ')
 } %>
 
 <%= content_tag 'header', options.merge(html) do %>
-    <%= block %>
+  <%= block %>
 <% end %>

data/lib/generators/myg/install_generator.rb

@@ -1,64 +1,90 @@
+# frozen_string_literal: true
+
 require 'rails/generators'
 require 'rails/generators/migration'
 
-class Myg::InstallGenerator < Rails::Generators::Base
-
+module Myg
+  class InstallGenerator < Rails::Generators::Base
     include Rails::Generators::Migration
 
     source_root File.join File.dirname(__FILE__), '../templates/install'
     desc 'Install Myg on Rails'
 
     def create_initializer
-        template 'initializer.rb', 'config/initializers/myg.rb'
+      template 'initializer.rb', 'config/initializers/myg.rb'
     end
 
+    # rubocop:disable Metrics/AbcSize
+    # rubocop:disable Metrics/MethodLength
     def create_stylesheets
-        template 'stylesheets/myg.sass', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/myg.sass"
-        template 'stylesheets/_myg.sass', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/_myg.sass"
-        template 'stylesheets/_variables.sass', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/_variables.sass"
-        template 'stylesheets/variables/_action-button.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_action-button.scss"
-        template 'stylesheets/variables/_animate.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_animate.scss"
-        template 'stylesheets/variables/_base.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_base.scss"
-        template 'stylesheets/variables/_font.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_font.scss"
-        template 'stylesheets/variables/_footer.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_footer.scss"
-        template 'stylesheets/variables/_grid.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_grid.scss"
-        template 'stylesheets/variables/_layout.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_layout.scss"
-        template 'stylesheets/variables/_spacing.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_spacing.scss"
-        template 'stylesheets/variables/_text.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_text.scss"
-        template 'stylesheets/variables/_theme.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/variables/_theme.scss"
-        template 'stylesheets/theme/theme.sass', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/theme/theme.sass"
-        template 'stylesheets/theme/_default.scss', "#{Myg.configuration&.stylesheets_dir || 'app/assets/stylesheets/myg'}/theme/_default.scss"
+      template 'stylesheets/myg.scss', "#{stylesheets_dir}/myg.scss"
+      template 'stylesheets/variables/_action-button.scss',
+               "#{stylesheets_dir}/variables/_action-button.scss"
+      template 'stylesheets/variables/_animate.scss',
+               "#{stylesheets_dir}/variables/_animate.scss"
+      template 'stylesheets/variables/_base.scss',
+               "#{stylesheets_dir}/variables/_base.scss"
+      template 'stylesheets/variables/_font.scss',
+               "#{stylesheets_dir}/variables/_font.scss"
+      template 'stylesheets/variables/_footer.scss',
+               "#{stylesheets_dir}/variables/_footer.scss"
+      template 'stylesheets/variables/_grid.scss',
+               "#{stylesheets_dir}/variables/_grid.scss"
+      template 'stylesheets/variables/_layout.scss',
+               "#{stylesheets_dir}/variables/_layout.scss"
+      template 'stylesheets/variables/_spacing.scss',
+               "#{stylesheets_dir}/variables/_spacing.scss"
+      template 'stylesheets/variables/_text.scss',
+               "#{stylesheets_dir}/variables/_text.scss"
+      template 'stylesheets/variables/_theme.scss',
+               "#{stylesheets_dir}/variables/_theme.scss"
+      template 'stylesheets/theme/theme.scss',
+               "#{stylesheets_dir}/theme/theme.scss"
+      template 'stylesheets/theme/_custom.scss',
+               "#{stylesheets_dir}/theme/_custom.scss"
     end
 
     def create_javascripts
-        template 'javascripts/index.js.erb', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/index.js"
-        unless Myg.configuration&.es6 == false
-            template 'javascripts/action-button.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/action-button.js"
-            template 'javascripts/button.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/button.js"
-            template 'javascripts/card.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/card.js"
-            template 'javascripts/checkbox.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/checkbox.js"
-            template 'javascripts/dialog.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/dialog.js"
-            template 'javascripts/drawer.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/drawer.js"
-            template 'javascripts/dropdown.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/dropdown.js"
-            template 'javascripts/footer.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/footer.js"
-            template 'javascripts/form-field.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/form-field.js"
-            template 'javascripts/input.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/input.js"
-            template 'javascripts/menu.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/menu.js"
-            template 'javascripts/modal.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/modal.js"
-            template 'javascripts/progress.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/progress.js"
-            template 'javascripts/radio.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/radio.js"
-            template 'javascripts/select.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/select.js"
-            template 'javascripts/sidebar.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/sidebar.js"
-            template 'javascripts/slide.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/slide.js"
-            template 'javascripts/slider.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/slider.js"
-            template 'javascripts/tabs.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/tabs.js"
-            template 'javascripts/text.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/text.js"
-            template 'javascripts/theme.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/theme.js"
-            template 'javascripts/titlebar.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/titlebar.js"
-            template 'javascripts/toast.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/toast.js"
-            template 'javascripts/toolbar.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/toolbar.js"
-            template 'javascripts/tooltip.js', "#{Myg.configuration&.javascripts_dir || 'app/assets/javascripts/myg'}/tooltip.js"
-        end
+      template 'javascripts/index.js.erb', "#{javascripts_dir}/index.js"
+
+      return unless Myg.configuration&.es6
+      template 'javascripts/action-button.js',
+               "#{javascripts_dir}/action-button.js"
+      template 'javascripts/button.js', "#{javascripts_dir}/button.js"
+      template 'javascripts/card.js', "#{javascripts_dir}/card.js"
+      template 'javascripts/checkbox.js', "#{javascripts_dir}/checkbox.js"
+      template 'javascripts/dialog.js', "#{javascripts_dir}/dialog.js"
+      template 'javascripts/drawer.js', "#{javascripts_dir}/drawer.js"
+      template 'javascripts/dropdown.js', "#{javascripts_dir}/dropdown.js"
+      template 'javascripts/footer.js', "#{javascripts_dir}/footer.js"
+      template 'javascripts/form-field.js', "#{javascripts_dir}/form-field.js"
+      template 'javascripts/menu.js', "#{javascripts_dir}/menu.js"
+      template 'javascripts/modal.js', "#{javascripts_dir}/modal.js"
+      template 'javascripts/progress.js', "#{javascripts_dir}/progress.js"
+      template 'javascripts/radio.js', "#{javascripts_dir}/radio.js"
+      template 'javascripts/select.js', "#{javascripts_dir}/select.js"
+      template 'javascripts/sidebar.js', "#{javascripts_dir}/sidebar.js"
+      template 'javascripts/slide.js', "#{javascripts_dir}/slide.js"
+      template 'javascripts/slider.js', "#{javascripts_dir}/slider.js"
+      template 'javascripts/tabs.js', "#{javascripts_dir}/tabs.js"
+      template 'javascripts/text.js', "#{javascripts_dir}/text.js"
+      template 'javascripts/theme.js', "#{javascripts_dir}/theme.js"
+      template 'javascripts/titlebar.js', "#{javascripts_dir}/titlebar.js"
+      template 'javascripts/toast.js', "#{javascripts_dir}/toast.js"
+      template 'javascripts/toolbar.js', "#{javascripts_dir}/toolbar.js"
+      template 'javascripts/tooltip.js', "#{javascripts_dir}/tooltip.js"
     end
+    # rubocop:enable Metrics/AbcSize
+    # rubocop:enable Metrics/MethodLength
+
+    private
 
+    def stylesheets_dir
+      stylesheets_dir
+    end
+
+    def javascripts_dir
+      javascripts_dir
+    end
+  end
 end

data/lib/generators/myg/tabs_generator.rb

@@ -1,23 +1,30 @@
-require 'rails/generators'
-require 'rails/generators/migration'
-
-class Myg::TabsGenerator < Rails::Generators::Base
-
-    include Rails::Generators::Migration
-
-    source_root File.join File.dirname(__FILE__), '../templates/tabs'
-    desc 'Generate a Myg tabs template'
-
-    class_option :controller, desc: 'Tabs controller', type: :string, aliases: '-c'
-    class_option :method_names, desc: 'Tab method names', type: :array, aliases: '-m'
-
-    def create_templates
-        template '_tabs.html.erb', "app/views/#{options[:controller]}/_tabs.html.erb"
-        options[:method_names]&.each do |name|
-            @name = name[:name].underscore
-            template 'tab.html.erb', "app/views/#{options[:controller]}/#{@name}.html.erb"
-            template '_tab.html.erb', "app/views/#{options[:controller]}/_#{@name}.html.erb"
-        end
-    end
-
-end
+# frozen_string_literal: true
+
+require 'rails/generators'
+require 'rails/generators/migration'
+
+module Myg
+  class TabsGenerator < Rails::Generators::Base
+    include Rails::Generators::Migration
+
+    source_root File.join File.dirname(__dir__), 'templates/tabs'
+    desc 'Generate a Myg tabs template'
+
+    class_option :controller, desc: 'Tabs controller', type: :string,
+                              aliases: '-c'
+    class_option :method_names, desc: 'Tab method names', type: :array,
+                                aliases: '-m'
+
+    def create_templates
+      template '_tabs.html.erb', "app/views/#{options[:controller]}/"\
+                                 '_tabs.html.erb'
+      options[:method_names]&.each do |name|
+        @name = name[:name].underscore
+        template 'tab.html.erb', "app/views/#{options[:controller]}/"\
+                                 "#{@name}.html.erb"
+        template '_tab.html.erb', "app/views/#{options[:controller]}/"\
+                                  "_#{@name}.html.erb"
+      end
+    end
+  end
+end

data/lib/generators/myg/theme_generator.rb

@@ -1,17 +1,21 @@
+# frozen_string_literal: true
+
 require 'rails/generators'
 require 'rails/generators/migration'
 
-class Myg::ThemeGenerator < Rails::Generators::Base
-
+module Myg
+  class ThemeGenerator < Rails::Generators::Base
     include Rails::Generators::Migration
 
-    source_root File.join File.dirname(__FILE__), '../templates/theme'
+    source_root File.join File.dirname(__dir__), 'templates/theme'
     desc 'Add Myg theme'
 
     class_option :name, desc: 'Theme name', type: :string, aliases: '-n'
 
     def create_assets
-        template 'stylesheets/_theme.scss.erb', "#{Myg.configuration.stylesheets_dir}/theme/_#{options[:name]}.scss"
+      template 'stylesheets/_theme.scss.erb',
+               "#{Myg.configuration.stylesheets_dir}/theme/"\
+               "_#{options[:name]}.scss"
     end
-
+  end
 end

data/lib/generators/templates/install/initializer.rb

@@ -1,36 +1,35 @@
-Myg.configure do |config|
-
-    # Path to Myg javascripts directory
-    # config.javascripts_dir = 'app/assets/javascripts/myg'
-
-    # Path to Myg stylehseets directory
-    # config.stylesheets_dir = 'app/assets/stylesheets/myg'
-
-    # Enable or disable Webpack (ES6)
-    # config.es6 = true
-
-
-    ##### MYG-THEME #####
-
-    # Array of available themes
-    # config.themes = ['default']
-
-    # Default theme
-    # config.theme = 'default'
-
-    ### Automatic themes ###
-
-    # Enable automatic themes
-    # config.theme_auto = false
-
-    # Day theme
-    # config.theme_day = 'light'
-    # Night theme
-    # config.theme_night = 'dark'
-
-    # Beginning of daytime
-    # config.theme_day_time = '6:00 am'
-    # Beginning of nighttime
-    # config.theme_night_time = '6:00 pm'
-
-end
+# frozen_string_literal: true
+
+Myg.configure do |config|
+  # Path to Myg javascripts directory
+  # config.javascripts_dir = 'app/assets/javascripts/myg'
+
+  # Path to Myg stylehseets directory
+  # config.stylesheets_dir = 'app/assets/stylesheets/myg'
+
+  # Enable or disable Webpack (ES6)
+  # config.es6 = true
+
+  ##### MYG-THEME #####
+
+  # Array of available themes
+  # config.themes = ['default']
+
+  # Default theme
+  # config.theme = 'default'
+
+  ### Automatic themes ###
+
+  # Enable automatic themes
+  # config.theme_auto = false
+
+  # Day theme
+  # config.theme_day = 'light'
+  # Night theme
+  # config.theme_night = 'dark'
+
+  # Beginning of daytime
+  # config.theme_day_time = '6:00 am'
+  # Beginning of nighttime
+  # config.theme_night_time = '6:00 pm'
+end

data/lib/generators/templates/install/javascripts/action-button.js

@@ -1,9 +1,9 @@
-import MygActionButton from 'myg-action-button';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygActionButton = MygActionButton.init( document.querySelector('.myg-action-button'), {} );
-}
+import MygActionButton from 'myg-action-button';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygActionButton = MygActionButton.init(document.querySelector('.myg-action-button'), {});
+}

data/lib/generators/templates/install/javascripts/button.js

@@ -1,9 +1,9 @@
-import MygButton from 'myg-button';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygButtons = MygButton.initAll( document.querySelectorAll('.myg-button'), {} );
-}
+import MygButton from 'myg-button';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygButtons = MygButton.initAll(document.querySelectorAll('.myg-button'), {});
+}

data/lib/generators/templates/install/javascripts/card.js

@@ -1,9 +1,9 @@
-import MygCard from 'myg-card';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygCards = MygCard.initAll( document.querySelectorAll('.myg-card'), {} );
-}
+import MygCard from 'myg-card';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygCards = MygCard.initAll(document.querySelectorAll('.myg-card'), {});
+}

data/lib/generators/templates/install/javascripts/checkbox.js

@@ -1,9 +1,9 @@
-import MygCheckbox from 'myg-checkbox';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygCheckboxes = MygCheckbox.initAll( document.querySelectorAll('.myg-checkbox'), {} );
-}
+import MygCheckbox from 'myg-checkbox';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygCheckboxes = MygCheckbox.initAll(document.querySelectorAll('.myg-checkbox'), {});
+}