govuk_publishing_components 29.14.0 → 29.15.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ea69ac62517f1d199c528b86f901ea00cf09b7d09b9c4b7c6550af866ad67cea
-  data.tar.gz: f92c94a1bad3f1516e4cdc4e415202c72e027b42990ed3e1c9c5eacebe389d14
+  metadata.gz: f53467f684078c59a2e499d0697b47183adacc1b30b9c19839ab8a8983715ff2
+  data.tar.gz: edddfebbcd07e825aa735e3bbe59fe000ebf5b2007272522ef94e92506cae352
 SHA512:
-  metadata.gz: e4a5fa8f083422f90461f0473ebe979d1240a5b0a0f4a0a56f19a24936eb33c70f18216b4e29bb43140f945c9985e5da738299563b0ceab1a40932c2cb85b138
-  data.tar.gz: 3ab97ddb79f5ed2a1494c9fa63868573b4bc18d8ba067343d4acc035b5602f90ab6a47b089a36b8590f77b5d45e9cc70084001b355cc458dbe2326346ec63073
+  metadata.gz: 25eed8d95465c897c95ab654b97e2bfc15fbf956fd7535c361354da8326cc23795160413abdca24bb80757f4c6ea4c1033f3ca96474caf705ae92059896bf8c8
+  data.tar.gz: a7c01b6e8fa79cde09ef1a04c596a97a2dde847341c7e50fece0997cd78472b8a6f30741f228feb6c29b969c3374664f46d9262827027fc42ec4a67bb0c59bd4

data/app/assets/javascripts/govuk_publishing_components/components/table.js

@@ -0,0 +1,52 @@
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+
+(function (Modules) {
+  function Table ($module) {
+    this.$module = $module
+    this.searchInput = $module.querySelector('input[name="filter"]')
+    this.tableRows = $module.querySelectorAll('.js-govuk-table__row')
+    this.filter = $module.querySelector('.js-gem-c-table__filter')
+    this.filterCount = this.filter.querySelector('.js-filter-count')
+    this.message = $module.querySelector('.js-gem-c-table__message')
+    this.hiddenClass = 'govuk-!-display-none'
+    this.filterCountText = this.filterCount.getAttribute('data-count-text')
+    this.tableRowsContent = []
+
+    for (var i = 0; i < this.tableRows.length; i++) {
+      this.tableRowsContent.push(this.tableRows[i].textContent.toUpperCase())
+    }
+  }
+
+  Table.prototype.init = function () {
+    this.$module.updateRows = this.updateRows.bind(this)
+    this.filter.classList.remove(this.hiddenClass)
+    this.searchInput.addEventListener('input', this.$module.updateRows)
+  }
+
+  // Reads value of input and filters content
+  Table.prototype.updateRows = function () {
+    var value = this.searchInput.value
+    var hiddenRows = 0
+    var length = this.tableRows.length
+
+    for (var i = 0; i < length; i++) {
+      if (this.tableRowsContent[i].includes(value.toUpperCase())) {
+        this.tableRows[i].classList.remove(this.hiddenClass)
+      } else {
+        this.tableRows[i].classList.add(this.hiddenClass)
+        hiddenRows++
+      }
+    }
+
+    this.filterCount.textContent = (length - hiddenRows) + ' ' + this.filterCountText
+
+    if (length === hiddenRows) {
+      this.message.classList.remove(this.hiddenClass)
+    } else {
+      this.message.classList.add(this.hiddenClass)
+    }
+  }
+
+  Modules.Table = Table
+})(window.GOVUK.Modules)

data/app/views/govuk_publishing_components/components/_table.html.erb

@@ -2,46 +2,76 @@
   caption ||= nil
   head ||= []
   rows ||= []
-  first_cell_is_header ||=false
+  first_cell_is_header ||= false
   caption_classes ||= nil
-  sortable ||=false
+  sortable ||= false
+  filterable ||= false
+  label ||= t("components.table.filter_label")
+
+  table_id = "table-id-#{SecureRandom.hex(4)}"
+  filter_count_id = "filter-count-id-#{SecureRandom.hex(4)}"
 %>
 
