ui_bibz 2.5.6 → 3.0.0.alpha8

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

data/test/ui/core/notifications/alert_test.rb

@@ -12,11 +12,11 @@ class AlertTest < ActionView::TestCase
   end
 
   test 'alert with more informaton' do
-    actual = ui_alert(tap: true, status: :success, glyph: 'thumbs-o-up', closable: true) do |a|
+    actual = ui_alert(status: :success, glyph: 'thumbs-o-up', closable: true) do |a|
       a.header 'Information'
       a.body 'Body text'
     end
-    expected = '<div class="alert-success alert alert-dismissible" role="alert"><h4 class="alert-header"><i class="glyph fas fa-thumbs-o-up"></i>  Information<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button></h4><hr /><p class="alert-body mb-0">Body text</p></div>'
+    expected = "<div class=\"alert-success alert alert-dismissible\" role=\"alert\"><h4 class=\"alert-header\"><i class=\"glyph fas fa-thumbs-o-up\"></i>  Information<button type=\"button\" class=\"btn-close\" data-dismiss=\"alert\" aria-label=\"Close\"></button></h4><hr /><p class=\"alert-body mb-0\">Body text</p></div>"
 
     assert_equal expected, actual
   end

data/test/ui/core/notifications/badge_test.rb

@@ -6,21 +6,21 @@ class BadgeTest < ActionView::TestCase
 
   test 'badge' do
     actual   = ui_badge 'state', status: :success, glyph: 'pencil'
-    expected = '<span class="badge-success badge"><i class="glyph fas fa-pencil"></i>  state</span>'
+    expected = '<span class="bg-success badge"><i class="glyph fas fa-pencil"></i>  state</span>'
 
     assert_equal expected, actual
   end
 
   test 'badge with url' do
     actual   = ui_badge 'state', url: 'http://example.com'
-    expected = '<a class="badge-default badge" href="http://example.com">state</a>'
+    expected = '<a class="bg-default badge" href="http://example.com">state</a>'
 
     assert_equal expected, actual
   end
 
   test 'badge pill' do
     actual   = ui_badge 'state', status: :success, type: :pill, glyph: 'pencil'
-    expected = '<span class="badge-success badge badge-pill"><i class="glyph fas fa-pencil"></i>  state</span>'
+    expected = '<span class="bg-success badge rounded-pill"><i class="glyph fas fa-pencil"></i>  state</span>'
 
     assert_equal expected, actual
   end

data/test/ui/core/notifications/progress_bar_test.rb

@@ -41,7 +41,7 @@ class ProgressBarTest < ActionView::TestCase
   end
 
   test 'progress bar custom' do
-    actual = ui_progress_bar tap: true do |pb|
+    actual = ui_progress_bar do |pb|
       pb.bar 25, status: :warning, striped: true
       pb.bar 65, status: :danger
     end

data/test/ui/core/notifications/toast_test.rb

@@ -9,7 +9,16 @@ class ToastTest < ActionView::TestCase
       t.header 'My header toast', glyph: 'eye', time: 'Now', class: 'my-header-toast'
       t.body 'My body toast', class: 'my-body-toast'
     end
-    expected = '<div data-autohide="true" class="my-toast toast" role="alert" aria-live="assertive" aria-atomic="true"><div class="my-header-toast toast-header"><i class="mr-2 glyph fas fa-eye"></i><strong class="mr-auto">My header toast</strong><small class="text-muted">Now</small><button class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="my-body-toast toast-body">My body toast</div></div>'
+    expected = "<div data-autohide=\"true\" class=\"my-toast toast\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\"><div class=\"my-header-toast toast-header\"><i class=\"mr-2 glyph fas fa-eye\"></i><strong class=\"mr-auto\">My header toast</strong><small class=\"text-muted\">Now</small><button class=\"ml-2 mb-1 btn-close\" data-dismiss=\"toast\" aria-label=\"Close\"></button></div><div class=\"my-body-toast toast-body\">My body toast</div></div>"
+
+    assert_equal expected, actual
+  end
+
+  test 'toast without header and body' do
+    actual = ui_toast do
+      'My body toast'
+    end
+    expected = "<div class=\"toast\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\"><div class=\"toast-body\">My body toast</div></div>"
 
     assert_equal expected, actual
   end

data/test/ui/core/windows/modal_test.rb

@@ -14,7 +14,21 @@ class UiHelperTest < ActionView::TestCase
         concat ui_button_link 'Save', url: '#', status: :primary
       end
     end
