ui_bibz 3.0.0.alpha3 → 3.0.0.alpha5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 66b83873c408d7f000b851a81c55c3ccc16133cd1e9737902fa80437fd213bf6
-  data.tar.gz: fdf60c814dae76c0f7e158469120911e984c9453814c28cbabfaed75329ef405
+  metadata.gz: daf6fae8ebb33a996aababffe959f600d9cce3c84554a9574d54f8623bc12d8e
+  data.tar.gz: 5f3aa30344b85d267698918a1dc63bbbc8a220fef61395e5f9ca141666175c82
 SHA512:
-  metadata.gz: 96d77724b67f8c30b7a15ae47a9fa25eb3d45e4ba97b8f4116c45e18ece64d97fc45f9a8168b6c8df81de47fa8c3047efdd44e985b75cc1f0ef10676f477792e
-  data.tar.gz: 43b3745ed55353ed63c5bb122de4ab1da826da54c649e13b653f1e102e7869e933072851aa8c2b96d97a469a7b68d7ef46c4e2c11524e55ff5b673c807068d9a
+  metadata.gz: b9fecae8a62e153525d66d32626d01be6cb28ae0fb777ccc99ff14fabcbf3cb802c84c6095acef8da1232b2d02508e7199d28102b12dae75f09a7d7acd1e5482
+  data.tar.gz: 4c20b4a4117f93a2539a6121b6b86471585c10eac3df4aeaf51c0521224a1ffa70de65447559413b5ab2503f3cab07027a497ddf7f253d2c90012d43362a24ba

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ui_bibz (3.0.0.alpha3)
+    ui_bibz (3.0.0.alpha5)
       rails (~> 6.0.3, >= 6.0.3.2)
       will-paginate-i18n
       will_paginate (~> 3.1.0)
@@ -159,7 +159,7 @@ GEM
     rake (13.0.1)
     regexp_parser (1.8.2)
     rexml (3.2.4)
-    rubocop (0.93.1)
+    rubocop (1.0.0)
       parallel (~> 1.10)
       parser (>= 2.7.1.5)
       rainbow (>= 2.2.2, < 4.0)
@@ -168,7 +168,7 @@ GEM
       rubocop-ast (>= 0.6.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 1.4.0, < 2.0)
-    rubocop-ast (0.8.0)
+    rubocop-ast (1.1.0)
       parser (>= 2.7.1.5)
     rubocop-minitest (0.10.1)
       rubocop (>= 0.87)
@@ -186,7 +186,7 @@ GEM
     simple_form (5.0.3)
       actionpack (>= 5.0)
       activemodel (>= 5.0)
-    simplecov (0.19.0)
+    simplecov (0.19.1)
       docile (~> 1.1)
       simplecov-html (~> 0.11)
     simplecov-html (0.12.3)
@@ -212,7 +212,7 @@ GEM
     will_paginate (3.1.8)
     will_paginate-bootstrap4 (0.2.2)
       will_paginate (~> 3.0, >= 3.0.0)
-    zeitwerk (2.4.0)
+    zeitwerk (2.4.1)
 
 PLATFORMS
   ruby

data/README.md