-<%= GovukPublishingComponents::AppHelpers::TableHelper.helper(self, caption, {
-    sortable: sortable,
-    caption_classes: caption_classes
-  }) do |t| %>
-
-  <% if head.any? %>
-    <%= t.head do %>
-      <% head.each_with_index do |item, cellindex| %>
-        <%= t.header item[:text], {
-          format: item[:format],
-          href: item[:href],
-          data_attributes: item[:data_attributes],
-          sort_direction: item[:sort_direction]
-        } %>
+<% @table = capture do %>
+  <%= GovukPublishingComponents::AppHelpers::TableHelper.helper(self, caption, table_id, {
+      sortable: sortable,
+      filterable: filterable,
+      caption_classes: caption_classes
+    }) do |t| %>
+
+    <% if head.any? %>
+      <%= t.head do %>
+        <% head.each_with_index do |item, cellindex| %>
+          <%= t.header item[:text], {
+            format: item[:format],
+            href: item[:href],
+            data_attributes: item[:data_attributes],
+            sort_direction: item[:sort_direction]
+          } %>
+        <% end %>
       <% end %>
     <% end %>
-  <% end %>
 
-  <%= t.body do %>
-    <% rows.each_with_index do |row, rowindex| %>
-      <%= t.row do %>
-        <% row.each_with_index do |cell, cellindex| %>
-          <% if cellindex == 0 && first_cell_is_header %>
-            <%= t.header cell[:text], {
-              scope: "row",
-              format: cell[:format]
-            } %>
-          <% else %>
-            <%= t.cell cell[:text], {
-              format: cell[:format]
-            } %>
+    <%= t.body do %>
+      <% rows.each_with_index do |row, rowindex| %>
+        <%= t.row do %>
+          <% row.each_with_index do |cell, cellindex| %>
+            <% if cellindex == 0 && first_cell_is_header %>
+              <%= t.header cell[:text], {
+                scope: "row",
+                format: cell[:format]
+              } %>
+            <% else %>
+              <%= t.cell cell[:text], {
+                format: cell[:format]
+              } %>
+            <% end %>
           <% end %>
         <% end %>
       <% end %>
     <% end %>
   <% end %>
+<% end %>
+
+<% if filterable %>
+  <div data-module="table">
+    <div class="js-gem-c-table__filter govuk-!-display-none">
+      <%= render "govuk_publishing_components/components/input", {
+        label: {
+          text: label
+        },
+        name: "filter",
+        controls: table_id,
+        aria_described_by: filter_count_id,
+      } %>
+
+      <p id="<%= filter_count_id %>" aria-live="polite" class="js-filter-count govuk-visually-hidden" data-count-text="<%= t("components.table.filter_count") %>"></p>
+    </div>
+
+    <%= @table %>
 
+    <p class="govuk-body govuk-!-display-none js-gem-c-table__message"><%= t("components.table.filter_message") %></p>
+  </div>
+<% else %>
+  <%= @table %>
 <% end %>

data/app/views/govuk_publishing_components/components/docs/table.yml

@@ -134,3 +134,33 @@ examples:
           format: numeric
         - text: £80
           format: numeric
+  with_filter:
+    description: This option allows table rows to be filtered by user input. Since this filtering is implemented client-side the filter section is not displayed by default but displays only when JavaScript is enabled. The label for the input field can be set when the coponent is rendered via the `label` key. if this is not set a fallback value will display.
+    data:
+      filterable: true
+      label: Filter months
+      head:
+        - text: Month you apply
+        - text: Rate for bicycles
+          format: numeric
+        - text: Rate for vehicles
+          format: numeric
+      rows:
+      -
+        - text: January
+        - text: £85
+          format: numeric
+        - text: £95
+          format: numeric
+      -
+        - text: February
+        - text: £75
+          format: numeric
+        - text: £55
+          format: numeric
+      -
+        - text: March
+        - text: £165
+          format: numeric
+        - text: £125
+          format: numeric

data/config/locales/ar.yml

@@ -203,5 +203,9 @@ ar:
     summary_list:
       delete: حذف
       edit: تغيير
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: المحتويات

data/config/locales/az.yml

