TEF-94 Add dropdown component

Author: jachan

Gemfile.lock

@@ -343,6 +343,7 @@ PLATFORMS
   aarch64-linux-musl
   arm-linux-gnu
   arm-linux-musl
+  arm64-darwin-23
   arm64-darwin-24
   x86_64-linux
   x86_64-linux-gnu

app/components/dropdown_component.html.erb

@@ -0,0 +1,5 @@
+<div class="space-y-4">
+  <%= @form.label @method, @label, class: "label block #{required_class}" %>
+  <%= @form.collection_select @method, @collection, @item_value_method, @item_label_method, prompt: "- Select -" %>
+  <%= render(FormErrorsComponent.new(form: @form, method: @method)) %>
+</div>

app/components/dropdown_component.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+class DropdownComponent < ViewComponent::Base
+  def initialize(form:, method:, collection:, item_value_method:, item_label_method:, required: false)
+    @form = form
+    @method = method
+    @collection = collection
+    @item_value_method = item_value_method
+    @item_label_method = item_label_method
+    @required = required
+  end
+
+  private
+
+  def required_class
+    @required ? "required" : ""
+  end
+end

test/components/dropdown_component_test.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+require "test_helper"
+
+class DropdownComponentTest < ViewComponent::TestCase
+  def test_component_renders_something_useful
+    # assert_equal(
+    #   %(<span>Hello, components!</span>),
+    #   render_inline(DropdownComponent.new(message: "Hello, components!")).css("span").to_html
+    # )
+  end
+end

test/components/previews/dropdown_component_preview.rb

@@ -0,0 +1,20 @@
+class DropdownComponentPreview < FormComponentPreview
+  def default
+    render(DropdownComponent.new(form: form, method: :favorite_fruits, collection: self.class.fruit_options, item_value_method: :value, item_label_method: :label))
+  end
+
+  def prefilled
+    custom_model = TestModel.new(favorite_fruits: [ "apple" ])
+    render(DropdownComponent.new(form: form(model: custom_model), method: :favorite_fruits, collection: self.class.fruit_options, item_value_method: :value, item_label_method: :label))
+  end
+
+  def with_errors
+    custom_model = TestModel.new
+    custom_model.valid?
+    render(DropdownComponent.new(form: form(model: custom_model), method: :favorite_fruits, collection: self.class.fruit_options, item_value_method: :value, item_label_method: :label))
+  end
+
+  def required
+    render(DropdownComponent.new(form: form, method: :favorite_fruits, collection: self.class.fruit_options, item_value_method: :value, item_label_method: :label, required: true))
+  end
+end