sdr_view_components 0.1.11 → 0.1.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 01f608d9c6fecfed05ce1ff741a7225fc78b1838f3b6e76d59288ae635543cb7
-  data.tar.gz: 7bc2e6168f24571747fcf66e178561603c7aacd3814a7f0b5913df093eb113fc
+  metadata.gz: 7a2356dbdb335e6faf249112ef1aa9711408edba8e89675dae3b58d9190225b5
+  data.tar.gz: e203e4bc7b9dd792086edb62664d88c317aefa7863327832b54de94429d3a578
 SHA512:
-  metadata.gz: cba3c38d743396ec1efedb31b03a778a84e4f235c1bab770ddae879331d71df70fbc75ae76122fa2227bf356322f11d301da4f99d55ea92557169d23ebe52387
-  data.tar.gz: fcb96d3f1d3e9a94355e25934b550f710b35fc43264dc7af89fe74a480a1bd1923380b2b3c36b29eb7e79413ce14fae7b5df00c8bf2cda819f412cec09ac2ad4
+  metadata.gz: 11bb7de3197385a9a6c69a62d86ee6767d8efc3ccdebd34054f114559ace7d607e36c12db4af3c5463dad8899ad29e6b191f0eaddf4b902865f3226b9ddda759
+  data.tar.gz: aa19ff327bd0cee2aba5514c4baaae5eaa184fe876ac51c4b6a4b767282586ac8c89032561a7533516d45fa51a164f46ff5f2941cbbf45e696916685b45cf782

data/app/components/sdr_view_components/elements/card_component.html.erb

@@ -0,0 +1,4 @@
+<%= tag.div class: classes, style:, data: do %>
+  <%= header %>
+  <%= body %>
+<% end %>

data/app/components/sdr_view_components/elements/card_component.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    # Component for a card
+    class CardComponent < BaseComponent
+      renders_one :body, lambda { |**args|
+        SectionComponent.new(default_class: 'card-body', **args)
+      }
+      renders_one :header, lambda { |**args|
+        SectionComponent.new(default_class: 'card-header', **args)
+      }
+
+      def initialize(classes: [], style: nil, data: {})
+        @classes = classes
+        @style = style
+        @data = data
+        super()
+      end
+
+      def classes
+        merge_classes('card', @classes)
+      end
+
+      attr_reader :style, :data
+
+      # Component for a card section
+      class SectionComponent < BaseComponent
+        def initialize(default_class:, classes: [], **options)
+          @classes = classes
+          @default_class = default_class
+          @options = options
+          super()
+        end
+
+        attr_reader :options
+
+        def classes
+          merge_classes(@default_class, @classes)
+        end
+
+        def call
+          tag.div(class: classes, **options) do
+            content
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/elements/heading_component.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    # Applies an h# component with the expected styling.
+    class HeadingComponent < BaseComponent
+      def initialize(level:, text: nil, variant: nil, classes: [])
+        raise ArgumentError, 'Invalid level' unless %i[h1 h2 h3 h4 h5 h6].include?(level.to_sym)
+
+        @level = level
+        @variant = variant
+        @classes = classes
+        @text = text # Provide text or content
+        super()
+      end
+
+      def classes
+        merge_classes(variant_class, @classes)
+      end
+
+      # Renders the component without the need for a .erb partial.
+      def call
+        content_tag(@level, class: classes) do
+          @text || content
+        end
+      end
+
+      private
+
+      def variant_class
+        return unless @variant
+
+        @variant.to_s
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/elements/horizontal_rule_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    # Component for a horizontal rule (line).
+    class HorizontalRuleComponent < BaseComponent
+      def initialize(classes: [])
+        @classes = classes
+        super()
+      end
+
+      def call
+        tag.hr class: classes
+      end
+
+      def classes
+        merge_classes(@classes)
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/elements/modal_component.html.erb

