ui_bibz 2.0.0.alpha30 → 2.0.0.alpha31

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4e95355ea721ae8b499aa2062ee1b516a6e28235
-  data.tar.gz: 0245101963fbaefb1525f0dc4cdfd6b9021dd02a
+  metadata.gz: 3bcc7220776d975adbd661d537c13b9727cfd3d8
+  data.tar.gz: fbdee8fa7ce7e5045d859a9e09a11c34c5cd335a
 SHA512:
-  metadata.gz: 0e18e4012b7059d30f707b005805971d0f0a6d26a95cf441eb23c797554cdba1d1e7f39428ed7d124cb11b36c2b7cbbcb16680087cc7d23aefb93b95c19d50ae
-  data.tar.gz: 4cc538fed4faeb12b190a13921d466d23969642252d4c517334f3731f75e844cb9d6ed44c5a14ced75c014e60e8511aff40284b827b0da13118e50b78d3de709
+  metadata.gz: 733c9b8f914032774af8ee3d368f8840d00a410875c35eb7f3c89ea3739bb785043646b715ab976fba0ac02b23806676d8255db2f9851c53e94968dc7f51044d
+  data.tar.gz: 6ed6f3b804da6623b4ccac0410179a6f879cec95f238691c33891041b88e479c6f7de952a4d6c5c9e1e0e4e0c57127f5211f1d4a33cfc3437c8c917106d695a1

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ui_bibz (2.0.0.alpha30)
+    ui_bibz (2.0.0.alpha31)
       bootstrap (= 4.0.0.alpha5)
       font-awesome-sass
       haml

data/app/assets/javascripts/input-connected.coffee

@@ -70,8 +70,9 @@
         values = component.val()
 
         name = component.attr('name')
-        name = if name? then name.replace(' ', '_').split('[')[0] else "id"
-        name = if Array.isArray(values) then "#{ name }s" else name
+        #name = if name? then name.replace(' ', '_').split('[')[0] else "id"
+        name = if name? then name else "id"
+        #name = if Array.isArray(values) then "#{ name }s" else name
 
         if mode == "remote"
           params = { "#{ name }": values }

data/app/assets/javascripts/ui_bibz.coffee

@@ -54,4 +54,7 @@ ready = ->
 
 # turbolinks:load and ready together load twice time javascript
 #$(document).on('ready turbolinks:load page:change', ready) # catch event for turbolinks and fix in ready() function
-$(document).on('turbolinks:load page:change', ready) # catch event for turbolinks and fix in ready() function
+if Turbolinks?
+  $(document).on('turbolinks:load page:change', ready) # catch event for turbolinks and fix in ready() function
+else
+  $(document).on('ready', ready) # catch event for turbolinks and fix in ready() function

data/app/assets/stylesheets/fix-dropdown-select.sass

@@ -238,7 +238,7 @@ div.bootstrap-select
   li
     padding-left: 16px
   .hidden
-    display: none
+    display: none !important
 
 .field-refresh
   .input-refresh-button
@@ -246,3 +246,26 @@ div.bootstrap-select
 
 .multiselect-container > li > a > label
   padding: 3px 1.5rem
+
+.bootstrap-select > .dropdown-menu > .dropdown-menu li a
+  display: block
+  width: 100%
+  padding: 3px 1.5rem
+  clear: both
+  font-weight: 400
+  color: #292b2c
+  text-align: inherit
+  white-space: nowrap
+  background: 0 0
+  border: 0px
+  min-height: 2rem
+
+.bootstrap-select > .dropdown-menu > .dropdown-menu li a:focus
+  outline: none
+
+.bootstrap-select > .dropdown-menu > .dropdown-menu li:hover, .bootstrap-select > .dropdown-menu > .dropdown-menu li.selected
+  color: white
+  background-color: $brand-primary
+  a
+    color: white
+    border: 0px

data/app/inputs/custom_inputs/base_input.rb

@@ -0,0 +1,13 @@
+module CustomInputs
+  class BaseInput < SimpleForm::Inputs::Base
+
+    def input(wrapper_options)
+      super
+    end
+
+    def input_attribute_name
+      "#{ @builder.object.class.to_s.underscore }[#{ attribute_name }]"
+    end
+
+  end
+end

data/app/inputs/custom_inputs/collection_input.rb

@@ -37,7 +37,7 @@ module CustomInputs
     end
 
     def input_attribute_name
