csedl-stimulus-dropdown 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 44ac5608bddcb791672dfefa6a52bc403acf3a22572290c303dbc46f7eaca64f
-  data.tar.gz: 28470466e6f2d317f3cbbeadcc7e817f99ec92264586d78bbed7414ff21737f8
+  metadata.gz: 5e43016e24c2f39eed752c56dc5d4707d474e11a67175dfc7319c53f667c5f58
+  data.tar.gz: 195707fde4dc49ed2cf5b23f10f743a823fc130847469af071febaa72c32697c
 SHA512:
-  metadata.gz: e2c343785a57540605e9f3c77777333ab475e56e547e56639dbe59e4fd68ea1443b867752da7c172e139633efb74d3c30b2ea49e29d8c33691ec9d9be1c6ba9a
-  data.tar.gz: 71988429f909ca509b867e92631ebe065dc903204669b476d3a51a49e2fb85214501929acb65886668bb929fa1f4fd581376d683aa0b74d8033e2536e06ae749
+  metadata.gz: 3893b38c33472ce306304a5e781832ee371b53c65269bd212ee598e4cce6e87cda56213f66a1192a44913c6220411225f8ac0675ec478fffb568237ba9fb6704
+  data.tar.gz: 225631aabdc19e36cc196efec471f0930e835827a88e01e599b577f415a9699d4929bba0e584fa70c1956bc45402c50e169c66680dcba534494baf3b5e404ad5

data/README.md

