ui_bibz 3.0.0.alpha5 → 3.0.0.alpha6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: daf6fae8ebb33a996aababffe959f600d9cce3c84554a9574d54f8623bc12d8e
-  data.tar.gz: 5f3aa30344b85d267698918a1dc63bbbc8a220fef61395e5f9ca141666175c82
+  metadata.gz: 38589277f9143465e38e93374fe2a2c2b5c98b6c419b817e71807258dd694d11
+  data.tar.gz: '087b07e3cecf23f9eace93ff8cab21324cbcbfaf30f7f26d1cf5af229a85c45a'
 SHA512:
-  metadata.gz: b9fecae8a62e153525d66d32626d01be6cb28ae0fb777ccc99ff14fabcbf3cb802c84c6095acef8da1232b2d02508e7199d28102b12dae75f09a7d7acd1e5482
-  data.tar.gz: 4c20b4a4117f93a2539a6121b6b86471585c10eac3df4aeaf51c0521224a1ffa70de65447559413b5ab2503f3cab07027a497ddf7f253d2c90012d43362a24ba
+  metadata.gz: 0116b98a6962813164b842c69424c368ab0dfb4425b05259c6b16b93d2067712a642182d4ec1147932cc6880c34fe29e2b7acfc84d2b5f7ef96d064d20bf4a5b
+  data.tar.gz: c54954c90ca0d394ead85a12f7ab2b353c860fa8d93c9b73bc82e7735cc9a23c9ec8e2cdd699d4d7b00fd2db0c84751c5cb22b381bf018122acafcd28be56183

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ui_bibz (3.0.0.alpha5)
+    ui_bibz (3.0.0.alpha6)
       rails (~> 6.0.3, >= 6.0.3.2)
       will-paginate-i18n
       will_paginate (~> 3.1.0)
@@ -159,13 +159,13 @@ GEM
     rake (13.0.1)
     regexp_parser (1.8.2)
     rexml (3.2.4)
-    rubocop (1.0.0)
+    rubocop (1.1.0)
       parallel (~> 1.10)
       parser (>= 2.7.1.5)
       rainbow (>= 2.2.2, < 4.0)
       regexp_parser (>= 1.8)
       rexml
-      rubocop-ast (>= 0.6.0)
+      rubocop-ast (>= 1.0.1)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 1.4.0, < 2.0)
     rubocop-ast (1.1.0)

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.alpha5'
+  VERSION             = '3.0.0.alpha6'
   AUTHORS = ['Thooams'].freeze
 end

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

@@ -4,7 +4,7 @@ module UiBibzInputs
   class UiCheckboxFieldInput < BaseInput
     include UiBibz::Ui::Core::Forms::Choices
 
-    def label
+    def label(_wrapper_options)
       false
     end
 

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

@@ -16,7 +16,7 @@ module UiBibz::Ui::Core::Forms::Buttons
   # 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+)
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
   # * +size+
   #   (+:xs+, +:sm+, +:lg+)
   # * +outline+ - Boolean

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

@@ -70,7 +70,7 @@ module UiBibz::Ui::Core::Forms::Choices
         disabled: disabled?,
         indeterminate: options[:indeterminate],
         "data-action": options[:action],
-        class: 'form-check-input'
+        class: UiBibz::Utils::Screwdriver.join_classes('form-check-input', input_status)
       }.tap do |html|
         html[:id] = html_options[:id] if html_options[:id]
       end
@@ -95,6 +95,12 @@ module UiBibz::Ui::Core::Forms::Choices
       super << component_wrapper_html_classes
     end
 
+    def input_status
+      "form-check-input-#{options[:status]}" if options[:status]
+    end
+
+    def status; end
+
     def inline
       'form-check-inline' if options[:inline]
     end

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

@@ -67,7 +67,7 @@ module UiBibz::Ui::Core::Forms::Choices
       {
         disabled: options[:state] == :disabled,
         "data-action": options[:action],
-        class: 'form-check-input'
+        class: UiBibz::Utils::Screwdriver.join_classes('form-check-input', input_status)
       }
     end
 
@@ -79,6 +79,12 @@ module UiBibz::Ui::Core::Forms::Choices
       super << component_wrapper_html_classes
     end
 
