nfg_ui 0.9.8.15

data/lib/nfg_ui/bootstrap/components/media.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Media Object Layout Component
+      # https://getbootstrap.com/docs/4.1/layout/media-object/
+      class Media < NfgUi::Bootstrap::Components::Base
+        def component_family
+          :media
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/bootstrap/components/media_body.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Media Object Layout Component
+      # https://getbootstrap.com/docs/4.1/layout/media-object/
+      class MediaBody < NfgUi::Bootstrap::Components::Base
+        def component_family
+          :media
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/bootstrap/components/media_object.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Media Object Layout Component
+      # https://getbootstrap.com/docs/4.1/layout/media-object/
+      class MediaObject < NfgUi::Bootstrap::Components::Base
+        def component_css_class
+          ''
+        end
+
+        def component_family
+          :media
+        end
+
+        def render
+          (block_given? ? yield : body)
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/bootstrap/components/modal.rb

@@ -0,0 +1,66 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Modal Component
+      # https://getbootstrap.com/docs/4.1/components/modal/
+      class Modal < NfgUi::Bootstrap::Components::Base
+
+        # NOTE: ARIALABELLEDBY has not been introduced on speed modals.
+        # ex: aria-labelledby="exampleModalLabel"
+        # which is then the ID of the modal title element
+
+        def component_family
+          :modal
+        end
+
+        def title
+          options.fetch(:title, nil)
+        end
+
+        def footer
+          options.fetch(:footer, nil)
+        end
+
+        def render
+          super do
+            content_tag(:div, class: 'modal-dialog', role: 'document') do
+              content_tag(:div, class: 'modal-content') do
+                capture do
+                  concat(NfgUi::Bootstrap::Components::ModalHeader.new({ title: title }, view_context).render)
+                  if render_in_body
+                    concat(NfgUi::Bootstrap::Components::ModalBody.new({ body: (block_given? ? yield : body) }, view_context).render)
+                  else
+                    concat(block_given? ? yield : body)
+                  end
+                  if footer
+                    concat(NfgUi::Bootstrap::Components::ModalFooter.new({ body: footer }, view_context).render)
+                  end
+                end
+              end
+            end
+          end
+        end
+
+        def render_in_body
+          options.fetch(:render_in_body, true)
+        end
+
+        private
+
+        def css_classes
+          super + ' fade'
+        end
+
+        def non_html_attribute_options
+          super.push((:footer if footer.present?), (:title if title.present?))
+        end
+
+        def assistive_html_attributes
+          super.merge(role: 'dialog', tabindex: '-1', aria: { hidden: 'true' })
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/bootstrap/components/modal_body.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Modal Component
+      # https://getbootstrap.com/docs/4.1/components/modal/
+      class ModalBody < NfgUi::Bootstrap::Components::Base
+
+        def component_family
+          :modal
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/bootstrap/components/modal_footer.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Modal Component
+      # https://getbootstrap.com/docs/4.1/components/modal/
+      class ModalFooter < NfgUi::Bootstrap::Components::Base
+
+        def component_family
+          :modal
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/bootstrap/components/modal_header.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Modal Component
+      # https://getbootstrap.com/docs/4.1/components/modal/
+      class ModalHeader < NfgUi::Bootstrap::Components::Base
+
+        def component_family
+          :modal
+        end
+
+        def title
+          options.fetch(:title, nil)
+        end
+
+        def render
+          super do
+            capture do
+              concat(content_tag(:h5, title, class: 'modal-title')) if title
+              concat(NfgUi::Bootstrap::Components::Button.new({ as: :button, class: 'close', theme: nil, data: { dismiss: 'modal' }, aria: { label: 'Close' } }, view_context).render {
+                content_tag(:span, "&times;".html_safe, { aria: { hidden: 'true' } })
+              })
+            end
+          end
+        end
+
+        private
+
+        def non_html_attribute_options
+          super.push(:title)
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/bootstrap/components/nav.rb

@@ -0,0 +1,71 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Nav Component
+      # https://getbootstrap.com/docs/4.1/components/navs/
+      class Nav < NfgUi::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Alignable
+        include Bootstrap::Utilities::Wrappable
+
+        def component_family
+          :nav
+        end
+
+        def fill
+          options.fetch(:fill, false)
+        end
+
+        def justified
+          options.fetch(:justified, false)
+        end
+
+        def pill
+          options.fetch(:pill, false)
+        end
+
+        def tabs
+          options.fetch(:tabs, false)
+        end
+
+        def vertical
+          options.fetch(:vertical, false)
+        end
+
+        private
+
+        def base_element
+          as
+        end
+
+        def component_css_class
+          'nav'
+        end
+
+        def css_classes
+          [
+            super,
+            ('nav-fill' if fill),
+            ('nav-justified' if justified),
+            ('nav-pills' if pill),
+            ('nav-tabs' if tabs),
+            ('flex-column' if vertical)
+          ].join(' ').squish
+        end
+
+        def default_html_wrapper_element
+          :ul
+        end
+
+        def non_html_attribute_options
+          super.push(:fill,
+                     :justified,
+                     :tabs,
+                     :pill,
+                     :vertical)
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,103 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Nav Component
+      # https://getbootstrap.com/docs/4.1/components/navs/
+      class NavItem < NfgUi::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(NfgUi::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/nfg_ui/bootstrap/components/nav_link.rb

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Nav Component
+      # https://getbootstrap.com/docs/4.1/components/navs/
+      class NavLink < NfgUi::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
+            NfgUi::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/nfg_ui/bootstrap/components/navbar.rb

@@ -0,0 +1,97 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class Navbar < NfgUi::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/nfg_ui/bootstrap/components/navbar_brand.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class NavbarBrand < NfgUi::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/nfg_ui/bootstrap/components/navbar_nav.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class NavbarNav < NfgUi::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/nfg_ui/bootstrap/components/navbar_text.rb

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

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

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Bootstrap
+    module Components
+      # Bootstrap Navbar Component
+      # https://getbootstrap.com/docs/4.1/components/navbar/
+      class NavbarToggler < NfgUi::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