primer_view_components 0.0.102 → 0.0.103

data/app/forms/array_check_box_group_form.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class ArrayCheckBoxGroupForm < ApplicationForm
+  form do |check_form|
+    # Passing a name: here causes the form to emit all the check boxes with the same name.
+    # In the case below, the name of each will be "places[]". If a box is checked, the
+    # resulting array will contain the corresponding value.
+    check_form.check_box_group(name: "places", label: "Cool places") do |check_group|
+      check_group.check_box(value: "lopez", label: "Lopez Island")
+      check_group.check_box(value: "bellevue", label: "Bellevue", caption: "Beautiful view")
+      check_group.check_box(value: "seattle", label: "Seattle", caption: "The emerald city")
+    end
+  end
+end

data/app/forms/both_types_of_caption_form/first_name_caption.html.erb

@@ -0,0 +1 @@
+I am a caption

data/app/forms/both_types_of_caption_form.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class BothTypesOfCaptionForm < ApplicationForm
+  form do |caption_form|
+    caption_form.text_field(
+      name: :first_name,
+      label: "First name",
+      required: true,
+      caption: "What you go by."
+    )
+  end
+end

data/app/forms/caption_template_form/age_middle_aged_caption.html.erb

@@ -0,0 +1 @@
+<span class="color-fg-danger">No longer a spring chicken.</span>

data/app/forms/caption_template_form/age_young_caption.html.erb

@@ -0,0 +1 @@
+<span class="color-fg-danger">A young thing.</span>

data/app/forms/caption_template_form/cool_caption.html.erb

@@ -0,0 +1 @@
+<span class="color-fg-danger">Check only if you are cool.</span>

data/app/forms/caption_template_form/first_name_caption.html.erb

@@ -0,0 +1 @@
+<span class="color-fg-danger">Be honest!</span>

data/app/forms/caption_template_form.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class CaptionTemplateForm < ApplicationForm
+  form do |name_form|
+    name_form.text_field(
+      name: :first_name,
+      label: "First name",
+      required: true
+    )
+
+    name_form.check_box(
+      name: :cool,
+      label: "Are you cool?"
+    )
+
+    name_form.radio_button_group(name: :age) do |age_radios|
+      age_radios.radio_button(value: "young", label: "10-15")
+      age_radios.radio_button(value: "middle_aged", label: "16-21")
+    end
+  end
+end

data/app/forms/check_box_group_form.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class CheckBoxGroupForm < ApplicationForm
+  form do |check_form|
+    check_form.check_box_group(label: "I like to eat, eat, eat:") do |check_group|
+      check_group.check_box(
+        name: "long_a",
+        label: "Ey-ples and ba-naynays",
+        caption: 'Long "A" sound'
+      )
+
+      check_group.check_box(
+        name: "long_i",
+        label: "Eye-ples and ba-nainais",
+        caption: 'Long "I" sound'
+      )
+
+      check_group.check_box(
+        name: "long_o",
+        value: "long_o",
+        unchecked_value: "not_long_o",
+        label: "Oh-ples and ba-nonos",
+        caption: 'Long "O" sound'
+      )
+    end
+  end
+end

data/app/forms/composed_form.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class ComposedForm < ApplicationForm
+  form do |composed_form|
+    composed_form.fields_for(:first_name) do |builder|
+      FirstNameForm.new(builder)
+    end
+
+    composed_form.fields_for(:last_name) do |builder|
+      LastNameForm.new(builder)
+    end
+  end
+end

data/app/forms/first_name_form.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class FirstNameForm < ApplicationForm
+  form do |first_name_form|
+    first_name_form.text_field(
+      name: :first_name,
+      label: "First name",
+      required: true,
+      caption: "That which we call a rose by any other name would smell as sweet."
+    )
+  end
+end