+    def status; end
+
+    def input_status
+      "form-check-input-#{options[:status]}" if options[:status]
+    end
+
     def inline
       'form-check-inline' if options[:inline]
     end

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

@@ -43,6 +43,10 @@ module UiBibz::Ui::Core::Forms::Choices
   class SwitchField < UiBibz::Ui::Core::Forms::Choices::CheckboxField
     private
 
+    def component_options
+      { boolean: true }
+    end
+
     def component_html_classes
       ['form-check', 'form-switch', inline]
     end

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

@@ -29,7 +29,7 @@ module UiBibz::Ui::Core::Forms::Dropdowns
   # * +html_button+ - Hash
   # * +position+ - Symbol
   #   (+:up+, +:right+, +:down+, +:left+)
-  # * +alignement+ - Symbol
+  # * +alignment+ - Symbol
   #   (+:right)
   #
   # ==== Signatures
@@ -124,15 +124,15 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     end
 
     def ul_html
-      content_tag :div, @items.join.html_safe, class: join_classes('dropdown-menu', theme, alignement, open), 'arial-labelledby' => id
+      content_tag :div, @items.join.html_safe, class: join_classes('dropdown-menu', theme, alignment, open), 'arial-labelledby' => id
     end
 
     def dropdown_tag
       options[:tag] || :button
     end
 
-    def alignement
-      "dropdown-menu-#{@options[:alignement]}" unless @options[:alignement].nil?
+    def alignment
+      "dropdown-menu-#{@options[:alignment]}" unless @options[:alignment].nil?
     end
 
     def position
@@ -148,7 +148,7 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     end
 
     def inline
-      'btn-group' if @options[:inline] || @options[:alignement]
+      'btn-group' if @options[:inline] || @options[:alignment]
     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', position, alignement, open, inline, keep_open]
+      ['btn-group', position, alignment, open, inline, keep_open]
     end
 
     def button_html

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

@@ -20,6 +20,12 @@ module UiBibz::Ui::Core::Forms::Numbers
   # * +step+ - [Float, Integer]
   # * +in+ - Array
   # * +within+ - Array
+  # * +status+ - status of element with symbol value:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
+  # * +thumb_status+ - status of the thumb:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
+  # * +track_status+ - status of track:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
   #
   # ==== Signatures
   #
@@ -75,7 +81,19 @@ module UiBibz::Ui::Core::Forms::Numbers
     end
 
     def component_html_classes
-      'form-range'
+      ['form-range', status, thumb_status, track_status]
+    end
+
+    def status
+      "form-range-#{options[:status]}" if options[:status]
+    end
+
+    def thumb_status
+      "form-range-thumb-#{options[:thumb_status]}" if options[:thumb_status]
+    end
+
+    def track_status
+      "form-range-track-#{options[:track_status]}" if options[:track_status]
     end
 
     def option_label(value)

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

@@ -20,6 +20,10 @@ module UiBibz::Ui::Core::Forms::Numbers
   # * +step+ - [Float, Integer]
   # * +in+ - Array
   # * +within+ - Array
+  # * +status+ - status of element with symbol value:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
+  # * +track_status+ - status of track:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
   #
   # ==== Signatures
   #
@@ -114,13 +118,21 @@ module UiBibz::Ui::Core::Forms::Numbers
     end
 
     def component_html_classes
-      ['slider', ('disabled' if disabled)]
+      ['slider', status, track_status, ('disabled' if disabled)]
     end
 
     def disabled
       'disabled' if options[:state] == :disabled || html_options[:disabled]
     end
 
+    def status
+      "slider-#{options[:status]}" if options[:status]
+    end
+
+    def track_status
+      "slider-track-#{options[:track_status]}" if options[:track_status]
+    end
+
     def range_name(suffix)
       if content.end_with?(']')
         content.dup.insert(-2, suffix)

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

@@ -59,7 +59,7 @@ module UiBibz::Ui::Core::Forms::Numbers
 
     def header_max
       content_tag :div, class: 'slider-header-max' do
