update

Author: mevdschee

src/Elements.php

@@ -167,7 +167,7 @@ public static function select(string $name = '', array $options = []): Select
     }
 
     /**
-     * @param array<string|int, string> $options
+     * @param array<string> $options
      */
     public static function selectOrType(string $name = '', array $options = [], string $typeCaption = ''): SelectOrType
     {

src/SelectOrType.php

@@ -10,9 +10,9 @@ class SelectOrType implements Control
     use HtmlElement;
 
     protected string $name = '';
-    /** @var array<string|int,string> $options */
+    /** @var array<string,string> $options */
     protected array $options = [];
-    /** @var array<string|int,string> $originalOptions */
+    /** @var array<string,string> $originalOptions */
     protected array $originalOptions = [];
     protected string $value = '';
     protected string $placeholder = '';
@@ -73,11 +73,11 @@ public function autocomplete(string $value): self
     }
 
     /**
-     * @param array<string|int,string> $options
+     * @param array<string> $options
      */
     public function options(array $options): self
     {
-        $this->options = $options;
+        $this->options = array_combine($options, $options);
         if (!isset($this->options[''])) {
             $this->options = ['' => '...'] + $this->options; // Add empty option if not present
         }

tests/Forms/DifferentFormTest.php

@@ -13,10 +13,10 @@ class DifferentFormTest extends TestCase
     private function createForm(string $style): Form
     {
         $sources = [
-            'ad' => 'Ad',
-            'blog' => 'Blog',
-            'magazine' => 'Magazine',
-            'newspaper' => 'Newspaper',
+            'Ad',
+            'Blog',
+            'Magazine',
+            'Newspaper',
         ];
         E::$style = $style;
         return E::form([
@@ -32,10 +32,10 @@ public function testRenderForm(): void
             '  <label for="source">How did you find us?</label>',
             '  <select id="source" name="source" onchange="var last=this.options[this.options.length-1]; var hasPrevious=last.previousSibling.nodeName==\'HR\'; if (this.options.length-1==this.selectedIndex) { var str=prompt(last.text,last.previousSibling.text); if (str) { if (hasPrevious) { opt=document.createElement(\'option\'); this.insertBefore(opt, last); } else { opt=last.previousSibling; } opt.value=opt.text=str; this.selectedIndex-=1; } else { this.selectedIndex=this.dataset.lastIndex; } } this.dataset.lastIndex=this.selectedIndex;">',
             '    <option value="" selected="selected">...</option>',
-            '    <option value="ad">Ad</option>',
-            '    <option value="blog">Blog</option>',
-            '    <option value="magazine">Magazine</option>',
-            '    <option value="newspaper">Newspaper</option>',
+            '    <option value="Ad">Ad</option>',
+            '    <option value="Blog">Blog</option>',
+            '    <option value="Magazine">Magazine</option>',
+            '    <option value="Newspaper">Newspaper</option>',
             '    <hr/>',
             '    <option value="!type!">Different ...</option>',
             '  </select>',
@@ -53,10 +53,10 @@ public function testRenderBulma(): void
             '  <div class="select">',
             '    <select id="source" name="source" onchange="var last=this.options[this.options.length-1]; var hasPrevious=last.previousSibling.nodeName==\'HR\'; if (this.options.length-1==this.selectedIndex) { var str=prompt(last.text,last.previousSibling.text); if (str) { if (hasPrevious) { opt=document.createElement(\'option\'); this.insertBefore(opt, last); } else { opt=last.previousSibling; } opt.value=opt.text=str; this.selectedIndex-=1; } else { this.selectedIndex=this.dataset.lastIndex; } } this.dataset.lastIndex=this.selectedIndex;">',
             '      <option value="" selected="selected">...</option>',
-            '      <option value="ad">Ad</option>',
-            '      <option value="blog">Blog</option>',
-            '      <option value="magazine">Magazine</option>',
-            '      <option value="newspaper">Newspaper</option>',
+            '      <option value="Ad">Ad</option>',
+            '      <option value="Blog">Blog</option>',
+            '      <option value="Magazine">Magazine</option>',
+            '      <option value="Newspaper">Newspaper</option>',
             '      <hr/>',
             '      <option value="!type!">Different ...</option>',
             '    </select>',