ui_bibz 2.0.0.alpha14 → 2.0.0.alpha15

data/test/ui/button_test.rb

@@ -4,15 +4,15 @@ include UiBibz::Helpers
 class ButtonTest < ActionView::TestCase
 
   test "button" do
-    actual   = UiBibz::Ui::Core::Button.new('state', status: :success).render
+    actual   = UiBibz::Ui::Core::Buttons::Button.new('state', status: :success).render
     expected = "<button class=\"btn-success btn\">state</button>"
 
     assert_equal expected, actual
   end
 
   test 'button group' do
-    actual = UiBibz::Ui::Core::ButtonGroup.new position: :vertical do
-      UiBibz::Ui::Core::Button.new('state').render
+    actual = UiBibz::Ui::Core::Buttons::ButtonGroup.new position: :vertical do
+      UiBibz::Ui::Core::Buttons::Button.new('state').render
     end.render
     expected = "<div data-toggle=\"buttons\" class=\"btn-group btn-group-vertical\" role=\"group\"><button class=\"btn-primary btn\">state</button></div>"
 
@@ -20,37 +20,37 @@ class ButtonTest < ActionView::TestCase
   end
 
   test 'link button' do
-    actual   = UiBibz::Ui::Core::ButtonLink.new('state', { url: users_path, status: :danger, glyph: 'add'}).render
+    actual   = UiBibz::Ui::Core::Buttons::ButtonLink.new('state', { url: users_path, status: :danger, glyph: 'add'}).render
     expected = "<a class=\"btn-danger btn\" href=\"/users\"><i class=\"glyph fa fa-add\"></i> state</a>"
 
     assert_equal expected, actual
   end
 
   test 'button outline' do
-    actual   = UiBibz::Ui::Core::Button.new('state', status: :success, outline: true).render
+    actual   = UiBibz::Ui::Core::Buttons::Button.new('state', status: :success, outline: true).render
     expected = "<button class=\"btn-success-outline btn\">state</button>"
 
     assert_equal expected, actual
   end
 
   test 'checkbox button checked' do
-    actual   = UiBibz::Ui::Core::ButtonChoice.new('state', { state: :active }).render
+    actual   = UiBibz::Ui::Core::Buttons::ButtonChoice.new('state', { state: :active }).render
     expected = "<label class=\"active btn-primary btn\"><input type=\"checkbox\" autocomplete=\"off\" checked=\"checked\" />state</label>"
 
     assert_equal expected, actual
   end
 
   test 'checkbox button non checked' do
-    actual   = UiBibz::Ui::Core::ButtonChoice.new('state', { name: 'state', id: 'state', input_html_options: { class: 'state'}}).render
+    actual   = UiBibz::Ui::Core::Buttons::ButtonChoice.new('state', { name: 'state', id: 'state', input_html_options: { class: 'state'}}).render
     expected = "<label class=\"btn-primary btn\"><input type=\"checkbox\" autocomplete=\"off\" name=\"state\" id=\"state\" class=\"state\" />state</label>"
 
     assert_equal expected, actual
   end
 
   test 'button group choice checkbox' do
-    actual = UiBibz::Ui::Core::ButtonGroup.new do
-      concat UiBibz::Ui::Core::ButtonChoice.new('state1').render
-      concat UiBibz::Ui::Core::ButtonChoice.new('state2').render
+    actual = UiBibz::Ui::Core::Buttons::ButtonGroup.new do
+      concat UiBibz::Ui::Core::Buttons::ButtonChoice.new('state1').render
+      concat UiBibz::Ui::Core::Buttons::ButtonChoice.new('state2').render
     end.render
     expected = "<div data-toggle=\"buttons\" class=\"btn-group\" role=\"group\"><label class=\"btn-primary btn\"><input type=\"checkbox\" autocomplete=\"off\" />state1</label><label class=\"btn-primary btn\"><input type=\"checkbox\" autocomplete=\"off\" />state2</label></div>"
 
@@ -58,9 +58,9 @@ class ButtonTest < ActionView::TestCase
   end
 
   test 'button group choice radio' do
-    actual = UiBibz::Ui::Core::ButtonGroup.new do
-      concat UiBibz::Ui::Core::ButtonChoice.new('state1', type: :radio).render
-      concat UiBibz::Ui::Core::ButtonChoice.new('state2', type: :radio).render
+    actual = UiBibz::Ui::Core::Buttons::ButtonGroup.new do
+      concat UiBibz::Ui::Core::Buttons::ButtonChoice.new('state1', type: :radio).render
+      concat UiBibz::Ui::Core::Buttons::ButtonChoice.new('state2', type: :radio).render
     end.render
     expected = "<div data-toggle=\"buttons\" class=\"btn-group\" role=\"group\"><label class=\"btn-primary btn\"><input type=\"radio\" autocomplete=\"off\" />state1</label><label class=\"btn-primary btn\"><input type=\"radio\" autocomplete=\"off\" />state2</label></div>"
 
