dsfr-view-components 3.0.1 → 3.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8780041bae859ed3e40f83a06d62b0cbec970d9d7e1e6d29a40d2b2a6b1f1f3b
-  data.tar.gz: 300b8e5270fc91042b0e915b29cf477a9c4b7f1c609173856b7a9518c5c14d5b
+  metadata.gz: 218aeda33588aa0ccc5edc9b8b8e3a8d640119b897e56e9a40a7535b32e2473c
+  data.tar.gz: efe6b590b77c6d4ab3c06be0135386d42b9ebdf15edb2cdf4e4ce2ba4c20dfbe
 SHA512:
-  metadata.gz: 914f18a7ced8fdebc65797384cba976c8ed9586ba521b54020041e3a6c7653f6eb7ffca61c98bf4246564c0d2a4cecfce9f66fb404f8819c14232e53be4acb63
-  data.tar.gz: 0f528525221c610318711fd2b7cb505e23f4a47d771137dd4d80ce8abbaff1b790c9e188c4beed20b5e02e42c87b95b472547bda7d3ecead11f36ca42b8e236f
+  metadata.gz: afc50786a189f95b63dd71555e4d16e49a1624d1d4a03934f0834b126cbccdeecca95f9f8ebc86522bcfd80ece5763a11d469fa903e74b6c8326dfa9f214a70c
+  data.tar.gz: f6d94b488b11f15e548f9147f6c7e582ef404687e771efb122db1f5b4de633a1482eccdf5626f1ab6a820e9a1f8bf0445b981f42d5089f3ff4bc763305c56c00

data/app/components/dsfr_component/alert_component.rb

@@ -1,18 +1,32 @@
 class DsfrComponent::AlertComponent < DsfrComponent::Base
+  include DsfrComponent::Traits::HeaderSizeable
+
   TYPES = %i[error success info warning].freeze
   SIZES = %i[sm md].freeze
 
-  # @param type [Symbol] alert type (and matching color) `:success`, `:info`, `:warning` ou `:error`
-  # @param title [String] alert title. cannot be set in size `:sm`
-  # @param size [Symbol] alert size : `:md` (default) or `:sm`
-  # @param close_button [Boolean] display a close button to remove the alert
-  # @note in size MD the title is required but the content is optional. In size SM there should be not title but the content is required
-  def initialize(type: nil, title: nil, size: :md, close_button: false, icon_name: nil, html_attributes: {})
+  # @param type [AlertComponent::TYPES]
+  # @param title [String] le titre de l'alerte, sauf pour la taille `:sm`
+  # @param size [AlertComponent::SIZES]
+  # @param close_button [Boolean] contrôle l'affichage d'un bouton de fermeture
+  # @param icon_name [String] un nom d'icône à afficher, seulement disponible pour le type par défaut
+  # @param starting_header_level [Integer] Le niveau de titre
+  # @note La taille `:md` requiert un titre mais le contenu est
+  # optionel ; la taille `sm` requiert un contenu, mais pas de titre.
+  def initialize(
+    type: nil,
+    title: nil,
+    size: :md,
+    close_button: false,
+    icon_name: nil,
+    starting_header_level: nil,
+    html_attributes: {}
+  )
     @title = title
     @type = type
     @size = size
     @close_button = close_button
     @icon_name = icon_name
+    @starting_header_level = starting_header_level
 
     super(html_attributes: html_attributes)
   end
@@ -63,7 +77,7 @@ private
   def title_tag
     return nil if title.blank?
 
-    tag.h3(class: "fr-alert__title") { title }
+    tag.send(starting_header_tag, class: "fr-alert__title") { title }
   end
 
   def content_tag

data/app/components/dsfr_component/header_component.html.erb

@@ -12,7 +12,7 @@
               <%= operator_image %>
             <% end %>
 
-            <% if search? || tool_links? || direct_links? %>
+            <% if with_navbar? %>
               <div class="fr-header__navbar">
                 <% if search? %>
                   <button class="fr-btn--search fr-btn" data-fr-opened="false" aria-controls="modal-header-search" id="button-header-search" title="Rechercher">
@@ -20,7 +20,7 @@
                   </button>
                 <% end %>
 
-                <% if tool_links? || direct_links? %>
+                <% if with_menu? %>
                   <button class="fr-btn--menu fr-btn" data-fr-opened="false" aria-controls="modal-header-menu" aria-haspopup="menu" id="button-header-menu" title="Menu">
                     Menu
                   </button>
