bs5 0.0.8 → 0.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 77c7e79d854010df72b9492702bd2983468fb9237d3aecf619f3f6267db8c6fd
-  data.tar.gz: cc4cc0afd6b51f9c7b59ce3b38842255b7b4131640104aa297e9f10a655be51d
+  metadata.gz: b63f00444e32de97ae7167d85ab798ec58085c325730e18a48d21bdde8a8de89
+  data.tar.gz: 2a8ab48a4bd4fe50a629868448315c3ef9d641ef7b30cdb189db8e95015ddd38
 SHA512:
-  metadata.gz: 0cc7b7a7c486b2b7783fbe4970900b9ec009ffcdb32bb9271fce6d15b24ef6ed7a407e6a67bb3a3056d7f3fdd64b1861b58f9baa6e012962ccdd0237d51063de
-  data.tar.gz: 6f5bad0ae1ce081d539855c2249292b2e2dbce5de4ece7d983aba5d31caf6414ff0b8f790a83927653db2c33c02845271ec222bceca6d01d9a5b90dc6f4c7e20
+  metadata.gz: 94fc5dc2aab1bb53e3155d14acfdf889ef58d3aee2e03fa8a9620fd2e3379bfd48d0c453c9c42f22a826457b8f7fb7edc0274c0db54c6437ecf901dd6f371e6e
+  data.tar.gz: e3cf1bbf76474375de657c37ecc3395d51993dc33cac54240014769b58b63dc466bc3e1c669f7f3500ba966de17cb17a4799cb902057d1ae39660ab6a5300c41

data/app/components/bs5/alert_component.rb

@@ -2,6 +2,8 @@
 
 module Bs5
   class AlertComponent < ViewComponent::Base
+    STYLES = %i[primary secondary success danger warning info light dark].freeze
+
     attr_reader :style, :is_dismissable
 
     include ActiveModel::Validations

data/app/components/bs5/badge_component.rb

@@ -2,6 +2,8 @@
 
 module Bs5
   class BadgeComponent < ViewComponent::Base
+    STYLES = %i[primary secondary success danger warning info light dark].freeze
+
     attr_reader :text, :style
 
     include ActiveModel::Validations

data/app/components/bs5/button_tag_component.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module Bs5
+  class ButtonTagComponent < 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 :content_or_options, :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(content_or_options = nil, options = nil)
+      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
+    end
+
+    def before_render
+      raise errors.full_messages.to_sentence if invalid?
+    end
+
+    def call
+      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
+      extract_size
+    end
+
+    def extract_style
+      @style = @options.delete(:style)
+    end
+
+    def extract_outline
+      @outline = @options.delete(:outline)
+    end
+
+    def extract_size
+      @size = @options.delete(:size)
+    end
+
+    def merge_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 }
+    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/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

data/app/controllers/bs5/pages_controller.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+require_dependency 'bs5/application_controller'
+
+module Bs5
+  class PagesController < ApplicationController
+    def show
+      render template: "bs5/pages/#{params[:page]}"
+    end
+  end
+end

data/app/helpers/bs5/components_helper.rb

@@ -2,29 +2,29 @@
 
 module Bs5
   module ComponentsHelper
-    def bs5_accordion(*args)
-      render AccordionComponent.new(*args) do |accordion|
-        yield accordion if block_given?
-      end
-    end
+    COMPONENTS = %w[accordion alert badge close_button breadcrumb button_tag button_to list_group].freeze
 
-    def bs5_alert(*args)
-      render AlertComponent.new(*args) do
-        yield if block_given?
+    COMPONENTS.each do |name|
+      define_method("bs5_#{name}") do |*args, &block|
+        clazz = "Bs5::#{name.classify}Component".constantize
+        render_component(clazz, *args, &block)
       end
     end
 
-    def bs5_badge(*args)
-      render BadgeComponent.new(*args)
+    def bs5_tooltip(title, options = nil)
+      default_options = { toggle: :tooltip }
+      options = Hash(options).symbolize_keys.merge(default_options)
+      {
+        title: title,
+        data: options
+      }
     end
 
-    def bs5_close_button(*args)
-      render CloseButtonComponent.new(*args)
-    end
+    private
 
-    def bs5_breadcrumb(*args)
-      render BreadcrumbComponent.new(*args) do |breadcrumb|
-        yield breadcrumb if block_given?
+    def render_component(component_clazz, *args)
+      render component_clazz.new(*args) do |c|
+        yield c if block_given?
       end
     end
   end