bs5 0.0.9 → 0.0.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 54b572156c8e8680ba3937031736fe9cdb6e2aeaf2ea88cb49b6e26c18e02c35
-  data.tar.gz: 4a4650ceee8e21d32f6a905f00c398e072bb407a4f118cd95488454f9ef61121
+  metadata.gz: fe7d17d9f86d5887ab9e3a9cbc86212c19a6ed20526ac905339f6b997c044096
+  data.tar.gz: 4d2df678ad8595ebff4a123325a84593dee109fe57a614aaa2473a7d88fb5e9c
 SHA512:
-  metadata.gz: c3be0fb1a7839cafbd9673ee974879fd2e95c13e25c5a0f73a27c278c0f2abb1d4305d7eaf965999e5c5fcd390079d116c9aea297e63c1ce5530fdc3e455deb8
-  data.tar.gz: 73f164bfd36774c565a358e23e294d49b8f386db1450e92a9e73cefd81fa2951b7560705c6e098607a5005e50bf071c094a23d1eacfadf304be61c07995771df
+  metadata.gz: f9a8d6249245234d557749abeecbe37feda5e13cbdf2e749baa96f77ffab0cb1b82d7c9c7e00f6751eda8860b396efb333ef8a7a69ca56908c9cd3f1570b9400
+  data.tar.gz: 8d4de475b7f904a29ec63bc1845b58a7122fccd366f787616e9f7b7c36e1bba1d4886adc31d0e506de223fea7c84afbaddec553d7d307164adf0c79d949ddb45

data/app/components/bs5/accordion_component.html.erb

@@ -6,16 +6,9 @@
           id="<%= item.header_id %>"
           class="accordion-header"
         >
-          <button
-            class="<%= item.button_class %>"
-            type="button"
-            data-toggle="collapse"
-            data-target="#<%= item.collapse_id %>"
-            aria-expanded="true"
-            aria-controls="<%= item.collapse_id %>"
-          >
-              <%= item.title %>
-          </button>
+          <%= button_tag item.title,
+              bs5_collapse(target: "##{item.collapse_id}", expanded: !item.collapsed?)
+                .merge(type: :button, class: item.button_class) %>
         </h2>
         <div
           id="<%= item.collapse_id %>"

data/app/components/bs5/accordion_component.rb

@@ -2,6 +2,7 @@
 
 module Bs5
   class AccordionComponent < ViewComponent::Base
+    include ComponentsHelper
     include ViewComponent::Slotable
 
     with_slot :item, collection: true, class_name: 'Item'

data/app/components/bs5/button_tag_component.rb

@@ -3,17 +3,23 @@
 module Bs5
   class ButtonTagComponent < ViewComponent::Base
     STYLES = %i[primary secondary success danger warning info light dark link].freeze
-    SIZES = %i[small large].freeze
+    DEFAULT_STYLE = :primary
+    SIZES = { small: :sm, large: :lg }.freeze
+    CLASS_PREFIX = 'btn'
 
-    attr_reader :content_or_options, :options, :size
+    attr_reader :content_or_options, :size
 
     include ActiveModel::Validations
     validates :style, style: true
-    validates :size, inclusion: { in: SIZES, valid_sizes: SIZES.to_sentence, allow_nil: true }
+    validates :size, inclusion: { in: SIZES.keys, valid_sizes: SIZES.keys.to_sentence, allow_nil: true }
 
     def initialize(content_or_options = nil, options = nil)
-      @content_or_options = content_or_options.dup
-      @options = options.dup
+      if content_or_options.is_a? Hash
+        self.options = content_or_options
+      else
+        @content_or_options = content_or_options
+        self.options = options
+      end
 
       extract_custom_options
       merge_default_options
@@ -24,15 +30,19 @@ module Bs5
     end
 
     def call
-      if content
-        button_tag(content_or_options, options) { content }
-      else
-        button_tag(content_or_options, options)
-      end
+      button_tag(content || content_or_options, options)
     end
 
     private
 
+    def options=(value)
+      @options = Hash(value).symbolize_keys!
+    end
+
+    def options
+      @options.empty? ? nil : @options
+    end
+
     def extract_custom_options
       extract_style
       extract_outline
@@ -40,68 +50,43 @@ module Bs5
     end
 
     def extract_style
-      if @content_or_options.is_a? Hash
-        @style = @content_or_options.delete(:style)
-        @content_or_options = nil if @content_or_options.empty?
-      elsif @options.is_a? Hash
-        @style = @options.delete(:style)
-        @options = nil if @options.empty?
-      end
+      @style = @options.delete(:style)
     end
 
     def extract_outline