@@ -19,7 +19,7 @@ Ui Bibz load [Bootstrap](http://getbootstrap.com/) and [Font Awesome](http://fon
 
 ## Documentation
 Full documentation is here with bootstrap 5:
-[Ui Bibz v3](http://hummel.link/Ui-Bibz/docs/v3/)
+[Ui Bibz v3](http://hummel.link/Ui-Bibz/)
 
 Older documentation is here with bootstrap 4:
 [Ui Bibz v2.5](http://hummel.link/Ui-Bibz/docs/v2.5/)

data/lib/ui_bibz.rb

@@ -24,7 +24,6 @@ module UiBibzInputs
   autoload :UiFormulaFieldInput,        'ui_bibz/inputs/ui_bibz_inputs/ui_formula_field_input'
   autoload :UiMarkdownEditorFieldInput, 'ui_bibz/inputs/ui_bibz_inputs/ui_markdown_editor_field_input'
   autoload :UiMultiColumnFieldInput,    'ui_bibz/inputs/ui_bibz_inputs/ui_multi_column_field_input'
-  autoload :UiMultiSelectFieldInput,    'ui_bibz/inputs/ui_bibz_inputs/ui_multi_select_field_input'
   autoload :UiNumberFieldInput,         'ui_bibz/inputs/ui_bibz_inputs/ui_number_field_input'
   autoload :UiRadioFieldInput,          'ui_bibz/inputs/ui_bibz_inputs/ui_radio_field_input'
   autoload :UiSelectFieldInput,         'ui_bibz/inputs/ui_bibz_inputs/ui_select_field_input'

data/lib/ui_bibz/helpers/ui/core/forms_helper.rb

@@ -62,7 +62,8 @@ module UiBibz::Helpers::Ui::Core::FormsHelper
   # +options+ (Hash)
   # +html_options+ (Hash)
   def ui_multi_select_field(content = nil, options = nil, html_options = nil, &block)
-    UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new(content, options, html_options, &block).render
+    options = (options || {}).merge(multiple: true)
+    UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new(content, options, html_options, &block).render
   end
 
   # Formula Field Component

data/lib/ui_bibz/infos.rb

@@ -12,6 +12,6 @@ module UiBibz
   REPO                = 'git+https://github.com/thooams/Ui-Bibz.git'
   EMAIL               = 'thomas@hummel.link'
   AUTHOR              = 'Thooams'
-  VERSION             = '3.0.0.alpha3'
+  VERSION             = '3.0.0.alpha5'
   AUTHORS = ['Thooams'].freeze
 end

data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_checkbox_field_input.rb

@@ -4,6 +4,10 @@ module UiBibzInputs
   class UiCheckboxFieldInput < BaseInput
     include UiBibz::Ui::Core::Forms::Choices
 
+    def label
+      false
+    end
+
     def input(_wrapper_options)
       UiBibz::Ui::Core::Forms::Choices::CheckboxField.new(input_attribute_name, new_options, new_input_html_options).render
     end
@@ -17,7 +21,7 @@ module UiBibzInputs
     end
 
     def new_options
-      options.merge({ label: attribute_name.to_s.titleize })
+      options.merge({ label: options[:label] || attribute_name.to_s.titleize })
     end
   end
 end

data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_multi_select_field_input.rb

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
 module UiBibzInputs
-  class UiMultiSelectFieldInput < CollectionInput
-    def input(_wrapper_options)
-      UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new(input_attribute_name, new_options, input_html_options).render
+  class UiMultiSelectFieldInput < UiDropdownSelectFieldInput
+    def new_options
+      (super || {}).merge(multiple: true)
     end
   end
 end

data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_slider_field_input.rb

@@ -5,7 +5,7 @@ module UiBibzInputs
     include UiBibz::Ui::Core::Forms::Numbers
 
     def input(_wrapper_options)
-      input_html_options[:id] = @builder.options[:html][:id]
+      input_html_options[:id] = "#{sanitize_to_id(input_attribute_name)}_slider"
       UiBibz::Ui::Core::Forms::Numbers::SliderField.new(input_attribute_name, options, input_html_options).render
     end
   end

data/lib/ui_bibz/rails/engine.rb

@@ -21,10 +21,6 @@ module UiBibz
       initializer 'ui_bibz.helpers.form' do
         ActionView::Base.include UiBibzForm
       end
-
-      config.after_initialize do
-        warn '[Ui Bibz] Ui Bibz is not configured in the application and will use the default values. Use `rails generate ui_bibz:install` to generate the Ui Bibz configuration.' unless UiBibz.configured?
-      end
     end
   end
 end

data/lib/ui_bibz/ui/concerns/card_itemable_concern.rb

@@ -40,6 +40,8 @@ module UiBibz::Ui::Concerns::CardItemableConcern #:nodoc:
 
     # Add Image which is a component
     def image(content = nil, options = nil, html_options = nil, &block)
+      # Add position top to the image if the image is in top of the card
+      options = (options || {}).merge(position: :top) if @header.nil? && @items.empty? && options.try(:[], :position).nil?
       @items << UiBibz::Ui::Core::Boxes::Components::CardImage.new(content, options, html_options, &block).render
     end
 

data/lib/ui_bibz/ui/core/boxes/components/card_body.rb

@@ -70,6 +70,14 @@ module UiBibz::Ui::Core::Boxes::Components
       @items << UiBibz::Ui::Core::Boxes::Components::Body::CardBodyText.new(content, options, html_options, &block).render
     end
 
+    def row(content = nil, options = nil, html_options = nil, &block)
+      @items << if tapped?(block)
+                  UiBibz::Ui::Core::Layouts::Row.new(content, options, html_options).tap(&block).render
+                else
+                  UiBibz::Ui::Core::Layouts::Row.new(content, options, html_options, &block).render
+                end
+    end
+
     private
 
     def component_html_classes

data/lib/ui_bibz/ui/core/boxes/components/card_image.rb

@@ -48,7 +48,7 @@ module UiBibz::Ui::Core::Boxes::Components
     end
 
     def position
-      "card-img-#{@options[:position] || :top}"
+      "card-img-#{@options[:position] || :top}" if @options[:position]
     end
   end
 end

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

@@ -20,7 +20,8 @@ module UiBibz::Ui::Core::Forms::Choices
   # * +inline+ - Boolean
   # * +checked+ - Boolean
   # * +action+ - String Stimulus Option
-  # * +label+ - String
+  # * +label+ - [String/Boolean]
+  # * +boolean+ - Boolean Add an hidden field for rails
   #
   # ==== Signatures
   #
@@ -58,7 +59,7 @@ module UiBibz::Ui::Core::Forms::Choices
 
     def checkbox_field_html_tag
       content_tag(:div, html_options.except(:id, 'data-action')) do
-        concat hidden_field_tag content, '0', id: "#{content}-hidden"
+        concat hidden_field_tag content, '0', id: "#{content}-hidden" if options[:boolean]
         concat check_box_tag content, options[:value] || '1', options[:checked] || html_options[:checked], checkbox_html_options
         concat label_tag(label_name, label_content, class: 'form-check-label') if options[:label] != false
       end
@@ -70,7 +71,9 @@ module UiBibz::Ui::Core::Forms::Choices
         indeterminate: options[:indeterminate],
         "data-action": options[:action],
         class: 'form-check-input'
-      }
+      }.tap do |html|
+        html[:id] = html_options[:id] if html_options[:id]
+      end
     end
 
     def label_name

data/lib/ui_bibz/ui/core/forms/dropdowns/dropdown.rb

@@ -27,6 +27,10 @@ module UiBibz::Ui::Core::Forms::Dropdowns
   #   * +size+ - Integer
   #   * +type+ - Symbol
   # * +html_button+ - Hash
+  # * +position+ - Symbol
+  #   (+:up+, +:right+, +:down+, +:left+)
+  # * +alignement+ - Symbol
+  #   (+:right)
   #
   # ==== Signatures
   #
@@ -103,7 +107,7 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     protected
 
     def component_html_classes
-      [type, open, inline, without_caret, keep_open]
+      [position, open, inline, without_caret, keep_open]
     end
 
     def button_content
@@ -113,26 +117,26 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     def button_html
       html_button = options[:html_button] || {}
       if options[:tag] == :a
-        content_tag dropdown_tag, button_content, { class: join_classes('btn', button_status, state, size, 'dropdown-toggle'), href: '#', role: 'button', 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false, 'id' => id }.merge(html_button)
+        content_tag dropdown_tag, button_content, { class: join_classes('btn', button_status, state, size, 'dropdown-toggle'), role: 'button', 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false, 'id' => id }.merge(html_button)
       else
         content_tag dropdown_tag, button_content, { class: join_classes('btn', button_status, state, size, 'dropdown-toggle'), type: 'button', 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false, 'id' => id }.merge(html_button)
       end
     end
 
     def ul_html
-      content_tag :div, @items.join.html_safe, class: join_classes('dropdown-menu', theme, position, open), 'arial-labelledby' => id
+      content_tag :div, @items.join.html_safe, class: join_classes('dropdown-menu', theme, alignement, open), 'arial-labelledby' => id
     end
 
     def dropdown_tag
       options[:tag] || :button
     end
 
-    def position
-      "dropdown-menu-#{@options[:position]}" unless @options[:position].nil?
+    def alignement
+      "dropdown-menu-#{@options[:alignement]}" unless @options[:alignement].nil?
     end
 
-    def type
-      @options[:type] || 'dropdown'
+    def position
+      "drop#{@options[:position] || 'down'}"
     end
 
     def open
@@ -144,7 +148,7 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     end
 
     def inline
-      'btn-group' if @options[:inline]
+      'btn-group' if @options[:inline] || @options[:alignement]
     end
 
     def without_caret

data/lib/ui_bibz/ui/core/forms/dropdowns/split_dropdown.rb

@@ -69,7 +69,7 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     private
 
     def component_html_classes
-      ['btn-group', type]
+      ['btn-group', position, alignement, open, inline, keep_open]
     end
 
     def button_html
@@ -77,13 +77,18 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     end
 
     def split_html
-      content_tag :button, split_content, class: join_classes('btn', button_status, size, 'dropdown-toggle', 'dropdown-toggle-split'), type: 'button', 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false
+      content_tag :button, split_content, class: split_classes, type: 'button',
+                                          'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false
     end
 
     def split_content
       src_only
     end
 
+    def split_classes
+      join_classes('btn', button_status, size, 'dropdown-toggle', 'dropdown-toggle-split')
+    end
+
     def src_only
       content_tag :span, 'Toggle Dropdown', class: 'sr-only'
     end

data/lib/ui_bibz/ui/core/forms/numbers/slider_header.rb

@@ -53,14 +53,14 @@ module UiBibz::Ui::Core::Forms::Numbers
     def header_min
       content_tag :div, class: 'slider-header-min' do
         concat content_tag :label, options[:label_min] || 'Min: '
-        concat content_tag :span, options[:thumb_min]
+        concat content_tag :span, options[:thumb_min], "data-unit": options[:unit] || options[:unit_min]
       end
     end
 
     def header_max
       content_tag :div, class: 'slider-header-max' do
         concat content_tag :label, options[:label_max] || 'max: '
-        concat content_tag :span, options[:thumb_max]
+        concat content_tag :span, options[:thumb_max], "data-unit": options[:unit] || options[:unit_max]
       end
     end
 

data/lib/ui_bibz/ui/core/forms/selects/dropdown_select_field.rb

@@ -1,11 +1,10 @@
 # frozen_string_literal: true
 
-require 'ui_bibz/ui/extensions/core/forms/surround_extension'
 module UiBibz::Ui::Core::Forms::Selects
   # Create a DropdownSelectField
   #
-  # This element is an extend of UiBibz::Ui::Core::Component.
-  # source : http://silviomoreto.github.io/bootstrap-select/examples/
+  # This element is an extend of UiBibz::Ui::Core::Forms::Buttons::Button
+  # source : http://loudev.com/
   #
   # ==== Attributes
   #
@@ -17,18 +16,14 @@ module UiBibz::Ui::Core::Forms::Selects
   #
   # You can add HTML attributes using the +html_options+.
   # You can pass arguments in options attribute:
-  # * +status+ - status of element with symbol value:
-  #   (+:primary+, +:secondary+, +:info+, +:warning+, +:danger+, +:link+)
   # * +option_tags+ - Array, Object [required]
+  # * +multiple+ - Boolean
+  # * +outline+ - Boolean
+  # * +theme+ - String
+  # * +clickable_opt_group+ - Boolean
+  # * +collapsible_opt_group+ - Boolean
   # * +searchable+ - Boolean
-  # * +max_options+ - Integer
-  # * +selected_text_format+ - String
-  # * +menu_size+ - Integer
-  # * +header+ - String
-  # * +actions_box+ - Boolean
-  # * +show_tick+ - Boolean
-  # * +show_menu_arrow+ - Boolean
-  # * +dropup+ - Boolean
+  # * +select_all_option+ - Boolean
   # * +append+ - String, Html
   # * +prepend+ - String, Html
   # * +connect+ - Hash
@@ -38,13 +33,6 @@ module UiBibz::Ui::Core::Forms::Selects
   #     * +selector+ - String
   #     * +data+ - Array
   #     * +url+ - String
-  # * +refresh+ - Hash
-  #   * +event+ - String
-  #   * +mode+ - String
-  #   * +target+ - Hash
-  #     * +selector+ - String
-  #     * +data+ - Array
-  #     * +url+ - String
   #
   # ==== Signatures
   #
@@ -58,7 +46,7 @@ module UiBibz::Ui::Core::Forms::Selects
   #
   #   UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('fruits', { option_tags: list_of_fruits, searchable: true }, { class: 'test' })
   #
-  #   UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new({ option_tags: list_of_fruits, actions_box: true }, { class: 'test' }) do
+  #   UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new({ option_tags: list_of_fruits, select_all_option: true }, { class: 'test' }) do
   #     'fruits'
   #   end
   #
@@ -67,77 +55,71 @@ module UiBibz::Ui::Core::Forms::Selects
   #   dropdown_select_field(content, options = {}, html_options = {})
   #
   class DropdownSelectField < UiBibz::Ui::Core::Forms::Selects::AbstractSelect
-    # See UiBibz::Ui::Core::Component.initialize
+    # See UiBibz::Ui::Core::Forms::Buttons::Button.initialize
 
     private
 
     def component_html_options
-      super.merge({}.tap do |h|
-        h[:multiple] = true if options[:multiple]
-        h[:disabled] = options[:state] == :disabled
-        h[:include_blank] = options[:include_blank]
-        h[:title] = h.delete(:prompt) unless options[:prompt].nil?
-      end)
+      super.merge({
+                    multiple: options[:multiple],
+                    disabled: options[:state] == :disabled,
+                    include_blank: false,
+                    prompt: false
+                  })
     end
 
     def component_html_classes
-      super << ['dropdown-select-field', show_tick, dropup]
+      [size, type, button_status, 'multi-select-field']
     end
 
     def component_html_data
       super
+      clickable_opt_group
+      collapsible_opt_group
       searchable
-      max_options
-      selected_text_format
-      menu_size
-      style
-      header
-      actions_box
-      add_status
+      select_all_options
+      number_displayed
     end
 
-    ############################ Data html options
-
-    def max_options
-      add_html_data('max_options', value: options[:max_options]) if options[:max_options]
+    def clickable_opt_group
+      add_html_data('enable_clickable_opt_groups') if options[:clickable_opt_group]
     end
 
-    def selected_text_format
-      add_html_data('selected_text_format', value: options[:selected_text_format]) if options[:selected_text_format]
+    def collapsible_opt_group
+      add_html_data('enable_collapsible_opt_groups') if options[:collapsible_opt_group]
     end
 
     def searchable
-      add_html_data('live_search') if options[:searchable]
+      add_html_data('enable_filtering') if options[:searchable]
     end
 
-    def style
-      add_html_data('style', value: "btn-#{options[:status] || :secondary}")
+    def number_displayed
+      add_html_data('number_displayed') if options[:number_displayed]
     end
 
-    def menu_size
-      add_html_data('size', value: options[:menu_size]) if options[:menu_size]
+    def select_all_options
+      add_html_data('include_select_all_option') if options[:select_all_options]
     end
 
-    def actions_box
-      add_html_data('actions_box') if options[:actions_box]
+    def type
+      'btn-block' if options[:type] == :block
     end
 
-    def header
-      add_html_data('header', value: options[:header]) if options[:header]
+    # :lg, :sm or :xs
+    def size
+      "btn-#{options[:size]}" if options[:size]
     end
 
-    def add_status
-      add_html_data('style', value: "btn-#{options[:status]}") if options[:status]
+    def button_status
+      ['btn', outline, options[:status] || :secondary].compact.join('-')
     end
 
-    ############################# Css classes
-
-    def show_tick
-      'show-tick' if options[:show_tick]
+    def outline
+      'outline' if options[:outline]
     end
 
-    def dropup
-      'dropup' if options[:dropup]
+    def theme
+      'dropdown-menu-dark' if @options[:theme]
     end
   end
 end

data/lib/ui_bibz/ui/core/navigations/components/nav_dropdown.rb

@@ -56,11 +56,11 @@ module UiBibz::Ui::Core::Navigations
     private
 
     def component_html_classes
-      [type, 'nav-item', without_caret]
+      [position, open, keep_open, 'nav-item', without_caret]
     end
 
     def link_html
-      link_to button_content, '#', class: join_classes(size, state, 'dropdown-toggle', 'nav-link'), 'data-toggle' => 'dropdown', 'aria-expanded' => false
+      content_tag :a, button_content, class: join_classes(size, state, 'dropdown-toggle', 'nav-link'), 'data-toggle' => 'dropdown', 'aria-expanded' => false
     end
   end
 end

data/lib/ui_bibz/ui/core/navigations/components/nav_link_link.rb

@@ -23,7 +23,7 @@ module UiBibz::Ui::Core::Navigations
 
     # Render html tag
     def pre_render
-      link_to options[:url], html_options do
+      content_tag :a, { href: options[:url] }.merge(html_options) do
         concat glyph_and_content_html
         concat tag_html if options[:tag]
       end

data/lib/ui_bibz/utils/breakdown_class_name_generator.rb

@@ -3,7 +3,7 @@
 module UiBibz::Utils
   # Generate the col class name
   class BreakdownClassNameGenerator
-    POSITIONING = %i[num offset push pull].freeze
+    POSITIONING = %i[num offset push pull order].freeze
     BREAKPOINTS = UiBibz::Ui::Core::Component::BREAKPOINTS
     PARAMETERS =  BREAKPOINTS + POSITIONING + [:position]
 
@@ -52,6 +52,11 @@ module UiBibz::Utils
       [@klass_name, size, 'push', number].compact.join('-')
     end
 
+    # order-md-9
+    def order(size, number)
+      ['order', size, number].compact.join('-')
+    end
+
     # col-md-pull-9
     def pull(size, number)
       [@klass_name, size, 'pull', number].compact.join('-')

data/test/simple_form_test.rb

@@ -42,28 +42,6 @@ class SimpleFormTest < ActionView::TestCase
     assert_equal expected, actual
   end
 
-  test 'dropdown field select input in simple form' do
-    actual = simple_form_for @user do |f|
-      f.input :name_fr, as: :ui_dropdown_select_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 type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_dropdown_select_field optional user_name_fr\"><label class=\"control-label ui_dropdown_select_field optional\" for=\"user_name_fr\">Name fr</label><select name=\"user[name_fr]\" id=\"user_name_fr\" class=\"dropdown-select-field\" data-style=\"btn-secondary\"><option value=\"1\">test1</option>
-<option value=\"2\">test2</option></select></div></form>"
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown field select input with grouped option in simple form' do
-    actual = simple_form_for @user do |f|
-      f.input :name_fr, as: :ui_dropdown_select_field, collection: @continents, toto: 'lala', grouped: true, group_method: :countries
-    end
-
-    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_dropdown_select_field optional user_name_fr\"><label class=\"control-label ui_dropdown_select_field optional\" for=\"user_name_fr\">Name fr</label><select name=\"user[name_fr]\" id=\"user_name_fr\" class=\"dropdown-select-field\" data-style=\"btn-secondary\"><optgroup label=\"Europe\"><option value=\"1\">France</option>
-<option value=\"2\">Deutchland</option></optgroup></select></div></form>"
-
-    assert_equal expected, actual
-  end
-
   test 'formula field input in simple form' do
     @user.price         = 3.0
     @user.price_formula = '1+2'
@@ -101,10 +79,10 @@ test1</textarea></div></form>"
 
   test 'multi select field input in simple form' do
     actual = simple_form_for @user do |f|
-      f.input :name_fr, as: :ui_multi_select_field, collection: @users, label_method: :name_fr
+      f.input :name_fr, as: :ui_dropdown_select_field, multiple: true, 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 type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_multi_select_field optional user_name_fr\"><label class=\"control-label ui_multi_select_field optional\" for=\"user_name_fr\">Name fr</label><select name=\"user[name_fr][]\" id=\"user_name_fr\" class=\"btn-secondary multi-select-field\" multiple=\"multiple\"><option value=\"1\">test1</option>
+    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_dropdown_select_field optional user_name_fr\"><label class=\"control-label ui_dropdown_select_field optional\" for=\"user_name_fr\">Name fr</label><select name=\"user[name_fr][]\" id=\"user_name_fr\" class=\"btn-secondary multi-select-field\" multiple=\"multiple\"><option value=\"1\">test1</option>
 <option value=\"2\">test2</option></select></div></form>"
 
     assert_equal expected, actual
@@ -112,10 +90,10 @@ test1</textarea></div></form>"
 
   test 'multi select input with grouped option in simple form' do
     actual = simple_form_for @user do |f|
-      f.input :name_fr, as: :ui_multi_select_field, collection: @continents, toto: 'lala', grouped: true, group_method: :countries
+      f.input :name_fr, as: :ui_dropdown_select_field, multiple: true, collection: @continents, toto: 'lala', grouped: true, group_method: :countries
     end
 
-    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_multi_select_field optional user_name_fr\"><label class=\"control-label ui_multi_select_field optional\" for=\"user_name_fr\">Name fr</label><select name=\"user[name_fr][]\" id=\"user_name_fr\" class=\"btn-secondary multi-select-field\" multiple=\"multiple\"><optgroup label=\"Europe\"><option value=\"1\">France</option>
+    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_dropdown_select_field optional user_name_fr\"><label class=\"control-label ui_dropdown_select_field optional\" for=\"user_name_fr\">Name fr</label><select name=\"user[name_fr][]\" id=\"user_name_fr\" class=\"btn-secondary multi-select-field\" multiple=\"multiple\"><optgroup label=\"Europe\"><option value=\"1\">France</option>
 <option value=\"2\">Deutchland</option></optgroup></select></div></form>"
 
     assert_equal expected, actual
@@ -244,7 +222,7 @@ test1</textarea></div></form>"
       f.input :name_en, as: :ui_slider_field
     end
 
-    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_slider_field optional user_name_en\"><label class=\"control-label ui_slider_field optional\" for=\"user_name_en\">Name en</label><div class=\"ui_slider_field optional slider\" id=\"edit_user_1\"><div><div class=\"slider-inverse-left\" style=\"width: 100%\"></div><div class=\"slider-inverse-right\" style=\"width: 100%\"></div><div class=\"slider-range\" style=\"left: 0%; right: 0%\"></div><div class=\"slider-thumb slider-thumb-left\" style=\"left: 0%\"></div><div class=\"slider-thumb slider-thumb-right\" style=\"left: 100%\"></div></div><input type=\"range\" name=\"user[name_en_min]\" id=\"user_name_en_min\" value=\"0\" max=\"100\" min=\"0\" step=\"1\" /><input type=\"range\" name=\"user[name_en_max]\" id=\"user_name_en_max\" value=\"100\" max=\"100\" min=\"0\" step=\"1\" /></div></div></form>"
+    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_slider_field optional user_name_en\"><label class=\"control-label ui_slider_field optional\" for=\"user_name_en\">Name en</label><div class=\"ui_slider_field optional slider\" id=\"user_name_en_slider\"><div><div class=\"slider-inverse-left\" style=\"width: 100%\"></div><div class=\"slider-inverse-right\" style=\"width: 100%\"></div><div class=\"slider-range\" style=\"left: 0%; right: 0%\"></div><div class=\"slider-thumb slider-thumb-left\" style=\"left: 0%\"></div><div class=\"slider-thumb slider-thumb-right\" style=\"left: 100%\"></div></div><input type=\"range\" name=\"user[name_en_min]\" id=\"user_name_en_min\" value=\"0\" max=\"100\" min=\"0\" step=\"1\" /><input type=\"range\" name=\"user[name_en_max]\" id=\"user_name_en_max\" value=\"100\" max=\"100\" min=\"0\" step=\"1\" /></div></div></form>"
 
     assert_equal expected, actual
   end

data/test/ui/core/boxes/card_test.rb

@@ -145,7 +145,7 @@ class CardTest < ActionView::TestCase
         end
       end
     end
-    expected = '<div class="card"><div class="card-header"><ul class="nav nav-tabs card-header-tabs"><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#link1">link1</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#link2">link2</a></li></ul></div></div>'
+    expected = "<div class=\"card\"><div class=\"card-header\"><ul class=\"nav nav-tabs card-header-tabs\"><li class=\"nav-item\"><a href=\"#link1\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">link1</a></li><li class=\"nav-item\"><a href=\"#link2\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">link2</a></li></ul></div></div>"
 
     assert_equal expected, actual
   end

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

@@ -43,7 +43,7 @@ class ButtonGroupTest < ActionView::TestCase
 
   test 'button group with dropdown' do
     actual = ui_button_group do |bg|
-      bg.dropdown('Dropdown', { type: :dropup, status: :success }, { id: 'dropdown-test' }) do |d|
+      bg.dropdown('Dropdown', { position: :up, status: :success }, { id: 'dropdown-test' }) do |d|
         d.link 'Link 1', url: '#link1', glyph: 'eye'
       end
     end

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

@@ -5,6 +5,13 @@ require 'test_helper'
 class CheckboxFieldTest < ActionView::TestCase
   test 'checkbox_field' do
     actual = UiBibz::Ui::Core::Forms::Choices::CheckboxField.new('John', { value: 1 }).render
+    expected = "<div class=\"form-check\"><input type=\"checkbox\" name=\"John\" id=\"John\" value=\"1\" class=\"form-check-input\" /><label class=\"form-check-label\" for=\"John\">John</label></div>"
+
+    assert_equal expected, actual
+  end
+
+  test 'checkbox_field which is a boolean' do
+    actual = UiBibz::Ui::Core::Forms::Choices::CheckboxField.new('John', { boolean: true, value: 1 }).render
     expected = "<div class=\"form-check\"><input type=\"hidden\" name=\"John\" id=\"John-hidden\" value=\"0\" /><input type=\"checkbox\" name=\"John\" id=\"John\" value=\"1\" class=\"form-check-input\" /><label class=\"form-check-label\" for=\"John\">John</label></div>"
 
     assert_equal expected, actual

data/test/ui/core/forms/dropdowns/dropdown_test.rb

@@ -32,14 +32,14 @@ class DropdownTest < ActionView::TestCase
   end
 
   test 'Dropdown options' do
-    actual = UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new('Dropdown', type: :dropup, status: :success, glyph: 'diamond').tap do |d|
+    actual = UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new('Dropdown', position: :up, alignement: :right, status: :success, glyph: 'diamond').tap do |d|
       d.link 'Link 1', url: '#link1', glyph: 'eye'
       d.header 'header'
       d.link 'Link 2', url: '#link2'
       d.divider
       d.link 'Link3', url: '#link3'
     end
-    expected = "<div class=\"dropup\"><button class=\"btn btn-success dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" id=\"#{actual.id}\"><i class=\"glyph fas fa-diamond\"></i>  Dropdown</button><div class=\"dropdown-menu\" arial-labelledby=\"#{actual.id}\"><a class=\"dropdown-item\" href=\"#link1\"><i class=\"glyph fas fa-eye\"></i>  Link 1</a><h6 class=\"dropdown-header\" role=\"presentation\">header</h6><a class=\"dropdown-item\" href=\"#link2\">Link 2</a><div class=\"dropdown-divider\"></div><a class=\"dropdown-item\" href=\"#link3\">Link3</a></div></div>"
+    expected = "<div class=\"dropup btn-group\"><button class=\"btn btn-success dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" id=\"#{actual.id}\"><i class=\"glyph fas fa-diamond\"></i>  Dropdown</button><div class=\"dropdown-menu dropdown-menu-right\" arial-labelledby=\"#{actual.id}\"><a class=\"dropdown-item\" href=\"#link1\"><i class=\"glyph fas fa-eye\"></i>  Link 1</a><h6 class=\"dropdown-header\" role=\"presentation\">header</h6><a class=\"dropdown-item\" href=\"#link2\">Link 2</a><div class=\"dropdown-divider\"></div><a class=\"dropdown-item\" href=\"#link3\">Link3</a></div></div>"
 
     assert_equal expected, actual.render
   end

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

@@ -2,10 +2,10 @@
 
 require 'test_helper'
 
-class MultiSelectFieldTest < ActionView::TestCase
+class DropdownSelectFieldTest < ActionView::TestCase
   test 'Multi Select Field' do
     options  = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual   = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('example', option_tags: options).render
+    actual   = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('example', multiple: true, option_tags: options).render
     expected = "<select name=\"example[]\" id=\"example\" class=\"btn-secondary multi-select-field\" multiple=\"multiple\"><option value=\"option 0\">option 0</option>
 <option value=\"option 1\">option 1</option></select>"
 
@@ -14,8 +14,8 @@ class MultiSelectFieldTest < ActionView::TestCase
 
   test 'Multi Select Field data html options' do
     grouped_options = { 'North America' => [['United statuss', 'US'], 'Canada'], 'Europe' => %w[Denmark Germany France] }
-    actual = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('example', { option_tags: grouped_options_for_select(grouped_options), clickable_opt_group: true, collapsible_opt_group: true, searchable: true, select_all_options: true, number_displayed: 2, status: :danger }).render
-    expected = "<select name=\"example[]\" id=\"example\" data-enable-clickable-opt-groups=\"true\" data-enable-collapsible-opt-groups=\"true\" data-enable-filtering=\"true\" data-include-select-all-option=\"true\" data-number-displayed=\"true\" class=\"btn-danger btn-secondary multi-select-field\" multiple=\"multiple\"><optgroup label=\"North America\"><option value=\"US\">United statuss</option>
+    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('example', { multiple: true, option_tags: grouped_options_for_select(grouped_options), clickable_opt_group: true, collapsible_opt_group: true, searchable: true, select_all_options: true, number_displayed: 2, status: :danger }).render
+    expected = "<select name=\"example[]\" id=\"example\" data-enable-clickable-opt-groups=\"true\" data-enable-collapsible-opt-groups=\"true\" data-enable-filtering=\"true\" data-include-select-all-option=\"true\" data-number-displayed=\"true\" class=\"btn-danger multi-select-field\" multiple=\"multiple\"><optgroup label=\"North America\"><option value=\"US\">United statuss</option>
 <option value=\"Canada\">Canada</option></optgroup><optgroup label=\"Europe\"><option value=\"Denmark\">Denmark</option>
 <option value=\"Germany\">Germany</option>
 <option value=\"France\">France</option></optgroup></select>"
@@ -24,7 +24,7 @@ class MultiSelectFieldTest < ActionView::TestCase
   end
 
   test 'Multi select Field refresh option' do
-    actual = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('test', { refresh: { target: { url: '/' } } }).render
+    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { multiple: true, refresh: { target: { url: '/' } } }).render
     expected = '<div class="field-refresh input-group ui_surround_field"><select name="test[]" id="test" class="btn-secondary multi-select-field" multiple="multiple"></select><span 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-secondary ui-bibz-connect btn input-refresh-button"><i class="glyph fas fa-sync-alt"></i> </span></div>'
 
     assert_equal expected, actual

data/test/ui/core/navigations/nav_test.rb

@@ -10,7 +10,8 @@ class NavTest < ActionView::TestCase
       n.link 'Profile', url: '#profile', selector: 'profile'
       n.link 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = '<ul class="nav nav-tabs"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
+
     assert_equal expected, actual
   end
 
@@ -20,7 +21,7 @@ class NavTest < ActionView::TestCase
       n.link 'Profile', url: '#profile', selector: 'profile', label: 16
       n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = '<ul class="nav nav-pills"><li class="nav-item"><a class="active nav-link" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav nav-pills\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\">Messages</a></li></ul>"
 
     assert_equal expected, actual
   end
@@ -31,7 +32,7 @@ class NavTest < ActionView::TestCase
       n.link 'Profile', url: '#profile', selector: 'profile', label: 16
       n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = '<ul class="nav justify-content-end"><li class="nav-item"><a class="active nav-link" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav justify-content-end\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\">Messages</a></li></ul>"
 
     assert_equal expected, actual
   end
@@ -42,7 +43,7 @@ class NavTest < ActionView::TestCase
       n.link 'Profile', url: '#profile', selector: 'profile', label: 16
       n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = '<ul class="nav"><li class="nav-item"><a class="active nav-link" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\">Messages</a></li></ul>"
 
     assert_equal expected, actual
   end
@@ -53,7 +54,7 @@ class NavTest < ActionView::TestCase
       n.link 'Profile', url: '#profile', selector: 'profile', label: 16
       n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = '<ul class="nav flex-column"><li class="nav-item"><a class="active nav-link" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav flex-column\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\">Messages</a></li></ul>"
 
     assert_equal expected, actual
   end
@@ -64,7 +65,7 @@ class NavTest < ActionView::TestCase
       n.link 'Profile', url: '#profile', selector: 'profile', label: 16
       n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = "<div class=\"list-group\" role=\"tablist\"><a class=\"active list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"Home\" href=\"#Home\">Home</a><a class=\"list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"Profile\" href=\"#profile\">Profile</a><a class=\"disabled list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"Messages\" href=\"#messages\">Messages</a></div>"
+    expected = "<div class=\"list-group\" role=\"tablist\"><a href=\"#Home\" class=\"active list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"Home\">Home</a><a href=\"#profile\" class=\"list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"Profile\">Profile</a><a href=\"#messages\" class=\"disabled list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"Messages\">Messages</a></div>"
 
     assert_equal expected, actual
   end

data/test/ui/core/navigations/navbar_test.rb

@@ -32,7 +32,7 @@ class NavbarTest < ActionView::TestCase
       end
       nb.text 'test'
     end
-    expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><div class=\"container\"><span class=\"navbar-brand\">Brand</span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a class=\"active nav-link\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#messages\">Messages</a></li></ul><form type=\"form_tag\" position=\"right\" class=\"d-flex\" action=\"#\" accept-charset=\"UTF-8\" method=\"post\"><button class=\"btn-secondary btn\">Search</button></form><span class=\"navbar-text\">test</span></div></div></nav>"
+    expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><div class=\"container\"><span class=\"navbar-brand\">Brand</span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\">Messages</a></li></ul><form type=\"form_tag\" position=\"right\" class=\"d-flex\" action=\"#\" accept-charset=\"UTF-8\" method=\"post\"><button class=\"btn-secondary btn\">Search</button></form><span class=\"navbar-text\">test</span></div></div></nav>"
 
     assert_equal expected, actual.render
   end
@@ -44,7 +44,8 @@ class NavbarTest < ActionView::TestCase
         n.link 'Link', url: '#link'
       end
     end
-    expected = "<nav class=\"bg-dark navbar navbar-dark navbar-expand-lg\"><div class=\"container\"><span class=\"navbar-brand\"><img src=\"/images/ruby-white\" /></span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a class=\"nav-link\" href=\"#link\">Link</a></li></ul></div></div></nav>"
+    expected =
+      "<nav class=\"bg-dark navbar navbar-dark navbar-expand-lg\"><div class=\"container\"><span class=\"navbar-brand\"><img src=\"/images/ruby-white\" /></span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a href=\"#link\" class=\"nav-link\">Link</a></li></ul></div></div></nav>"
 
     assert_equal expected, actual.render
   end

data/test/ui/core/navigations/tab_group_test.rb

@@ -10,7 +10,7 @@ class TabGroupTest < ActionView::TestCase
       n.tab 'Profile', url: '#profile', selector: 'profile'
       n.tab 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = '<ul class="nav nav-tabs"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
 
     assert_equal expected, actual
   end
@@ -21,7 +21,7 @@ class TabGroupTest < ActionView::TestCase
       n.tab 'Profile', url: '#profile', selector: 'profile'
       n.tab 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = '<ul class="nav nav-tabs"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
 
     assert_equal expected, actual
   end
@@ -43,7 +43,7 @@ class TabGroupTest < ActionView::TestCase
       n.tab 'Profile', url: '#profile', selector: 'profile', label: 16
       n.tab 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = '<ul class="nav nav-tabs justify-content-end"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav nav-tabs justify-content-end\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
 
     assert_equal expected, actual
   end
@@ -54,7 +54,7 @@ class TabGroupTest < ActionView::TestCase
       n.tab 'Profile', url: '#profile', selector: 'profile', label: 16
       n.tab 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = '<ul class="nav nav-tabs"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
+    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
 
     assert_equal expected, actual
   end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ui_bibz
 version: !ruby/object:Gem::Version
-  version: 3.0.0.alpha3
+  version: 3.0.0.alpha5
 platform: ruby
 authors:
 - Thooams
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-10-16 00:00:00.000000000 Z
+date: 2020-10-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -357,7 +357,6 @@ files:
 - lib/ui_bibz/ui/core/forms/selects/abstract_select.rb
 - lib/ui_bibz/ui/core/forms/selects/dropdown_select_field.rb
 - lib/ui_bibz/ui/core/forms/selects/multi_column_field.rb
-- lib/ui_bibz/ui/core/forms/selects/multi_select_field.rb
 - lib/ui_bibz/ui/core/forms/selects/select_field.rb
 - lib/ui_bibz/ui/core/forms/surrounds/components/surround_addon.rb
 - lib/ui_bibz/ui/core/forms/surrounds/components/surround_button.rb
@@ -450,7 +449,6 @@ files:
 - lib/ui_bibz/utils/glyph_changer.rb
 - lib/ui_bibz/utils/internationalization.rb
 - lib/ui_bibz/utils/screwdriver.rb
-- package.json
 - structure.md
 - test/dummy/README.rdoc
 - test/dummy/Rakefile
@@ -541,7 +539,6 @@ files:
 - test/ui/core/forms/numbers/number_field_test.rb
 - test/ui/core/forms/numbers/range_field_test.rb
 - test/ui/core/forms/numbers/slider_field_test.rb
-- test/ui/core/forms/selects/dropdown_select_field_test.rb
 - test/ui/core/forms/selects/multi_column_field_test.rb
 - test/ui/core/forms/selects/multi_select_field_test.rb
 - test/ui/core/forms/selects/select_field_test.rb
@@ -752,7 +749,6 @@ test_files:
 - test/ui/core/forms/numbers/number_field_test.rb
 - test/ui/core/forms/numbers/range_field_test.rb
 - test/ui/core/forms/numbers/slider_field_test.rb
-- test/ui/core/forms/selects/dropdown_select_field_test.rb
 - test/ui/core/forms/selects/multi_column_field_test.rb
 - test/ui/core/forms/selects/multi_select_field_test.rb
 - test/ui/core/forms/selects/select_field_test.rb

data/lib/ui_bibz/ui/core/forms/selects/multi_select_field.rb

@@ -1,122 +0,0 @@
-# frozen_string_literal: true
-
-module UiBibz::Ui::Core::Forms::Selects
-  # Create a MultiSelectField
-  #
-  # This element is an extend of UiBibz::Ui::Core::Forms::Buttons::Button
-  # source : http://loudev.com/
-  #
-  # ==== Attributes
-  #
-  # * +content+ - Content of element
-  # * +options+ - Options of element
-  # * +html_options+ - Html Options of element
-  #
-  # ==== Options
-  #
-  # You can add HTML attributes using the +html_options+.
-  # You can pass arguments in options attribute:
-  # * +option_tags+ - Array, Object [required]
-  # * +clickable_opt_group+ - Boolean
-  # * +collapsible_opt_group+ - Boolean
-  # * +searchable+ - Boolean
-  # * +select_all_option+ - Boolean
-  # * +append+ - String, Html
-  # * +prepend+ - String, Html
-  # * +connect+ - Hash
-  #   * +event+ - String
-  #   * +mode+ - String
-  #   * +target+ - Hash
-  #     * +selector+ - String
-  #     * +data+ - Array
-  #     * +url+ - String
-  #
-  # ==== Signatures
-  #
-  #   UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new(content, options = {}, html_options = {}).render
-  #
-  #   UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new(options = {}, html_options = {}) do
-  #     content
-  #   end.render
-  #
-  # ==== Examples
-  #
-  #   UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('fruits', { option_tags: list_of_fruits, searchable: true }, { class: 'test' })
-  #
-  #   UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new({ option_tags: list_of_fruits, select_all_option: true }, { class: 'test' }) do
-  #     'fruits'
-  #   end
-  #
-  # ==== Helper
-  #
-  #   multi_select_field(content, options = {}, html_options = {})
-  #
-  class MultiSelectField < UiBibz::Ui::Core::Forms::Selects::AbstractSelect
-    # See UiBibz::Ui::Core::Forms::Buttons::Button.initialize
-
-    private
-
-    def component_html_options
-      super.merge({
-                    multiple: true,
-                    disabled: options[:state] == :disabled,
-                    include_blank: false,
-                    prompt: false
-                  })
-    end
-
-    def component_html_classes
-      super << [size, type, status, button_outline, 'multi-select-field']
-    end
-
-    def component_html_data
-      super
-      clickable_opt_group
-      collapsible_opt_group
-      searchable
-      select_all_options
-      number_displayed
-    end
-
-    def clickable_opt_group
-      add_html_data('enable_clickable_opt_groups') if options[:clickable_opt_group]
-    end
-
-    def collapsible_opt_group
-      add_html_data('enable_collapsible_opt_groups') if options[:collapsible_opt_group]
-    end
-
-    def searchable
-      add_html_data('enable_filtering') if options[:searchable]
-    end
-
-    def number_displayed
-      add_html_data('number_displayed') if options[:number_displayed]
-    end
-
-    def select_all_options
-      add_html_data('include_select_all_option') if options[:select_all_options]
-    end
-
-    def status
-      options[:status].nil? ? 'btn-secondary' : "btn-#{options[:status]}"
-    end
-
-    def type
-      'btn-block' if options[:type] == :block
-    end
-
-    # :lg, :sm or :xs
-    def size
-      "btn-#{options[:size]}" if options[:size]
-    end
-
-    def button_outline
-      ['btn', outline, @status || :secondary].compact.join('-')
-    end
-
-    def outline
-      'outline' if @options[:outline]
-    end
-  end
-end

data/package.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": {
-    "ui-bibz-js": "file:/home/thomas/Apps/ui-bibz-js"
-  }
-}

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

