bootstrap4_rails_components 0.1.0

data/lib/bootstrap4_rails_components/bootstrap/components/carousel_caption.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Carousel Caption Component
+      # https://getbootstrap.com/docs/4.1/components/carousel/#with-captions
+      class CarouselCaption < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :carousel
+        end
+
+        def label
+          options.fetch(:label, nil)
+        end
+
+        def render
+          super do
+            capture do
+              concat(content_tag(:h5, label)) if label
+              concat(block_given? ? yield : body)
+            end
+          end
+        end
+
+        private
+
+        def non_html_attribute_options
+          super.push(:label)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/carousel_control.rb

@@ -0,0 +1,73 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Carousel Control Component
+      # https://getbootstrap.com/docs/4.1/components/carousel/#with-controls
+      class CarouselControl < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        # CarouselControl does not get adjustable body content
+        def body
+          nil
+        end
+
+        def component_family
+          :carousel
+        end
+
+        def carousel
+          options.fetch(:carousel, nil)
+        end
+
+        # Options for control are :prev and :next
+        # control's value sets up the rest of the carousel control attributes in HTML
+        def control
+          options.fetch(:control, nil)
+        end
+
+        def data
+          control ? super.merge!(slide: control) : super
+        end
+
+        def href
+          carousel ? carousel : '#'
+        end
+
+        def icon_html_options
+          return {} unless control
+          { class: "carousel-control-#{control}-icon", aria: { hidden: true } }
+        end
+
+        def render
+          super do
+            capture do
+              if control
+                concat(content_tag(:span, nil, icon_html_options))
+                concat(content_tag(:span, control.to_s, class: 'sr-only'))
+              end
+            end
+          end
+        end
+
+        private
+
+        def base_element
+          :a
+        end
+
+        def assistive_html_attributes
+          super.merge!(role: 'button')
+        end
+
+        # next is a reserved word, for here, we'll refer to options[:next]
+        def component_css_class
+          control ? "#{super}-#{control}" : super
+        end
+
+        def non_html_attribute_options
+          super.push(:control, :carousel)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/carousel_indicators.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Carousel Indicators Component
+      # https://getbootstrap.com/docs/4.1/components/carousel/#with-indicators
+      class CarouselIndicators < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def active
+          options.fetch(:active, 1) # allow nil so that no indicator is active if desired
+        end
+
+        # Carousel Indicators do not accept a body
+        def body
+          nil
+        end
+
+        def component_family
+          :carousel
+        end
+
+        def count
+          options[:count] || 0 # return 0 when nil
+        end
+
+        def carousel
+          options.fetch(:carousel, nil)
+        end
+
+        def render
+          super do
+            capture do
+              count.times do |i|
+                concat(content_tag(:li, nil, class: ('active' if active == i + 1), data: { target: carousel, slide_to: i }))
+              end
+            end
+          end
+        end
+
+        private
+
+        def base_element
+          :ol
+        end
+
+        def non_html_attribute_options
+          super.push(:active,
+                     :count,
+                     :carousel)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/carousel_item.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Carousel Slide / Carousel Item Component
+      # https://getbootstrap.com/docs/4.1/components/carousel/#slides-only
+      class CarouselItem < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Activatable
+
+        def caption
+          options.fetch(:caption, nil)
+        end
+
+        def component_family
+          :carousel
+        end
+
+        def image
+          options.fetch(:image, nil)
+        end
+
+        def label
+          options.fetch(:label, nil)
+        end
+
+        def render
+          super do
+            capture do
+              concat(image_tag(image, class: 'd-block w-100')) if image
+              if caption || label
+                concat(Bootstrap4RailsComponents::Bootstrap::Components::CarouselCaption.new({ body: caption, label: label }, view_context).render)
+              end
+              concat(block_given? ? yield : body)
+            end
+          end
+        end
+
+        private
+
+        def non_html_attribute_options
+          super.push(:image,
+                     :caption,
+                     :label)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/collapse.rb

