@defra/forms-model 3.0.480 → 3.0.482

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

@@ -0,0 +1,94 @@
+import { ComponentElements } from "./component-elements.js";
+import { PreviewComponent } from "./preview.js";
+
+/**
+ * @implements {QuestionElements}
+ */
+export class ContentElements extends ComponentElements {
+  /**
+   * @type {Exclude<ContentComponentsDef, ListComponent>}
+   * @protected
+   */
+  _component;
+  /**
+   * @param {Exclude<ContentComponentsDef, ListComponent>} component
+   */
+  constructor(component) {
+    super(component);
+    this._component = component;
+  }
+
+  /**
+   * @protected
+   * @returns {BaseSettings}
+   */
+  _getValues() {
+    return {
+      ...super._getValues(),
+      content: this._component.content
+    };
+  }
+}
+
+/**
+ * @abstract
+ * @class Content
+ * @classdesc
+ * Base of Content preview classes
+ */
+export class Content extends PreviewComponent {
+  /**
+   * @type {string}
+   * @protected
+   */
+  _content;
+
+  /**
+   * @param {QuestionElements} htmlElements
+   * @param {QuestionRenderer} questionRenderer
+   */
+  constructor(htmlElements, questionRenderer) {
+    super(htmlElements, questionRenderer);
+    const {
+      content
+    } = htmlElements.values;
+    this._content = content;
+  }
+
+  /**
+   * @returns {QuestionBaseModel}
+   * @protected
+   */
+  _renderInput() {
+    return {
+      ...super._renderInput(),
+      content: this.content
+    };
+  }
+
+  /**
+   * @param {string} value
+   * @protected
+   */
+  _setContent(value) {
+    this._content = value;
+  }
+
+  /**
+   * @returns {string}
+   */
+  get content() {
+    return this._content;
+  }
+  set content(value) {
+    this._setContent(value);
+    this.render();
+  }
+}
+
+/**
+ * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'
+ * @import { FormComponentsDef, ListComponent, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'
+ * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
+ */
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","names":["ComponentElements","PreviewComponent","ContentElements","_component","constructor","component","_getValues","content","Content","_content","htmlElements","questionRenderer","values","_renderInput","_setContent","value","render"],"sources":["../../../../../src/form/form-editor/preview/content.js"],"sourcesContent":["import { ComponentElements } from '~/src/form/form-editor/preview/component-elements.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\n/**\n * @implements {QuestionElements}\n */\nexport class ContentElements extends ComponentElements {\n  /**\n   * @type {Exclude<ContentComponentsDef, ListComponent>}\n   * @protected\n   */\n  _component\n  /**\n   * @param {Exclude<ContentComponentsDef, ListComponent>} component\n   */\n  constructor(component) {\n    super(component)\n    this._component = component\n  }\n\n  /**\n   * @protected\n   * @returns {BaseSettings}\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      content: this._component.content\n    }\n  }\n}\n\n/**\n * @abstract\n * @class Content\n * @classdesc\n * Base of Content preview classes\n */\nexport class Content extends PreviewComponent {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _content\n\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    super(htmlElements, questionRenderer)\n    const { content } = htmlElements.values\n\n    this._content = content\n  }\n\n  /**\n   * @returns {QuestionBaseModel}\n   * @protected\n   */\n  _renderInput() {\n    return {\n      ...super._renderInput(),\n      content: this.content\n    }\n  }\n\n  /**\n   * @param {string} value\n   * @protected\n   */\n  _setContent(value) {\n    this._content = value\n  }\n\n  /**\n   * @returns {string}\n   */\n  get content() {\n    return this._content\n  }\n\n  set content(value) {\n    this._setContent(value)\n    this.render()\n  }\n}\n\n/**\n * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { FormComponentsDef, ListComponent, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA,SAASA,iBAAiB;AAC1B,SAASC,gBAAgB;;AAEzB;AACA;AACA;AACA,OAAO,MAAMC,eAAe,SAASF,iBAAiB,CAAC;EACrD;AACF;AACA;AACA;EACEG,UAAU;EACV;AACF;AACA;EACEC,WAAWA,CAACC,SAAS,EAAE;IACrB,KAAK,CAACA,SAAS,CAAC;IAChB,IAAI,CAACF,UAAU,GAAGE,SAAS;EAC7B;;EAEA;AACF;AACA;AACA;EACEC,UAAUA,CAAA,EAAG;IACX,OAAO;MACL,GAAG,KAAK,CAACA,UAAU,CAAC,CAAC;MACrBC,OAAO,EAAE,IAAI,CAACJ,UAAU,CAACI;IAC3B,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAO,SAASP,gBAAgB,CAAC;EAC5C;AACF;AACA;AACA;EACEQ,QAAQ;;EAER;AACF;AACA;AACA;EACEL,WAAWA,CAACM,YAAY,EAAEC,gBAAgB,EAAE;IAC1C,KAAK,CAACD,YAAY,EAAEC,gBAAgB,CAAC;IACrC,MAAM;MAAEJ;IAAQ,CAAC,GAAGG,YAAY,CAACE,MAAM;IAEvC,IAAI,CAACH,QAAQ,GAAGF,OAAO;EACzB;;EAEA;AACF;AACA;AACA;EACEM,YAAYA,CAAA,EAAG;IACb,OAAO;MACL,GAAG,KAAK,CAACA,YAAY,CAAC,CAAC;MACvBN,OAAO,EAAE,IAAI,CAACA;IAChB,CAAC;EACH;;EAEA;AACF;AACA;AACA;EACEO,WAAWA,CAACC,KAAK,EAAE;IACjB,IAAI,CAACN,QAAQ,GAAGM,KAAK;EACvB;;EAEA;AACF;AACA;EACE,IAAIR,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACE,QAAQ;EACtB;EAEA,IAAIF,OAAOA,CAACQ,KAAK,EAAE;IACjB,IAAI,CAACD,WAAW,CAACC,KAAK,CAAC;IACvB,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;AACF;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/controller/page-controller.js