@@ -0,0 +1,21 @@
+# Stimulus Dropdown
+
+This is nothing else than two view helpers corresponding to the npm package
+[@csedl/stimulus-dropdown](https://www.npmjs.com/package/@csedl/stimulus-dropdown)
+
+You also can just paste this [view helpers](https://gitlab.com/sedl/csedl-stimulus-dropdown/-/blob/main/lib/stimulus_dropdown/view_helpers.rb?ref_type=heads)
+into your app and modify as you want.
+
+If you work with the helpers on this gem, you can setup a initializer for a custom close-button, like: 
+
+```ruby
+#=> config/initializers/stimulus_dropdown.rb
+
+StimulusDropdown.configure do |config|
+  config.close_button_proc = ->(view) do
+    view.content_tag(:span, 'X', class: 'close-button')
+  end
+end
+```
+
+License: MIT

data/lib/stimulus-dropdown.rb

@@ -0,0 +1,19 @@
+require "stimulus_dropdown/railtie" if defined?(Rails)
+require "stimulus_dropdown/view_helpers"
+
+module StimulusDropdown
+  class << self
+    attr_accessor :close_button_proc
+
+    def configure
+      yield self
+    end
+
+    def reset_config!
+      self.close_button_proc = nil
+    end
+  end
+
+  # Default fallback if no config is set
+  self.close_button_proc = nil
+end

data/lib/stimulus_dropdown/railtie.rb

@@ -0,0 +1,10 @@
+module StimulusDropdown
+  class Railtie < Rails::Railtie
+
+    initializer "stimulus_dropdown.view_helpers" do
+      ActiveSupport.on_load(:action_view) do
+        include StimulusDropdown::ViewHelpers
+      end
+    end
+  end
+end

data/lib/stimulus_dropdown/view_helpers.rb

@@ -0,0 +1,138 @@
+module StimulusDropdown
+  module ViewHelpers
+    #== dropdown helper
+    # @param [button_content] Proc or String for content of the button element
+    # @param [panel_at_place] true (default: false) => it would render the panel into content_for(:dropdown_panels) on sticky parts (left-menu / top-bar) panels should be at place for avoiding that the panel would scroll with the content
+    # @block [panel_content] Panel Content as block
+    # what it does:
+    # * a) wraps the button_content in element like: %button{ data: { controller: 'dropdown', ... } } and renders it at place
+    # * b) wraps the panel_content in a corresponding element and renders it to the dropdown_panels-box (because of z-index-hierarchy)
+    # * c) the stimulus controller always adds the class .dropdown-panel to the panel
+    def dropdown(button_content, title = nil, options = {}, &panel_content)
+      if title.is_a?(Hash)
+        options = title.dup
+        title = nil
+      end
+
+      panel_at_place = options.delete(:panel_at_place)
+
+      id = "dropdown-panel-#{SecureRandom.hex(4)}"
+
+      src = options.delete(:src)
+
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+      # create the Button
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+      button_options = options.dup
+      button_options[:class] = [options[:class], 'dropdown-button'].compact.join(' ')
+      button_options = button_options.merge(data: { controller: 'csedl-dropdown', toggle: id })
+
+      button_content = capture(&button_content) if button_content.is_a?(Proc)
+      btn = content_tag(:div, button_content, button_options)
+
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+      # create the panel
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+      panel_options = options.dup
+      panel_options[:class] = [options[:class], 'dropdown-panel hide'].compact.join(' ')
+      panel_options[:id] = id
+      panel_options['data-src'] = src if src
+      close_btn_proc = StimulusDropdown.close_button_proc
+
+      panel = content_tag(:div, panel_options) do
+        safe_join([
+                    content_tag(:div, class: 'header') do
+                      concat content_tag(:div, title, class: 'title')
+                      concat content_tag(:div, class: 'buttons') { close_btn_proc.present? ? close_btn_proc.call(self) : 'X' }
+                    end,
+                    content_tag(:div, class: 'content') do
+                      capture(&panel_content) if block_given?
+                    end
+                  ])
+      end
+
+      if panel_at_place
+        btn + panel
+      else
+        content_for(:dropdown_panels, panel)
+        btn
+      end
+    end
+
+
+    def tooltip(label, options = {}, &content)
+
+      panel_at_place = options.delete(:panel_at_place) || false
+      delay = options.delete(:delay) || 0.4
+      src = options.delete(:src)
+      label_class = options.delete(:label_class) || 'tooltip-label'
+
+      id = ['tooltip', SecureRandom.hex(4)].join('-')
+
+      lab = if label.is_a?(Proc)
+              capture &label
+            else
+              label
+            end
+      cont = capture(&content) if block_given?
+
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+      # create the Label
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+      label_options = options.dup
+      label_options[:id] = options.delete(:id)
+      label_options[:class] = [options[:class], label_class].compact.join(' ')
+      label_options = label_options.merge(data: { controller: 'csedl-tooltip', toggle: id, delay: delay })
+
+      label_element = if block_given? && cont.present?
+                        content_tag(:span, label_options) do
+                          lab
+                        end
+                      else
+                        lab
+                      end
+
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+      # create the panel
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+      panel_options = options.dup
+      panel_options[:class] = [options[:class], 'tooltip-panel hide'].compact.join(' ')
+      panel_options[:id] = id
+      panel_options['data-src'] = src if src
+
+      panel_element = if block_given? && cont.present?
+                        content_tag(:div, panel_options) do
+                          r2 = content_tag :div, id: "arrow-#{id}" do
+                            ; nil;
+                          end
+                          r2 << content_tag(:div, class: 'tooltip-content') do
+                            cont
+                          end
+                        end
+                      end
+
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+      # return the result
+      # xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+
+      if !panel_element
+        label_element
+      elsif panel_at_place
+        r = label_element
+        r << panel_element
+      else
+        content_for(:dropdown_panels) do
+          panel_element
+        end
+        label_element
+      end
+
+    end
+
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: csedl-stimulus-dropdown
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Christian Sedlmair
@@ -15,7 +15,11 @@ email: christian@sedlmair.ch
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
+files:
+- README.md
+- lib/stimulus-dropdown.rb
+- lib/stimulus_dropdown/railtie.rb
+- lib/stimulus_dropdown/view_helpers.rb
 homepage: https://gitlab.com/sedl/csedl-stimulus-dropdown
 licenses:
 - MIT