@@ -0,0 +1,32 @@
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Collapse Component
+      # https://getbootstrap.com/docs/4.1/components/collapse/
+      class Collapse < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Collapsible
+        # def collapsed
+        #   options.fetch(:collapsed, false)
+        # end
+
+        def navbar
+          options.fetch(:navbar, false)
+        end
+
+        private
+
+        def css_classes
+          [
+            super,
+            ('show' unless collapsed || navbar),
+            ('navbar-collapse' if navbar)
+          ].join(' ').squish
+        end
+
+        def non_html_attribute_options
+          super.push(:collapsed, :navbar)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/dropdown.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Dropdown Component
+      # https://getbootstrap.com/docs/4.1/components/dropdowns/
+      class Dropdown < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::DropdownDirectionable
+
+        def button
+          options.fetch(:button, '')
+        end
+
+        def component_family
+          :dropdown
+        end
+
+        def offset
+          options.fetch(:offset, '')
+        end
+
+        def theme
+          options.fetch(:theme, Bootstrap4RailsComponents::DEFAULT_BOOTSTRAP_THEME)
+        end
+
+        def render
+          super do
+            capture do
+              if button.present?
+                concat(Bootstrap4RailsComponents::Bootstrap::Components::DropdownToggle.new({ body: button, theme: theme, as: :button, offset: offset }, view_context).render)
+              end
+              concat(block_given? ? yield : body)
+            end
+          end
+        end
+
+        private
+
+        def non_html_attribute_options
+          super.push(:theme,
+                     :button,
+                     :offset,
+                     :dropleft,
+                     :dropright,
+                     :dropup)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/dropdown_divider.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Dropdown Component
+      # https://getbootstrap.com/docs/4.1/components/dropdowns/
+      class DropdownDivider < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :dropdown
+        end
+
+        def render
+          content_tag(:div, nil, html_options)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/dropdown_header.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Dropdown Header Component
+      # https://getbootstrap.com/docs/4.1/components/dropdowns/#headers
+      class DropdownHeader < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def heading
+          options.fetch(:heading, '')
+        end
+
+        def component_family
+          :dropdown
+        end
+
+        def render
+          content_tag(:h6, heading, html_options)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/dropdown_item.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Dropdown Items Component
+      # https://getbootstrap.com/docs/4.1/components/dropdowns/#menu-items
+      class DropdownItem < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Wrappable
+        include Bootstrap::Utilities::Activatable
+        include Bootstrap::Utilities::Disableable
+        include Bootstrap::Utilities::Tooltipable
+        include Bootstrap::Utilities::Remotable
+
+        def component_family
+          :dropdown
+        end
+
+        def render
+          if tooltip && disabled
+            content_tag(:span, disabled_component_tooltip_wrapper_html_options) do
+              content_tag(as, html_options.except(:href)) do
+                (block_given? ? yield : body)
+              end
+            end
+          else
+            content_tag(as, html_options) do
+              (block_given? ? yield : body)
+            end
+          end
+        end
+
+        private
+
+        def default_html_wrapper_element
+          :a
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/dropdown_menu.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Dropdown Component
+      # https://getbootstrap.com/docs/4.1/components/dropdowns/
+      class DropdownMenu < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :dropdown
+        end
+
+        def right
+          options.fetch(:right, false)
+        end
+
+        private
+
+        def css_classes
+          [
+            super,
+            ('dropdown-menu-right' if right)
+          ].join(' ').squish
+        end
+
+        def non_html_attribute_options
+          super.push(:right)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/dropdown_toggle.rb

@@ -0,0 +1,82 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Dropdown Component
+      # https://getbootstrap.com/docs/4.1/components/dropdowns/
+      class DropdownToggle < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Wrappable
+        include Bootstrap::Utilities::Sizable
+
+        def component_family
+          :dropdown
+        end
+
+        def data
+          data_toggle = (options[:data] || {}).merge!(toggle: 'dropdown')
+          offset.present? ? { **data_toggle, offset: offset } : data_toggle
+        end
+
+        def href
+          as == :a ? '#' : super
+        end
+
+        def nav_link
+          options.fetch(:nav_link, false)
+        end
+
+        def offset
+          options.fetch(:offset, '')
+        end
+
+        def split
+          options.fetch(:split, false)
+        end
+
+        # Bypass & Skip Bootstrap::Utilities::Themeable module
+        # this method just passes the options[:theme] to the button component
+        # Otherwise, if utilizing :button AND Themeable,
+        # we end up with duplicate theme css classes being sent to the button...
+        # ex: <button class='btn-danger btn-danger'...>
+        def theme
+          options.fetch(:theme, Bootstrap4RailsComponents::DEFAULT_BOOTSTRAP_THEME)
+        end
+
+        def render
+          Bootstrap4RailsComponents::Bootstrap::Components::Button.new({ as: as, theme: theme, **html_options, remove_component_css_classes: nav_link }, view_context).render do
+            (block_given? ? yield : body)
+          end
+        end
+
+        private
+
+        def css_classes
+          [
+            super,
+            ("#{component_css_class}-split" if split)
+          ].join(' ').squish
+        end
+
+        def assistive_html_attributes
+          { aria: { haspopup: 'true', expanded: 'false' } }
+        end
+
+        def default_html_wrapper_element
+          :button
+        end
+
+        def non_html_attribute_options
+          super.push(:offset, :nav_link)
+        end
+
+        # Toggle, in html, is a customized button, so sizing a toggle requires using the
+        # button prefix -- otherwise it'll end up as
+        # 'dropdown-toggle-lg' or 'dropdown-toggle-sm', etc
+        def size_css_class_prefix
+          'btn'
+        end
+      end
+    end
+  end
+end