@@ -0,0 +1,22 @@
+<%= tag.div class: classes, tabindex: '-1', id: do %>
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+          <div class="position-absolute top-0 end-0">
+            <button type="button" class="btn-close mt-2 me-2" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+        <% if header? %>
+          <%= header %>
+        <% end %>
+      </div>
+      <div class="modal-body">
+        <%= body %>
+      </div>
+      <% if footer? %>
+        <div class="modal-footer">
+          <%= footer %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/components/sdr_view_components/elements/modal_component.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    # Renders a modal dialog
+    class ModalComponent < BaseComponent
+      renders_one :header # optional
+      renders_one :footer # optional
+      renders_one :body
+
+      def initialize(id:, size: :lg)
+        @id = id
+        @size = size
+        super()
+      end
+
+      attr_reader :id
+
+      def classes
+        merge_classes('modal', @size ? "modal-#{@size}" : nil)
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/elements/nav_link_component.html.erb

@@ -0,0 +1,3 @@
+<li class="nav-item">
+  <%= tag.a class: 'nav-link', href: path, **options do %><%= title %><% end %>
+</li>

data/app/components/sdr_view_components/elements/nav_link_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    # A single link in the header nav, bootstrap-style
+    class NavLinkComponent < ViewComponent::Base
+      def initialize(title:, path:, **options)
+        @title = title
+        @path = path
+        @options = options
+        super()
+      end
+
+      attr_reader :title, :path, :options
+    end
+  end
+end

data/app/components/sdr_view_components/elements/progress_bar_component.html.erb

@@ -0,0 +1,3 @@
+<%= tag.div class: classes, role: 'progressbar', 'aria-label': label, 'aria-valuenow': percent, 'aria-valuemax': '100', **options do %>
+    <%= tag.div class: bar_classes, style: bar_style %>
+<% end %>

data/app/components/sdr_view_components/elements/progress_bar_component.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    # Wait for it.
+    class ProgressBarComponent < BaseComponent
+      def initialize(label:, percent: 0, variant: nil, classes: [], striped: true, **options) # rubocop:disable Metrics/ParameterLists
+        @label = label
+        @percent = percent
+        @variant = variant
+        @classes = classes
+        @striped = striped
+        @options = options
+        super()
+      end
+
+      attr_reader :label, :percent, :options
+
+      def bar_classes
+        merge_classes('progress-bar', variant_class, @striped ? 'progress-bar-striped' : nil)
+      end
+
+      def bar_style
+        "width: #{percent}%;"
+      end
+
+      def classes
+        merge_classes('progress', @classes)
+      end
+
+      private
+
+      def variant_class
+        return unless @variant
+
+        "bg-#{@variant}"
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/elements/spinner_component.html.erb

@@ -0,0 +1,8 @@
+<%= tag.div class: classes do %>
+  <% if image_path %>
+    <%= tag.img src: image_path, alt: 'Spinner', class: spinner_classes, role: 'status', style: spinner_style, **options %>
+  <% else %>
+    <%= tag.div class: spinner_classes, role: 'status', style: spinner_style, **options %>
+  <% end %>
+  <%= tag.div class: message_classes do %><%= message %><% end %>
+<% end %>

data/app/components/sdr_view_components/elements/spinner_component.rb

@@ -0,0 +1,72 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    # It spins.
+    class SpinnerComponent < BaseComponent
+      def initialize(message: 'Loading...', message_classes: [], message_position: :right, hide_message: false, # rubocop:disable Metrics/ParameterLists, Metrics/MethodLength
+                     image_path: nil, variant: nil, classes: [],
+                     height: nil, width: nil, speed: 0.75, **options)
+        @message = message
+        @variant = variant
+        @hide_message = hide_message
+        @classes = classes
+        @image_path = image_path # Optionally spin an image
+        @height = height
+        @width = width
+        @message_classes = message_classes
+        @speed = speed # In seconds, so a larger number is slower. The default (0.75) is the same as Bootstrap's default.
+        @options = options
+        @message_position = message_position # :bottom or :right
+        super()
+      end
+
+      attr_reader :message, :image_path, :options
+
+      def spinner_classes
+        merge_classes('spinner-border', variant_class, border_class, 'mx-2')
+      end
+
+      def message_classes
+        merge_classes(@message_classes, @hide_message ? 'visually-hidden' : nil)
+      end
+
+      def classes
+        merge_classes(@classes, 'd-flex', message_position_classes)
+      end
+
+      def spinner_style
+        return unless @height && @width
+
+        "height: #{@height}px; width: #{@width}px; --bs-spinner-animation-speed: #{@speed}s;"
+      end
+
+      private
+
+      def message_position_classes
+        case @message_position # rubocop:disable Style/HashLikeCase
+        when :bottom
+          'flex-column'
+        when :right
+          'align-items-center'
+        when :top
+          'flex-column-reverse'
+        when :left
+          'flex-row-reverse align-items-center justify-content-end'
+        end
+      end
+
+      def variant_class
+        return unless @variant
+
+        "text-#{@variant}"
+      end
+
+      def border_class
+        return unless image_path
+
+        'border-0'
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/elements/tooltip_component.rb