data/app/forms/horizontal_form.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class HorizontalForm < ApplicationForm
+  form do |my_form|
+    my_form.group(layout: :horizontal) do |name_group|
+      name_group.text_field(
+        name: :first_name,
+        label: "First name",
+        required: true,
+        caption: "What your friends call you."
+      )
+
+      name_group.text_field(
+        name: :last_name,
+        label: "Last name",
+        required: true,
+        caption: "What the principal calls you."
+      )
+    end
+
+    my_form.text_field(
+      name: :dietary_restrictions,
+      label: "Dietary restrictions",
+      caption: "Any allergies?"
+    )
+
+    my_form.check_box(
+      name: :email_notifications,
+      label: "Send me gobs of email!",
+      caption: "Check this if you enjoy getting spam."
+    )
+  end
+end

data/app/forms/invalid_form.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class InvalidForm < ApplicationForm
+  form do |my_form|
+    my_form.text_field(
+      name: :first_name,
+      label: "First name",
+      required: true,
+      caption: "That which we call a rose by any other name would smell as sweet."
+    )
+
+    my_form.text_field(
+      name: :last_name,
+      label: "Last name",
+      required: true,
+      caption: "Bueller. Bueller. Bueller.",
+      validation_message: "That doesn't look right"
+    )
+  end
+end

data/app/forms/last_name_form.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class LastNameForm < ApplicationForm
+  form do |last_name_form|
+    last_name_form.text_field(
+      name: :last_name,
+      label: "Last name",
+      required: true,
+      caption: "Bueller. Bueller. Bueller."
+    )
+  end
+end

data/app/forms/multi_input_form.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class MultiInputForm < ApplicationForm
+  form do |my_form|
+    my_form.radio_button_group(name: :country, label: "Country") do |radio_group|
+      radio_group.radio_button(label: "USA", value: "US")
+      radio_group.radio_button(label: "Canada", value: "CA")
+    end
+
+    my_form.multi(name: :region, label: "Region") do |region|
+      region.select_list(label: "State") do |state_list|
+        state_list.option(label: "California", value: "CA")
+        state_list.option(label: "Washington", value: "WA")
+        state_list.option(label: "Oregon", value: "OR")
+      end
+
+      region.select_list(label: "Province", hidden: true) do |province_list|
+        province_list.option(label: "British Columbia", value: "BC")
+        province_list.option(label: "Alberta", value: "AB")
+        province_list.option(label: "Saskatchewan", value: "SK")
+      end
+    end
+  end
+end

data/app/forms/multi_text_field_form.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class MultiTextFieldForm < ApplicationForm
+  form do |my_form|
+    my_form.text_field(
+      name: :first_name,
+      label: "First name",
+      required: true,
+      caption: "That which we call a rose by any other name would smell as sweet."
+    )
+
+    my_form.separator
+
+    my_form.text_field(
+      name: :last_name,
+      label: "Last name",
+      required: true,
+      caption: "Bueller. Bueller. Bueller."
+    )
+
+    my_form.hidden(
+      name: :csrf_token,
+      value: "abc123"
+    )
+  end
+end

data/app/forms/radio_button_group_form.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class RadioButtonGroupForm < ApplicationForm
+  form do |radio_form|
+    radio_form.radio_button_group(name: "channel", label: "How did you hear about us?") do |radio_group|
+      radio_group.radio_button(value: "online", label: "Online advertisement", caption: "Facebook maybe?")
+      radio_group.radio_button(value: "radio", label: "Radio advertisement", caption: "We love us some NPR")
+      radio_group.radio_button(value: "friend", label: "From a friend", caption: "Wow, what a good person")
+    end
+  end
+end