-      if @content_or_options.is_a? Hash
-        @outline = @content_or_options.delete(:outline)
-        @content_or_options = nil if @content_or_options.empty?
-      elsif @options.is_a? Hash
-        @outline = @options.delete(:outline)
-        @options = nil if @options.empty?
-      end
+      @outline = @options.delete(:outline)
     end
 
     def extract_size
-      if @content_or_options.is_a? Hash
-        @size = @content_or_options.delete(:size)
-        @content_or_options = nil if @content_or_options.empty?
-      elsif @options.is_a? Hash
-        @size = @options.delete(:size)
-        @options = nil if @options.empty?
-      end
+      @size = @options.delete(:size)
     end
 
     def merge_default_options
-      if @content_or_options.is_a? Hash
-        deep_merge_and_join @content_or_options, default_options
-      else
-        @options ||= {}
-        deep_merge_and_join @options, default_options
+      @options.deep_merge!(default_options) do |_key, this_val, other_val|
+        [this_val, other_val].join(' ').strip
       end
     end
 
     def default_options
-      {
-        class: button_class
-      }
+      { class: button_class }
     end
 
     def button_class
-      ['btn', contextual_class, size_class].compact.join(' ')
+      [CLASS_PREFIX, contextual_class, size_class].compact.join(' ')
     end
 
     def contextual_class
-      ['btn', outline? ? 'outline' : nil, style].compact.join('-')
+      [CLASS_PREFIX, outline? ? 'outline' : nil, style].compact.join('-')
     end
 
     def size_class
       return unless size?
 
-      x = { large: 'lg', small: 'sm' }[@size]
-
-      "btn-#{x}"
+      [CLASS_PREFIX, SIZES[size]].join('-')
     end
 
     def style
-      (@style || 'primary').to_sym
+      (@style || DEFAULT_STYLE).to_sym
     end
 
     def outline?
@@ -109,13 +94,7 @@ module Bs5
     end
 
     def size?
-      !!@size
-    end
-
-    def deep_merge_and_join(h1, h2)
-      h1.deep_merge!(h2) do |key, this_val, other_val|
-        [this_val, other_val].join(' ').strip
-      end
+      !!size
     end
   end
 end

data/app/components/bs5/button_to_component.rb

@@ -0,0 +1,109 @@
+# frozen_string_literal: true
+
+module Bs5
+  class ButtonToComponent < ViewComponent::Base
+    STYLES = %i[primary secondary success danger warning info light dark link].freeze
+    DEFAULT_STYLE = :primary
+    SIZES = { small: :sm, large: :lg }.freeze
+    CLASS_PREFIX = 'btn'
+
+    attr_reader :size
+
+    include ActiveModel::Validations
+    validates :style, style: true
+    validates :size, inclusion: { in: SIZES.keys, valid_sizes: SIZES.keys.to_sentence, allow_nil: true }
+
+    def initialize(name = nil, options = nil, html_options = nil)
+      @name = name
+      @options = options
+      @html_options = html_options
+
+      set_button_to_options
+      extract_custom_options
+      merge_default_options
+    end
+
+    def before_render
+      raise errors.full_messages.to_sentence if invalid?
+    end
+
+    def call
+      if content
+        button_to(@name, @options, @html_options) { content }
+      else
+        button_to(@name, @options, @html_options)
+      end
+    end
+
+    private
+
+    def set_button_to_options
+      if @name.is_a? Hash
+        self.button_to_options = @name
+      elsif @options.is_a? Hash
+        self.button_to_options = @options
+      else
+        @html_options ||= {}
+        self.button_to_options = @html_options
+      end
+    end
+
+    def button_to_options=(hash)
+      @button_to_options = hash.symbolize_keys!
+    end
+
+    def extract_custom_options
+      extract_style
+      extract_outline
+      extract_size
+    end
+
+    def extract_style
+      @style = @button_to_options.delete(:style)
+    end
+
+    def extract_outline
+      @outline = @button_to_options.delete(:outline)
+    end
+
+    def extract_size
+      @size = @button_to_options.delete(:size)
+    end
+
+    def merge_default_options
+      @button_to_options.deep_merge!(default_options) do |_key, this_val, other_val|
+        [this_val, other_val].join(' ').strip
+      end
+    end
+
+    def default_options
+      { class: button_class }
+    end
+
+    def button_class
+      [CLASS_PREFIX, contextual_class, size_class].compact.join(' ')
+    end
+
+    def contextual_class
+      [CLASS_PREFIX, outline? ? 'outline' : nil, style].compact.join('-')
+    end
+
+    def size_class
+      return unless size?
+
+      [CLASS_PREFIX, SIZES[size]].join('-')
+    end
+
+    def style
+      (@style || DEFAULT_STYLE).to_sym
+    end
+
+    def outline?
+      !!@outline
+    end
+
+    def size?
+      !!size
+    end
+  end
+end

