material_design 0.9.1 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5cd4edaa73836367a47688dc4c71958243d528a4dc98d3c72d8994d62d51394d
-  data.tar.gz: 37caf5262a8ab7f6b362355153e8a2f366f1f2eb8cbd3e104eb53ae11e3d7bf8
+  metadata.gz: a307b88cc59be7be5ace27be05f2201ae397e9046fc71c3141eba67d58fdff42
+  data.tar.gz: 482b6f76ba707e1483643896913101b72521dc98736e7af8d145baed3c46c02d
 SHA512:
-  metadata.gz: 9b27f10fd39f2c79654ff56002e52979171647272140f9764494bf42b2af5539c18b11860f5d9505eb23435c895b8f364d33d7b7d3bd47bb135d4f0d4648eb07
-  data.tar.gz: 2f9f0bb2e39c1956a1a3517bea036fe68c31211578ca1f20258e40ebfdbee1583b5fd0586b7984c659c3dda1279d43d33d2b9746e76edd99986d6eaa232a1f93
+  metadata.gz: 3ebb02dd9e0a39336e66673aef48467647949098404d3549a6dd396881c89f85a74141eff828d7091e53e3622b4b12edd96b90f0612eb5c0525463e63ec6515b
+  data.tar.gz: 1d9f16e88f991dfe4251d77aa06a327139fced3c3e7acea996f1db1d95c719f496259d43f4c09c8c0876a3f286977f47cf856b573053bea2de92e55316fc1b0a

data/app/assets/stylesheets/material_design/menus.css

@@ -0,0 +1,57 @@
+.menu {
+  position: absolute; 
+  min-width: 200px;
+  max-width: max-content;
+  border-radius: 0.5rem;
+  z-index: 20;
+  box-shadow: 0 2px 10px rgb(0, 2, 6, 0.3), 0 2px 10px rgb(0, 1, 2, 0.2);
+
+  @media (prefers-color-scheme: light) {
+    background: rgb(var(--md-sys-light-surface-container));
+  }
+
+  @media (prefers-color-scheme: dark) {
+    background: rgb(var(--md-sys-dark-surface-container));
+  }
+  
+  .menu__item {
+    width: 100%;
+    display: flex;
+    gap: 0.75rem;
+    padding: 0.75rem 1rem;
+    cursor: pointer;
+    
+    &.divider {
+      border-bottom: 1px solid;
+      
+      @media (prefers-color-scheme: light) {
+        background: rgb(var(--md-sys-light-surface-variant));
+      }
+      
+      @media (prefers-color-scheme: dark) {
+        background: rgb(var(--md-sys-dark-surface-variant));
+      }
+    }
+    
+    &:hover {
+      @media (prefers-color-scheme: light) {
+        background: rgb(var(--md-sys-light-on-surface) / 0.08);
+      }
+      
+      @media (prefers-color-scheme: dark) {
+        background: rgb(var(--md-sys-dark-on-surface) / 0.08);
+      }
+    }
+    
+    &:active {
+      @media (prefers-color-scheme: light) {
+        background: rgb(var(--md-sys-light-surface-container-highest));
+      }
+      
+      @media (prefers-color-scheme: dark) {
+        background: rgb(var(--md-sys-dark-surface-container-highest));
+      }
+    }
+    
+  }
+}

data/app/helpers/material_design/menu_helper.rb

@@ -0,0 +1,31 @@
+module MaterialDesign
+  module MenuHelper
+    def md_menu(menu_options: [], data: {}, form: nil, attribute: nil)
+      content_tag(:div, class: "menu", data: data) do
+        menu_options.each do |option|
+          concat(menu_option(option, form, attribute))
+        end
+      end
+    end
+
+    def menu_option(option, form, attribute)
+      if option[:path]
+        link_to option[:path], data: option[:data], method: option[:method] do
+          content_tag(:div, class: class_names("menu__item", divider: option[:divider])) do
+            concat(render("material_design/icons/icon", locals: { icon: option[:icon], size: 18 })) if option[:icon]
+            concat(content_tag(:span, option[:label]))
+          end
+        end
+      elsif form
+        form.label "#{attribute}_#{option[:value]}", option[:label] do
+          concat(form.radio_button attribute, option[:value], class: "hidden", onchange: option[:onchange], checked: option[:checked])
+          concat(content_tag(:div, class: class_names("menu__item", divider: option[:divider])) do
+            concat(render("material_design/icons/icon", locals: { icon: option[:icon], size: 18 })) if option[:icon]
+            concat(content_tag(:span, option[:label]))
+          end)
+        end
+      end
+    end
+  end
+end
+

data/lib/material_design/railtie.rb

@@ -1,11 +1,12 @@
 require "rails/railtie"
 
-module MyGem
+module MaterialDesign
   class Railtie < Rails::Railtie
     initializer "material_design.action_controller" do
-      ActiveSupport.on_load(:action_controller_base) do
+      ActiveSupport.on_load(:action_controller_base) do 
         helper MaterialDesign::ButtonHelper
         helper MaterialDesign::ChipHelper
+        helper MaterialDesign::MenuHelper
       end
     end
   end

data/lib/material_design/version.rb

@@ -1,3 +1,3 @@
 module MaterialDesign
-  VERSION = "0.9.1"
+  VERSION = "0.10.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: material_design
 version: !ruby/object:Gem::Version
-  version: 0.9.1
+  version: 0.10.0
 platform: ruby
 authors:
 - Eduardo Yutaka Nakanishi
@@ -9,10 +9,10 @@ authors:
 - Mariana Negrão Trancoso
 - Prscila Sabino
 - Bianca Cristina Ramos
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-28 00:00:00.000000000 Z
+date: 2024-10-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -76,6 +76,7 @@ files:
 - app/assets/stylesheets/material_design/dividers.css
 - app/assets/stylesheets/material_design/icons.css
 - app/assets/stylesheets/material_design/lists.css
+- app/assets/stylesheets/material_design/menus.css
 - app/assets/stylesheets/material_design/navigation.css
 - app/assets/stylesheets/material_design/segmented_button.css
 - app/assets/stylesheets/material_design/tabs.css
@@ -84,6 +85,7 @@ files:
 - app/helpers/material_design/application_helper.rb
 - app/helpers/material_design/button_helper.rb
 - app/helpers/material_design/chip_helper.rb
+- app/helpers/material_design/menu_helper.rb
 - app/javascript/material_design/application.js
 - app/javascript/material_design/controllers/application.js
 - app/javascript/material_design/controllers/filter_chip_controller.js
@@ -2252,7 +2254,7 @@ licenses:
 - MIT
 metadata:
   homepage_uri: https://rubygems.org/gems/material_design
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2268,7 +2270,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.5.21
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Material Design
 test_files: []