-    expected = '<div class="modal"><div class="modal-dialog " role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">My title</h5><button class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button></div><div class="modal-body">My body</div><div class="modal-footer"><a class="btn-link btn" role="button" href="#">Close</a><a class="btn-primary btn" role="button" href="#">Save</a></div></div></div></div>'
+    expected = "<div class=\"modal\" tabindex=\"-1\" aria-labelledby=\"My title\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">My title</h5><button class=\"btn-close\" data-dismiss=\"modal\" aria-label=\"Close\"></button></div><div class=\"modal-body\">My body</div><div class=\"modal-footer\"><a class=\"btn-link btn\" role=\"button\" href=\"#\">Close</a><a class=\"btn-primary btn\" role=\"button\" href=\"#\">Save</a></div></div></div></div>"
+
+    assert_equal expected, actual
+  end
+
+  test 'modal with options' do
+    actual = ui_modal scrollable: true, fullscreen: true, backdrop: :static do |m|
+      m.header 'My title'
+      m.body 'My body'
+      m.footer do
+        concat ui_button_link 'Close', url: '#', status: :link
+        concat ui_button_link 'Save', url: '#', status: :primary
+      end
+    end
+    expected = "<div data-backdrop=\"static\" data-keyboard=\"false\" class=\"modal\" tabindex=\"-1\" aria-labelledby=\"My title\" aria-hidden=\"true\"><div class=\"modal-dialog modal-fullscreen modal-dialog-scrollable\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">My title</h5><button class=\"btn-close\" data-dismiss=\"modal\" aria-label=\"Close\"></button></div><div class=\"modal-body\">My body</div><div class=\"modal-footer\"><a class=\"btn-link btn\" role=\"button\" href=\"#\">Close</a><a class=\"btn-primary btn\" role=\"button\" href=\"#\">Save</a></div></div></div></div>"
 
     assert_equal expected, actual
   end

data/test/ui/utils/breakdown_class_name_generator_test.rb

@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class BreakdownClassNameGeneratorTest < ActionView::TestCase
+  test 'name genenator with multiple options' do
+    options = {
+      xs: { num: 2, pull: 1, push: 1 },
+      md: { num: 3 },
+      lg: { num: 5 }
+    }
+
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new(options).class_names
+    expected = ["col-xs-2 col-xs-pull-1 col-xs-push-1", "col-md-3", "col-lg-5"]
+
+    assert_equal expected, actual
+  end
+
+  test 'name genenator with nothing' do
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new.class_names
+    expected = "col"
+
+    assert_equal expected, actual
+  end
+
+  test 'name genenator with num' do
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new(num: 6).class_names
+    expected = ["col-6"]
+
+    assert_equal expected, actual
+  end
+
+  test 'name genenator with num and size' do
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new(lg: { num: 6 }).class_names
+    expected = ["col-lg-6"]
+
+    assert_equal expected, actual
+  end
+
+  test "name generator with position" do
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new({ position: :vertical, num: 2 }, 'g').class_names
+    expected = ["gy-2"]
+
+    assert_equal expected, actual
+  end
+
+  test "name generator with position and size" do
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new({ xs: { num: 6, position: :horizontal } }, 'g').class_names
+    expected = ["gx-xs-6"]
+
+    assert_equal expected, actual
+  end
+
+  test "name generator with only an integer" do
+    actual   = UiBibz::Utils::BreakdownClassNameGenerator.new(2, 'g').class_names
+    expected = ["g-2"]
+
+    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

data/test/ui/ux/containers/panel_test.rb

@@ -7,7 +7,7 @@ class CardTest < ActionView::TestCase
 
   test 'create panel' do
     actual = ui_panel do |p|
-      p.header tap: true do |h|
+      p.header do |h|
         h.title 'My header'
         h.actions size: :sm, outline: true, status: :secondary do |a|
           a.button 'Minimize', glyph: 'caret-up', text: false
@@ -35,14 +35,14 @@ class CardTest < ActionView::TestCase
       end
       p.footer 'Footer'
     end
-    expected = '<div class="panel"><div class="panel-header justify-content-between"><div class="panel-title">My header</div><div class="btn-group btn-group-sm" role="group"><button class="btn-outline-secondary btn btn-sm without-text"><i class="glyph fas fa-caret-up"></i></button><button class="btn-outline-secondary btn btn-sm without-text"><i class="glyph fas fa-cog"></i></button><button class="btn-outline-secondary btn btn-sm without-text"><i class="glyph fas fa-Close"></i></button></div></div><div class="btn-toolbar justify-content-between panel-toolbar" role="toolbar"><div role="group" class="btn-group btn-group-sm mr-2"><button class="btn-secondary btn btn-sm">Copy</button><button class="btn-secondary btn btn-sm">Cut</button><button class="btn-secondary btn btn-sm">Paste</button></div><div class="btn-group btn-group-sm" role="group"><button class="btn-secondary btn btn-sm">Delete</button></div></div><div class="panel-body">Body</div><div class="btn-toolbar panel-toolbar" role="toolbar"><div class="btn-group btn-group-sm" role="group"><button class="btn-success btn btn-sm without-text"><i class="glyph fas fa-plus-circle"></i></button><button class="btn-danger btn btn-sm without-text"><i class="glyph fas fa-minus-circle"></i></button></div></div><div class="panel-footer">Footer</div></div>'
+    expected = "<div class=\"panel\"><div class=\"panel-header justify-content-between\"><div class=\"panel-title\">My header</div><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-outline-secondary btn btn-sm without-text\"><i class=\"glyph fas fa-caret-up\"></i><span class=\"empty-space\"> </span></button><button class=\"btn-outline-secondary btn btn-sm without-text\"><i class=\"glyph fas fa-cog\"></i><span class=\"empty-space\"> </span></button><button class=\"btn-outline-secondary btn btn-sm without-text\"><i class=\"glyph fas fa-Close\"></i><span class=\"empty-space\"> </span></button></div></div><div class=\"btn-toolbar justify-content-between panel-toolbar\" role=\"toolbar\"><div role=\"group\" class=\"btn-group btn-group-sm mr-2\"><button class=\"btn-secondary btn btn-sm\">Copy</button><button class=\"btn-secondary btn btn-sm\">Cut</button><button class=\"btn-secondary btn btn-sm\">Paste</button></div><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-secondary btn btn-sm\">Delete</button></div></div><div class=\"panel-body\">Body</div><div class=\"btn-toolbar panel-toolbar\" role=\"toolbar\"><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-success btn btn-sm without-text\"><i class=\"glyph fas fa-plus-circle\"></i><span class=\"empty-space\"> </span></button><button class=\"btn-danger btn btn-sm without-text\"><i class=\"glyph fas fa-minus-circle\"></i><span class=\"empty-space\"> </span></button></div></div><div class=\"panel-footer\">Footer</div></div>"
 
     assert_equal expected, actual
   end
 
   test 'panel with group' do
     actual = ui_panel do |p|