@@ -1,84 +0,0 @@
-# frozen_string_literal: true
-
-require 'test_helper'
-
-class DropdownSelectFieldTest < ActionView::TestCase
-  test 'dropdown_select_field' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', options_tags: options).render
-    expected = '<select name="test" id="test" data-style="btn-secondary" class="dropdown-select-field"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field searchable' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, searchable: true }).render
-    expected = '<select name="test" id="test" data-live-search="true" data-style="btn-secondary" class="dropdown-select-field"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field max_options' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, max_options: 2 }).render
-    expected = '<select name="test" id="test" data-max-options="2" data-style="btn-secondary" class="dropdown-select-field"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field selected_text_format' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, selected_text_format: 'count > x' }).render
-    expected = '<select name="test" id="test" data-selected-text-format="count &gt; x" data-style="btn-secondary" class="dropdown-select-field"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field menu_size' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, menu_size: 2 }).render
-    expected = '<select name="test" id="test" data-size="2" data-style="btn-secondary" class="dropdown-select-field"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field actions_box' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, actions_box: true }).render
-    expected = '<select name="test" id="test" data-style="btn-secondary" data-actions-box="true" class="dropdown-select-field"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field show_tick' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, show_tick: true }).render
-    expected = '<select name="test" id="test" data-style="btn-secondary" class="dropdown-select-field show-tick"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field show_menu_arrow' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, show_menu_arrow: true }).render
-    expected = '<select name="test" id="test" data-style="btn-secondary" class="dropdown-select-field"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field dropup' do
-    options = options_for_select(Array.new(2) { |i| "option #{i}" })
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, dropup: true }).render
-    expected = '<select name="test" id="test" data-style="btn-secondary" class="dropdown-select-field dropup"></select>'
-
-    assert_equal expected, actual
-  end
-
-  test 'dropdown_select_field refresh' do
-    actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { refresh: { mode: 'local', target: { data: [] } } }).render
-    expected = '<div class="field-refresh input-group ui_surround_field"><select name="test" id="test" data-style="btn-secondary" class="dropdown-select-field"></select><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-secondary ui-bibz-connect btn input-refresh-button"><i class="glyph fas fa-sync-alt"></i> </span></div>'
-
-    assert_equal expected, actual
-  end
-end