Module: UI::DropdownMenuRadioItemBehavior

Included in:
DropdownMenuRadioItem, DropdownMenuRadioItemComponent
Defined in:
app/behaviors/ui/dropdown_menu_radio_item_behavior.rb

Overview

DropdownMenuRadioItemBehavior

Shared behavior for DropdownMenuRadioItem component across ERB, ViewComponent, and Phlex implementations.

Instance Method Summary collapse

Instance Method Details

Returns combined CSS classes for the radio item



19
20
21
22
23
24
 
# File 'app/behaviors/ui/dropdown_menu_radio_item_behavior.rb', line 19

def dropdown_menu_radio_item_classes
  classes_value = respond_to?(:classes, true) ? classes : @classes
  base_classes = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"

  TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
end

#dropdown_menu_radio_item_data_attributes ⇒ Object

Returns data attributes for Stimulus



27
28
29
30
31
32
33
34
35
36
37
 
# File 'app/behaviors/ui/dropdown_menu_radio_item_behavior.rb', line 27

def dropdown_menu_radio_item_data_attributes
  attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
  data_attrs = (attributes_value&.fetch(:data, {}) || {}).merge({
    "ui--dropdown-target": "item",
    action: "mouseenter->ui--dropdown#trackHoveredItem click->ui--dropdown#selectRadio",
    state: @checked ? "checked" : "unchecked"
  })

  data_attrs[:disabled] = true if @disabled
  data_attrs
end

#dropdown_menu_radio_item_html_attributes ⇒ Object

Returns HTML attributes for the radio item



8
9
10
11
12
13
14
15
16
 
# File 'app/behaviors/ui/dropdown_menu_radio_item_behavior.rb', line 8

def dropdown_menu_radio_item_html_attributes
  {
    class: dropdown_menu_radio_item_classes,
    data: dropdown_menu_radio_item_data_attributes,
    role: "menuitemradio",
    "aria-checked": @checked,
    tabindex: "-1"
  }
end

#radio_indicator ⇒ Object

Renders the radio indicator



40
41
42
43
 
# File 'app/behaviors/ui/dropdown_menu_radio_item_behavior.rb', line 40

def radio_indicator
  # This will be implemented in the actual components
  @checked
end