-      p.header tap: true do |h|
+      p.header do |h|
         h.title 'Main panel header'
       end
       p.toolbar justify: true, size: :sm do |t|
@@ -76,7 +76,7 @@ class CardTest < ActionView::TestCase
 
   test 'panel with deck' do
     actual = ui_panel do |p|
-      p.header tap: true do |h|
+      p.header do |h|
         h.title 'Main panel header'
       end
       p.toolbar justify: true, size: :sm do |t|
@@ -110,7 +110,7 @@ class CardTest < ActionView::TestCase
 
   test 'panel with column' do
     actual = ui_panel do |p|
-      p.header tap: true do |h|
+      p.header do |h|
         h.title 'Main panel header'
       end
       p.toolbar justify: true, size: :sm do |t|

data/test/ui/ux/tables/table_test.rb

@@ -26,14 +26,14 @@ class TableTest < ActionView::TestCase
 
   test 'table search field' do
     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 fas fa-search"></i></span><input type="hidden" name="sort" value="users.name_fr" /><input type="hidden" name="direction" value="asc" /><input type="hidden" name="per_page" value="2" /><input type="hidden" name="page" value="1" /><input type="hidden" name="only_path" value="true" /><input type="hidden" name="link_type" value="search" /><input type="search" value="Name fr" name="search" class="form-control" placeholder="Search by Name fr and Name en..." /><span class="input-group-btn clear-search-btn"><button type="button" class="btn btn-secondary"><i class="glyph fas fa-times-circle"></i></button></span></div></form>'
+    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\"><div class=\"input-group input-group-sm table-search-field\"><span class=\"input-group-text\"><i class=\"glyph fas fa-search\"></i></span><input type=\"hidden\" name=\"sort\" value=\"users.name_fr\" /><input type=\"hidden\" name=\"direction\" value=\"asc\" /><input type=\"hidden\" name=\"per_page\" value=\"2\" /><input type=\"hidden\" name=\"page\" value=\"1\" /><input type=\"hidden\" name=\"only_path\" value=\"true\" /><input type=\"hidden\" name=\"link_type\" value=\"search\" /><input type=\"search\" value=\"Name fr\" name=\"search\" class=\"form-control\" placeholder=\"Search by Name fr and Name en...\" /><button type=\"button\" class=\"btn btn-secondary input-group-btn clear-search-btn\"><i class=\"glyph fas fa-times-circle\"></i></button></div></form>"
 
     assert_equal expected, actual
   end
 
   test 'table pagination' do
     actual = UiBibz::Ui::Ux::Tables::TablePagination.new({ store: @users }).render
-    expected = '<nav class="pagination"><ul class="pagination" role="group"><li class="previous page-item disabled"><span class="page-link">&laquo;</span></li> <li class="page-item active"><span class="page-link">1</span></li> <li class="page-item"><a class="page-link" rel="next" href="/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr">2</a></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=3&amp;search=Name+fr&amp;sort=users.name_fr">3</a></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=4&amp;search=Name+fr&amp;sort=users.name_fr">4</a></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=5&amp;search=Name+fr&amp;sort=users.name_fr">5</a></li> <li class="page-item disabled"><i class="page-link">&hellip;</i></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=12&amp;search=Name+fr&amp;sort=users.name_fr">12</a></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=13&amp;search=Name+fr&amp;sort=users.name_fr">13</a></li> <li class="next page-item"><a class="page-link" rel="next" href="/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr">&raquo;</a></li></ul></nav>'
+    expected = "<nav class=\"pagination\"><ul class=\"pagination\" role=\"group\"><li class=\"previous page-item disabled\"><span class=\"page-link\">&laquo;</span></li> <li class=\"page-item active\"><span class=\"page-link\">1</span></li> <li class=\"page-item\"><a class=\"page-link\" rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr\">2</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=3&amp;search=Name+fr&amp;sort=users.name_fr\">3</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=4&amp;search=Name+fr&amp;sort=users.name_fr\">4</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=5&amp;search=Name+fr&amp;sort=users.name_fr\">5</a></li> <li class=\"page-item disabled\"><i class=\"page-link\">&hellip;</i></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=12&amp;search=Name+fr&amp;sort=users.name_fr\">12</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=13&amp;search=Name+fr&amp;sort=users.name_fr\">13</a></li> <li class=\"next page-item\"><a class=\"page-link\" rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr\">&raquo;</a></li></ul></nav>"
 
     assert_equal expected, actual
   end