@@ -41,9 +41,9 @@
           <% end %>
         </div>
 
-        <% if tool_links? || search? %>
+        <% if with_tools? %>
           <div class="fr-header__tools">
-            <% if tool_links? %>
+            <% if tool_links? || custom_tool_links? %>
               <div class="fr-header__tools-links">
                 <ul class="fr-btns-group">
                   <% tool_links.each do |tool_link| %>
@@ -51,6 +51,11 @@
                       <%= tool_link %>
                     </li>
                   <% end %>
+                  <% custom_tool_links.each do |custom_tool_link| %>
+                    <li>
+                      <%= custom_tool_link %>
+                    </li>
+                  <% end %>
                 </ul>
               </div>
             <% end %>
@@ -73,7 +78,7 @@
     </div>
   </div>
 
-  <% if tool_links? || direct_links? %>
+  <% if with_menu? %>
     <div class="fr-header__menu fr-modal" id="modal-header-menu" aria-labelledby="button-header-menu" role="navigation">
       <div class="fr-container">
         <button class="fr-btn--close fr-btn" aria-controls="modal-header-menu" title="Fermer">

data/app/components/dsfr_component/header_component.rb

@@ -2,6 +2,7 @@ class DsfrComponent::HeaderComponent < DsfrComponent::Base
   renders_one :search
   renders_one :operator_image, "DsfrComponent::HeaderComponent::OperatorImageComponent"
   renders_many :tool_links, "DsfrComponent::HeaderComponent::ToolLinkComponent"
+  renders_many :custom_tool_links
   renders_many :direct_links, types: {
     simple: "DsfrComponent::HeaderComponent::DirectLinkComponent",
     dropdown: "DsfrComponent::HeaderComponent::DirectLinkDropdownComponent"
@@ -25,4 +26,16 @@ private
   def default_attributes
     { class: 'fr-header', role: 'banner' }
   end
+
+  def with_tools?
+    tool_links? || search? || custom_tool_links?
+  end
+
+  def with_navbar?
+    with_tools? || direct_links?
+  end
+
+  def with_menu?
+    tool_links? || direct_links?
+  end
 end

data/app/components/dsfr_component/notice_component.rb

@@ -1,6 +1,6 @@
 module DsfrComponent
   class NoticeComponent < DsfrComponent::Base
-    GENERIC_TYPES = %w[info waring alert].freeze
+    GENERIC_TYPES = %w[info warning alert].freeze
     WEATHER_TYPES = %w[weather-orange weather-red weather-purple].freeze
     ALERT_TYPES = %w[kidnapping cyberattack attack witness].freeze
     TYPES = GENERIC_TYPES + WEATHER_TYPES + ALERT_TYPES
@@ -11,7 +11,7 @@ module DsfrComponent
 
     # @param title [String] Titre du bandeau
     # @param description [String] Description du bandeau pour apporter du contexte (optionnel)
-    # @param type [String] Type de bandeau (info, waring, alert, weather-orange, weather-red, weather-purple, kidnapping, cyberattack, attack, witness)
+    # @param type [String] Type de bandeau (info, warning, alert, weather-orange, weather-red, weather-purple, kidnapping, cyberattack, attack, witness)
     # @param description_tag [Symbol] Balise HTML à utiliser pour la description (p, h1, h2, h3, h4, h5, h6)
     # @param use_icon [Boolean] Afficher ou non une icône, uniquement pour les bandeaux génériques
     # @param icon_name [String] Nom de l'icône à afficher

data/lib/dsfr/components/version.rb

@@ -1,5 +1,5 @@
 module Dsfr
   module Components
-    VERSION = '3.0.1'.freeze
+    VERSION = '3.0.2'.freeze
   end
 end

metadata

@@ -1,13 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dsfr-view-components
 version: !ruby/object:Gem::Version
-  version: 3.0.1
+  version: 3.0.2
 platform: ruby
 authors:
 - BetaGouv developers
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-05-07 00:00:00.000000000 Z
+date: 2025-05-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: html-attributes-utils
@@ -392,6 +393,7 @@ metadata:
   homepage_uri: https://github.com/betagouv/dsfr-view-components
   source_code_uri: https://github.com/betagouv/dsfr-view-components
   rubygems_mfa_required: 'true'
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -406,7 +408,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.2
+rubygems_version: 3.5.13
+signing_key:
 specification_version: 4
 summary: Composants ViewComponent pour le Système de Design de l'État (DSFR)
 test_files: []