data/app/forms/radio_button_with_nested_form.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class FriendForm < ApplicationForm
+  form do |friend_form|
+    friend_form.group(layout: :horizontal) do |name_group|
+      name_group.text_field(name: "first_name", label: "First Name")
+      name_group.text_field(name: "last_name", label: "Last Name")
+    end
+  end
+end
+
+# :nodoc:
+class FriendTextAreaForm < ApplicationForm
+  form do |friend_text_area_form|
+    friend_text_area_form.text_area(
+      name: "description",
+      label: "Describe this wonderful person in loving detail"
+    )
+  end
+end
+
+# :nodoc:
+class RadioButtonWithNestedForm < ApplicationForm
+  form do |radio_form|
+    radio_form.radio_button_group(name: "channel") do |radio_group|
+      radio_group.radio_button(value: "online", label: "Online advertisement", caption: "Facebook maybe?")
+      radio_group.radio_button(value: "radio", label: "Radio advertisement", caption: "We love us some NPR")
+      radio_group.radio_button(value: "friend", label: "From a friend", caption: "Wow, what a good person") do |friend_button|
+        friend_button.nested_form do |builder|
+          Primer::Forms::FormList.new(
+            FriendForm.new(builder),
+            FriendTextAreaForm.new(builder)
+          )
+        end
+      end
+    end
+  end
+end

data/app/forms/select_list_form.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class SelectListForm < ApplicationForm
+  form do |check_form|
+    check_form.select_list(name: "cities", label: "Cool cities", caption: "Select your favorite!") do |city_list|
+      city_list.option(label: "Lopez Island", value: "lopez_island")
+      city_list.option(label: "Bellevue", value: "bellevue")
+      city_list.option(label: "Seattle", value: "seattle")
+    end
+  end
+end

data/app/forms/single_text_field_form.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class SingleTextFieldForm < ApplicationForm
+  form do |my_form|
+    my_form.text_field(
+      name: :ultimate_answer,
+      label: "Ultimate answer",
+      required: true,
+      caption: "The answer to life, the universe, and everything"
+    )
+  end
+end

data/app/forms/submit_button_form.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class SubmitButtonForm < ApplicationForm
+  form do |my_form|
+    my_form.fields_for(:name_form) do |builder|
+      MultiTextFieldForm.new(builder)
+    end
+
+    my_form.text_field(
+      name: :green,
+      label: "I'm green",
+      color: :success
+    )
+
+    my_form.submit(name: :submit, label: "Submit", scheme: :primary, mr: 3) do |c|
+      c.with_leading_visual_icon(icon: :"check-circle")
+    end
+  end
+end

data/app/forms/text_field_and_checkbox_form.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+# :nodoc:
+class TextFieldAndCheckboxForm < ApplicationForm
+  form do |my_form|
+    my_form.text_field(
+      name: :ultimate_answer,
+      label: "Ultimate answer",
+      required: true,
+      caption: "The answer to life, the universe, and everything"
+    )
+
+    my_form.check_box(
+      name: :enable_ipd,
+      label: "Enable the Infinite Improbability Drive",
+      caption: "Cross interstellar distances in a mere nothingth of a second."
+    )
+  end
+end

data/lib/primer/deprecations.rb

@@ -9,12 +9,8 @@ module Primer
       "Primer::Alpha::AutoComplete::Item" => "Primer::Beta::AutoComplete::Item",
       "Primer::BlankslateComponent" => "Primer::Beta::Blankslate",
       "Primer::BoxComponent" => "Primer::Box",
-      "Primer::CloseButton" => "Primer::Beta::CloseButton",
       "Primer::CounterComponent" => "Primer::Beta::Counter",
-      "Primer::DetailsComponent" => "Primer::Beta::Details",
       "Primer::DropdownMenuComponent" => nil,
-      "Primer::HeadingComponent" => "Primer::Beta::Heading",
-      "Primer::HiddenTextExpander" => "Primer::Alpha::HiddenTextExpander",
       "Primer::IconButton" => "Primer::Beta::IconButton",
       "Primer::Tooltip" => "Primer::Alpha::Tooltip"
     }.freeze

data/lib/primer/view_components/engine.rb