-      "#{ @builder.object.class.to_s.parameterize.underscore }[#{ attribute_name }]"
+      "#{ @builder.object.class.to_s.underscore }[#{ attribute_name }]"
     end
 
     def collection

data/app/inputs/custom_inputs/date_picker_field_input.rb

@@ -1,5 +1,5 @@
 module CustomInputs
-  class DatePickerFieldInput < StringInput
+  class DatePickerFieldInput < BaseInput
     include UiBibz::Ui::Core::Forms::Dates
 
     def input(wrapper_options)

data/app/inputs/custom_inputs/string_input.rb

@@ -1,13 +1,30 @@
 module CustomInputs
-  class StringInput < SimpleForm::Inputs::StringInput
+  class StringInput < SimpleForm::Inputs::Base
 
-    def input(wrapper_options)
-      super
-    end
+      enable :placeholder, :maxlength, :minlength, :pattern
 
-    def input_attribute_name
-      "#{ @builder.object.class.to_s.parameterize.underscore }[#{ attribute_name }]"
-    end
+      def input(wrapper_options = nil)
+        unless string?
+          input_html_classes.unshift("string")
+          input_html_options[:type] ||= input_type if html5?
+        end
+
+        merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
+
+        @builder.text_field(attribute_name, merged_input_options)
+      end
+
+      private
+
+      def string?
+        input_type == :string
+      end
+
+      protected
+
+      def input_attribute_name
+        "#{ @builder.object.class.to_s.parameterize.underscore }[#{ attribute_name }]"
+      end
 
   end
 end

data/app/inputs/custom_inputs/switch_field_input.rb

@@ -1,9 +1,17 @@
 module CustomInputs
-  class SwitchFieldInput < StringInput
+  class SwitchFieldInput < BaseInput
     include UiBibz::Ui::Core::Forms::Choices
 
     def input(wrapper_options)
-      UiBibz::Ui::Core::Forms::Choices::SwitchField.new(input_attribute_name, options, input_html_options).render
+      UiBibz::Ui::Core::Forms::Choices::SwitchField.new(input_attribute_name, options, new_input_html_options).render
+    end
+
+    def new_input_html_options
+      input_html_options.merge({ checked: value.nil? ? false : value })
+    end
+
+    def value
+      @value ||= @builder.object.send(attribute_name)
     end
 
   end

data/lib/ui_bibz/ui/core/component.rb

@@ -39,8 +39,8 @@ module UiBibz::Ui::Core
   #   end
   #
   class Component < UiBibz::Ui::Base
-    include UiBibz::Ui::Core::Component::KlassExtension
-    include Component::GlyphExtension
+    include KlassExtension
+    include GlyphExtension
 
     attr_accessor :content, :html_options, :options
 

data/lib/ui_bibz/ui/core/connected_component.rb

@@ -65,11 +65,18 @@ module UiBibz::Ui::Core
     def connect_opts
       selector = options[:refresh][:target][:selector]
       options[:refresh][:target][:selector] = selector.blank? ? "##{ content.to_s.parameterize.underscore }" : selector
-      options[:refresh]
+
+      options[:refresh].merge({
+        connect: {
+          target: options[:refresh].delete(:target),
+          event:  options[:refresh].delete(:event),
+          mode:   options[:refresh].delete(:mode)
+        }
+      })
     end
 
     def refresh_btn_html
-      content_tag(:span, UiBibz::Ui::Core::Forms::Buttons::ButtonRefresh.new('', connect: connect_opts).render, class: 'input-group-btn')
+      content_tag(:span, UiBibz::Ui::Core::Forms::Buttons::ButtonRefresh.new('', connect_opts).render, class: 'input-group-btn')
     end
 
     def connect_options

data/lib/ui_bibz/ui/core/forms/buttons/button_refresh.rb

@@ -54,6 +54,11 @@ module UiBibz::Ui::Core::Forms::Buttons
       super
     end
 
+    # Render with span not a button to avoid submit form bug
+    def render
+      content_tag :span, glyph_and_content_html, html_options
+    end
+
     private
 
     def component_options

data/lib/ui_bibz/ui/core/forms/choices/switch_field.rb

@@ -51,10 +51,9 @@ module UiBibz::Ui::Core::Forms::Choices
 
     # Render html tag
     def render
-      if options[:builder].nil?
-        check_box_tag content, value, html_options[:checked], html_options
-      else
-        options[:builder].check_box(content, html_options)
+      content_tag :div, class: 'switch-field-container' do
+        concat hidden_field_tag content, '0'
+        concat check_box_tag content, '1', html_options[:checked], html_options
       end
     end
 