@@ -66,7 +66,7 @@ class TableTest < ActionView::TestCase
     options      = { paginable: true }
     pagination   = UiBibz::Ui::Ux::Tables::Paginable.new(@store, options)
     actual       = pagination.render if pagination.paginable?
-    expected     = "<div><nav class=\"pagination\"><ul class=\"pagination\" role=\"group\"><li class=\"previous page-item disabled\"><span class=\"page-link\">&laquo;</span></li> <li class=\"page-item active\"><span class=\"page-link\">1</span></li> <li class=\"page-item\"><a class=\"page-link\" rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr\">2</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=3&amp;search=Name+fr&amp;sort=users.name_fr\">3</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=4&amp;search=Name+fr&amp;sort=users.name_fr\">4</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=5&amp;search=Name+fr&amp;sort=users.name_fr\">5</a></li> <li class=\"page-item disabled\"><i class=\"page-link\">&hellip;</i></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=12&amp;search=Name+fr&amp;sort=users.name_fr\">12</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=13&amp;search=Name+fr&amp;sort=users.name_fr\">13</a></li> <li class=\"next page-item\"><a class=\"page-link\" rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr\">&raquo;</a></li></ul></nav><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=\"sort\" value=\"users.name_fr\" /><input type=\"hidden\" name=\"direction\" value=\"asc\" /><input type=\"hidden\" name=\"per_page\" value=\"2\" /><input type=\"hidden\" name=\"only_path\" value=\"true\" /><select name=\"per_page\" id=\"per_page\" class=\"form-control\"><option value=\"5\">5</option>
+    expected     = "<div><nav class=\"pagination\"><ul class=\"pagination\" role=\"group\"><li class=\"previous page-item disabled\"><span class=\"page-link\">&laquo;</span></li> <li class=\"page-item active\"><span class=\"page-link\">1</span></li> <li class=\"page-item\"><a class=\"page-link\" rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr\">2</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=3&amp;search=Name+fr&amp;sort=users.name_fr\">3</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=4&amp;search=Name+fr&amp;sort=users.name_fr\">4</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=5&amp;search=Name+fr&amp;sort=users.name_fr\">5</a></li> <li class=\"page-item disabled\"><i class=\"page-link\">&hellip;</i></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=12&amp;search=Name+fr&amp;sort=users.name_fr\">12</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=13&amp;search=Name+fr&amp;sort=users.name_fr\">13</a></li> <li class=\"next page-item\"><a class=\"page-link\" rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr\">&raquo;</a></li></ul></nav><form action=\"/users\" accept-charset=\"UTF-8\" method=\"get\"><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=\"sort\" value=\"users.name_fr\" /><input type=\"hidden\" name=\"direction\" value=\"asc\" /><input type=\"hidden\" name=\"per_page\" value=\"2\" /><input type=\"hidden\" name=\"only_path\" value=\"true\" /><select name=\"per_page\" id=\"per_page\" class=\"form-control\"><option value=\"5\">5</option>
 <option value=\"10\">10</option>
 <option value=\"20\">20</option>
 <option value=\"30\">30</option>
@@ -97,7 +97,7 @@ class TableTest < ActionView::TestCase
   test 'table searchable' do
     options  = { searchable: true }
     actual   = UiBibz::Ui::Ux::Tables::Searchable.new(@store, options).render
-    expected = '<div><div class="title">Users list</div><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 fas fa-search"></i></span><input type="hidden" name="sort" value="users.name_fr" /><input type="hidden" name="direction" value="asc" /><input type="hidden" name="per_page" value="2" /><input type="hidden" name="page" value="1" /><input type="hidden" name="only_path" value="true" /><input type="hidden" name="link_type" value="search" /><input type="search" value="Name fr" name="search" class="form-control" placeholder="Search by Name fr and Name en..." /><span class="input-group-btn clear-search-btn"><button type="button" class="btn btn-secondary"><i class="glyph fas fa-times-circle"></i></button></span></div></form><br class="ui-bibz-clear" /></div>'
+    expected = "<div><div class=\"title\">Users list</div><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\"><div class=\"input-group input-group-sm table-search-field\"><span class=\"input-group-text\"><i class=\"glyph fas fa-search\"></i></span><input type=\"hidden\" name=\"sort\" value=\"users.name_fr\" /><input type=\"hidden\" name=\"direction\" value=\"asc\" /><input type=\"hidden\" name=\"per_page\" value=\"2\" /><input type=\"hidden\" name=\"page\" value=\"1\" /><input type=\"hidden\" name=\"only_path\" value=\"true\" /><input type=\"hidden\" name=\"link_type\" value=\"search\" /><input type=\"search\" value=\"Name fr\" name=\"search\" class=\"form-control\" placeholder=\"Search by Name fr and Name en...\" /><button type=\"button\" class=\"btn btn-secondary input-group-btn clear-search-btn\"><i class=\"glyph fas fa-times-circle\"></i></button></div></form><br class=\"ui-bibz-clear\" /></div>"
 
     assert_equal expected, actual
   end
@@ -152,7 +152,7 @@ class TableTest < ActionView::TestCase
   end
 
   test 'complex table_card' do
-    actual = UiBibz::Ui::Ux::Tables::TableCard.new({ store: @users, tap: true }, { class: 'state' }).tap do |pane|
+    actual = UiBibz::Ui::Ux::Tables::TableCard.new({ store: @users }, { class: 'state' }).tap do |pane|
       pane.header 'Test header'
       pane.body 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::Tables::TableCard.new({ store: @users, tap: true }, { class: 'state' }).tap do |pane|