@@ -68,7 +68,7 @@ class ButtonTest < ActionView::TestCase
   end
 
   test 'button dropdown' do
-      actual = UiBibz::Ui::Core::ButtonDropdown.new("Dropdown", type: :dropup, status: :success).tap do |d|
+      actual = UiBibz::Ui::Core::Buttons::ButtonDropdown.new("Dropdown", type: :dropup, status: :success).tap do |d|
       d.link 'state'
       d.header 'header'
       d.link 'momo'
@@ -81,7 +81,7 @@ class ButtonTest < ActionView::TestCase
   end
 
   test 'button split dropdown' do
-      actual = UiBibz::Ui::Core::ButtonSplitDropdown.new("Dropdown", type: :dropup, status: :primary).tap do |d|
+      actual = UiBibz::Ui::Core::Buttons::ButtonSplitDropdown.new("Dropdown", type: :dropup, status: :primary).tap do |d|
       d.link 'state'
       d.header 'header'
       d.link 'momo'

data/test/ui/grid_test.rb

@@ -4,7 +4,7 @@ include UiBibz::Helpers
 class GridTest < ActionView::TestCase
 
   test 'row' do
-    actual = UiBibz::Ui::Core::Row.new(class: 'test') do
+    actual = UiBibz::Ui::Core::Layouts::Row.new(class: 'test') do
       'test'
     end.render
     expected = "<div class=\"test row\">test</div>"
@@ -13,14 +13,14 @@ class GridTest < ActionView::TestCase
   end
 
   test "col" do
-    actual   = UiBibz::Ui::Core::Col.new('test', { num: 1, push: 2, offset: 3, pull: 4 }, { class: 'test' }).render
+    actual   = UiBibz::Ui::Core::Layouts::Col.new('test', { num: 1, push: 2, offset: 3, pull: 4 }, { class: 'test' }).render
     expected = "<div class=\"test col-md-1 col-md-push-2 col-md-offset-3 col-md-pull-4\">test</div>"
 
     assert_equal expected, actual
   end
 
   test "col with several cols" do
-    actual   = UiBibz::Ui::Core::Col.new(md: { num: 1, push: 2, pull: 4 }, xl: { num: 6, offset: 5 }, class: 'test') do
+    actual   = UiBibz::Ui::Core::Layouts::Col.new(md: { num: 1, push: 2, pull: 4 }, xl: { num: 6, offset: 5 }, class: 'test') do
       "test"
     end.render
     expected = "<div class=\"test col-md-1 col-md-push-2 col-md-pull-4 col-xl-6 col-xl-offset-5\">test</div>"

data/test/ui/input_dropdown_select_field_test.rb

@@ -5,7 +5,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', options_tags: options).render
+      actual = UiBibz::Ui::Core::Inputs::DropdownSelectField.new('test', options_tags: options).render
       expected = "<select name=\"test\" id=\"test\" class=\"selectpicker\"></select>"
 
       assert_equal expected, actual
@@ -13,7 +13,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field searchable' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', { options_tags: options, searchable: true }).render
+      actual = UiBibz::Ui::Core::Inputs::DropdownSelectField.new('test', { options_tags: options, searchable: true }).render
       expected = "<select name=\"test\" id=\"test\" data-live-search=\"true\" class=\"selectpicker\"></select>"
 
       assert_equal expected, actual
@@ -21,7 +21,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field max_options' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', { options_tags: options, max_options: 2 }).render
+      actual = UiBibz::Ui::Core::Inputs::DropdownSelectField.new('test', { options_tags: options, max_options: 2 }).render
       expected = "<select name=\"test\" id=\"test\" data-max-options=\"2\" class=\"selectpicker\"></select>"
 
       assert_equal expected, actual
@@ -29,7 +29,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field selected_text_format' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', { options_tags: options, selected_text_format: "count > x" }).render
+      actual = UiBibz::Ui::Core::Inputs::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\" class=\"selectpicker\"></select>"
 
       assert_equal expected, actual
@@ -37,7 +37,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field menu_size' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', { options_tags: options, menu_size: 2 }).render
+      actual = UiBibz::Ui::Core::Inputs::DropdownSelectField.new('test', { options_tags: options, menu_size: 2 }).render
       expected = "<select name=\"test\" id=\"test\" data-size=\"2\" class=\"selectpicker\"></select>"
 
       assert_equal expected, actual
