Add select specific options to Flowbite select input component

This adds :include_blank and :multiple options to the Flowbite select input component,
and updates the corresponding InputField component and tests accordingly.

I am omitting the :prompt option, as it is not clear it works with the select helper.
Tests seems to suggest it does not, but maybe with a select_tag helper it would.

Author: olepalm

app/components/flowbite/input/select.rb

@@ -14,9 +14,11 @@ class Select < Field
         lg: ["px-4", "py-3", "text-base"]
       }.freeze
 
-      def initialize(form:, attribute:, collection: [], disabled: false, options: {}, size: :default)
+      def initialize(form:, attribute:, collection: [], disabled: false, include_blank: false, multiple: false, options: {}, size: :default)
         super(form: form, attribute: attribute, disabled: disabled, options: options, size: size)
         @collection = collection
+        @include_blank = include_blank
+        @multiple = multiple
       end
 
       # Returns the HTML to use for the actual input field element.
@@ -25,7 +27,7 @@ def call
           input_field_type,
           @attribute,
           @collection,
-          {},
+          select_options,
           html_options
         )
       end
@@ -37,6 +39,13 @@ def input_field_type
 
       private
 
+      def select_options
+        {
+          include_blank: @include_blank,
+          multiple: @multiple
+        }
+      end
+
       # Returns the html_options argument for the select method
       def html_options
         {

app/components/flowbite/input_field/select.rb

@@ -3,9 +3,11 @@
 module Flowbite
   class InputField
     class Select < InputField
-      def initialize(attribute:, form:, collection: [], disabled: false, hint: nil, input: {}, label: {}, size: :default)
+      def initialize(attribute:, form:, collection: [], disabled: false, hint: nil, include_blank: false, input: {}, label: {}, multiple: false, size: :default)
         super(attribute: attribute, disabled: disabled, form: form, hint: hint, input: input, label: label, size: size)
         @collection = collection
+        @include_blank = include_blank
+        @multiple = multiple
       end
 
       def input
@@ -15,6 +17,8 @@ def input
             collection: @collection,
             disabled: @disabled,
             form: @form,
+            include_blank: @include_blank,
+            multiple: @multiple,
             options: input_options,
             size: @size
           )

test/components/input/select_test.rb

@@ -44,6 +44,18 @@ def test_renders_in_disabled_state
     assert_selector("select[name='article[category_id]'][disabled].bg-gray-100.border.border-gray-300.text-gray-900.cursor-not-allowed")
   end
 
+  def test_renders_with_include_blank
+    render_inline(Flowbite::Input::Select.new(form: @form, attribute: :category_id, collection: @categories.map { |c| [c.name, c.id] }, include_blank: true))
+
+    assert_selector("select[name='article[category_id]'] option[value='']", text: "")
+  end
+
+  def test_renders_with_multiple_select
+    render_inline(Flowbite::Input::Select.new(form: @form, attribute: :category_id, collection: @categories.map { |c| [c.name, c.id] }, multiple: true))
+
+    assert_selector("select[name='article[category_id][]'][multiple]")
+  end
+
   def test_renders_with_empty_collection
     render_inline(Flowbite::Input::Select.new(form: @form, attribute: :category_id, collection: []))