@defra/forms-engine-plugin 0.0.1

package/.server/server/plugins/engine/components/MultilineTextField.js

@@ -0,0 +1,115 @@
+import Joi from 'joi';
+import { FormComponent } from "./FormComponent.js";
+export class MultilineTextField extends FormComponent {
+  isCharacterOrWordCount = false;
+  constructor(def, props) {
+    super(def, props);
+    const {
+      schema,
+      options,
+      title
+    } = def;
+    let formSchema = Joi.string().trim().label(title).required();
+    if (options.required === false) {
+      formSchema = formSchema.allow('');
+    }
+    if (typeof schema.length !== 'number') {
+      if (typeof schema.max === 'number') {
+        formSchema = formSchema.max(schema.max);
+        this.isCharacterOrWordCount = true;
+      }
+      if (typeof schema.min === 'number') {
+        formSchema = formSchema.min(schema.min);
+      }
+    } else {
+      formSchema = formSchema.length(schema.length);
+    }
+    if (typeof options.maxWords === 'number') {
+      formSchema = formSchema.custom(getValidatorMaxWords(this), 'max words validation');
+      this.isCharacterOrWordCount = true;
+    }
+    if (schema.regex) {
+      const pattern = new RegExp(schema.regex);
+      formSchema = formSchema.pattern(pattern);
+    }
+    if (options.customValidationMessage) {
+      const message = options.customValidationMessage;
+      formSchema = formSchema.messages({
+        'any.required': message,
+        'string.empty': message,
+        'string.max': message,
+        'string.min': message,
+        'string.length': message,
+        'string.pattern.base': message,
+        'string.maxWords': message
+      });
+    } else if (options.customValidationMessages) {
+      formSchema = formSchema.messages(options.customValidationMessages);
+    }
+    this.formSchema = formSchema.default('');
+    this.stateSchema = formSchema.default(null).allow(null);
+    this.options = options;
+    this.schema = schema;
+  }
+  getViewModel(payload, errors) {
+    const {
+      schema,
+      options,
+      isCharacterOrWordCount
+    } = this;
+    const viewModel = super.getViewModel(payload, errors);
+    let {
+      maxlength,
+      maxwords,
+      rows
+    } = viewModel;
+    if (schema.max) {
+      maxlength = schema.max;
+    }
+    if (options.maxWords) {
+      maxwords = options.maxWords;
+    }
+    if (options.rows) {
+      rows = options.rows;
+    }
+    return {
+      ...viewModel,
+      isCharacterOrWordCount,
+      maxlength,
+      maxwords,
+      rows
+    };
+  }
+}
+function getValidatorMaxWords(component) {
+  const validator = (value, helpers) => {
+    const {
+      options
+    } = component;
+    const {
+      customValidationMessage: custom,
+      maxWords: limit // See {{#limit}} variable
+    } = options;
+    if (!limit || count(value) <= limit) {
+      return value;
+    }
+    return custom ? helpers.message({
+      custom
+    }, {
+      limit
+    }) : helpers.error('string.maxWords', {
+      limit
+    });
+  };
+
+  /**
+   * Count the number of words in the given text
+   * @see GOV.UK Frontend {@link https://github.com/alphagov/govuk-frontend/blob/v5.4.0/packages/govuk-frontend/src/govuk/components/character-count/character-count.mjs#L343 | Character count `maxwords` implementation}
+   */
+  function count(text) {
+    const tokens = text.match(/\S+/g) ?? [];
+    return tokens.length;
+  }
+  return validator;
+}
+//# sourceMappingURL=MultilineTextField.js.map