-        concat content_tag :label, options[:label_max] || 'max: '
+        concat content_tag :label, options[:label_max] || 'Max: '
         concat content_tag :span, options[:thumb_max], "data-unit": options[:unit] || options[:unit_max]
       end
     end

data/lib/ui_bibz/ui/core/forms/surrounds/surround_field.rb

@@ -29,10 +29,8 @@ module UiBibz::Ui::Core::Forms::Surrounds
   #
   # ==== Signatures
   #
-  #   UiBibz::Ui::Core::Forms::Texts::TextField.new(content, options = {}, html_options = {}).render
-  #
-  #   UiBibz::Ui::Core::Forms::Texts::TextField.new(options = {}, html_options = {}) do
-  #     content
+  #   UiBibz::Ui::Core::Forms::Surrounds::Surround.new(options = {}, html_options = {}) do |s|
+  #     s.
   #   end.render
   #
   # ==== Examples
@@ -118,6 +116,7 @@ module UiBibz::Ui::Core::Forms::Surrounds
     end
 
     def dropdown_select_field(content = nil, options = nil, html_options = nil, &block)
+      html_options = (html_options || {}).merge("data-wrapper-classes": 'input-group-btn')
       @items << UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new(content, options, html_options, &block).render
     end
 
@@ -125,10 +124,6 @@ module UiBibz::Ui::Core::Forms::Surrounds
       @items << UiBibz::Ui::Core::Forms::Selects::SelectField.new(content, options, html_options, &block).render
     end
 
-    def multi_select_field(content = nil, options = nil, html_options = nil, &block)
-      @items << UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new(content, options, html_options, &block).render
-    end
-
     def auto_complete_field(content = nil, options = nil, html_options = nil, &block)
       @items << UiBibz::Ui::Core::Forms::Texts::AutoCompleteField.new(content, options, html_options, &block).render
     end

data/lib/ui_bibz/ui/core/windows/modal.rb

@@ -88,7 +88,7 @@ module UiBibz::Ui::Core::Windows
     private
 
     def modal_dialog_classes
-      UiBibz::Utils::Screwdriver.join_classes('modal-dialog', size, position, scrollable)
+      UiBibz::Utils::Screwdriver.join_classes('modal-dialog', fullscreen_size, size, position, scrollable)
     end
 
     def component_html_classes
@@ -105,10 +105,14 @@ module UiBibz::Ui::Core::Windows
     end
 
     # :xl, :lg, :sm or :xs
-    def size
+    def fullscreen_size
       [modal, fullscreen, @options[:size], down].compact.join('-')
     end
 
+    def size
+      [modal, @options[:size]].compact.join('-') if @options[:size]
+    end
+
     def fullscreen
       'fullscreen' if @options[:fullscreen]
     end

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

@@ -13,8 +13,11 @@ module GlyphExtension
   # Render glyph with space html
   def glyph_with_space
     out = [glyph]
-    out << ' ' if options[:text] != false
-    out << content_tag(:span, ' ', class: 'empty-space') if options[:text] == false
+    out << if options[:text] == false
+             content_tag(:span, ' ', class: 'empty-space')
+           else
+             ' '
+           end
     out.join unless glyph.nil?
   end
 
@@ -22,10 +25,9 @@ module GlyphExtension
   def glyph
     options[:content] = content if options[:text] == false
 
-    glyph_options = case options[:glyph]
-                    when Hash
+    glyph_options = if options[:glyph].is_a?(Hash)
                       options[:glyph]
-                    when String
+                    elsif options[:glyph]
                       { name: options[:glyph] }
                     else
                       {}

data/lib/ui_bibz/ui/ux/containers/components/panel_header.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require 'ui_bibz/ui/ux/containers/components/panel_tab_group'
+require 'ui_bibz/ui/ux/containers/components/panel_header_title'
 module UiBibz::Ui::Ux::Containers::Components
   # Create a panel header
   #
@@ -42,8 +43,8 @@ module UiBibz::Ui::Ux::Containers::Components
       end
     end
 
-    def title(text)
-      @content = content_tag :div, text, class: 'panel-title'
+    def title(content = nil, options = nil, html_options = nil, &block)
+      @content = PanelHeaderTitle.new(content, options, html_options, &block).render
     end
 
     def actions(content = nil, options = nil, html_options = nil, &block)

