primer_view_components 0.43.0 → 0.43.2

data/app/controllers/primer/view_components/toggle_switch_controller.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module Primer
+  module ViewComponents
+    # For toggle switch previews/tests
+    # :nocov:
+    class ToggleSwitchController < ApplicationController
+      class << self
+        attr_accessor :last_request
+      end
+
+      rescue_from ActionController::InvalidAuthenticityToken, with: :handle_invalid_authenticity_token
+
+      before_action :reject_non_ajax_request
+
+      def create
+        # lol this is so not threadsafe
+        self.class.last_request = request
+
+        sleep 1 unless Rails.env.test?
+
+        if params[:fail] == "true"
+          render status: :internal_server_error, plain: "Something went wrong."
+          return
+        end
+
+        head :accepted
+      end
+
+      private
+
+      def handle_invalid_authenticity_token
+        render status: :unauthorized, plain: "Bad CSRF token."
+      end
+
+      # this mimics dotcom behavior
+      def reject_non_ajax_request
+        return if request.headers["HTTP_REQUESTED_WITH"] == "XMLHttpRequest"
+
+        head :unprocessable_entity
+      end
+
+      def form_params
+        params.permit(:value, :authenticity_token)
+      end
+    end
+  end
+end

data/app/forms/auto_complete_form.rb

@@ -9,7 +9,7 @@ class AutoCompleteForm < ApplicationForm
       name: :fruit,
       label: "Fruit",
       caption: "Please enter your favorite fruit",
-      src: Primer::UrlHelpers.autocomplete_index_path,
+      src: Primer::UrlHelpers.primer_view_components.autocomplete_index_path,
       validation_message: "Something went wrong"
     )
 

data/app/forms/immediate_validation_form.rb

@@ -8,14 +8,14 @@ class ImmediateValidationForm < ApplicationForm
       name: :has_error,
       label: "Will have error",
       caption: "Every time this checks with the server, it returns an error",
-      auto_check_src: @view_context.example_check_error_path
+      auto_check_src: @view_context.primer_view_components.example_check_error_path
     )
 
     validation_form.text_field(
       name: :no_error,
       label: "Will not error",
       caption: "Will not have an error when it checks the server",
-      auto_check_src: @view_context.example_check_ok_path,
+      auto_check_src: @view_context.primer_view_components.example_check_ok_path,
       validation_message: "This message will go away once you type something"
     )
 
@@ -23,7 +23,7 @@ class ImmediateValidationForm < ApplicationForm
       name: :random_error,
       label: "Random error or success",
       caption: "Server checks will randomly respond with errors or success",
-      auto_check_src: @view_context.example_check_random_path
+      auto_check_src: @view_context.primer_view_components.example_check_random_path
     )
   end
 end

data/app/lib/primer/forms/acts_as_component.rb

@@ -8,7 +8,7 @@ module Primer
     module ActsAsComponent
       # :nodoc:
       module InstanceMethods
-        delegate :render, :content_tag, :output_buffer, to: :@view_context
+        delegate :render, :content_tag, :output_buffer, :capture, to: :@view_context
 
         def render_in(view_context, &block)
           @view_context = view_context
@@ -16,17 +16,6 @@ module Primer
           perform_render(&block)
         end
 
-        # This is necessary to restore the functionality changed by https://github.com/rails/rails/pull/47194.
-        # I would love to remove this at some point, perhaps if we ever decide to replace
-        # ActsAsComponent with view component.
-        def capture(*args, &block)
-          old_buffer = @view_context.output_buffer
-          @view_context.output_buffer = ActionView::OutputBuffer.new
-          @view_context.capture(*args, &block)
-        ensure
-          @view_context.output_buffer = old_buffer
-        end
-
         # :nocov:
         def perform_render(&_block)
           raise NotImplementedError, "subclasses must implement ##{__method__}."

data/app/lib/primer/forms/dsl/text_field_input.rb

@@ -20,7 +20,7 @@ module Primer
           @leading_visual = system_arguments.delete(:leading_visual)
           @trailing_visual = system_arguments.delete(:trailing_visual)
           @leading_spinner = !!system_arguments.delete(:leading_spinner)
-          @clear_button_id = system_arguments.delete(:clear_button_id)
+          @clear_button_id = system_arguments.delete(:clear_button_id) || SecureRandom.uuid
           @inset = system_arguments.delete(:inset)
           @monospace = system_arguments.delete(:monospace)
           @auto_check_src = system_arguments.delete(:auto_check_src)