package/.server/server/plugins/engine/components/MultilineTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultilineTextField.js","names":["Joi","FormComponent","MultilineTextField","isCharacterOrWordCount","constructor","def","props","schema","options","title","formSchema","string","trim","label","required","allow","length","max","min","maxWords","custom","getValidatorMaxWords","regex","pattern","RegExp","customValidationMessage","message","messages","customValidationMessages","default","stateSchema","getViewModel","payload","errors","viewModel","maxlength","maxwords","rows","component","validator","value","helpers","limit","count","error","text","tokens","match"],"sources":["../../../../../src/server/plugins/engine/components/MultilineTextField.ts"],"sourcesContent":["import { type MultilineTextFieldComponent } from '@defra/forms-model'\nimport Joi, { type CustomValidator, type StringSchema } from 'joi'\n\nimport { type ComponentBase } from '~/src/server/plugins/engine/components/ComponentBase.js'\nimport { FormComponent } from '~/src/server/plugins/engine/components/FormComponent.js'\nimport {\n  type FormPayload,\n  type FormSubmissionError\n} from '~/src/server/plugins/engine/types.js'\n\nexport class MultilineTextField extends FormComponent {\n  declare options: MultilineTextFieldComponent['options']\n  declare schema: MultilineTextFieldComponent['schema']\n  declare formSchema: StringSchema\n  declare stateSchema: StringSchema\n\n  isCharacterOrWordCount = false\n\n  constructor(\n    def: MultilineTextFieldComponent,\n    props: ConstructorParameters<typeof ComponentBase>[1]\n  ) {\n    super(def, props)\n\n    const { schema, options, title } = def\n\n    let formSchema = Joi.string().trim().label(title).required()\n\n    if (options.required === false) {\n      formSchema = formSchema.allow('')\n    }\n\n    if (typeof schema.length !== 'number') {\n      if (typeof schema.max === 'number') {\n        formSchema = formSchema.max(schema.max)\n        this.isCharacterOrWordCount = true\n      }\n\n      if (typeof schema.min === 'number') {\n        formSchema = formSchema.min(schema.min)\n      }\n    } else {\n      formSchema = formSchema.length(schema.length)\n    }\n\n    if (typeof options.maxWords === 'number') {\n      formSchema = formSchema.custom(\n        getValidatorMaxWords(this),\n        'max words validation'\n      )\n\n      this.isCharacterOrWordCount = true\n    }\n\n    if (schema.regex) {\n      const pattern = new RegExp(schema.regex)\n      formSchema = formSchema.pattern(pattern)\n    }\n\n    if (options.customValidationMessage) {\n      const message = options.customValidationMessage\n\n      formSchema = formSchema.messages({\n        'any.required': message,\n        'string.empty': message,\n        'string.max': message,\n        'string.min': message,\n        'string.length': message,\n        'string.pattern.base': message,\n        'string.maxWords': message\n      })\n    } else if (options.customValidationMessages) {\n      formSchema = formSchema.messages(options.customValidationMessages)\n    }\n\n    this.formSchema = formSchema.default('')\n    this.stateSchema = formSchema.default(null).allow(null)\n    this.options = options\n    this.schema = schema\n  }\n\n  getViewModel(payload: FormPayload, errors?: FormSubmissionError[]) {\n    const { schema, options, isCharacterOrWordCount } = this\n\n    const viewModel = super.getViewModel(payload, errors)\n    let { maxlength, maxwords, rows } = viewModel\n\n    if (schema.max) {\n      maxlength = schema.max\n    }\n\n    if (options.maxWords) {\n      maxwords = options.maxWords\n    }\n\n    if (options.rows) {\n      rows = options.rows\n    }\n\n    return {\n      ...viewModel,\n      isCharacterOrWordCount,\n      maxlength,\n      maxwords,\n      rows\n    }\n  }\n}\n\nfunction getValidatorMaxWords(component: MultilineTextField) {\n  const validator: CustomValidator = (value: string, helpers) => {\n    const { options } = component\n\n    const {\n      customValidationMessage: custom,\n      maxWords: limit // See {{#limit}} variable\n    } = options\n\n    if (!limit || count(value) <= limit) {\n      return value\n    }\n\n    return custom\n      ? helpers.message({ custom }, { limit })\n      : helpers.error('string.maxWords', { limit })\n  }\n\n  /**\n   * Count the number of words in the given text\n   * @see GOV.UK Frontend {@link https://github.com/alphagov/govuk-frontend/blob/v5.4.0/packages/govuk-frontend/src/govuk/components/character-count/character-count.mjs#L343 | Character count `maxwords` implementation}\n   */\n  function count(text: string) {\n    const tokens = text.match(/\\S+/g) ?? []\n    return tokens.length\n  }\n\n  return validator\n}\n"],"mappings":"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","ignoreList":[]}

package/.server/server/plugins/engine/components/NumberField.js

@@ -0,0 +1,137 @@
+import joi from 'joi';
+import { FormComponent, isFormValue } from "./FormComponent.js";
+import { messageTemplate } from "../pageControllers/validationOptions.js";
+export class NumberField extends FormComponent {
+  constructor(def, props) {
+    super(def, props);
+    const {
+      options,
+      schema,
+      title
+    } = def;
+    let formSchema = joi.number().custom(getValidatorPrecision(this)).label(title).required();
+    if (options.required === false) {
+      formSchema = formSchema.allow('');
+    } else {
+      const messages = options.customValidationMessages;
+      formSchema = formSchema.empty('').messages({
+        'any.required': messages?.['any.required'] ?? messageTemplate.required
+      });
+    }
+    if (typeof schema.min === 'number') {
+      formSchema = formSchema.min(schema.min);
+    }
+    if (typeof schema.max === 'number') {
+      formSchema = formSchema.max(schema.max);
+    }
+    if (typeof schema.precision === 'number' && schema.precision <= 0) {
+      formSchema = formSchema.integer();
+    }
+    if (options.customValidationMessage) {
+      const message = options.customValidationMessage;
+      formSchema = formSchema.messages({
+        'any.required': message,
+        'number.base': message,
+        'number.precision': message,
+        'number.integer': message,
+        'number.min': message,
+        'number.max': message
+      });
+    } else if (options.customValidationMessages) {
+      formSchema = formSchema.messages(options.customValidationMessages);
+    }
+    this.formSchema = formSchema.default('');
+    this.stateSchema = formSchema.default(null).allow(null);
+    this.options = options;
+    this.schema = schema;
+  }
+  getFormValueFromState(state) {
+    const {
+      name
+    } = this;
+    return this.getFormValue(state[name]);
+  }
+  getFormValue(value) {
+    return this.isValue(value) ? value : undefined;
+  }
+  getViewModel(payload, errors) {
+    const {
+      options,
+      schema
+    } = this;
+    const viewModel = super.getViewModel(payload, errors);
+    let {
+      attributes,
+      prefix,
+      suffix,
+      value
+    } = viewModel;
+    if (typeof schema.precision === 'undefined' || schema.precision <= 0) {
+      // If precision isn't provided or provided and
+      // less than or equal to 0, use numeric inputmode
+      attributes.inputmode = 'numeric';
+    }
+    if (options.prefix) {
+      prefix = {
+        text: options.prefix
+      };
+    }
+    if (options.suffix) {
+      suffix = {
+        text: options.suffix
+      };
+    }
+
+    // Allow any `toString()`-able value so non-numeric
+    // values are shown alongside their error messages
+    if (!isFormValue(value)) {
+      value = undefined;
+    }
+    return {
+      ...viewModel,
+      attributes,
+      prefix,
+      suffix,
+      value
+    };
+  }
+  isValue(value) {
+    return NumberField.isNumber(value);
+  }
+  static isNumber(value) {
+    return typeof value === 'number';
+  }
+}
+export function getValidatorPrecision(component) {
+  const validator = (value, helpers) => {
+    const {
+      options,
+      schema
+    } = component;
+    const {
+      customValidationMessage: custom
+    } = options;
+    const {
+      precision: limit
+    } = schema;
+    if (!limit || limit <= 0) {
+      return value;
+    }
+    const validationSchema = joi.number().precision(limit).prefs({
+      convert: false
+    });
+    try {
+      return joi.attempt(value, validationSchema);
+    } catch {
+      return custom ? helpers.message({
+        custom
+      }, {
+        limit
+      }) : helpers.error('number.precision', {
+        limit
+      });
+    }
+  };
+  return validator;
+}
+//# sourceMappingURL=NumberField.js.map

package/.server/server/plugins/engine/components/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","names":["joi","FormComponent","isFormValue","messageTemplate","NumberField","constructor","def","props","options","schema","title","formSchema","number","custom","getValidatorPrecision","label","required","allow","messages","customValidationMessages","empty","min","max","precision","integer","customValidationMessage","message","default","stateSchema","getFormValueFromState","state","name","getFormValue","value","isValue","undefined","getViewModel","payload","errors","viewModel","attributes","prefix","suffix","inputmode","text","isNumber","component","validator","helpers","limit","validationSchema","prefs","convert","attempt","error"],"sources":["../../../../../src/server/plugins/engine/components/NumberField.ts"],"sourcesContent":["import { type NumberFieldComponent } from '@defra/forms-model'\nimport joi, { type CustomValidator, type NumberSchema } from 'joi'\n\nimport {\n  FormComponent,\n  isFormValue\n} from '~/src/server/plugins/engine/components/FormComponent.js'\nimport { messageTemplate } from '~/src/server/plugins/engine/pageControllers/validationOptions.js'\nimport {\n  type FormPayload,\n  type FormState,\n  type FormStateValue,\n  type FormSubmissionError,\n  type FormSubmissionState\n} from '~/src/server/plugins/engine/types.js'\n\nexport class NumberField extends FormComponent {\n  declare options: NumberFieldComponent['options']\n  declare schema: NumberFieldComponent['schema']\n  declare formSchema: NumberSchema\n  declare stateSchema: NumberSchema\n\n  constructor(\n    def: NumberFieldComponent,\n    props: ConstructorParameters<typeof FormComponent>[1]\n  ) {\n    super(def, props)\n\n    const { options, schema, title } = def\n\n    let formSchema = joi\n      .number()\n      .custom(getValidatorPrecision(this))\n      .label(title)\n      .required()\n\n    if (options.required === false) {\n      formSchema = formSchema.allow('')\n    } else {\n      const messages = options.customValidationMessages\n\n      formSchema = formSchema.empty('').messages({\n        'any.required': messages?.['any.required'] ?? messageTemplate.required\n      })\n    }\n\n    if (typeof schema.min === 'number') {\n      formSchema = formSchema.min(schema.min)\n    }\n\n    if (typeof schema.max === 'number') {\n      formSchema = formSchema.max(schema.max)\n    }\n\n    if (typeof schema.precision === 'number' && schema.precision <= 0) {\n      formSchema = formSchema.integer()\n    }\n\n    if (options.customValidationMessage) {\n      const message = options.customValidationMessage\n\n      formSchema = formSchema.messages({\n        'any.required': message,\n        'number.base': message,\n        'number.precision': message,\n        'number.integer': message,\n        'number.min': message,\n        'number.max': message\n      })\n    } else if (options.customValidationMessages) {\n      formSchema = formSchema.messages(options.customValidationMessages)\n    }\n\n    this.formSchema = formSchema.default('')\n    this.stateSchema = formSchema.default(null).allow(null)\n    this.options = options\n    this.schema = schema\n  }\n\n  getFormValueFromState(state: FormSubmissionState) {\n    const { name } = this\n    return this.getFormValue(state[name])\n  }\n\n  getFormValue(value?: FormStateValue | FormState) {\n    return this.isValue(value) ? value : undefined\n  }\n\n  getViewModel(payload: FormPayload, errors?: FormSubmissionError[]) {\n    const { options, schema } = this\n\n    const viewModel = super.getViewModel(payload, errors)\n    let { attributes, prefix, suffix, value } = viewModel\n\n    if (typeof schema.precision === 'undefined' || schema.precision <= 0) {\n      // If precision isn't provided or provided and\n      // less than or equal to 0, use numeric inputmode\n      attributes.inputmode = 'numeric'\n    }\n\n    if (options.prefix) {\n      prefix = {\n        text: options.prefix\n      }\n    }\n\n    if (options.suffix) {\n      suffix = {\n        text: options.suffix\n      }\n    }\n\n    // Allow any `toString()`-able value so non-numeric\n    // values are shown alongside their error messages\n    if (!isFormValue(value)) {\n      value = undefined\n    }\n\n    return {\n      ...viewModel,\n      attributes,\n      prefix,\n      suffix,\n      value\n    }\n  }\n\n  isValue(value?: FormStateValue | FormState) {\n    return NumberField.isNumber(value)\n  }\n\n  static isNumber(value?: FormStateValue | FormState): value is number {\n    return typeof value === 'number'\n  }\n}\n\nexport function getValidatorPrecision(component: NumberField) {\n  const validator: CustomValidator = (value: number, helpers) => {\n    const { options, schema } = component\n\n    const { customValidationMessage: custom } = options\n    const { precision: limit } = schema\n\n    if (!limit || limit <= 0) {\n      return value\n    }\n\n    const validationSchema = joi\n      .number()\n      .precision(limit)\n      .prefs({ convert: false })\n\n    try {\n      return joi.attempt(value, validationSchema)\n    } catch {\n      return custom\n        ? helpers.message({ custom }, { limit })\n        : helpers.error('number.precision', { limit })\n    }\n  }\n\n  return validator\n}\n"],"mappings":"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","ignoreList":[]}

package/.server/server/plugins/engine/components/RadiosField.js

@@ -0,0 +1,18 @@
+import { SelectionControlField } from "./SelectionControlField.js";
+export class RadiosField extends SelectionControlField {
+  constructor(def, props) {
+    super(def, props);
+    const {
+      options
+    } = def;
+    let {
+      formSchema
+    } = this;
+    if (options.required === false) {
+      formSchema = formSchema.optional();
+    }
+    this.formSchema = formSchema;
+    this.options = options;
+  }
+}
+//# sourceMappingURL=RadiosField.js.map

package/.server/server/plugins/engine/components/RadiosField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadiosField.js","names":["SelectionControlField","RadiosField","constructor","def","props","options","formSchema","required","optional"],"sources":["../../../../../src/server/plugins/engine/components/RadiosField.ts"],"sourcesContent":["import { type RadiosFieldComponent } from '@defra/forms-model'\n\nimport { SelectionControlField } from '~/src/server/plugins/engine/components/SelectionControlField.js'\n\nexport class RadiosField extends SelectionControlField {\n  declare options: RadiosFieldComponent['options']\n\n  constructor(\n    def: RadiosFieldComponent,\n    props: ConstructorParameters<typeof SelectionControlField>[1]\n  ) {\n    super(def, props)\n\n    const { options } = def\n    let { formSchema } = this\n\n    if (options.required === false) {\n      formSchema = formSchema.optional()\n    }\n\n    this.formSchema = formSchema\n    this.options = options\n  }\n}\n"],"mappings":"AAEA,SAASA,qBAAqB;AAE9B,OAAO,MAAMC,WAAW,SAASD,qBAAqB,CAAC;EAGrDE,WAAWA,CACTC,GAAyB,EACzBC,KAA6D,EAC7D;IACA,KAAK,CAACD,GAAG,EAAEC,KAAK,CAAC;IAEjB,MAAM;MAAEC;IAAQ,CAAC,GAAGF,GAAG;IACvB,IAAI;MAAEG;IAAW,CAAC,GAAG,IAAI;IAEzB,IAAID,OAAO,CAACE,QAAQ,KAAK,KAAK,EAAE;MAC9BD,UAAU,GAAGA,UAAU,CAACE,QAAQ,CAAC,CAAC;IACpC;IAEA,IAAI,CAACF,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACD,OAAO,GAAGA,OAAO;EACxB;AACF","ignoreList":[]}

package/.server/server/plugins/engine/components/SelectField.js

@@ -0,0 +1,33 @@
+import { ListFormComponent } from "./ListFormComponent.js";
+export class SelectField extends ListFormComponent {
+  constructor(def, props) {
+    super(def, props);
+    const {
+      options
+    } = def;
+    let {
+      formSchema
+    } = this;
+    if (options.required === false) {
+      formSchema = formSchema.allow('');
+    } else {
+      formSchema = formSchema.empty('');
+    }
+    this.formSchema = formSchema;
+    this.options = options;
+  }
+  getViewModel(payload, errors) {
+    const viewModel = super.getViewModel(payload, errors);
+    let {
+      items
+    } = viewModel;
+    items = [{
+      value: ''
+    }, ...items];
+    return {
+      ...viewModel,
+      items
+    };
+  }
+}
+//# sourceMappingURL=SelectField.js.map

package/.server/server/plugins/engine/components/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","names":["ListFormComponent","SelectField","constructor","def","props","options","formSchema","required","allow","empty","getViewModel","payload","errors","viewModel","items","value"],"sources":["../../../../../src/server/plugins/engine/components/SelectField.ts"],"sourcesContent":["import {\n  type AutocompleteFieldComponent,\n  type SelectFieldComponent\n} from '@defra/forms-model'\n\nimport { ListFormComponent } from '~/src/server/plugins/engine/components/ListFormComponent.js'\nimport {\n  type FormPayload,\n  type FormSubmissionError\n} from '~/src/server/plugins/engine/types.js'\n\nexport class SelectField extends ListFormComponent {\n  declare options:\n    | SelectFieldComponent['options']\n    | AutocompleteFieldComponent['options']\n\n  constructor(\n    def: SelectFieldComponent | AutocompleteFieldComponent,\n    props: ConstructorParameters<typeof ListFormComponent>[1]\n  ) {\n    super(def, props)\n\n    const { options } = def\n    let { formSchema } = this\n\n    if (options.required === false) {\n      formSchema = formSchema.allow('')\n    } else {\n      formSchema = formSchema.empty('')\n    }\n\n    this.formSchema = formSchema\n    this.options = options\n  }\n\n  getViewModel(payload: FormPayload, errors?: FormSubmissionError[]) {\n    const viewModel = super.getViewModel(payload, errors)\n    let { items } = viewModel\n\n    items = [{ value: '' }, ...items]\n\n    return {\n      ...viewModel,\n      items\n    }\n  }\n}\n"],"mappings":"AAKA,SAASA,iBAAiB;AAM1B,OAAO,MAAMC,WAAW,SAASD,iBAAiB,CAAC;EAKjDE,WAAWA,CACTC,GAAsD,EACtDC,KAAyD,EACzD;IACA,KAAK,CAACD,GAAG,EAAEC,KAAK,CAAC;IAEjB,MAAM;MAAEC;IAAQ,CAAC,GAAGF,GAAG;IACvB,IAAI;MAAEG;IAAW,CAAC,GAAG,IAAI;IAEzB,IAAID,OAAO,CAACE,QAAQ,KAAK,KAAK,EAAE;MAC9BD,UAAU,GAAGA,UAAU,CAACE,KAAK,CAAC,EAAE,CAAC;IACnC,CAAC,MAAM;MACLF,UAAU,GAAGA,UAAU,CAACG,KAAK,CAAC,EAAE,CAAC;IACnC;IAEA,IAAI,CAACH,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACD,OAAO,GAAGA,OAAO;EACxB;EAEAK,YAAYA,CAACC,OAAoB,EAAEC,MAA8B,EAAE;IACjE,MAAMC,SAAS,GAAG,KAAK,CAACH,YAAY,CAACC,OAAO,EAAEC,MAAM,CAAC;IACrD,IAAI;MAAEE;IAAM,CAAC,GAAGD,SAAS;IAEzBC,KAAK,GAAG,CAAC;MAAEC,KAAK,EAAE;IAAG,CAAC,EAAE,GAAGD,KAAK,CAAC;IAEjC,OAAO;MACL,GAAGD,SAAS;MACZC;IACF,CAAC;EACH;AACF","ignoreList":[]}

package/.server/server/plugins/engine/components/SelectionControlField.js

@@ -0,0 +1,43 @@
+import { ListFormComponent } from "./ListFormComponent.js";
+/**
+ * "Selection controls" are checkboxes and radios (and switches), as per Material UI nomenclature.
+ */
+export class SelectionControlField extends ListFormComponent {
+  getViewModel(payload, errors) {
+    const {
+      options
+    } = this;
+    const viewModel = super.getViewModel(payload, errors);
+    let {
+      fieldset,
+      items,
+      label
+    } = viewModel;
+    fieldset ??= {
+      legend: {
+        text: label.text,
+        classes: 'govuk-fieldset__legend--m'
+      }
+    };
+    items = items.map(item => {
+      const {
+        selected: checked
+      } = item;
+      const itemModel = {
+        ...item,
+        checked
+      };
+      if ('bold' in options && options.bold) {
+        itemModel.label ??= {};
+        itemModel.label.classes = 'govuk-label--s';
+      }
+      return itemModel;
+    });
+    return {
+      ...viewModel,
+      fieldset,
+      items
+    };
+  }
+}
+//# sourceMappingURL=SelectionControlField.js.map

package/.server/server/plugins/engine/components/SelectionControlField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionControlField.js","names":["ListFormComponent","SelectionControlField","getViewModel","payload","errors","options","viewModel","fieldset","items","label","legend","text","classes","map","item","selected","checked","itemModel","bold"],"sources":["../../../../../src/server/plugins/engine/components/SelectionControlField.ts"],"sourcesContent":["import { ListFormComponent } from '~/src/server/plugins/engine/components/ListFormComponent.js'\nimport { type ListItem } from '~/src/server/plugins/engine/components/types.js'\nimport {\n  type FormPayload,\n  type FormSubmissionError\n} from '~/src/server/plugins/engine/types.js'\n\n/**\n * \"Selection controls\" are checkboxes and radios (and switches), as per Material UI nomenclature.\n */\nexport class SelectionControlField extends ListFormComponent {\n  getViewModel(payload: FormPayload, errors?: FormSubmissionError[]) {\n    const { options } = this\n\n    const viewModel = super.getViewModel(payload, errors)\n    let { fieldset, items, label } = viewModel\n\n    fieldset ??= {\n      legend: {\n        text: label.text,\n        classes: 'govuk-fieldset__legend--m'\n      }\n    }\n\n    items = items.map((item) => {\n      const { selected: checked } = item\n      const itemModel = { ...item, checked } satisfies ListItem\n\n      if ('bold' in options && options.bold) {\n        itemModel.label ??= {}\n        itemModel.label.classes = 'govuk-label--s'\n      }\n\n      return itemModel\n    })\n\n    return {\n      ...viewModel,\n      fieldset,\n      items\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,iBAAiB;AAO1B;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,SAASD,iBAAiB,CAAC;EAC3DE,YAAYA,CAACC,OAAoB,EAAEC,MAA8B,EAAE;IACjE,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI;IAExB,MAAMC,SAAS,GAAG,KAAK,CAACJ,YAAY,CAACC,OAAO,EAAEC,MAAM,CAAC;IACrD,IAAI;MAAEG,QAAQ;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAGH,SAAS;IAE1CC,QAAQ,KAAK;MACXG,MAAM,EAAE;QACNC,IAAI,EAAEF,KAAK,CAACE,IAAI;QAChBC,OAAO,EAAE;MACX;IACF,CAAC;IAEDJ,KAAK,GAAGA,KAAK,CAACK,GAAG,CAAEC,IAAI,IAAK;MAC1B,MAAM;QAAEC,QAAQ,EAAEC;MAAQ,CAAC,GAAGF,IAAI;MAClC,MAAMG,SAAS,GAAG;QAAE,GAAGH,IAAI;QAAEE;MAAQ,CAAoB;MAEzD,IAAI,MAAM,IAAIX,OAAO,IAAIA,OAAO,CAACa,IAAI,EAAE;QACrCD,SAAS,CAACR,KAAK,KAAK,CAAC,CAAC;QACtBQ,SAAS,CAACR,KAAK,CAACG,OAAO,GAAG,gBAAgB;MAC5C;MAEA,OAAOK,SAAS;IAClB,CAAC,CAAC;IAEF,OAAO;MACL,GAAGX,SAAS;MACZC,QAAQ;MACRC;IACF,CAAC;EACH;AACF","ignoreList":[]}

package/.server/server/plugins/engine/components/TelephoneNumberField.js

@@ -0,0 +1,43 @@
+import joi from 'joi';
+import { FormComponent } from "./FormComponent.js";
+import { addClassOptionIfNone } from "./helpers.js";
+const PATTERN = /^[0-9\\\s+()-]*$/;
+export class TelephoneNumberField extends FormComponent {
+  constructor(def, props) {
+    super(def, props);
+    const {
+      options,
+      title
+    } = def;
+    let formSchema = joi.string().trim().pattern(PATTERN).label(title).required();
+    if (options.required === false) {
+      formSchema = formSchema.allow('');
+    }
+    if (options.customValidationMessage) {
+      const message = options.customValidationMessage;
+      formSchema = formSchema.messages({
+        'any.required': message,
+        'string.empty': message,
+        'string.pattern.base': message
+      });
+    } else if (options.customValidationMessages) {
+      formSchema = formSchema.messages(options.customValidationMessages);
+    }
+    addClassOptionIfNone(options, 'govuk-input--width-20');
+    this.formSchema = formSchema.default('');
+    this.stateSchema = formSchema.default(null).allow(null);
+    this.options = options;
+  }
+  getViewModel(payload, errors) {
+    const viewModel = super.getViewModel(payload, errors);
+    const {
+      attributes
+    } = viewModel;
+    attributes.autocomplete = 'tel';
+    return {
+      ...viewModel,
+      type: 'tel'
+    };
+  }
+}
+//# sourceMappingURL=TelephoneNumberField.js.map

package/.server/server/plugins/engine/components/TelephoneNumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelephoneNumberField.js","names":["joi","FormComponent","addClassOptionIfNone","PATTERN","TelephoneNumberField","constructor","def","props","options","title","formSchema","string","trim","pattern","label","required","allow","customValidationMessage","message","messages","customValidationMessages","default","stateSchema","getViewModel","payload","errors","viewModel","attributes","autocomplete","type"],"sources":["../../../../../src/server/plugins/engine/components/TelephoneNumberField.ts"],"sourcesContent":["import { type TelephoneNumberFieldComponent } from '@defra/forms-model'\nimport joi, { type StringSchema } from 'joi'\n\nimport { FormComponent } from '~/src/server/plugins/engine/components/FormComponent.js'\nimport { addClassOptionIfNone } from '~/src/server/plugins/engine/components/helpers.js'\nimport {\n  type FormPayload,\n  type FormSubmissionError\n} from '~/src/server/plugins/engine/types.js'\n\nconst PATTERN = /^[0-9\\\\\\s+()-]*$/\n\nexport class TelephoneNumberField extends FormComponent {\n  declare options: TelephoneNumberFieldComponent['options']\n  declare formSchema: StringSchema\n  declare stateSchema: StringSchema\n\n  constructor(\n    def: TelephoneNumberFieldComponent,\n    props: ConstructorParameters<typeof FormComponent>[1]\n  ) {\n    super(def, props)\n\n    const { options, title } = def\n\n    let formSchema = joi\n      .string()\n      .trim()\n      .pattern(PATTERN)\n      .label(title)\n      .required()\n\n    if (options.required === false) {\n      formSchema = formSchema.allow('')\n    }\n\n    if (options.customValidationMessage) {\n      const message = options.customValidationMessage\n\n      formSchema = formSchema.messages({\n        'any.required': message,\n        'string.empty': message,\n        'string.pattern.base': message\n      })\n    } else if (options.customValidationMessages) {\n      formSchema = formSchema.messages(options.customValidationMessages)\n    }\n\n    addClassOptionIfNone(options, 'govuk-input--width-20')\n\n    this.formSchema = formSchema.default('')\n    this.stateSchema = formSchema.default(null).allow(null)\n    this.options = options\n  }\n\n  getViewModel(payload: FormPayload, errors?: FormSubmissionError[]) {\n    const viewModel = super.getViewModel(payload, errors)\n    const { attributes } = viewModel\n\n    attributes.autocomplete = 'tel'\n\n    return {\n      ...viewModel,\n      type: 'tel'\n    }\n  }\n}\n"],"mappings":"AACA,OAAOA,GAAG,MAA6B,KAAK;AAE5C,SAASC,aAAa;AACtB,SAASC,oBAAoB;AAM7B,MAAMC,OAAO,GAAG,kBAAkB;AAElC,OAAO,MAAMC,oBAAoB,SAASH,aAAa,CAAC;EAKtDI,WAAWA,CACTC,GAAkC,EAClCC,KAAqD,EACrD;IACA,KAAK,CAACD,GAAG,EAAEC,KAAK,CAAC;IAEjB,MAAM;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAGH,GAAG;IAE9B,IAAII,UAAU,GAAGV,GAAG,CACjBW,MAAM,CAAC,CAAC,CACRC,IAAI,CAAC,CAAC,CACNC,OAAO,CAACV,OAAO,CAAC,CAChBW,KAAK,CAACL,KAAK,CAAC,CACZM,QAAQ,CAAC,CAAC;IAEb,IAAIP,OAAO,CAACO,QAAQ,KAAK,KAAK,EAAE;MAC9BL,UAAU,GAAGA,UAAU,CAACM,KAAK,CAAC,EAAE,CAAC;IACnC;IAEA,IAAIR,OAAO,CAACS,uBAAuB,EAAE;MACnC,MAAMC,OAAO,GAAGV,OAAO,CAACS,uBAAuB;MAE/CP,UAAU,GAAGA,UAAU,CAACS,QAAQ,CAAC;QAC/B,cAAc,EAAED,OAAO;QACvB,cAAc,EAAEA,OAAO;QACvB,qBAAqB,EAAEA;MACzB,CAAC,CAAC;IACJ,CAAC,MAAM,IAAIV,OAAO,CAACY,wBAAwB,EAAE;MAC3CV,UAAU,GAAGA,UAAU,CAACS,QAAQ,CAACX,OAAO,CAACY,wBAAwB,CAAC;IACpE;IAEAlB,oBAAoB,CAACM,OAAO,EAAE,uBAAuB,CAAC;IAEtD,IAAI,CAACE,UAAU,GAAGA,UAAU,CAACW,OAAO,CAAC,EAAE,CAAC;IACxC,IAAI,CAACC,WAAW,GAAGZ,UAAU,CAACW,OAAO,CAAC,IAAI,CAAC,CAACL,KAAK,CAAC,IAAI,CAAC;IACvD,IAAI,CAACR,OAAO,GAAGA,OAAO;EACxB;EAEAe,YAAYA,CAACC,OAAoB,EAAEC,MAA8B,EAAE;IACjE,MAAMC,SAAS,GAAG,KAAK,CAACH,YAAY,CAACC,OAAO,EAAEC,MAAM,CAAC;IACrD,MAAM;MAAEE;IAAW,CAAC,GAAGD,SAAS;IAEhCC,UAAU,CAACC,YAAY,GAAG,KAAK;IAE/B,OAAO;MACL,GAAGF,SAAS;MACZG,IAAI,EAAE;IACR,CAAC;EACH;AACF","ignoreList":[]}

package/.server/server/plugins/engine/components/TextField.js

@@ -0,0 +1,63 @@
+import joi from 'joi';
+import { FormComponent, isFormValue } from "./FormComponent.js";
+export class TextField extends FormComponent {
+  constructor(def, props) {
+    super(def, props);
+    const {
+      options,
+      title
+    } = def;
+    const schema = 'schema' in def ? def.schema : {};
+    let formSchema = joi.string().trim().label(title).required();
+    if (options.required === false) {
+      formSchema = formSchema.allow('');
+    }
+    if (typeof schema.length !== 'number') {
+      if (typeof schema.max === 'number') {
+        formSchema = formSchema.max(schema.max);
+      }
+      if (typeof schema.min === 'number') {
+        formSchema = formSchema.min(schema.min);
+      }
+    } else {
+      formSchema = formSchema.length(schema.length);
+    }
+    if (schema.regex) {
+      const pattern = new RegExp(schema.regex);
+      formSchema = formSchema.pattern(pattern);
+    }
+    if (options.customValidationMessage) {
+      const message = options.customValidationMessage;
+      formSchema = formSchema.messages({
+        'any.required': message,
+        'string.empty': message,
+        'string.max': message,
+        'string.min': message,
+        'string.length': message,
+        'string.pattern.base': message
+      });
+    } else if (options.customValidationMessages) {
+      formSchema = formSchema.messages(options.customValidationMessages);
+    }
+    this.formSchema = formSchema.default('');
+    this.stateSchema = formSchema.default(null).allow(null);
+    this.options = options;
+    this.schema = schema;
+  }
+  getFormValueFromState(state) {
+    const {
+      name
+    } = this;
+    return this.getFormValue(state[name]);
+  }
+  getFormValue(value) {
+    return this.isValue(value) ? value : undefined;
+  }
+  isValue(value) {
+    return TextField.isText(value);
+  }
+  static isText(value) {
+    return isFormValue(value) && typeof value === 'string';
+  }
+}
+//# sourceMappingURL=TextField.js.map

package/.server/server/plugins/engine/components/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","names":["joi","FormComponent","isFormValue","TextField","constructor","def","props","options","title","schema","formSchema","string","trim","label","required","allow","length","max","min","regex","pattern","RegExp","customValidationMessage","message","messages","customValidationMessages","default","stateSchema","getFormValueFromState","state","name","getFormValue","value","isValue","undefined","isText"],"sources":["../../../../../src/server/plugins/engine/components/TextField.ts"],"sourcesContent":["import {\n  type EmailAddressFieldComponent,\n  type TextFieldComponent\n} from '@defra/forms-model'\nimport joi, { type StringSchema } from 'joi'\n\nimport {\n  FormComponent,\n  isFormValue\n} from '~/src/server/plugins/engine/components/FormComponent.js'\nimport {\n  type FormState,\n  type FormStateValue,\n  type FormSubmissionState\n} from '~/src/server/plugins/engine/types.js'\n\nexport class TextField extends FormComponent {\n  declare options:\n    | TextFieldComponent['options']\n    | EmailAddressFieldComponent['options']\n\n  declare schema: TextFieldComponent['schema']\n\n  declare formSchema: StringSchema\n  declare stateSchema: StringSchema\n\n  constructor(\n    def: TextFieldComponent | EmailAddressFieldComponent,\n    props: ConstructorParameters<typeof FormComponent>[1]\n  ) {\n    super(def, props)\n\n    const { options, title } = def\n    const schema = 'schema' in def ? def.schema : {}\n\n    let formSchema = joi.string().trim().label(title).required()\n\n    if (options.required === false) {\n      formSchema = formSchema.allow('')\n    }\n\n    if (typeof schema.length !== 'number') {\n      if (typeof schema.max === 'number') {\n        formSchema = formSchema.max(schema.max)\n      }\n\n      if (typeof schema.min === 'number') {\n        formSchema = formSchema.min(schema.min)\n      }\n    } else {\n      formSchema = formSchema.length(schema.length)\n    }\n\n    if (schema.regex) {\n      const pattern = new RegExp(schema.regex)\n      formSchema = formSchema.pattern(pattern)\n    }\n\n    if (options.customValidationMessage) {\n      const message = options.customValidationMessage\n\n      formSchema = formSchema.messages({\n        'any.required': message,\n        'string.empty': message,\n        'string.max': message,\n        'string.min': message,\n        'string.length': message,\n        'string.pattern.base': message\n      })\n    } else if (options.customValidationMessages) {\n      formSchema = formSchema.messages(options.customValidationMessages)\n    }\n\n    this.formSchema = formSchema.default('')\n    this.stateSchema = formSchema.default(null).allow(null)\n    this.options = options\n    this.schema = schema\n  }\n\n  getFormValueFromState(state: FormSubmissionState) {\n    const { name } = this\n    return this.getFormValue(state[name])\n  }\n\n  getFormValue(value?: FormStateValue | FormState) {\n    return this.isValue(value) ? value : undefined\n  }\n\n  isValue(value?: FormStateValue | FormState): value is string {\n    return TextField.isText(value)\n  }\n\n  static isText(value?: FormStateValue | FormState): value is string {\n    return isFormValue(value) && typeof value === 'string'\n  }\n}\n"],"mappings":"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","ignoreList":[]}