data/app/components/bs5/list_group_component.html.erb

@@ -0,0 +1,17 @@
+<% if items.any? %>
+  <% if actionables? %>
+    <div class="<%= component_class %>">
+      <% items.each do |item| %>
+        <%= item.decorated_content %>
+      <% end %>
+    </div>
+  <% else %>
+    <ul class="<%= component_class %>">
+      <% items.each do |item| %>
+        <%= tag.li(**item.options) do %>
+          <%= item.content %>
+        <% end %>
+      <% end %>
+    </ul>
+  <% end %>
+<% end %>

data/app/components/bs5/list_group_component.rb

@@ -0,0 +1,143 @@
+# frozen_string_literal: true
+
+module Bs5
+  class ListGroupComponent < ViewComponent::Base
+    CLASS_NAME_BASE = 'list-group'
+    CLASS_NAME_FLUSH = "#{CLASS_NAME_BASE}-flush"
+    CLASS_NAME_HORIZONTAL = "#{CLASS_NAME_BASE}-horizontal"
+
+    include ViewComponent::Slotable
+
+    with_slot :item, collection: true, class_name: 'Item'
+
+    def initialize(flush: false, horizontal: false)
+      @flush = flush
+      @horizontal = horizontal
+    end
+
+    private
+
+    def flush?
+      !!@flush
+    end
+
+    def actionables?
+      items.any?(&:actionable?)
+    end
+
+    def horizontal?
+      !!@horizontal
+    end
+
+    def component_class
+      class_names = [CLASS_NAME_BASE]
+      class_names << flush_class
+      class_names << horizontal_class
+      class_names.join(' ')
+    end
+
+    def flush_class
+      CLASS_NAME_FLUSH if flush?
+    end
+
+    def horizontal_class
+      return unless horizontal?
+
+      class_names = [CLASS_NAME_HORIZONTAL]
+      class_names << @horizontal if @horizontal.in?(%i[sm md lg xl xxl])
+      class_names.join('-')
+    end
+
+    class Item < ViewComponent::Slot
+      CLASS_NAME_BASE = 'list-group-item'
+      CLASS_NAME_ACTION = "#{CLASS_NAME_BASE}-action"
+
+      attr_reader :options
+
+      def initialize(options = {})
+        @options = options.symbolize_keys
+
+        @active = @options.delete(:active) || false
+        @disabled = @options.delete(:disabled) || false
+        @style = @options.delete(:style)
+
+        set_attributes
+      end
+
+      def actionable?
+        !!actionable_element
+      end
+
+      def actionable_element
+        @actionable_element ||= begin
+          if (elements = Nokogiri::HTML::DocumentFragment.parse(content).elements).one? &&
+             (element = elements.first).name.in?(%w[a button label])
+            element
+          end
+        end
+      end
+
+      def decorated_content
+        set_actionable_element_attributes
+        actionable_element.to_html.html_safe # rubocop:disable Rails/OutputSafety
+      end
+
+      private
+
+      def set_actionable_element_class_names
+        class_names = Array(actionable_element[:class])
+        class_names << item_classes
+        class_names << CLASS_NAME_ACTION if actionable_element.name.in?(%w[a button])
+        actionable_element[:class] = class_names.join(' ')
+      end
+
+      def set_actionable_element_attributes
+        set_actionable_element_class_names
+        actionable_element['aria-current'] = true if active?
+
+        return unless disabled?
+
+        case actionable_element.name
+        when 'a'
+          actionable_element['aria-disabled'] = true
+          actionable_element['tabindex'] = -1
+        when 'button'
+          actionable_element['disabled'] = ''
+        end
+      end
+
+      def set_attributes
+        @options[:class] = Array(@options[:class])
+        @options[:class] << item_classes
+        @options[:aria] ||= {}
+        @options[:aria][:current] = true if active?
+        @options[:aria][:disabled] = true if disabled?
+      end
+
+      def item_classes
+        class_names = [CLASS_NAME_BASE]
+        class_names << 'active' if active?
+        class_names << 'disabled' if disabled?
+        class_names << contextual_class if style?
+
+        class_names
+      end
+
+      def active?
+        !!@active
+      end
+
+      def disabled?
+        !!@disabled
+      end
+
+      def style?
+        !!@style
+      end
+
+      def contextual_class
+        [CLASS_NAME_BASE, @style].join('-')
+      end
+    end
+  end
+end