data/app/views/primer/view_components/action_menu/deferred.html.erb

@@ -0,0 +1,22 @@
+<%= render(Primer::Alpha::ActionMenu::List.new(menu_id: "deferred")) do |list| %>
+  <% list.with_item(label: "Copy link", value: "", autofocus: true) %>
+  <% list.with_item(label: "Quote reply", value: "") %>
+  <% list.with_item(label: "Reference in new issue", value: "") %>
+  <% list.with_item(
+    label: "Show dialog",
+    tag: :button,
+    content_arguments: { "data-show-dialog-id": "my-dialog" },
+    value: "",
+    scheme: :danger
+  ) %>
+<% end %>
+
+<%= render(Primer::Alpha::Dialog.new(id: "my-dialog", title: "Confirm deletion")) do |d| %>
+  <%= render(Primer::Alpha::Dialog::Body.new()) do %>
+    Are you sure you want to delete this?
+  <% end %>
+  <%= render(Primer::Alpha::Dialog::Footer.new()) do %>
+    <%= render(Primer::Beta::Button.new(data: { "close-dialog-id": "my-dialog" })) { "Cancel" } %>
+    <%= render(Primer::Beta::Button.new(scheme: :danger)) { "Delete" } %>
+  <% end %>
+<% end %>

data/app/views/primer/view_components/action_menu/deferred_preload.html.erb

@@ -0,0 +1,5 @@
+<%= render(Primer::Alpha::ActionMenu::List.new(menu_id: "deferred-preload")) do |list| %>
+  <% list.with_item(label: "Copy link", value: "", autofocus: true) %>
+  <% list.with_item(label: "Quote reply", value: "") %>
+  <% list.with_item(label: "Reference in new issue", value: "") %>
+<% end %>

data/app/views/primer/view_components/action_menu/form_action.html.erb

@@ -0,0 +1,2 @@
+You selected <%= @value.inspect %><br>
+Other params sent to server: <%= @other_params.inspect %>

data/app/views/primer/view_components/action_menu/landing.html.erb

@@ -0,0 +1,3 @@
+<div class="action-menu-landing-page">
+  Hello world!
+</div>

data/app/views/primer/view_components/auto_check/_error_message.html.erb

@@ -0,0 +1 @@
+The name <code><%= input_value %></code> is already taken.

data/app/views/primer/view_components/auto_check/_success_message.html.erb

@@ -0,0 +1 @@
+The name <code><%= input_value %></code> is available.

data/app/views/primer/view_components/auto_check/_warning_message.html.erb

@@ -0,0 +1,4 @@
+The name <strong><%= input_value %></strong> is available.
+<div class="color-fg-muted">
+  The name can only contain ASCII letters, digits, and the characters <code>.</code>, <code>-</code> and <code>_</code>.
+</div>

data/app/views/primer/view_components/auto_complete_test/index.html.erb

@@ -0,0 +1,15 @@
+<%# erblint:counter DeprecatedComponentsCounter 2 %>
+<% @fruit_list.each do |fruit| %>
+  <% if params['version'] == "alpha" %>
+    <%= render(Primer::Alpha::AutoComplete::Item.new(value: fruit)) { fruit } %>
+  <% else %>
+    <%= render(Primer::Beta::AutoComplete::Item.new(value: fruit)) do |component| %>
+      <% if @visual_type == "leading" %>
+        <% component.with_leading_visual_icon(icon: :"mark-github") %>
+      <% elsif @visual_type == "trailing" %>
+        <% component.with_trailing_visual_icon(icon: :"mark-github") %>
+      <% end %>
+      <%= fruit %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/primer/view_components/auto_complete_test/no_results.html.erb

@@ -0,0 +1,16 @@
+<% if @fruit_list.length > 0 %>
+  <% @fruit_list.each do |fruit| %>
+    <%= render(Primer::Beta::AutoComplete::Item.new(value: fruit)) do |component| %>
+    <% if @visual_type == "leading" %>
+        <% component.with_leading_visual_icon(icon: :"mark-github") %>
+    <% elsif @visual_type == "trailing" %>
+        <% component.with_trailing_visual_icon(icon: :"mark-github") %>
+    <% end %>
+    <%= fruit %>
+    <% end %>
+  <% end %>
+<% else %>
+  <%= render(Primer::Beta::AutoComplete::NoResultItem.new) do %>
+    No results!
+  <% end %>
+<% end %>

data/app/views/primer/view_components/form_handler/form_action.html.erb

@@ -0,0 +1 @@
+Params sent to server: <%= @form_params.inspect %>

data/app/views/primer/view_components/include_fragment/deferred.html.erb

@@ -0,0 +1,3 @@
+<div>
+  Hello world!
+</div>

data/app/views/primer/view_components/nav_list_items/index.html.erb

@@ -0,0 +1,3 @@
+<% @data.each do |item_arguments| %>
+  <%= render(Primer::Beta::NavList::Item.new(list: @list, **item_arguments)) %>
+<% end %>

data/app/views/primer/view_components/select_panel_items/index.html.erb

@@ -0,0 +1,15 @@
+<% unless results.empty? %>
+  <%= render(Primer::Alpha::SelectPanel::ItemList.new(
+    select_variant: (params[:select_variant] || :multiple).to_sym,
+    aria: {
+      label: "options",
+    },
+    )) do |list| %>
+    <% results.each do |result| %>
+      <% list.with_item(content_arguments: { data: { value: result[:value] } }, active: result[:selected] || false) do |item| %>
+        <% item.with_description { result[:description] } %>
+        <%= result[:title] %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/primer/view_components/engine.rb

@@ -27,6 +27,10 @@ module Primer
       config.primer_view_components.validate_class_names = !Rails.env.production?
       config.primer_view_components.raise_on_invalid_aria = false
 
+      initializer "primer_view_components.mime_types" do
+        Mime::Type.register "text/fragment+html", :html_fragment
+      end
+
       initializer "primer_view_components.assets" do |app|
         app.config.assets.precompile += %w[primer_view_components] if app.config.respond_to?(:assets)
       end

data/lib/primer/view_components/version.rb

@@ -6,7 +6,7 @@ module Primer
     module VERSION
       MAJOR = 0
       MINOR = 43
-      PATCH = 0
+      PATCH = 2
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/previews/primer/alpha/action_menu_preview/multiple_select_form.html.erb

@@ -1,4 +1,4 @@
-<%= form_with(url: action_menu_form_action_path(format: route_format)) do |f| %>
+<%= form_with(url: primer_view_components.action_menu_form_action_path(format: route_format)) do |f| %>
   <%= render(Primer::Alpha::ActionMenu.new(select_variant: :multiple, dynamic_label: true, dynamic_label_prefix: "Strategy", form_arguments: { builder: f, name: "foo" })) do |menu| %>
     <% menu.with_show_button { "Strategy" } %>
     <% menu.with_item(label: "Fast forward", data: { value: "fast_forward" }) %>

data/previews/primer/alpha/action_menu_preview/single_select_form.html.erb

@@ -1,4 +1,4 @@
-<%= form_with(url: action_menu_form_action_path(format: route_format)) do |f| %>
+<%= form_with(url: primer_view_components.action_menu_form_action_path(format: route_format)) do |f| %>
   <%= render(Primer::Alpha::ActionMenu.new(select_variant: :single, dynamic_label: true, dynamic_label_prefix: "Strategy", form_arguments: { builder: f, name: "foo" })) do |menu| %>
     <% menu.with_show_button { "Strategy" } %>
     <% menu.with_item(label: "Fast forward", data: { value: "fast_forward" }) %>

data/previews/primer/alpha/action_menu_preview/single_select_form_items.html.erb