data/lib/ui_bibz/version.rb

@@ -1,3 +1,3 @@
 module UiBibz
-  VERSION = "2.0.0.alpha30"
+  VERSION = "2.0.0.alpha31"
 end

data/test/simple_form_test.rb

@@ -132,11 +132,12 @@ class SimpleFormTest < ActionView::TestCase
   end
 
   test 'switch field input in simple form' do
+    @user.active = true
     actual = simple_form_for @user do |f|
       f.input :active, as: :switch_field, collection: @users, label_method: :name_fr
     end
 
-    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group switch_field optional user_active\"><label class=\"control-label switch_field optional\" for=\"user_active\">Active</label><input type=\"checkbox\" name=\"user[active]\" id=\"user_active\" class=\"switch_field optional switch-field\" /></div></form>"
+    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group switch_field optional user_active\"><label class=\"control-label switch_field optional\" for=\"user_active\">Active</label><div class=\"switch-field-container\"><input type=\"hidden\" name=\"user[active]\" id=\"user_active\" value=\"0\" /><input type=\"checkbox\" name=\"user[active]\" id=\"user_active\" value=\"1\" class=\"switch_field optional switch-field\" checked=\"checked\" /></div></div></form>"
 
     assert_equal expected, actual
   end
@@ -168,7 +169,7 @@ class SimpleFormTest < ActionView::TestCase
     end
 
      expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group select_field optional user_name_fr\"><label class=\"control-label select_field optional\" for=\"user_name_fr\">Name fr</label><div class=\"input-group field-refresh\"><select name=\"user[name_fr]\" id=\"user_name_fr\" class=\"select_field optional select-field form-control\"><option value=\"1\">test1</option>
-<option value=\"2\">test2</option></select><span class=\"input-group-btn\"><button data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#user_name_fr&quot;,&quot;url&quot;:&quot;&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </button></span></div></div></form>"
+<option value=\"2\">test2</option></select><span class=\"input-group-btn\"><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#user_name_fr&quot;,&quot;url&quot;:&quot;&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </span></span></div></div></form>"
 
     assert_equal expected, actual
   end

data/test/ui/core/forms/buttons/button_refresh_test.rb

@@ -5,7 +5,7 @@ class ButtonRefreshTest < ActionView::TestCase
 
   test "button" do
     actual   = UiBibz::Ui::Core::Forms::Buttons::ButtonRefresh.new('state', status: :success, connect: { target: { url: '/'}}).render
-    expected = "<button data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-success ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> state</button>"
+    expected = "<span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-success ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> state</span>"
 
     assert_equal expected, actual
   end

data/test/ui/core/forms/choices/switch_field_test.rb

@@ -6,7 +6,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field size' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', size: :lg).render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-size=\"large\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" data-size=\"large\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -14,7 +14,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field animate' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', animate: false).render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-animate=\"false\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" data-animate=\"false\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -22,7 +22,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field checked' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', {}, checked: true).render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" checked=\"checked\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" checked=\"checked\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -30,7 +30,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field state' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', {}, state: "disabled").render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" state=\"disabled\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" state=\"disabled\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -38,7 +38,7 @@ class SwitchFieldTest < ActionView::TestCase
     # NON FONCTIONNEL
     test 'switch_field readonly' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', {}, readonly: true).render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" readonly=\"readonly\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" readonly=\"readonly\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -46,7 +46,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field left_color' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', left_color: "success").render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-on-color=\"success\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" data-on-color=\"success\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -54,7 +54,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field right_color' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', right_color: "info").render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-off-color=\"info\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" data-off-color=\"info\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -62,7 +62,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field middle_text' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', middle_text: "testlabeltext").render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-label-text=\"testlabeltext\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" data-label-text=\"testlabeltext\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -70,7 +70,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field left_text' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', left_text: 'testonlabel').render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-on-text=\"testonlabel\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" data-on-text=\"testonlabel\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end
@@ -78,7 +78,7 @@ class SwitchFieldTest < ActionView::TestCase
     # OK
     test 'switch_field right_text' do
       actual = UiBibz::Ui::Core::Forms::Choices::SwitchField.new('test', right_text: "testofflabel").render
-      expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-off-text=\"testofflabel\" class=\"switch-field\" />"
+      expected = "<div class=\"switch-field-container\"><input type=\"hidden\" name=\"test\" id=\"test\" value=\"0\" /><input type=\"checkbox\" name=\"test\" id=\"test\" value=\"1\" data-off-text=\"testofflabel\" class=\"switch-field\" /></div>"
 
       assert_equal expected, actual
     end