@@ -0,0 +1,260 @@
+import { ComponentType } from "../../../../components/enums.js";
+import { HIGHLIGHT_CLASS } from "../constants.js";
+import { ContentElements } from "../content.js";
+import { mapComponentToPreviewQuestion } from "../helpers.js";
+import { Markdown } from "../markdown.js";
+import { hasComponents } from "../../../../pages/helpers.js";
+/**
+ * @type {QuestionRenderer}
+ */
+const questionRenderer = {
+  /**
+   * @param {string} _questionTemplate
+   * @param {QuestionBaseModel} _questionBaseModel
+   */
+  render(_questionTemplate, _questionBaseModel) {
+    //
+  }
+};
+
+/**
+ * @implements {PageOverviewElements}
+ */
+export class PagePreviewElements {
+  /**
+   * @type {Page}
+   * @private
+   */
+  _page;
+  /**
+   * @param {Page} page
+   */
+  constructor(page) {
+    this._page = page;
+  }
+  get heading() {
+    return this._page.title;
+  }
+  get guidance() {
+    if (!hasComponents(this._page) || !this._page.components.length) {
+      return '';
+    }
+    const [possibleGuidanceComponent] = this._page.components;
+    return possibleGuidanceComponent.type === ComponentType.Markdown ? possibleGuidanceComponent.content : '';
+  }
+}
+
+/**
+ * @implements {PagePreviewPanelMacro}
+ */
+export class PreviewPageController {
+  static PATH = 'preview-controllers/';
+  /**
+   * @type {string}
+   * @protected
+   */
+  _pageTemplate = PreviewPageController.PATH + 'page-controller.njk';
+  /**
+   * @protected
+   * @type {Question[]}
+   */
+  _components = [];
+  /**
+   * @type {string}
+   */
+  #title = '';
+  /**
+   *
+   * @type {PageRenderer}
+   */
+  #pageRenderer;
+  /**
+   * @type { undefined | 'title' | 'guidance'}
+   * @protected
+   */
+  _highlighted = undefined;
+  /**
+   * @type {string}
+   * @private
+   */
+  _guidanceText = '';
+  /**
+   * @type {Markdown}
+   * @private
+   */
+  _emptyGuidance = PreviewPageController.createGuidanceComponent();
+  /**
+   *
+   * @type {Markdown}
+   * @protected
+   */
+  _guidanceComponent;
+
+  /**
+   * @type {boolean}
+   * @private
+   */
+  _showGuidance = false;
+  /**
+   * @param {ComponentDef[]} components
+   * @param {PageOverviewElements} elements
+   * @param {FormDefinition} definition
+   * @param {PageRenderer} renderer
+   */
+  constructor(components, elements, definition, renderer) {
+    const questions = components.map(mapComponentToPreviewQuestion(questionRenderer, definition));
+    const firstQuestion = /** @type { Markdown | undefined | Question }  */
+    questions.shift();
+    this._guidanceComponent = PreviewPageController.getOrCreateGuidanceComponent(firstQuestion);
+    this._guidanceText = elements.guidance;
+    this._components = this.#constructComponents(firstQuestion, questions);
+    this.#title = elements.heading;
+    this.#pageRenderer = renderer;
+  }
+
+  /**
+   * @param { Question | Markdown | undefined} firstQuestion
+   * @param {Question[]} questions
+   * @returns {Question[]}
+   */
+  #constructComponents(firstQuestion, questions) {
+    return firstQuestion instanceof Markdown || firstQuestion === undefined ? questions : [firstQuestion, ...questions];
+  }
+
+  /**
+   * @returns {Markdown[]}
+   * @private
+   */
+  get _guidanceComponents() {
+    if (this._guidanceText.length) {
+      return [this._guidanceComponent];
+    }
+    if (this._highlighted === 'guidance') {
+      return [this._emptyGuidance];
+    }
+    return [];
+  }
+
+  /**
+   * @returns {PagePreviewComponent[]}
+   */
+  get components() {
+    const componentsWithGuidance = /** @type {Question[]} */[...this._guidanceComponents, ...this._components];
+    return componentsWithGuidance.map(component => ({
+      model: component.renderInput,
+      questionType: component.componentType
+    }));
+  }
+  set guidanceText(text) {
+    this._guidanceText = text;
+    this._guidanceComponent.content = text;
+    this.render();
+  }
+  get guidanceText() {
+    return this._guidanceText;
+  }
+  get guidance() {
+    return {
+      text: this.guidanceText,
+      classes: this._highlighted === 'guidance' ? 'highlight' : ''
+    };
+  }
+
+  /**
+   * @private
+   * @returns {string}
+   */
+  _fallBackTitle() {
+    return this._components[0]?.question ?? '';
+  }
+
+  /**
+   * @returns {{ text: string, classes: string }}
+   */
+  get pageTitle() {
+    return {
+      text: this.title,
+      classes: this._highlighted === 'title' ? HIGHLIGHT_CLASS : ''
+    };
+  }
+  render() {
+    this.#pageRenderer.render(this._pageTemplate, this);
+  }
+
+  /**
+   * @returns {string}
+   */
+  get title() {
+    return this.#title.length ? this.#title : this._fallBackTitle();
+  }
+
+  /**
+   * @param {string} value
+   */
+  set title(value) {
+    this.#title = value;
+    this.render();
+  }
+  highlightTitle() {
+    this.setHighLighted('title');
+  }
+
+  /**
+   * Creates a dummy component for when guidance is highlighted
+   * but no guidance text exists
+   * @returns {Markdown}
+   */
+  static createGuidanceComponent() {
+    const guidanceElement = new ContentElements({
+      type: ComponentType.Markdown,
+      title: 'Guidance component',
+      name: 'guidanceComponent',
+      content: 'Guidance text',
+      options: {}
+    });
+    const guidanceComponent = new Markdown(guidanceElement, questionRenderer);
+
+    // the dummy component should always be highlighted
+    guidanceComponent.highlightContent();
+    return guidanceComponent;
+  }
+
+  /**
+   * Helper method to return the guidance or a new one
+   * @param { Markdown | Question | undefined } guidanceComponent
+   * @returns {Markdown}
+   * @private
+   */
+  static getOrCreateGuidanceComponent(guidanceComponent) {
+    if (guidanceComponent instanceof Markdown) {
+      return guidanceComponent;
+    }
+    return PreviewPageController.createGuidanceComponent();
+  }
+  highlightGuidance() {
+    this._guidanceComponent.highlightContent();
+    this.setHighLighted('guidance');
+  }
+
+  /**
+   * @param {'title'|'guidance'} highlightSection
+   */
+  setHighLighted(highlightSection) {
+    this._highlighted = highlightSection;
+    this.render();
+  }
+  clearHighlight() {
+    this._highlighted = undefined;
+    this._guidanceComponent.unHighlightContent();
+    this.render();
+  }
+}
+
+/**
+ * @import { PageRenderer, PageOverviewElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'
+ * @import { Question } from '~/src/form/form-editor/preview/question.js'
+ * @import { FormDefinition, Page } from '~/src/form/form-definition/types.js'
+ * @import { ComponentDef, MarkdownComponent } from '~/src/components/types.js'
+ * @import { PagePreviewComponent, PagePreviewPanelMacro } from '~/src/form/form-editor/macros/types.js'
+ */
+//# sourceMappingURL=page-controller.js.map