@@ -199,5 +199,9 @@ az:
     summary_list:
       delete: Sil
       edit: Dəyiş
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Məzmunlar

data/config/locales/be.yml

@@ -206,5 +206,9 @@ be:
     summary_list:
       delete: Выдаліць
       edit: Змянiць
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Змест

data/config/locales/bg.yml

@@ -204,5 +204,9 @@ bg:
     summary_list:
       delete: Изтриване
       edit: Промяна
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Съдържание

data/config/locales/bn.yml

@@ -201,5 +201,9 @@ bn:
     summary_list:
       delete: মুছে ফেলুন
       edit: পরিবর্তন
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: বিষয়সূচী

data/config/locales/cs.yml

@@ -205,5 +205,9 @@ cs:
     summary_list:
       delete: Odstranit
       edit: Změna
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Obsah

data/config/locales/cy.yml

@@ -204,5 +204,9 @@ cy:
     summary_list:
       delete: Dileu
       edit: Newid
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Cynnwys

data/config/locales/da.yml

@@ -201,5 +201,9 @@ da:
     summary_list:
       delete: Slet
       edit: Ændre
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Indhold

data/config/locales/de.yml

@@ -204,5 +204,9 @@ de:
     summary_list:
       delete: Löschen
       edit: Ändern
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Inhalte

data/config/locales/dr.yml

@@ -202,5 +202,9 @@ dr:
     summary_list:
       delete: حذف کردن
       edit: تغییر دادن
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: محتویات

data/config/locales/el.yml

@@ -200,5 +200,9 @@ el:
     summary_list:
       delete: Διαγραφή
       edit: Αλλαγή
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Περιεχόμενα

data/config/locales/en.yml

@@ -332,5 +332,9 @@ en:
     summary_list:
       delete: Delete
       edit: Change
+    table:
+      filter_count: results for the term entered
+      filter_label: Filter
+      filter_message: There are no matching results
     tabs:
       contents: Contents

data/config/locales/es-419.yml

@@ -200,5 +200,9 @@ es-419:
     summary_list:
       delete: Borrar
       edit: Cambiar
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Contenido

data/config/locales/es.yml

@@ -200,5 +200,9 @@ es:
     summary_list:
       delete: Eliminar
       edit: Cambiar
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Contenido

data/config/locales/et.yml

@@ -203,5 +203,9 @@ et:
     summary_list:
       delete: Kustuta
       edit: Muuda
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Sisu

data/config/locales/fa.yml

@@ -198,5 +198,9 @@ fa:
     summary_list:
       delete: حذف
       edit: تغییر
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: محتوا

data/config/locales/fi.yml

@@ -202,5 +202,9 @@ fi:
     summary_list:
       delete: Poistaa
       edit: Muuttaa
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Sisällys

data/config/locales/fr.yml

@@ -200,5 +200,9 @@ fr:
     summary_list:
       delete: Supprimer
       edit: Modifier
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Contenu

data/config/locales/gd.yml

@@ -202,5 +202,9 @@ gd:
     summary_list:
       delete: Scriosadh
       edit: A mhodhnú
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Clár ábhair

data/config/locales/gu.yml

@@ -200,5 +200,9 @@ gu:
     summary_list:
       delete: ડિલીટ કરો
       edit: બદલો
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: સામગ્રી

data/config/locales/he.yml

@@ -200,5 +200,9 @@ he:
     summary_list:
       delete: מחק
       edit: שנה
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: תוכן

data/config/locales/hi.yml

@@ -200,5 +200,9 @@ hi:
     summary_list:
       delete: हटाएं
       edit: बदलें
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: विषय-वस्तु

data/config/locales/hr.yml

@@ -202,5 +202,9 @@ hr:
     summary_list:
       delete: Obriši
       edit: Promijeniti
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Sadržaj

data/config/locales/hu.yml

@@ -203,5 +203,9 @@ hu:
     summary_list:
       delete: Törlés
       edit: Megváltoztatás
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Tartalomjegyzék

data/config/locales/hy.yml

@@ -204,5 +204,9 @@ hy:
     summary_list:
       delete: Ջնջել
       edit: Փոխել
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Բովանդակություն

data/config/locales/id.yml