data/lib/ui_bibz/ui/ux/containers/components/panel_header_title.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module UiBibz::Ui::Ux::Containers::Components
+  # Create a panel header
+  #
+  # ==== 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:
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Boxes::PanelHeader.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::Boxes::CarHeader.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Boxes::PanelHeader.new.render
+  #
+  #   UiBibz::Ui::Core::Boxes::PanelHeader.new do
+  #     'Exemple'
+  #   end.render
+  #
+  class PanelHeaderTitle < UiBibz::Ui::Core::Component
+    # See UiBibz::Ui::Core::Component.initialize
+
+    # Render html tag
+    def pre_render
+      content_tag :div, @content, html_options
+    end
+
+    private
+
+    def component_html_classes
+      'panel-title'
+    end
+  end
+end

data/lib/ui_bibz/utils/breakdown_class_name_generator.rb

@@ -12,6 +12,8 @@ module UiBibz::Utils
       @klass_name = klass_name
     end
 
+    # Possible options
+    # 3 or md: 3 or md: { num: 3 }, xs: { num: 4 }
     def class_names
       return @klass_name unless col_options?
 
@@ -19,9 +21,9 @@ module UiBibz::Utils
       @options.each do |key, value|
         kl << write_classes(key.to_sym, value) if BREAKPOINTS.include?(key.to_sym)
       end
-      kl << write_classes(nil, @options) if kl.empty? || @options.key?('num')
+      kl << write_classes(nil, @options)
 
-      kl
+      kl.delete_if(&:blank?)
     end
 
     private
@@ -30,11 +32,17 @@ module UiBibz::Utils
       (@options.keys.map(&:to_sym) & PARAMETERS).present?
     end
 
+    # md: 8 or md: { num: 3}, xs: { num: 4 }
     def write_classes(size, opts)
-      @position = opts[:position]
-      opts.map do |k, v|
-        send(k, size, v) if POSITIONING.include?(k.to_sym)
-      end.compact.join(' ')
+      if opts.is_a?(Hash)
+        @position = opts[:position]
+
+        opts.map do |k, v|
+          send(k, size, v) if POSITIONING.include?(k.to_sym)
+        end.compact.join(' ')
+      else
+        send('num', size, opts)
+      end
     end
 
     # col-md-9

data/lib/ui_bibz/utils/internationalization.rb

@@ -12,7 +12,7 @@ module UiBibz::Utils
     end
 
     def translate
-      I18n.t(@translation, options_with_default)
+      I18n.t(@translation, **options_with_default)
     end
 
     private

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

@@ -4,8 +4,8 @@ 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>"
+    actual = UiBibz::Ui::Core::Forms::Choices::CheckboxField.new('John', { value: 1, status: :primary }).render
+    expected = "<div class=\"form-check\"><input type=\"checkbox\" name=\"John\" id=\"John\" value=\"1\" class=\"form-check-input form-check-input-primary\" /><label class=\"form-check-label\" for=\"John\">John</label></div>"
 
     assert_equal expected, actual
   end

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

@@ -5,7 +5,7 @@ require 'test_helper'
 class RadioFieldTest < ActionView::TestCase
   test 'radio_field' do
     actual = UiBibz::Ui::Core::Forms::Choices::RadioField.new('John', { value: 1, status: :primary, type: :square }).render
-    expected = "<div class=\"form-check\"><input type=\"radio\" name=\"John\" id=\"John_1\" value=\"1\" class=\"form-check-input\" /><label class=\"form-check-label\" for=\"John_1\">John</label></div>"
+    expected = "<div class=\"form-check\"><input type=\"radio\" name=\"John\" id=\"John_1\" value=\"1\" class=\"form-check-input form-check-input-primary\" /><label class=\"form-check-label\" for=\"John_1\">John</label></div>"
 
     assert_equal expected, actual
   end

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

@@ -32,7 +32,7 @@ class DropdownTest < ActionView::TestCase
   end
 
   test 'Dropdown options' do