+    actual = UiBibz::Ui::Ux::Tables::TableCard.new({ store: @users }, { class: 'state' }).tap do |pane|
       pane.header 'Test header'
       pane.body cls: 'ui' do
         'Test body'

data/test/ui_bibz_test.rb

@@ -2,7 +2,7 @@
 
 require 'test_helper'
 
-class UiBibzTest < ActiveSupport::TestCase
+class UiBibz::Test < ActiveSupport::TestCase
   test 'truth' do
     assert_kind_of Module, UiBibz
   end

data/ui_bibz.gemspec

@@ -10,14 +10,14 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 
 # Describe your gem and declare its dependencies:
 Gem::Specification.new do |s|
-  s.name        = 'ui_bibz'
+  s.name        = UiBibz::SLUG
   s.version     = UiBibz::VERSION
-  s.authors     = ['Thooams']
-  s.email       = 'thomas@hummel.link'
-  s.homepage    = 'http://thooams.github.io/Ui-Bibz/'
-  s.summary     = 'Create your project with Ui Bibz. Over a thirty reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.'
-  s.description = 'A Rails Interface Framework using Bootstrap.'
-  s.license     = 'MIT'
+  s.authors     = UiBibz::AUTHORS
+  s.email       = UiBibz::EMAIL
+  s.homepage    = UiBibz::HOMEPAGE
+  s.summary     = UiBibz::SUMMARY
+  s.description = UiBibz::DESCRIPTION
+  s.license     = UiBibz::LICENSE
 
   s.required_ruby_version = '>= 2.7'
 
@@ -27,24 +27,24 @@ Gem::Specification.new do |s|
   s.require_paths = %w[lib vendor]
 
   # Rails gems
-  s.add_dependency 'bootstrap', UiBibz::BOOTSTRAP_VERSION
-  s.add_dependency 'haml'
-  s.add_dependency 'haml-rails'
-  s.add_dependency 'jquery-rails', '>= 3.1.0'
-  s.add_dependency 'popper_js'
-  s.add_dependency 'rails', '>= 4.2.0'
-  s.add_dependency 'sass-rails', '>= 5.0.0'
-  s.add_dependency 'will-paginate-i18n'
+  s.add_dependency 'rails', '~> 6.0.3', '>= 6.0.3.2'
+
+  # Remove these dependencies after
   s.add_dependency 'will_paginate', '~> 3.1.0'
   s.add_dependency 'will_paginate-bootstrap4'
+  s.add_dependency 'will-paginate-i18n'
 
   # Development gems
   s.add_development_dependency 'codeclimate-test-reporter'
   s.add_development_dependency 'factory_bot_rails', '~> 4.0'
+  s.add_development_dependency 'haml-rails'
   s.add_development_dependency 'minitest'
   s.add_development_dependency 'overcommit'
   s.add_development_dependency 'rubocop'
-  s.add_development_dependency 'simple_form'
+  s.add_development_dependency 'rubocop-minitest'
+  s.add_development_dependency 'rubocop-performance'
+  s.add_development_dependency 'rubocop-rails'
   s.add_development_dependency 'simplecov'
+  s.add_development_dependency 'simple_form'
   s.add_development_dependency 'sqlite3'
 end

metadata

@@ -1,73 +1,65 @@
 --- !ruby/object:Gem::Specification
 name: ui_bibz
 version: !ruby/object:Gem::Version
-  version: 2.5.6
+  version: 3.0.0.alpha8
 platform: ruby
 authors:
 - Thooams
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-06-25 00:00:00.000000000 Z
+date: 2020-11-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: bootstrap
+  name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 4.4.1
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.4.1
-- !ruby/object:Gem::Dependency
-  name: haml
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
+        version: 6.0.3
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 6.0.3.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.0.3
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 6.0.3.2
 - !ruby/object:Gem::Dependency
-  name: haml-rails
+  name: will_paginate
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.1.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.1.0
 - !ruby/object:Gem::Dependency
-  name: jquery-rails
+  name: will_paginate-bootstrap4
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.1.0
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.1.0
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: popper_js
+  name: will-paginate-i18n
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -81,41 +73,41 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: rails
+  name: codeclimate-test-reporter
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.2.0
-  type: :runtime
+        version: '0'
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.2.0
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: sass-rails
+  name: factory_bot_rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 5.0.0
-  type: :runtime
+        version: '4.0'
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 5.0.0
+        version: '4.0'
 - !ruby/object:Gem::Dependency
-  name: will-paginate-i18n
+  name: haml-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-  type: :runtime
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -123,27 +115,13 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: will_paginate
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 3.1.0
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 3.1.0
-- !ruby/object:Gem::Dependency
-  name: will_paginate-bootstrap4
+  name: minitest
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-  type: :runtime
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -151,7 +129,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: codeclimate-test-reporter
+  name: overcommit
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -165,21 +143,21 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: factory_bot_rails
+  name: rubocop
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: minitest
+  name: rubocop-minitest
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -193,7 +171,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: overcommit
+  name: rubocop-performance
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -207,7 +185,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: rubocop
+  name: rubocop-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -221,7 +199,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: simple_form
+  name: simplecov
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -235,7 +213,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: simplecov
+  name: simple_form
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -262,9 +240,10 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: A Rails Interface Framework using Bootstrap.
+description: A Rails Interface Framework using Bootstrap 5.0.0.alpha2.
 email: thomas@hummel.link