@@ -200,5 +200,9 @@ id:
     summary_list:
       delete: Hapus
       edit: Ubah
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Konten

data/config/locales/is.yml

@@ -200,5 +200,9 @@ is:
     summary_list:
       delete: Eyða
       edit: Breyta
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Efni

data/config/locales/it.yml

@@ -200,5 +200,9 @@ it:
     summary_list:
       delete: Cancella
       edit: Modifica
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Contenuti

data/config/locales/ja.yml

@@ -196,5 +196,9 @@ ja:
     summary_list:
       delete: 削除
       edit: 変更
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: コンテンツ

data/config/locales/ka.yml

@@ -203,5 +203,9 @@ ka:
     summary_list:
       delete: წაშლა
       edit: შეცვლა
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: შინაარსი

data/config/locales/kk.yml

@@ -200,5 +200,9 @@ kk:
     summary_list:
       delete: Жою
       edit: Өзгерту
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Мазмұны

data/config/locales/ko.yml

@@ -195,5 +195,9 @@ ko:
     summary_list:
       delete:
       edit:
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents:

data/config/locales/lt.yml

@@ -205,5 +205,9 @@ lt:
     summary_list:
       delete: Ištrinti
       edit: Keisti
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Turinys

data/config/locales/lv.yml

@@ -204,5 +204,9 @@ lv:
     summary_list:
       delete: Dzēst
       edit: Mainīt
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Saturs

data/config/locales/ms.yml

@@ -199,5 +199,9 @@ ms:
     summary_list:
       delete: Padam
       edit: Ubah
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Kandungan

data/config/locales/mt.yml

@@ -202,5 +202,9 @@ mt:
     summary_list:
       delete: Ħassar
       edit: Biddel
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Werrej

data/config/locales/nl.yml

@@ -200,5 +200,9 @@ nl:
     summary_list:
       delete: Verwijderen
       edit: Wijzig
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Inhoud

data/config/locales/no.yml

@@ -200,5 +200,9 @@
     summary_list:
       delete: Slett
       edit: Endring
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Innhold

data/config/locales/pa-pk.yml

@@ -196,5 +196,9 @@ pa-pk:
     summary_list:
       delete: مٹا دیو
       edit: بدل دیو
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: ایہ سارا مواد

data/config/locales/pa.yml

@@ -200,5 +200,9 @@ pa:
     summary_list:
       delete: ਮਿਟਾਓ
       edit: ਬਦਲੋ
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: ਸਮਗਰੀ

data/config/locales/pl.yml

@@ -204,5 +204,9 @@ pl:
     summary_list:
       delete: Usuń
       edit: Zmień
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Zawartość

data/config/locales/ps.yml

@@ -197,5 +197,9 @@ ps:
     summary_list:
       delete: ړنګول
       edit: بدلون
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: منځپانګې

data/config/locales/pt.yml

@@ -200,5 +200,9 @@ pt:
     summary_list:
       delete: Apagar
       edit: Alterar
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Conteúdos

data/config/locales/ro.yml

@@ -201,5 +201,9 @@ ro:
     summary_list:
       delete: Ștergeți
       edit: Modificați
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Conținut

data/config/locales/ru.yml

@@ -204,5 +204,9 @@ ru:
     summary_list:
       delete: Удалить
       edit: Изменить
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Содержание

data/config/locales/si.yml

@@ -200,5 +200,9 @@ si:
     summary_list:
       delete: මකන්න
       edit: වෙනස් කරන්න
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: අන්තර්ගත

data/config/locales/sk.yml

@@ -205,5 +205,9 @@ sk:
     summary_list:
       delete: Odstrániť
       edit: Zmeniť
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Obsah

data/config/locales/sl.yml

@@ -207,5 +207,9 @@ sl:
     summary_list:
       delete: Izbriši
       edit: Spremeni
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Vsebina

data/config/locales/so.yml

@@ -200,5 +200,9 @@ so:
     summary_list:
       delete: Masax
       edit: Badal
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Waxyaabaha uu ka koobanyahay

data/config/locales/sq.yml

@@ -200,5 +200,9 @@ sq:
     summary_list:
       delete: Fshij
       edit: Ndrysho
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Përmbajtje

