openproject-primer_view_components 0.52.3 → 0.53.0

data/app/components/primer/open_project/{danger_confirmation_dialog → danger_dialog}/confirmation_check_box.rb

@@ -2,8 +2,8 @@
 
 module Primer
   module OpenProject
-    class DangerConfirmationDialog
-      # This component is part of `Primer::OpenProject::DangerConfirmationDialog`
+    class DangerDialog
+      # This component is part of `Primer::OpenProject::DangerDialog`
       # and should not be used as a standalone component.
       class ConfirmationCheckBox < Primer::Component
         status :open_project
@@ -16,15 +16,15 @@ module Primer
           @system_arguments[:tag] = :div
           @system_arguments[:classes] = class_names(
             system_arguments[:classes],
-            "DangerConfirmationDialog-confirmationCheckBox"
+            "DangerDialog-confirmationCheckBox"
           )
 
           @check_box_arguments = {}
           @check_box_arguments[:id] = check_box_id
           @check_box_arguments[:name] = check_box_name
           @check_box_arguments[:data] = {
-            target: "danger-confirmation-dialog-form-helper.checkbox",
-            action: "change:danger-confirmation-dialog-form-helper#toggle"
+            target: "danger-dialog-form-helper.checkbox",
+            action: "change:danger-dialog-form-helper#toggle"
           }
         end
 

data/app/components/primer/open_project/{danger_confirmation_dialog → danger_dialog}/form_wrapper.rb

@@ -2,8 +2,8 @@
 
 module Primer
   module OpenProject
-    class DangerConfirmationDialog
-      # Utility component for wrapping DangerConfirmationDialog in a form
+    class DangerDialog
+      # Utility component for wrapping DangerDialog in a form
       class FormWrapper < Primer::Component
         status :open_project
 

data/app/components/primer/open_project/{danger_confirmation_dialog.html.erb → danger_dialog.html.erb}

@@ -1,5 +1,5 @@
 <%= render @dialog do |dialog| %>
-  <danger-confirmation-dialog-form-helper>
+  <danger-dialog-form-helper>
     <%= render(@form_wrapper) do %>
       <scrollable-region data-labelled-by="<%= labelledby %>">
         <%= render(Primer::Alpha::Dialog::Body.new) do %>
@@ -11,9 +11,9 @@
         <% end %>
       </scrollable-region>
       <%= render(Primer::Alpha::Dialog::Footer.new(show_divider: false)) do %>
-        <%= render(Primer::Beta::Button.new(data: { "close-dialog-id": dialog_id })) { I18n.t("button_cancel") } %>
-        <%= render(Primer::Beta::Button.new(type: (@form_wrapper.shows_form? ? :submit : :button), scheme: :danger, data: { "submit-dialog-id": dialog_id })) { I18n.t("button_delete_permanently") } %>
+        <%= render(Primer::Beta::Button.new(data: { "close-dialog-id": dialog_id })) { @cancel_button_text } %>
+        <%= render(Primer::Beta::Button.new(type: (@form_wrapper.shows_form? ? :submit : :button), scheme: :danger, data: { "submit-dialog-id": dialog_id })) { @confirm_button_text } %>
       <% end %>
     <% end %>
-  </danger-confirmation-dialog-form-helper>
+  </danger-dialog-form-helper>
 <% end %>

data/app/components/primer/open_project/{danger_confirmation_dialog.rb → danger_dialog.rb}

@@ -3,7 +3,7 @@
 module Primer
   module OpenProject
     # A pre-configured dialog for destructive/"potentially dangerous" actions
-    class DangerConfirmationDialog < Primer::Component
+    class DangerDialog < Primer::Component
       status :open_project
 
       # The dialog's ID value.
@@ -27,7 +27,7 @@ module Primer
         FeedbackMessage.new(icon_arguments: icon_arguments, **system_arguments)
       }
 
-      # A checkbox that the user is required to check in order to continue with the destructive action.
+      # An optional checkbox that the user is required to check in order to continue with the destructive action.
       #
       # To render the checkbox label (required), pass a block that returns a String.
       #
