sdr_view_components 0.9.0 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 85d60c2eba6ecbc0fde6f7a234479c1bc8f4ff03e20cd06d59c765e0753f9f4e
-  data.tar.gz: 3f3f9cad04f4282acdaa1db74aa11af206b390eb1cf4d2f2e63750fecea6846b
+  metadata.gz: ef8577c7ba2659565cc9bc0fc7abde0dc81581d56d4ca04d0fd97c6af6bfa152
+  data.tar.gz: 762e2ab51b230c2c65620d63f9521adc652bd8dd177307066a4d37c2614ccab9
 SHA512:
-  metadata.gz: eb8f72e8174004db2949286a2447f52587a14fefc08a4eb577336594795f1156b671a97be9d0af2bd1e46cca6e83590721b115b42a1fb8fdb25974e7dd92e564
-  data.tar.gz: 43324da6a0cbecf28cf5b8fc0f8fa287b4debdb243ee6593b5b1d3510efc06de7c80760623c91a0ea5fb2265d4868dca4527016de6158293bc12de2543e8af4f
+  metadata.gz: 5afcd584845fcd490a6bb7a371c59ce5d890e7f37dafa66e601b3720d887c3af65a75f973e597836903386a1988562e94bf719ef7c396e51f03f7afe872f9ed7
+  data.tar.gz: 0a53d768a9355718afda4fa06c609b5ee5d61563637c5bb8ad52443a4070eb61c203a02b0f357db8f6f3b64f0d1b0981afaecbb67830a2709430e768f8410214

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

@@ -4,8 +4,8 @@ module SdrViewComponents
   module Elements
     # Component for a button that is wrapped in a form
     class ButtonFormComponent < BaseComponent
-      def initialize(link:, label: nil, variant: :primary, classes: [], method: :get, confirm: nil, # rubocop:disable Metrics/ParameterLists
-                     top: true, data: {}, disabled: false)
+      def initialize(link:, label: nil, variant: :primary, classes: [], method: :get, confirm: nil, # rubocop:disable Metrics/ParameterLists, Metrics/MethodLength
+                     top: true, data: {}, disabled: false, params: {})
         @link = link
         @label = label
         @variant = variant
@@ -15,15 +15,17 @@ module SdrViewComponents
         @top = top
         @data = data
         @disabled = disabled
+        @params = params
         super()
       end
 
-      attr_reader :link
+      attr_reader :link, :params
 
       def call
         button_to(link, method: @method,
                         class: ComponentSupport::ButtonSupport.classes(variant: @variant, classes:, disabled: @disabled),
-                        form: { data: }) do
+                        form: { data: },
+                        params:) do
           @label || content
         end
       end

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

@@ -4,10 +4,11 @@ module SdrViewComponents
   module Elements
     # Component for a button which is an icon
     class IconButtonComponent < BaseComponent
-      def initialize(icon:, label:, classes: [], disabled: false, **options)
+      def initialize(icon:, label:, classes: [], icon_classes: [], disabled: false, **options) # rubocop:disable Metrics/ParameterLists
         @icon = icon
         @label = label
         @classes = classes
+        @icon_classes = icon_classes
         @disabled = disabled
         @options = options
         super()
@@ -24,7 +25,7 @@ module SdrViewComponents
       end
 
       def button_icon
-        helpers.public_send(:"#{@icon}_icon")
+        helpers.public_send(:"#{@icon}_icon", classes: @icon_classes)
       end
 
       private

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

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    # Component for a button which is an icon and is wrapped in a form
+    class IconButtonFormComponent < BaseComponent
+      def initialize(link:, icon:, label:, variant: :'outline-primary', classes: [], icon_classes: [], method: :get, # rubocop:disable Metrics/ParameterLists, Metrics/MethodLength
+                     confirm: nil, top: true, data: {}, disabled: false, params: {})
+        @link = link
+        @icon = icon
+        @label = label
+        @variant = variant
+        @classes = classes
+        @icon_classes = icon_classes
+        @method = method
+        @confirm = confirm
+        @top = top
+        @data = data
+        @disabled = disabled
+        @params = params
+        super()
+      end
+
+      def before_render
+        raise SdrViewComponents::Error::UnknownComponentIcon, "Unknown icon type: #{@icon}" unless button_icon?
+      end
+
+      attr_reader :link, :params, :label
+
+      def call
+        button_to(link, method: @method,
+                        class: ComponentSupport::ButtonSupport.classes(variant: @variant, classes:, disabled: @disabled),
+                        form: { data: },
+                        params:) do
+          concat button_icon
+          concat tag.span(label, class: 'visually-hidden')
+        end
+      end
+
+      def classes
+        merge_classes(%w[border border-0], @classes)
+      end
+
+      def data
+        @data.tap do |data|
+          data[:turbo_frame] = '_top' if @top
+          data[:turbo_confirm] = @confirm if @confirm
+        end
+      end
+
+      def button_icon
+        helpers.public_send(:"#{@icon}_icon", classes: @icon_classes)
+      end
+
+      private
+
+      def button_icon?
+        helpers.respond_to?(:"#{@icon}_icon")
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/tables/base_table_component.html.erb