@@ -45,7 +45,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field actions_box' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', { options_tags: options, actions_box: true }).render
+      actual = UiBibz::Ui::Core::Inputs::DropdownSelectField.new('test', { options_tags: options, actions_box: true }).render
       expected = "<select name=\"test\" id=\"test\" data-actions-box=\"true\" class=\"selectpicker\"></select>"
 
       assert_equal expected, actual
@@ -53,7 +53,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field show_tick' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', { options_tags: options, show_tick: true }).render
+      actual = UiBibz::Ui::Core::Inputs::DropdownSelectField.new('test', { options_tags: options, show_tick: true }).render
       expected = "<select name=\"test\" id=\"test\" class=\"selectpicker show-tick\"></select>"
 
       assert_equal expected, actual
@@ -61,7 +61,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field show_menu_arrow' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', { options_tags: options, show_menu_arrow: true }).render
+      actual = UiBibz::Ui::Core::Inputs::DropdownSelectField.new('test', { options_tags: options, show_menu_arrow: true }).render
       expected = "<select name=\"test\" id=\"test\" class=\"selectpicker show-menu-arrow\"></select>"
 
       assert_equal expected, actual
@@ -69,7 +69,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
 
     test 'dropdowm_select_field dropup' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::DropdownSelectField.new('test', { options_tags: options, dropup: true }).render
+      actual = UiBibz::Ui::Core::Inputs::DropdownSelectField.new('test', { options_tags: options, dropup: true }).render
       expected = "<select name=\"test\" id=\"test\" class=\"selectpicker dropup\"></select>"
 
       assert_equal expected, actual

data/test/ui/input_switch_field_test.rb

@@ -5,7 +5,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field size' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', size: :lg).render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', size: :lg).render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-size=\"large\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -13,7 +13,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field animate' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', animate: false).render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', animate: false).render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-animate=\"false\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -21,7 +21,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field checked' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', {}, checked: true).render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', {}, checked: true).render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" checked=\"checked\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -29,7 +29,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field state' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', {}, state: "disabled").render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', {}, state: "disabled").render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" state=\"disabled\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -37,7 +37,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # NON FONCTIONNEL
     test 'switch_field readonly' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', {}, readonly: true).render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', {}, readonly: true).render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" readonly=\"readonly\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -45,7 +45,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field left_color' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', left_color: "success").render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', left_color: "success").render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-on-color=\"success\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -53,7 +53,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field right_color' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', right_color: "info").render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', right_color: "info").render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-off-color=\"info\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -61,7 +61,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field middle_text' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', middle_text: "testlabeltext").render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', middle_text: "testlabeltext").render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-label-text=\"testlabeltext\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -69,7 +69,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field left_text' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', left_text: 'testonlabel').render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', left_text: 'testonlabel').render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-on-text=\"testonlabel\" class=\"switch\" />"
 
       assert_equal expected, actual
@@ -77,7 +77,7 @@ class InputsSwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field right_text' do
-      actual = UiBibz::Ui::Core::SwitchField.new('test', right_text: "testofflabel").render
+      actual = UiBibz::Ui::Core::Inputs::SwitchField.new('test', right_text: "testofflabel").render
       expected = "<input type=\"checkbox\" name=\"test\" id=\"test\" data-off-text=\"testofflabel\" class=\"switch\" />"
 
       assert_equal expected, actual

data/test/ui/inputs_test.rb

@@ -4,22 +4,22 @@ include UiBibz::Helpers
 class InputsTest < ActionView::TestCase
 
     test "Date Picker Field" do
-      actual   = UiBibz::Ui::Core::DatePickerField.new(['date_1', 'date_2'], { append: 'a', prepend: 'b', range: 'u' }, { class: 'datepicker-test' }).render
+      actual   = UiBibz::Ui::Core::Inputs::DatePickerField.new(['date_1', 'date_2'], { append: 'a', prepend: 'b', range: 'u' }, { class: 'datepicker-test' }).render
       expected = "<div class=\"input-group input-daterange\"><span class=\"input-group-addon\">a</span><input type=\"text\" name=\"date_1\" id=\"date_1\" class=\"datepicker-test date_picker form-control\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"dd/mm/yyyy\" data-date-today-btn=\"linked\" /><span class=\"input-group-addon input-group-range\">u</span><input type=\"text\" name=\"date_2\" id=\"date_2\" class=\"datepicker-test date_picker form-control\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"dd/mm/yyyy\" data-date-today-btn=\"linked\" /><span class=\"input-group-addon\">b</span></div>"
 
       assert_equal expected, actual
     end
 
     test "Date Picker Field data html options" do
