ui_bibz 3.0.0.beta6 → 3.0.0.beta11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ab074570076dac77f62df00073048e54f4bf3d935a7d3d2c13438000ffdb8506
-  data.tar.gz: 91005c842ed00077ecc28ea4fadf1a8d766af041e2c59b573a9a5fbf93b57d46
+  metadata.gz: 5109c403d8f9d306f2f973b619ef117bd7e3df4bb036358e47744058fc553718
+  data.tar.gz: 3e1af30e67ffb1c68ae033110241da17a457aa7e1b0ebc797ca521f8d3d54991
 SHA512:
-  metadata.gz: c52c51c4e4075e0ad2bcaa0445aa0201b188e961d96c7a46126626f501115fd11bc1c81877be36456c272e2d427592056a51f98844f39809b4315100dbe1624a
-  data.tar.gz: 13033afe527ecfb013e00a4772920d41b0ee3880fa795e5ef09c6934f4c51d5fb634240394a243c681091d573ac84ae0691341589cc6a3132881e5018ec9ac0f
+  metadata.gz: e0bf93e9f8098b12c510c9aa3280506b893d54c6a05dad6338c4e5198ac23b9d27725403497db8171fbc7eb7e0b40358cdacc4238d1311ad2d0e02b19f6afc2b
+  data.tar.gz: dcb82ceeed6c63c19ecf35b95014ccf78f12a702507598a6b29e1ea5665d7767e8d0224630cc2eadf46f1699e7d6917533e391d02cd82b3452bdffabfb417557

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ui_bibz (3.0.0.beta6)
+    ui_bibz (3.0.0.beta11)
       will-paginate-i18n
       will_paginate (~> 3.3.0)
       will_paginate-bootstrap4
@@ -95,7 +95,7 @@ GEM
       haml (>= 4.0, < 6)
       nokogiri (>= 1.6.0)
       ruby_parser (~> 3.5)
-    i18n (1.8.7)
+    i18n (1.8.8)
       concurrent-ruby (~> 1.0)
     iniparse (1.5.0)
     jquery-rails (4.4.0)
@@ -114,7 +114,7 @@ GEM
     mini_mime (1.0.2)
     mini_portile2 (2.5.0)
     minitest (5.14.3)
-    nio4r (2.5.4)
+    nio4r (2.5.5)
     nokogiri (1.11.1)
       mini_portile2 (~> 2.5.0)
       racc (~> 1.4)
@@ -158,7 +158,7 @@ GEM
     rake (13.0.3)
     regexp_parser (2.0.3)
     rexml (3.2.4)
-    rubocop (1.8.1)
+    rubocop (1.9.1)
       parallel (~> 1.10)
       parser (>= 3.0.0.0)
       rainbow (>= 2.2.2, < 4.0)
@@ -182,9 +182,9 @@ GEM
     ruby_parser (3.15.1)
       sexp_processor (~> 4.9)
     sexp_processor (4.15.2)
-    simple_form (5.0.3)
-      actionpack (>= 5.0)
-      activemodel (>= 5.0)
+    simple_form (5.1.0)
+      actionpack (>= 5.2)
+      activemodel (>= 5.2)
     simplecov (0.21.2)
       docile (~> 1.1)
       simplecov-html (~> 0.11)

data/lib/ui_bibz.rb

@@ -180,9 +180,11 @@ module UiBibz
       module Notifications
         autoload :Alert,                   'ui_bibz/ui/core/notifications/alert'
         autoload :Badge,                   'ui_bibz/ui/core/notifications/badge'
+        autoload :Popover,                 'ui_bibz/ui/core/notifications/popover'
         autoload :ProgressBar,             'ui_bibz/ui/core/notifications/progress_bar'
         autoload :Spinner,                 'ui_bibz/ui/core/notifications/spinner'
         autoload :Toast,                   'ui_bibz/ui/core/notifications/toast'
+        autoload :Tooltip,                 'ui_bibz/ui/core/notifications/tooltip'
       end
 
       module Windows

data/lib/ui_bibz/infos.rb

@@ -7,11 +7,11 @@ module UiBibz
   DESCRIPTION         = "A Rails Interface Framework using Bootstrap #{BOOTSTRAP_VERSION}."
   SUMMARY             = "Ui Bibz is an Ui Framework that allows you to build an interface very quickly and simply using Bootstrap #{BOOTSTRAP_VERSION}."
   LICENSE             = 'MIT'
-  FONTAWESOME_VERSION = '5.15.1'
+  FONTAWESOME_VERSION = '5.15.2'
   HOMEPAGE            = 'https://hummel.link/ui-bibz/'
   REPO                = 'git+https://github.com/thooams/ui_bibz.git'
   EMAIL               = 'thomas@hummel.link'
   AUTHOR              = 'Thooams [Thomas HUMMEL]'
-  VERSION             = '3.0.0.beta6'
+  VERSION             = '3.0.0.beta11'
   AUTHORS = ['Thooams'].freeze
 end

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

