bootstrap4_rails_components 0.1.0

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

@@ -0,0 +1,103 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Nav Component
+      # https://getbootstrap.com/docs/4.1/components/navs/
+      class NavItem < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Wrappable
+
+        # For passing through to nav_link
+        # bypass module since active / disabled is applied
+        # on the nav_link
+        def active
+          options.fetch(:active, false)
+        end
+
+        def button
+          options.fetch(:button, nil)
+        end
+
+        def component_family
+          :nav
+        end
+
+        def remote
+          options.fetch(:remote, nil)
+        end
+
+        # For passing through to nav_link
+        def disabled
+          options.fetch(:disabled, false)
+        end
+
+        def dropdown
+          options.fetch(:dropdown, false)
+        end
+
+        def include_nav_link?
+          href.present? || dropdown || tab
+        end
+
+        def tab
+          options.fetch(:tab, nil)
+        end
+
+        # href gets passed to the nav_link when present.
+        # Removes :href from nav_item's html_options so we don't end up with
+        # <li class='nav-item' href='#href'><a class='nav-link' href='#href'...
+        def html_options
+          super.except!(:href)
+        end
+
+        def render
+          super do
+            capture do
+              if include_nav_link?
+                concat(Bootstrap4RailsComponents::Bootstrap::Components::NavLink.new({ body: (button ? button : (block_given? ? yield : body)), active: active, disabled: disabled, dropdown: dropdown, tab: tab, remote: remote, href: (tab || href) }, view_context).render)
+                concat(block_given? ? yield : body) if dropdown
+              else
+                (block_given? ? yield : body)
+              end
+            end
+          end
+        end
+
+        private
+
+        def base_element
+          as
+        end
+
+        def component_css_class
+          'nav-item'
+        end
+
+        def automatic_as
+          include_nav_link? ? :li : super
+        end
+
+        def css_classes
+          [
+            super,
+            ('dropdown' if dropdown)
+          ].join(' ').squish
+        end
+
+        def default_html_wrapper_element
+          :li
+        end
+
+        def non_html_attribute_options
+          super.push(:active,
+                     :disabled,
+                     :dropdown,
+                     :button,
+                     :tab,
+                     :remote)
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Nav Component
+      # https://getbootstrap.com/docs/4.1/components/navs/
+      class NavLink < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Activatable
+        include Bootstrap::Utilities::Disableable
+        include Bootstrap::Utilities::Remotable
+
+        def component_family
+          :nav
+        end
+
+        def dropdown
+          options.fetch(:dropdown, false)
+        end
+
+        def href
+          options.fetch(:href, nil)
+        end
+
+        def tab
+          options.fetch(:tab, nil)
+        end
+
+        def data
+          tab ? super.merge!(toggle: 'tab') : super
+        end
+
+        def render
+          if dropdown
+            Bootstrap4RailsComponents::Bootstrap::Components::DropdownToggle.new({ body: (block_given? ? yield : body), as: :a, **html_options, theme: nil, nav_link: true }, view_context).render
+          else
+            super
+          end
+        end
+
+        private
+
+        def base_element
+          :a
+        end
+
+        def component_css_class
+          'nav-link'
+        end
+
+        def non_html_attribute_options
+          super.push(:tab, :dropdown)
+        end
+
+        def assistive_html_attributes
+          return super unless tab
+          { role: 'tab', aria: { controls: tab.tr('#', ''), selected: active } }
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,97 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class Navbar < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Wrappable
+        include Bootstrap::Utilities::Themeable
+
+        def component_family
+          :navbar
+        end
+
+        def expand
+          options.fetch(:expand, :lg)
+        end
+
+        def light
+          options.fetch(:light, nil)
+        end
+
+        def dark
+          options.fetch(:dark, nil)
+        end
+
+        def sticky
+          options.fetch(:sticky, nil)
+        end
+
+        def fixed
+          options.fetch(:fixed, nil)
+        end
+
+        private
+
+        def base_element
+          as
+        end
+
+        def css_classes
+          [
+            super,
+            ("#{component_css_class}-expand-#{expand}" unless expand.nil?),
+            dark_or_light_navbar_css_class,
+            ('sticky-top' if sticky == :top),
+            ('fixed-bottom' if fixed == :bottom),
+            ('fixed-top' if fixed == :top),
+          ].join(' ').squish
+        end
+
+        def assistive_html_attributes
+          as == :nav ? super : super.merge!(role: 'navigation')
+        end
+
+        def default_html_wrapper_element
+          :nav
+        end
+
+        def theme_css_class_prefix
+          'bg-'
+        end
+
+        def dark_or_light_navbar_css_class
+          if dark
+            'navbar-dark'
+          elsif light
+            'navbar-light'
+          else
+            dark_themes.include?(theme) ? 'navbar-dark' : 'navbar-light'
+          end
+        end
+
+        def default_theme
+          :light
+        end
+
+        def non_html_attribute_options
+          super.push(:dark,
+                     :expand,
+                     :right,
+                     :left,
+                     :light)
+        end
+
+        def dark_themes
+          %i[primary secondary success danger warning info dark]
+        end
+
+        def outlineable?
+          false
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class NavbarBrand < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :navbar
+        end
+
+        def href
+          options.fetch(:href, '#')
+        end
+
+        private
+
+        def base_element
+          :a
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class NavbarNav < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Wrappable
+
+        def component_family
+          :navbar
+        end
+
+        def right
+          options.fetch(:right, false)
+        end
+
+        # Left by default
+        def left
+          options.fetch(:left, default_left)
+        end
+
+        private
+
+        def base_element
+          as
+        end
+
+        def css_classes
+          [
+            super,
+            ('ml-auto' if right),
+            ('mr-auto' if left)
+          ].join(' ').squish
+        end
+
+        def default_html_wrapper_element
+          :ul
+        end
+
+        def default_left
+          right ? false : true
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class NavbarText < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :navbar
+        end
+
+        private
+
+        def base_element
+          :span
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class NavbarToggler < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::CollapseToggleable
+
+        # Pass through to collapse component
+        # def collapse
+        #   options.fetch(:collapse, nil)
+        # end
+
+        def component_family
+          :navbar
+        end
+
+        def render
+          super do
+            if body
+              (block_given? ? yield : body)
+            else
+              content_tag(:span, nil, class: 'navbar-toggler-icon')
+            end
+          end
+        end
+
+        private
+
+        def base_element
+          :button
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,66 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Pagination - Page Item Component
+      # https://getbootstrap.com/docs/4.1/components/pagination/
+      class PageItem < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        # include Bootstrap::Utilities::Disableable
+        include Bootstrap::Utilities::Activatable
+
+        def component_family
+          :pagination
+        end
+
+        def disabled
+          options.fetch(:disabled, false)
+        end
+
+        def href
+          options[:href] || '#' # return # when nil
+        end
+
+        # Send href through to the "page link" that's embedded within
+        # the page item component
+        def html_options
+          super.except!(:href)
+        end
+
+        def page_link_html_options
+          { class: 'page-link',
+            **(disabled ? { tabindex: '-1' } : {}),
+            href: href }
+        end
+
+        def render
+          super do
+            content_tag(:a, page_link_html_options) do
+              capture do
+                concat(block_given? ? yield : body)
+                concat(content_tag(:span, '(current)', class: 'sr-only')) if active
+              end
+            end
+          end
+        end
+
+        private
+
+        def base_element
+          :li
+        end
+
+        def css_classes
+          [
+            super,
+            ('disabled' if disabled)
+          ].join(' ').squish
+        end
+
+        def non_html_attribute_options
+          super.push(:disabled)
+        end
+      end
+    end
+  end
+end