-      actual   = UiBibz::Ui::Core::DatePickerField.new('date', { date_today_highlight: true, calendar_weeks: true, autoclose: true, dates_disabled: ["11/01/2016", "12/01/2016"] }, { class: 'datepicker-test' }).render
-      expected = "<input type=\"text\" name=\"date\" id=\"date\" class=\"datepicker-test date_picker form-control\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"dd/mm/yyyy\" data-date-today-btn=\"linked\" data-date-today-highlight=\"true\" data-calendar-weeks=\"true\" data-autoclose=\"true\" data-dates-disabled=\"[&quot;11/01/2016&quot;,&quot;12/01/2016&quot;]\" />"
+      actual   = UiBibz::Ui::Core::Inputs::DatePickerField.new('date', { today_highlight: true, calendar_weeks: true, autoclose: true, dates_disabled: ["11/01/2016", "12/01/2016"] }, { class: 'datepicker-test' }).render
+      expected = "<input type=\"text\" name=\"date\" id=\"date\" class=\"datepicker-test date_picker form-control\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"dd/mm/yyyy\" data-date-today-btn=\"linked\" data-date-today-highlight=\"true\" data-date-calendar-weeks=\"true\" data-date-autoclose=\"true\" data-dates-disabled=\"[&quot;11/01/2016&quot;,&quot;12/01/2016&quot;]\" />"
 
       assert_equal expected, actual
     end
 
     test "Multi Column Field" do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual   = UiBibz::Ui::Core::MultiColumnField.new('example', option_tags: options).render
+      actual   = UiBibz::Ui::Core::Inputs::MultiColumnField.new('example', option_tags: options).render
       expected = "<select name=\"example[]\" id=\"example\" class=\"multi-column\" multiple=\"multiple\"><option value=\"option 0\">option 0</option>
 <option value=\"option 1\">option 1</option></select>"
 
@@ -28,7 +28,7 @@ class InputsTest < ActionView::TestCase
 
     test "Multi Column Field data html options" do
       grouped_options = { 'North America' => [['United statuss','US'], 'Canada'], 'Europe' => ['Denmark','Germany','France'] }
-      actual   = UiBibz::Ui::Core::MultiColumnField.new('example', { option_tags:  grouped_options_for_select(grouped_options), searchable: true, selectable_opt_group: true }).render
+      actual   = UiBibz::Ui::Core::Inputs::MultiColumnField.new('example', { option_tags:  grouped_options_for_select(grouped_options), searchable: true, selectable_opt_group: true }).render
       expected = "<select name=\"example[]\" id=\"example\" data-searchable=\"true\" data-selectable-optgroup=\"true\" class=\"multi-column\" 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>
@@ -39,7 +39,7 @@ class InputsTest < ActionView::TestCase
 
     test "Multi Select Field" do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual   = UiBibz::Ui::Core::MultiSelectField.new('example', option_tags: options).render
+      actual   = UiBibz::Ui::Core::Inputs::MultiSelectField.new('example', option_tags: options).render
       expected = "<select name=\"example[]\" id=\"example\" class=\"btn-secondary btn multi-select\" multiple=\"multiple\"><option value=\"option 0\">option 0</option>
 <option value=\"option 1\">option 1</option></select>"
 
@@ -48,7 +48,7 @@ class InputsTest < ActionView::TestCase
 
     test "Multi Select Field data html options" do
       grouped_options = { 'North America' => [['United statuss','US'], 'Canada'], 'Europe' => ['Denmark','Germany','France'] }
