sdr_view_components 0.5.0 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a5c75fc70087db7f22de6555353858ad37e5e1eca8b22fb3bf0ef97fa875cb50
-  data.tar.gz: 4d08732919f119eb589ba79c4e194ff98868c6dcd7c7b105e6b008232100c00b
+  metadata.gz: 20d06b21754a66cf773ed738934dca7b897e95de724e6ca8fc70942f56a8bf1c
+  data.tar.gz: 605b5ae6c58e73324e9bdbbac7d53ff6e0ddf9d53b845c75393255d411ef701d
 SHA512:
-  metadata.gz: a37dc109660769c562ff43176deaeb796396fa5039f472e4bbbdd3ef1983028913567dc9d4ccd21b6e1ff122a3d57dac4e158369df119565c3ca02c8e0aa8b0d
-  data.tar.gz: 858f08586f7682571637115a94ae7aaf93d263de9675155f2fbcdfda262c6e83fe4a26d41d5448ccf4cda2c2a2be4159bbdbb641f6169381c7e96df62a255306
+  metadata.gz: b99a2ffdfb693b1780e6b44b93a51d0ba6ab62e9958336056ccacd59fd5e4b5d063961bcfe55d688d0b5c907ea0fc323872808cdd52743c1dfe44b7ceb676a39
+  data.tar.gz: 17849d2bfd15fd3e540ed8a6e0307825c00efbf53143836c2547d10f5a812ac490b71b5ae0cb0007aced34068b68debfe9970449633d8005969018497869ba29

data/README.md