-executables: []
+executables:
+- test
 extensions: []
 extra_rdoc_files: []
 files:
@@ -274,6 +253,8 @@ files:
 - ".gitlab-ci.yml"
 - ".overcommit.yml"
 - ".rubocop.yml"
+- ".ruby-gemset"
+- ".ruby-version"
 - ".travis.yml"
 - CONTRIBUTORS.md
 - Gemfile
@@ -281,33 +262,11 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
-- app/assets/javascripts/fix_bootstrap.coffee
-- app/assets/javascripts/form.coffee
-- app/assets/javascripts/formula.coffee
-- app/assets/javascripts/input-connected.coffee
-- app/assets/javascripts/interface.coffee
-- app/assets/javascripts/jquery.multi-select-extend.coffee
-- app/assets/javascripts/table.coffee
-- app/assets/javascripts/ui_bibz.coffee.erb
-- app/assets/stylesheets/_custom_variables.sass
-- app/assets/stylesheets/_panel.scss
-- app/assets/stylesheets/bootstrap-switch.sass
-- app/assets/stylesheets/boxes.sass
-- app/assets/stylesheets/containers.sass
-- app/assets/stylesheets/fix-bootstrap-4.sass
-- app/assets/stylesheets/fix_addon.sass
-- app/assets/stylesheets/forms.sass
-- app/assets/stylesheets/navigations.sass
-- app/assets/stylesheets/notifications.sass
-- app/assets/stylesheets/tables.sass
-- app/assets/stylesheets/ui_bibz.sass.erb
-- app/ui/.keep
+- bin/test
 - config/initializers/simple_form_init.rb
 - config/initializers/will_paginate.rb
 - config/locales/en.yml
 - config/locales/fr.yml
-- lib/generators/ui_bibz/install_generator.rb
-- lib/generators/ui_bibz/templates/ui_bibz_initializer.rb
 - lib/tasks/ui_bibz_tasks.rake
 - lib/ui_bibz.rb
 - lib/ui_bibz/concerns/models/searchable.rb
@@ -330,6 +289,7 @@ files:
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_auto_complete_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_box_switch_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_checkbox_field_input.rb
+- lib/ui_bibz/inputs/ui_bibz_inputs/ui_choice_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_choice_group_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_date_picker_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_dropdown_select_field_input.rb
@@ -342,23 +302,31 @@ files:
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_radio_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_range_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_select_field_input.rb
+- lib/ui_bibz/inputs/ui_bibz_inputs/ui_slider_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_switch_field_input.rb
 - lib/ui_bibz/inputs/ui_bibz_inputs/ui_text_field_input.rb
 - lib/ui_bibz/rails/engine.rb
+- lib/ui_bibz/railtie.rb
 - lib/ui_bibz/ui/base.rb
+- lib/ui_bibz/ui/concerns/card_itemable_concern.rb
+- lib/ui_bibz/ui/concerns/html_concern.rb
 - lib/ui_bibz/ui/core/boxes/card.rb
 - lib/ui_bibz/ui/core/boxes/card_accordion.rb
 - lib/ui_bibz/ui/core/boxes/card_column.rb
 - lib/ui_bibz/ui/core/boxes/card_deck.rb
+- lib/ui_bibz/ui/core/boxes/card_grid.rb
 - lib/ui_bibz/ui/core/boxes/card_group.rb
 - lib/ui_bibz/ui/core/boxes/components/body/card_body_link.rb
+- lib/ui_bibz/ui/core/boxes/components/body/card_body_subtitle.rb
 - lib/ui_bibz/ui/core/boxes/components/body/card_body_text.rb
 - lib/ui_bibz/ui/core/boxes/components/body/card_body_title.rb
 - lib/ui_bibz/ui/core/boxes/components/card_body.rb
+- lib/ui_bibz/ui/core/boxes/components/card_col.rb
 - lib/ui_bibz/ui/core/boxes/components/card_footer.rb
 - lib/ui_bibz/ui/core/boxes/components/card_header.rb
 - lib/ui_bibz/ui/core/boxes/components/card_image.rb
 - lib/ui_bibz/ui/core/boxes/components/card_list_group.rb
+- lib/ui_bibz/ui/core/boxes/components/card_row.rb
 - lib/ui_bibz/ui/core/boxes/components/card_tab_group.rb
 - lib/ui_bibz/ui/core/boxes/jumbotron.rb
 - lib/ui_bibz/ui/core/component.rb
@@ -384,10 +352,11 @@ files:
 - lib/ui_bibz/ui/core/forms/numbers/formula_field.rb
 - lib/ui_bibz/ui/core/forms/numbers/number_field.rb
 - lib/ui_bibz/ui/core/forms/numbers/range_field.rb
+- lib/ui_bibz/ui/core/forms/numbers/slider_field.rb
+- lib/ui_bibz/ui/core/forms/numbers/slider_header.rb
 - 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
@@ -405,7 +374,6 @@ files:
 - lib/ui_bibz/ui/core/icons/components/glyph_counter.rb
 - lib/ui_bibz/ui/core/icons/components/glyph_text.rb
 - lib/ui_bibz/ui/core/icons/glyph.rb