-      actual   = UiBibz::Ui::Core::MultiSelectField.new('example', { option_tags: grouped_options_for_select(grouped_options), clickable_opt_group: true, collapsible_opt_group: true, searchable: true, select_all_option: true, status: :danger }).render
+      actual   = UiBibz::Ui::Core::Inputs::MultiSelectField.new('example', { option_tags: grouped_options_for_select(grouped_options), clickable_opt_group: true, collapsible_opt_group: true, searchable: true, select_all_option: true, 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\" class=\"btn-danger btn multi-select\" 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>
@@ -58,21 +58,21 @@ class InputsTest < ActionView::TestCase
     end
 
     test 'surround_field without prepend and append' do
-      actual = UiBibz::Ui::Core::SurroundField.new('test').render
+      actual = UiBibz::Ui::Core::Inputs::SurroundField.new('test').render
       expected = "<input type=\"text\" name=\"test\" id=\"test\" class=\"form-control\" />"
 
       assert_equal expected, actual
     end
 
     test 'surround_field with prepend and append' do
-      actual = UiBibz::Ui::Core::SurroundField.new('test', append: '1', prepend: '2').render
+      actual = UiBibz::Ui::Core::Inputs::SurroundField.new('test', append: '1', prepend: '2').render
       expected = "<div class=\"input-group\"><span class=\"input-group-addon\">1</span><input type=\"text\" name=\"test\" id=\"test\" class=\"form-control\" /><span class=\"input-group-addon\">2</span></div>"
 
       assert_equal expected, actual
     end
 
     test 'surround_field size' do
-      actual = UiBibz::Ui::Core::SurroundField.new('test', size: :xs, append: '1', prepend: '2').render
+      actual = UiBibz::Ui::Core::Inputs::SurroundField.new('test', size: :xs, append: '1', prepend: '2').render
       expected = "<div class=\"input-group input-group-xs\"><span class=\"input-group-addon\">1</span><input type=\"text\" name=\"test\" id=\"test\" class=\"form-control\" /><span class=\"input-group-addon\">2</span></div>"
 
       assert_equal expected, actual
@@ -80,7 +80,7 @@ class InputsTest < ActionView::TestCase
 
     test 'autocomplete_field' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
-      actual = UiBibz::Ui::Core::AutocompleteField.new('test', { option_tags: options }, { id: 'test' }).render
+      actual = UiBibz::Ui::Core::Inputs::AutocompleteField.new('test', { option_tags: options }, { id: 'test' }).render
       expected = "<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>"
 
@@ -88,14 +88,14 @@ class InputsTest < ActionView::TestCase
     end
 
     test 'formula_field' do
-      actual = UiBibz::Ui::Core::FormulaField.new('value').render
+      actual = UiBibz::Ui::Core::Inputs::FormulaField.new('value').render
       expected = "<div class=\"input-group formula_field\"><input type=\"text\" name=\"value_formula\" id=\"value_formula\" value=\"\" class=\"formula_field_input form-control\" /><span class=\"formula_field_sign input-group-addon\">=</span><input type=\"text\" name=\"value\" id=\"value\" readonly=\"readonly\" class=\"formula_field_result form-control\" /><span class=\"formula_field_alert input-group-addon\" data-toggle=\"tooltip\"><i class=\"glyph-danger glyph fa fa-exclamation-triangle\"></i></span></div>"
 
       assert_equal expected, actual
     end
 
     test 'markdown_editor' do
-      actual = UiBibz::Ui::Core::MarkdownEditorField.new('comments').render
+      actual = UiBibz::Ui::Core::Inputs::MarkdownEditorField.new('comments').render
       expected = "<textarea name=\"comments\" id=\"comments\" data-provide=\"markdown\" data-iconlibrary=\"fa\">
 </textarea>"
 

data/test/ui/nav_test.rb

@@ -3,7 +3,7 @@ include UiBibz::Helpers
 class NavTest < ActionView::TestCase
 
   test 'Nav with tab' do
-    actual = UiBibz::Ui::Core::Nav.new(type: :tabs).tap do |n|
+    actual = UiBibz::Ui::Core::Navs::Nav.new(type: :tabs).tap do |n|
       n.link 'Home', state: :active, url: "#Home", selector: 'home'
       n.link 'Profile', url: "#profile", selector: 'profile'
       n.link 'Messages', url: "#messages", selector: 'messages'
@@ -13,7 +13,7 @@ class NavTest < ActionView::TestCase
   end
 
   test 'Nav with pills' do
-    actual = UiBibz::Ui::Core::Nav.new(type: :pills, position: :justified).tap do |n|
+    actual = UiBibz::Ui::Core::Navs::Nav.new(type: :pills, position: :justified).tap do |n|
       n.link 'Home', state: :active, url: "#Home", selector: 'home'
       n.link 'Profile', url: "#profile", selector: 'profile', label: 16
       n.link 'Messages', url: "#messages", selector: 'messages', state: :disabled

data/test/ui/table_test.rb

@@ -1,9 +1,9 @@
 require 'test_helper'
-require "ui_bibz/ui/ux/table/components/store"
-require "ui_bibz/ui/ux/table/extensions/paginable"
-require "ui_bibz/ui/ux/table/extensions/searchable"
-require "ui_bibz/ui/ux/table/extensions/sortable"
-require "ui_bibz/ui/ux/table/extensions/actionable"
+require "ui_bibz/ui/ux/tables/components/store"
+require "ui_bibz/ui/ux/tables/extensions/paginable"
+require "ui_bibz/ui/ux/tables/extensions/searchable"
+require "ui_bibz/ui/ux/tables/extensions/sortable"
+require "ui_bibz/ui/ux/tables/extensions/actionable"
 include UiBibz::Helpers
 
 class TableTest < ActionView::TestCase
@@ -20,18 +20,18 @@ class TableTest < ActionView::TestCase
       page:       1
     }
     @users  = User.table_search_pagination(params, session)
-    @store = UiBibz::Ui::Ux::Store.new @users
+    @store = UiBibz::Ui::Ux::Tables::Store.new @users
   end
 
   test 'table search field' do
-    actual   = UiBibz::Ui::Ux::TableSearchField.new({ store: @users}).render
+    actual   = UiBibz::Ui::Ux::Tables::TableSearchField.new({ store: @users}).render
     expected = "<form class=\"form-table-search-field\" action=\"/users?direction=asc&amp;page=1&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\" accept-charset=\"UTF-8\" method=\"get\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><div class=\"input-group input-group-sm table-search-field\"><span class=\"input-group-addon\"><i class=\"glyph fa fa-search\"></i></span><input type=\"hidden\" name=\"controller\" value=\"users\" /><input type=\"hidden\" name=\"action\" value=\"index\" /><input type=\"hidden\" name=\"sort\" value=\"users.name_fr\" /><input type=\"hidden\" name=\"direction\" value=\"asc\" /><input type=\"hidden\" name=\"search\" value=\"Name fr\" /><input type=\"hidden\" name=\"per_page\" value=\"2\" /><input type=\"hidden\" name=\"page\" value=\"1\" /><input type=\"search\" value=\"Name fr\" name=\"search\" class=\"form-control\" placeholder=\"Search by Name fr and Name en...\" /><span class=\"input-group-btn\"><button type=\"button\" class=\"btn btn-secondary\"><i class=\"glyph fa fa-times-circle\"></i></button></span></div></form>"
 
     assert_equal expected, actual
   end
 
   test 'table pagination' do
-    actual = UiBibz::Ui::Ux::TablePagination.new({ store: @users }).render
+    actual = UiBibz::Ui::Ux::Tables::TablePagination.new({ store: @users }).render
     expected = "<ul class=\"pagination pagination\"><li class=\"prev disabled\"><span>&#8592; Previous</span></li> <li class=\"active\"><span>1</span></li> <li><a rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">2</a></li> <li><a href=\"/users?direction=asc&amp;page=3&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">3</a></li> <li><a href=\"/users?direction=asc&amp;page=4&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">4</a></li> <li><a href=\"/users?direction=asc&amp;page=5&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">5</a></li> <li><a href=\"/users?direction=asc&amp;page=6&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">6</a></li> <li><a href=\"/users?direction=asc&amp;page=7&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">7</a></li> <li><a href=\"/users?direction=asc&amp;page=8&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">8</a></li> <li><a href=\"/users?direction=asc&amp;page=9&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">9</a></li> <li class=\"disabled\"><span>&hellip;</span></li> <li><a href=\"/users?direction=asc&amp;page=12&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">12</a></li> <li><a href=\"/users?direction=asc&amp;page=13&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">13</a></li> <li class=\"next\"><a rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">Next &#8594;</a></li></ul>"
 
     assert_equal expected, actual
@@ -39,7 +39,7 @@ class TableTest < ActionView::TestCase
 
   test 'table non sortable' do
     options  = { sortable: false }
-    actual   = UiBibz::Ui::Ux::Sortable.new(@store, options).header(@store.columns.list.first)
+    actual   = UiBibz::Ui::Ux::Tables::Sortable.new(@store, options).header(@store.columns.list.first)
     expected = "Id"
 
     assert_equal expected, actual
@@ -47,7 +47,7 @@ class TableTest < ActionView::TestCase
 
   test 'table sortable' do
     options  = { sortable: true }
-    actual   = UiBibz::Ui::Ux::Sortable.new(@store, options).header(@store.columns.list.first)
+    actual   = UiBibz::Ui::Ux::Tables::Sortable.new(@store, options).header(@store.columns.list.first)
     expected = "<a class=\"dropup\" href=\"/users?column_id=id&amp;direction=asc&amp;search=Name+fr&amp;sort=users.id\">Id</a>"
 
     assert_equal expected, actual
@@ -55,7 +55,7 @@ class TableTest < ActionView::TestCase
 
   test 'table non paginable' do
     options      = { paginable: false }
-    pagination   = UiBibz::Ui::Ux::Paginable.new(@store, options)
+    pagination   = UiBibz::Ui::Ux::Tables::Paginable.new(@store, options)
     actual       = pagination.render if pagination.paginable?
     expected     = nil
 
@@ -64,7 +64,7 @@ class TableTest < ActionView::TestCase
 
   test 'table paginable' do
     options      = { paginable: true }
-    pagination   = UiBibz::Ui::Ux::Paginable.new(@store, options)
+    pagination   = UiBibz::Ui::Ux::Tables::Paginable.new(@store, options)
     actual       = pagination.render if pagination.paginable?
     expected     = "<div><ul class=\"pagination pagination\"><li class=\"prev disabled\"><span>&#8592; Previous</span></li> <li class=\"active\"><span>1</span></li> <li><a rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">2</a></li> <li><a href=\"/users?direction=asc&amp;page=3&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">3</a></li> <li><a href=\"/users?direction=asc&amp;page=4&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">4</a></li> <li><a href=\"/users?direction=asc&amp;page=5&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">5</a></li> <li><a href=\"/users?direction=asc&amp;page=6&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">6</a></li> <li><a href=\"/users?direction=asc&amp;page=7&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">7</a></li> <li><a href=\"/users?direction=asc&amp;page=8&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">8</a></li> <li><a href=\"/users?direction=asc&amp;page=9&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">9</a></li> <li class=\"disabled\"><span>&hellip;</span></li> <li><a href=\"/users?direction=asc&amp;page=12&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">12</a></li> <li><a href=\"/users?direction=asc&amp;page=13&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">13</a></li> <li class=\"next\"><a rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\">Next &#8594;</a></li></ul><form action=\"/users\" accept-charset=\"UTF-8\" method=\"get\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><div class=\"table-pagination-per-page\">Displaying User <b>1&nbsp;-&nbsp;2</b> of <b>25</b> in total | Per page: <input type=\"hidden\" name=\"controller\" value=\"users\" /><input type=\"hidden\" name=\"action\" value=\"index\" /><input type=\"hidden\" name=\"sort\" value=\"users.name_fr\" /><input type=\"hidden\" name=\"direction\" value=\"asc\" /><input type=\"hidden\" name=\"search\" value=\"Name fr\" /><input type=\"hidden\" name=\"per_page\" value=\"2\" /><input type=\"hidden\" name=\"page\" value=\"1\" /><select name=\"per_page\" id=\"per_page\" class=\"form-control\"><option value=\"5\">5</option>
 <option value=\"10\">10</option>
@@ -80,7 +80,7 @@ class TableTest < ActionView::TestCase
 
   test 'table non searchable' do
     options  = { searchable: false }
-    actual   = UiBibz::Ui::Ux::Searchable.new(@store, options).render
+    actual   = UiBibz::Ui::Ux::Tables::Searchable.new(@store, options).render
     expected = "<div><div class=\"title\">Users list</div><br class=\"ui-bibz-clear\" /></div>"
 
     assert_equal expected, actual
@@ -88,7 +88,7 @@ class TableTest < ActionView::TestCase
 
   test 'table non searchable with a title and glyph' do
     options  = { searchable: false, glyph: 'state', title: 'Title list' }
-    actual   = UiBibz::Ui::Ux::Searchable.new(@store, options).render
+    actual   = UiBibz::Ui::Ux::Tables::Searchable.new(@store, options).render
     expected = "<div><div class=\"title\"><i class=\"glyph fa fa-state\"></i>Title list</div><br class=\"ui-bibz-clear\" /></div>"
 
     assert_equal expected, actual
@@ -96,7 +96,7 @@ class TableTest < ActionView::TestCase
 
   test 'table searchable' do
     options  = { searchable: true }
-    actual   = UiBibz::Ui::Ux::Searchable.new(@store, options).render
+    actual   = UiBibz::Ui::Ux::Tables::Searchable.new(@store, options).render
     expected = "<div><div class=\"title\">Users list</div><div class=\"input-group input-group-sm table-search-field\"><span class=\"input-group-addon\"><i class=\"glyph fa fa-search\"></i></span><input type=\"search\" value=\"Name fr\" name=\"search\" class=\"form-control\" placeholder=\"Search by Name fr and Name en...\" /><span class=\"clear-search-btn input-group-addon\"><i class=\"glyph fa fa-times-circle\"></i></span></div><br class=\"ui-bibz-clear\" /></div>"
 
     assert_equal expected, actual
@@ -104,7 +104,7 @@ class TableTest < ActionView::TestCase
 
   test 'table actionable header' do
     options  = { actionable: true }
-    action   = UiBibz::Ui::Ux::Actionable.new(@store, options)
+    action   = UiBibz::Ui::Ux::Tables::Actionable.new(@store, options)
     actual   = action.header []
     expected = ["<th class=\"action\"></th>"]
 
@@ -113,7 +113,7 @@ class TableTest < ActionView::TestCase
 
   test 'table actionable body' do
     options  = { actionable: true }
-    action   = UiBibz::Ui::Ux::Actionable.new(@store, options)
+    action   = UiBibz::Ui::Ux::Tables::Actionable.new(@store, options)
     actual   = action.body @store.records.first, []
     expected = ["<td></td>"]
 
@@ -122,7 +122,7 @@ class TableTest < ActionView::TestCase
 
   test 'table actionable inject_url' do
     options  = { actionable: true }
-    action   = UiBibz::Ui::Ux::Actionable.new(@store, options)
+    action   = UiBibz::Ui::Ux::Tables::Actionable.new(@store, options)
     actual   = action.inject_url 'http://localhost/users/id/test', @store.records.first
     expected = "http://localhost/users/1/test"
 
@@ -131,7 +131,7 @@ class TableTest < ActionView::TestCase
 
   test 'table non actionable header' do
     options  = { actionable: false }
-    action   = UiBibz::Ui::Ux::Actionable.new(@store, options)
+    action   = UiBibz::Ui::Ux::Tables::Actionable.new(@store, options)
     actual   = action.header []
     expected = []
 
@@ -140,7 +140,7 @@ class TableTest < ActionView::TestCase
 
   test 'table non actionable body' do
     options  = { actionable: false }
-    action   = UiBibz::Ui::Ux::Actionable.new(@store, options)
+    action   = UiBibz::Ui::Ux::Tables::Actionable.new(@store, options)
     actual   = action.body @store.records.first, []
     expected = []
 
@@ -148,11 +148,11 @@ class TableTest < ActionView::TestCase
   end
 
   test 'simple table_card' do
-    actual = UiBibz::Ui::Ux::TableCard.new(store: @users, tap: true).render
+    actual = UiBibz::Ui::Ux::Tables::TableCard.new(store: @users, tap: true).render
   end
 
   test 'complex table_card' do
-    actual = UiBibz::Ui::Ux::TableCard.new({ store: @users, tap: true }, { class: 'state' }).tap do |pane|
+    actual = UiBibz::Ui::Ux::Tables::TableCard.new({ store: @users, tap: true }, { class: 'state' }).tap do |pane|
       pane.header 'Test header'
       pane.block class: 'ui' do
         'Test body'
@@ -161,7 +161,7 @@ class TableTest < ActionView::TestCase
   end
 
   test 'complex table_card with custom actions' do
-    actual = UiBibz::Ui::Ux::TableCard.new({ store: @users, tap: true }, { class: 'state'}).tap do |pane|
+    actual = UiBibz::Ui::Ux::Tables::TableCard.new({ store: @users, tap: true }, { class: 'state'}).tap do |pane|
       pane.header 'Test header'
       pane.block cls: 'ui' do
         'Test body'
@@ -181,7 +181,7 @@ class TableTest < ActionView::TestCase
   end
 
   test 'format action' do
-    actual = UiBibz::Ui::Ux::TableCard.new(store: @users, tap: true).tap do |pane|
+    actual = UiBibz::Ui::Ux::Tables::TableCard.new(store: @users, tap: true).tap do |pane|
       pane.columns do |cls|
         cls.column :id, name: '#'
       end
@@ -195,7 +195,7 @@ class TableTest < ActionView::TestCase
   end
 
   test 'table visual options' do
-    table  = UiBibz::Ui::Ux::Table.new(store: @users, striped: true, status: :inverse, responsive: true, bordered: true, size: :sm, hoverable: true, reflow: true).render
+    table  = UiBibz::Ui::Ux::Tables::Table.new(store: @users, striped: true, status: :inverse, responsive: true, bordered: true, size: :sm, hoverable: true, reflow: true).render
     actual = Nokogiri::HTML(table).xpath("//table")[0].attributes["class"].value
     expected = "table-inverse table table-striped table-bordered table-hoverable table-sm table-responsive table-reflow"
 
@@ -203,7 +203,7 @@ class TableTest < ActionView::TestCase
   end
 
   test 'table thead visual options' do
-    table  = UiBibz::Ui::Ux::Table.new(store: @users, thead: { status: :default }).render
+    table  = UiBibz::Ui::Ux::Tables::Table.new(store: @users, thead: { status: :default }).render
     actual = Nokogiri::HTML(table).xpath("//thead")[0].attributes["class"].value
     expected = "thead-default"