@defra/forms-model 3.0.449 → 3.0.450

package/dist/module/form/form-editor/preview/index.js

@@ -7,5 +7,6 @@ export * from "./question.js";
 export * from "./radio.js";
 export * from "./radio-sortable.js";
 export * from "./short-answer.js";
+export * from "./long-answer.js";
 export * from "./uk-address.js";
 //# sourceMappingURL=index.js.map

package/dist/module/form/form-editor/preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/form/form-editor/preview/index.js"],"sourcesContent":["export * from '~/src/form/form-editor/preview/date-input.js'\nexport * from '~/src/form/form-editor/preview/email-address.js'\nexport * from '~/src/form/form-editor/preview/list.js'\nexport * from '~/src/form/form-editor/preview/list-sortable.js'\nexport * from '~/src/form/form-editor/preview/phone-number.js'\nexport * from '~/src/form/form-editor/preview/question.js'\nexport * from '~/src/form/form-editor/preview/radio.js'\nexport * from '~/src/form/form-editor/preview/radio-sortable.js'\nexport * from '~/src/form/form-editor/preview/short-answer.js'\nexport * from '~/src/form/form-editor/preview/uk-address.js'\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/form/form-editor/preview/index.js"],"sourcesContent":["export * from '~/src/form/form-editor/preview/date-input.js'\nexport * from '~/src/form/form-editor/preview/email-address.js'\nexport * from '~/src/form/form-editor/preview/list.js'\nexport * from '~/src/form/form-editor/preview/list-sortable.js'\nexport * from '~/src/form/form-editor/preview/phone-number.js'\nexport * from '~/src/form/form-editor/preview/question.js'\nexport * from '~/src/form/form-editor/preview/radio.js'\nexport * from '~/src/form/form-editor/preview/radio-sortable.js'\nexport * from '~/src/form/form-editor/preview/short-answer.js'\nexport * from '~/src/form/form-editor/preview/long-answer.js'\nexport * from '~/src/form/form-editor/preview/uk-address.js'\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/long-answer.js

@@ -0,0 +1,14 @@
+import { Question } from "./question.js";
+export class LongAnswerQuestion extends Question {
+  /**
+   * @type {string}
+   * @protected
+   */
+  _questionTemplate = 'textarea.njk';
+  /**
+   * @type {string}
+   * @protected
+   */
+  _fieldName = 'longAnswerField';
+}
+//# sourceMappingURL=long-answer.js.map