package/dist/module/form/form-editor/preview/controller/page-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-controller.js","names":["ComponentType","HIGHLIGHT_CLASS","ContentElements","mapComponentToPreviewQuestion","Markdown","hasComponents","questionRenderer","render","_questionTemplate","_questionBaseModel","PagePreviewElements","_page","constructor","page","heading","title","guidance","components","length","possibleGuidanceComponent","type","content","PreviewPageController","PATH","_pageTemplate","_components","pageRenderer","_highlighted","undefined","_guidanceText","_emptyGuidance","createGuidanceComponent","_guidanceComponent","_showGuidance","elements","definition","renderer","questions","map","firstQuestion","shift","getOrCreateGuidanceComponent","constructComponents","#constructComponents","_guidanceComponents","componentsWithGuidance","component","model","renderInput","questionType","componentType","guidanceText","text","classes","_fallBackTitle","question","pageTitle","value","highlightTitle","setHighLighted","guidanceElement","name","options","guidanceComponent","highlightContent","highlightGuidance","highlightSection","clearHighlight","unHighlightContent"],"sources":["../../../../../../src/form/form-editor/preview/controller/page-controller.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { HIGHLIGHT_CLASS } from '~/src/form/form-editor/preview/constants.js'\nimport { ContentElements } from '~/src/form/form-editor/preview/content.js'\nimport { mapComponentToPreviewQuestion } from '~/src/form/form-editor/preview/helpers.js'\nimport { Markdown } from '~/src/form/form-editor/preview/markdown.js'\nimport { hasComponents } from '~/src/pages/helpers.js'\n/**\n * @type {QuestionRenderer}\n */\nconst questionRenderer = {\n  /**\n   * @param {string} _questionTemplate\n   * @param {QuestionBaseModel} _questionBaseModel\n   */\n  render(_questionTemplate, _questionBaseModel) {\n    //\n  }\n}\n\n/**\n * @implements {PageOverviewElements}\n */\nexport class PagePreviewElements {\n  /**\n   * @type {Page}\n   * @private\n   */\n  _page\n  /**\n   * @param {Page} page\n   */\n  constructor(page) {\n    this._page = page\n  }\n\n  get heading() {\n    return this._page.title\n  }\n\n  get guidance() {\n    if (!hasComponents(this._page) || !this._page.components.length) {\n      return ''\n    }\n\n    const [possibleGuidanceComponent] = this._page.components\n\n    return possibleGuidanceComponent.type === ComponentType.Markdown\n      ? possibleGuidanceComponent.content\n      : ''\n  }\n}\n\n/**\n * @implements {PagePreviewPanelMacro}\n */\nexport class PreviewPageController {\n  static PATH = 'preview-controllers/'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _pageTemplate = PreviewPageController.PATH + 'page-controller.njk'\n  /**\n   * @protected\n   * @type {Question[]}\n   */\n  _components = []\n  /**\n   * @type {string}\n   */\n  #title = ''\n  /**\n   *\n   * @type {PageRenderer}\n   */\n  #pageRenderer\n  /**\n   * @type { undefined | 'title' | 'guidance'}\n   * @protected\n   */\n  _highlighted = undefined\n  /**\n   * @type {string}\n   * @private\n   */\n  _guidanceText = ''\n  /**\n   * @type {Markdown}\n   * @private\n   */\n  _emptyGuidance = PreviewPageController.createGuidanceComponent()\n  /**\n   *\n   * @type {Markdown}\n   * @protected\n   */\n  _guidanceComponent\n\n  /**\n   * @type {boolean}\n   * @private\n   */\n  _showGuidance = false\n  /**\n   * @param {ComponentDef[]} components\n   * @param {PageOverviewElements} elements\n   * @param {FormDefinition} definition\n   * @param {PageRenderer} renderer\n   */\n  constructor(components, elements, definition, renderer) {\n    const questions = components.map(\n      mapComponentToPreviewQuestion(questionRenderer, definition)\n    )\n    const firstQuestion = /** @type { Markdown | undefined | Question }  */ (\n      questions.shift()\n    )\n\n    this._guidanceComponent =\n      PreviewPageController.getOrCreateGuidanceComponent(firstQuestion)\n    this._guidanceText = elements.guidance\n    this._components = this.#constructComponents(firstQuestion, questions)\n    this.#title = elements.heading\n    this.#pageRenderer = renderer\n  }\n\n  /**\n   * @param { Question | Markdown | undefined} firstQuestion\n   * @param {Question[]} questions\n   * @returns {Question[]}\n   */\n  #constructComponents(firstQuestion, questions) {\n    return firstQuestion instanceof Markdown || firstQuestion === undefined\n      ? questions\n      : [firstQuestion, ...questions]\n  }\n\n  /**\n   * @returns {Markdown[]}\n   * @private\n   */\n  get _guidanceComponents() {\n    if (this._guidanceText.length) {\n      return [this._guidanceComponent]\n    }\n    if (this._highlighted === 'guidance') {\n      return [this._emptyGuidance]\n    }\n    return []\n  }\n\n  /**\n   * @returns {PagePreviewComponent[]}\n   */\n  get components() {\n    const componentsWithGuidance = /** @type {Question[]} */ ([\n      ...this._guidanceComponents,\n      ...this._components\n    ])\n\n    return componentsWithGuidance.map((component) => ({\n      model: component.renderInput,\n      questionType: component.componentType\n    }))\n  }\n\n  set guidanceText(text) {\n    this._guidanceText = text\n    this._guidanceComponent.content = text\n    this.render()\n  }\n\n  get guidanceText() {\n    return this._guidanceText\n  }\n\n  get guidance() {\n    return {\n      text: this.guidanceText,\n      classes: this._highlighted === 'guidance' ? 'highlight' : ''\n    }\n  }\n\n  /**\n   * @private\n   * @returns {string}\n   */\n  _fallBackTitle() {\n    return this._components[0]?.question ?? ''\n  }\n\n  /**\n   * @returns {{ text: string, classes: string }}\n   */\n  get pageTitle() {\n    return {\n      text: this.title,\n      classes: this._highlighted === 'title' ? HIGHLIGHT_CLASS : ''\n    }\n  }\n\n  render() {\n    this.#pageRenderer.render(this._pageTemplate, this)\n  }\n\n  /**\n   * @returns {string}\n   */\n  get title() {\n    return this.#title.length ? this.#title : this._fallBackTitle()\n  }\n\n  /**\n   * @param {string} value\n   */\n  set title(value) {\n    this.#title = value\n    this.render()\n  }\n\n  highlightTitle() {\n    this.setHighLighted('title')\n  }\n\n  /**\n   * Creates a dummy component for when guidance is highlighted\n   * but no guidance text exists\n   * @returns {Markdown}\n   */\n  static createGuidanceComponent() {\n    const guidanceElement = new ContentElements({\n      type: ComponentType.Markdown,\n      title: 'Guidance component',\n      name: 'guidanceComponent',\n      content: 'Guidance text',\n      options: {}\n    })\n    const guidanceComponent = new Markdown(guidanceElement, questionRenderer)\n\n    // the dummy component should always be highlighted\n    guidanceComponent.highlightContent()\n    return guidanceComponent\n  }\n\n  /**\n   * Helper method to return the guidance or a new one\n   * @param { Markdown | Question | undefined } guidanceComponent\n   * @returns {Markdown}\n   * @private\n   */\n  static getOrCreateGuidanceComponent(guidanceComponent) {\n    if (guidanceComponent instanceof Markdown) {\n      return guidanceComponent\n    }\n    return PreviewPageController.createGuidanceComponent()\n  }\n\n  highlightGuidance() {\n    this._guidanceComponent.highlightContent()\n    this.setHighLighted('guidance')\n  }\n\n  /**\n   * @param {'title'|'guidance'} highlightSection\n   */\n  setHighLighted(highlightSection) {\n    this._highlighted = highlightSection\n    this.render()\n  }\n\n  clearHighlight() {\n    this._highlighted = undefined\n\n    this._guidanceComponent.unHighlightContent()\n    this.render()\n  }\n}\n\n/**\n * @import { PageRenderer, PageOverviewElements, QuestionRenderer, QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { Question } from '~/src/form/form-editor/preview/question.js'\n * @import { FormDefinition, Page } from '~/src/form/form-definition/types.js'\n * @import { ComponentDef, MarkdownComponent } from '~/src/components/types.js'\n * @import { PagePreviewComponent, PagePreviewPanelMacro } from '~/src/form/form-editor/macros/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,6BAA6B;AACtC,SAASC,QAAQ;AACjB,SAASC,aAAa;AACtB;AACA;AACA;AACA,MAAMC,gBAAgB,GAAG;EACvB;AACF;AACA;AACA;EACEC,MAAMA,CAACC,iBAAiB,EAAEC,kBAAkB,EAAE;IAC5C;EAAA;AAEJ,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,CAAC;EAC/B;AACF;AACA;AACA;EACEC,KAAK;EACL;AACF;AACA;EACEC,WAAWA,CAACC,IAAI,EAAE;IAChB,IAAI,CAACF,KAAK,GAAGE,IAAI;EACnB;EAEA,IAAIC,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACH,KAAK,CAACI,KAAK;EACzB;EAEA,IAAIC,QAAQA,CAAA,EAAG;IACb,IAAI,CAACX,aAAa,CAAC,IAAI,CAACM,KAAK,CAAC,IAAI,CAAC,IAAI,CAACA,KAAK,CAACM,UAAU,CAACC,MAAM,EAAE;MAC/D,OAAO,EAAE;IACX;IAEA,MAAM,CAACC,yBAAyB,CAAC,GAAG,IAAI,CAACR,KAAK,CAACM,UAAU;IAEzD,OAAOE,yBAAyB,CAACC,IAAI,KAAKpB,aAAa,CAACI,QAAQ,GAC5De,yBAAyB,CAACE,OAAO,GACjC,EAAE;EACR;AACF;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,CAAC;EACjC,OAAOC,IAAI,GAAG,sBAAsB;EACpC;AACF;AACA;AACA;EACEC,aAAa,GAAGF,qBAAqB,CAACC,IAAI,GAAG,qBAAqB;EAClE;AACF;AACA;AACA;EACEE,WAAW,GAAG,EAAE;EAChB;AACF;AACA;EACE,CAACV,KAAK,GAAG,EAAE;EACX;AACF;AACA;AACA;EACE,CAACW,YAAY;EACb;AACF;AACA;AACA;EACEC,YAAY,GAAGC,SAAS;EACxB;AACF;AACA;AACA;EACEC,aAAa,GAAG,EAAE;EAClB;AACF;AACA;AACA;EACEC,cAAc,GAAGR,qBAAqB,CAACS,uBAAuB,CAAC,CAAC;EAChE;AACF;AACA;AACA;AACA;EACEC,kBAAkB;;EAElB;AACF;AACA;AACA;EACEC,aAAa,GAAG,KAAK;EACrB;AACF;AACA;AACA;AACA;AACA;EACErB,WAAWA,CAACK,UAAU,EAAEiB,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAE;IACtD,MAAMC,SAAS,GAAGpB,UAAU,CAACqB,GAAG,CAC9BnC,6BAA6B,CAACG,gBAAgB,EAAE6B,UAAU,CAC5D,CAAC;IACD,MAAMI,aAAa,GAAG;IACpBF,SAAS,CAACG,KAAK,CAAC,CACjB;IAED,IAAI,CAACR,kBAAkB,GACrBV,qBAAqB,CAACmB,4BAA4B,CAACF,aAAa,CAAC;IACnE,IAAI,CAACV,aAAa,GAAGK,QAAQ,CAAClB,QAAQ;IACtC,IAAI,CAACS,WAAW,GAAG,IAAI,CAAC,CAACiB,mBAAmB,CAACH,aAAa,EAAEF,SAAS,CAAC;IACtE,IAAI,CAAC,CAACtB,KAAK,GAAGmB,QAAQ,CAACpB,OAAO;IAC9B,IAAI,CAAC,CAACY,YAAY,GAAGU,QAAQ;EAC/B;;EAEA;AACF;AACA;AACA;AACA;EACE,CAACM,mBAAmBC,CAACJ,aAAa,EAAEF,SAAS,EAAE;IAC7C,OAAOE,aAAa,YAAYnC,QAAQ,IAAImC,aAAa,KAAKX,SAAS,GACnES,SAAS,GACT,CAACE,aAAa,EAAE,GAAGF,SAAS,CAAC;EACnC;;EAEA;AACF;AACA;AACA;EACE,IAAIO,mBAAmBA,CAAA,EAAG;IACxB,IAAI,IAAI,CAACf,aAAa,CAACX,MAAM,EAAE;MAC7B,OAAO,CAAC,IAAI,CAACc,kBAAkB,CAAC;IAClC;IACA,IAAI,IAAI,CAACL,YAAY,KAAK,UAAU,EAAE;MACpC,OAAO,CAAC,IAAI,CAACG,cAAc,CAAC;IAC9B;IACA,OAAO,EAAE;EACX;;EAEA;AACF;AACA;EACE,IAAIb,UAAUA,CAAA,EAAG;IACf,MAAM4B,sBAAsB,GAAG,yBAA2B,CACxD,GAAG,IAAI,CAACD,mBAAmB,EAC3B,GAAG,IAAI,CAACnB,WAAW,CACnB;IAEF,OAAOoB,sBAAsB,CAACP,GAAG,CAAEQ,SAAS,KAAM;MAChDC,KAAK,EAAED,SAAS,CAACE,WAAW;MAC5BC,YAAY,EAAEH,SAAS,CAACI;IAC1B,CAAC,CAAC,CAAC;EACL;EAEA,IAAIC,YAAYA,CAACC,IAAI,EAAE;IACrB,IAAI,CAACvB,aAAa,GAAGuB,IAAI;IACzB,IAAI,CAACpB,kBAAkB,CAACX,OAAO,GAAG+B,IAAI;IACtC,IAAI,CAAC7C,MAAM,CAAC,CAAC;EACf;EAEA,IAAI4C,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACtB,aAAa;EAC3B;EAEA,IAAIb,QAAQA,CAAA,EAAG;IACb,OAAO;MACLoC,IAAI,EAAE,IAAI,CAACD,YAAY;MACvBE,OAAO,EAAE,IAAI,CAAC1B,YAAY,KAAK,UAAU,GAAG,WAAW,GAAG;IAC5D,CAAC;EACH;;EAEA;AACF;AACA;AACA;EACE2B,cAAcA,CAAA,EAAG;IACf,OAAO,IAAI,CAAC7B,WAAW,CAAC,CAAC,CAAC,EAAE8B,QAAQ,IAAI,EAAE;EAC5C;;EAEA;AACF;AACA;EACE,IAAIC,SAASA,CAAA,EAAG;IACd,OAAO;MACLJ,IAAI,EAAE,IAAI,CAACrC,KAAK;MAChBsC,OAAO,EAAE,IAAI,CAAC1B,YAAY,KAAK,OAAO,GAAG1B,eAAe,GAAG;IAC7D,CAAC;EACH;EAEAM,MAAMA,CAAA,EAAG;IACP,IAAI,CAAC,CAACmB,YAAY,CAACnB,MAAM,CAAC,IAAI,CAACiB,aAAa,EAAE,IAAI,CAAC;EACrD;;EAEA;AACF;AACA;EACE,IAAIT,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAAC,CAACA,KAAK,CAACG,MAAM,GAAG,IAAI,CAAC,CAACH,KAAK,GAAG,IAAI,CAACuC,cAAc,CAAC,CAAC;EACjE;;EAEA;AACF;AACA;EACE,IAAIvC,KAAKA,CAAC0C,KAAK,EAAE;IACf,IAAI,CAAC,CAAC1C,KAAK,GAAG0C,KAAK;IACnB,IAAI,CAAClD,MAAM,CAAC,CAAC;EACf;EAEAmD,cAAcA,CAAA,EAAG;IACf,IAAI,CAACC,cAAc,CAAC,OAAO,CAAC;EAC9B;;EAEA;AACF;AACA;AACA;AACA;EACE,OAAO5B,uBAAuBA,CAAA,EAAG;IAC/B,MAAM6B,eAAe,GAAG,IAAI1D,eAAe,CAAC;MAC1CkB,IAAI,EAAEpB,aAAa,CAACI,QAAQ;MAC5BW,KAAK,EAAE,oBAAoB;MAC3B8C,IAAI,EAAE,mBAAmB;MACzBxC,OAAO,EAAE,eAAe;MACxByC,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IACF,MAAMC,iBAAiB,GAAG,IAAI3D,QAAQ,CAACwD,eAAe,EAAEtD,gBAAgB,CAAC;;IAEzE;IACAyD,iBAAiB,CAACC,gBAAgB,CAAC,CAAC;IACpC,OAAOD,iBAAiB;EAC1B;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,OAAOtB,4BAA4BA,CAACsB,iBAAiB,EAAE;IACrD,IAAIA,iBAAiB,YAAY3D,QAAQ,EAAE;MACzC,OAAO2D,iBAAiB;IAC1B;IACA,OAAOzC,qBAAqB,CAACS,uBAAuB,CAAC,CAAC;EACxD;EAEAkC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACjC,kBAAkB,CAACgC,gBAAgB,CAAC,CAAC;IAC1C,IAAI,CAACL,cAAc,CAAC,UAAU,CAAC;EACjC;;EAEA;AACF;AACA;EACEA,cAAcA,CAACO,gBAAgB,EAAE;IAC/B,IAAI,CAACvC,YAAY,GAAGuC,gBAAgB;IACpC,IAAI,CAAC3D,MAAM,CAAC,CAAC;EACf;EAEA4D,cAAcA,CAAA,EAAG;IACf,IAAI,CAACxC,YAAY,GAAGC,SAAS;IAE7B,IAAI,CAACI,kBAAkB,CAACoC,kBAAkB,CAAC,CAAC;IAC5C,IAAI,CAAC7D,MAAM,CAAC,CAAC;EACf;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/date-input.js

