Datalist for input (orchidsoftware#1362)

* Added `datalist` for input

Author: tabuna

resources/views/fields/input.blade.php

@@ -4,4 +4,12 @@
     >
         <input {{ $attributes }}>
     </div>
+
+    @empty(!$datalist)
+        <datalist id="datalist-{{$name}}">
+            @foreach($datalist as $item)
+                <option value="{{ $item }}">
+            @endforeach
+        </datalist>
+    @endempty
 @endcomponent

src/Screen/Fields/Input.php

@@ -53,7 +53,8 @@ class Input extends Field
      * @var array
      */
     protected $attributes = [
-        'class' => 'form-control',
+        'class'    => 'form-control',
+        'datalist' => [],
     ];
 
     /**
@@ -105,4 +106,22 @@ public function __construct()
             }
         });
     }
+
+    /**
+     * @param array $datalist
+     *
+     * @return Input
+     */
+    public function datalist(array $datalist = []): self
+    {
+        if (empty($datalist)) {
+            return $this;
+        }
+
+        $this->set('datalist', $datalist);
+
+        return $this->addBeforeRender(function () {
+            $this->set('list', 'datalist-'.$this->get('name'));
+        });
+    }
 }

tests/Unit/Screen/Fields/InputTest.php

@@ -6,11 +6,12 @@
 
 use Orchid\Screen\Fields\Input;
 use Orchid\Tests\Unit\Screen\TestFieldsUnitCase;
+use Throwable;
 
 class InputTest extends TestFieldsUnitCase
 {
     /**
-     * @throws \Throwable
+     * @throws Throwable
      */
     public function testShowHr(): void
     {
@@ -82,4 +83,21 @@ public function testRemoveBooleanAttributes(): void
 
         $this->assertStringNotContainsString('required', $input);
     }
+
+    public function testDataListAttribute(): void
+    {
+        $input = (string) Input::make('browser')->datalist([
+            'Opera', 'Edge', 'Firefox',
+            'Chrome', 'Safari',
+        ]);
+
+        $this->assertStringContainsString('Safari', $input);
+        $this->assertStringContainsString('list="datalist-browser"', $input);
+        $this->assertStringContainsString('<datalist id="datalist-browser"', $input);
+
+        $input = (string) Input::make('browser')->datalist([]);
+
+        $this->assertStringNotContainsString('list="datalist-browser"', $input);
+        $this->assertStringNotContainsString('<datalist id="datalist-browser"', $input);
+    }
 }