@@ -39,7 +39,7 @@ module Primer
 
         check_box_id = "#{dialog_id}-check_box"
 
-        Primer::OpenProject::DangerConfirmationDialog::ConfirmationCheckBox.new(check_box_id: check_box_id, check_box_name: @check_box_name, **system_arguments)
+        Primer::OpenProject::DangerDialog::ConfirmationCheckBox.new(check_box_id: check_box_id, check_box_name: @check_box_name, **system_arguments)
       }
 
       # Optional additional details, such as grid displaying a list of items to be deleted
@@ -50,7 +50,7 @@ module Primer
         system_arguments[:tag] = :div
         system_arguments[:classes] = class_names(
           system_arguments[:classes],
-          "DangerConfirmationDialog-additionalDetails"
+          "DangerDialog-additionalDetails"
         )
 
         system_arguments[:display] ||= :flex
@@ -63,10 +63,14 @@ module Primer
 
       # @param form_arguments [Hash] Allows the dialog to submit a form. Pass EITHER the `builder:` option to this hash to reuse an existing Rails form, or `action:` if you prefer the component to render the form tag itself. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which is created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission.
       # @param id [String] The id of the dialog.
+      # @param confirm_button_text [String] The text of the confirm button. Will default to `I18n.t("button_delete")`, or `I18n.t("button_delete_permanently")` if `confirmation_check_box` slot has been passed to the component.
+      # @param cancel_button_text [String] The text of the cancel button. Will default to `I18n.t("button_cancel")`.
       # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
       def initialize(
         form_arguments: {},
         id: self.class.generate_id,
+        confirm_button_text: nil,
+        cancel_button_text: nil,
         **system_arguments
       )
         @check_box_name = form_arguments.delete(:name) || "confirm_dangerous_action"
@@ -77,7 +81,7 @@ module Primer
         @system_arguments[:id] = @dialog_id
         @system_arguments[:classes] = class_names(
           system_arguments[:classes],
-          "DangerConfirmationDialog"
+          "DangerDialog"
         )
 
         @dialog = Primer::Alpha::Dialog.new(title: @system_arguments[:title], subtitle: nil, visually_hide_title: true, **@system_arguments)
@@ -88,16 +92,16 @@ module Primer
                to: :@dialog
 
       def render?
-        raise ArgumentError, "DangerConfirmationDialog requires a confirmation_message" unless confirmation_message?
-        raise ArgumentError, "DangerConfirmationDialog requires a confirmation_check_box" unless confirmation_check_box?
+        raise ArgumentError, "DangerDialog requires a confirmation_message" unless confirmation_message?
 
-        confirmation_message? && confirmation_check_box?
+        confirmation_message?
       end
 
       private
 
       def before_render
-        content
+        @confirm_button_text ||= confirmation_check_box? ? I18n.t("button_delete_permanently") : I18n.t("button_delete")
+        @cancel_button_text ||= I18n.t("button_cancel")
       end
     end
   end

data/app/components/primer/open_project/danger_dialog_form_helper.d.ts

@@ -0,0 +1,13 @@
+declare class DangerDialogFormHelperElement extends HTMLElement {
+    #private;
+    checkbox: HTMLInputElement | undefined;
+    get submitButton(): HTMLInputElement | HTMLButtonElement;
+    connectedCallback(): void;
+    toggle(): void;
+}
+declare global {
+    interface Window {
+        DangerDialogFormHelperElement: typeof DangerDialogFormHelperElement;
+    }
+}
+export {};

data/app/components/primer/open_project/{danger_confirmation_dialog_form_helper.js → danger_dialog_form_helper.js}

@@ -9,36 +9,41 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _DangerConfirmationDialogFormHelperElement_instances, _DangerConfirmationDialogFormHelperElement_reset;
+var _DangerDialogFormHelperElement_instances, _DangerDialogFormHelperElement_reset;
 import { controller, target } from '@github/catalyst';
 const SUBMIT_BUTTON_SELECTOR = 'input[type=submit],button[type=submit],button[data-submit-dialog-id]';
