@defra/forms-model 3.0.492 → 3.0.494

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/macros/types.ts"],"sourcesContent":["import { type ComponentType } from '~/src/components/enums.js'\nimport {\n  type DateItem,\n  type GovukField,\n  type ListItemReadonly\n} from '~/src/form/form-editor/types.js'\nimport { type DefaultComponent, type GovukFieldset } from '~/src/index.js'\n\nexport interface AppPreviewErrorPanelMacroErrorTemplate {\n  advancedSettingsErrors: []\n  baseErrors: { template: unknown; type: string }[]\n}\n\nexport interface AppPreviewErrorPanelMacro {\n  errorTemplates: AppPreviewErrorPanelMacroErrorTemplate\n  fieldDetails: {\n    extraFields: GovukField[]\n    basePageFields: GovukField[]\n  }\n  questionType: ComponentType\n}\n\nexport interface AppPreviewPanelTabsMacro {\n  questionType: ComponentType\n  previewPageUrl: string\n  previewErrorsUrl: string\n  errorTemplates: AppPreviewErrorPanelMacroErrorTemplate\n  extraFields: GovukField[]\n  basePageFields: GovukField[]\n}\n\nexport interface QuestionBaseModel {\n  id?: string\n  name?: string\n  content?: string\n  label?: DefaultComponent\n  hint?: DefaultComponent\n  fieldset?: GovukFieldset\n  readonly items?: ListItemReadonly[] | DateItem[]\n  text?: string\n  formGroup?: { afterInputs: { html: string } }\n  type?: 'text' | 'number' | 'boolean'\n  classes?: string\n}\n\nexport interface AppPreviewPanelMacro extends AppPreviewPanelTabsMacro {\n  model: QuestionBaseModel\n}\n\nexport interface PagePreviewComponent {\n  model: QuestionBaseModel\n  questionType: ComponentType\n}\n\nexport interface PagePreviewPanelMacro {\n  readonly pageTitle: {\n    text: string\n    classes: string\n  }\n  readonly guidance: {\n    text: string\n    classes: string\n  }\n  readonly components: PagePreviewComponent[]\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/macros/types.ts"],"sourcesContent":["import { type ComponentType } from '~/src/components/enums.js'\nimport {\n  type DateItem,\n  type GovukField,\n  type ListItemReadonly\n} from '~/src/form/form-editor/types.js'\nimport { type DefaultComponent, type GovukFieldset } from '~/src/index.js'\n\nexport interface AppPreviewErrorPanelMacroErrorTemplate {\n  advancedSettingsErrors: []\n  baseErrors: { template: unknown; type: string }[]\n}\n\nexport interface AppPreviewErrorPanelMacro {\n  errorTemplates: AppPreviewErrorPanelMacroErrorTemplate\n  fieldDetails: {\n    extraFields: GovukField[]\n    basePageFields: GovukField[]\n  }\n  questionType: ComponentType\n}\n\nexport interface AppPreviewPanelTabsMacro {\n  questionType: ComponentType\n  previewPageUrl: string\n  previewErrorsUrl: string\n  errorTemplates: AppPreviewErrorPanelMacroErrorTemplate\n  extraFields: GovukField[]\n  basePageFields: GovukField[]\n}\n\nexport interface SelectAfterInput {\n  afterInput: { html: string }\n}\nexport interface RadioAndCheckboxAfterInputs {\n  afterInputs: { html: string }\n}\n\n// GDS components - Select uses afterInput, while Radio uses afterInputs\nexport type FormGroupAfterInput = SelectAfterInput | RadioAndCheckboxAfterInputs\n\nexport interface QuestionBaseModel {\n  id?: string\n  name?: string\n  content?: string\n  attributes?: Record<string, string>\n  label?: DefaultComponent\n  hint?: DefaultComponent\n  fieldset?: GovukFieldset\n  readonly items?: ListItemReadonly[] | DateItem[]\n  text?: string\n  formGroup?: FormGroupAfterInput\n  type?: 'text' | 'number' | 'boolean'\n  classes?: string\n}\n\nexport interface AppPreviewPanelMacro extends AppPreviewPanelTabsMacro {\n  model: QuestionBaseModel\n}\n\nexport interface PagePreviewComponent {\n  model: QuestionBaseModel\n  questionType: ComponentType\n}\n\nexport interface PagePreviewPanelMacro {\n  readonly pageTitle: {\n    text: string\n    classes: string\n  }\n  readonly guidance: {\n    text: string\n    classes: string\n  }\n  readonly components: PagePreviewComponent[]\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -19,6 +19,9 @@ export class AutocompleteListQuestion extends Question {
    */
   get customRenderFields() {
     return {
+      attributes: {
+        'data-module': 'govuk-accessible-autocomplete'
+      },
       items: this._htmlElements.values.items
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","names":["ComponentType","autoCompleteOptionsSchema","PreviewComponent","Question","AutocompleteListQuestion","componentType","AutocompleteField","_questionTemplate","PATH","_fieldName","customRenderFields","items","_htmlElements","values","AutocompleteQuestion","_autocompleteList","constructor","autocompleteElements","questionRenderer","setAutocompleteList","autocompleteOptions","autoCompleteList","id","value","text","listHTML","validationResult","validate","error","map","render","renderInput","name","attributes","hint","label"],"sources":["../../../../../src/form/form-editor/preview/autocomplete.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { autoCompleteOptionsSchema } from '~/src/form/form-editor/index.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class AutocompleteListQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.AutocompleteField\n  _questionTemplate = PreviewComponent.PATH + 'autocompletefield.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'autoCompleteField'\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {\n      items: this._htmlElements.values.items\n    }\n  }\n}\n\nexport class AutocompleteQuestion extends AutocompleteListQuestion {\n  /**\n   * @type {ListElement[]}\n   * @private\n   */\n  _autocompleteList = []\n  /**\n   * @param {AutocompleteElements} autocompleteElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(autocompleteElements, questionRenderer) {\n    super(autocompleteElements, questionRenderer)\n    this.setAutocompleteList(autocompleteElements.autocompleteOptions)\n  }\n\n  get autoCompleteList() {\n    return [{ id: '', value: '', text: '' }, ...this._autocompleteList]\n  }\n\n  /**\n   * @param {string} listHTML\n   */\n  setAutocompleteList(listHTML) {\n    const validationResult =\n      /** @type {ValidationResult<{text: string, value: string}[]>} */ (\n        autoCompleteOptionsSchema.validate(listHTML)\n      )\n\n    if (!validationResult.error) {\n      this._autocompleteList = validationResult.value.map(\n        ({ text, value }) => ({\n          id: text,\n          text,\n          value\n        })\n      )\n      this.render()\n    }\n  }\n\n  get renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      attributes: { 'data-module': 'govuk-accessible-autocomplete' },\n      hint: this.hint,\n      label: this.label,\n      items: this.autoCompleteList\n    }\n  }\n}\n\n/**\n * @import { ValidationResult } from 'joi'\n * @import { ListElement } from '~/src/form/form-editor/types.js'\n * @import { AutocompleteElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,yBAAyB;AAClC,SAASC,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,wBAAwB,SAASD,QAAQ,CAAC;EACrD;AACF;AACA;EACEE,aAAa,GAAGL,aAAa,CAACM,iBAAiB;EAC/CC,iBAAiB,GAAGL,gBAAgB,CAACM,IAAI,GAAG,uBAAuB;EACnE;AACF;AACA;AACA;EACEC,UAAU,GAAG,mBAAmB;;EAEhC;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO;MACLC,KAAK,EAAE,IAAI,CAACC,aAAa,CAACC,MAAM,CAACF;IACnC,CAAC;EACH;AACF;AAEA,OAAO,MAAMG,oBAAoB,SAASV,wBAAwB,CAAC;EACjE;AACF;AACA;AACA;EACEW,iBAAiB,GAAG,EAAE;EACtB;AACF;AACA;AACA;EACEC,WAAWA,CAACC,oBAAoB,EAAEC,gBAAgB,EAAE;IAClD,KAAK,CAACD,oBAAoB,EAAEC,gBAAgB,CAAC;IAC7C,IAAI,CAACC,mBAAmB,CAACF,oBAAoB,CAACG,mBAAmB,CAAC;EACpE;EAEA,IAAIC,gBAAgBA,CAAA,EAAG;IACrB,OAAO,CAAC;MAAEC,EAAE,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAG,CAAC,EAAE,GAAG,IAAI,CAACT,iBAAiB,CAAC;EACrE;;EAEA;AACF;AACA;EACEI,mBAAmBA,CAACM,QAAQ,EAAE;IAC5B,MAAMC,gBAAgB,GACpB;IACEzB,yBAAyB,CAAC0B,QAAQ,CAACF,QAAQ,CAC5C;IAEH,IAAI,CAACC,gBAAgB,CAACE,KAAK,EAAE;MAC3B,IAAI,CAACb,iBAAiB,GAAGW,gBAAgB,CAACH,KAAK,CAACM,GAAG,CACjD,CAAC;QAAEL,IAAI;QAAED;MAAM,CAAC,MAAM;QACpBD,EAAE,EAAEE,IAAI;QACRA,IAAI;QACJD;MACF,CAAC,CACH,CAAC;MACD,IAAI,CAACO,MAAM,CAAC,CAAC;IACf;EACF;EAEA,IAAIC,WAAWA,CAAA,EAAG;IAChB,OAAO;MACLT,EAAE,EAAE,IAAI,CAACb,UAAU;MACnBuB,IAAI,EAAE,IAAI,CAACvB,UAAU;MACrBwB,UAAU,EAAE;QAAE,aAAa,EAAE;MAAgC,CAAC;MAC9DC,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBxB,KAAK,EAAE,IAAI,CAACU;IACd,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"autocomplete.js","names":["ComponentType","autoCompleteOptionsSchema","PreviewComponent","Question","AutocompleteListQuestion","componentType","AutocompleteField","_questionTemplate","PATH","_fieldName","customRenderFields","attributes","items","_htmlElements","values","AutocompleteQuestion","_autocompleteList","constructor","autocompleteElements","questionRenderer","setAutocompleteList","autocompleteOptions","autoCompleteList","id","value","text","listHTML","validationResult","validate","error","map","render","renderInput","name","hint","label"],"sources":["../../../../../src/form/form-editor/preview/autocomplete.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { autoCompleteOptionsSchema } from '~/src/form/form-editor/index.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class AutocompleteListQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.AutocompleteField\n  _questionTemplate = PreviewComponent.PATH + 'autocompletefield.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'autoCompleteField'\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {\n      attributes: { 'data-module': 'govuk-accessible-autocomplete' },\n      items: this._htmlElements.values.items\n    }\n  }\n}\n\nexport class AutocompleteQuestion extends AutocompleteListQuestion {\n  /**\n   * @type {ListElement[]}\n   * @private\n   */\n  _autocompleteList = []\n  /**\n   * @param {AutocompleteElements} autocompleteElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(autocompleteElements, questionRenderer) {\n    super(autocompleteElements, questionRenderer)\n    this.setAutocompleteList(autocompleteElements.autocompleteOptions)\n  }\n\n  get autoCompleteList() {\n    return [{ id: '', value: '', text: '' }, ...this._autocompleteList]\n  }\n\n  /**\n   * @param {string} listHTML\n   */\n  setAutocompleteList(listHTML) {\n    const validationResult =\n      /** @type {ValidationResult<{text: string, value: string}[]>} */ (\n        autoCompleteOptionsSchema.validate(listHTML)\n      )\n\n    if (!validationResult.error) {\n      this._autocompleteList = validationResult.value.map(\n        ({ text, value }) => ({\n          id: text,\n          text,\n          value\n        })\n      )\n      this.render()\n    }\n  }\n\n  get renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      attributes: { 'data-module': 'govuk-accessible-autocomplete' },\n      hint: this.hint,\n      label: this.label,\n      items: this.autoCompleteList\n    }\n  }\n}\n\n/**\n * @import { ValidationResult } from 'joi'\n * @import { ListElement } from '~/src/form/form-editor/types.js'\n * @import { AutocompleteElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,yBAAyB;AAClC,SAASC,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,wBAAwB,SAASD,QAAQ,CAAC;EACrD;AACF;AACA;EACEE,aAAa,GAAGL,aAAa,CAACM,iBAAiB;EAC/CC,iBAAiB,GAAGL,gBAAgB,CAACM,IAAI,GAAG,uBAAuB;EACnE;AACF;AACA;AACA;EACEC,UAAU,GAAG,mBAAmB;;EAEhC;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO;MACLC,UAAU,EAAE;QAAE,aAAa,EAAE;MAAgC,CAAC;MAC9DC,KAAK,EAAE,IAAI,CAACC,aAAa,CAACC,MAAM,CAACF;IACnC,CAAC;EACH;AACF;AAEA,OAAO,MAAMG,oBAAoB,SAASX,wBAAwB,CAAC;EACjE;AACF;AACA;AACA;EACEY,iBAAiB,GAAG,EAAE;EACtB;AACF;AACA;AACA;EACEC,WAAWA,CAACC,oBAAoB,EAAEC,gBAAgB,EAAE;IAClD,KAAK,CAACD,oBAAoB,EAAEC,gBAAgB,CAAC;IAC7C,IAAI,CAACC,mBAAmB,CAACF,oBAAoB,CAACG,mBAAmB,CAAC;EACpE;EAEA,IAAIC,gBAAgBA,CAAA,EAAG;IACrB,OAAO,CAAC;MAAEC,EAAE,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAG,CAAC,EAAE,GAAG,IAAI,CAACT,iBAAiB,CAAC;EACrE;;EAEA;AACF;AACA;EACEI,mBAAmBA,CAACM,QAAQ,EAAE;IAC5B,MAAMC,gBAAgB,GACpB;IACE1B,yBAAyB,CAAC2B,QAAQ,CAACF,QAAQ,CAC5C;IAEH,IAAI,CAACC,gBAAgB,CAACE,KAAK,EAAE;MAC3B,IAAI,CAACb,iBAAiB,GAAGW,gBAAgB,CAACH,KAAK,CAACM,GAAG,CACjD,CAAC;QAAEL,IAAI;QAAED;MAAM,CAAC,MAAM;QACpBD,EAAE,EAAEE,IAAI;QACRA,IAAI;QACJD;MACF,CAAC,CACH,CAAC;MACD,IAAI,CAACO,MAAM,CAAC,CAAC;IACf;EACF;EAEA,IAAIC,WAAWA,CAAA,EAAG;IAChB,OAAO;MACLT,EAAE,EAAE,IAAI,CAACd,UAAU;MACnBwB,IAAI,EAAE,IAAI,CAACxB,UAAU;MACrBE,UAAU,EAAE;QAAE,aAAa,EAAE;MAAgC,CAAC;MAC9DuB,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBvB,KAAK,EAAE,IAAI,CAACU;IACd,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -5,7 +5,7 @@ import { ComponentElements } from "./component-elements.js";
 import { ContentElements } from "./content.js";
 import { DateInputQuestion } from "./date-input.js";
 import { EmailAddressQuestion } from "./email-address.js";
-import { ListQuestion } from "./list.js";
+import { ListQuestion, SelectComponentElements } from "./list.js";
 import { LongAnswerQuestion } from "./long-answer.js";
 import { Markdown } from "./markdown.js";
 import { MonthYearQuestion } from "./month-year.js";
@@ -56,7 +56,10 @@ export function mapComponentToPreviewQuestion(questionRenderer, definition) {
      * @type {QuestionElements}
      */
     let questionElements;