@@ -2,7 +2,7 @@
   <% menu.with_show_button { "Group By" } %>
   <% menu.with_item(
     label: "Repository",
-    href: action_menu_form_action_path(format: route_format),
+    href: primer_view_components.action_menu_form_action_path(format: route_format),
     form_arguments: {
       method: :post,
       inputs: [{
@@ -16,7 +16,7 @@
   ) %>
   <% menu.with_item(
     label: "Date",
-    href: action_menu_form_action_path(format: route_format),
+    href: primer_view_components.action_menu_form_action_path(format: route_format),
     form_arguments: {
       method: :post,
       inputs: [{

data/previews/primer/alpha/action_menu_preview/with_actions.html.erb

@@ -9,11 +9,11 @@
 <%= render(Primer::Alpha::ActionMenu.new) do |component| %>
   <% component.with_show_button { "Trigger" } %>
   <% component.with_item(label: "Alert", tag: :button, id: "alert-item", disabled: disable_items) %>
-  <% component.with_item(label: "Navigate", tag: :a, content_arguments: { href: action_menu_landing_path }, disabled: disable_items) %>
+  <% component.with_item(label: "Navigate", tag: :a, content_arguments: { href: primer_view_components.action_menu_landing_path }, disabled: disable_items) %>
   <% component.with_item(label: "Copy text", tag: :"clipboard-copy", content_arguments: { value: "Text to copy" }, disabled: disable_items) %>
   <% component.with_item(
     label: "Submit form",
-    href: action_menu_form_action_path(format: route_format),
+    href: primer_view_components.action_menu_form_action_path(format: route_format),
     form_arguments: {
       name: "foo", value: "bar", method: :post
     },

data/previews/primer/alpha/action_menu_preview.rb

@@ -267,7 +267,7 @@ module Primer
       # @label With deferred content
       #
       def with_deferred_content
-        render(Primer::Alpha::ActionMenu.new(menu_id: "deferred", src: UrlHelpers.action_menu_deferred_path)) do |menu|
+        render(Primer::Alpha::ActionMenu.new(menu_id: "deferred", src: UrlHelpers.primer_view_components.action_menu_deferred_path)) do |menu|
           menu.with_show_button { "Menu with deferred content" }
         end
       end
@@ -275,7 +275,7 @@ module Primer
       # @label With deferred preloaded content
       #
       def with_deferred_preloaded_content
-        render(Primer::Alpha::ActionMenu.new(menu_id: "deferred-preload", preload: true, src: UrlHelpers.action_menu_deferred_preload_path)) do |menu|
+        render(Primer::Alpha::ActionMenu.new(menu_id: "deferred-preload", preload: true, src: UrlHelpers.primer_view_components.action_menu_deferred_preload_path)) do |menu|
           menu.with_show_button { "Menu with deferred and preloaded content" }
         end
       end

data/previews/primer/alpha/auto_complete_preview.rb

@@ -19,7 +19,7 @@ module Primer
             label_text: label_text,
             input_id: "input-id",
             list_id: "test-id",
-            src: UrlHelpers.autocomplete_index_path(version: "alpha"),
+            src: UrlHelpers.primer_view_components.autocomplete_index_path(version: "alpha"),
             is_label_visible: is_label_visible,
             is_label_inline: is_label_inline,
             with_icon: with_icon,
@@ -43,7 +43,7 @@ module Primer
             label_text: label_text,
             input_id: "input-id",
             list_id: "test-id",
-            src: UrlHelpers.autocomplete_index_path(version: "alpha"),
+            src: UrlHelpers.primer_view_components.autocomplete_index_path(version: "alpha"),
             is_label_visible: is_label_visible,
             is_label_inline: is_label_inline,
             with_icon: with_icon,
@@ -63,7 +63,7 @@ module Primer
             label_text: "Select a fruit",
             input_id: "input-id-1",
             list_id: "test-id-1",
-            src: UrlHelpers.autocomplete_index_path(version: "alpha"),
+            src: UrlHelpers.primer_view_components.autocomplete_index_path(version: "alpha"),
             is_label_visible: false
           )
         )
@@ -78,7 +78,7 @@ module Primer
             label_text: "Select a fruit",
             input_id: "input-id-2",
             list_id: "test-id-2",
-            src: UrlHelpers.autocomplete_index_path(version: "alpha"),
+            src: UrlHelpers.primer_view_components.autocomplete_index_path(version: "alpha"),
             is_label_inline: true
           )
         )
@@ -93,7 +93,7 @@ module Primer
             label_text: "Select a fruit",
             input_id: "input-id-3",
             list_id: "test-id-3",
-            src: UrlHelpers.autocomplete_index_path(version: "alpha"),
+            src: UrlHelpers.primer_view_components.autocomplete_index_path(version: "alpha"),
             with_icon: true
           )
         )
@@ -108,7 +108,7 @@ module Primer
             label_text: "Select a fruit",
             input_id: "input-id-4",
             list_id: "test-id-4",
-            src: UrlHelpers.autocomplete_index_path(version: "alpha"),
+            src: UrlHelpers.primer_view_components.autocomplete_index_path(version: "alpha"),
             is_clearable: true
           )
         )

data/previews/primer/alpha/dialog_preview.rb

@@ -167,7 +167,7 @@ module Primer
                                subtitle: subtitle,
                                button_text: button_text,
                                show_divider: show_divider,
-                               url: UrlHelpers.autocomplete_index_path
+                               url: UrlHelpers.primer_view_components.autocomplete_index_path
                              })
       end
 