-let DangerConfirmationDialogFormHelperElement = class DangerConfirmationDialogFormHelperElement extends HTMLElement {
+let DangerDialogFormHelperElement = class DangerDialogFormHelperElement extends HTMLElement {
     constructor() {
         super(...arguments);
-        _DangerConfirmationDialogFormHelperElement_instances.add(this);
+        _DangerDialogFormHelperElement_instances.add(this);
     }
     get submitButton() {
         return this.querySelector(SUBMIT_BUTTON_SELECTOR);
     }
     connectedCallback() {
-        __classPrivateFieldGet(this, _DangerConfirmationDialogFormHelperElement_instances, "m", _DangerConfirmationDialogFormHelperElement_reset).call(this);
+        this.style.display = 'contents';
+        __classPrivateFieldGet(this, _DangerDialogFormHelperElement_instances, "m", _DangerDialogFormHelperElement_reset).call(this);
     }
     toggle() {
-        this.submitButton.disabled = !this.checkbox.checked;
+        if (this.checkbox) {
+            this.submitButton.disabled = !this.checkbox.checked;
+        }
     }
 };
-_DangerConfirmationDialogFormHelperElement_instances = new WeakSet();
-_DangerConfirmationDialogFormHelperElement_reset = function _DangerConfirmationDialogFormHelperElement_reset() {
-    this.checkbox.checked = false;
+_DangerDialogFormHelperElement_instances = new WeakSet();
+_DangerDialogFormHelperElement_reset = function _DangerDialogFormHelperElement_reset() {
+    if (this.checkbox) {
+        this.checkbox.disabled = false;
+    }
     this.toggle();
 };
 __decorate([
     target
-], DangerConfirmationDialogFormHelperElement.prototype, "checkbox", void 0);
-DangerConfirmationDialogFormHelperElement = __decorate([
+], DangerDialogFormHelperElement.prototype, "checkbox", void 0);
+DangerDialogFormHelperElement = __decorate([
     controller
-], DangerConfirmationDialogFormHelperElement);
-if (!window.customElements.get('danger-confirmation-dialog-form-helper')) {
-    window.DangerConfirmationDialogFormHelperElement = DangerConfirmationDialogFormHelperElement;
-    window.customElements.define('danger-confirmation-dialog-form-helper', DangerConfirmationDialogFormHelperElement);
+], DangerDialogFormHelperElement);
+if (!window.customElements.get('danger-dialog-form-helper')) {
+    window.DangerDialogFormHelperElement = DangerDialogFormHelperElement;
+    window.customElements.define('danger-dialog-form-helper', DangerDialogFormHelperElement);
 }

data/app/components/primer/open_project/danger_dialog_form_helper.ts

@@ -0,0 +1,41 @@
+import {controller, target} from '@github/catalyst'
+
+const SUBMIT_BUTTON_SELECTOR = 'input[type=submit],button[type=submit],button[data-submit-dialog-id]'
+
+@controller
+class DangerDialogFormHelperElement extends HTMLElement {
+  @target checkbox: HTMLInputElement | undefined
+
+  get submitButton() {
+    return this.querySelector<HTMLInputElement | HTMLButtonElement>(SUBMIT_BUTTON_SELECTOR)!
+  }
+
+  connectedCallback() {
+    this.style.display = 'contents'
+    this.#reset()
+  }
+
+  toggle(): void {
+    if (this.checkbox) {
+      this.submitButton.disabled = !this.checkbox.checked
+    }
+  }
+
+  #reset(): void {
+    if (this.checkbox) {
+      this.checkbox.disabled = false
+    }
+    this.toggle()
+  }
+}
+
+declare global {
+  interface Window {
+    DangerDialogFormHelperElement: typeof DangerDialogFormHelperElement
+  }
+}
+
+if (!window.customElements.get('danger-dialog-form-helper')) {
+  window.DangerDialogFormHelperElement = DangerDialogFormHelperElement
+  window.customElements.define('danger-dialog-form-helper', DangerDialogFormHelperElement)
+}

