nfg_ui 0.9.8.15

data/lib/nfg_ui/components/patterns/collapse.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Button Group doesn't have any customizations unique to the design system yet
+      # As such, the NFG UI button group is simply a bootstrap button group behind the scenes.
+      # Traits will eventually be connected here.
+      class Collapse < NfgUi::Bootstrap::Components::Collapse
+        include Bootstrap::Utilities::Headable
+
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+
+        include NfgUi::Components::Traits::Collapse
+
+        def render
+          capture do
+            if heading
+              opts = { collapse: "##{id}", body: heading, icon: 'caret-down', class: 'pl-0 text-left' }
+              opts.merge!(traits: [:link, :block])
+              concat(NfgUi::Components::Elements::Button.new(opts, view_context).render)
+            end
+            concat(super)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/dropdown.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Badge doesn't have any customizations unique to the design system yet
+      # As such, the NFG UI badge is simply a bootstrap badge behind the scenes.
+      # Traits will eventually be connected here.
+      class Dropdown < NfgUi::Bootstrap::Components::Dropdown
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+
+        include NfgUi::Components::Traits::Theme
+
+        def render
+          content_tag(:div, html_options) do
+            if button.present?
+              concat(NfgUi::Bootstrap::Components::DropdownToggle.new({ body: button, theme: theme, as: :button, offset: offset }, view_context).render)
+            end
+            concat(block_given? ? yield : body)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/dropdown_menu.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Information coming soon
+      class DropdownMenu < NfgUi::Bootstrap::Components::DropdownMenu
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+
+        include NfgUi::Components::Traits::Alignment
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/empty_state.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # EmptyState doc coming soon
+      class EmptyState < NfgUi::Components::Base
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/filter_bar.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # FilterBar doc coming soon
+      class FilterBar < NfgUi::Components::Base
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/form_group.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # FormGroup doc coming soon
+      class FormGroup < NfgUi::Components::Base
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/graph.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Graph doc coming soon
+      class Graph < NfgUi::Components::Base
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/jumbotron.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Jumbotron docs coming soon
+      class Jumbotron < NfgUi::Bootstrap::Components::Jumbotron
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/list_group.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # ListGroup docs coming soon
+      class ListGroup < NfgUi::Bootstrap::Components::ListGroup
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+
+        include NfgUi::Components::Traits::ListGroup
+      end
+    end
+  end
+end

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

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # MediaGroup doc coming soon
+      class Media < NfgUi::Bootstrap::Components::Media
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+      end
+    end
+  end
+end

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

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Modal docs coming soon
+      class Modal < NfgUi::Bootstrap::Components::Modal
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+        include NfgUi::Components::Utilities::Titleable
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/navbar.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Navbar docs coming soon
+      class Navbar < NfgUi::Bootstrap::Components::Navbar
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+
+        include NfgUi::Components::Traits::Theme
+        include NfgUi::Components::Traits::Navbar
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/navbar_nav.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Nav doc coming soon
+      class NavbarNav < NfgUi::Bootstrap::Components::NavbarNav
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+        include NfgUi::Components::Utilities::VerticallyAlignable
+
+        include NfgUi::Components::Traits::Alignment
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/page_header.rb