data/previews/primer/alpha/include_fragment_preview.rb

@@ -10,12 +10,12 @@ module Primer
       # @label Playground
       # @param loading select [eager, lazy]
       def playground(loading: :eager)
-        render(Primer::Alpha::IncludeFragment.new(loading: loading, src: UrlHelpers.include_fragment_deferred_path)) { "Loading..." }
+        render(Primer::Alpha::IncludeFragment.new(loading: loading, src: UrlHelpers.primer_view_components.include_fragment_deferred_path)) { "Loading..." }
       end
 
       # @label Default options
       def default
-        render(Primer::Alpha::IncludeFragment.new(loading: :eager, src: UrlHelpers.include_fragment_deferred_path)) { "Loading..." }
+        render(Primer::Alpha::IncludeFragment.new(loading: :eager, src: UrlHelpers.primer_view_components.include_fragment_deferred_path)) { "Loading..." }
       end
     end
   end

data/previews/primer/alpha/select_panel_preview/custom_loading_description.html.erb

@@ -4,7 +4,7 @@
 <%= render(Primer::Alpha::SelectPanel.new(
   id: "select-panel",
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path(
+  src: primer_view_components.select_panel_items_path(
     select_variant: :multiple,
     selected_items: selected_items,
   ),

data/previews/primer/alpha/select_panel_preview/custom_loading_label.html.erb

@@ -3,7 +3,7 @@
 <%# We set src and fetch_strategy: :local here to make the loading spinner remain visible %>
 <%= render(Primer::Alpha::SelectPanel.new(
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path(
+  src: primer_view_components.select_panel_items_path(
     select_variant: :multiple,
     selected_items: selected_items,
   ),

data/previews/primer/alpha/select_panel_preview/eventually_local_fetch.html.erb

@@ -2,7 +2,7 @@
 
 <%= render(Primer::Alpha::SelectPanel.new(
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path,
+  src: primer_view_components.select_panel_items_path,
   select_variant: :multiple,
   fetch_strategy: :eventually_local,
   open_on_load: open_on_load,

data/previews/primer/alpha/select_panel_preview/eventually_local_fetch_initial_failure.html.erb

@@ -2,7 +2,7 @@
 
 <%= render(Primer::Alpha::SelectPanel.new(
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path(fail: "true"),
+  src: primer_view_components.select_panel_items_path(fail: "true"),
   fetch_strategy: :eventually_local,
   open_on_load: open_on_load
 )) do |panel| %>

data/previews/primer/alpha/select_panel_preview/eventually_local_fetch_no_results.html.erb

@@ -2,7 +2,7 @@
 
 <%= render(Primer::Alpha::SelectPanel.new(
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path(show_results: "false"),
+  src: primer_view_components.select_panel_items_path(show_results: "false"),
   select_variant: :multiple,
   fetch_strategy: :eventually_local,
   open_on_load: open_on_load

data/previews/primer/alpha/select_panel_preview/multiselect_form.html.erb

@@ -1,6 +1,6 @@
 <% subject_id = SecureRandom.hex %>
 
-<%= form_with(url: generic_form_submission_path(format: route_format)) do |builder| %>
+<%= form_with(url: primer_view_components.generic_form_submission_path(format: route_format)) do |builder| %>
   <%= render(Primer::Alpha::SelectPanel.new(
     data: { interaction_subject: subject_id },
     select_variant: :multiple,

data/previews/primer/alpha/select_panel_preview/playground.html.erb

@@ -5,7 +5,7 @@
 
 <%= render(Primer::Alpha::SelectPanel.new(
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path(
+  src: primer_view_components.select_panel_items_path(
     select_variant: :single,
     show_results: !simulate_no_results,
     fail: simulate_failure,

data/previews/primer/alpha/select_panel_preview/remote_fetch.html.erb

@@ -2,7 +2,7 @@
 
 <%= render(Primer::Alpha::SelectPanel.new(
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path(
+  src: primer_view_components.select_panel_items_path(
     select_variant: :multiple,
     selected_items: selected_items,
   ),

data/previews/primer/alpha/select_panel_preview/remote_fetch_filter_failure.html.erb

@@ -4,7 +4,7 @@
   data: { interaction_subject: subject_id },
   # passing a uuid here causes the request to succeed the first time and fail all subsequent times
   # set show_results to false to simulate an initial load with no items
-  src: select_panel_items_path(show_results: show_results.to_s, fail: "true", uuid: SecureRandom.uuid),
+  src: primer_view_components.select_panel_items_path(show_results: show_results.to_s, fail: "true", uuid: SecureRandom.uuid),
   fetch_strategy: :remote,
   open_on_load: open_on_load,
   **system_arguments

data/previews/primer/alpha/select_panel_preview/remote_fetch_form.html.erb

@@ -1,10 +1,10 @@
 <% subject_id = SecureRandom.hex %>
 
-<%= form_with(url: generic_form_submission_path(format: route_format)) do |builder| %>
+<%= form_with(url: primer_view_components.generic_form_submission_path(format: route_format)) do |builder| %>
   <%= render(Primer::Alpha::SelectPanel.new(
     data: { interaction_subject: subject_id },
     select_variant: :single,
-    src: select_panel_items_path(
+    src: primer_view_components.select_panel_items_path(
         select_variant: :single,
         selected_items: selected_items,
     ),

data/previews/primer/alpha/select_panel_preview/remote_fetch_initial_failure.html.erb

@@ -2,7 +2,7 @@
 
 <%= render(Primer::Alpha::SelectPanel.new(
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path(fail: "true"),
+  src: primer_view_components.select_panel_items_path(fail: "true"),
   fetch_strategy: :remote,
   open_on_load: open_on_load
 )) do |panel| %>

data/previews/primer/alpha/select_panel_preview/remote_fetch_no_results.html.erb

@@ -2,7 +2,7 @@
 
 <%= render(Primer::Alpha::SelectPanel.new(
   data: { interaction_subject: subject_id },
-  src: select_panel_items_path(show_results: "false"),
+  src: primer_view_components.select_panel_items_path(show_results: "false"),
   select_variant: :multiple,
   fetch_strategy: :remote,
   open_on_load: open_on_load

data/previews/primer/alpha/select_panel_preview/single_select_form.html.erb

@@ -1,6 +1,6 @@
 <% subject_id = SecureRandom.hex %>
 
-<%= form_with(url: generic_form_submission_path(format: route_format)) do |builder| %>
+<%= form_with(url: primer_view_components.generic_form_submission_path(format: route_format)) do |builder| %>
   <%= render(Primer::Alpha::SelectPanel.new(
     data: { interaction_subject: subject_id },
     select_variant: :single,

data/previews/primer/alpha/text_field_preview/input_group_leading_action_menu.html.erb

@@ -1,5 +1,5 @@
  <%= render(Primer::BaseComponent.new(tag: :div, flex_items: :center, display: :flex)) do %>
-  <%= form_with(url: action_menu_form_action_path(format: route_format)) do |f| %>
+  <%= form_with(url: primer_view_components.action_menu_form_action_path(format: route_format)) do |f| %>
     <%= render(Primer::Alpha::ActionMenu.new(select_variant: :single, form_arguments: { builder: f, name: "foo" })) do |menu| %>
       <% menu.with_show_button(classes: "rounded-right-0 border-right-0") { |button| button.with_trailing_action_icon(icon: :"triangle-down"); "Filter" } %>
       <% menu.with_item(label: "Fast forward", data: { value: "fast_forward" }) %>

data/previews/primer/alpha/text_field_preview.rb

@@ -220,17 +220,17 @@ module Primer
       #
       # @label Auto check request ok
       def with_auto_check_ok
-        render(Primer::Alpha::TextField.new(auto_check_src: UrlHelpers.example_check_ok_path, name: "my-text-field-18", label: "My text field"))
+        render(Primer::Alpha::TextField.new(auto_check_src: UrlHelpers.primer_view_components.example_check_ok_path, name: "my-text-field-18", label: "My text field"))
       end
 
       # @label Auto check request accepted
       def with_auto_check_accepted
-        render(Primer::Alpha::TextField.new(auto_check_src: UrlHelpers.example_check_accepted_path, name: "my-text-field-19", label: "My text field"))
+        render(Primer::Alpha::TextField.new(auto_check_src: UrlHelpers.primer_view_components.example_check_accepted_path, name: "my-text-field-19", label: "My text field"))
       end
 
       # @label Auto check request error
       def with_auto_check_error
-        render(Primer::Alpha::TextField.new(auto_check_src: UrlHelpers.example_check_error_path, name: "my-text-field-20", label: "My text field"))
+        render(Primer::Alpha::TextField.new(auto_check_src: UrlHelpers.primer_view_components.example_check_error_path, name: "my-text-field-20", label: "My text field"))
       end
       #
       # @!endgroup