-    actual = UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new('Dropdown', position: :up, alignement: :right, status: :success, glyph: 'diamond').tap do |d|
+    actual = UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new('Dropdown', position: :up, alignment: :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'

data/test/ui/core/forms/numbers/range_field_test.rb

@@ -37,4 +37,18 @@ class RangeFieldTest < ActionView::TestCase
 
     assert_equal expected, actual.render
   end
+
+  test "range status" do
+    actual = UiBibz::Ui::Core::Forms::Numbers::RangeField.new('myrange', value: 2, max: 3, status: :sucesss).render
+    expected = "<input type=\"range\" name=\"myrange\" id=\"myrange\" value=\"2\" class=\"form-range-sucesss form-range\" max=\"3\" />"
+
+    assert_equal expected, actual
+  end
+
+  test "range thumb and track status" do
+    actual = UiBibz::Ui::Core::Forms::Numbers::RangeField.new('myrange', value: 2, max: 3, thumb_status: :sucesss, track_status: :dark).render
+    expected = "<input type=\"range\" name=\"myrange\" id=\"myrange\" value=\"2\" class=\"form-range form-range-thumb-sucesss form-range-track-dark\" max=\"3\" />"
+
+    assert_equal expected, actual
+  end
 end

data/test/ui/core/forms/numbers/slider_field_test.rb

@@ -11,8 +11,8 @@ class SliderFieldTest < ActionView::TestCase
   end
 
   test 'slider field with options' do
-    actual = UiBibz::Ui::Core::Forms::Numbers::SliderField.new('myrange', thumb_max: 2, thumb_min: -7, min: -9, max: 6, step: 2, input_name_max: "price_max", input_name_min: "price_min").render
-    expected = "<div class=\"slider\" min=\"-9\" max=\"6\" step=\"2\"><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: 13%; right: 26%\"></div><div class=\"slider-thumb slider-thumb-left\" style=\"left: 13%\"></div><div class=\"slider-thumb slider-thumb-right\" style=\"left: 74%\"></div></div><input type=\"range\" name=\"price_min\" id=\"price_min\" value=\"-7\" max=\"6\" min=\"-9\" step=\"2\" /><input type=\"range\" name=\"price_max\" id=\"price_max\" value=\"2\" max=\"6\" min=\"-9\" step=\"2\" /></div>"
+    actual = UiBibz::Ui::Core::Forms::Numbers::SliderField.new('myrange', status: :secondary, track_status: :dark, thumb_max: 2, thumb_min: -7, min: -9, max: 6, step: 2, input_name_max: "price_max", input_name_min: "price_min").render
+    expected = "<div class=\"slider-secondary slider slider-track-dark\" min=\"-9\" max=\"6\" step=\"2\"><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: 13%; right: 26%\"></div><div class=\"slider-thumb slider-thumb-left\" style=\"left: 13%\"></div><div class=\"slider-thumb slider-thumb-right\" style=\"left: 74%\"></div></div><input type=\"range\" name=\"price_min\" id=\"price_min\" value=\"-7\" max=\"6\" min=\"-9\" step=\"2\" /><input type=\"range\" name=\"price_max\" id=\"price_max\" value=\"2\" max=\"6\" min=\"-9\" step=\"2\" /></div>"
 
     assert_equal expected, actual
   end

data/test/ui/core/forms/surrounds/surround_field_test.rb

@@ -67,4 +67,28 @@ class SurroundFieldTest < ActionView::TestCase
 
     assert_equal expected, actual
   end
+
+  test "surround with all fields" do
+    actual = UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new.tap do |sf|
+      sf.glyph 'gem'
+      sf.addon "test"
+      sf.button "button"
+      sf.button_group do |bg|
+        bg.button "test"
+      end
+      sf.button_link "link", url: "#"
+      sf.checkbox_field :check
+      sf.radio_field :radio
+      sf.text_field :text
+      sf.date_picker_field :date
+      sf.dropdown_select_field :dropdown_select
+      sf.select_field :select
+      sf.auto_complete_field :auto
+      sf.button_refresh
+    end.render
+
+    expected = "<div class=\"input-group ui_surround_field\"><span class=\"input-group-text\"><i class=\"glyph fas fa-gem\"></i></span><span class=\"input-group-text\">test</span><div class=\"input-group-btn\"><button class=\"btn-secondary btn\">button</button></div><div class=\"input-group-btn\" role=\"group\"><button class=\"btn-secondary btn\">test</button></div><div class=\"input-group-btn\"><a class=\"btn-secondary btn\" role=\"button\" href=\"#\">link</a></div><div class=\"input-group-text\" label=\"false\"><input type=\"checkbox\" name=\"check\" id=\"check\" value=\"1\" class=\"form-check-input\" /><label class=\"form-check-label\" for=\"check\">check</label></div><div class=\"input-group-text\" label=\"false\"><input type=\"radio\" name=\"radio\" id=\"radio_\" class=\"form-check-input\" /><label class=\"form-check-label\" for=\"radio_\">radio</label></div><input type=\"text\" name=\"text\" id=\"text\" class=\"form-control\" /><input type=\"text\" name=\"date\" id=\"date\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"yyyy-mm-dd\" data-date-today-btn=\"linked\" data-date-toggle-active=\"true\" class=\"date_picker form-control\" /><select name=\"dropdown_select\" id=\"dropdown_select\" data-wrapper-classes=\"input-group-btn\" class=\"btn-secondary multi-select-field\"></select><select name=\"select\" id=\"select\" class=\"select-field form-control form-select\"></select><input type=\"text\" name=\"auto\" id=\"auto\" class=\"form-control auto-complete-field\" autocomplete=\"true\" list=\"auto-datalist\" /><datalist id=\"auto-datalist\"></datalist><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-secondary ui-bibz-connect btn input-refresh-button\"><i class=\"glyph fas fa-sync-alt\"></i> </span></div>"
+
+    assert_equal expected, actual
+  end
 end

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

@@ -3,16 +3,14 @@
 require 'test_helper'
 class NavbarTest < ActionView::TestCase
   test 'Navbar' do
-    actual = UiBibz::Ui::Core::Navigations::Navbar.new.tap do |nb|
-    end
+    actual = UiBibz::Ui::Core::Navigations::Navbar.new
     expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><div class=\"container\"><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}\"></div></div></nav>"
 
     assert_equal expected, actual.render
   end
 
   test 'Navbar with options' do
-    actual = UiBibz::Ui::Core::Navigations::Navbar.new(title: 'Brand', expand_size: :xs, status: :primary, position: :top, brand_position: :right).tap do |nb|
-    end
+    actual = UiBibz::Ui::Core::Navigations::Navbar.new(title: 'Brand', expand_size: :xs, status: :primary, position: :top, brand_position: :right)
     expected = "<nav class=\"bg-primary navbar navbar-light fixed-top navbar-expand-xs\"><div class=\"container\"><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><span class=\"navbar-brand\">Brand</span><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"></div></div></nav>"
 
     assert_equal expected, actual.render

data/test/ui/utils/breakdown_class_name_generator_test.rb

@@ -57,4 +57,18 @@ class BreakdownClassNameGeneratorTest < ActionView::TestCase
 
     assert_equal expected, actual
   end
+
+  test "name generator with order" do
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new(md: { num: 2 }, order: 2).class_names
+    expected = %w[col-md-2 order-2]
+
+    assert_equal expected, actual
+  end
+
+  test "name generator with md: 8" do
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new(md: 8).class_names
+    expected = ["col-md-8"]
+
+    assert_equal expected, actual
+  end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ui_bibz
 version: !ruby/object:Gem::Version
-  version: 3.0.0.alpha5
+  version: 3.0.0.alpha6
 platform: ruby
 authors:
 - Thooams
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-10-29 00:00:00.000000000 Z
+date: 2020-11-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -427,6 +427,7 @@ files:
 - lib/ui_bibz/ui/ux/containers/components/panel_footer.rb
 - lib/ui_bibz/ui/ux/containers/components/panel_group.rb
 - lib/ui_bibz/ui/ux/containers/components/panel_header.rb
+- lib/ui_bibz/ui/ux/containers/components/panel_header_title.rb
 - lib/ui_bibz/ui/ux/containers/components/panel_tab_group.rb
 - lib/ui_bibz/ui/ux/containers/components/panel_toolbar.rb
 - lib/ui_bibz/ui/ux/containers/panel.rb