-- lib/ui_bibz/ui/core/icons/glyph_group.rb
 - lib/ui_bibz/ui/core/icons/star.rb
 - lib/ui_bibz/ui/core/layouts/col.rb
 - lib/ui_bibz/ui/core/layouts/container.rb
@@ -459,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
@@ -477,6 +446,7 @@ files:
 - lib/ui_bibz/ui/ux/tables/table_pagination.rb
 - lib/ui_bibz/ui/ux/tables/table_pagination_per_page.rb
 - lib/ui_bibz/ui/ux/tables/table_search_field.rb
+- lib/ui_bibz/utils/breakdown_class_name_generator.rb
 - lib/ui_bibz/utils/glyph_changer.rb
 - lib/ui_bibz/utils/internationalization.rb
 - lib/ui_bibz/utils/screwdriver.rb
@@ -491,6 +461,7 @@ files:
 - test/dummy/app/controllers/concerns/.keep
 - test/dummy/app/controllers/users_controller.rb
 - test/dummy/app/helpers/application_helper.rb
+- test/dummy/app/javascripts/packs/index.js
 - test/dummy/app/mailers/.keep
 - test/dummy/app/models/.keep
 - test/dummy/app/models/application_record.rb
@@ -499,20 +470,23 @@ files:
 - test/dummy/app/models/country.rb
 - test/dummy/app/models/user.rb
 - test/dummy/app/views/layouts/application.html.erb
-- test/dummy/bin/bundle
+- test/dummy/app/views/users/index.html.erb
 - test/dummy/bin/rails
 - test/dummy/bin/rake
 - test/dummy/bin/setup
 - test/dummy/config.ru
 - test/dummy/config/application.rb
 - test/dummy/config/boot.rb
+- test/dummy/config/cable.yml
 - test/dummy/config/database.yml
 - test/dummy/config/environment.rb
 - test/dummy/config/environments/development.rb
 - test/dummy/config/environments/production.rb
 - test/dummy/config/environments/test.rb
+- test/dummy/config/initializers/application_controller_renderer.rb
 - test/dummy/config/initializers/assets.rb
 - test/dummy/config/initializers/backtrace_silencers.rb
+- test/dummy/config/initializers/content_security_policy.rb
 - test/dummy/config/initializers/cookies_serializer.rb
 - test/dummy/config/initializers/filter_parameter_logging.rb
 - test/dummy/config/initializers/inflections.rb
@@ -522,8 +496,11 @@ files:
 - test/dummy/config/initializers/ui_bibz.rb
 - test/dummy/config/initializers/wrap_parameters.rb
 - test/dummy/config/locales/en.yml
+- test/dummy/config/puma.rb
 - test/dummy/config/routes.rb
 - test/dummy/config/secrets.yml
+- test/dummy/config/spring.rb
+- test/dummy/config/storage.yml
 - test/dummy/db/migrate/20150123191805_create_users.rb
 - test/dummy/db/migrate/20170309084406_continents.rb
 - test/dummy/db/migrate/20170309084453_countries.rb
@@ -533,7 +510,10 @@ files:
 - test/dummy/public/404.html
 - test/dummy/public/422.html
 - test/dummy/public/500.html
+- test/dummy/public/apple-touch-icon-precomposed.png
+- test/dummy/public/apple-touch-icon.png
 - test/dummy/public/favicon.ico
+- test/dummy/storage/.keep
 - test/dummy/test/fixtures/users.yml
 - test/dummy/test/models/user_test.rb
 - test/factories/user.rb
@@ -541,6 +521,7 @@ files:
 - test/store_test.rb
 - test/support/factory_bot.rb
 - test/test_helper.rb
+- test/ui/core/boxes/card_grid_test.rb
 - test/ui/core/boxes/card_test.rb
 - test/ui/core/boxes/jumbotron_test.rb
 - test/ui/core/component_test.rb
@@ -554,11 +535,11 @@ files:
 - test/ui/core/forms/choices/radio_field_test.rb
 - test/ui/core/forms/dates/date_picker_field_test.rb
 - test/ui/core/forms/dropdowns/dropdown_test.rb
-- test/ui/core/forms/files/text_field_test.rb
+- test/ui/core/forms/files/file_field_test.rb
 - test/ui/core/forms/numbers/formula_field_test.rb
 - test/ui/core/forms/numbers/number_field_test.rb
 - test/ui/core/forms/numbers/range_field_test.rb
-- test/ui/core/forms/selects/dropdown_select_field_test.rb
+- test/ui/core/forms/numbers/slider_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
@@ -566,7 +547,6 @@ files:
 - test/ui/core/forms/textareas/markdown_editor_field_test.rb
 - test/ui/core/forms/texts/auto_complete_field_test.rb
 - test/ui/core/forms/texts/text_field_test.rb
-- test/ui/core/icons/glyph_group_test.rb
 - test/ui/core/icons/glyph_test.rb
 - test/ui/core/icons/star_test.rb
 - test/ui/core/layouts/col_test.rb
@@ -586,6 +566,7 @@ files:
 - test/ui/core/notifications/spinner_test.rb
 - test/ui/core/notifications/toast_test.rb
 - test/ui/core/windows/modal_test.rb
