nfg_ui 0.9.8.15

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

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # TileBody doc coming soon
+      class TileBody < NfgUi::Components::Base
+        include NfgUi::Components::Utilities::Iconable
+
+        def heading
+          options.fetch(:heading, nil)
+        end
+
+        def component_family
+          :tile
+        end
+
+        def render
+          super do
+            if heading
+              concat(NfgUi::Components::Foundations::Typeface.new({ heading: heading, icon: icon }, view_context).render)
+            end
+            concat((block_given? ? yield : body))
+          end
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # TileHeader doc coming soon
+      class TileHeader < NfgUi::Components::Base
+        include Bootstrap::Utilities::Collapsible
+
+        include NfgUi::Components::Utilities::Titleable
+        include NfgUi::Components::Utilities::Iconable
+
+        def component_family
+          :tile
+        end
+
+        def render
+          super do
+            if collapsible && title
+              concat(NfgUi::Components::Elements::Button.new({ traits: [:link, :block], collapse: collapse, class: 'no-link-color p-0 m-0' }, view_context).render {
+                content_tag(:div, class: 'row align-items-center') do
+                  concat(content_tag(:div, class: 'col-10 text-left') {
+                    NfgUi::Components::Foundations::Typeface.new({ title: title, class: 'text-uppercase', icon: icon }, view_context).render
+                  })
+                  concat(content_tag(:div, class: 'col-2 text-right') {
+                    NfgUi::Components::Foundations::Icon.new({ traits: ['caret-down fw'], tooltip: 'Show / hide additional information' }, view_context).render
+                  })
+                end
+              })
+            elsif title
+              concat(NfgUi::Components::Foundations::Typeface.new({ title: title, class: 'text-uppercase', icon: icon }, view_context).render)
+            end
+
+            concat((block_given? ? yield : body))
+          end
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Patterns
+      # TileSection doc coming soon
+      class TileSection < NfgUi::Components::Base
+        include NfgUi::Components::Utilities::Iconable
+
+        def heading
+          options.fetch(:heading, nil)
+        end
+
+        def component_family
+          :tile
+        end
+
+        def render
+          super do
+            if heading
+              concat(NfgUi::Components::Foundations::Typeface.new({ heading: heading, icon: icon }, view_context).render)
+            end
+            concat((block_given? ? yield : body))
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/active.rb

@@ -0,0 +1,14 @@
+module NfgUi
+  module Components
+    module Traits
+      # Shared Size traits
+      module Active
+        TRAITS = %i[active].freeze
+
+        def active_trait
+          options[:active] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/alert.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Alert traits
+      module Alert
+        TRAITS = %i[tip].freeze
+
+        def tip_trait
+          options[:icon] = 'lightbulb-o'
+          options[:theme] = :info
+          options[:dismissible] = false
+        end
+        # include NfgUi::Components::Traits
+        # include NfgUi::Components::Traits::Theme
+
+        # private
+
+        # def error_trait
+        #   @theme = :danger
+        #   @heading = 'Oops!'
+        #   @body = 'There was an error! Please review this submission and try again'
+        # end
+
+        # def allowed_traits
+        #   super.push(:dismissible, :error)
+        # end
+
+        # def skipped_traits
+        #   super.push(:dismissible)
+        # end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/alignment.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Card traits
+      module Alignment
+        TRAITS = %i[center
+                    right
+                    left].freeze
+
+        def right_trait
+          options[:right] = true
+        end
+
+        def left_trait
+          options[:right] = true
+        end
+
+        def center_trait
+          options[:center] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/button.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Button traits
+      module Button
+        TRAITS = %i[block
+                    close
+                    link
+                    outlined
+                    remote
+                    submit].freeze
+
+        def link_trait
+          options[:theme] = :link
+        end
+
+        def block_trait
+          options[:block] = true
+        end
+
+        def close_trait
+          self.as = :button
+          data[:dismiss] = options.delete(:dismiss)
+          options[:theme] = nil
+          @css_classes = 'close'
+          @body = '×'.html_safe
+          assistive_html_attributes.merge!(aria: { label: 'close' })
+        end
+
+        def remote_trait
+          options[:remote] = true
+        end
+
+        def submit_trait
+          self.as = :button
+          options[:type] = 'submit'
+        end
+
+        def outlined_trait
+          options[:outlined] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/button_group.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed traits
+      module ButtonGroup
+        TRAITS = %i[].freeze
+        # attr_reader :page_header_toolbar
+
+        # def initialize(*)
+        #   super
+        #   @page_header_toolbar = traits.include?(:page_header_toolbar)
+        # end
+
+        # def toolbar_html_options
+        #   page_header_toolbar ? super.merge(class: 'float-lg-right') : super
+        # end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/card.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Card traits
+      module Card
+        TRAITS = %i[].freeze
+        # include NfgUi::Components::Traits
+        # include NfgUi::Components::Traits::Theme
+      end
+    end
+  end
+end

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

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Card traits
+      module Collapse
+        TRAITS = %i[collapsible
+                    collapsed
+                    navbar].freeze
+
+        # private
+
+        # Set component to collapse capable
+        def collapsible_trait
+          options[:collapsible] = true
+        end
+
+        def collapsed_trait
+          options[:collapsed] = true
+        end
+
+        def navbar_trait
+          options[:navbar] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/disable.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Card traits
+      module Disable
+        TRAITS = %i[disabled].freeze
+
+        # private
+
+        # Set component to collapse capable
+        def disabled_trait
+          options[:disabled] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/disable_with.rb