package/dist/module/form/form-editor/preview/long-answer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-answer.js","names":["Question","LongAnswerQuestion","_questionTemplate","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/long-answer.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class LongAnswerQuestion extends Question {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = 'textarea.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'longAnswerField'\n}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,kBAAkB,SAASD,QAAQ,CAAC;EAC/C;AACF;AACA;AACA;EACEE,iBAAiB,GAAG,cAAc;EAClC;AACF;AACA;AACA;EACEC,UAAU,GAAG,iBAAiB;AAChC","ignoreList":[]}

package/dist/module/form/form-editor/preview/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import {\n  type ListElement,\n  type ListItemReadonly\n} from '~/src/form/form-editor/types.js'\n\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n}\n\nexport interface DefaultComponent {\n  id?: string\n  text: string\n  classes: string\n}\n\nexport interface GovukFieldset {\n  legend: DefaultComponent\n}\n\nexport interface QuestionBaseModel {\n  id?: string\n  name?: string\n  label?: DefaultComponent\n  hint?: DefaultComponent\n  fieldset?: GovukFieldset\n  readonly items?: ListItemReadonly[]\n  text?: string\n  formGroup?: { afterInputs: { html: string } }\n}\n\nexport type ListenerRow = [\n  HTMLInputElement | null,\n  (target: HTMLInputElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface QuestionElements {\n  readonly values: BaseSettings\n  setPreviewHTML(value: string): void\n}\n\nexport interface RenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface HTMLBuilder {\n  buildHTML(questionTemplate: string, renderContext: RenderContext): string\n}\n\nexport interface QuestionRenderer {\n  render(questionTemplate: string, questionBaseModel: QuestionBaseModel): void\n}\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import { type DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { type EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { type ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { type LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { type PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { type Question } from '~/src/form/form-editor/preview/question.js'\nimport { type RadioSortableQuestion } from '~/src/form/form-editor/preview/radio-sortable.js'\nimport { type ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { type UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport {\n  type ListElement,\n  type ListItemReadonly\n} from '~/src/form/form-editor/types.js'\n\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n}\n\nexport interface DefaultComponent {\n  id?: string\n  text: string\n  classes: string\n}\n\nexport interface GovukFieldset {\n  legend: DefaultComponent\n}\n\nexport interface QuestionBaseModel {\n  id?: string\n  name?: string\n  label?: DefaultComponent\n  hint?: DefaultComponent\n  fieldset?: GovukFieldset\n  readonly items?: ListItemReadonly[]\n  text?: string\n  formGroup?: { afterInputs: { html: string } }\n}\n\nexport type ListenerRow = [\n  HTMLInputElement | null,\n  (target: HTMLInputElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface QuestionElements {\n  readonly values: BaseSettings\n  setPreviewHTML(value: string): void\n}\n\nexport interface RenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface HTMLBuilder {\n  buildHTML(questionTemplate: string, renderContext: RenderContext): string\n}\n\nexport interface QuestionRenderer {\n  render(questionTemplate: string, questionBaseModel: QuestionBaseModel): void\n}\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n"],"mappings":"","ignoreList":[]}

package/dist/module/form/form-editor/preview/uk-address.js

@@ -2,5 +2,21 @@ import { Question } from "./question.js";
 export class UkAddressQuestion extends Question {
   _questionTemplate = 'ukaddressfield.njk';
   _fieldName = 'addressField';
+
+  /**
+   * @type {QuestionBaseModel}
+   */
+  get renderInput() {
+    return {
+      id: this._fieldName,
+      name: this._fieldName,
+      fieldset: this.fieldSet,
+      hint: this.hint
+    };
+  }
 }
+
+/**
+ * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'
+ */
 //# sourceMappingURL=uk-address.js.map

package/dist/module/form/form-editor/preview/uk-address.js.map

@@ -1 +1 @@
-{"version":3,"file":"uk-address.js","names":["Question","UkAddressQuestion","_questionTemplate","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class UkAddressQuestion extends Question {\n  _questionTemplate = 'ukaddressfield.njk'\n  _fieldName = 'addressField'\n}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,iBAAiB,SAASD,QAAQ,CAAC;EAC9CE,iBAAiB,GAAG,oBAAoB;EACxCC,UAAU,GAAG,cAAc;AAC7B","ignoreList":[]}
+{"version":3,"file":"uk-address.js","names":["Question","UkAddressQuestion","_questionTemplate","_fieldName","renderInput","id","name","fieldset","fieldSet","hint"],"sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class UkAddressQuestion extends Question {\n  _questionTemplate = 'ukaddressfield.njk'\n  _fieldName = 'addressField'\n\n  /**\n   * @type {QuestionBaseModel}\n   */\n  get renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      fieldset: this.fieldSet,\n      hint: this.hint\n    }\n  }\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,iBAAiB,SAASD,QAAQ,CAAC;EAC9CE,iBAAiB,GAAG,oBAAoB;EACxCC,UAAU,GAAG,cAAc;;EAE3B;AACF;AACA;EACE,IAAIC,WAAWA,CAAA,EAAG;IAChB,OAAO;MACLC,EAAE,EAAE,IAAI,CAACF,UAAU;MACnBG,IAAI,EAAE,IAAI,CAACH,UAAU;MACrBI,QAAQ,EAAE,IAAI,CAACC,QAAQ;MACvBC,IAAI,EAAE,IAAI,CAACA;IACb,CAAC;EACH;AACF;;AAEA;AACA;AACA","ignoreList":[]}

package/dist/types/form/form-editor/preview/index.d.ts

@@ -7,5 +7,6 @@ export * from "../../../form/form-editor/preview/question.js";
 export * from "../../../form/form-editor/preview/radio.js";
 export * from "../../../form/form-editor/preview/radio-sortable.js";
 export * from "../../../form/form-editor/preview/short-answer.js";
+export * from "../../../form/form-editor/preview/long-answer.js";
 export * from "../../../form/form-editor/preview/uk-address.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/form/form-editor/preview/long-answer.d.ts

@@ -0,0 +1,4 @@
+export class LongAnswerQuestion extends Question {
+}
+import { Question } from '../../../form/form-editor/preview/question.js';
+//# sourceMappingURL=long-answer.d.ts.map

package/dist/types/form/form-editor/preview/long-answer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-answer.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/long-answer.js"],"names":[],"mappings":"AAEA;CAWC;yBAbwB,4CAA4C"}

package/dist/types/form/form-editor/preview/types.d.ts

@@ -1,3 +1,12 @@
+import { type DateInputQuestion } from '../../../form/form-editor/preview/date-input.js';
+import { type EmailAddressQuestion } from '../../../form/form-editor/preview/email-address.js';
+import { type ListSortableQuestion } from '../../../form/form-editor/preview/list-sortable.js';
+import { type LongAnswerQuestion } from '../../../form/form-editor/preview/long-answer.js';
+import { type PhoneNumberQuestion } from '../../../form/form-editor/preview/phone-number.js';
+import { type Question } from '../../../form/form-editor/preview/question.js';
+import { type RadioSortableQuestion } from '../../../form/form-editor/preview/radio-sortable.js';
+import { type ShortAnswerQuestion } from '../../../form/form-editor/preview/short-answer.js';
+import { type UkAddressQuestion } from '../../../form/form-editor/preview/uk-address.js';
 import { type ListElement, type ListItemReadonly } from '../../../form/form-editor/types.js';
 export interface BaseSettings {
     question: string;
@@ -49,4 +58,5 @@ export interface QuestionRenderer {
 export interface ListElements extends QuestionElements {
     afterInputsHTML: string;
 }
+export type PreviewQuestion = DateInputQuestion | EmailAddressQuestion | ListSortableQuestion | LongAnswerQuestion | PhoneNumberQuestion | Question | RadioSortableQuestion | ShortAnswerQuestion | UkAddressQuestion;
 //# sourceMappingURL=types.d.ts.map

package/dist/types/form/form-editor/preview/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAA;AAExC,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,gBAAgB,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE;QAAE,WAAW,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAA;CAC9C;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,gBAAgB,GAAG,IAAI;IACvB,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI;IAC5C,MAAM,mBAAmB;CAC1B,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,gBAAgB,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAG,MAAM,CAAA;CAC1E;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAA;CAC7E;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,eAAe,EAAE,MAAM,CAAA;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AACrF,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,iDAAiD,CAAA;AAC3F,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,iDAAiD,CAAA;AAC3F,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,+CAA+C,CAAA;AACvF,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,gDAAgD,CAAA;AACzF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,kDAAkD,CAAA;AAC7F,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,gDAAgD,CAAA;AACzF,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AACrF,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAA;AAExC,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,gBAAgB,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE;QAAE,WAAW,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAA;CAC9C;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,gBAAgB,GAAG,IAAI;IACvB,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI;IAC5C,MAAM,mBAAmB;CAC1B,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,gBAAgB,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAG,MAAM,CAAA;CAC1E;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAA;CAC7E;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,MAAM,eAAe,GACvB,iBAAiB,GACjB,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,QAAQ,GACR,qBAAqB,GACrB,mBAAmB,GACnB,iBAAiB,CAAA"}

package/dist/types/form/form-editor/preview/uk-address.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uk-address.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"names":[],"mappings":"AAEA;CAGC;yBALwB,4CAA4C"}
+{"version":3,"file":"uk-address.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"names":[],"mappings":"AAEA;CAeC;yBAjBwB,4CAA4C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defra/forms-model",
-  "version": "3.0.449",
+  "version": "3.0.450",
   "description": "A hapi plugin providing the model for Defra forms",
   "homepage": "https://github.com/DEFRA/forms-designer/tree/main/model#readme",
   "repository": {

package/src/form/form-editor/preview/index.js

@@ -7,4 +7,5 @@ export * from '~/src/form/form-editor/preview/question.js'
 export * from '~/src/form/form-editor/preview/radio.js'
 export * from '~/src/form/form-editor/preview/radio-sortable.js'
 export * from '~/src/form/form-editor/preview/short-answer.js'
+export * from '~/src/form/form-editor/preview/long-answer.js'
 export * from '~/src/form/form-editor/preview/uk-address.js'

package/src/form/form-editor/preview/long-answer.js

@@ -0,0 +1,14 @@
+import { Question } from '~/src/form/form-editor/preview/question.js'
+
+export class LongAnswerQuestion extends Question {
+  /**
+   * @type {string}
+   * @protected
+   */
+  _questionTemplate = 'textarea.njk'
+  /**
+   * @type {string}
+   * @protected
+   */
+  _fieldName = 'longAnswerField'
+}

package/src/form/form-editor/preview/types.ts

@@ -1,3 +1,12 @@
+import { type DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'
+import { type EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'
+import { type ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'
+import { type LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'
+import { type PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'
+import { type Question } from '~/src/form/form-editor/preview/question.js'
+import { type RadioSortableQuestion } from '~/src/form/form-editor/preview/radio-sortable.js'
+import { type ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'
+import { type UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'
 import {
   type ListElement,
   type ListItemReadonly
@@ -58,3 +67,14 @@ export interface QuestionRenderer {
 export interface ListElements extends QuestionElements {
   afterInputsHTML: string
 }
+
+export type PreviewQuestion =
+  | DateInputQuestion
+  | EmailAddressQuestion
+  | ListSortableQuestion
+  | LongAnswerQuestion
+  | PhoneNumberQuestion
+  | Question
+  | RadioSortableQuestion
+  | ShortAnswerQuestion
+  | UkAddressQuestion

package/src/form/form-editor/preview/uk-address.js

@@ -3,4 +3,20 @@ import { Question } from '~/src/form/form-editor/preview/question.js'
 export class UkAddressQuestion extends Question {
   _questionTemplate = 'ukaddressfield.njk'
   _fieldName = 'addressField'
+
+  /**
+   * @type {QuestionBaseModel}
+   */
+  get renderInput() {
+    return {
+      id: this._fieldName,
+      name: this._fieldName,
+      fieldset: this.fieldSet,
+      hint: this.hint
+    }
+  }
 }
+
+/**
+ * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'
+ */