data/app/components/primer/primer.d.ts

@@ -28,4 +28,4 @@ import './alpha/select_panel_element';
 import './open_project/page_header_element';
 import './open_project/zen_mode_button';
 import './open_project/sub_header_element';
-import './open_project/danger_confirmation_dialog_form_helper';
+import './open_project/danger_dialog_form_helper';

data/app/components/primer/primer.js

@@ -28,4 +28,4 @@ import './alpha/select_panel_element';
 import './open_project/page_header_element';
 import './open_project/zen_mode_button';
 import './open_project/sub_header_element';
-import './open_project/danger_confirmation_dialog_form_helper';
+import './open_project/danger_dialog_form_helper';

data/app/components/primer/primer.ts

@@ -28,4 +28,4 @@ import './alpha/select_panel_element'
 import './open_project/page_header_element'
 import './open_project/zen_mode_button'
 import './open_project/sub_header_element'
-import './open_project/danger_confirmation_dialog_form_helper'
+import './open_project/danger_dialog_form_helper'

data/lib/primer/view_components/version.rb

@@ -5,8 +5,8 @@ module Primer
   module ViewComponents
     module VERSION
       MAJOR = 0
-      MINOR = 52
-      PATCH = 3
+      MINOR = 53
+      PATCH = 0
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/previews/primer/open_project/danger_dialog_preview/deletion_form.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+module Primer
+  module OpenProject
+    class DangerDialogPreview
+      # :nodoc:
+      class DeletionForm < Primer::Forms::Base
+        form do |deletion_form|
+          deletion_form.text_field(
+            name: :reason,
+            label: "Reason for deletion",
+            required: true,
+            caption: "Enter the reason for deleting this item"
+          )
+          deletion_form.check_box_group(name: "notify", label: "Notify") do |check_group|
+            check_group.check_box(value: "creator", label: "Creator")
+            check_group.check_box(value: "assignee", label: "Assignee")
+            check_group.check_box(value: "watchers", label: "Watchers")
+          end
+        end
+      end
+    end
+  end
+end

data/previews/primer/open_project/{danger_confirmation_dialog_preview → danger_dialog_preview}/playground.html.erb

@@ -1,4 +1,6 @@
-<%= render(Primer::OpenProject::DangerConfirmationDialog.new(id: "my-dialog")) do |dialog| %>
+<%= render(Primer::OpenProject::DangerDialog.new(id: "my-dialog",
+                                                 confirm_button_text: confirm_button_text,
+                                                 cancel_button_text: cancel_button_text)) do |dialog| %>
   <% dialog.with_show_button { "Click me" } %>
   <% dialog.with_confirmation_message(icon_arguments: { icon: icon, color: icon_color }) do |message| %>
     <% message.with_heading(tag: :h2).with_content("Proceed with danger?") %>

data/previews/primer/open_project/{danger_confirmation_dialog_preview → danger_dialog_preview}/with_additional_details.html.erb

@@ -1,4 +1,4 @@
-<%= render(Primer::OpenProject::DangerConfirmationDialog.new) do |dialog| %>
+<%= render(Primer::OpenProject::DangerDialog.new) do |dialog| %>
   <% dialog.with_show_button { "Click me" } %>
   <% dialog.with_confirmation_message do |message| %>
     <% message.with_heading(tag: :h2).with_content("Delete 5 work packages?") %>

data/previews/primer/open_project/{danger_confirmation_dialog_preview → danger_dialog_preview}/with_form.html.erb