@@ -65,6 +65,19 @@ application.register("sdr-tab-link", TabLinkController)
 application.register("sdr-tab-nav", TabNavController)
 ```
 
+`SdrViewComponents::Elements::Tabs::TabListComponent`'s `collapse_below` option (see [General usage](#general-usage) below) ships `sdr_view_components/tab_select_controller`, registered as `sdr-tab-select`:
+
+```ruby
+pin "sdr_view_components/tab_select_controller", to: "sdr_view_components/tab_select_controller.js"
+```
+
+```javascript
+import { application } from "controllers/application"
+import TabSelectController from "sdr_view_components/tab_select_controller"
+
+application.register("sdr-tab-select", TabSelectController)
+```
+
 ## Usage
 
 ### Form components
@@ -112,6 +125,10 @@ Each of the supported components above uses the provided "basic" components:
 
 At a minimum, each of these components must be provided wih the `form:` and `field_name:` parameters. Additionally, you can provide additional parameters that will be passed to the standard ActionView::Helpers::Tag.
 
+#### Fieldset component
+
+`SdrViewComponents::Forms::FieldsetComponent` renders a `<fieldset>` for grouping related fields (e.g. a set of checkboxes) that don't belong to a single bound form field. It supports a `label:` (or a `legend` slot for custom markup), `tooltip:`, `mark_required:`, `help_text:`, and a `help_link` slot. Any other keyword arguments (`id:`, `data:`, `aria:`, etc.) are passed through to the `<fieldset>` tag.
+
 ### Tab form components
 
 SdrViewComponents provides components for rendering a tabbed form, where a form's fields are split across tabs rather than shown all at once:
@@ -151,6 +168,23 @@ See the Lookbook preview for `SdrViewComponents::TabForm::TabListComponent` for
 
 ### General usage:
 
+`SdrViewComponents::Elements::Tabs::TabListComponent` accepts a `collapse_below:` option (one of `:sm`, `:md`, `:lg`, `:xl`, `:xxl`). When given, the tabs are replaced with a `<select>` below that Bootstrap breakpoint instead of wrapping or scrolling -- the `<select>` drives the same Bootstrap tab JavaScript as the tabs, so panes switch the same way regardless of which control is visible. Leave it unset (the default) to always render the tabs. This requires the `sdr-tab-select` controller -- see [JavaScript](#javascript) above.
+
+```erb
+<%= render SdrViewComponents::Elements::Tabs::TabListComponent.new(variant: :underline, collapse_below: :xl) do |tab_list| %>
+  <% tab_list.with_tab(label: 'Details', id: 'details-tab', pane_id: 'details-pane', active: true) %>
+  <% tab_list.with_tab(label: 'History', id: 'history-tab', pane_id: 'history-pane') %>
+
+  <% tab_list.with_pane(id: 'details-pane', tab_id: 'details-tab', active: true) do %>
+    <p>Details pane content.</p>
+  <% end %>
+
+  <% tab_list.with_pane(id: 'history-pane', tab_id: 'history-tab') do %>
+    <p>History pane content.</p>
+  <% end %>
+<% end %>
+```
+
 ```
 <% render SdrViewComponent::....>
 ```

data/app/assets/sdr_view_components.css

@@ -56,6 +56,14 @@
   border-color: var(--stanford-60-black);
 }
 
+.form-label {
+  margin-bottom: 0;
+}
+
+fieldset.form-fieldset legend {
+  font-size: unset;
+}
+
 /* Tabs */
 .nav-underline {
   border-bottom: 1px solid black;

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

@@ -4,13 +4,14 @@ module SdrViewComponents
   module Elements
     # Applies an h# component with the expected styling.
     class HeadingComponent < BaseComponent
-      def initialize(level:, text: nil, variant: nil, classes: [])
+      def initialize(level:, text: nil, variant: nil, classes: [], **options)
         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
+        @options = options
         super()
       end
 
@@ -22,7 +23,7 @@ module SdrViewComponents
       def call
         return unless tag.respond_to?(@level)
 
-        tag.public_send(@level, class: classes) do
+        tag.public_send(@level, class: classes, **@options) do
           @text || content
         end
       end

data/app/components/sdr_view_components/elements/tabs/tab_list_component.html.erb

@@ -1,9 +1,21 @@
-<%= tag.ul class: classes, role: 'tablist' do %>
-  <% tabs.each do |tab| %><%= tab %><% end %>
+<% if collapse_below? %>
+  <div data-controller="sdr-tab-select" data-action="shown.bs.tab->sdr-tab-select#sync">
+    <%= tag.select class: select_classes, 'aria-label': 'Select a tab', data: { sdr_tab_select_target: 'select', action: 'sdr-tab-select#change' } do %>
+      <% tabs.each do |tab| %><%= tag.option(tab.label, value: tab.id, selected: tab.active?) %><% end %>
+    <% end %>
+
+    <%= tag.ul class: classes, role: 'tablist' do %>
+      <% tabs.each do |tab| %><%= tab %><% end %>
+    <% end %>
+  </div>
+<% else %>
+  <%= tag.ul class: classes, role: 'tablist' do %>
+    <% tabs.each do |tab| %><%= tab %><% end %>
+  <% end %>
 <% end %>
 
 <%= header %>
 
-<div class="tab-content">
+<%= tag.div class: content_classes do %>
   <% panes.each do |pane| %><%= pane %><% end %>
-</div>
+<% end %>

data/app/components/sdr_view_components/elements/tabs/tab_list_component.rb

@@ -5,21 +5,48 @@ module SdrViewComponents
     module Tabs
       # Component for rendering a list of tabs in a tabbed interface.
       class TabListComponent < BaseComponent
+        BREAKPOINTS = %i[sm md lg xl xxl].freeze
+
         renders_one :header # optional
         renders_many :tabs, Elements::Tabs::TabComponent
         renders_many :panes, Elements::Tabs::PaneComponent
 
-        def initialize(classes: [], variant: :default)
+        # @param classes [Array<String>, String] additional classes for the tab list.
+        # @param content_classes [Array<String>, String] additional classes for the tab content container.
+        # @param variant [Symbol] the visual style of the tabs (:default or :underline).
+        # @param collapse_below [Symbol, nil] if given, the tabs are replaced with a `<select>`
+        #   below this Bootstrap breakpoint (one of :sm, :md, :lg, :xl, :xxl). The tabs remain
+        #   fully functional (the `<select>` drives the same Bootstrap tab JavaScript) -- this
+        #   only changes how they're presented at narrow viewports. Leave nil (the default) to
+        #   always render the tabs.
+        def initialize(classes: [], content_classes: [], variant: :default, collapse_below: nil)
           @classes = classes
+          @content_classes = content_classes
           @variant = variant
+          @collapse_below = collapse_below
 
           raise ArgumentError, "Invalid variant: #{variant}" unless %i[underline default].include?(variant)
+          if collapse_below && BREAKPOINTS.exclude?(collapse_below)
+            raise ArgumentError, "Invalid collapse_below: #{collapse_below}"
+          end
 
           super()
         end
 
+        def collapse_below?
+          @collapse_below.present?
+        end
+
         def classes
-          merge_classes('nav', @classes, variant_classes)
+          merge_classes('nav', @classes, variant_classes, collapse_below? ? ['d-none', "d-#{@collapse_below}-flex"] : nil)
+        end
+
+        def select_classes
+          merge_classes('form-select', "d-#{@collapse_below}-none", @classes)
+        end
+
+        def content_classes
+          merge_classes('tab-content', @content_classes)
         end
 
         private

data/app/components/sdr_view_components/forms/fieldset_component.html.erb

@@ -0,0 +1,17 @@
+<%= tag.fieldset class: classes, **options do %>
+  <% if legend? || label %>
+    <%= tag.legend class: legend_classes do %>
+      <% if legend? %>
+        <%= legend %>
+      <% else %>
+        <%= tag.label class: label_classes do %><%= label %><% end %>
+      <% end %>
+      <%= render SdrViewComponents::Elements::TooltipComponent.new(target_label: label, tooltip:) %>
+      <%= help_link if help_link? %>
+      <% if help_text.present? %>
+        <p class="mb-2"><%= help_text %></p>
+      <% end %>
+    <% end %>
+  <% end %>
+  <%= content %>
+<% end %>

data/app/components/sdr_view_components/forms/fieldset_component.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Forms
+    # Component for rendering a form fieldset.
+    class FieldsetComponent < BaseComponent
+      renders_one :legend # Provide legend or label
+      renders_one :help_link # Optional
+
+      def initialize(label: nil, hidden_label: false, classes: [], label_classes: [], legend_classes: [], # rubocop:disable Metrics/ParameterLists
+                     tooltip: nil, mark_required: false, help_text: nil, **options)
+        @label = label
+        @hidden_label = hidden_label
+        @classes = classes
+        @label_classes = label_classes
+        @legend_classes = legend_classes
+        @tooltip = tooltip
+        @options = options
+        @mark_required = mark_required
+        @help_text = help_text
+        super()
+      end
+
+      attr_reader :options, :tooltip, :mark_required, :help_text
+
+      def label_classes
+        merge_classes(@label_classes, @hidden_label ? 'visually-hidden' : 'form-label fw-bold')
+      end
+
+      def label
+        mark_label_required(label: @label, mark_required:) if @label.present?
+      end
+
+      def classes
+        merge_classes('form-fieldset', @classes)
+      end
+
+      def legend_classes
+        merge_classes(@legend_classes)
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/forms/has_one_component.html.erb

@@ -0,0 +1,7 @@
+<%= render SdrViewComponents::Forms::FieldsetComponent.new(**fieldset_args) do %>
+  <%= tag.div class: 'mb-3' do %>
+    <%= form.fields_for field_name do |nested_form| %>
+      <%= render form_component.new(form: nested_form, **form_component_args) %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/sdr_view_components/forms/has_one_component.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Forms
+    # Encapsulates a has_one (non-repeatable) form.
+    class HasOneComponent < BaseComponent
+      def initialize(form:, field_name:, form_component:, **args)
+        @form = form
+        @field_name = field_name
+        @form_component = form_component
+        @args = args
+        super()
+      end
+
+      attr_reader :form, :field_name, :form_component, :args
+
+      # Returns a hash of arguments for the fieldset component.
+      # Includes argument prefixed with 'fieldset_'.
+      def fieldset_args
+        args_for(args:, prefix: 'fieldset_')
+      end
+
+      # Returns a hash of arguments for the form component.
+      # Includes argument prefixed with 'form_'.
+      def form_component_args
+        args_for(args:, prefix: 'form_')
+      end
+    end
+  end
+end

data/app/components/sdr_view_components/tab_form/tabbed_form_builder.rb

@@ -14,7 +14,7 @@ module SdrViewComponents
     # created via `fields_for`, by falling back to the parent builder's `id`. Rails' `fields_for`
     # doesn't otherwise propagate the `html: { id: }` option to nested builders.
     class TabbedFormBuilder < ActionView::Helpers::FormBuilder
-      FIELD_METHODS = %i[text_field email_field textarea text_area hidden_field file_field radio_button checkbox
+      FIELD_METHODS = %i[text_field email_field textarea text_area hidden_field file_field radio_button check_box
                          date_field].freeze
 
       FIELD_METHODS.each do |field_method|

data/app/javascript/sdr_view_components/tab_select_controller.js

@@ -0,0 +1,22 @@
+import { Controller } from '@hotwired/stimulus'
+
+// Drives a <select> that stands in for a tab list on narrow viewports (see
+// TabListComponent's `collapse_below` option). Selecting an option shows the
+// corresponding tab; activating a tab some other way (e.g. clicking the tab
+// list above the collapse breakpoint) keeps the select's value in sync.
+//
+// Uses window.bootstrap rather than `import * as bootstrap from 'bootstrap'`:
+// the UMD bootstrap.bundle.min.js has no ES module exports, so an ESM import
+// of it resolves to an empty namespace object even though the script itself
+// still assigns the real API to window.bootstrap as a side effect.
+export default class extends Controller {
+  static targets = ['select']
+
+  change (event) {
+    window.bootstrap.Tab.getOrCreateInstance(document.getElementById(event.target.value)).show()
+  }
+
+  sync (event) {
+    this.selectTarget.value = event.target.id
+  }
+}

data/lib/sdr_view_components/version.rb

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

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

@@ -33,6 +33,12 @@ module SdrViewComponents
         render SdrViewComponents::Elements::ButtonLinkComponent.new(link: '/example', label: 'Info Link Button',
                                                                     variant: :info)
       end
+
+      def nil
+        render SdrViewComponents::Elements::ButtonLinkComponent.new(link: '/example', label: 'Nil Variant Link Button',
+                                                                    variant: nil)
+      end
+
       # @!endgroup
 
       # @!group Button Sizes

data/spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview/collapsible.html.erb

@@ -0,0 +1,14 @@
+<%# Resize the preview frame below the sm breakpoint to see the tabs collapse into a select. %>
+<%# The sdr-tab-select controller isn't registered in this dummy app, so the select won't switch panes here -- see the consuming app for a working example. %>
+<%= render SdrViewComponents::Elements::Tabs::TabListComponent.new(variant: :underline, collapse_below: :sm) do |tab_list| %>
+  <% tab_list.with_tab(label: 'Details', id: 'details-tab', pane_id: 'details-pane', active: true) %>
+  <% tab_list.with_tab(label: 'History', id: 'history-tab', pane_id: 'history-pane') %>
+
+  <% tab_list.with_pane(id: 'details-pane', tab_id: 'details-tab', active: true) do %>
+    <p>Details pane content.</p>
+  <% end %>
+
+  <% tab_list.with_pane(id: 'history-pane', tab_id: 'history-tab') do %>
+    <p>History pane content.</p>
+  <% end %>
+<% end %>

data/spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview.rb

@@ -10,6 +10,8 @@ module SdrViewComponents
         # @!endgroup
 
         def with_header; end
+
+        def collapsible; end
       end
     end
   end

data/spec/components/previews/sdr_view_components/forms/checkbox_component_preview/with_validation_error.html.erb

@@ -1,4 +1,5 @@
 <% model = SdrViewComponents::Forms::CheckboxComponentPreview::CheckboxPreviewModel.new(test_boolean_field: false) %>
+<% model.valid? %>
 
 <%= form_with(model: model, url: '/example') do |form| %>
   <%= render SdrViewComponents::Forms::CheckboxComponent.new(

data/spec/components/previews/sdr_view_components/forms/fieldset_component_preview/default.html.erb

@@ -0,0 +1,10 @@
+<%= render SdrViewComponents::Forms::FieldsetComponent.new(label: 'Contributors') do %>
+  <div class="form-check">
+    <input class="form-check-input" type="checkbox" id="contributor1" name="contributor1">
+    <label class="form-check-label" for="contributor1">Jane Stanford</label>
+  </div>
+  <div class="form-check">
+    <input class="form-check-input" type="checkbox" id="contributor2" name="contributor2">
+    <label class="form-check-label" for="contributor2">Leland Stanford</label>
+  </div>
+<% end %>

data/spec/components/previews/sdr_view_components/forms/fieldset_component_preview/hidden_label.html.erb

@@ -0,0 +1,6 @@
+<%= render SdrViewComponents::Forms::FieldsetComponent.new(label: 'Contributors', hidden_label: true) do %>
+  <div class="form-check">
+    <input class="form-check-input" type="checkbox" id="contributor1" name="contributor1">
+    <label class="form-check-label" for="contributor1">Jane Stanford</label>
+  </div>
+<% end %>

data/spec/components/previews/sdr_view_components/forms/fieldset_component_preview/mark_required.html.erb

@@ -0,0 +1,6 @@
+<%= render SdrViewComponents::Forms::FieldsetComponent.new(label: 'Contributors', mark_required: true) do %>
+  <div class="form-check">
+    <input class="form-check-input" type="checkbox" id="contributor1" name="contributor1">
+    <label class="form-check-label" for="contributor1">Jane Stanford</label>
+  </div>
+<% end %>

data/spec/components/previews/sdr_view_components/forms/fieldset_component_preview/with_help_link.html.erb

@@ -0,0 +1,9 @@
+<%= render SdrViewComponents::Forms::FieldsetComponent.new(label: 'Contributors') do |component| %>
+  <% component.with_help_link do %>
+    <a href="#" class="ms-2">What is a contributor?</a>
+  <% end %>
+  <div class="form-check">
+    <input class="form-check-input" type="checkbox" id="contributor1" name="contributor1">
+    <label class="form-check-label" for="contributor1">Jane Stanford</label>
+  </div>
+<% end %>

data/spec/components/previews/sdr_view_components/forms/fieldset_component_preview/with_help_text.html.erb

@@ -0,0 +1,9 @@
+<%= render SdrViewComponents::Forms::FieldsetComponent.new(
+      label: 'Contributors',
+      help_text: 'Add every contributor who created this resource.'
+    ) do %>
+  <div class="form-check">
+    <input class="form-check-input" type="checkbox" id="contributor1" name="contributor1">
+    <label class="form-check-label" for="contributor1">Jane Stanford</label>
+  </div>
+<% end %>

data/spec/components/previews/sdr_view_components/forms/fieldset_component_preview/with_legend_slot.html.erb

@@ -0,0 +1,9 @@
+<%= render SdrViewComponents::Forms::FieldsetComponent.new do |component| %>
+  <% component.with_legend do %>
+    <span class="form-label fw-bold">Contributors <em>(custom legend markup)</em></span>
+  <% end %>
+  <div class="form-check">
+    <input class="form-check-input" type="checkbox" id="contributor1" name="contributor1">
+    <label class="form-check-label" for="contributor1">Jane Stanford</label>
+  </div>
+<% end %>

data/spec/components/previews/sdr_view_components/forms/fieldset_component_preview/with_tooltip.html.erb

@@ -0,0 +1,9 @@
+<%= render SdrViewComponents::Forms::FieldsetComponent.new(
+      label: 'Contributors',
+      tooltip: 'Select every contributor who created this resource.'
+    ) do %>
+  <div class="form-check">
+    <input class="form-check-input" type="checkbox" id="contributor1" name="contributor1">
+    <label class="form-check-label" for="contributor1">Jane Stanford</label>
+  </div>
+<% end %>

data/spec/components/previews/sdr_view_components/forms/fieldset_component_preview.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module SdrViewComponents
+  module Forms
+    class FieldsetComponentPreview < ViewComponent::Preview
+      def default; end
+
+      # @!group Label options
+      def hidden_label; end
+
+      def mark_required; end
+
+      def with_tooltip; end
+
+      def with_legend_slot; end
+      # @!endgroup
+
+      # @!group Help
+      def with_help_text; end
+
+      def with_help_link; end
+      # @!endgroup
+    end
+  end
+end

data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview/with_validation_error.html.erb

@@ -1,4 +1,5 @@
 <% model = SdrViewComponents::Forms::RadioButtonComponentPreview::RadioButtonPreviewModel.new(delivery_method: nil) %>
+<% model.valid? %>
 
 <%= form_with(model: model, url: '/example') do |form| %>
   <%= render SdrViewComponents::Forms::RadioButtonComponent.new(

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sdr_view_components
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.7.0
 platform: ruby
 authors:
 - Aaron Collier
@@ -117,7 +117,11 @@ files:
 - app/components/sdr_view_components/forms/checkbox_component.rb
 - app/components/sdr_view_components/forms/field_component.html.erb
 - app/components/sdr_view_components/forms/field_component.rb
+- app/components/sdr_view_components/forms/fieldset_component.html.erb
+- app/components/sdr_view_components/forms/fieldset_component.rb
 - app/components/sdr_view_components/forms/file_component.rb
+- app/components/sdr_view_components/forms/has_one_component.html.erb
+- app/components/sdr_view_components/forms/has_one_component.rb
 - app/components/sdr_view_components/forms/help_text_component.html.erb
 - app/components/sdr_view_components/forms/help_text_component.rb
 - app/components/sdr_view_components/forms/invalid_feedback_component.rb
@@ -170,6 +174,7 @@ files:
 - app/javascript/sdr_view_components/tab_error_controller.js
 - app/javascript/sdr_view_components/tab_link_controller.js
 - app/javascript/sdr_view_components/tab_nav_controller.js
+- app/javascript/sdr_view_components/tab_select_controller.js
 - app/javascript/sdr_view_components/toast_controller.js
 - app/views/layouts/lookbook.html.erb
 - config/routes.rb
@@ -199,6 +204,7 @@ files:
 - spec/components/previews/sdr_view_components/elements/progress_bar_component_preview.rb
 - spec/components/previews/sdr_view_components/elements/spinner_component_preview.rb
 - spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview.rb
+- spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview/collapsible.html.erb
 - spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview/default_variant.html.erb
 - spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview/underline_variant.html.erb
 - spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview/with_header.html.erb
@@ -240,6 +246,14 @@ files:
 - spec/components/previews/sdr_view_components/forms/checkbox_component_preview/with_help_text.html.erb
 - spec/components/previews/sdr_view_components/forms/checkbox_component_preview/with_label.html.erb
 - spec/components/previews/sdr_view_components/forms/checkbox_component_preview/with_validation_error.html.erb
+- spec/components/previews/sdr_view_components/forms/fieldset_component_preview.rb
+- spec/components/previews/sdr_view_components/forms/fieldset_component_preview/default.html.erb
+- spec/components/previews/sdr_view_components/forms/fieldset_component_preview/hidden_label.html.erb
+- spec/components/previews/sdr_view_components/forms/fieldset_component_preview/mark_required.html.erb
+- spec/components/previews/sdr_view_components/forms/fieldset_component_preview/with_help_link.html.erb
+- spec/components/previews/sdr_view_components/forms/fieldset_component_preview/with_help_text.html.erb
+- spec/components/previews/sdr_view_components/forms/fieldset_component_preview/with_legend_slot.html.erb
+- spec/components/previews/sdr_view_components/forms/fieldset_component_preview/with_tooltip.html.erb
 - spec/components/previews/sdr_view_components/forms/file_component_preview.rb
 - spec/components/previews/sdr_view_components/forms/file_component_preview/default.html.erb
 - spec/components/previews/sdr_view_components/forms/file_component_preview/with_additional_container_content.html.erb