@planning-inspectorate/dynamic-forms 1.12.2 → 1.14.0

package/.github/dependabot.yml

@@ -9,3 +9,8 @@ updates:
     directory: '/' # Location of package manifests
     schedule:
       interval: 'weekly'
+    groups:
+      devDeps: # group all dev dependencies
+        patterns:
+          - '*'
+        dependency-type: 'development'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planning-inspectorate/dynamic-forms",
-  "version": "1.12.2",
+  "version": "1.14.0",
   "description": "This package is for building GDS forms using a configuration-based approach.",
   "main": "./src/index.js",
   "type": "module",
@@ -28,15 +28,15 @@
     "#question-types": "./src/questions/question-types.d.ts"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
+    "@commitlint/cli": "^20.0.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "eslint": "^9.29.0",
     "eslint-config-prettier": "^10.1.5",
     "govuk-frontend": "^5.11.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.2",
     "prettier": "^3.6.2",
-    "semantic-release": "^24.2.5"
+    "semantic-release": "^25.0.1"
   },
   "publishConfig": {
     "access": "public"

package/src/components/select/index.njk

@@ -56,6 +56,22 @@
                     attributes: { "data-cy":"button-save-and-continue"}
                 }) }}
 
+                {% if extraActionButtons|length %}
+                    {% for extraActionButton in extraActionButtons %}
+                        {{ govukButton({
+                            text: extraActionButton.text,
+                            type: extraActionButton.type,
+                            href: extraActionButton.href,
+                            attributes: {
+                                "formaction": extraActionButton.formaction or "",
+                                "data-cy": "button-" + extraActionButton.text|lower|replace(" ", "-"),
+                                "name": extraActionButton.text|lower|replace(" ", "-")
+                            },
+                            classes: extraActionButton.classes or "govuk-button--secondary"
+                        }) }}
+                    {% endfor %}
+                {% endif %}
+
             </form>
         </div>
     </div>
@@ -63,7 +79,17 @@
     <script {% if cspNonce %}nonce={{ cspNonce }}{% endif %}>
         if (window.accessibleAutocomplete) {
             accessibleAutocomplete.enhanceSelectElement({
-                selectElement: document.querySelector('#{{ question.fieldName }}')
+                selectElement: document.querySelector('#{{ question.fieldName }}'),
+                onConfirm: () => {
+                    let input = document.querySelector('#{{ question.fieldName }}');
+                    let select = document.querySelector('#{{ question.fieldName }}-select');
+                    let options = Array.from(select.options);
+                    if (!input.value || !options.some(option => option.value === input.value)) {
+                        select.options.selectedIndex = -1;
+                    } else {
+                        select.options.selectedIndex = options.findIndex(option => option.value === input.value);
+                    }
+                }
             })
         }
     </script>

package/src/components/select/question.js

@@ -15,6 +15,7 @@ export default class SelectQuestion extends OptionsQuestion {
 	 * @param {string} [params.html]
 	 * @param {string} [params.legend] - optional legend, used instead of h1
 	 * @param {Array.<import('../../questions/options-question.js').Option>} params.options
+	 * @param {Object<string, any>} [params.viewData]
 	 * @param {Array.<import('../../questions/question.js').BaseValidator>} [params.validators]
 	 */
 	constructor({
@@ -30,7 +31,8 @@ export default class SelectQuestion extends OptionsQuestion {
 		html,
 		legend,
 		options,
-		validators
+		validators,
+		viewData
 	}) {
 		super({
 			title,
@@ -42,7 +44,8 @@ export default class SelectQuestion extends OptionsQuestion {
 			pageTitle,
 			description,
 			options,
-			validators
+			validators,
+			viewData
 		});
 
 		this.html = html;