@@ -15,6 +15,7 @@ module Primer
 
       config.eager_load_paths = %W[
         #{root}/app/components
+        #{root}/app/forms
         #{root}/app/helpers
         #{root}/app/lib
       ]

data/lib/primer/view_components/linters/close_button_component_migration_counter.rb

@@ -14,7 +14,7 @@ module ERBLint
 
       TAGS = %w[button].freeze
       CLASSES = %w[close-button].freeze
-      MESSAGE = "We are migrating close-button to use [Primer::Beta::CloseButton](https://primer.style/view-components/components/closebutton), please try to use that instead of raw HTML."
+      MESSAGE = "We are migrating close-button to use [Primer::Beta::CloseButton](https://primer.style/view-components/components/beta/closebutton), please try to use that instead of raw HTML."
       ARGUMENT_MAPPER = ArgumentMappers::CloseButton
       COMPONENT = "Primer::Beta::CloseButton"
 

data/lib/primer/view_components/version.rb

@@ -5,7 +5,7 @@ module Primer
     module VERSION
       MAJOR = 0
       MINOR = 0
-      PATCH = 102
+      PATCH = 103
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/lib/tasks/docs.rake

@@ -342,7 +342,7 @@ namespace :docs do
     FileUtils.rm_rf(File.join(adr_content_dir))
     FileUtils.mkdir(adr_content_dir)
 
-    nav_entries = Dir[File.join(*%w[adr *.md])].sort.map do |orig_path|
+    nav_entries = Dir[File.join(*%w[docs adr *.md])].sort.map do |orig_path|
       orig_file_name = File.basename(orig_path)
       url_name = orig_file_name.chomp(".md")
 

data/lib/tasks/test.rake

@@ -4,7 +4,7 @@ require "rake/testtask"
 
 namespace :test do
   desc "Run all tests"
-  task all: [:fast, :system, :accessibility, :bench]
+  task all: [:fast, :system, :accessibility, :performance]
 
   Rake::TestTask.new(:single) do |t|
     ENV["TZ"] = "Asia/Taipei"
@@ -22,7 +22,6 @@ namespace :test do
     t.test_files = FileList[
       "test/components/**/*_test.rb",
       "test/lib/**/*_test.rb",
-      "test/forms/**/*_test.rb",
       "test/primer/**/*_test.rb",
       "test/linters/**/*_test.rb",
       "test/rubocop/**/*_test.rb"
@@ -37,6 +36,14 @@ namespace :test do
     t.test_files = FileList["test/system/**/*_test.rb"]
   end
 
+  Rake::TestTask.new(:performance) do |t|
+    ENV["TZ"] = "Asia/Taipei"
+
+    t.libs << "test"
+    t.test_files = FileList["test/performance/**/*_test.rb", "test/performance/**/bench_*.rb"]
+    t.verbose = true
+  end
+
   Rake::TestTask.new(:accessibility) do |t|
     ENV["TZ"] = "Asia/Taipei"
 
@@ -46,21 +53,12 @@ namespace :test do
   end
 
   Rake::TestTask.new(:snapshots) do |t|
-    # Clear folder
-    FileUtils.rm_rf("test/snapshots")
-
     ENV["TZ"] = "Asia/Taipei"
 
     t.libs << "test"
     t.libs << "lib"
     t.test_files = FileList["test/snapshots_test.rb"]
   end
-
-  Rake::TestTask.new(:bench) do |t|
-    t.libs << "test"
-    t.test_files = FileList["test/benchmarks/**/bench_*.rb"]
-    t.verbose = true
-  end
 end
 
 task :test do
@@ -71,4 +69,8 @@ task :test do
   end
 end
 
-task bench: "test:bench"
+task "test:snapshots" => :clean_snapshots
+task :clean_snapshots do
+  # Clear folder
+  FileUtils.rm_rf("test/snapshots")
+end

data/previews/primer/alpha/dialog_preview/nested_dialog.html.erb

@@ -0,0 +1,14 @@
+<%= render(Primer::Alpha::Dialog.new(id: "dialog-one", title: title, subtitle: subtitle, visually_hide_title: false)) do |d| %>
+  <% d.show_button { button_text } %>
+  <% d.body do %>
+    <p>Dialog One!</p>
+
+    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+    <%= render(Primer::Alpha::Dialog.new(id: "dialog-two", title: title, subtitle: subtitle, visually_hide_title: false)) do |d| %>
+      <% d.show_button { button_text } %>
+      <% d.body do %>
+        Dialog Two!
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/previews/primer/alpha/dialog_preview.rb

@@ -80,6 +80,21 @@ module Primer
                                show_divider: show_divider
                              })
       end
