Use component wrapper on reorderable list component

CHANGELOG.md

@@ -12,6 +12,7 @@
 * Support Welsh devolved nations component ([PR #4440](https://github.com/alphagov/govuk_publishing_components/pull/4440))
 * Use component wrapper on previous and next component ([PR #4463](https://github.com/alphagov/govuk_publishing_components/pull/4463))
 * Use component wrapper on related nav component ([PR #4466](https://github.com/alphagov/govuk_publishing_components/pull/4466))
+* Use component wrapper on reorderable list component ([PR #4474](https://github.com/alphagov/govuk_publishing_components/pull/4474))
 
 ## 46.1.0
 

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 %>

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: