@planning-inspectorate/dynamic-forms 3.17.0 → 3.18.1

package/test/snapshots/check-your-answers-with-answers.html

@@ -146,7 +146,7 @@
       Travel Companions
     </dt>
     <dd class="govuk-summary-list__value">
-      test<br>1<br>
+      test<br>1
     </dd>
     <dd class="govuk-summary-list__actions">
       <a class="govuk-link" href="questions/companions">Change<span class="govuk-visually-hidden"> Enter the names and ages of your travel companions.</span></a>

package/test/utils/question-test-utils.js

@@ -235,7 +235,8 @@ export function mockAnswer(q) {
 				for (const field of q.inputFields) {
 					res += mockInputFieldValue(field) + '<br>';
 				}
-				return res;
+				// Remove trailing <br>
+				return res.slice(0, -4);
 			}
 			break;
 		case COMPONENT_TYPES.ADDRESS: {

package/typedefs/journey-types.d.ts

@@ -15,7 +15,7 @@ export type ManageListRouteParams =
 			manageListItemId: string;
 			manageListQuestion: string;
 	  }
-	| {};
+	| object;
 
 export interface JourneyAnswers {
 	// if the answer is for a manage list question, the answer will be an array of answer objects

package/typedefs/question-props.d.ts

@@ -1,4 +1,27 @@
 import type { QuestionParameters } from './question-types.d.ts';
+import type { Question } from '../src/questions/question.js';
+import type { Journey } from '../src/journey/journey.js';
+
+/**
+ * Context passed to the custom summary formatter
+ */
+export interface SummaryFormatterContext<TAnswer = unknown> {
+	/** The raw answer value */
+	answer: TAnswer;
+	/** The default display value */
+	formattedAnswer: string;
+	/** The question instance */
+	question: Question;
+	/** The journey instance */
+	journey: Journey;
+	/** The section segment */
+	sectionSegment: string;
+}
+
+/**
+ * Custom function to format the summary display value
+ */
+export type SummaryValueFormatter<TAnswer = unknown> = (context: SummaryFormatterContext<TAnswer>) => string;
 
 export type QuestionTypes =
 	| 'boolean'
@@ -74,6 +97,7 @@ interface InputField {
 	formatJoinString?: string; // used by formatAnswerForSummary (e.g. task list display), effective default to line break
 	formatPrefix?: string; // used by formatAnswerForSummary (e.g. task list display), to prefix answer
 	formatTextFunction?: (text: string) => string; // used to format the answer for display and value in question
+	formatSummaryValue?: (context: InputFieldSummaryContext) => string; // used to format the answer for summary display only (not escaped)
 	attributes?: Record<string, string>; // used to add HTML attributes to the field
 	suffix?: Affix; // used to add a suffix to the field
 	prefix?: Affix; // used to add a prefix to the field
@@ -83,6 +107,15 @@ interface InputField {
 	pattern?: string; // Used for backwards-compatibility for older iOS devices in numeric input fields
 }
 
+/**
+ * Context passed to InputField.formatSummaryValue
+ * Extends the base SummaryFormatterContext with field-specific properties
+ */
+interface InputFieldSummaryContext extends SummaryFormatterContext {
+	/** The input field configuration */
+	field: InputField;
+}
+
 /*
  * UnitOptions are the options displayed in the radio format - in this case the value
  * represents the unit.

package/typedefs/question-types.d.ts

@@ -3,29 +3,6 @@ import type ManageListQuestion from '#src/components/manage-list/question.js';
 import type BaseValidator from '#src/validator/base-validator.js';
 import type { JourneyResponse } from '#src/journey/journey-response.js';
 
-/**
- * Context passed to the custom summary formatter
- */
-export interface SummaryFormatterContext<TAnswer = unknown> {
-	/** The raw answer value */
-	answer: TAnswer;
-	/** The default display value */
-	formattedAnswer: string;
-	/** The question instance */
-	question: import('./question.js').Question;
-	/** The journey instance */
-	journey: import('../journey/journey.js').Journey;
-	/** The section segment */
-	sectionSegment: string;
-	/** The selected option objects (for options-based questions) */
-	selectedOptions?: import('./options-question.js').Option[];
-}
-
-/**
- * Custom function to format the summary display value
- */
-export type SummaryValueFormatter<TAnswer = unknown> = (context: SummaryFormatterContext<TAnswer>) => string;
-
 export interface QuestionParameters {
 	title: string;
 	question: string;

package/typedefs/section-types.d.ts

@@ -1,7 +1,7 @@
-import { JourneyResponse } from '#src/journey/journey-response.js';
-import ManageListQuestion from '#src/components/manage-list/question.js';
-import { Question } from '#src/questions/question.js';
-import { RouteParams } from './journey-types.d.ts';
+import type { JourneyResponse } from '#src/journey/journey-response.js';
+import type ManageListQuestion from '#src/components/manage-list/question.js';
+import type { Question } from '#src/questions/question.js';
+import type { RouteParams } from './journey-types.d.ts';
 
 export interface GetNextQuestionParams {
 	questionFieldName: string;

package/.prettierrc

@@ -1,12 +0,0 @@
-{
-	"printWidth": 120,
-	"tabWidth": 2,
-	"singleQuote": true,
-	"useTabs": true,
-	"semi": true,
-	"trailingComma": "none",
-	"bracketSpacing": true,
-	"arrowParens": "always",
-	"endOfLine": "lf",
-	"plugins": []
-}