@@ -1,7 +1,7 @@
 <% @table_content = capture do %>
   <%= tag.table class: classes, 'aria-label': label, **@table_options do %>
     <% if show_label? %>
-      <caption><%= label || caption %></caption>
+      <caption><%= caption || label %></caption>
     <% end %>
     <% if headers? %>
       <%= tag.thead class: head_classes do %>

data/lib/sdr_view_components/version.rb

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

data/spec/components/previews/sdr_view_components/elements/button_form_component_preview.rb

@@ -109,6 +109,17 @@ module SdrViewComponents
       end
       # @!endgroup
 
+      # @!group Params
+      def with_params
+        render SdrViewComponents::Elements::ButtonFormComponent.new(
+          link: '/action',
+          label: 'Submit with Params',
+          variant: :primary,
+          params: { foo: 'bar', baz: 'qux' }
+        )
+      end
+      # @!endgroup
+
       def default
         render SdrViewComponents::Elements::ButtonFormComponent.new(link: '/', label: 'Form Button')
       end

data/spec/components/previews/sdr_view_components/elements/icon_button_component_preview.rb

@@ -24,6 +24,11 @@ module SdrViewComponents
                                                                     disabled: true)
       end
       # @!endgroup
+
+      def with_icon_classes
+        render SdrViewComponents::Elements::IconButtonComponent.new(icon: :delete, label: 'Delete item',
+                                                                    icon_classes: %w[fs-4])
+      end
     end
   end
 end

data/spec/components/previews/sdr_view_components/elements/icon_button_form_component_preview.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Elements
+    class IconButtonFormComponentPreview < ViewComponent::Preview
+      def default
+        render SdrViewComponents::Elements::IconButtonFormComponent.new(link: '/example', icon: :download,
+                                                                        label: 'Download item')
+      end
+
+      def with_confirmation
+        render SdrViewComponents::Elements::IconButtonFormComponent.new(
+          link: '/delete-item',
+          icon: :delete,
+          label: 'Delete item',
+          method: :delete,
+          confirm: 'Are you sure you want to delete this item?'
+        )
+      end
+
+      # @!group Disabled State
+      def enabled
+        render SdrViewComponents::Elements::IconButtonFormComponent.new(link: '/example', icon: :download,
+                                                                        label: 'Download item', disabled: false)
+      end
+
+      def disabled
+        render SdrViewComponents::Elements::IconButtonFormComponent.new(link: '/example', icon: :download,
+                                                                        label: 'Download item', disabled: true)
+      end
+      # @!endgroup
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sdr_view_components
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 0.10.0
 platform: ruby
 authors:
 - Aaron Collier
@@ -82,6 +82,7 @@ files:
 - app/components/sdr_view_components/elements/horizontal_rule_component.rb
 - app/components/sdr_view_components/elements/icon_button_component.html.erb
 - app/components/sdr_view_components/elements/icon_button_component.rb
+- app/components/sdr_view_components/elements/icon_button_form_component.rb
 - app/components/sdr_view_components/elements/icon_button_link_component.html.erb
 - app/components/sdr_view_components/elements/icon_button_link_component.rb
 - app/components/sdr_view_components/elements/modal_component.html.erb
@@ -199,6 +200,7 @@ files:
 - spec/components/previews/sdr_view_components/elements/horizontal_rule_component_preview.rb
 - spec/components/previews/sdr_view_components/elements/horizontal_rule_component_preview/default.html.erb
 - spec/components/previews/sdr_view_components/elements/icon_button_component_preview.rb
+- spec/components/previews/sdr_view_components/elements/icon_button_form_component_preview.rb
 - spec/components/previews/sdr_view_components/elements/icon_button_link_component_preview.rb
 - spec/components/previews/sdr_view_components/elements/modal_component_preview.rb
 - spec/components/previews/sdr_view_components/elements/modal_component_preview/default.html.erb