-    if (hasSelectionFields(component) && hasListField(component)) {
+    if (component.type === ComponentType.AutocompleteField || component.type === ComponentType.SelectField) {
+      const list = findDefinitionListFromComponent(component, definition);
+      questionElements = new SelectComponentElements(component, list);
+    } else if (hasSelectionFields(component) && hasListField(component)) {
       const list = findDefinitionListFromComponent(component, definition);
       questionElements = new ListComponentElements(component, list);
     } else if (hasInputField(component) || component.type === ComponentType.YesNoField) {

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["ComponentType","AutocompleteListQuestion","CheckboxQuestion","ComponentElements","ContentElements","DateInputQuestion","EmailAddressQuestion","ListQuestion","LongAnswerQuestion","Markdown","MonthYearQuestion","NumberOnlyQuestion","PhoneNumberQuestion","RadioQuestion","SelectQuestion","ShortAnswerQuestion","SupportingEvidenceQuestion","UkAddressQuestion","YesNoQuestion","findDefinitionListFromComponent","ListComponentElements","QuestionComponentElements","hasContentField","hasInputField","hasListField","hasSelectionFields","InputFieldComponentDictionary","TextField","Details","InsetText","Html","List","EmailAddressField","NumberField","MultilineTextField","TelephoneNumberField","MonthYearField","DatePartsField","UkAddressField","AutocompleteField","RadiosField","CheckboxesField","SelectField","YesNoField","FileUploadField","mapComponentToPreviewQuestion","questionRenderer","definition","component","questionElements","list","type","QuestionConstructor"],"sources":["../../../../../src/form/form-editor/preview/helpers.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { AutocompleteListQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { CheckboxQuestion } from '~/src/form/form-editor/preview/checkbox.js'\nimport { ComponentElements } from '~/src/form/form-editor/preview/component-elements.js'\nimport { ContentElements } from '~/src/form/form-editor/preview/content.js'\nimport { DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { MonthYearQuestion } from '~/src/form/form-editor/preview/month-year.js'\nimport { NumberOnlyQuestion } from '~/src/form/form-editor/preview/number-only.js'\nimport { PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { RadioQuestion } from '~/src/form/form-editor/preview/radio.js'\nimport { SelectQuestion } from '~/src/form/form-editor/preview/select.js'\nimport { ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { SupportingEvidenceQuestion } from '~/src/form/form-editor/preview/supporting-evidence.js'\nimport { UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport { YesNoQuestion } from '~/src/form/form-editor/preview/yes-no.js'\nimport { findDefinitionListFromComponent } from '~/src/form/utils/list.js'\nimport {\n  ListComponentElements,\n  QuestionComponentElements,\n  hasContentField,\n  hasInputField,\n  hasListField,\n  hasSelectionFields\n} from '~/src/index.js'\n\n/**\n * @type {Record<ComponentType, typeof PreviewComponent>}\n */\nconst InputFieldComponentDictionary = {\n  [ComponentType.TextField]: ShortAnswerQuestion,\n  [ComponentType.Details]: ShortAnswerQuestion,\n  [ComponentType.InsetText]: ShortAnswerQuestion,\n  [ComponentType.Html]: ShortAnswerQuestion,\n  [ComponentType.Markdown]: Markdown,\n  [ComponentType.List]: ListQuestion,\n  [ComponentType.EmailAddressField]: EmailAddressQuestion,\n  [ComponentType.NumberField]: NumberOnlyQuestion,\n  [ComponentType.MultilineTextField]: LongAnswerQuestion,\n  [ComponentType.TelephoneNumberField]: PhoneNumberQuestion,\n  [ComponentType.MonthYearField]: MonthYearQuestion,\n  [ComponentType.DatePartsField]: DateInputQuestion,\n  [ComponentType.UkAddressField]: UkAddressQuestion,\n  [ComponentType.AutocompleteField]: AutocompleteListQuestion,\n  [ComponentType.RadiosField]: RadioQuestion,\n  [ComponentType.CheckboxesField]: CheckboxQuestion,\n  [ComponentType.SelectField]: SelectQuestion,\n  [ComponentType.YesNoField]: YesNoQuestion,\n  [ComponentType.FileUploadField]: SupportingEvidenceQuestion\n}\n\n/**\n * @param {QuestionRenderer} questionRenderer\n * @param {FormDefinition} definition\n * @returns {(component: ComponentDef) => Question}\n */\nexport function mapComponentToPreviewQuestion(questionRenderer, definition) {\n  return /** @type {(component: ComponentDef) => Question} */ (\n    (component) => {\n      /**\n       * @type {QuestionElements}\n       */\n      let questionElements\n\n      if (hasSelectionFields(component) && hasListField(component)) {\n        const list = findDefinitionListFromComponent(component, definition)\n        questionElements = new ListComponentElements(component, list)\n      } else if (\n        hasInputField(component) ||\n        component.type === ComponentType.YesNoField\n      ) {\n        questionElements = new QuestionComponentElements(component)\n      } else if (hasContentField(component)) {\n        questionElements = new ContentElements(component)\n      } else {\n        questionElements = new ComponentElements(component)\n      }\n\n      const QuestionConstructor = InputFieldComponentDictionary[component.type]\n\n      return new QuestionConstructor(questionElements, questionRenderer)\n    }\n  )\n}\n\n/**\n * @import { QuestionElements, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n * @import { Item, FormDefinition } from '~/src/form/form-definition/types.js'\n * @import { FormComponentsDef, ComponentDef } from '~/src/components/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"helpers.js","names":["ComponentType","AutocompleteListQuestion","CheckboxQuestion","ComponentElements","ContentElements","DateInputQuestion","EmailAddressQuestion","ListQuestion","SelectComponentElements","LongAnswerQuestion","Markdown","MonthYearQuestion","NumberOnlyQuestion","PhoneNumberQuestion","RadioQuestion","SelectQuestion","ShortAnswerQuestion","SupportingEvidenceQuestion","UkAddressQuestion","YesNoQuestion","findDefinitionListFromComponent","ListComponentElements","QuestionComponentElements","hasContentField","hasInputField","hasListField","hasSelectionFields","InputFieldComponentDictionary","TextField","Details","InsetText","Html","List","EmailAddressField","NumberField","MultilineTextField","TelephoneNumberField","MonthYearField","DatePartsField","UkAddressField","AutocompleteField","RadiosField","CheckboxesField","SelectField","YesNoField","FileUploadField","mapComponentToPreviewQuestion","questionRenderer","definition","component","questionElements","type","list","QuestionConstructor"],"sources":["../../../../../src/form/form-editor/preview/helpers.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { AutocompleteListQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { CheckboxQuestion } from '~/src/form/form-editor/preview/checkbox.js'\nimport { ComponentElements } from '~/src/form/form-editor/preview/component-elements.js'\nimport { ContentElements } from '~/src/form/form-editor/preview/content.js'\nimport { DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport {\n  ListQuestion,\n  SelectComponentElements\n} from '~/src/form/form-editor/preview/list.js'\nimport { LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { MonthYearQuestion } from '~/src/form/form-editor/preview/month-year.js'\nimport { NumberOnlyQuestion } from '~/src/form/form-editor/preview/number-only.js'\nimport { PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { RadioQuestion } from '~/src/form/form-editor/preview/radio.js'\nimport { SelectQuestion } from '~/src/form/form-editor/preview/select.js'\nimport { ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { SupportingEvidenceQuestion } from '~/src/form/form-editor/preview/supporting-evidence.js'\nimport { UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport { YesNoQuestion } from '~/src/form/form-editor/preview/yes-no.js'\nimport { findDefinitionListFromComponent } from '~/src/form/utils/list.js'\nimport {\n  ListComponentElements,\n  QuestionComponentElements,\n  hasContentField,\n  hasInputField,\n  hasListField,\n  hasSelectionFields\n} from '~/src/index.js'\n\n/**\n * @type {Record<ComponentType, typeof PreviewComponent>}\n */\nconst InputFieldComponentDictionary = {\n  [ComponentType.TextField]: ShortAnswerQuestion,\n  [ComponentType.Details]: ShortAnswerQuestion,\n  [ComponentType.InsetText]: ShortAnswerQuestion,\n  [ComponentType.Html]: ShortAnswerQuestion,\n  [ComponentType.Markdown]: Markdown,\n  [ComponentType.List]: ListQuestion,\n  [ComponentType.EmailAddressField]: EmailAddressQuestion,\n  [ComponentType.NumberField]: NumberOnlyQuestion,\n  [ComponentType.MultilineTextField]: LongAnswerQuestion,\n  [ComponentType.TelephoneNumberField]: PhoneNumberQuestion,\n  [ComponentType.MonthYearField]: MonthYearQuestion,\n  [ComponentType.DatePartsField]: DateInputQuestion,\n  [ComponentType.UkAddressField]: UkAddressQuestion,\n  [ComponentType.AutocompleteField]: AutocompleteListQuestion,\n  [ComponentType.RadiosField]: RadioQuestion,\n  [ComponentType.CheckboxesField]: CheckboxQuestion,\n  [ComponentType.SelectField]: SelectQuestion,\n  [ComponentType.YesNoField]: YesNoQuestion,\n  [ComponentType.FileUploadField]: SupportingEvidenceQuestion\n}\n\n/**\n * @param {QuestionRenderer} questionRenderer\n * @param {FormDefinition} definition\n * @returns {(component: ComponentDef) => Question}\n */\nexport function mapComponentToPreviewQuestion(questionRenderer, definition) {\n  return /** @type {(component: ComponentDef) => Question} */ (\n    (component) => {\n      /**\n       * @type {QuestionElements}\n       */\n      let questionElements\n\n      if (\n        component.type === ComponentType.AutocompleteField ||\n        component.type === ComponentType.SelectField\n      ) {\n        const list = findDefinitionListFromComponent(component, definition)\n        questionElements = new SelectComponentElements(component, list)\n      } else if (hasSelectionFields(component) && hasListField(component)) {\n        const list = findDefinitionListFromComponent(component, definition)\n        questionElements = new ListComponentElements(component, list)\n      } else if (\n        hasInputField(component) ||\n        component.type === ComponentType.YesNoField\n      ) {\n        questionElements = new QuestionComponentElements(component)\n      } else if (hasContentField(component)) {\n        questionElements = new ContentElements(component)\n      } else {\n        questionElements = new ComponentElements(component)\n      }\n\n      const QuestionConstructor = InputFieldComponentDictionary[component.type]\n\n      return new QuestionConstructor(questionElements, questionRenderer)\n    }\n  )\n}\n\n/**\n * @import { QuestionElements, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n * @import { Item, FormDefinition } from '~/src/form/form-definition/types.js'\n * @import { FormComponentsDef, ComponentDef } from '~/src/components/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

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

@@ -74,6 +74,28 @@ export class ListComponentElements extends QuestionComponentElements {
     };
   }
 }
+
+/**
+ * @implements {QuestionElements}
+ */
+export class SelectComponentElements extends ListComponentElements {
+  /**
+   * @returns {BaseSettings}
+   * @protected
+   */
+  _getValues() {
+    const emptyItem = /** @type {ListElement} */{
+      id: 'da310b6e-2513-4d14-a7a1-63a93231891d',
+      text: '',
+      value: ''
+    };
+    const items = /** @type {ListElement[]} */[emptyItem, ...super._getValues().items];
+    return {
+      ...super._getValues(),
+      items
+    };
+  }
+}
 export class ListQuestion extends Question {
   /**
    * @type {ComponentType}
@@ -107,8 +129,9 @@ export class ListQuestion extends Question {
   }
 
   /**
+   * @protected
    * @returns {{
-   *  formGroup?: {afterInputs: {html: string}};
+   *  formGroup?: FormGroupAfterInput;
    *  hint: DefaultComponent;
    *  name: string;
    *  fieldset?: GovukFieldset;
@@ -116,8 +139,8 @@ export class ListQuestion extends Question {
    *  items: ListItemReadonly[]
    * }}
    */
-  get renderInput() {
-    const afterInputs = /** @type {{ formGroup?: { afterInputs: { html: string } } }} */
+  _renderInput() {
+    const afterInputs = /** @type {{ formGroup?: FormGroupAfterInput }} */
     this.list.length ? {} : {
       formGroup: {
         afterInputs: {
@@ -135,6 +158,20 @@ export class ListQuestion extends Question {
     };
   }
 
+  /**
+   * @returns {{
+   *  formGroup?: FormGroupAfterInput;
+   *  hint: DefaultComponent;
+   *  name: string;
+   *  fieldset?: GovukFieldset;
+   *  id: string;
+   *  items: ListItemReadonly[]
+   * }}
+   */
+  get renderInput() {
+    return this._renderInput();
+  }
+
   /**
    *
    * @param {ListElement} listElement
@@ -162,9 +199,10 @@ export class ListQuestion extends Question {
   }
 
   /**
+   * @protected
    * @returns {ListItemReadonly[]}
    */
-  get list() {
+  _getList() {
     const iterator = /** @type {MapIterator<ListElement>} */
     this._list.values();
     return Array.from(iterator).map(listItem => {
@@ -175,7 +213,7 @@ export class ListQuestion extends Question {
           classes: this.getHighlight(listItem.id + '-hint')
         } : undefined
       };
-      const text = listItem.text.length ? listItem.text : 'Item text';
+      const text = listItem.text;
       return {
         ...listItem,
         text,
@@ -188,6 +226,20 @@ export class ListQuestion extends Question {
     });
   }
 
+  /**
+   * @returns {ListItemReadonly[]}
+   */
+  get list() {
+    const list = this._getList();
+    return list.map(listItem => {
+      const text = listItem.text.length ? listItem.text : 'Item text';
+      return {
+        ...listItem,
+        text
+      };
+    });
+  }
+
   /**
    *
    * @param {string | undefined} id
@@ -243,6 +295,7 @@ export class ListQuestion extends Question {
  * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
  * @import { SelectionComponentsDef, ListComponentsDef } from '~/src/components/types.js'
  * @import { List, Item } from '~/src/form/form-definition/types.js'
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
  * @import { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset, BaseSettings, QuestionElements } from '~/src/form/form-editor/preview/types.js'
  */
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["ComponentType","PreviewComponent","Question","QuestionComponentElements","DefaultListConst","TextElementId","HintElementId","Template","PATH","Input","RenderName","listItemMapper","listElement","id","listsElementToMap","listElements","entries","map","Map","listItemToListElement","item","text","label","classes","value","hint","ListComponentElements","_list","constructor","component","list","_getValues","items","ListQuestion","componentType","List","_questionTemplate","_listElements","listRenderId","listRenderName","questionRenderer","values","createListFromElements","renderInput","afterInputs","length","formGroup","html","afterInputsHTML","name","fieldset","fieldSet","push","set","render","delete","key","iterator","Array","from","listItem","hintText","_highlight","getHighlight","undefined","updateText","get","updateHint","updateValue"],"sources":["../../../../../src/form/form-editor/preview/list.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport {\n  Question,\n  QuestionComponentElements\n} from '~/src/form/form-editor/preview/question.js'\n\nconst DefaultListConst = {\n  TextElementId: 'radioText',\n  HintElementId: 'radioHint',\n  Template: PreviewComponent.PATH + 'radios.njk',\n  Input: 'listInput',\n  RenderName: 'listInputField'\n}\n\n/**\n * @param {ListElement} listElement\n * @returns {[string, ListElement]}\n */\nexport function listItemMapper(listElement) {\n  return [listElement.id, listElement]\n}\n\n/**\n *\n * @param { ListElement[]| undefined } listElements\n * @returns {Map<string, ListElement>}\n */\nexport function listsElementToMap(listElements) {\n  const entries = listElements ? listElements.map(listItemMapper) : []\n  return new Map(entries)\n}\n\n/**\n * @param {Item} item\n * @returns {ListElement}\n */\nexport function listItemToListElement(item) {\n  return {\n    text: item.text,\n    label: {\n      text: item.text,\n      classes: ''\n    },\n    value: item.value,\n    id: item.id ?? '',\n    hint: item.hint\n  }\n}\n\n/**\n * @implements {QuestionElements}\n */\nexport class ListComponentElements extends QuestionComponentElements {\n  /**\n   * @type {List}\n   * @protected\n   */\n  _list\n\n  /**\n   * @param {SelectionComponentsDef} component\n   * @param {List} list\n   */\n  constructor(component, list) {\n    super(component)\n    this._list = list\n  }\n\n  /**\n   * @returns {BaseSettings}\n   * @protected\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      items: this._list.items.map(listItemToListElement)\n    }\n  }\n}\n\nexport class ListQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.List\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = DefaultListConst.Template\n  /** @type {ListElements} */\n  _listElements\n  listRenderId = DefaultListConst.Input\n  listRenderName = DefaultListConst.RenderName\n\n  /**\n   * @type {Map<string, ListElement>}\n   * @protected\n   */\n  _list\n\n  /**\n   * @param {ListElements} listElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(listElements, questionRenderer) {\n    super(listElements, questionRenderer)\n\n    const items = /** @type {ListElement[]} */ (listElements.values.items)\n    this._list = this.createListFromElements(items)\n    this._listElements = listElements\n  }\n\n  /**\n   * @returns {{\n   *  formGroup?: {afterInputs: {html: string}};\n   *  hint: DefaultComponent;\n   *  name: string;\n   *  fieldset?: GovukFieldset;\n   *  id: string;\n   *  items: ListItemReadonly[]\n   * }}\n   */\n  get renderInput() {\n    const afterInputs =\n      /** @type {{ formGroup?: { afterInputs: { html: string } } }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInputs: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this.listRenderId,\n      name: this.listRenderName,\n      fieldset: this.fieldSet,\n      hint: this.hint,\n      items: this.list,\n      ...afterInputs\n    }\n  }\n\n  /**\n   *\n   * @param {ListElement} listElement\n   */\n  push(listElement) {\n    this._list.set(listElement.id, listElement)\n    this.render()\n  }\n\n  /**\n   * @param {string} key\n   */\n  delete(key) {\n    this._list.delete(key)\n    this.render()\n  }\n\n  /**\n   * @param {ListElement[]} listElements\n   * @returns {Map<string, ListElement>}\n   */\n  createListFromElements(listElements) {\n    this._list = listsElementToMap(listElements)\n    return this._list\n  }\n\n  /**\n   * @returns {ListItemReadonly[]}\n   */\n  get list() {\n    const iterator = /** @type {MapIterator<ListElement>} */ (\n      this._list.values()\n    )\n    return Array.from(iterator).map((listItem) => {\n      const hintText =\n        this._highlight === `${listItem.id}-hint` && !listItem.hint?.text.length\n          ? 'Hint text'\n          : (listItem.hint?.text ?? '')\n\n      const hint = {\n        hint: hintText\n          ? {\n              text: hintText,\n              classes: this.getHighlight(listItem.id + '-hint')\n            }\n          : undefined\n      }\n\n      const text = listItem.text.length ? listItem.text : 'Item text'\n\n      return {\n        ...listItem,\n        text,\n        ...hint,\n        label: {\n          text: listItem.text,\n          classes: this.getHighlight(listItem.id + '-label')\n        }\n      }\n    })\n  }\n\n  /**\n   *\n   * @param {string | undefined} id\n   * @param {string} text\n   */\n  updateText(id, text) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.text = text\n      this.render()\n    }\n  }\n\n  /**\n   *\n   * @param {string | undefined} id\n   * @param {string} hint\n   */\n  updateHint(id, hint) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.hint = {\n        ...listItem.hint,\n        text: hint\n      }\n      this.render()\n    }\n  }\n\n  /**\n   * @param {string | undefined} id\n   * @param {string} value\n   */\n  updateValue(id, value) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.value = value\n      this.render()\n    }\n  }\n}\n\n/**\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n * @import { SelectionComponentsDef, ListComponentsDef } from '~/src/components/types.js'\n * @import { List, Item } from '~/src/form/form-definition/types.js'\n * @import { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset, BaseSettings, QuestionElements } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"list.js","names":["ComponentType","PreviewComponent","Question","QuestionComponentElements","DefaultListConst","TextElementId","HintElementId","Template","PATH","Input","RenderName","listItemMapper","listElement","id","listsElementToMap","listElements","entries","map","Map","listItemToListElement","item","text","label","classes","value","hint","ListComponentElements","_list","constructor","component","list","_getValues","items","SelectComponentElements","emptyItem","ListQuestion","componentType","List","_questionTemplate","_listElements","listRenderId","listRenderName","questionRenderer","values","createListFromElements","_renderInput","afterInputs","length","formGroup","html","afterInputsHTML","name","fieldset","fieldSet","renderInput","push","set","render","delete","key","_getList","iterator","Array","from","listItem","hintText","_highlight","getHighlight","undefined","updateText","get","updateHint","updateValue"],"sources":["../../../../../src/form/form-editor/preview/list.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport {\n  Question,\n  QuestionComponentElements\n} from '~/src/form/form-editor/preview/question.js'\n\nconst DefaultListConst = {\n  TextElementId: 'radioText',\n  HintElementId: 'radioHint',\n  Template: PreviewComponent.PATH + 'radios.njk',\n  Input: 'listInput',\n  RenderName: 'listInputField'\n}\n\n/**\n * @param {ListElement} listElement\n * @returns {[string, ListElement]}\n */\nexport function listItemMapper(listElement) {\n  return [listElement.id, listElement]\n}\n\n/**\n *\n * @param { ListElement[]| undefined } listElements\n * @returns {Map<string, ListElement>}\n */\nexport function listsElementToMap(listElements) {\n  const entries = listElements ? listElements.map(listItemMapper) : []\n  return new Map(entries)\n}\n\n/**\n * @param {Item} item\n * @returns {ListElement}\n */\nexport function listItemToListElement(item) {\n  return {\n    text: item.text,\n    label: {\n      text: item.text,\n      classes: ''\n    },\n    value: item.value,\n    id: item.id ?? '',\n    hint: item.hint\n  }\n}\n\n/**\n * @implements {QuestionElements}\n */\nexport class ListComponentElements extends QuestionComponentElements {\n  /**\n   * @type {List}\n   * @protected\n   */\n  _list\n\n  /**\n   * @param {SelectionComponentsDef} component\n   * @param {List} list\n   */\n  constructor(component, list) {\n    super(component)\n    this._list = list\n  }\n\n  /**\n   * @returns {BaseSettings}\n   * @protected\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      items: this._list.items.map(listItemToListElement)\n    }\n  }\n}\n\n/**\n * @implements {QuestionElements}\n */\nexport class SelectComponentElements extends ListComponentElements {\n  /**\n   * @returns {BaseSettings}\n   * @protected\n   */\n  _getValues() {\n    const emptyItem = /** @type {ListElement} */ ({\n      id: 'da310b6e-2513-4d14-a7a1-63a93231891d',\n      text: '',\n      value: ''\n    })\n    const items = /** @type {ListElement[]} */ ([\n      emptyItem,\n      ...super._getValues().items\n    ])\n    return {\n      ...super._getValues(),\n      items\n    }\n  }\n}\n\nexport class ListQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.List\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = DefaultListConst.Template\n  /** @type {ListElements} */\n  _listElements\n  listRenderId = DefaultListConst.Input\n  listRenderName = DefaultListConst.RenderName\n\n  /**\n   * @type {Map<string, ListElement>}\n   * @protected\n   */\n  _list\n\n  /**\n   * @param {ListElements} listElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(listElements, questionRenderer) {\n    super(listElements, questionRenderer)\n\n    const items = /** @type {ListElement[]} */ (listElements.values.items)\n    this._list = this.createListFromElements(items)\n    this._listElements = listElements\n  }\n\n  /**\n   * @protected\n   * @returns {{\n   *  formGroup?: FormGroupAfterInput;\n   *  hint: DefaultComponent;\n   *  name: string;\n   *  fieldset?: GovukFieldset;\n   *  id: string;\n   *  items: ListItemReadonly[]\n   * }}\n   */\n  _renderInput() {\n    const afterInputs = /** @type {{ formGroup?: FormGroupAfterInput }} */ (\n      this.list.length\n        ? {}\n        : {\n            formGroup: {\n              afterInputs: {\n                html: this._listElements.afterInputsHTML\n              }\n            }\n          }\n    )\n\n    return {\n      id: this.listRenderId,\n      name: this.listRenderName,\n      fieldset: this.fieldSet,\n      hint: this.hint,\n      items: this.list,\n      ...afterInputs\n    }\n  }\n\n  /**\n   * @returns {{\n   *  formGroup?: FormGroupAfterInput;\n   *  hint: DefaultComponent;\n   *  name: string;\n   *  fieldset?: GovukFieldset;\n   *  id: string;\n   *  items: ListItemReadonly[]\n   * }}\n   */\n  get renderInput() {\n    return this._renderInput()\n  }\n\n  /**\n   *\n   * @param {ListElement} listElement\n   */\n  push(listElement) {\n    this._list.set(listElement.id, listElement)\n    this.render()\n  }\n\n  /**\n   * @param {string} key\n   */\n  delete(key) {\n    this._list.delete(key)\n    this.render()\n  }\n\n  /**\n   * @param {ListElement[]} listElements\n   * @returns {Map<string, ListElement>}\n   */\n  createListFromElements(listElements) {\n    this._list = listsElementToMap(listElements)\n    return this._list\n  }\n\n  /**\n   * @protected\n   * @returns {ListItemReadonly[]}\n   */\n  _getList() {\n    const iterator = /** @type {MapIterator<ListElement>} */ (\n      this._list.values()\n    )\n    return Array.from(iterator).map((listItem) => {\n      const hintText =\n        this._highlight === `${listItem.id}-hint` && !listItem.hint?.text.length\n          ? 'Hint text'\n          : (listItem.hint?.text ?? '')\n\n      const hint = {\n        hint: hintText\n          ? {\n              text: hintText,\n              classes: this.getHighlight(listItem.id + '-hint')\n            }\n          : undefined\n      }\n\n      const text = listItem.text\n\n      return {\n        ...listItem,\n        text,\n        ...hint,\n        label: {\n          text: listItem.text,\n          classes: this.getHighlight(listItem.id + '-label')\n        }\n      }\n    })\n  }\n\n  /**\n   * @returns {ListItemReadonly[]}\n   */\n  get list() {\n    const list = this._getList()\n\n    return list.map((listItem) => {\n      const text = listItem.text.length ? listItem.text : 'Item text'\n\n      return {\n        ...listItem,\n        text\n      }\n    })\n  }\n\n  /**\n   *\n   * @param {string | undefined} id\n   * @param {string} text\n   */\n  updateText(id, text) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.text = text\n      this.render()\n    }\n  }\n\n  /**\n   *\n   * @param {string | undefined} id\n   * @param {string} hint\n   */\n  updateHint(id, hint) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.hint = {\n        ...listItem.hint,\n        text: hint\n      }\n      this.render()\n    }\n  }\n\n  /**\n   * @param {string | undefined} id\n   * @param {string} value\n   */\n  updateValue(id, value) {\n    if (!id) {\n      return\n    }\n\n    const listItem = this._list.get(id)\n    if (listItem) {\n      listItem.value = value\n      this.render()\n    }\n  }\n}\n\n/**\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n * @import { SelectionComponentsDef, ListComponentsDef } from '~/src/components/types.js'\n * @import { List, Item } from '~/src/form/form-definition/types.js'\n * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'\n * @import { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset, BaseSettings, QuestionElements } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

package/dist/module/form/form-editor/preview/select-sortable.js

@@ -16,7 +16,7 @@ export class SelectSortableQuestion extends ListSortableQuestion {
    */
   componentType = ComponentType.SelectField;
   get renderInput() {
-    const afterInput = /** @type {{ formGroup?: { afterInputs: { html: string } } }} */
+    const afterInput = /** @type {{ formGroup?: { afterInput: { html: string }} }} */
     this.list.length ? {} : {
       formGroup: {
         afterInput: {
@@ -35,4 +35,8 @@ export class SelectSortableQuestion extends ListSortableQuestion {
     };
   }
 }
+
+/**
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
+ */
 //# sourceMappingURL=select-sortable.js.map

package/dist/module/form/form-editor/preview/select-sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-sortable.js","names":["ListSortableQuestion","PreviewComponent","ComponentType","SelectSortableQuestion","_questionTemplate","PATH","selectList","list","length","id","value","text","componentType","SelectField","renderInput","afterInput","formGroup","html","_listElements","afterInputsHTML","_fieldName","name","hint","label","items","classes"],"sources":["../../../../../src/form/form-editor/preview/select-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { ComponentType } from '~/src/index.js'\n\nexport class SelectSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n\n  get selectList() {\n    return this.list.length\n      ? [{ id: '', value: '', text: ' ' }, ...this.list]\n      : this.list\n  }\n\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n\n  get renderInput() {\n    const afterInput =\n      /** @type {{ formGroup?: { afterInputs: { html: string } } }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInput: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      hint: this.hint,\n      label: this.label,\n      items: this.selectList,\n      classes: this.list.length ? '' : 'govuk-visually-hidden',\n      ...afterInput\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,OAAO,MAAMC,sBAAsB,SAASH,oBAAoB,CAAC;EAC/DI,iBAAiB,GAAGH,gBAAgB,CAACI,IAAI,GAAG,iBAAiB;EAE7D,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GACnB,CAAC;MAAEC,EAAE,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAI,CAAC,EAAE,GAAG,IAAI,CAACJ,IAAI,CAAC,GAChD,IAAI,CAACA,IAAI;EACf;;EAEA;AACF;AACA;EACEK,aAAa,GAAGV,aAAa,CAACW,WAAW;EAEzC,IAAIC,WAAWA,CAAA,EAAG;IAChB,MAAMC,UAAU,GACd;IACE,IAAI,CAACR,IAAI,CAACC,MAAM,GACZ,CAAC,CAAC,GACF;MACEQ,SAAS,EAAE;QACTD,UAAU,EAAE;UACVE,IAAI,EAAE,IAAI,CAACC,aAAa,CAACC;QAC3B;MACF;IACF,CACL;IAEH,OAAO;MACLV,EAAE,EAAE,IAAI,CAACW,UAAU;MACnBC,IAAI,EAAE,IAAI,CAACD,UAAU;MACrBE,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,KAAK,EAAE,IAAI,CAAClB,UAAU;MACtBmB,OAAO,EAAE,IAAI,CAAClB,IAAI,CAACC,MAAM,GAAG,EAAE,GAAG,uBAAuB;MACxD,GAAGO;IACL,CAAC;EACH;AACF","ignoreList":[]}
+{"version":3,"file":"select-sortable.js","names":["ListSortableQuestion","PreviewComponent","ComponentType","SelectSortableQuestion","_questionTemplate","PATH","selectList","list","length","id","value","text","componentType","SelectField","renderInput","afterInput","formGroup","html","_listElements","afterInputsHTML","_fieldName","name","hint","label","items","classes"],"sources":["../../../../../src/form/form-editor/preview/select-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { ComponentType } from '~/src/index.js'\n\nexport class SelectSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n\n  get selectList() {\n    return this.list.length\n      ? [{ id: '', value: '', text: ' ' }, ...this.list]\n      : this.list\n  }\n\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n\n  get renderInput() {\n    const afterInput =\n      /** @type {{ formGroup?: { afterInput: { html: string }} }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInput: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      hint: this.hint,\n      label: this.label,\n      items: this.selectList,\n      classes: this.list.length ? '' : 'govuk-visually-hidden',\n      ...afterInput\n    }\n  }\n}\n\n/**\n * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,OAAO,MAAMC,sBAAsB,SAASH,oBAAoB,CAAC;EAC/DI,iBAAiB,GAAGH,gBAAgB,CAACI,IAAI,GAAG,iBAAiB;EAE7D,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GACnB,CAAC;MAAEC,EAAE,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAI,CAAC,EAAE,GAAG,IAAI,CAACJ,IAAI,CAAC,GAChD,IAAI,CAACA,IAAI;EACf;;EAEA;AACF;AACA;EACEK,aAAa,GAAGV,aAAa,CAACW,WAAW;EAEzC,IAAIC,WAAWA,CAAA,EAAG;IAChB,MAAMC,UAAU,GACd;IACE,IAAI,CAACR,IAAI,CAACC,MAAM,GACZ,CAAC,CAAC,GACF;MACEQ,SAAS,EAAE;QACTD,UAAU,EAAE;UACVE,IAAI,EAAE,IAAI,CAACC,aAAa,CAACC;QAC3B;MACF;IACF,CACL;IAEH,OAAO;MACLV,EAAE,EAAE,IAAI,CAACW,UAAU;MACnBC,IAAI,EAAE,IAAI,CAACD,UAAU;MACrBE,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,KAAK,EAAE,IAAI,CAAClB,UAAU;MACtBmB,OAAO,EAAE,IAAI,CAAClB,IAAI,CAACC,MAAM,GAAG,EAAE,GAAG,uBAAuB;MACxD,GAAGO;IACL,CAAC;EACH;AACF;;AAEA;AACA;AACA","ignoreList":[]}

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

@@ -3,9 +3,41 @@ import { ListQuestion } from "./list.js";
 import { PreviewComponent } from "./preview.js";
 export class SelectQuestion extends ListQuestion {
   _questionTemplate = PreviewComponent.PATH + 'selectfield.njk';
+  _fieldName = 'selectInput';
   /**
    * @type {ComponentType}
    */
   componentType = ComponentType.SelectField;
+
+  /**
+   * @returns {ListItemReadonly[]}
+   */
+  get list() {
+    return this._getList();
+  }
+  get renderInput() {
+    const afterInput = /** @type {{ formGroup?: { afterInput: { html: string }} }} */
+    this.list.length ? {} : {
+      formGroup: {
+        afterInput: {
+          html: this._listElements.afterInputsHTML
+        }
+      }
+    };
+    return {
+      id: this._fieldName,
+      name: this._fieldName,
+      hint: this.hint,
+      label: this.label,
+      items: this.list,
+      classes: this.list.length ? '' : 'govuk-visually-hidden',
+      ...afterInput
+    };
+  }
 }
+
+/**
+ * @import { ListItemReadonly } from '~/src/form/form-editor/types.js'
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
+ */
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["ComponentType","ListQuestion","PreviewComponent","SelectQuestion","_questionTemplate","PATH","componentType","SelectField"],"sources":["../../../../../src/form/form-editor/preview/select.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class SelectQuestion extends ListQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,cAAc,SAASF,YAAY,CAAC;EAC/CG,iBAAiB,GAAGF,gBAAgB,CAACG,IAAI,GAAG,iBAAiB;EAC7D;AACF;AACA;EACEC,aAAa,GAAGN,aAAa,CAACO,WAAW;AAC3C","ignoreList":[]}
+{"version":3,"file":"select.js","names":["ComponentType","ListQuestion","PreviewComponent","SelectQuestion","_questionTemplate","PATH","_fieldName","componentType","SelectField","list","_getList","renderInput","afterInput","length","formGroup","html","_listElements","afterInputsHTML","id","name","hint","label","items","classes"],"sources":["../../../../../src/form/form-editor/preview/select.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class SelectQuestion extends ListQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n  _fieldName = 'selectInput'\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n\n  /**\n   * @returns {ListItemReadonly[]}\n   */\n  get list() {\n    return this._getList()\n  }\n\n  get renderInput() {\n    const afterInput =\n      /** @type {{ formGroup?: { afterInput: { html: string }} }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInput: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      hint: this.hint,\n      label: this.label,\n      items: this.list,\n      classes: this.list.length ? '' : 'govuk-visually-hidden',\n      ...afterInput\n    }\n  }\n}\n\n/**\n * @import { ListItemReadonly } from '~/src/form/form-editor/types.js'\n * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,cAAc,SAASF,YAAY,CAAC;EAC/CG,iBAAiB,GAAGF,gBAAgB,CAACG,IAAI,GAAG,iBAAiB;EAC7DC,UAAU,GAAG,aAAa;EAC1B;AACF;AACA;EACEC,aAAa,GAAGP,aAAa,CAACQ,WAAW;;EAEzC;AACF;AACA;EACE,IAAIC,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACC,QAAQ,CAAC,CAAC;EACxB;EAEA,IAAIC,WAAWA,CAAA,EAAG;IAChB,MAAMC,UAAU,GACd;IACE,IAAI,CAACH,IAAI,CAACI,MAAM,GACZ,CAAC,CAAC,GACF;MACEC,SAAS,EAAE;QACTF,UAAU,EAAE;UACVG,IAAI,EAAE,IAAI,CAACC,aAAa,CAACC;QAC3B;MACF;IACF,CACL;IAEH,OAAO;MACLC,EAAE,EAAE,IAAI,CAACZ,UAAU;MACnBa,IAAI,EAAE,IAAI,CAACb,UAAU;MACrBc,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,KAAK,EAAE,IAAI,CAACb,IAAI;MAChBc,OAAO,EAAE,IAAI,CAACd,IAAI,CAACI,MAAM,GAAG,EAAE,GAAG,uBAAuB;MACxD,GAAGD;IACL,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA","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 PagePreviewPanelMacro,\n  type QuestionBaseModel\n} from '~/src/form/form-editor/macros/types.js'\nimport { type AutocompleteQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { 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 SelectSortableQuestion } from '~/src/form/form-editor/preview/select-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 { type ListElement } from '~/src/form/form-editor/types.js'\nexport { type QuestionBaseModel } from '~/src/form/form-editor/macros/types.js'\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n  content: string\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 type ListenerRow = [\n  HTMLInputElement | null,\n  (target: HTMLInputElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface DomElementsBase {\n  readonly values?: BaseSettings\n  autocompleteOptions?: string\n  setPreviewHTML(value: string): void\n  setPreviewDOM(element: HTMLElement): void\n}\n\nexport interface QuestionElements extends DomElementsBase {\n  readonly values: BaseSettings\n}\n\nexport interface AutocompleteElements extends QuestionElements {\n  autocompleteOptions: string\n}\n\nexport interface QuestionRenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface PageRenderContext {\n  params: PagePreviewPanelMacro\n}\n\nexport type RenderContext = QuestionRenderContext | PageRenderContext\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 PageRenderer {\n  render(pageTemplate: string, pagePreview: PagePreviewPanelMacro): void\n}\n\nexport type Renderer = QuestionRenderer | PageRenderer\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport interface PageOverviewElements {\n  heading: string\n  guidance: string\n  addHeading: boolean\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | SelectSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n  | AutocompleteQuestion\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import {\n  type PagePreviewPanelMacro,\n  type QuestionBaseModel\n} from '~/src/form/form-editor/macros/types.js'\nimport { type AutocompleteQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { 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 SelectSortableQuestion } from '~/src/form/form-editor/preview/select-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 { type ListElement } from '~/src/form/form-editor/types.js'\nexport { type QuestionBaseModel } from '~/src/form/form-editor/macros/types.js'\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n  content: string\n  attributes?: Record<string, string>\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 type ListenerRow = [\n  HTMLInputElement | null,\n  (target: HTMLInputElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface DomElementsBase {\n  readonly values?: BaseSettings\n  autocompleteOptions?: string\n  setPreviewHTML(value: string): void\n  setPreviewDOM(element: HTMLElement): void\n}\n\nexport interface QuestionElements extends DomElementsBase {\n  readonly values: BaseSettings\n}\n\nexport interface AutocompleteElements extends QuestionElements {\n  autocompleteOptions: string\n}\n\nexport interface RenderBase {\n  render(questionTemplate: string, renderContext: RenderContext): void\n}\n\nexport interface QuestionRenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface PageRenderContext {\n  params: PagePreviewPanelMacro\n}\n\nexport type RenderContext = QuestionRenderContext | PageRenderContext\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 PageRenderer {\n  render(pageTemplate: string, pagePreview: PagePreviewPanelMacro): void\n}\n\nexport type Renderer = QuestionRenderer | PageRenderer\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport interface PageOverviewElements {\n  heading: string\n  guidance: string\n  addHeading: boolean\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | SelectSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n  | AutocompleteQuestion\n"],"mappings":"","ignoreList":[]}

package/dist/module/pages/helpers.js

@@ -1,4 +1,4 @@
-import { ComponentType } from "../index.js";
+import { ComponentType, hasFormField } from "../index.js";
 import { ControllerNames, ControllerTypes } from "./controller-types.js";
 import { ControllerType } from "./enums.js";
 import { PageTypes } from "./page-types.js";
@@ -110,4 +110,22 @@ export function omitFileUploadComponent(page) {
   }
   return false;
 }
+
+/**
+ * Gets page title, or title of first question (if no page title set)
+ * @param {Page} page
+ * @returns {string}
+ */
+export function getPageTitle(page) {
+  if (page.title !== '') {
+    return page.title;
+  }
+  if (hasComponentsEvenIfNoNext(page)) {
+    const firstComp = page.components.find(hasFormField);
+    if (firstComp) {
+      return firstComp.title;
+    }
+  }
+  return 'Page title unknown';
+}
 //# sourceMappingURL=helpers.js.map

package/dist/module/pages/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["ComponentType","ControllerNames","ControllerTypes","ControllerType","PageTypes","getPageDefaults","page","nameOrPath","controller","Page","controllerNameFromPath","defaults","find","pageType","Error","structuredClone","hasComponents","hasNext","Array","isArray","components","hasComponentsEvenIfNoNext","undefined","hasFormComponents","Start","hasRepeater","Repeat","isControllerName","map","String","includes","Terminal","FileUpload","options","path","name","includesFileUploadField","some","component","type","FileUploadField","SHOW_REPEATER_CONTROLLERS","showRepeaterSettings","omitFileUploadComponent","length"],"sources":["../../../src/pages/helpers.ts"],"sourcesContent":["import { type ComponentDef } from '~/src/components/types.js'\nimport {\n  type Link,\n  type Page,\n  type PageFileUpload,\n  type PageQuestion,\n  type PageRepeat\n} from '~/src/form/form-definition/types.js'\nimport { ComponentType } from '~/src/index.js'\nimport {\n  ControllerNames,\n  ControllerTypes\n} from '~/src/pages/controller-types.js'\nimport { ControllerType } from '~/src/pages/enums.js'\nimport { PageTypes } from '~/src/pages/page-types.js'\n\n/**\n * Return component defaults by type\n */\nexport function getPageDefaults<PageType extends Page>(\n  page?: Pick<PageType, 'controller'>\n) {\n  const nameOrPath = page?.controller ?? ControllerType.Page\n  const controller = controllerNameFromPath(nameOrPath)\n\n  const defaults = PageTypes.find(\n    (pageType) => pageType.controller === controller\n  )\n\n  if (!defaults) {\n    throw new Error(`Defaults not found for page type '${nameOrPath}'`)\n  }\n\n  return structuredClone(defaults) as PageType\n}\n\n/**\n * Check page has components\n */\nexport function hasComponents(\n  page?: Partial<Page>\n): page is Extract<Page, { components: ComponentDef[] }> {\n  return hasNext(page) && Array.isArray(page.components)\n}\n\n/**\n * Check if the page has components (the page can be any page type e.g. SummaryPage)\n */\nexport function hasComponentsEvenIfNoNext(\n  page?: Partial<Page>\n): page is Extract<Page, { components: ComponentDef[] }> {\n  return (\n    page !== undefined && 'components' in page && Array.isArray(page.components)\n  )\n}\n\n/**\n * Check page has form components\n */\nexport function hasFormComponents(\n  page?: Partial<Page>\n): page is PageQuestion | PageFileUpload {\n  const controller = controllerNameFromPath(page?.controller)\n  return hasComponents(page) && controller !== ControllerType.Start\n}\n\n/**\n * Check page has repeater\n */\nexport function hasRepeater(page?: Partial<Page>): page is PageRepeat {\n  return controllerNameFromPath(page?.controller) === ControllerType.Repeat\n}\n\n/**\n * Check for known page controller names\n */\nexport function isControllerName(\n  nameOrPath?: ControllerType | string\n): nameOrPath is ControllerType {\n  return !!nameOrPath && ControllerNames.map(String).includes(nameOrPath)\n}\n\n/**\n * Check page has next link\n */\nexport function hasNext(\n  page?: Partial<Page>\n): page is Extract<Page, { next: Link[] }> {\n  if (!page || !('next' in page)) {\n    return false\n  }\n\n  const controller = controllerNameFromPath(page.controller)\n\n  return (\n    !controller ||\n    controller === ControllerType.Start ||\n    controller === ControllerType.Page ||\n    controller === ControllerType.Terminal ||\n    controller === ControllerType.FileUpload ||\n    controller === ControllerType.Repeat\n  )\n}\n\n/**\n * Check and optionally replace legacy path with controller name\n * @param {string} [nameOrPath] - Controller name or legacy controller path\n */\nexport function controllerNameFromPath(nameOrPath?: ControllerType | string) {\n  if (isControllerName(nameOrPath)) {\n    return nameOrPath\n  }\n\n  const options = ControllerTypes.find(({ path }) => path === nameOrPath)\n  return options?.name\n}\n\nfunction includesFileUploadField(components: ComponentDef[]): boolean {\n  return components.some(\n    (component) => component.type === ComponentType.FileUploadField\n  )\n}\n\nconst SHOW_REPEATER_CONTROLLERS = [ControllerType.Page, ControllerType.Repeat]\n\nexport function showRepeaterSettings(page: Page): boolean {\n  if (page.controller && !SHOW_REPEATER_CONTROLLERS.includes(page.controller)) {\n    return false\n  }\n  if (hasComponents(page) && includesFileUploadField(page.components)) {\n    return false\n  }\n  return true\n}\n\n/**\n * High level check for whether file upload component should be omitted\n * @param { Page | undefined } page\n * @returns {boolean}\n */\nexport function omitFileUploadComponent(page: Page | undefined): boolean {\n  if (page?.controller === ControllerType.Repeat) {\n    return true\n  }\n  if (!hasComponents(page)) {\n    return false\n  }\n  if (page.components.length > 1) {\n    return true\n  }\n  if (includesFileUploadField(page.components)) {\n    return true\n  }\n  return false\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"helpers.js","names":["ComponentType","hasFormField","ControllerNames","ControllerTypes","ControllerType","PageTypes","getPageDefaults","page","nameOrPath","controller","Page","controllerNameFromPath","defaults","find","pageType","Error","structuredClone","hasComponents","hasNext","Array","isArray","components","hasComponentsEvenIfNoNext","undefined","hasFormComponents","Start","hasRepeater","Repeat","isControllerName","map","String","includes","Terminal","FileUpload","options","path","name","includesFileUploadField","some","component","type","FileUploadField","SHOW_REPEATER_CONTROLLERS","showRepeaterSettings","omitFileUploadComponent","length","getPageTitle","title","firstComp"],"sources":["../../../src/pages/helpers.ts"],"sourcesContent":["import { type ComponentDef } from '~/src/components/types.js'\nimport {\n  type Link,\n  type Page,\n  type PageFileUpload,\n  type PageQuestion,\n  type PageRepeat\n} from '~/src/form/form-definition/types.js'\nimport { ComponentType, hasFormField } from '~/src/index.js'\nimport {\n  ControllerNames,\n  ControllerTypes\n} from '~/src/pages/controller-types.js'\nimport { ControllerType } from '~/src/pages/enums.js'\nimport { PageTypes } from '~/src/pages/page-types.js'\n\n/**\n * Return component defaults by type\n */\nexport function getPageDefaults<PageType extends Page>(\n  page?: Pick<PageType, 'controller'>\n) {\n  const nameOrPath = page?.controller ?? ControllerType.Page\n  const controller = controllerNameFromPath(nameOrPath)\n\n  const defaults = PageTypes.find(\n    (pageType) => pageType.controller === controller\n  )\n\n  if (!defaults) {\n    throw new Error(`Defaults not found for page type '${nameOrPath}'`)\n  }\n\n  return structuredClone(defaults) as PageType\n}\n\n/**\n * Check page has components\n */\nexport function hasComponents(\n  page?: Partial<Page>\n): page is Extract<Page, { components: ComponentDef[] }> {\n  return hasNext(page) && Array.isArray(page.components)\n}\n\n/**\n * Check if the page has components (the page can be any page type e.g. SummaryPage)\n */\nexport function hasComponentsEvenIfNoNext(\n  page?: Partial<Page>\n): page is Extract<Page, { components: ComponentDef[] }> {\n  return (\n    page !== undefined && 'components' in page && Array.isArray(page.components)\n  )\n}\n\n/**\n * Check page has form components\n */\nexport function hasFormComponents(\n  page?: Partial<Page>\n): page is PageQuestion | PageFileUpload {\n  const controller = controllerNameFromPath(page?.controller)\n  return hasComponents(page) && controller !== ControllerType.Start\n}\n\n/**\n * Check page has repeater\n */\nexport function hasRepeater(page?: Partial<Page>): page is PageRepeat {\n  return controllerNameFromPath(page?.controller) === ControllerType.Repeat\n}\n\n/**\n * Check for known page controller names\n */\nexport function isControllerName(\n  nameOrPath?: ControllerType | string\n): nameOrPath is ControllerType {\n  return !!nameOrPath && ControllerNames.map(String).includes(nameOrPath)\n}\n\n/**\n * Check page has next link\n */\nexport function hasNext(\n  page?: Partial<Page>\n): page is Extract<Page, { next: Link[] }> {\n  if (!page || !('next' in page)) {\n    return false\n  }\n\n  const controller = controllerNameFromPath(page.controller)\n\n  return (\n    !controller ||\n    controller === ControllerType.Start ||\n    controller === ControllerType.Page ||\n    controller === ControllerType.Terminal ||\n    controller === ControllerType.FileUpload ||\n    controller === ControllerType.Repeat\n  )\n}\n\n/**\n * Check and optionally replace legacy path with controller name\n * @param {string} [nameOrPath] - Controller name or legacy controller path\n */\nexport function controllerNameFromPath(nameOrPath?: ControllerType | string) {\n  if (isControllerName(nameOrPath)) {\n    return nameOrPath\n  }\n\n  const options = ControllerTypes.find(({ path }) => path === nameOrPath)\n  return options?.name\n}\n\nfunction includesFileUploadField(components: ComponentDef[]): boolean {\n  return components.some(\n    (component) => component.type === ComponentType.FileUploadField\n  )\n}\n\nconst SHOW_REPEATER_CONTROLLERS = [ControllerType.Page, ControllerType.Repeat]\n\nexport function showRepeaterSettings(page: Page): boolean {\n  if (page.controller && !SHOW_REPEATER_CONTROLLERS.includes(page.controller)) {\n    return false\n  }\n  if (hasComponents(page) && includesFileUploadField(page.components)) {\n    return false\n  }\n  return true\n}\n\n/**\n * High level check for whether file upload component should be omitted\n * @param { Page | undefined } page\n * @returns {boolean}\n */\nexport function omitFileUploadComponent(page: Page | undefined): boolean {\n  if (page?.controller === ControllerType.Repeat) {\n    return true\n  }\n  if (!hasComponents(page)) {\n    return false\n  }\n  if (page.components.length > 1) {\n    return true\n  }\n  if (includesFileUploadField(page.components)) {\n    return true\n  }\n  return false\n}\n\n/**\n * Gets page title, or title of first question (if no page title set)\n * @param {Page} page\n * @returns {string}\n */\nexport function getPageTitle(page: Page) {\n  if (page.title !== '') {\n    return page.title\n  }\n\n  if (hasComponentsEvenIfNoNext(page)) {\n    const firstComp = page.components.find(hasFormField)\n    if (firstComp) {\n      return firstComp.title\n    }\n  }\n  return 'Page title unknown'\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/module/pages/index.js

@@ -1,5 +1,5 @@
 export { ControllerNames, ControllerTypes } from "./controller-types.js";
 export { PageTypes } from "./page-types.js";
-export { controllerNameFromPath, getPageDefaults, hasComponents, hasComponentsEvenIfNoNext, hasFormComponents, hasNext, hasRepeater, isControllerName, omitFileUploadComponent, showRepeaterSettings } from "./helpers.js";
+export { controllerNameFromPath, getPageDefaults, getPageTitle, hasComponents, hasComponentsEvenIfNoNext, hasFormComponents, hasNext, hasRepeater, isControllerName, omitFileUploadComponent, showRepeaterSettings } from "./helpers.js";
 export { ControllerPath, ControllerType } from "./enums.js";
 //# sourceMappingURL=index.js.map

package/dist/module/pages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ControllerNames","ControllerTypes","PageTypes","controllerNameFromPath","getPageDefaults","hasComponents","hasComponentsEvenIfNoNext","hasFormComponents","hasNext","hasRepeater","isControllerName","omitFileUploadComponent","showRepeaterSettings","ControllerPath","ControllerType"],"sources":["../../../src/pages/index.ts"],"sourcesContent":["export {\n  ControllerNames,\n  ControllerTypes\n} from '~/src/pages/controller-types.js'\n\nexport { PageTypes } from '~/src/pages/page-types.js'\n\nexport {\n  controllerNameFromPath,\n  getPageDefaults,\n  hasComponents,\n  hasComponentsEvenIfNoNext,\n  hasFormComponents,\n  hasNext,\n  hasRepeater,\n  isControllerName,\n  omitFileUploadComponent,\n  showRepeaterSettings\n} from '~/src/pages/helpers.js'\n\nexport { ControllerPath, ControllerType } from '~/src/pages/enums.js'\n"],"mappings":"AAAA,SACEA,eAAe,EACfC,eAAe;AAGjB,SAASC,SAAS;AAElB,SACEC,sBAAsB,EACtBC,eAAe,EACfC,aAAa,EACbC,yBAAyB,EACzBC,iBAAiB,EACjBC,OAAO,EACPC,WAAW,EACXC,gBAAgB,EAChBC,uBAAuB,EACvBC,oBAAoB;AAGtB,SAASC,cAAc,EAAEC,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ControllerNames","ControllerTypes","PageTypes","controllerNameFromPath","getPageDefaults","getPageTitle","hasComponents","hasComponentsEvenIfNoNext","hasFormComponents","hasNext","hasRepeater","isControllerName","omitFileUploadComponent","showRepeaterSettings","ControllerPath","ControllerType"],"sources":["../../../src/pages/index.ts"],"sourcesContent":["export {\n  ControllerNames,\n  ControllerTypes\n} from '~/src/pages/controller-types.js'\n\nexport { PageTypes } from '~/src/pages/page-types.js'\n\nexport {\n  controllerNameFromPath,\n  getPageDefaults,\n  getPageTitle,\n  hasComponents,\n  hasComponentsEvenIfNoNext,\n  hasFormComponents,\n  hasNext,\n  hasRepeater,\n  isControllerName,\n  omitFileUploadComponent,\n  showRepeaterSettings\n} from '~/src/pages/helpers.js'\n\nexport { ControllerPath, ControllerType } from '~/src/pages/enums.js'\n"],"mappings":"AAAA,SACEA,eAAe,EACfC,eAAe;AAGjB,SAASC,SAAS;AAElB,SACEC,sBAAsB,EACtBC,eAAe,EACfC,YAAY,EACZC,aAAa,EACbC,yBAAyB,EACzBC,iBAAiB,EACjBC,OAAO,EACPC,WAAW,EACXC,gBAAgB,EAChBC,uBAAuB,EACvBC,oBAAoB;AAGtB,SAASC,cAAc,EAAEC,cAAc","ignoreList":[]}

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

@@ -24,20 +24,28 @@ export interface AppPreviewPanelTabsMacro {
     extraFields: GovukField[];
     basePageFields: GovukField[];
 }
+export interface SelectAfterInput {
+    afterInput: {
+        html: string;
+    };
+}
+export interface RadioAndCheckboxAfterInputs {
+    afterInputs: {
+        html: string;
+    };
+}
+export type FormGroupAfterInput = SelectAfterInput | RadioAndCheckboxAfterInputs;
 export interface QuestionBaseModel {
     id?: string;
     name?: string;
     content?: string;
+    attributes?: Record<string, string>;
     label?: DefaultComponent;
     hint?: DefaultComponent;
     fieldset?: GovukFieldset;
     readonly items?: ListItemReadonly[] | DateItem[];
     text?: string;
-    formGroup?: {
-        afterInputs: {
-            html: string;
-        };
-    };
+    formGroup?: FormGroupAfterInput;
     type?: 'text' | 'number' | 'boolean';
     classes?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/macros/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,WAAW,sCAAsC;IACrD,sBAAsB,EAAE,EAAE,CAAA;IAC1B,UAAU,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAClD;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,sCAAsC,CAAA;IACtD,YAAY,EAAE;QACZ,WAAW,EAAE,UAAU,EAAE,CAAA;QACzB,cAAc,EAAE,UAAU,EAAE,CAAA;KAC7B,CAAA;IACD,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,aAAa,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,cAAc,EAAE,sCAAsC,CAAA;IACtD,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,EAAE,UAAU,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,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,GAAG,QAAQ,EAAE,CAAA;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE;QAAE,WAAW,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAA;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,iBAAiB,CAAA;IACxB,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,SAAS,EAAE;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE;QACjB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,UAAU,EAAE,oBAAoB,EAAE,CAAA;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/macros/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,WAAW,sCAAsC;IACrD,sBAAsB,EAAE,EAAE,CAAA;IAC1B,UAAU,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAClD;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,sCAAsC,CAAA;IACtD,YAAY,EAAE;QACZ,WAAW,EAAE,UAAU,EAAE,CAAA;QACzB,cAAc,EAAE,UAAU,EAAE,CAAA;KAC7B,CAAA;IACD,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,aAAa,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,cAAc,EAAE,sCAAsC,CAAA;IACtD,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,EAAE,UAAU,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7B;AACD,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9B;AAGD,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,2BAA2B,CAAA;AAEhF,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,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,GAAG,QAAQ,EAAE,CAAA;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,iBAAiB,CAAA;IACxB,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,SAAS,EAAE;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE;QACjB,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,UAAU,EAAE,oBAAoB,EAAE,CAAA;CAC5C"}

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/autocomplete.js"],"names":[],"mappings":"AAKA;CAoBC;AAED;IAME;;;OAGG;IACH,kCAHW,oBAAoB,oBACpB,gBAAgB,EAK1B;IAZD;;;OAGG;IACH,0BAAsB;IAUtB,sCAEC;IAED;;OAEG;IACH,8BAFW,MAAM,QAkBhB;IAED;;;;;;;;;MASC;CACF;yBA1EwB,4CAA4C;iCA8ErC,iCAAiC;0CACa,yCAAyC;sCAAzC,yCAAyC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/autocomplete.js"],"names":[],"mappings":"AAKA;CAqBC;AAED;IAME;;;OAGG;IACH,kCAHW,oBAAoB,oBACpB,gBAAgB,EAK1B;IAZD;;;OAGG;IACH,0BAAsB;IAUtB,sCAEC;IAED;;OAEG;IACH,8BAFW,MAAM,QAkBhB;IAED;;;;;;;;;MASC;CACF;yBA3EwB,4CAA4C;iCA+ErC,iCAAiC;0CACa,yCAAyC;sCAAzC,yCAAyC"}

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

@@ -7,16 +7,13 @@ export class FieldsetQuestion extends Question {
         id: string;
         name: string;
         content?: string | undefined;
+        attributes?: Record<string, string> | undefined;
         label?: import("./types.js").DefaultComponent | undefined;
         hint: import("./types.js").DefaultComponent;
         fieldset: import("./types.js").GovukFieldset;
         items?: import("../types.js").ListItemReadonly[] | import("../types.js").DateItem[];
         text?: string | undefined;
-        formGroup?: {
-            afterInputs: {
-                html: string;
-            };
-        } | undefined;
+        formGroup?: import("../macros/types.js").FormGroupAfterInput | undefined;
         type?: "text" | "number" | "boolean" | undefined;
         classes?: string | undefined;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"fieldset-question.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/fieldset-question.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH;IAME;;;;;;;;;;;;;;;;MAQC;CACF;yBArBwB,4CAA4C"}
+{"version":3,"file":"fieldset-question.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/fieldset-question.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH;IAME;;;;;;;;;;;;;MAQC;CACF;yBArBwB,4CAA4C"}

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/helpers.js"],"names":[],"mappings":"AAsDA;;;;GAIG;AACH,gEAJW,gBAAgB,cAChB,cAAc,GACZ,CAAC,SAAS,EAAE,YAAY,KAAK,QAAQ,CA6BjD;sCAGsD,yCAAyC;oCAGvD,qCAAqC;kCAC1B,2BAA2B;8BAHlD,4CAA4C"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/helpers.js"],"names":[],"mappings":"AAyDA;;;;GAIG;AACH,gEAJW,gBAAgB,cAChB,cAAc,GACZ,CAAC,SAAS,EAAE,YAAY,KAAK,QAAQ,CAmCjD;sCAGsD,yCAAyC;oCAGvD,qCAAqC;kCAC1B,2BAA2B;8BAHlD,4CAA4C"}

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

@@ -29,6 +29,11 @@ export class ListComponentElements extends QuestionComponentElements implements
      */
     protected _list: List;
 }
+/**
+ * @implements {QuestionElements}
+ */
+export class SelectComponentElements extends ListComponentElements implements QuestionElements {
+}
 export class ListQuestion extends Question {
     /**
      * @param {ListElements} listElements
@@ -44,9 +49,28 @@ export class ListQuestion extends Question {
      * @protected
      */
     protected _list: Map<string, ListElement>;
+    /**
+     * @protected
+     * @returns {{
+     *  formGroup?: FormGroupAfterInput;
+     *  hint: DefaultComponent;
+     *  name: string;
+     *  fieldset?: GovukFieldset;
+     *  id: string;
+     *  items: ListItemReadonly[]
+     * }}
+     */
+    protected _renderInput(): {
+        formGroup?: FormGroupAfterInput;
+        hint: DefaultComponent;
+        name: string;
+        fieldset?: GovukFieldset;
+        id: string;
+        items: ListItemReadonly[];
+    };
     /**
      * @returns {{
-     *  formGroup?: {afterInputs: {html: string}};
+     *  formGroup?: FormGroupAfterInput;
      *  hint: DefaultComponent;
      *  name: string;
      *  fieldset?: GovukFieldset;
@@ -55,11 +79,7 @@ export class ListQuestion extends Question {
      * }}
      */
     get renderInput(): {
-        formGroup?: {
-            afterInputs: {
-                html: string;
-            };
-        };
+        formGroup?: FormGroupAfterInput;
         hint: DefaultComponent;
         name: string;
         fieldset?: GovukFieldset;
@@ -80,6 +100,11 @@ export class ListQuestion extends Question {
      * @returns {Map<string, ListElement>}
      */
     createListFromElements(listElements: ListElement[]): Map<string, ListElement>;
+    /**
+     * @protected
+     * @returns {ListItemReadonly[]}
+     */
+    protected _getList(): ListItemReadonly[];
     /**
      * @returns {ListItemReadonly[]}
      */
@@ -110,6 +135,7 @@ import type { List } from '../../../form/form-definition/types.js';
 import type { SelectionComponentsDef } from '../../../components/types.js';
 import { Question } from '../../../form/form-editor/preview/question.js';
 import type { ListElements } from '../../../form/form-editor/preview/types.js';
+import type { FormGroupAfterInput } from '../../../form/form-editor/macros/types.js';
 import type { DefaultComponent } from '../../../form/form-editor/preview/types.js';
 import type { GovukFieldset } from '../../../form/form-editor/preview/types.js';
 import type { ListItemReadonly } from '../../../form/form-editor/types.js';

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/list.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,4CAHW,WAAW,GACT,CAAC,MAAM,EAAE,WAAW,CAAC,CAIjC;AAED;;;;GAIG;AACH,gDAHY,WAAW,EAAE,GAAE,SAAS,GACvB,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAKpC;AAED;;;GAGG;AACH,4CAHW,IAAI,GACF,WAAW,CAavB;AAED;;GAEG;AACH;IAOE;;;OAGG;IACH,uBAHW,sBAAsB,QACtB,IAAI,EAKd;IAbD;;;OAGG;IACH,iBAHU,IAAI,CAGT;CAqBN;AAED;IAqBE;;;OAGG;IACH,0BAHW,YAAY,oBACZ,gBAAgB,EAQ1B;IArBD,2BAA2B;IAC3B,eADW,YAAY,CACV;IACb,qBAAqC;IACrC,uBAA4C;IAE5C;;;OAGG;IACH,iBAHU,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAG7B;IAcL;;;;;;;;;OASG;IACH,mBATa;QACT,SAAS,CAAC,EAAE;YAAC,WAAW,EAAE;gBAAC,IAAI,EAAE,MAAM,CAAA;aAAC,CAAA;SAAC,CAAC;QAC1C,IAAI,EAAE,gBAAgB,CAAC;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,aAAa,CAAC;QACzB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,gBAAgB,EAAE,CAAA;KACzB,CAwBH;IAED;;;OAGG;IACH,kBAFW,WAAW,QAKrB;IAED;;OAEG;IACH,YAFW,MAAM,QAKhB;IAED;;;OAGG;IACH,qCAHW,WAAW,EAAE,GACX,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAKpC;IAED;;OAEG;IACH,YAFa,gBAAgB,EAAE,CAiC9B;IAED;;;;OAIG;IACH,eAHW,MAAM,GAAG,SAAS,QAClB,MAAM,QAYhB;IAED;;;;OAIG;IACH,eAHW,MAAM,GAAG,SAAS,QAClB,MAAM,QAehB;IAED;;;OAGG;IACH,gBAHW,MAAM,GAAG,SAAS,SAClB,MAAM,QAYhB;CACF;iCAGiD,iCAAiC;0BAEpD,qCAAqC;sCACgD,yCAAyC;0CAvQtJ,4CAA4C;0BAsQpB,qCAAqC;4CADN,2BAA2B;yBArQlF,4CAA4C;kCAuQiE,yCAAyC;sCAAzC,yCAAyC;mCAAzC,yCAAyC;sCAH3G,iCAAiC;sCAGiC,yCAAyC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/list.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,4CAHW,WAAW,GACT,CAAC,MAAM,EAAE,WAAW,CAAC,CAIjC;AAED;;;;GAIG;AACH,gDAHY,WAAW,EAAE,GAAE,SAAS,GACvB,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAKpC;AAED;;;GAGG;AACH,4CAHW,IAAI,GACF,WAAW,CAavB;AAED;;GAEG;AACH;IAOE;;;OAGG;IACH,uBAHW,sBAAsB,QACtB,IAAI,EAKd;IAbD;;;OAGG;IACH,iBAHU,IAAI,CAGT;CAqBN;AAED;;GAEG;AACH;CAoBC;AAED;IAqBE;;;OAGG;IACH,0BAHW,YAAY,oBACZ,gBAAgB,EAQ1B;IArBD,2BAA2B;IAC3B,eADW,YAAY,CACV;IACb,qBAAqC;IACrC,uBAA4C;IAE5C;;;OAGG;IACH,iBAHU,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAG7B;IAcL;;;;;;;;;;OAUG;IACH,0BATa;QACT,SAAS,CAAC,EAAE,mBAAmB,CAAC;QAChC,IAAI,EAAE,gBAAgB,CAAC;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,aAAa,CAAC;QACzB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,gBAAgB,EAAE,CAAA;KACzB,CAuBH;IAED;;;;;;;;;OASG;IACH,mBATa;QACT,SAAS,CAAC,EAAE,mBAAmB,CAAC;QAChC,IAAI,EAAE,gBAAgB,CAAC;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,aAAa,CAAC;QACzB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,gBAAgB,EAAE,CAAA;KACzB,CAIH;IAED;;;OAGG;IACH,kBAFW,WAAW,QAKrB;IAED;;OAEG;IACH,YAFW,MAAM,QAKhB;IAED;;;OAGG;IACH,qCAHW,WAAW,EAAE,GACX,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAKpC;IAED;;;OAGG;IACH,sBAFa,gBAAgB,EAAE,CAiC9B;IAED;;OAEG;IACH,YAFa,gBAAgB,EAAE,CAa9B;IAED;;;;OAIG;IACH,eAHW,MAAM,GAAG,SAAS,QAClB,MAAM,QAYhB;IAED;;;;OAIG;IACH,eAHW,MAAM,GAAG,SAAS,QAClB,MAAM,QAehB;IAED;;;OAGG;IACH,gBAHW,MAAM,GAAG,SAAS,SAClB,MAAM,QAYhB;CACF;iCAGiD,iCAAiC;0BAEpD,qCAAqC;sCAEgD,yCAAyC;0CAhUtJ,4CAA4C;0BA8TpB,qCAAqC;4CADN,2BAA2B;yBA7TlF,4CAA4C;kCAgUiE,yCAAyC;yCADpH,wCAAwC;sCACmC,yCAAyC;mCAAzC,yCAAyC;sCAJ3G,iCAAiC;sCAIiC,yCAAyC"}

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

@@ -2,7 +2,7 @@ export class SelectSortableQuestion extends ListSortableQuestion {
     get selectList(): import("../../../index.js").ListItemReadonly[];
     get renderInput(): {
         formGroup?: {
-            afterInputs: {
+            afterInput: {
                 html: string;
             };
         };

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

@@ -1 +1 @@
-{"version":3,"file":"select-sortable.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/select-sortable.js"],"names":[],"mappings":"AAIA;IAGE,8DAIC;IAOD;oBAE6B;YAAE,WAAW,EAAE;gBAAE,IAAI,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE;;;;;;;MAqB7D;CACF;qCA1CoC,iDAAiD"}
+{"version":3,"file":"select-sortable.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/select-sortable.js"],"names":[],"mappings":"AAIA;IAGE,8DAIC;IAOD;oBAE6B;YAAE,UAAU,EAAE;gBAAE,IAAI,EAAE,MAAM,CAAA;aAAE,CAAA;SAAC;;;;;;;MAqB3D;CACF;qCA1CoC,iDAAiD"}

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

@@ -1,4 +1,18 @@
 export class SelectQuestion extends ListQuestion {
+    get renderInput(): {
+        formGroup?: {
+            afterInput: {
+                html: string;
+            };
+        };
+        id: string;
+        name: string;
+        hint: import("./types.js").DefaultComponent;
+        label: import("./types.js").DefaultComponent;
+        items: ListItemReadonly[];
+        classes: string;
+    };
 }
 import { ListQuestion } from '../../../form/form-editor/preview/list.js';
+import type { ListItemReadonly } from '../../../form/form-editor/types.js';
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/select.js"],"names":[],"mappings":"AAIA;CAMC;6BAT4B,wCAAwC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/select.js"],"names":[],"mappings":"AAIA;IAeE;oBAE6B;YAAE,UAAU,EAAE;gBAAE,IAAI,EAAE,MAAM,CAAA;aAAE,CAAA;SAAC;;;;;;;MAqB3D;CACF;6BA1C4B,wCAAwC;sCA6ChC,iCAAiC"}

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

@@ -19,6 +19,7 @@ export interface BaseSettings {
     shortDesc: string;
     items: ListElement[];
     content: string;
+    attributes?: Record<string, string>;
 }
 export interface DefaultComponent {
     id?: string;
@@ -45,6 +46,9 @@ export interface QuestionElements extends DomElementsBase {
 export interface AutocompleteElements extends QuestionElements {
     autocompleteOptions: string;
 }
+export interface RenderBase {
+    render(questionTemplate: string, renderContext: RenderContext): void;
+}
 export interface QuestionRenderContext {
     model: QuestionBaseModel;
 }

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,qBAAqB,EAC1B,KAAK,iBAAiB,EACvB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gDAAgD,CAAA;AAC1F,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,sBAAsB,EAAE,MAAM,mDAAmD,CAAA;AAC/F,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,gDAAgD,CAAA;AACzF,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AACrF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,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;IACpB,OAAO,EAAE,MAAM,CAAA;CAChB;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,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,eAAe;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,aAAa,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;CAC9B;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,qBAAqB,CAAA;CAC9B;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG,iBAAiB,CAAA;AAErE,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,YAAY;IAC3B,MAAM,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,qBAAqB,GAAG,IAAI,CAAA;CACvE;AAED,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GAAG,YAAY,CAAA;AAEtD,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,MAAM,eAAe,GACvB,iBAAiB,GACjB,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,QAAQ,GACR,qBAAqB,GACrB,sBAAsB,GACtB,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/form/form-editor/preview/types.ts"],"names":[],"mappings":"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"}

package/dist/types/pages/helpers.d.ts

@@ -47,4 +47,10 @@ export declare function showRepeaterSettings(page: Page): boolean;
  * @returns {boolean}
  */
 export declare function omitFileUploadComponent(page: Page | undefined): boolean;
+/**
+ * Gets page title, or title of first question (if no page title set)
+ * @param {Page} page
+ * @returns {string}
+ */
+export declare function getPageTitle(page: Page): string;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/types/pages/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/pages/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,qCAAqC,CAAA;AAM5C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,SAAS,IAAI,EACnD,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC,GAaC,QAAQ,CAC7C;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GACnB,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;IAAE,UAAU,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC,CAEvD;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GACnB,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;IAAE,UAAU,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC,CAIvD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GACnB,IAAI,IAAI,YAAY,GAAG,cAAc,CAGvC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,UAAU,CAEpE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,CAAC,EAAE,cAAc,GAAG,MAAM,GACnC,UAAU,IAAI,cAAc,CAE9B;AAED;;GAEG;AACH,wBAAgB,OAAO,CACrB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GACnB,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,IAAI,EAAE,CAAA;CAAE,CAAC,CAezC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG,MAAM,8BAO1E;AAUD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAQxD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAcvE"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/pages/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,qCAAqC,CAAA;AAM5C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,SAAS,IAAI,EACnD,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC,GAaC,QAAQ,CAC7C;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GACnB,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;IAAE,UAAU,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC,CAEvD;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GACnB,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;IAAE,UAAU,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC,CAIvD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GACnB,IAAI,IAAI,YAAY,GAAG,cAAc,CAGvC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,UAAU,CAEpE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,CAAC,EAAE,cAAc,GAAG,MAAM,GACnC,UAAU,IAAI,cAAc,CAE9B;AAED;;GAEG;AACH,wBAAgB,OAAO,CACrB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,GACnB,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,IAAI,EAAE,CAAA;CAAE,CAAC,CAezC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG,MAAM,8BAO1E;AAUD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAQxD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAcvE;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,UAYtC"}

package/dist/types/pages/index.d.ts

@@ -1,5 +1,5 @@
 export { ControllerNames, ControllerTypes } from '../pages/controller-types.js';
 export { PageTypes } from '../pages/page-types.js';
-export { controllerNameFromPath, getPageDefaults, hasComponents, hasComponentsEvenIfNoNext, hasFormComponents, hasNext, hasRepeater, isControllerName, omitFileUploadComponent, showRepeaterSettings } from '../pages/helpers.js';
+export { controllerNameFromPath, getPageDefaults, getPageTitle, hasComponents, hasComponentsEvenIfNoNext, hasFormComponents, hasNext, hasRepeater, isControllerName, omitFileUploadComponent, showRepeaterSettings } from '../pages/helpers.js';
 export { ControllerPath, ControllerType } from '../pages/enums.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/pages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,eAAe,EAChB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,yBAAyB,EACzB,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,eAAe,EAChB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,YAAY,EACZ,aAAa,EACb,yBAAyB,EACzB,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defra/forms-model",
-  "version": "3.0.492",
+  "version": "3.0.494",
   "description": "A hapi plugin providing the model for Defra forms",
   "homepage": "https://github.com/DEFRA/forms-designer/tree/main/model#readme",
   "types": "dist/types/index.d.ts",

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

@@ -29,16 +29,27 @@ export interface AppPreviewPanelTabsMacro {
   basePageFields: GovukField[]
 }
 
+export interface SelectAfterInput {
+  afterInput: { html: string }
+}
+export interface RadioAndCheckboxAfterInputs {
+  afterInputs: { html: string }
+}
+
+// GDS components - Select uses afterInput, while Radio uses afterInputs
+export type FormGroupAfterInput = SelectAfterInput | RadioAndCheckboxAfterInputs
+
 export interface QuestionBaseModel {
   id?: string
   name?: string
   content?: string
+  attributes?: Record<string, string>
   label?: DefaultComponent
   hint?: DefaultComponent
   fieldset?: GovukFieldset
   readonly items?: ListItemReadonly[] | DateItem[]
   text?: string
-  formGroup?: { afterInputs: { html: string } }
+  formGroup?: FormGroupAfterInput
   type?: 'text' | 'number' | 'boolean'
   classes?: string
 }

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

@@ -20,6 +20,7 @@ export class AutocompleteListQuestion extends Question {
    */
   get customRenderFields() {
     return {
+      attributes: { 'data-module': 'govuk-accessible-autocomplete' },
       items: this._htmlElements.values.items
     }
   }

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

@@ -5,7 +5,10 @@ import { ComponentElements } from '~/src/form/form-editor/preview/component-elem
 import { ContentElements } from '~/src/form/form-editor/preview/content.js'
 import { DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'
 import { EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'
-import { ListQuestion } from '~/src/form/form-editor/preview/list.js'
+import {
+  ListQuestion,
+  SelectComponentElements
+} from '~/src/form/form-editor/preview/list.js'
 import { LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'
 import { Markdown } from '~/src/form/form-editor/preview/markdown.js'
 import { MonthYearQuestion } from '~/src/form/form-editor/preview/month-year.js'
@@ -65,7 +68,13 @@ export function mapComponentToPreviewQuestion(questionRenderer, definition) {
        */
       let questionElements
 
-      if (hasSelectionFields(component) && hasListField(component)) {
+      if (
+        component.type === ComponentType.AutocompleteField ||
+        component.type === ComponentType.SelectField
+      ) {
+        const list = findDefinitionListFromComponent(component, definition)
+        questionElements = new SelectComponentElements(component, list)
+      } else if (hasSelectionFields(component) && hasListField(component)) {
         const list = findDefinitionListFromComponent(component, definition)
         questionElements = new ListComponentElements(component, list)
       } else if (

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

@@ -79,6 +79,31 @@ export class ListComponentElements extends QuestionComponentElements {
   }
 }
 
+/**
+ * @implements {QuestionElements}
+ */
+export class SelectComponentElements extends ListComponentElements {
+  /**
+   * @returns {BaseSettings}
+   * @protected
+   */
+  _getValues() {
+    const emptyItem = /** @type {ListElement} */ ({
+      id: 'da310b6e-2513-4d14-a7a1-63a93231891d',
+      text: '',
+      value: ''
+    })
+    const items = /** @type {ListElement[]} */ ([
+      emptyItem,
+      ...super._getValues().items
+    ])
+    return {
+      ...super._getValues(),
+      items
+    }
+  }
+}
+
 export class ListQuestion extends Question {
   /**
    * @type {ComponentType}
@@ -113,8 +138,9 @@ export class ListQuestion extends Question {
   }
 
   /**
+   * @protected
    * @returns {{
-   *  formGroup?: {afterInputs: {html: string}};
+   *  formGroup?: FormGroupAfterInput;
    *  hint: DefaultComponent;
    *  name: string;
    *  fieldset?: GovukFieldset;
@@ -122,19 +148,18 @@ export class ListQuestion extends Question {
    *  items: ListItemReadonly[]
    * }}
    */
-  get renderInput() {
-    const afterInputs =
-      /** @type {{ formGroup?: { afterInputs: { html: string } } }} */ (
-        this.list.length
-          ? {}
-          : {
-              formGroup: {
-                afterInputs: {
-                  html: this._listElements.afterInputsHTML
-                }
+  _renderInput() {
+    const afterInputs = /** @type {{ formGroup?: FormGroupAfterInput }} */ (
+      this.list.length
+        ? {}
+        : {
+            formGroup: {
+              afterInputs: {
+                html: this._listElements.afterInputsHTML
               }
             }
-      )
+          }
+    )
 
     return {
       id: this.listRenderId,
@@ -146,6 +171,20 @@ export class ListQuestion extends Question {
     }
   }
 
+  /**
+   * @returns {{
+   *  formGroup?: FormGroupAfterInput;
+   *  hint: DefaultComponent;
+   *  name: string;
+   *  fieldset?: GovukFieldset;
+   *  id: string;
+   *  items: ListItemReadonly[]
+   * }}
+   */
+  get renderInput() {
+    return this._renderInput()
+  }
+
   /**
    *
    * @param {ListElement} listElement
@@ -173,9 +212,10 @@ export class ListQuestion extends Question {
   }
 
   /**
+   * @protected
    * @returns {ListItemReadonly[]}
    */
-  get list() {
+  _getList() {
     const iterator = /** @type {MapIterator<ListElement>} */ (
       this._list.values()
     )
@@ -194,7 +234,7 @@ export class ListQuestion extends Question {
           : undefined
       }
 
-      const text = listItem.text.length ? listItem.text : 'Item text'
+      const text = listItem.text
 
       return {
         ...listItem,
@@ -208,6 +248,22 @@ export class ListQuestion extends Question {
     })
   }
 
+  /**
+   * @returns {ListItemReadonly[]}
+   */
+  get list() {
+    const list = this._getList()
+
+    return list.map((listItem) => {
+      const text = listItem.text.length ? listItem.text : 'Item text'
+
+      return {
+        ...listItem,
+        text
+      }
+    })
+  }
+
   /**
    *
    * @param {string | undefined} id
@@ -266,5 +322,6 @@ export class ListQuestion extends Question {
  * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
  * @import { SelectionComponentsDef, ListComponentsDef } from '~/src/components/types.js'
  * @import { List, Item } from '~/src/form/form-definition/types.js'
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
  * @import { ListElements, QuestionRenderer, DefaultComponent, GovukFieldset, BaseSettings, QuestionElements } from '~/src/form/form-editor/preview/types.js'
  */

package/src/form/form-editor/preview/select-sortable.js

@@ -18,7 +18,7 @@ export class SelectSortableQuestion extends ListSortableQuestion {
 
   get renderInput() {
     const afterInput =
-      /** @type {{ formGroup?: { afterInputs: { html: string } } }} */ (
+      /** @type {{ formGroup?: { afterInput: { html: string }} }} */ (
         this.list.length
           ? {}
           : {
@@ -41,3 +41,7 @@ export class SelectSortableQuestion extends ListSortableQuestion {
     }
   }
 }
+
+/**
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
+ */

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

@@ -4,8 +4,46 @@ import { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'
 
 export class SelectQuestion extends ListQuestion {
   _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'
+  _fieldName = 'selectInput'
   /**
    * @type {ComponentType}
    */
   componentType = ComponentType.SelectField
+
+  /**
+   * @returns {ListItemReadonly[]}
+   */
+  get list() {
+    return this._getList()
+  }
+
+  get renderInput() {
+    const afterInput =
+      /** @type {{ formGroup?: { afterInput: { html: string }} }} */ (
+        this.list.length
+          ? {}
+          : {
+              formGroup: {
+                afterInput: {
+                  html: this._listElements.afterInputsHTML
+                }
+              }
+            }
+      )
+
+    return {
+      id: this._fieldName,
+      name: this._fieldName,
+      hint: this.hint,
+      label: this.label,
+      items: this.list,
+      classes: this.list.length ? '' : 'govuk-visually-hidden',
+      ...afterInput
+    }
+  }
 }
+
+/**
+ * @import { ListItemReadonly } from '~/src/form/form-editor/types.js'
+ * @import { FormGroupAfterInput }  from '~/src/form/form-editor/macros/types.js'
+ */

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

@@ -22,6 +22,7 @@ export interface BaseSettings {
   shortDesc: string
   items: ListElement[]
   content: string
+  attributes?: Record<string, string>
 }
 
 export interface DefaultComponent {
@@ -55,6 +56,10 @@ export interface AutocompleteElements extends QuestionElements {
   autocompleteOptions: string
 }
 
+export interface RenderBase {
+  render(questionTemplate: string, renderContext: RenderContext): void
+}
+
 export interface QuestionRenderContext {
   model: QuestionBaseModel
 }

package/src/pages/helpers.ts

@@ -6,7 +6,7 @@ import {
   type PageQuestion,
   type PageRepeat
 } from '~/src/form/form-definition/types.js'
-import { ComponentType } from '~/src/index.js'
+import { ComponentType, hasFormField } from '~/src/index.js'
 import {
   ControllerNames,
   ControllerTypes
@@ -153,3 +153,22 @@ export function omitFileUploadComponent(page: Page | undefined): boolean {
   }
   return false
 }
+
+/**
+ * Gets page title, or title of first question (if no page title set)
+ * @param {Page} page
+ * @returns {string}
+ */
+export function getPageTitle(page: Page) {
+  if (page.title !== '') {
+    return page.title
+  }
+
+  if (hasComponentsEvenIfNoNext(page)) {
+    const firstComp = page.components.find(hasFormField)
+    if (firstComp) {
+      return firstComp.title
+    }
+  }
+  return 'Page title unknown'
+}

package/src/pages/index.ts

@@ -8,6 +8,7 @@ export { PageTypes } from '~/src/pages/page-types.js'
 export {
   controllerNameFromPath,
   getPageDefaults,
+  getPageTitle,
   hasComponents,
   hasComponentsEvenIfNoNext,
   hasFormComponents,