data/config/locales/sr.yml

@@ -201,5 +201,9 @@ sr:
     summary_list:
       delete: Izbriši
       edit: Promena
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Sadržaj

data/config/locales/sv.yml

@@ -200,5 +200,9 @@ sv:
     summary_list:
       delete: Ta bort
       edit: Ändra
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Innehåll

data/config/locales/sw.yml

@@ -200,5 +200,9 @@ sw:
     summary_list:
       delete: Futa
       edit: Badilisha
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Maudhui

data/config/locales/ta.yml

@@ -201,5 +201,9 @@ ta:
     summary_list:
       delete: நீக்கு
       edit: மாற்று
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: உள்ளடக்கம்

data/config/locales/th.yml

@@ -198,5 +198,9 @@ th:
     summary_list:
       delete: ลบ
       edit: เปลี่ยน
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: เนื้อหา

data/config/locales/tk.yml

@@ -201,5 +201,9 @@ tk:
     summary_list:
       delete: Öçürmek
       edit: Çalyşmak
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Mazmuny

data/config/locales/tr.yml

@@ -201,5 +201,9 @@ tr:
     summary_list:
       delete: Sil
       edit: Değiştir
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: İçerikler

data/config/locales/uk.yml

@@ -207,5 +207,9 @@ uk:
     summary_list:
       delete: Видалити
       edit: Змінити
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Зміст

data/config/locales/ur.yml

@@ -197,5 +197,9 @@ ur:
     summary_list:
       delete: حذف کریں
       edit: تبدیل کریں
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: مشمولات

data/config/locales/uz.yml

@@ -202,5 +202,9 @@ uz:
     summary_list:
       delete: Ўчириб юбориш
       edit: Ўзгартириш
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Мундарижа

data/config/locales/vi.yml

@@ -199,5 +199,9 @@ vi:
     summary_list:
       delete: Xóa
       edit: Thay đổi
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: Mục lục

data/config/locales/zh-hk.yml

@@ -198,5 +198,9 @@ zh-hk:
     summary_list:
       delete: 刪除
       edit: 變更
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: 內容

data/config/locales/zh-tw.yml

@@ -198,5 +198,9 @@ zh-tw:
     summary_list:
       delete: 刪除
       edit: 變更
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: 內容

data/config/locales/zh.yml

@@ -198,5 +198,9 @@ zh:
     summary_list:
       delete: 删除
       edit: 更改
+    table:
+      filter_count:
+      filter_label:
+      filter_message:
     tabs:
       contents: 目录

data/lib/govuk_publishing_components/app_helpers/table_helper.rb

@@ -1,7 +1,7 @@
 module GovukPublishingComponents
   module AppHelpers
     class TableHelper
-      def self.helper(context, caption = nil, opt = {})
+      def self.helper(context, caption = nil, id = nil, opt = {})
         builder = TableBuilder.new(context.tag)
 
         classes = %w[gem-c-table govuk-table]
@@ -10,7 +10,7 @@ module GovukPublishingComponents
         caption_classes = %w[govuk-table__caption]
         caption_classes << opt[:caption_classes] if opt[:caption_classes]
 
-        context.tag.table class: classes do
+        context.tag.table class: classes, id: id do
           context.concat context.tag.caption caption, class: caption_classes
           yield(builder)
         end
@@ -41,7 +41,7 @@ module GovukPublishingComponents
         end
 
         def row
-          tag.tr class: "govuk-table__row" do
+          tag.tr class: "govuk-table__row js-govuk-table__row" do
             yield(self)
           end
         end

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "29.14.0".freeze
+  VERSION = "29.15.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 29.14.0
+  version: 29.15.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-07-08 00:00:00.000000000 Z
+date: 2022-07-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -481,6 +481,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/components/single-page-notification-button.js
 - app/assets/javascripts/govuk_publishing_components/components/skip-link.js
 - app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js
+- app/assets/javascripts/govuk_publishing_components/components/table.js
 - app/assets/javascripts/govuk_publishing_components/components/tabs.js
 - app/assets/javascripts/govuk_publishing_components/dependencies.js
 - app/assets/javascripts/govuk_publishing_components/ie.js