@@ -0,0 +1,85 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # PageHeader doc coming soon
+      class PageHeader < NfgUi::Components::Base
+        include NfgUi::Components::Utilities::Titleable
+        include NfgUi::Components::Utilities::BrowserDetectable
+        include NfgUi::Components::Utilities::Renderable
+
+        include NfgUi::Components::Traits::PageHeader
+
+        def data
+          sticky ? super.merge!(toggle: 'sticky-div') : super
+        end
+
+        def sticky
+          return if Rails.env.test? || browser.mobile?
+          options.fetch(:sticky, true)
+        end
+
+        def subtitle
+          options.fetch(:subtitle, nil)
+        end
+
+        # TODO: These resource_theme methods are just temporary placeholders.
+        # They need to come from ResourceThemeable somehow.
+        def resource_theme_icon
+          'heart-o'
+        end
+
+        def resource_theme_color
+          'primary'
+        end
+
+        def render
+          html_options[:class] ||= ''
+          html_options[:class] << ' container-fluid'
+
+          content_tag(:div, html_options) do
+            content_tag(:div, class: 'row') do
+              content_tag(:div, class: 'col col-xl-11 mx-auto') do
+                content_tag(:div, class: 'row align-items-center') do
+                  concat(content_tag(:div, class: 'col py-2') {
+                    NfgUi::Components::Patterns::Media.new({}, view_context).render do
+                      capture do
+                        concat(NfgUi::Components::Elements::MediaObject.new({}, view_context).render {
+                          content_tag(:div, class: 'mr-2 h2') do
+                            NfgUi::Components::Foundations::Icon.new({ traits: [resource_theme_icon], class: "text-#{resource_theme_color} mr-0" }, view_context).render
+                          end
+                        })
+                        concat(NfgUi::Components::Elements::MediaBody.new({}, view_context).render {
+                          content_tag(:h2) do
+                            concat(title)
+                            if subtitle
+                              concat(content_tag(:small, subtitle, class: 'text-muted'))
+                            end
+                          end
+                        })
+                      end
+                    end
+                  })
+                  if body
+                    concat(content_tag(:div, class: 'col-12 col-md-auto py-2') {
+                      NfgUi::Components::Patterns::ButtonToolbar.new({ class: 'align-items-center' }, view_context).render do
+                        (block_given? ? yield : body)
+                      end
+                    })
+                  end
+                end
+              end
+            end
+          end
+        end
+
+        private
+
+        def non_html_attribute_options
+          super.push(:subtitle)
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/pagination.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Docs coming soon
+      class Pagination < NfgUi::Bootstrap::Components::Pagination
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/progress.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Bootstrap Parent Progress Component
+      # https://getbootstrap.com/docs/4.1/components/progress/
+      class Progress < NfgUi::Bootstrap::Components::Progress
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+
+        include Bootstrap::Utilities::Sizable
+        include Bootstrap::Utilities::Tooltipable
+
+        include NfgUi::Components::Traits::Theme
+        include NfgUi::Components::Traits::Size
+        include NfgUi::Components::Traits::ProgressBar
+
+        private
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/slat.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Main slats
+      class Slat < NfgUi::Components::Base
+        def component_family
+          :slats
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/slat_actions.rb

@@ -0,0 +1,115 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Slat doc coming soon
+      class SlatActions < NfgUi::Components::Base
+        include NfgUi::Components::Utilities::Iconable
+
+        include NfgUi::Components::Traits::Theme
+
+        def component_family
+          :slats
+        end
+
+        def menu
+          options.fetch(:menu, true)
+        end
+
+        def confirm
+          options.fetch(:confirm, nil)
+        end
+
+        def method
+          return if delete_link?
+          options.fetch(:method, nil)
+        end
+
+        def delete_link?
+          @delete_link ||= options.fetch(:method, nil) == :delete
+        end
+
+        def slat_header
+          options.fetch(:slat_header, false)
+        end
+
+        def wide
+          options.fetch(:wide, true)
+        end
+
+        def disable_with
+          options.fetch(:disable_with, nil)
+        end
+
+        def remote
+          options.fetch(:remote, nil)
+        end
+
+        def action_link_html_options
+          { href: href,
+            class: [
+                     (theme ? "text-#{theme}" : ''),
+                     'd-block'
+                   ].join(' ').squish,
+            method: send(:method),
+            remote: remote,
+            data: { disable_with: disable_with,
+                    confirm: confirm }.merge(delete_link? ? { method: :delete } : {}) }
+        end
+
+        def theme
+          options.fetch(:theme, nil)
+        end
+
+        def render
+          content_tag(:div, html_options) do
+            if menu
+              if slat_header
+                content_tag(:h6, "&nbsp;".html_safe, class: 'display-4')
+              else
+                NfgUi::Components::Patterns::Dropdown.new({ }, view_context).render do
+                  capture do
+                    concat(NfgUi::Components::Elements::DropdownToggle.new({ traits: [:outlined, :secondary], body: ('Actions' if wide)}, view_context).render)
+                    concat(NfgUi::Components::Patterns::DropdownMenu.new({ traits: [:right] }, view_context).render {
+                      (block_given? ? yield : body)
+                    })
+                  end
+                end
+              end
+            else
+              if href.present?
+                content_tag(:a, href: href, **action_link_html_options) do
+                  if icon
+                    NfgUi::Components::Foundations::Icon.new({ traits: [icon], text: (block_given? ? yield : body), theme: theme }, view_context).render
+                  else
+                    (block_given? ? yield : body)
+                  end
+                end
+              else
+                if icon
+                  NfgUi::Components::Foundations::Icon.new({ traits: [icon], text: (block_given? ? yield : body), theme: theme }, view_context).render
+                else
+                  (block_given? ? yield : body)
+                end
+              end
+            end
+          end
+        end
+
+        private
+
+        def css_classes
+          [
+            super,
+            ("#{component_css_class}-sm" unless wide)
+          ].join(' ').squish
+        end
+
+        def non_html_attribute_options
+          super.push(:slat_header, :wide, :menu, :theme, :method, :remote, :confirm, :disable_with)
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/slat_header.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # SlatList doc coming soon
+      class SlatHeader < NfgUi::Components::Base
+        def component_family
+          :slats
+        end
+
+        private
+
+        def css_classes
+          [
+            super,
+            'd-none d-md-block'
+          ].join(' ').squish
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/slat_list.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # SlatList doc coming soon
+      class SlatList < NfgUi::Components::Base
+        include Bootstrap::Utilities::Sizable
+
+        include NfgUi::Components::Traits::Size
+
+        def component_family
+          :slats
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/slats.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Main slats
+      class Slats < NfgUi::Components::Base
+        def component_family
+          :slats
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/steps.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Steps doc coming soon
+      class Steps < NfgUi::Components::Elements::Nav
+        def component_family
+          :steps
+        end
+
+        def fill
+          true
+        end
+
+        private
+
+        def css_classes
+          [
+            super,
+            'nav-steps'
+          ].join(' ').squish
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/tab_content.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Modal docs coming soon
+      class TabContent < NfgUi::Bootstrap::Components::TabContent
+        include NfgUi::Components::Utilities::Traitable
+        include NfgUi::Components::Utilities::Describable
+        include NfgUi::Components::Utilities::Renderable
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/task_list.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # TaskList doc coming soon
+      class TaskList < NfgUi::Components::Base
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/patterns/tile.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # Tile doc coming soon
+      class Tile < NfgUi::Components::Base
+        include Bootstrap::Utilities::Collapsible
+
+        include NfgUi::Components::Utilities::Iconable
+        include NfgUi::Components::Utilities::Titleable
+
+        include NfgUi::Components::Traits::Collapse
+
+        def heading
+          options.fetch(:heading, nil)
+        end
+
+        def component_family
+          :tile
+        end
+
+        def render_in_body
+          options.fetch(:render_in_body, true)
+        end
+
+        def render
+          super do
+            if render_in_body
+              if title.present?
+                concat(NfgUi::Components::Patterns::TileHeader.new({ title: title, icon: icon, collapsible: collapsible, collapse: ("#collapse_#{id}" if collapsible) }, view_context).render)
+              end
+              if collapsible
+                concat(NfgUi::Components::Patterns::Collapse.new({ id: "collapse_#{id}", collapsed: collapsed }, view_context).render {
+                  NfgUi::Components::Patterns::TileBody.new({ heading: heading }, view_context).render do
+                    (block_given? ? yield : body)
+                  end
+                })
+              else
+                concat(NfgUi::Components::Patterns::TileBody.new({ heading: heading }, view_context).render {
+                  (block_given? ? yield : body)
+                })
+              end
+            else
+              (block_given? ? yield : body)
+            end
+          end
+        end
+
+        private
+
+        def non_html_attribute_options
+          super.push(:heading, :render_in_body)
+        end
+      end
+    end
+  end
+end