@@ -1,11 +1,16 @@
+import { ComponentType } from "../../../components/enums.js";
 import { FieldsetQuestion } from "./fieldset-question.js";
-import { Question } from "./question.js";
+import { PreviewComponent } from "./preview.js";
 export class DateInputQuestion extends FieldsetQuestion {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.DatePartsField;
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = Question.PATH + 'date-input.njk';
+  _questionTemplate = PreviewComponent.PATH + 'date-input.njk';
   _fieldName = 'dateInput';
 }
 //# sourceMappingURL=date-input.js.map

package/dist/module/form/form-editor/preview/date-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.js","names":["FieldsetQuestion","Question","DateInputQuestion","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/date-input.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\nexport class DateInputQuestion extends FieldsetQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'date-input.njk'\n  _fieldName = 'dateInput'\n}\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,QAAQ;AACjB,OAAO,MAAMC,iBAAiB,SAASF,gBAAgB,CAAC;EACtD;AACF;AACA;AACA;EACEG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,gBAAgB;EACpDC,UAAU,GAAG,WAAW;AAC1B","ignoreList":[]}
+{"version":3,"file":"date-input.js","names":["ComponentType","FieldsetQuestion","PreviewComponent","DateInputQuestion","componentType","DatePartsField","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/date-input.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class DateInputQuestion extends FieldsetQuestion {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.DatePartsField\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'date-input.njk'\n  _fieldName = 'dateInput'\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,iBAAiB,SAASF,gBAAgB,CAAC;EACtD;AACF;AACA;EACEG,aAAa,GAAGJ,aAAa,CAACK,cAAc;EAC5C;AACF;AACA;AACA;EACEC,iBAAiB,GAAGJ,gBAAgB,CAACK,IAAI,GAAG,gBAAgB;EAC5DC,UAAU,GAAG,WAAW;AAC1B","ignoreList":[]}

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

@@ -1,6 +1,12 @@
+import { ComponentType } from "../../../components/enums.js";
+import { PreviewComponent } from "./preview.js";
 import { Question } from "./question.js";
 export class EmailAddressQuestion extends Question {
-  _questionTemplate = Question.PATH + 'emailaddressfield.njk';
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.EmailAddressField;
+  _questionTemplate = PreviewComponent.PATH + 'emailaddressfield.njk';
   _fieldName = 'emailAddressField';
 }
 //# sourceMappingURL=email-address.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"email-address.js","names":["Question","EmailAddressQuestion","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/email-address.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class EmailAddressQuestion extends Question {\n  _questionTemplate = Question.PATH + 'emailaddressfield.njk'\n  _fieldName = 'emailAddressField'\n}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,oBAAoB,SAASD,QAAQ,CAAC;EACjDE,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,uBAAuB;EAC3DC,UAAU,GAAG,mBAAmB;AAClC","ignoreList":[]}
+{"version":3,"file":"email-address.js","names":["ComponentType","PreviewComponent","Question","EmailAddressQuestion","componentType","EmailAddressField","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/email-address.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class EmailAddressQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.EmailAddressField\n  _questionTemplate = PreviewComponent.PATH + 'emailaddressfield.njk'\n  _fieldName = 'emailAddressField'\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,oBAAoB,SAASD,QAAQ,CAAC;EACjD;AACF;AACA;EACEE,aAAa,GAAGJ,aAAa,CAACK,iBAAiB;EAC/CC,iBAAiB,GAAGL,gBAAgB,CAACM,IAAI,GAAG,uBAAuB;EACnEC,UAAU,GAAG,mBAAmB;AAClC","ignoreList":[]}

package/dist/module/form/form-editor/preview/fieldset-question.js

@@ -1,3 +1,4 @@
+import { ComponentType } from "../../../components/enums.js";
 import { Question } from "./question.js";
 
 /**
@@ -5,6 +6,10 @@ import { Question } from "./question.js";
  * @abstract
  */
 export class FieldsetQuestion extends Question {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.TextField;
   get renderInput() {
     return {
       id: this._fieldName,

package/dist/module/form/form-editor/preview/fieldset-question.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-question.js","names":["Question","FieldsetQuestion","renderInput","id","_fieldName","name","fieldset","fieldSet","hint","customRenderFields"],"sources":["../../../../../src/form/form-editor/preview/fieldset-question.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\n/**\n * Simple extension of Question that uses fieldset instead of label - not exported\n * @abstract\n */\nexport class FieldsetQuestion extends Question {\n  get renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      fieldset: this.fieldSet,\n      hint: this.hint,\n      ...this.customRenderFields\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,QAAQ;;AAEjB;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,SAASD,QAAQ,CAAC;EAC7C,IAAIE,WAAWA,CAAA,EAAG;IAChB,OAAO;MACLC,EAAE,EAAE,IAAI,CAACC,UAAU;MACnBC,IAAI,EAAE,IAAI,CAACD,UAAU;MACrBE,QAAQ,EAAE,IAAI,CAACC,QAAQ;MACvBC,IAAI,EAAE,IAAI,CAACA,IAAI;MACf,GAAG,IAAI,CAACC;IACV,CAAC;EACH;AACF","ignoreList":[]}
+{"version":3,"file":"fieldset-question.js","names":["ComponentType","Question","FieldsetQuestion","componentType","TextField","renderInput","id","_fieldName","name","fieldset","fieldSet","hint","customRenderFields"],"sources":["../../../../../src/form/form-editor/preview/fieldset-question.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\n/**\n * Simple extension of Question that uses fieldset instead of label - not exported\n * @abstract\n */\nexport class FieldsetQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.TextField\n\n  get renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      fieldset: this.fieldSet,\n      hint: this.hint,\n      ...this.customRenderFields\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,QAAQ;;AAEjB;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,SAASD,QAAQ,CAAC;EAC7C;AACF;AACA;EACEE,aAAa,GAAGH,aAAa,CAACI,SAAS;EAEvC,IAAIC,WAAWA,CAAA,EAAG;IAChB,OAAO;MACLC,EAAE,EAAE,IAAI,CAACC,UAAU;MACnBC,IAAI,EAAE,IAAI,CAACD,UAAU;MACrBE,QAAQ,EAAE,IAAI,CAACC,QAAQ;MACvBC,IAAI,EAAE,IAAI,CAACA,IAAI;MACf,GAAG,IAAI,CAACC;IACV,CAAC;EACH;AACF","ignoreList":[]}

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

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

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

@@ -0,0 +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":[]}

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

@@ -1,18 +1,24 @@
 export * from "./autocomplete.js";
+export * from "./checkbox.js";
 export * from "./checkbox-sortable.js";
 export * from "./date-input.js";
 export * from "./email-address.js";
 export * from "./list.js";
 export * from "./list-sortable.js";
+export * from "./markdown.js";
 export * from "./month-year.js";
 export * from "./number-only.js";
 export * from "./phone-number.js";
 export * from "./question.js";
 export * from "./radio.js";
 export * from "./radio-sortable.js";
+export * from "./select-sortable.js";
 export * from "./short-answer.js";
+export * from "./select.js";
+export * from "./select-sortable.js";
 export * from "./supporting-evidence.js";
 export * from "./long-answer.js";
 export * from "./uk-address.js";
 export * from "./yes-no.js";
+export * from "./controller/page-controller.js";
 //# sourceMappingURL=index.js.map

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

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