+- test/ui/utils/breakdown_class_name_generator_test.rb
 - test/ui/ux/containers/panel_test.rb
 - test/ui/ux/tables/table_test.rb
 - test/ui_bibz_test.rb
@@ -658,7 +639,7 @@ homepage: http://thooams.github.io/Ui-Bibz/
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -670,15 +651,15 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '2.7'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.1.2
-signing_key: 
+signing_key:
 specification_version: 4
-summary: Create your project with Ui Bibz. Over a thirty reusable components built
-  to provide iconography, dropdowns, input groups, navigation, alerts, and much more.
+summary: Ui Bibz is an Ui Framework that allows you to build an interface very quickly
+  and simply using Bootstrap 5.0.0.alpha2.
 test_files:
 - test/dummy/README.rdoc
 - test/dummy/Rakefile
@@ -690,6 +671,7 @@ test_files:
 - test/dummy/app/controllers/concerns/.keep
 - test/dummy/app/controllers/users_controller.rb
 - test/dummy/app/helpers/application_helper.rb
+- test/dummy/app/javascripts/packs/index.js
 - test/dummy/app/mailers/.keep
 - test/dummy/app/models/.keep
 - test/dummy/app/models/application_record.rb
@@ -698,20 +680,23 @@ test_files:
 - test/dummy/app/models/country.rb
 - test/dummy/app/models/user.rb
 - test/dummy/app/views/layouts/application.html.erb
-- test/dummy/bin/bundle
+- test/dummy/app/views/users/index.html.erb
 - test/dummy/bin/rails
 - test/dummy/bin/rake
 - test/dummy/bin/setup
 - test/dummy/config.ru
 - test/dummy/config/application.rb
 - test/dummy/config/boot.rb
+- test/dummy/config/cable.yml
 - test/dummy/config/database.yml
 - test/dummy/config/environment.rb
 - test/dummy/config/environments/development.rb
 - test/dummy/config/environments/production.rb
 - test/dummy/config/environments/test.rb
+- test/dummy/config/initializers/application_controller_renderer.rb
 - test/dummy/config/initializers/assets.rb
 - test/dummy/config/initializers/backtrace_silencers.rb
+- test/dummy/config/initializers/content_security_policy.rb
 - test/dummy/config/initializers/cookies_serializer.rb
 - test/dummy/config/initializers/filter_parameter_logging.rb
 - test/dummy/config/initializers/inflections.rb
@@ -721,8 +706,11 @@ test_files:
 - test/dummy/config/initializers/ui_bibz.rb
 - test/dummy/config/initializers/wrap_parameters.rb
 - test/dummy/config/locales/en.yml
+- test/dummy/config/puma.rb
 - test/dummy/config/routes.rb
 - test/dummy/config/secrets.yml
+- test/dummy/config/spring.rb
+- test/dummy/config/storage.yml
 - test/dummy/db/migrate/20150123191805_create_users.rb
 - test/dummy/db/migrate/20170309084406_continents.rb
 - test/dummy/db/migrate/20170309084453_countries.rb
@@ -732,7 +720,10 @@ test_files:
 - test/dummy/public/404.html
 - test/dummy/public/422.html
 - test/dummy/public/500.html
+- test/dummy/public/apple-touch-icon-precomposed.png
+- test/dummy/public/apple-touch-icon.png
 - test/dummy/public/favicon.ico
+- test/dummy/storage/.keep
 - test/dummy/test/fixtures/users.yml
 - test/dummy/test/models/user_test.rb
 - test/factories/user.rb
@@ -740,6 +731,7 @@ test_files:
 - test/store_test.rb
 - test/support/factory_bot.rb
 - test/test_helper.rb
+- test/ui/core/boxes/card_grid_test.rb
 - test/ui/core/boxes/card_test.rb
 - test/ui/core/boxes/jumbotron_test.rb
 - test/ui/core/component_test.rb
@@ -753,11 +745,11 @@ test_files:
 - test/ui/core/forms/choices/radio_field_test.rb
 - test/ui/core/forms/dates/date_picker_field_test.rb
 - test/ui/core/forms/dropdowns/dropdown_test.rb
-- test/ui/core/forms/files/text_field_test.rb
+- test/ui/core/forms/files/file_field_test.rb
 - test/ui/core/forms/numbers/formula_field_test.rb
 - test/ui/core/forms/numbers/number_field_test.rb
 - test/ui/core/forms/numbers/range_field_test.rb
-- test/ui/core/forms/selects/dropdown_select_field_test.rb
+- test/ui/core/forms/numbers/slider_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
@@ -765,7 +757,6 @@ test_files:
 - test/ui/core/forms/textareas/markdown_editor_field_test.rb
 - test/ui/core/forms/texts/auto_complete_field_test.rb
 - test/ui/core/forms/texts/text_field_test.rb
-- test/ui/core/icons/glyph_group_test.rb
 - test/ui/core/icons/glyph_test.rb
 - test/ui/core/icons/star_test.rb
 - test/ui/core/layouts/col_test.rb
@@ -785,6 +776,7 @@ test_files:
 - test/ui/core/notifications/spinner_test.rb
 - test/ui/core/notifications/toast_test.rb
 - test/ui/core/windows/modal_test.rb
+- test/ui/utils/breakdown_class_name_generator_test.rb
 - test/ui/ux/containers/panel_test.rb
 - test/ui/ux/tables/table_test.rb
 - test/ui_bibz_test.rb