@@ -68,6 +68,7 @@ module UiBibz::Ui::Core::Forms::Choices
     def checkbox_html_options
       {
         disabled: disabled?,
+        checked: options[:state] == :active,
         indeterminate: options[:indeterminate],
         "data-action": options[:action],
         class: UiBibz::Utils::Screwdriver.join_classes('form-check-input', input_status)

data/lib/ui_bibz/ui/core/forms/choices/components/choice.rb

@@ -116,5 +116,7 @@ module UiBibz::Ui::Core::Forms::Choices
     def input_id
       @input_id ||= @options[:id] || generate_id('choice')
     end
+
+    def state; end
   end
 end

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

@@ -65,7 +65,8 @@ module UiBibz::Ui::Core::Forms::Choices
 
     def checkbox_html_options
       {
-        disabled: options[:state] == :disabled,
+        disabled: disabled?,
+        checked: options[:state] == :active,
         "data-action": options[:action],
         class: UiBibz::Utils::Screwdriver.join_classes('form-check-input', input_status)
       }

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

@@ -73,12 +73,12 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     end
 
     def button_html
-      content_tag :button, button_content, class: join_classes('btn', button_status, size)
+      content_tag :button, button_content, (options[:html_button] || {}).merge(class: join_classes('btn', button_status, size, options[:html_button].try(:[], :class)))
     end
 
     def split_html
-      content_tag :button, split_content, class: split_classes, type: 'button',
-                                          'data-bs-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false
+      content_tag :button, split_content, (options[:html_split] || {}).merge(class: split_classes, type: 'button',
+                                                                             'data-bs-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false)
     end
 
     def split_content
@@ -86,7 +86,7 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     end
 
     def split_classes
-      join_classes('btn', button_status, size, 'dropdown-toggle', 'dropdown-toggle-split')
+      join_classes('btn', button_status, size, 'dropdown-toggle', 'dropdown-toggle-split', options[:split_html].try(:[], :class))
     end
 
     def src_only

data/lib/ui_bibz/ui/core/notifications/popover.rb

@@ -0,0 +1,89 @@
+# frozen_string_literal: true
+
+module UiBibz::Ui::Core::Notifications
+  # Create a popover
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Notifications::Popover.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::Notifications::Popover.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Notifications::Popover.new(class: 'my-toast').tap |t|
+  #     t.header "My header toast", glyph: 'eye', time: 'now'
+  #     t.body "My body toast"
+  #   end
+  #
+  # ==== Helper
+  #
+  #   popover = UiBibz::Ui::Core::Notifications::Popover.new(position: :left) do
+  #      My content
+  #   end
+  #   ui_glyph("diamond", popover: popover)
+  #
+  #   # or
+  #
+  #   ui_glyph("diamond", {popover: true}, { title: "My content" })
+  #
+  #   # or
+  #
+  #   ui_glyph("diamond", popover: { title: "My content", position: :right})
+  #
+  class Popover < UiBibz::Ui::Core::Component
+    # Note that for security reasons the sanitize, sanitizeFn, and allowList
+    # options cannot be supplied using data attributes.
+    # https://getbootstrap.com/docs/5.0/components/popovers/#options
+    DATA_ATTRIBUTES = %i[animation container delay html selector
+                         template title trigger offset fallbackPlacement
+                         boundary customClass popperConfig].freeze
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize(content = nil, options = nil, html_options = nil, &block)
+      super
+      @content = @options[:content] if content.is_a?(Hash) && block.nil?
+    end
+
+    # Render html tag
+    def render
+      base_attributes.merge(data_attributes)
+    end
+
+    private
+
+    def base_attributes
+      {
+        'data-bs-toggle' => 'popover',
+        'data-bs-content' => @content.html_safe
+      }.tap do |h|
+        h['data-bs-placement'] = options[:position] || options[:placement] if (options[:position] || options[:placement]).present?
+      end
+    end
+
+    def data_attributes
+      DATA_ATTRIBUTES.map do |data_attribute|
+        options[data_attribute].to_s.blank? ? nil : { "data-bs-#{data_attribute}" => data_attribute_value(data_attribute) }
+      end.compact.reduce(&:merge) || {}
+    end
+
+    def data_attribute_value(data_attribute)
+      options[data_attribute].is_a?(String) ? options[data_attribute].html_safe : options[data_attribute]
+    end
+  end
+end

data/lib/ui_bibz/ui/core/notifications/toast.rb

@@ -25,20 +25,20 @@ module UiBibz::Ui::Core::Notifications
   #
   # ==== Signatures
   #
-  #   UiBibz::Ui::Core::Toast.new(content, options = nil, html_options = nil)
+  #   UiBibz::Ui::Core::Notifications::Toast.new(content, options = nil, html_options = nil)
   #
-  #   UiBibz::Ui::Core::Toast.new(options = nil, html_options = nil) do
+  #   UiBibz::Ui::Core::Notifications::Toast.new(options = nil, html_options = nil) do
   #     content
   #   end
   #
   # ==== Examples
   #
-  #   UiBibz::Ui::Core::Toast.new(class: 'my-toast').tap |t|
+  #   UiBibz::Ui::Core::Notifications::Toast.new(class: 'my-toast').tap |t|
   #     t.header "My header toast", glyph: 'eye', time: 'now'
   #     t.body "My body toast"
   #   end
   #
-  #   UiBibz::Ui::Core::Toast.new(class: 'my-toast').tap |t|
+  #   UiBibz::Ui::Core::Notifications::Toast.new(class: 'my-toast').tap |t|
   #     t.header glyph: 'eye', time: 'now' do
   #       My header toast
   #     end

data/lib/ui_bibz/ui/core/notifications/tooltip.rb

@@ -0,0 +1,89 @@
+# frozen_string_literal: true
+
+module UiBibz::Ui::Core::Notifications
+  # Create a tooltip
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Notifications::Tooltip.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::Notifications::Tooltip.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Notifications::Tooltip.new("My content")
+  #
+  #   # or
+  #
+  #   UiBibz::Ui::Core::Notifications::Tooltip.new(position: :right) do
+  #     content
+  #   end
+  #
+  # ==== Helper
+  #
+  #   tooltip = UiBibz::Ui::Core::Notifications::Tooltip.new("My content", position: :left)
+  #   ui_glyph("diamond", tooltip: tooltip)
+  #
+  #   # or
+  #
+  #   ui_glyph("diamond", {tooltip: true}, { title: "My content" })
+  #
+  #   # or
+  #
+  #   ui_glyph("diamond", tooltip: { title: "My content", position: :right})
+  #
+  class Tooltip < UiBibz::Ui::Core::Component
+    # Note that for security reasons the sanitize, sanitizeFn, and allowList
+    # options cannot be supplied using data attributes.
+    # https://getbootstrap.com/docs/5.0/components/tooltips/#options
+    DATA_ATTRIBUTES = %i[animation container delay html selector template trigger
+                         fallbackPlacement boundary].freeze
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize(content = nil, options = nil, html_options = nil, &block)
+      super
+      @content = @options[:title] if content.is_a?(Hash) && block.nil?
+    end
+
+    # Render html tag
+    def render
+      base_attributes.merge(data_attributes)
+    end
+
+    private
+
+    def base_attributes
+      {
+        'data-bs-toggle' => 'tooltip',
+        'data-bs-title' => @content.html_safe
+      }.tap do |h|
+        h['data-bs-placement'] = options[:position] || options[:placement] if (options[:position] || options[:placement]).present?
+      end
+    end
+
+    def data_attributes
+      DATA_ATTRIBUTES.map do |data_attribute|
+        options[data_attribute].to_s.blank? ? nil : { "data-bs-#{data_attribute}" => data_attribute_value(data_attribute) }
+      end.compact.reduce(&:merge) || {}
+    end
+
+    def data_attribute_value(data_attribute)
+      options[data_attribute].is_a?(String) ? options[data_attribute].html_safe : options[data_attribute]
+    end
+  end
+end

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

@@ -1,34 +1,70 @@
 # frozen_string_literal: true
 
 module PopoverExtension
-  TOOLTIP_METHODS = %i[animation container delay html placement selector template title trigger
-                       offset fallback_placement boundary sanitize white_list santitize_fn].freeze
-
-  POPOVER_METHODS = %i[animation container delay html placement selector template title
-                       trigger offset fallback_placement boundary sanitize white_list sanitize_fn].freeze
-
+  # Add popover to a component
+  #
+  # By tooltip object
+  #
+  #   popover = UiBibz::Ui::Core::Notifications::Popover.new("My Popover")
+  #   UiBibz::Ui::Core::Component.new("My content", popover: popover)
+  #
+  # By Hash
+  #
+  #   UiBibz::Ui::Core::Component.new("My content", popover: { content: "My Popover" })
+  #
+  # By String
+  #
+  #   UiBibz::Ui::Core::Component.new("My content", popover: "My Popover")
+  #
   def popover_data_html
-    if options[:popover].present?
-      add_html_data 'bs-toggle', value: 'popover'
-      add_html_data 'bs-content', value: (options[:popover].is_a?(String) ? options[:popover] : options[:popover][:content])
-    end
+    return if options[:popover].nil?
 
-    return unless options[:popover].is_a?(Hash)
-
-    POPOVER_METHODS.each { |mth| add_html_data(mth, value: options[:popover].try(:[], mth)) unless options[:popover].try(:[], mth).nil? }
-    add_html_data 'bs-placement', value: options[:popover].try(:[], :position) unless options[:popover].try(:[], :position).nil?
+    html_options.update(generate_popover.render)
   end
 
+  # Add tooltip to a component
+  #
+  # By tooltip object
+  #
+  #   tooltip = UiBibz::Ui::Core::Notifications::Tooltip.new("My tooltip")
+  #   UiBibz::Ui::Core::Component.new("My content", tooltip: tooltip)
+  #
+  # By Boolean
+  #
+  #   UiBibz::Ui::Core::Component.new("My content", tooltip: true)
+  #   # or
+  #   UiBibz::Ui::Core::Component.new("My content", {tooltip: true}, { title: 'My tooltip' })
+  #
+  # By Hash
+  #
+  #   UiBibz::Ui::Core::Component.new("My content", tooltip: { title: 'My tooltip' })
+  #
   def tooltip_data_html
     return if options[:tooltip].nil?
 
-    add_html_data 'bs-toggle', value: 'tooltip'
+    html_options.update(generate_tooltip.render)
+  end
+
+  private
+
+  def generate_tooltip
+    case options[:tooltip].class.name
+    when 'UiBibz::Ui::Core::Notifications::Tooltip'
+      options[:tooltip]
+    when 'TrueClass'
+      tooltip_content = html_options.delete(:title) || (sanitize_text(content) if options[:text] == false)
+      UiBibz::Ui::Core::Notifications::Tooltip.new(tooltip_content)
+    else
+      UiBibz::Ui::Core::Notifications::Tooltip.new(options[:tooltip])
+    end
+  end
 
-    if options[:tooltip].is_a?(Hash)
-      TOOLTIP_METHODS.each { |mth| add_html_data(mth, value: options[:tooltip].try(:[], mth)) unless options[:tooltip].try(:[], mth).nil? }
-      add_html_data 'bs-placement', value: options[:tooltip].try(:[], :position) unless options[:tooltip].try(:[], :position).nil?
+  def generate_popover
+    case options[:popover].class.name
+    when 'UiBibz::Ui::Core::Notifications::Popover'
+      options[:popover]
     else
-      add_html_data :title, value: options[:tooltip] == true ? sanitize_text(content) : options[:tooltip]
+      UiBibz::Ui::Core::Notifications::Popover.new(options[:popover])
     end
   end
 end

data/lib/ui_bibz/ui/ux/tables/extensions/actionable.rb

@@ -35,7 +35,7 @@ module UiBibz::Ui::Ux::Tables
 
       return if default_actions? != true && @actions.raw_list.empty?
 
-      UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new(dropdown_action_name, { position: :right, size: :sm, glyph: actions_glyph }, { class: 'dropdown-action' }).tap do |d|
+      UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new(dropdown_action_name, { size: :sm, glyph: actions_glyph }, { class: 'dropdown-action' }).tap do |d|
         actions_links(record).each do |l|
           d.html l.to_s.html_safe
         end

data/lib/ui_bibz/ui/ux/tables/table.rb

@@ -42,7 +42,8 @@ module UiBibz::Ui::Ux::Tables
   # * +size+
   #   (+:sm+)
   # * +responsive+ - Boolean
-  # * +reflow+ - Boolean
+  # * +breakpoint+
+  #   (+:sm+, +:md+, +:lg+, +:xl+, +:xxl+)
   #
   # ==== Signatures
   #
@@ -118,7 +119,7 @@ module UiBibz::Ui::Ux::Tables
 
     # Render html tag
     def pre_render
-      table_html
+      options[:responsive] ? content_tag(:div, table_html, class: responsive) : table_html
     end
 
     # Store must be generated by *table_search_pagination* method
@@ -184,7 +185,7 @@ module UiBibz::Ui::Ux::Tables
     private
 
     def component_html_classes
-      ['table', striped, bordered, hoverable, size, responsive, reflow]
+      ['table', striped, bordered, hoverable, size]
     end
 
     def status
@@ -208,11 +209,7 @@ module UiBibz::Ui::Ux::Tables
     end
 
     def responsive
-      'table-responsive' unless @options[:responsive].nil?
-    end
-
-    def reflow
-      'table-reflow' unless @options[:reflow].nil?
+      ['table-responsive', @options[:breakpoint]].compact.join('-') unless @options[:responsive].nil?
     end
   end
 end

data/lib/ui_bibz/ui/ux/tables/table_card.rb

@@ -32,7 +32,8 @@ module UiBibz::Ui::Ux::Tables
   #   * +size+
   #     (+sm+)
   #   * +responsive+ - Boolean
-  #   * +reflow+ - Boolean
+  #   * +breakpoint+
+  #     (+:sm+, +:md+, +:lg+, +:xl+, +:xxl+)
   #
   #
   # ==== Signatures

data/test/simple_form_test.rb

@@ -21,6 +21,16 @@ class SimpleFormTest < ActionView::TestCase
     @user       = @users.first
   end
 
+  test 'simple form input' do
+    actual = simple_form_for @user do |f|
+      f.input :name_fr
+    end
+
+    expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group string optional user_name_fr\"><label class=\"control-label string optional\" for=\"user_name_fr\">Name fr</label><input class=\"form-control string optional\" type=\"text\" value=\"test1\" name=\"user[name_fr]\" id=\"user_name_fr\" /></div></form>"
+
+    assert_equal expected, actual
+  end
+
   test 'auto complete field input in simple form' do
     actual = simple_form_for @user do |f|
       f.input :name_fr, as: :ui_auto_complete_field, collection: @users, label_method: :name_fr

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

@@ -90,22 +90,22 @@ class ButtonTest < ActionView::TestCase
   end
 
   test 'button with complex popover' do
-    actual = ui_button('My Button', popover: { content: 'My popover', position: :left })
-    expected = '<button data-bs-toggle="popover" data-bs-content="My popover" data-bs-placement="left" class="btn-secondary btn">My Button</button>'
+    actual = ui_button('My Button', popover: { content: 'My popover', position: :left, html: true })
+    expected = "<button data-bs-toggle=\"popover\" data-bs-content=\"My popover\" data-bs-placement=\"left\" data-bs-html=\"true\" class=\"btn-secondary btn\">My Button</button>"
 
     assert_equal expected, actual
   end
 
   test 'button with simple tooltip' do
     actual = ui_button('My Button', { tooltip: 'My Button' }, { title: 'My tooltip' })
-    expected = '<button title="My tooltip" data-bs-toggle="tooltip" data-title="My Button" class="btn-secondary btn">My Button</button>'
+    expected = '<button title="My tooltip" data-bs-toggle="tooltip" data-bs-title="My Button" class="btn-secondary btn">My Button</button>'
 
     assert_equal expected, actual
   end
 
   test 'button with complex tooltip' do
     actual = ui_button('My Button', tooltip: { title: 'My tooltip', position: :left })
-    expected = '<button data-bs-toggle="tooltip" data-title="My tooltip" data-bs-placement="left" class="btn-secondary btn">My Button</button>'
+    expected = '<button data-bs-toggle="tooltip" data-bs-title="My tooltip" data-bs-placement="left" class="btn-secondary btn">My Button</button>'
 
     assert_equal expected, actual
   end

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

@@ -11,7 +11,7 @@ class ChoiceGroupTest < ActionView::TestCase
       bc.choice 'Checkbox 2', state: :active
     end
 
-    expected = "<div data-toggle=\"buttons\" class=\"btn-group button-choice btn-group-toggle\"><input type=\"checkbox\" autocomplete=\"off\" class=\"btn-check\" id=\"#{actual.items.first.input_options[:id]}\" /><label class=\"btn-secondary btn\" for=\"#{actual.items.first.input_options[:id]}\">Checkbox 1</label><input type=\"checkbox\" autocomplete=\"off\" class=\"btn-check\" checked=\"checked\" id=\"#{actual.items.last.input_options[:id]}\" /><label class=\"active btn-secondary btn\" aria-pressed=\"true\" for=\"#{actual.items.last.input_options[:id]}\">Checkbox 2</label></div>"
+    expected = "<div data-toggle=\"buttons\" class=\"btn-group button-choice btn-group-toggle\"><input type=\"checkbox\" autocomplete=\"off\" class=\"btn-check\" id=\"#{actual.items.first.input_options[:id]}\" /><label class=\"btn-secondary btn\" for=\"#{actual.items.first.input_options[:id]}\">Checkbox 1</label><input type=\"checkbox\" autocomplete=\"off\" class=\"btn-check\" checked=\"checked\" id=\"#{actual.items.last.input_options[:id]}\" /><label class=\"btn-secondary btn\" aria-pressed=\"true\" for=\"#{actual.items.last.input_options[:id]}\">Checkbox 2</label></div>"
 
     assert_equal expected, actual.render
   end
@@ -22,7 +22,7 @@ class ChoiceGroupTest < ActionView::TestCase
       bc.choice 'Radio 2', state: :active
     end
 
-    expected = "<div data-toggle=\"buttons\" class=\"btn-group button-choice btn-group-toggle\"><input type=\"radio\" autocomplete=\"off\" class=\"btn-check\" name=\"#{actual.items.first.input_options[:name]}\" id=\"#{actual.items.first.input_options[:id]}\" /><label class=\"btn-secondary btn\" for=\"#{actual.items.first.input_options[:id]}\">Radio 1</label><input type=\"radio\" autocomplete=\"off\" class=\"btn-check\" checked=\"checked\" name=\"#{actual.items.last.input_options[:name]}\" id=\"#{actual.items.last.input_options[:id]}\" /><label class=\"active btn-secondary btn\" aria-pressed=\"true\" for=\"#{actual.items.last.input_options[:id]}\">Radio 2</label></div>"
+    expected = "<div data-toggle=\"buttons\" class=\"btn-group button-choice btn-group-toggle\"><input type=\"radio\" autocomplete=\"off\" class=\"btn-check\" name=\"#{actual.items.first.input_options[:name]}\" id=\"#{actual.items.first.input_options[:id]}\" /><label class=\"btn-secondary btn\" for=\"#{actual.items.first.input_options[:id]}\">Radio 1</label><input type=\"radio\" autocomplete=\"off\" class=\"btn-check\" checked=\"checked\" name=\"#{actual.items.last.input_options[:name]}\" id=\"#{actual.items.last.input_options[:id]}\" /><label class=\"btn-secondary btn\" aria-pressed=\"true\" for=\"#{actual.items.last.input_options[:id]}\">Radio 2</label></div>"
 
     assert_equal expected, actual.render
   end
@@ -32,7 +32,7 @@ class ChoiceGroupTest < ActionView::TestCase
       bc.choice 'Radio 1', glyph: 'diamond', status: :primary
       bc.choice 'Radio 2', state: :active
     end
-    expected = "<div data-toggle=\"buttons\" class=\"btn-group btn-group-lg button-choice btn-group-toggle\"><input type=\"radio\" autocomplete=\"off\" class=\"btn-check\" name=\"#{actual.items.first.input_options[:name]}\" id=\"#{actual.items.first.input_options[:id]}\" /><label class=\"btn-outline-primary btn btn-lg\" for=\"#{actual.items.first.input_options[:id]}\"><i class=\"glyph fas fa-diamond\"></i> Radio 1</label><input type=\"radio\" autocomplete=\"off\" class=\"btn-check\" checked=\"checked\" name=\"#{actual.items.last.input_options[:name]}\" id=\"#{actual.items.last.input_options[:id]}\" /><label class=\"active btn-outline-secondary btn btn-lg\" aria-pressed=\"true\" for=\"#{actual.items.last.input_options[:id]}\">Radio 2</label></div>"
+    expected = "<div data-toggle=\"buttons\" class=\"btn-group btn-group-lg button-choice btn-group-toggle\"><input type=\"radio\" autocomplete=\"off\" class=\"btn-check\" name=\"#{actual.items.first.input_options[:name]}\" id=\"#{actual.items.first.input_options[:id]}\" /><label class=\"btn-outline-primary btn btn-lg\" for=\"#{actual.items.first.input_options[:id]}\"><i class=\"glyph fas fa-diamond\"></i> Radio 1</label><input type=\"radio\" autocomplete=\"off\" class=\"btn-check\" checked=\"checked\" name=\"#{actual.items.last.input_options[:name]}\" id=\"#{actual.items.last.input_options[:id]}\" /><label class=\"btn-outline-secondary btn btn-lg\" aria-pressed=\"true\" for=\"#{actual.items.last.input_options[:id]}\">Radio 2</label></div>"
 
     assert_equal expected, actual.render
   end

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

@@ -0,0 +1,59 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+class PopoverTest < ActionView::TestCase
+  setup do
+    @parameters = { animation: true, container: "body", position: :left,
+                    delay: 10, html: true, selector: false, template: "<b>",
+                    trigger: "hover focus", fallbackPlacement: %w[top right],
+                    boundary: 'clippingParents', title: "My title", offset: 2,
+                    customClass: "test", popperConfig: "Mystring" }
+  end
+
+  test 'popover by hash' do
+    actual   = UiBibz::Ui::Core::Notifications::Popover.new(@parameters.merge(content: "My Content")).render
+    expected = { "data-bs-toggle" => "popover", "data-bs-content" => "My Content", "data-bs-placement" => :left, "data-bs-animation" => true, "data-bs-container" => "body", "data-bs-delay" => 10, "data-bs-html" => true, "data-bs-selector" => false, "data-bs-template" => "<b>", "data-bs-title" => "My title", "data-bs-trigger" => "hover focus", "data-bs-offset" => 2, "data-bs-fallbackPlacement" => %w[top right], "data-bs-boundary" => "clippingParents", "data-bs-customClass" => "test", "data-bs-popperConfig" => "Mystring" }
+
+    assert_equal expected, actual
+  end
+
+  test 'popover with content and options' do
+    actual = UiBibz::Ui::Core::Notifications::Popover.new("My Content", @parameters).render
+
+    expected = { "data-bs-toggle" => "popover", "data-bs-content" => "My Content", "data-bs-placement" => :left, "data-bs-animation" => true, "data-bs-container" => "body", "data-bs-delay" => 10, "data-bs-html" => true, "data-bs-selector" => false, "data-bs-template" => "<b>", "data-bs-title" => "My title", "data-bs-trigger" => "hover focus", "data-bs-offset" => 2, "data-bs-fallbackPlacement" => %w[top right], "data-bs-boundary" => "clippingParents", "data-bs-customClass" => "test", "data-bs-popperConfig" => "Mystring" }
+
+    assert_equal expected, actual
+  end
+
+  test 'popover with block and options' do
+    actual = UiBibz::Ui::Core::Notifications::Popover.new(@parameters) do
+      "My Content"
+    end.render
+
+    expected = { "data-bs-toggle" => "popover", "data-bs-content" => "My Content", "data-bs-placement" => :left, "data-bs-animation" => true, "data-bs-container" => "body", "data-bs-delay" => 10, "data-bs-html" => true, "data-bs-selector" => false, "data-bs-template" => "<b>", "data-bs-title" => "My title", "data-bs-trigger" => "hover focus", "data-bs-offset" => 2, "data-bs-fallbackPlacement" => %w[top right], "data-bs-boundary" => "clippingParents", "data-bs-customClass" => "test", "data-bs-popperConfig" => "Mystring" }
+
+    assert_equal expected, actual
+  end
+
+  test 'glyph with popover object' do
+    popover = UiBibz::Ui::Core::Notifications::Popover.new(@parameters.merge(content: "My Content"))
+    actual = UiBibz::Ui::Core::Icons::Glyph.new("diamond", popover: popover).render
+    expected = "<i data-bs-toggle=\"popover\" data-bs-content=\"My Content\" data-bs-placement=\"left\" data-bs-animation=\"true\" data-bs-container=\"body\" data-bs-delay=\"10\" data-bs-html=\"true\" data-bs-selector=\"false\" data-bs-template=\"<b>\" data-bs-title=\"My title\" data-bs-trigger=\"hover focus\" data-bs-offset=\"2\" data-bs-fallbackPlacement=\"top right\" data-bs-boundary=\"clippingParents\" data-bs-customClass=\"test\" data-bs-popperConfig=\"Mystring\" class=\"glyph fas fa-diamond\"></i>"
+
+    assert_equal expected, actual
+  end
+
+  test 'glyph with popover hash' do
+    actual = UiBibz::Ui::Core::Icons::Glyph.new("diamond", popover: @parameters.merge(content: "My Content")).render
+    expected = "<i data-bs-toggle=\"popover\" data-bs-content=\"My Content\" data-bs-placement=\"left\" data-bs-animation=\"true\" data-bs-container=\"body\" data-bs-delay=\"10\" data-bs-html=\"true\" data-bs-selector=\"false\" data-bs-template=\"<b>\" data-bs-title=\"My title\" data-bs-trigger=\"hover focus\" data-bs-offset=\"2\" data-bs-fallbackPlacement=\"top right\" data-bs-boundary=\"clippingParents\" data-bs-customClass=\"test\" data-bs-popperConfig=\"Mystring\" class=\"glyph fas fa-diamond\"></i>"
+
+    assert_equal expected, actual
+  end
+
+  test 'glyph with popover String' do
+    actual = UiBibz::Ui::Core::Icons::Glyph.new("diamond", popover: "My Content").render
+    expected = "<i data-bs-toggle=\"popover\" data-bs-content=\"My Content\" class=\"glyph fas fa-diamond\"></i>"
+
+    assert_equal expected, actual
+  end
+end

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

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+class TooltipTest < ActionView::TestCase
+  setup do
+    @parameters = { animation: true, container: "body", position: :left,
+                    delay: 10, html: true, selector: false, template: "<b>",
+                    trigger: "hover focus", fallbackPlacement: %w[top right],
+                    boundary: 'clippingParents' }
+  end
+
+  test 'tooltip by hash' do
+    actual   = UiBibz::Ui::Core::Notifications::Tooltip.new(@parameters.merge(title: "My Title")).render
+    expected = { "data-bs-toggle" => "tooltip", "data-bs-title" => "My Title", "data-bs-placement" => :left, "data-bs-animation" => true, "data-bs-container" => "body", "data-bs-delay" => 10, "data-bs-html" => true, "data-bs-selector" => false, "data-bs-template" => "<b>", "data-bs-trigger" => "hover focus", "data-bs-fallbackPlacement" => %w[top right], "data-bs-boundary" => "clippingParents" }
+
+    assert_equal expected, actual
+  end
+
+  test 'tooltip with content and options' do
+    actual = UiBibz::Ui::Core::Notifications::Tooltip.new("My Title", @parameters).render
+
+    expected = { "data-bs-toggle" => "tooltip", "data-bs-title" => "My Title", "data-bs-placement" => :left, "data-bs-animation" => true, "data-bs-container" => "body", "data-bs-delay" => 10, "data-bs-html" => true, "data-bs-selector" => false, "data-bs-template" => "<b>", "data-bs-trigger" => "hover focus", "data-bs-fallbackPlacement" => %w[top right], "data-bs-boundary" => "clippingParents" }
+
+    assert_equal expected, actual
+  end
+
+  test 'tooltip with block and options' do
+    actual = UiBibz::Ui::Core::Notifications::Tooltip.new(@parameters) do
+      "My Title"
+    end.render
+
+    expected = { "data-bs-toggle" => "tooltip", "data-bs-title" => "My Title", "data-bs-placement" => :left, "data-bs-animation" => true, "data-bs-container" => "body", "data-bs-delay" => 10, "data-bs-html" => true, "data-bs-selector" => false, "data-bs-template" => "<b>", "data-bs-trigger" => "hover focus", "data-bs-fallbackPlacement" => %w[top right], "data-bs-boundary" => "clippingParents" }
+
+    assert_equal expected, actual
+  end
+
+  test 'glyph with tooltip object' do
+    tooltip = UiBibz::Ui::Core::Notifications::Tooltip.new(@parameters.merge(title: "My Title"))
+    actual = UiBibz::Ui::Core::Icons::Glyph.new("diamond", tooltip: tooltip).render
+    expected = "<i data-bs-toggle=\"tooltip\" data-bs-title=\"My Title\" data-bs-placement=\"left\" data-bs-animation=\"true\" data-bs-container=\"body\" data-bs-delay=\"10\" data-bs-html=\"true\" data-bs-selector=\"false\" data-bs-template=\"<b>\" data-bs-trigger=\"hover focus\" data-bs-fallbackPlacement=\"top right\" data-bs-boundary=\"clippingParents\" class=\"glyph fas fa-diamond\"></i>"
+
+    assert_equal expected, actual
+  end
+
+  test 'glyph with tooltip hash' do
+    actual = UiBibz::Ui::Core::Icons::Glyph.new("diamond", tooltip: @parameters.merge(title: "My Title")).render
+    expected = "<i data-bs-toggle=\"tooltip\" data-bs-title=\"My Title\" data-bs-placement=\"left\" data-bs-animation=\"true\" data-bs-container=\"body\" data-bs-delay=\"10\" data-bs-html=\"true\" data-bs-selector=\"false\" data-bs-template=\"<b>\" data-bs-trigger=\"hover focus\" data-bs-fallbackPlacement=\"top right\" data-bs-boundary=\"clippingParents\" class=\"glyph fas fa-diamond\"></i>"
+
+    assert_equal expected, actual
+  end
+
+  test 'glyph with tooltip boolean' do
+    actual = UiBibz::Ui::Core::Icons::Glyph.new("diamond", { tooltip: true }, { title: "My Title" }).render
+    expected = "<i data-bs-toggle=\"tooltip\" data-bs-title=\"My Title\" class=\"glyph fas fa-diamond\"></i>"
+
+    assert_equal expected, actual
+  end
+end

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

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+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'
+
+class TableCardTest < ActionView::TestCase
+  setup do
+    create_list(:user, 25)
+    params = ActionController::Parameters.new({
+                                                controller: 'users',
+                                                action: 'index',
+                                                sort: 'users.name_fr',
+                                                direction: 'asc',
+                                                search: 'Name fr',
+                                                per_page: 2,
+                                                page: 1,
+                                                only_path: true
+                                              })
+    @users = User.table_search_pagination(params, session)
+    @store = UiBibz::Ui::Ux::Tables::Store.new @users
+  end
+
+  test 'table card visual options' do
+    table_card = UiBibz::Ui::Ux::Tables::TableCard.new(store: @users, table_options: { striped: true, status: :inverse, responsive: true, bordered: true, size: :sm, hoverable: true, breakpoint: :sm }).render
+    actual_table_classes = Nokogiri::HTML(table_card).xpath('//table')[0].attributes['class'].value
+    div_classes = Nokogiri::HTML(table_card).xpath('//div').css('.table-responsive-sm')[0].attributes['class'].value
+    table_classes = 'table-inverse table table-striped table-bordered table-hoverable table-sm'
+    actual_div_classes = 'table-responsive-sm'
+
+    assert_equal table_classes, actual_table_classes
+    assert_equal div_classes, actual_div_classes
+  end
+end

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

@@ -195,11 +195,14 @@ class TableTest < ActionView::TestCase
   end
 
   test 'table visual options' do
-    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'
-
-    assert_equal expected, actual
+    table = UiBibz::Ui::Ux::Tables::Table.new(store: @users, striped: true, status: :inverse, responsive: true, bordered: true, size: :sm, hoverable: true, breakpoint: :sm).render
+    div_classes = Nokogiri::HTML(table).xpath('//div')[0].attributes['class'].value
+    actual_table_classes = Nokogiri::HTML(table).xpath('//table')[0].attributes['class'].value
+    table_classes = 'table-inverse table table-striped table-bordered table-hoverable table-sm'
+    actual_div_classes = 'table-responsive-sm'
+
+    assert_equal table_classes, actual_table_classes
+    assert_equal div_classes, actual_div_classes
   end
 
   test 'table thead visual options' do

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ui_bibz
 version: !ruby/object:Gem::Version
-  version: 3.0.0.beta6
+  version: 3.0.0.beta11
 platform: ruby
 authors:
 - Thooams [Thomas HUMMEL]
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-01-25 00:00:00.000000000 Z
+date: 2021-02-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -411,9 +411,11 @@ files:
 - lib/ui_bibz/ui/core/notifications/components/bar.rb
 - lib/ui_bibz/ui/core/notifications/components/toast_body.rb
 - lib/ui_bibz/ui/core/notifications/components/toast_header.rb
+- lib/ui_bibz/ui/core/notifications/popover.rb
 - lib/ui_bibz/ui/core/notifications/progress_bar.rb
 - lib/ui_bibz/ui/core/notifications/spinner.rb
 - lib/ui_bibz/ui/core/notifications/toast.rb
+- lib/ui_bibz/ui/core/notifications/tooltip.rb
 - lib/ui_bibz/ui/core/windows/components/modal_body.rb
 - lib/ui_bibz/ui/core/windows/components/modal_footer.rb
 - lib/ui_bibz/ui/core/windows/components/modal_header.rb
@@ -564,12 +566,15 @@ files:
 - test/ui/core/navigations/toolbar_test.rb
 - test/ui/core/notifications/alert_test.rb
 - test/ui/core/notifications/badge_test.rb
+- test/ui/core/notifications/popover_test.rb
 - test/ui/core/notifications/progress_bar_test.rb
 - test/ui/core/notifications/spinner_test.rb
 - test/ui/core/notifications/toast_test.rb
+- test/ui/core/notifications/tooltip_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_card_test.rb
 - test/ui/ux/tables/table_test.rb
 - test/ui_bibz_test.rb
 - ui_bibz.gemspec
@@ -774,11 +779,14 @@ test_files:
 - test/ui/core/navigations/toolbar_test.rb
 - test/ui/core/notifications/alert_test.rb
 - test/ui/core/notifications/badge_test.rb
+- test/ui/core/notifications/popover_test.rb
 - test/ui/core/notifications/progress_bar_test.rb
 - test/ui/core/notifications/spinner_test.rb
 - test/ui/core/notifications/toast_test.rb
+- test/ui/core/notifications/tooltip_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_card_test.rb
 - test/ui/ux/tables/table_test.rb
 - test/ui_bibz_test.rb