data/test/ui/core/forms/selects/dropdown_select_field_test.rb

@@ -77,7 +77,7 @@ class DropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdown_select_field refresh' do
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { refresh: { mode: 'local', target: { data: [] }}}).render
-      expected = "<div class=\"input-group field-refresh\"><select name=\"test\" id=\"test\" class=\"dropdown-select-field\"></select><span class=\"input-group-btn\"><button data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;local&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test&quot;,&quot;url&quot;:&quot;&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </button></span></div>"
+      expected = "<div class=\"input-group field-refresh\"><select name=\"test\" id=\"test\" class=\"dropdown-select-field\"></select><span class=\"input-group-btn\"><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;local&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test&quot;,&quot;url&quot;:&quot;&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </span></span></div>"
 
       assert_equal expected, actual
     end

data/test/ui/core/forms/selects/multi_select_field_test.rb

@@ -25,7 +25,7 @@ class MultiSelectFieldTest < ActionView::TestCase
 
     test 'Multi select Field refresh option' do
       actual = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('test', { refresh: { target: { url: '/'}}}).render
-      expected = "<div class=\"input-group field-refresh\"><select name=\"test[]\" id=\"test\" class=\"btn-secondary multi-select-field\" multiple=\"multiple\"></select><span class=\"input-group-btn\"><button data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </button></span></div>"
+      expected = "<div class=\"input-group field-refresh\"><select name=\"test[]\" id=\"test\" class=\"btn-secondary multi-select-field\" multiple=\"multiple\"></select><span class=\"input-group-btn\"><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;&quot;,&quot;url&quot;:&quot;&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </span></span></div>"
 
       assert_equal expected, actual
     end

data/test/ui/core/forms/selects/select_field_test.rb

@@ -14,7 +14,7 @@ class SelectFieldTest < ActionView::TestCase
 
     test "Select Field refresh" do
       actual   = UiBibz::Ui::Core::Forms::Selects::SelectField.new('example', refresh: { target: { url: '/' }}).render
-      expected = "<div class=\"input-group field-refresh\"><select name=\"example\" id=\"example\" class=\"select-field form-control\"></select><span class=\"input-group-btn\"><button data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#example&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </button></span></div>"
+      expected = "<div class=\"input-group field-refresh\"><select name=\"example\" id=\"example\" class=\"select-field form-control\"></select><span class=\"input-group-btn\"><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#example&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </span></span></div>"
 
       assert_equal expected, actual
     end

data/test/ui/core/forms/texts/auto_complete_field_test.rb

@@ -16,7 +16,7 @@ class AutoCompleteFieldTest < ActionView::TestCase
     options  = options_for_select(2.times.map{ |i| "option #{i}" })
     actual = UiBibz::Ui::Core::Forms::Texts::AutoCompleteField.new('test', { option_tags: options, refresh: { target: { url: '/'}} }, { id: 'test' }).render
     expected = "<div class=\"input-group field-refresh\"><input type=\"text\" name=\"test\" id=\"test\" class=\"form-control\" autocomplete=\"true\" list=\"test-datalist\" /><datalist id=\"test-datalist\"><option value=\"option 0\">option 0</option>
-<option value=\"option 1\">option 1</option></datalist><span class=\"input-group-btn\"><button data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test-datalist&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </button></span></div>"
+<option value=\"option 1\">option 1</option></datalist><span class=\"input-group-btn\"><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;&quot;,&quot;url&quot;:&quot;&quot;,&quot;data&quot;:[]}}\" class=\"btn-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </span></span></div>"
 
     assert_equal expected, actual
   end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ui_bibz
 version: !ruby/object:Gem::Version
-  version: 2.0.0.alpha30
+  version: 2.0.0.alpha31
 platform: ruby
 authors:
 - Thooams
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-15 00:00:00.000000000 Z
+date: 2017-03-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -234,6 +234,7 @@ files:
 - app/assets/stylesheets/table.sass
 - app/assets/stylesheets/ui_bibz.sass
 - app/inputs/custom_inputs/auto_complete_field_input.rb
+- app/inputs/custom_inputs/base_input.rb
 - app/inputs/custom_inputs/collection_input.rb
 - app/inputs/custom_inputs/date_picker_field_input.rb
 - app/inputs/custom_inputs/dropdown_select_field_input.rb