@@ -1,10 +1,10 @@
-<%= render(Primer::OpenProject::DangerConfirmationDialog.new(
+<%= render(Primer::OpenProject::DangerDialog.new(
     title: "Delete dialog",
-    form_arguments: { action: generic_form_submission_path(format: route_format) }
+    form_arguments: { action: "" } # Use the correct form action here.
   )) do |dialog| %>
   <% dialog.with_show_button { "Click me" } %>
   <% dialog.with_confirmation_message do |message|
-      message.with_heading(tag: :h2).with_content("Permanently delete?")
+      message.with_heading(tag: :h2).with_content("Permanently delete this item?")
       message.with_description_content("This action is not reversible. Please proceed with caution.")
      end %>
   <% dialog.with_confirmation_check_box_content("I understand that this deletion cannot be reversed") %>

data/previews/primer/open_project/danger_dialog_preview/with_form_builder_form.html.erb

@@ -0,0 +1,18 @@
+<!-- Use the correct form URL here. -->
+<%= primer_form_with(url: "") do |f| %>
+  <%= render(Primer::OpenProject::DangerDialog.new(
+        title: "Delete dialog",
+        form_arguments: { builder: f }
+      )) do |dialog| %>
+    <% dialog.with_show_button { "Click me" } %>
+    <% dialog.with_confirmation_message do |message|
+        message.with_heading(tag: :h2).with_content("Permanently delete this item?")
+        message.with_description_content("This action is not reversible. Please confirm the following details before deletion.")
+       end %>
+    <% dialog.with_additional_details do %>
+      <%= render(Primer::Box.new(flex: 1, border: true, border_radius: 2, p: 3)) do %>
+        <%= render(Primer::OpenProject::DangerDialogPreview::DeletionForm.new(f)) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/previews/primer/open_project/danger_dialog_preview/with_form_builder_form_test.html.erb

@@ -0,0 +1,17 @@
+<%= primer_form_with(url: generic_form_submission_path(route_format)) do |f| %>
+  <%= render(Primer::OpenProject::DangerDialog.new(
+        title: "Delete dialog",
+        form_arguments: { builder: f }
+      )) do |dialog| %>
+    <% dialog.with_show_button { "Click me" } %>
+    <% dialog.with_confirmation_message do |message|
+        message.with_heading(tag: :h2).with_content("Permanently delete this item?")
+        message.with_description_content("This action is not reversible. Please proceed with caution.")
+       end %>
+    <% dialog.with_additional_details do %>
+      <%= render(Primer::Box.new(flex: 1, border: true, border_radius: 2, p: 3)) do %>
+        <%= render(Primer::OpenProject::DangerDialogPreview::DeletionForm.new(f)) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/previews/primer/open_project/danger_dialog_preview/with_form_test.html.erb

@@ -0,0 +1,11 @@
+<%= render(Primer::OpenProject::DangerDialog.new(
+    title: "Delete dialog",
+    form_arguments: { action: generic_form_submission_path(route_format) }
+  )) do |dialog| %>
+  <% dialog.with_show_button { "Click me" } %>
+  <% dialog.with_confirmation_message do |message|
+      message.with_heading(tag: :h2).with_content("Permanently delete this item?")
+      message.with_description_content("This action is not reversible. Please proceed with caution.")
+     end %>
+  <% dialog.with_confirmation_check_box_content("I understand that this deletion cannot be reversed") %>
+<% end %>

data/previews/primer/open_project/{danger_confirmation_dialog_preview.rb → danger_dialog_preview.rb}

@@ -5,15 +5,27 @@
 
 module Primer
   module OpenProject
-    # @label DangerConfirmationDialog
-    class DangerConfirmationDialogPreview < ViewComponent::Preview
+    # @label DangerDialog
+    class DangerDialogPreview < ViewComponent::Preview
       # @label Default
       # @snapshot interactive
       def default
-        render(Primer::OpenProject::DangerConfirmationDialog.new(title: "Delete dialog")) do |dialog|
+        render(Primer::OpenProject::DangerDialog.new(title: "Delete dialog")) do |dialog|
           dialog.with_show_button { "Click me" }
           dialog.with_confirmation_message do |message|
-            message.with_heading(tag: :h2) { "Permanently delete?" }
+            message.with_heading(tag: :h2) { "Delete this item?" }
+            message.with_description_content("Do you want to continue?")
+          end
+        end
+      end
+
+      # @label With confirmation check box
+      # @snapshot interactive
+      def with_confirmation_check_box
+        render(Primer::OpenProject::DangerDialog.new(title: "Delete dialog")) do |dialog|
+          dialog.with_show_button { "Click me" }
+          dialog.with_confirmation_message do |message|
+            message.with_heading(tag: :h2) { "Permanently delete this item?" }
             message.with_description_content("This action is not reversible. Please proceed with caution.")
           end
           dialog.with_confirmation_check_box_content("I understand that this deletion cannot be reversed")
@@ -25,18 +37,24 @@ module Primer
       # @param icon_color [Symbol] select [default, muted, subtle, accent, success, attention, severe, danger, open, closed, done, sponsors, on_emphasis, inherit]
       # @param show_description toggle
       # @param show_additional_details toggle
+      # @param confirm_button_text [String]
+      # @param cancel_button_text [String]
       # @param check_box_text [String]
       def playground(
         icon: :"alert",
         icon_color: :danger,
         show_description: true,
         show_additional_details: false,
+        confirm_button_text: "Understood",
+        cancel_button_text: "NO!",
         check_box_text: "I understand that this deletion cannot be reversed"
       )
         render_with_template(locals: { icon: icon,
                                        icon_color: icon_color,
                                        show_description: show_description,
                                        show_additional_details: show_additional_details,
+                                       confirm_button_text: confirm_button_text,
+                                       cancel_button_text: cancel_button_text,
                                        check_box_text: check_box_text })
       end
 
@@ -57,15 +75,27 @@ module Primer
 
       # @label With custom icon
       def custom_icon
-        render(Primer::OpenProject::DangerConfirmationDialog.new(title: "Delete dialog")) do |dialog|
+        render(Primer::OpenProject::DangerDialog.new(title: "Delete dialog")) do |dialog|
           dialog.with_show_button { "Click me" }
           dialog.with_confirmation_message(icon_arguments: { icon: :"alert-fill" }) do |message|
-            message.with_heading(tag: :h2) { "Permanently delete?" }
+            message.with_heading(tag: :h2) { "Permanently delete this item?" }
             message.with_description_content("This action is not reversible and will remove all containing sub-tiems. Please proceed with caution.")
           end
           dialog.with_confirmation_check_box_content("I understand that this deletion cannot be reversed")
         end
       end
+
+      # @label With form using FormBuilder for testing puposes
+      # @hidden
+      def with_form_builder_form_test(route_format: :html)
+        render_with_template(locals: { route_format: route_format })
+      end
+
+      # @label With form for testing purposes
+      # @hidden
+      def with_form_test(route_format: :html)
+        render_with_template(locals: { route_format: route_format })
+      end
     end
   end
 end

data/static/arguments.json

@@ -5112,12 +5112,12 @@
     ]
   },
   {
-    "component": "OpenProject::DangerConfirmationDialog",
+    "component": "OpenProject::DangerDialog",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectDangerConfirmationDialog",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_confirmation_dialog.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_confirmation_dialog/default/",
+    "short_name": "OpenProjectDangerDialog",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/default/",
     "parameters": [
       {
         "name": "form_arguments",
@@ -5131,6 +5131,18 @@
         "default": "`self.class.generate_id`",
         "description": "The id of the dialog."
       },
+      {
+        "name": "confirm_button_text",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The text of the confirm button. Will default to `I18n.t(\"button_delete\")`, or `I18n.t(\"button_delete_permanently\")` if `confirmation_check_box` slot has been passed to the component."
+      },
+      {
+        "name": "cancel_button_text",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The text of the cancel button. Will default to `I18n.t(\"button_cancel\")`."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -5140,12 +5152,12 @@
     ]
   },
   {
-    "component": "OpenProject::DangerConfirmationDialog::ConfirmationCheckBox",
+    "component": "OpenProject::DangerDialog::ConfirmationCheckBox",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectDangerConfirmationDialogConfirmationCheckBox",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_confirmation_dialog/confirmation_check_box.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_confirmation_dialog/confirmation_check_box/default/",
+    "short_name": "OpenProjectDangerDialogConfirmationCheckBox",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/confirmation_check_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/confirmation_check_box/default/",
     "parameters": [
       {
         "name": "check_box_id",
@@ -5168,12 +5180,12 @@
     ]
   },
   {
-    "component": "OpenProject::DangerConfirmationDialog::FormWrapper",
+    "component": "OpenProject::DangerDialog::FormWrapper",
     "status": "open_project",
     "a11y_reviewed": false,
-    "short_name": "OpenProjectDangerConfirmationDialogFormWrapper",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_confirmation_dialog/form_wrapper.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_confirmation_dialog/form_wrapper/default/",
+    "short_name": "OpenProjectDangerDialogFormWrapper",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/form_wrapper.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/form_wrapper/default/",
     "parameters": [
 
     ]

data/static/audited_at.json

@@ -118,9 +118,9 @@
   "Primer::Navigation::TabComponent": "",
   "Primer::OpenProject::BorderGrid": "",
   "Primer::OpenProject::BorderGrid::Cell": "",
-  "Primer::OpenProject::DangerConfirmationDialog": "",
-  "Primer::OpenProject::DangerConfirmationDialog::ConfirmationCheckBox": "",
-  "Primer::OpenProject::DangerConfirmationDialog::FormWrapper": "",
+  "Primer::OpenProject::DangerDialog": "",
+  "Primer::OpenProject::DangerDialog::ConfirmationCheckBox": "",
+  "Primer::OpenProject::DangerDialog::FormWrapper": "",
   "Primer::OpenProject::DragHandle": "",
   "Primer::OpenProject::FeedbackDialog": "",
   "Primer::OpenProject::FeedbackMessage": "",

data/static/constants.json

@@ -1561,16 +1561,16 @@
   "Primer::OpenProject::BorderGrid::Cell": {
     "GeneratedSlotMethods": "Primer::OpenProject::BorderGrid::Cell::GeneratedSlotMethods"
   },
-  "Primer::OpenProject::DangerConfirmationDialog": {
-    "ConfirmationCheckBox": "Primer::OpenProject::DangerConfirmationDialog::ConfirmationCheckBox",
-    "FormWrapper": "Primer::OpenProject::DangerConfirmationDialog::FormWrapper",
-    "GeneratedSlotMethods": "Primer::OpenProject::DangerConfirmationDialog::GeneratedSlotMethods"
+  "Primer::OpenProject::DangerDialog": {
+    "ConfirmationCheckBox": "Primer::OpenProject::DangerDialog::ConfirmationCheckBox",
+    "FormWrapper": "Primer::OpenProject::DangerDialog::FormWrapper",
+    "GeneratedSlotMethods": "Primer::OpenProject::DangerDialog::GeneratedSlotMethods"
   },
-  "Primer::OpenProject::DangerConfirmationDialog::ConfirmationCheckBox": {
-    "GeneratedSlotMethods": "Primer::OpenProject::DangerConfirmationDialog::ConfirmationCheckBox::GeneratedSlotMethods"
+  "Primer::OpenProject::DangerDialog::ConfirmationCheckBox": {
+    "GeneratedSlotMethods": "Primer::OpenProject::DangerDialog::ConfirmationCheckBox::GeneratedSlotMethods"
   },
-  "Primer::OpenProject::DangerConfirmationDialog::FormWrapper": {
-    "GeneratedSlotMethods": "Primer::OpenProject::DangerConfirmationDialog::FormWrapper::GeneratedSlotMethods"
+  "Primer::OpenProject::DangerDialog::FormWrapper": {
+    "GeneratedSlotMethods": "Primer::OpenProject::DangerDialog::FormWrapper::GeneratedSlotMethods"
   },
   "Primer::OpenProject::DragHandle": {
     "DEFAULT_SIZE": "small",