+      
+      # @label Nested dialog
+      #
+      # @param title [String] text
+      # @param subtitle [String] text
+      # @param button_text [String] text
+      # @param show_divider [Boolean] toggle
+      def nested_dialog(title: "Test Dialog", subtitle: nil, button_text: "Show Dialog", show_divider: true)
+        render_with_template(locals: {
+                               title: title,
+                               subtitle: subtitle,
+                               button_text: button_text,
+                               show_divider: show_divider
+                             })
+      end
     end
   end
 end

data/static/audited_at.json

@@ -51,18 +51,14 @@
   "Primer::BoxComponent": "",
   "Primer::ButtonComponent": "",
   "Primer::ClipboardCopy": "",
-  "Primer::CloseButton": "",
   "Primer::ConditionalWrapper": "",
   "Primer::Content": "",
   "Primer::CounterComponent": "",
-  "Primer::DetailsComponent": "",
   "Primer::Dropdown": "",
   "Primer::Dropdown::Menu": "",
   "Primer::Dropdown::Menu::Item": "",
   "Primer::DropdownMenuComponent": "",
-  "Primer::HeadingComponent": "",
   "Primer::HellipButton": "",
-  "Primer::HiddenTextExpander": "",
   "Primer::IconButton": "",
   "Primer::Image": "",
   "Primer::ImageCrop": "",

data/static/constants.json

@@ -608,16 +608,12 @@
   },
   "Primer::ClipboardCopy": {
   },
-  "Primer::CloseButton": {
-  },
   "Primer::ConditionalWrapper": {
   },
   "Primer::Content": {
   },
   "Primer::CounterComponent": {
   },
-  "Primer::DetailsComponent": {
-  },
   "Primer::Dropdown": {
     "Menu": "Primer::Dropdown::Menu"
   },
@@ -671,12 +667,8 @@
       "dark": "dropdown-menu-dark"
     }
   },
-  "Primer::HeadingComponent": {
-  },
   "Primer::HellipButton": {
   },
-  "Primer::HiddenTextExpander": {
-  },
   "Primer::IconButton": {
     "DEFAULT_SCHEME": "default",
     "SCHEME_MAPPINGS": {

data/static/statuses.json

@@ -51,18 +51,14 @@
   "Primer::BoxComponent": "deprecated",
   "Primer::ButtonComponent": "beta",
   "Primer::ClipboardCopy": "beta",
-  "Primer::CloseButton": "deprecated",
   "Primer::ConditionalWrapper": "alpha",
   "Primer::Content": "stable",
   "Primer::CounterComponent": "deprecated",
-  "Primer::DetailsComponent": "deprecated",
   "Primer::Dropdown": "alpha",
   "Primer::Dropdown::Menu": "alpha",
   "Primer::Dropdown::Menu::Item": "alpha",
   "Primer::DropdownMenuComponent": "deprecated",
-  "Primer::HeadingComponent": "deprecated",
   "Primer::HellipButton": "alpha",
-  "Primer::HiddenTextExpander": "deprecated",
   "Primer::IconButton": "deprecated",
   "Primer::Image": "alpha",
   "Primer::ImageCrop": "alpha",