@@ -0,0 +1,14 @@
+module NfgUi
+  module Components
+    module Traits
+      # Access to disable_with traits
+      module DisableWith
+        TRAITS = %i[disable_with].freeze
+
+        def disable_with_trait
+          data[:disable_with] = default_disable_with
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/dismiss.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Alert traits
+      module Dismiss
+        TRAITS = %i[dismissible].freeze
+        
+        def dismissible_trait
+          options[:dismissible] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/dropdown_toggle.rb

@@ -0,0 +1,14 @@
+module NfgUi
+  module Components
+    module Traits
+      # Shared Size traits
+      module DropdownToggle
+        TRAITS = %i[split].freeze
+
+        def split_trait
+          options[:split] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/icon.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Icon traits
+      module Icon
+        TRAITS = %i[loader].freeze
+
+        def loader_trait
+          options[:icon] = 'spinner spin fw'
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Icon traits
+      module ListGroup
+        TRAITS = %i[flush].freeze
+
+        def flush_trait
+          options[:flush] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/muted.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Icon traits
+      module Muted
+        TRAITS = %i[muted].freeze
+        
+        def muted_trait
+          options[:class] += ' text-muted'
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed traits
+      module Nav
+        TRAITS = %i[tabs
+                    fill
+                    justify].freeze
+
+        def tabs_trait
+          options[:tabs] = true
+        end
+
+        def fill_trait
+          options[:fill] = true
+        end
+
+        def justify_trait
+          options[:justify] = true
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed traits
+      module NavItem
+        TRAITS = %i[dropdown].freeze
+
+        def dropdown_trait
+          options[:dropdown] = true
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed traits
+      module Navbar
+        TRAITS = %i[white].freeze
+
+        def white_trait
+          options[:light] = true
+          # options[:class] += ' bg-white'
+          options[:theme] = :white
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed Alert traits
+      module PageHeader
+        TRAITS = %i[sticky].freeze
+
+        def sticky_trait
+          options[:sticky] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/pill.rb

@@ -0,0 +1,14 @@
+module NfgUi
+  module Components
+    module Traits
+      # Shared Size traits
+      module Pill
+        TRAITS = %i[pill].freeze
+
+        def pill_trait
+          options[:pill] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/progress_bar.rb

@@ -0,0 +1,24 @@
+module NfgUi
+  module Components
+    module Traits
+      # Shared Size traits
+      module ProgressBar
+        TRAITS = %i[striped
+                    animated
+                    label].freeze
+
+        def striped_trait
+          options[:striped] = true
+        end
+
+        def animated_trait
+          options[:animated] = true
+        end
+
+        def label_trait
+          options[:label] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/remote.rb

@@ -0,0 +1,14 @@
+module NfgUi
+  module Components
+    module Traits
+      # Shared Size traits
+      module Remote
+        TRAITS = %i[remote].freeze
+
+        def remote_trait
+          options[:remote] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/size.rb

@@ -0,0 +1,18 @@
+module NfgUi
+  module Components
+    module Traits
+      # Shared Size traits
+      module Size
+        TRAITS = %i[lg sm].freeze
+
+        def lg_trait
+          options[:size] = :lg
+        end
+
+        def sm_trait
+          options[:size] = :sm
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/slat_item.rb

@@ -0,0 +1,28 @@
+module NfgUi
+  module Components
+    module Traits
+      # Step traits
+      module SlatItem
+        TRAITS = %i[truncate].freeze
+
+        # truncated_trait is added to a slat_item when a slat_item typeface child
+        # needs to have truncated text with ellipses.
+        #
+        # This is necessary because of the flex child containing the other text elements 
+        # won't narrow past the "implied width" of those text elements.
+        # when a min-width value is set.
+        #
+        # The flexbox child typeface component is then given the text-truncate class
+        # 
+        # Example in HAML:
+        # = ui.nfg :slat_item, :truncated do
+        #   = ui.nfg :typeface, heading: guest.email, class: 'text-truncate'
+        # 
+        # Read more: https://css-tricks.com/flexbox-truncated-text/
+        def truncate_trait
+          options[:style] = [options.try(:[], :style), 'min-width: 0;'].join(' ').squish
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/step.rb

@@ -0,0 +1,14 @@
+module NfgUi
+  module Components
+    module Traits
+      # Step traits
+      module Step
+        TRAITS = %i[visited].freeze
+
+        def visited_trait
+          options[:visited] = true
+        end
+      end
+    end
+  end
+end

data/lib/nfg_ui/components/traits/theme.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+module NfgUi
+  module Components
+    module Traits
+      # Access to pre-designed theme traits
+      module Theme
+        # TODO: Figure out how to get NfgUi::BOOTSTRAP_THEMES to be recognized for TRAITS
+        TRAITS = %i[primary
+                    secondary
+                    success
+                    danger
+                    warning
+                    info
+                    light
+                    dark
+                    outlined].freeze
+
+        def primary_trait
+          options[:theme] = :primary
+        end
+
+        def secondary_trait
+          options[:theme] = :secondary
+        end
+
+        def success_trait
+          options[:theme] = :success
+        end
+
+        def danger_trait
+          options[:theme] = :danger
+        end
+
+        def warning_trait
+          options[:theme] = :warning
+        end
+
+        def info_trait
+          options[:theme] = :info
+        end
+
+        def light_trait
+          options[:theme] = :light
+        end
+
+        def dark_trait
+          options[:theme] = :dark
+        end
+
+        def outlined_trait
+          options[:outlined] = true
+        end
+      end
+    end
+  end
+end