Merge pull request #643 from alphagov/add-error-summary

Update GOV.UK Frontend and enable error summary

package.json

@@ -31,7 +31,7 @@
     "autoprefixer": "^9.1.0",
     "clipboard": "^2.0.1",
     "connect": "^3.6.6",
-    "govuk-frontend": "^2.3.0",
+    "govuk-frontend": "^2.4.0",
     "gray-matter": "^4.0.1",
     "highlight.js": "^9.12.0",
     "html5shiv": "^3.7.3",

src/javascripts/govuk-frontend.js

@@ -2,8 +2,7 @@ import Button from 'govuk-frontend/components/button/button'
 import Details from 'govuk-frontend/components/details/details'
 import CharacterCount from 'govuk-frontend/components/character-count/character-count'
 import Checkboxes from 'govuk-frontend/components/checkboxes/checkboxes'
-// Intentionally avoid importing ErrorSummary since it will steal focus, scrolling example pages.
-// import ErrorSummary from 'govuk-frontend/components/error-summary/error-summary'
+import ErrorSummary from 'govuk-frontend/components/error-summary/error-summary'
 import Radios from 'govuk-frontend/components/radios/radios'
 import Header from 'govuk-frontend/components/header/header'
 import Tabs from 'govuk-frontend/components/tabs/tabs'
@@ -15,6 +14,18 @@ if ($details) {
   new Details($details).init()
 }
 
+var $errorSummary = document.querySelector('[data-module="error-summary"]')
+if ($errorSummary) {
+  var errorSummary = new ErrorSummary($errorSummary)
+  // Override the `init` method since it automatically focuses the ErrorSummary.
+  // This is not ideal when showing examples for this component
+  // TODO: Allow option for ErrorSummary to avoid this hack
+  errorSummary.init = function () {
+    this.$module.addEventListener('click', ErrorSummary.prototype.handleClick.bind(this))
+  }
+  errorSummary.init()
+}
+
 var $characterCount = document.querySelector('[data-module="character-count"]')
 if ($characterCount) {
   new CharacterCount($characterCount).init()