Merge pull request #13306 from demarche-numerique/auto/haml-migration/batch-d0e305e4

Tech: migrer CopyButtonComponent de HAML vers ERB

Author: colinux

app/components/dsfr/copy_button_component/copy_button_component.en.yml

@@ -0,0 +1,3 @@
+---
+en:
+  copy_confirmation: Link copied

app/components/dsfr/copy_button_component/copy_button_component.html.erb

@@ -0,0 +1,16 @@
+<span data-controller="clipboard" data-clipboard-text-value="<%= @text %>">
+  <button
+    class="
+      fr-btn fr-icon-clipboard-line fr-btn--sm fr-btn--tertiary-no-outline
+      align-middle
+    "
+    data-action="clipboard#copy"
+    title="<%= @title %>"
+  >
+    <%= @title %>
+  </button>
+
+  <span class="fr-text--sm hidden" data-clipboard-target="success">
+    <%= @success || t('.copy_confirmation') %>
+  </span>
+</span>

app/components/dsfr/copy_button_component/copy_button_component.html.haml

@@ -0,0 +1,26 @@
+<div class="fr-download">
+  <%= link_to url, {class: "fr-download__link", download: name} do %>
+    <% if !has_name -%>
+      <span class="fr-sr-only"><%= t('.action') %></span>
+    <% end -%>
+
+    <%= truncate ? name.truncate(20) : name %>
+
+    <span class="fr-download__detail">
+      <%= helpers.download_details(attachment) %>
+    </span>
+  <% end %>
+
+  <% if ephemeral_link -%>
+    <span class="fr-ml-2w fr-text--xs fr-text-mention--grey">
+      <span class="fr-icon-questionnaire-line" aria-hidden="true"></span>
+      <%= t('.ephemeral_link') %>
+    </span>
+  <% end -%>
+
+  <% if virus_not_analyzed -%>
+    <div class="fr-text--xs fr-text-mention--grey">
+      <%= t('.virus_not_analyzed') %>
+    </div>
+  <% end -%>
+</div>

app/components/dsfr/download_component/download_component.html.erb

@@ -0,0 +1,87 @@
+<%= content_tag(:div, input_group_opts) do %>
+  <%= @form.label @attribute, label_opts do %>
+    <% capture do %>
+      <%= label %>
+
+      <% if required? %>
+        <%= render EditableChamp::AsteriskMandatoryComponent.new %>
+      <% end %>
+
+      <% if hint_renderable? %>
+        <span class="fr-hint-text"><%= hint %></span>
+      <% end %>
+    <% end %>
+  <% end %>
+
+  <% if button.present? %>
+    <div class="fr-input-wrap fr-input-wrap--addon">
+      <%= @form.public_send(@input_type, @attribute, input_opts) %>
+      <%= button %>
+    </div>
+  <% else %>
+    <%= @form.public_send(@input_type, @attribute, input_opts) %>
+  <% end %>
+
+  <% if errors_on_attribute? %>
+    <% if error_messages.size == 1 %>
+      <p class="fr-error-text" id="<%= error_id %>">
+        <%= error_messages.first %>
+      </p>
+    <% else %>
+      <div class="fr-error-text" id="<%= error_id %>">
+        <ul class="list-style-type-none fr-pl-0">
+          <% error_messages.each do |error_message| %>
+            <li><%= error_message %></li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+  <% elsif describedby.present? %>
+    <%= describedby %>
+  <% end %>
+
+  <% if password? %>
+    <div class="fr-password__checkbox fr-checkbox-group fr-checkbox-group--sm">
+      <input
+        id="<%= show_password_id %>"
+        aria-label="<%= aria_label_show_confirmation %>"
+        type="checkbox"
+      >
+
+      <label
+        class="fr--password__checkbox fr-label"
+        for="<%= show_password_id %>"
+      >
+        <%= t('.show_password.label') %>
+      </label>
+    </div>
+  <% end %>
+
+  <% if email? %>
+    <div
+      class="suspect-email hidden"
+      data-email-input-target="ariaRegion"
+      tabindex="-1"
+    >
+      <%= render Dsfr::AlertComponent.new(title: t('.email_suggest.mistake'), state: '', extra_class_names: 'fr-alert--info') do |c| %>
+        <% c.with_body do %>
+          <p>
+            <%= t('.email_suggest.wanna_say') %>
+            <span data-email-input-target="suggestion">exemple@gmail.com</span>
+            <%= "?" %>
+          </p>
+
+          <p>
+            <%= button_tag type: 'button', class: 'fr-btn fr-btn--sm fr-mr-3w', data: { action: 'click->email-input#accept' } do %>
+              <%= t('utils.yes') %>
+            <% end %>
+
+            <%= button_tag type: 'button', class: 'fr-btn fr-btn--sm', data: { action: 'click->email-input#discard' } do %>
+              <%= t('utils.no') %>
+            <% end %>
+          </p>
+        <% end %>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

app/components/dsfr/download_component/download_component.html.haml

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+class Dsfr::DownloadComponentPreview < ViewComponent::Preview
+  def default
+    attachment = Struct.new(:filename, :byte_size).new(
+      Struct.new(:extension).new('pdf'),
+      12_345
+    )
+    render Dsfr::DownloadComponent.new(attachment:, url: '/rails/view_components/download_sample.pdf')
+  end
+
+  def with_name
+    attachment = Struct.new(:filename, :byte_size).new(
+      Struct.new(:extension).new('pdf'),
+      12_345
+    )
+    render Dsfr::DownloadComponent.new(attachment:, name: 'Mon fichier', has_name: true,
+      url: '/rails/view_components/download_sample.pdf')
+  end
+
+  def with_ephemeral_link
+    attachment = Struct.new(:filename, :byte_size).new(
+      Struct.new(:extension).new('pdf'),
+      12_345
+    )
+    render Dsfr::DownloadComponent.new(attachment:, ephemeral_link: true,
+      url: '/rails/view_components/download_sample.pdf')
+  end
+
+  def with_virus_not_analyzed
+    attachment = Struct.new(:filename, :byte_size).new(
+      Struct.new(:extension).new('pdf'),
+      12_345
+    )
+    render Dsfr::DownloadComponent.new(attachment:, virus_not_analyzed: true,
+      url: '/rails/view_components/download_sample.pdf')
+  end
+
+  def full
+    attachment = Struct.new(:filename, :byte_size).new(
+      Struct.new(:extension).new('pdf'),
+      12_345
+    )
+    render Dsfr::DownloadComponent.new(attachment:, name: 'Mon fichier', has_name: true,
+      ephemeral_link: true, virus_not_analyzed: true, url: '/rails/view_components/download_sample.pdf')
+  end
+end

app/components/dsfr/input_component/input_component.html.erb

@@ -2123,9 +2123,9 @@
     end
 
     it 'returns pieces jointes from champs, messagerie and avis' do
-      expect(response.body).to have_text("Télécharger le fichier \ntoto.txt")
-      expect(response.body).to have_text("Télécharger le fichier \nlogo_test_procedu...")
-      expect(response.body).to have_text("Télécharger le fichier \nRIB.pdf")
+      expect(response.body).to have_text("Télécharger le fichier toto.txt", normalize_ws: true)
+      expect(response.body).to have_text("Télécharger le fichier logo_test_procedu...", normalize_ws: true)
+      expect(response.body).to have_text("Télécharger le fichier RIB.pdf", normalize_ws: true)
       expect(response.body).to include('Visualiser')
       expect(response.body).to include('Pièce jointe au message')
       expect(response.body).to include('Pièce jointe à l’avis')