Use component wrapper on reorderable list component

alphagov · Dec 5, 2024 · 2f62756 · 2f62756
1 parent da064f0
commit 2f62756
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,8 @@
 
 ## Unreleased
 
+* Use component wrapper on reorderable list component ([PR #4474](https://github.com/alphagov/govuk_publishing_components/pull/4474))
+
 ## 46.2.0
 
 * Support Welsh devolved nations component ([PR #4440](https://github.com/alphagov/govuk_publishing_components/pull/4440))

diff --git a/app/views/govuk_publishing_components/components/_reorderable_list.html.erb b/app/views/govuk_publishing_components/components/_reorderable_list.html.erb
@@ -3,11 +3,13 @@
 
   items ||= []
   input_name ||= "ordering"
-  data_attributes ||= {}
-  data_attributes[:module] = "reorderable-list"
+
+  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
+  component_helper.add_class("gem-c-reorderable-list")
+  component_helper.add_data_attribute({ module: "reorderable-list" })
 %>
 
-<%= tag.ol class: "gem-c-reorderable-list", data: data_attributes do %>
+<%= tag.ol(**component_helper.all_attributes) do %>
   <% items.each_with_index do |item, index| %>
     <%= tag.li class: "gem-c-reorderable-list__item" do %>
       <%= tag.div class: "gem-c-reorderable-list__wrapper" do %>

diff --git a/app/views/govuk_publishing_components/components/docs/reorderable_list.yml b/app/views/govuk_publishing_components/components/docs/reorderable_list.yml
@@ -17,6 +17,7 @@ body: |
   you'd receive a submission of `ordering[a]=1&ordering[b]=2`, which Rails can
   translate to `"ordering" => { "a" => "1", "b" => "2" }`.
 
+uses_component_wrapper_helper: true
 accessibility_criteria: |
   Buttons in this component must: