added missing select component

Author: jonasjabari

app/concepts/matestack/ui/core/select/select.haml

@@ -0,0 +1,3 @@
+%select{ html_attributes }
+  - if block_given?
+    = yield

app/concepts/matestack/ui/core/select/select.rb

@@ -0,0 +1,7 @@
+module Matestack::Ui::Core::Select
+  class Select < Matestack::Ui::Core::Component::Static
+
+    html_attributes :autofocus, :disabled, :form, :multiple, :name, :required, :size
+
+  end
+end

docs/api/100-components/select.md

@@ -0,0 +1,34 @@
+# Matestack Core Component: Select
+
+The HTML `<select>` tag, implemented in Ruby.
+
+If you want to use the `select` in context of a matestack `form`, please use `form_select`
+documented [here](/docs/api/100-components/form_select.md)
+
+## Parameters
+This component can take various optional configuration params and yield content
+
+### HMTL attributes (optional)
+This component accepts all the canonical [HTML global attributes](https://www.w3schools.com/tags/ref_standardattributes.asp) like `id` or `class`.
+
+## Examples
+
+### Example 1: Basic usage along with `option` components
+
+```ruby
+select id: "foo", class: "bar" do
+  option label: 'Option 1', value: '1', selected: true
+  option label: 'Option 2', value: '2'
+  option label: 'Option 3', value: '3'
+end
+```
+
+returns
+
+```html
+<select id="foo" class="bar">
+  <option  label="Option 1" selected="selected" value="1"></option>
+  <option  label="Option 2" value="2"></option>
+  <option  label="Option 3" value="3"></option>
+</select>
+```

lib/matestack/ui/core/components.rb

@@ -120,6 +120,7 @@ def self.require_core_component(name)
   require_core_component "s"
   require_core_component "samp"
   require_core_component "section"
+  require_core_component "select"
   require_core_component "small"
   require_core_component "span"
   require_core_component "strong"
@@ -241,6 +242,7 @@ def self.require_core_component(name)
   s: Matestack::Ui::Core::S::S,
   samp: Matestack::Ui::Core::Samp::Samp,
   section: Matestack::Ui::Core::Section::Section,
+  select: Matestack::Ui::Core::Select::Select,
   small: Matestack::Ui::Core::Small::Small,
   span: Matestack::Ui::Core::Span::Span,
   strong: Matestack::Ui::Core::Strong::Strong,

spec/test/components/select_spec.rb

@@ -0,0 +1,32 @@
+require 'rails_helper'
+
+describe 'Input Component', type: :feature, js: true do
+  include Utils
+
+  it 'renders a input' do
+    matestack_render do
+      select
+    end
+    expect(page).to have_selector('select')
+  end
+
+  it 'is possible to render options wrapped in a select' do
+    matestack_render do
+      select id: "foo", class: "bar" do
+        option label: 'Option 1', value: '1', selected: true
+        option label: 'Option 2', value: '2'
+        option label: 'Option 3', value: '3'
+      end
+    end
+    static_output = page.html
+    expected_static_output = <<~HTML
+      <select id="foo" class="bar">
+        <option  label="Option 1" selected="selected" value="1"></option>
+        <option  label="Option 2" value="2"></option>
+        <option  label="Option 3" value="3"></option>
+      </select>
+    HTML
+    expect(stripped(static_output)).to include(stripped(expected_static_output))
+  end
+
+end