64 lines
1.4 KiB
Ruby
64 lines
1.4 KiB
Ruby
# frozen_string_literal: true
|
|
|
|
class Dropdown::MenuComponent < ApplicationComponent
|
|
renders_one :button_inner_html
|
|
renders_one :menu_header_html
|
|
# beware, items elements like button_to/link_to must include role: 'menuitem' for aria reason
|
|
renders_many :items, -> (options = {}, &block) do
|
|
tag.li(**options.merge(role: 'none'), &block)
|
|
end
|
|
renders_many :forms
|
|
|
|
def initialize(wrapper:,
|
|
wrapper_options: {},
|
|
button_options: {},
|
|
menu_options: {},
|
|
role: nil)
|
|
@wrapper = wrapper
|
|
@wrapper_options = wrapper_options
|
|
@button_options = button_options
|
|
@menu_options = menu_options
|
|
@role = role
|
|
end
|
|
|
|
def wrapper_options
|
|
@wrapper_options.deep_merge({
|
|
class: wrapper_class_names,
|
|
data: { controller: 'menu-button' }
|
|
})
|
|
end
|
|
|
|
def wrapper_class_names
|
|
['dropdown'] + Array(@wrapper_options[:class])
|
|
end
|
|
|
|
def button_id
|
|
"#{menu_id}_button"
|
|
end
|
|
|
|
def menu_id
|
|
@menu_options[:id] ||= SecureRandom.uuid
|
|
@menu_options[:id]
|
|
end
|
|
|
|
def menu_role
|
|
return @role if @role
|
|
forms? ? :region : :menu
|
|
end
|
|
|
|
def menu_class_names
|
|
['dropdown-content'] + Array(@menu_options[:class])
|
|
end
|
|
|
|
def button_class_names
|
|
['fr-btn', 'dropdown-button'] + Array(@button_options[:class])
|
|
end
|
|
|
|
def disabled?
|
|
@button_options[:disabled] == true
|
|
end
|
|
|
|
def data
|
|
{ menu_button_target: 'button' }.deep_merge(@button_options[:data].to_h)
|
|
end
|
|
end
|