@@ -4,9 +4,10 @@ module SdrViewComponents
   module Elements
     # Component for rendering a tooltip.
     class TooltipComponent < BaseComponent
-      def initialize(target_label:, tooltip: nil)
+      def initialize(target_label:, tooltip: nil, data: {})
         @target_label = target_label
         @tooltip = tooltip
+        @data = data
         super()
       end
 
@@ -18,21 +19,14 @@ module SdrViewComponents
         tooltip.present?
       end
 
-      def data # rubocop:disable Metrics/MethodLength
+      def data
         {
           bs_html: true,
           bs_toggle: 'tooltip',
           bs_title: tooltip,
           bs_trigger: 'focus',
           tooltips_target: 'icon'
-        }.tap do |data|
-          if Settings.ahoy.tooltip
-            data[:controller] = 'ahoy-tooltip'
-            data[:ahoy_tooltip_label_value] = target_label
-            # Note that this is only tracking tooltip when shown by clicking, not when shown by focus.
-            data[:action] = 'click->ahoy-tooltip#track'
-          end
-        end
+        }.merge(@data)
       end
     end
   end

data/lib/sdr_view_components/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module SdrViewComponents
-  VERSION = '0.1.11'
+  VERSION = '0.1.12'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sdr_view_components
 version: !ruby/object:Gem::Version
-  version: 0.1.11
+  version: 0.1.12
 platform: ruby
 authors:
 - Aaron Collier
@@ -77,11 +77,23 @@ files:
 - app/components/sdr_view_components/elements/button_component.rb
 - app/components/sdr_view_components/elements/button_form_component.rb
 - app/components/sdr_view_components/elements/button_link_component.rb
+- app/components/sdr_view_components/elements/card_component.html.erb
+- app/components/sdr_view_components/elements/card_component.rb
+- app/components/sdr_view_components/elements/heading_component.rb
+- app/components/sdr_view_components/elements/horizontal_rule_component.rb
+- app/components/sdr_view_components/elements/modal_component.html.erb
+- app/components/sdr_view_components/elements/modal_component.rb
+- app/components/sdr_view_components/elements/nav_link_component.html.erb
+- app/components/sdr_view_components/elements/nav_link_component.rb
 - app/components/sdr_view_components/elements/navigation/dropdown_menu_component.html.erb
 - app/components/sdr_view_components/elements/navigation/dropdown_menu_component.rb
 - app/components/sdr_view_components/elements/navigation/nav_item_component.rb
+- app/components/sdr_view_components/elements/progress_bar_component.html.erb
+- app/components/sdr_view_components/elements/progress_bar_component.rb
 - app/components/sdr_view_components/elements/skip_links_component.html.erb
 - app/components/sdr_view_components/elements/skip_links_component.rb
+- app/components/sdr_view_components/elements/spinner_component.html.erb
+- app/components/sdr_view_components/elements/spinner_component.rb
 - app/components/sdr_view_components/elements/toast_component.html.erb
 - app/components/sdr_view_components/elements/toast_component.rb
 - app/components/sdr_view_components/elements/tooltip_component.html.erb