feat: ability to pass down extra classes to the form group component

Author: athphane

resources/views/bootstrap-5/select.blade.php

@@ -1,4 +1,15 @@
-<x-forms::form-group :inline-input-class="$inlineInputClass" :inline-label-class="$inlineLabelClass" :wrap="$showLabel" :label="$label ?: $label()" :name="$attributes->get('id') ?: $id()" :framework="$framework" :inline="$inline" :required="$required" :floating="$floating">
+<x-forms::form-group
+    :inline-input-class="$inlineInputClass"
+    :inline-label-class="$inlineLabelClass"
+    :class="$formGroupClass"
+    :wrap="$showLabel"
+    :label="$label ?: $label()"
+    :name="$attributes->get('id') ?: $id()"
+    :framework="$framework"
+    :inline="$inline"
+    :required="$required"
+    :floating="$floating"
+>
     @if((! empty($prepend)) || (! empty($append)))
         <div class="input-group">
             @if(! empty($prepend))

resources/views/material-admin-26/select.blade.php

@@ -1,4 +1,15 @@
-<x-forms::form-group :inline-input-class="$inlineInputClass" :inline-label-class="$inlineLabelClass" :wrap="$showLabel" :label="$label ?: $label()" :name="$attributes->get('id') ?: $id()" :framework="$framework" :inline="$inline" :required="$required" :floating="$floating">
+<x-forms::form-group 
+    :inline-input-class="$inlineInputClass" 
+    :inline-label-class="$inlineLabelClass" 
+    :class="$formGroupClass"
+    :wrap="$showLabel" 
+    :label="$label ?: $label()" 
+    :name="$attributes->get('id') ?: $id()" 
+    :framework="$framework" 
+    :inline="$inline" 
+    :required="$required" 
+    :floating="$floating"
+>
     @if((! empty($prepend)) || (! empty($append)))
         <div class="input-group mb-0">
             @if(! empty($prepend))

src/Views/Components/Select.php

@@ -65,6 +65,7 @@ public function __construct(
         string $idField = '',
         public string $inlineLabelClass = '',
         public string $inlineInputClass = '',
+        public string $formGroupClass = '',
         string $framework = ''
     ) {
         parent::__construct($framework);

src/Views/Components/Select2.php

@@ -56,6 +56,7 @@ public function __construct(
         bool $floating = false,
         string $inlineLabelClass = '',
         string $inlineInputClass = '',
+        string $formGroupClass = '',
         string $framework = ''
     ) {
         if ($allowClear && empty($placeholder)) {
@@ -86,6 +87,7 @@ public function __construct(
             idField: $idField,
             inlineLabelClass: $inlineLabelClass,
             inlineInputClass: $inlineInputClass,
+            formGroupClass: $formGroupClass,
             framework: $framework
         );
 

tests/Feature/Select2Test.php

@@ -114,4 +114,64 @@ public function it_can_render_a_select2_ajax_element()
             ->seeElement('option[value=""]')
             ->seeElement('option[value="2"]:selected');
     }
+
+    /** @test */
+    public function it_can_render_a_select2_element_with_custom_form_group_class_material_admin_26()
+    {
+        $this->setFrameworkMaterialAdmin26();
+
+        $post = [
+            'author' => 2,
+        ];
+
+        $options = [
+            '1' => 'Arushad',
+            '2' => 'John',
+            '3' => 'Amy',
+        ];
+
+        Route::get('select2-basic', function () use ($post, $options) {
+            return view('select2-basic-form-group-class')
+                ->with('post', $post)
+                ->with('options', $options);
+        })->middleware('web');
+
+        $this->visit('/select2-basic')
+            ->seeElement('div.custom-class')
+            ->seeElement('select.select2-basic[id="author"][data-allow-clear="true"][data-placeholder="Nothing Selected"]')
+            ->seeElement('option[value=""]')
+            ->seeElement('option[value="1"]')
+            ->seeElement('option[value="2"]:selected')
+            ->seeElement('option[value="3"]');
+    }
+
+    /** @test */
+    public function it_can_render_a_select2_element_with_custom_form_group_class_bootstrap_5()
+    {
+        $this->setFrameworkBootstrap5();
+
+        $post = [
+            'author' => 2,
+        ];
+
+        $options = [
+            '1' => 'Arushad',
+            '2' => 'John',
+            '3' => 'Amy',
+        ];
+
+        Route::get('select2-basic', function () use ($post, $options) {
+            return view('select2-basic-form-group-class')
+                ->with('post', $post)
+                ->with('options', $options);
+        })->middleware('web');
+
+        $this->visit('/select2-basic')
+            ->seeElement('div.custom-class')
+            ->seeElement('select.select2-basic[id="author"][data-allow-clear="true"][data-placeholder="Nothing Selected"]')
+            ->seeElement('option[value=""]')
+            ->seeElement('option[value="1"]')
+            ->seeElement('option[value="2"]:selected')
+            ->seeElement('option[value="3"]');
+    }
 }

tests/TestSupport/views/select2-basic-form-group-class.blade.php

@@ -0,0 +1,4 @@
+<x-forms::form :model="$post">
+    <x-forms::select2 name="author" :options="$options" formGroupClass='custom-class'/>
+    <x-forms::submit>Submit</x-forms::submit>
+</x-forms::form>