@hmcts/opal-frontend-common 0.0.21 → 0.0.23

package/README.md

@@ -158,6 +158,26 @@ The following commands are available in the `package.json`:
 - `yarn lint`  
   Runs linting using ESLint.
 
+  There is a custom lint rule for member ordering to ensure members in the code are ordered in the following format:
+
+```json
+[
+  "private-static-field",
+  "protected-static-field",
+  "public-static-field",
+  "private-instance-field",
+  "protected-instance-field",
+  "public-instance-field",
+  "constructor",
+  "private-static-method",
+  "protected-static-method",
+  "public-static-method",
+  "private-instance-method",
+  "protected-instance-method",
+  "public-instance-method"
+]
+```
+
 - `yarn prettier`  
   Checks that all files conform to the Prettier formatting rules.
 

package/components/abstract/abstract-form-array-base/index.d.ts

@@ -61,13 +61,6 @@ declare abstract class AbstractFormArrayBaseComponent extends AbstractFormBaseCo
      * @param fieldNames - An array of field names to remove errors from.
      */
     protected removeFormArrayControlsErrors(index: number, formArrayControls: IAbstractFormArrayControls[], fieldNames: string[]): void;
-    /**
-     * Adds controls to the form array at the specified index.
-     *
-     * @param index - The index at which the controls should be added.
-     * @param formArrayName - The name of the form array.
-     */
-    addControlsToFormArray(index: number, formArrayName: string): void;
     /**
      * Removes a form array control at the specified index from the given array of form array controls.
      *
@@ -150,6 +143,13 @@ declare abstract class AbstractFormArrayBaseComponent extends AbstractFormBaseCo
     addIndexToFormArrayData(data: any[]): {
         [key: string]: any;
     }[];
+    /**
+     * Adds controls to the form array at the specified index.
+     *
+     * @param index - The index at which the controls should be added.
+     * @param formArrayName - The name of the form array.
+     */
+    addControlsToFormArray(index: number, formArrayName: string): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormArrayBaseComponent, never>;

package/components/abstract/abstract-form-base/index.d.ts

@@ -29,18 +29,18 @@ interface IAbstractFormBaseForm<T> {
 }
 
 declare abstract class AbstractFormBaseComponent implements OnInit, OnDestroy {
-    protected unsavedChanges: EventEmitter<boolean>;
-    protected formSubmit: EventEmitter<IAbstractFormBaseForm<any>>;
     private readonly changeDetectorRef;
     private readonly router;
     private readonly activatedRoute;
+    protected unsavedChanges: EventEmitter<boolean>;
+    protected formSubmit: EventEmitter<IAbstractFormBaseForm<any>>;
     protected readonly utilsService: UtilsService;
-    form: FormGroup;
-    formControlErrorMessages: IAbstractFormControlErrorMessage;
-    formErrorSummaryMessage: IAbstractFormBaseFormErrorSummaryMessage[];
     protected fieldErrors: IAbstractFormBaseFieldErrors;
     protected formSubmitted: boolean;
     protected readonly ngUnsubscribe: Subject<void>;
+    form: FormGroup;
+    formControlErrorMessages: IAbstractFormControlErrorMessage;
+    formErrorSummaryMessage: IAbstractFormBaseFormErrorSummaryMessage[];
     formErrors: IAbstractFormBaseFormError[];
     constructor();
     /**

package/components/abstract/abstract-form-parent-base/index.d.ts

@@ -4,14 +4,6 @@ declare abstract class AbstractFormParentBaseComponent {
     private readonly router;
     private readonly activatedRoute;
     stateUnsavedChanges: boolean;
-    /**
-     * If the user navigates externally from the site or closes the tab
-     * Check if there is unsaved changes form state -> warning message
-     * Otherwise -> no warning message
-     *
-     * @returns boolean
-     */
-    canDeactivate(): CanDeactivateTypes;
     /**
      * Navigates to a specified route using the Angular Router.
      *
@@ -31,6 +23,14 @@ declare abstract class AbstractFormParentBaseComponent {
     protected hasFormValues(form: {
         [key: string]: any;
     }): boolean;
+    /**
+     * If the user navigates externally from the site or closes the tab
+     * Check if there is unsaved changes form state -> warning message
+     * Otherwise -> no warning message
+     *
+     * @returns boolean
+     */
+    protected canDeactivate(): CanDeactivateTypes;
 }
 
 export { AbstractFormParentBaseComponent };

package/components/abstract/abstract-sortable-table/index.d.ts

@@ -6,6 +6,16 @@ import { AbstractTableFilterComponent } from '@hmcts/opal-frontend-common/compon
 
 declare abstract class AbstractSortableTableComponent extends AbstractTableFilterComponent implements OnInit {
     private readonly sortService;
+    /**
+     * Synchronizes the sorted table data with the current filter and sort state.
+     *
+     * This effect observes changes to the filtered table data and the sort state signals.
+     * If no active sort key is found (i.e., no sorting is applied), it sets the sorted table data
+     * to a shallow copy of the filtered data. Otherwise, sorting logic should be applied elsewhere.
+     *
+     * @protected
+     */
+    protected syncSortedDataEffect: _angular_core.EffectRef;
     displayTableDataSignal: _angular_core.WritableSignal<IAbstractTableData<SortableValuesType>[]>;
     filteredTableDataSignal: _angular_core.WritableSignal<IAbstractTableData<SortableValuesType>[]>;
     sortedTableDataSignal: _angular_core.WritableSignal<IAbstractTableData<SortableValuesType>[]>;
@@ -74,16 +84,6 @@ declare abstract class AbstractSortableTableComponent extends AbstractTableFilte
         key: string;
         sortType: 'ascending' | 'descending';
     }): void;
-    /**
-     * Synchronizes the sorted table data with the current filter and sort state.
-     *
-     * This effect observes changes to the filtered table data and the sort state signals.
-     * If no active sort key is found (i.e., no sorting is applied), it sets the sorted table data
-     * to a shallow copy of the filtered data. Otherwise, sorting logic should be applied elsewhere.
-     *
-     * @protected
-     */
-    protected syncSortedDataEffect: _angular_core.EffectRef;
     /**
      * Lifecycle hook to initialise the sort state.
      */

package/components/abstract/abstract-table-filter/index.d.ts

@@ -10,6 +10,14 @@ declare abstract class AbstractTableFilterComponent {
     keyword: _angular_core.WritableSignal<string>;
     appliedFilterTags: _angular_core.WritableSignal<IAbstractTableFilterCategory[]>;
     appliedKeyword: _angular_core.WritableSignal<string>;
+    /**
+     * A computed signal that returns the currently selected filter tags.
+     * It filters the filterTags signal to include only those options that are selected,
+     * grouped by their category name.
+     *
+     * @returns An array of filter categories each containing only the selected options.
+     */
+    abstractSelectedTags: Signal<IAbstractTableFilterCategory[]>;
     /**
      * Determines whether a given item matches a specific filter option within a category.
      * @param item The data item to test.
@@ -36,14 +44,6 @@ declare abstract class AbstractTableFilterComponent {
      * @returns An array of category objects, each with only the selected options, and only categories with at least one selected option.
      */
     protected getSelectedOptionsFromTags(tags: IAbstractTableFilterCategory[]): IAbstractTableFilterCategory[];
-    /**
-     * A computed signal that returns the currently selected filter tags.
-     * It filters the filterTags signal to include only those options that are selected,
-     * grouped by their category name.
-     *
-     * @returns An array of filter categories each containing only the selected options.
-     */
-    abstractSelectedTags: Signal<IAbstractTableFilterCategory[]>;
     /**
      * Updates the keyword used to filter the table data.
      * @param newKeyword The new keyword string to filter by.

package/components/alphagov/alphagov-accessible-autocomplete/index.d.ts

@@ -8,6 +8,9 @@ interface IAlphagovAccessibleAutocompleteItem {
 }
 
 declare class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestroy {
+    private readonly changeDetector;
+    private _control;
+    private readonly ngUnsubscribe;
     labelText: string;
     labelClasses: string;
     inputId: string;
@@ -18,9 +21,6 @@ declare class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestr
     showAllValues: boolean;
     errors: string | null;
     autocompleteContainer: ElementRef<HTMLElement>;
-    private readonly changeDetector;
-    private _control;
-    private readonly ngUnsubscribe;
     autoCompleteId: string;
     set control(abstractControl: AbstractControl | null);
     constructor();

package/components/custom/custom-account-information/custom-account-information-item/custom-account-information-item-label/index.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from '@angular/core';
+
+declare class CustomAccountInformationItemLabelComponent {
+    hostClass: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomAccountInformationItemLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomAccountInformationItemLabelComponent, "opal-lib-custom-account-information-item-label, [opal-lib-custom-account-information-item-label]", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { CustomAccountInformationItemLabelComponent };

package/components/custom/custom-account-information/custom-account-information-item/custom-account-information-item-value/index.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from '@angular/core';
+
+declare class CustomAccountInformationItemValueComponent {
+    hostClass: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomAccountInformationItemValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomAccountInformationItemValueComponent, "opal-lib-custom-account-information-item-value, [opal-lib-custom-account-information-item-value]", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { CustomAccountInformationItemValueComponent };

package/components/custom/custom-account-information/custom-account-information-item/index.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+declare class CustomAccountInformationItemComponent {
+    itemClasses: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomAccountInformationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomAccountInformationItemComponent, "opal-lib-custom-account-information-item", never, { "itemClasses": { "alias": "itemClasses"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CustomAccountInformationItemComponent };

package/components/custom/custom-account-information/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class CustomAccountInformationComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomAccountInformationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomAccountInformationComponent, "opal-lib-custom-account-information, [opal-lib-custom-account-information]", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { CustomAccountInformationComponent };

package/components/custom/custom-action-links/index.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from '@angular/core';
+
+declare class CustomActionLinksComponent {
+    id: string;
+    classSize: string;
+    get hostId(): string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomActionLinksComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomActionLinksComponent, "opal-lib-custom-action-links", never, { "id": { "alias": "id"; "required": true; }; "classSize": { "alias": "classSize"; "required": false; }; }, {}, never, ["[heading]", "[links]"], true, never>;
+}
+
+export { CustomActionLinksComponent };

package/components/custom/custom-page-header/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class CustomPageHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomPageHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomPageHeaderComponent, "opal-lib-custom-page-header", never, {}, {}, never, ["[pageHeaderHeading]", "[pageHeaderButtons]"], true, never>;
+}
+
+export { CustomPageHeaderComponent };

package/components/custom/custom-summary-metric-bar/custom-summary-metric-bar-item/custom-summary-metric-bar-item-label/index.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+declare class CustomSummaryMetricBarItemLabelComponent {
+    textColour: string;
+    get hostClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomSummaryMetricBarItemLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomSummaryMetricBarItemLabelComponent, "opal-lib-custom-summary-metric-bar-item-label, [opal-lib-custom-summary-metric-bar-item-label]", never, { "textColour": { "alias": "textColour"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CustomSummaryMetricBarItemLabelComponent };

package/components/custom/custom-summary-metric-bar/custom-summary-metric-bar-item/custom-summary-metric-bar-item-value/index.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+declare class CustomSummaryMetricBarItemValueComponent {
+    textColour: string;
+    get hostClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomSummaryMetricBarItemValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomSummaryMetricBarItemValueComponent, "opal-lib-custom-summary-metric-bar-item-value, [opal-lib-custom-summary-metric-bar-item-value]", never, { "textColour": { "alias": "textColour"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CustomSummaryMetricBarItemValueComponent };

package/components/custom/custom-summary-metric-bar/custom-summary-metric-bar-item/index.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from '@angular/core';
+
+declare class CustomSummaryMetricBarItemComponent {
+    backgroundColour: string;
+    itemClasses: string;
+    get hostClasses(): string;
+    /**
+     * Returns the CSS class names for the summary metric bar item.
+     *
+     * This method generates a string containing the default class "custom-summary-metric-bar-item-frame"
+     * combined with additional classes determined by the component's background and text color properties.
+     *
+     * @returns {string} A space-separated list of CSS classes to apply to the component.
+     */
+    getSummaryMetricBarItemClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomSummaryMetricBarItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomSummaryMetricBarItemComponent, "opal-lib-custom-summary-metric-bar-item", never, { "backgroundColour": { "alias": "backgroundColour"; "required": false; }; "itemClasses": { "alias": "itemClasses"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CustomSummaryMetricBarItemComponent };

package/components/custom/custom-summary-metric-bar/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class CustomSummaryMetricBarComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomSummaryMetricBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomSummaryMetricBarComponent, "opal-lib-custom-summary-metric-bar", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { CustomSummaryMetricBarComponent };

package/components/govuk/govuk-list/govuk-list-link/index.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+declare class GovukListLinkComponent {
+    linkText: string;
+    linkClickEvent: EventEmitter<void>;
+    handleClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GovukListLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukListLinkComponent, "opal-lib-govuk-list-link", never, { "linkText": { "alias": "linkText"; "required": true; }; }, { "linkClickEvent": "linkClickEvent"; }, never, never, true, never>;
+}
+
+export { GovukListLinkComponent };

package/components/govuk/govuk-list/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class GovukListComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GovukListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukListComponent, "opal-lib-govuk-list", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { GovukListComponent };

package/components/govuk/govuk-pagination/index.d.ts

@@ -9,18 +9,6 @@ declare class GovukPaginationComponent implements OnChanges {
     pages: _angular_core.WritableSignal<number[]>;
     elipsedPages: _angular_core.WritableSignal<(string | number)[]>;
     ELIPSIS: string;
-    /**
-     * Lifecycle hook that is called when any data-bound property of the component changes.
-     * It recalculates the pages for pagination.
-     */
-    ngOnChanges(): void;
-    /**
-     * Handles the page change event.
-     *
-     * @param $event - The click event that triggered the page change.
-     * @param page - The new page number.
-     */
-    onPageChanged($event: MouseEvent, page: number): void;
     /**
      * Calculates the number of pages based on the total number of items and the limit per page.
      * Updates the `pages` and `elipsedPages` properties accordingly.
@@ -40,6 +28,18 @@ declare class GovukPaginationComponent implements OnChanges {
      * @returns The modified array of pages with ellipses inserted.
      */
     private elipseSkippedPages;
+    /**
+     * Handles the page change event.
+     *
+     * @param $event - The click event that triggered the page change.
+     * @param page - The new page number.
+     */
+    onPageChanged($event: MouseEvent, page: number): void;
+    /**
+     * Lifecycle hook that is called when any data-bound property of the component changes.
+     * It recalculates the pages for pagination.
+     */
+    ngOnChanges(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GovukPaginationComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GovukPaginationComponent, "opal-lib-govuk-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; }; "total": { "alias": "total"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; }, { "changePage": "changePage"; }, never, never, true, never>;
 }

package/components/hod/hod-loading-spinner/index.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from '@angular/core';
+
+declare class HodLoadingSpinnerComponent {
+    spinnerId: string;
+    hostClasses: string;
+    role: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HodLoadingSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HodLoadingSpinnerComponent, "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]", never, { "spinnerId": { "alias": "spinnerId"; "required": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { HodLoadingSpinnerComponent };

package/components/moj/moj-button-menu/index.d.ts

@@ -1,21 +1,27 @@
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
-
-declare class MojButtonMenuItemComponent {
-    actionClick: EventEmitter<boolean>;
-    handleClick(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MojButtonMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MojButtonMenuItemComponent, "opal-lib-moj-button-menu-item", never, {}, { "actionClick": "actionClick"; }, never, ["[linkText]"], true, never>;
-}
+import { ElementRef } from '@angular/core';
 
 declare class MojButtonMenuComponent {
     menuButtonTitle: string;
+    menuButton: ElementRef<HTMLElement>;
+    hostClasses: string;
+    dataModule: string;
+    get dataButtonText(): string;
+    dataButtonClasses: string;
+    dataMojButtonMenuInit: string;
+    isExpanded: boolean;
     /**
-     * Toggles the button menu by changing the `aria-expanded` attribute of the toggle button.
+     * Toggles the expanded state of the button menu.
+     *
+     * This method retrieves the current "aria-expanded" state from the menu button,
+     * inverts the state, and then updates both the "aria-expanded" attribute and the
+     * internal component property "isExpanded" accordingly.
+     *
+     * @returns void
      */
     toggleButtonMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MojButtonMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MojButtonMenuComponent, "opal-lib-moj-button-menu", never, { "menuButtonTitle": { "alias": "menuButtonTitle"; "required": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { MojButtonMenuComponent, MojButtonMenuItemComponent };
+export { MojButtonMenuComponent };

package/components/moj/moj-button-menu/moj-button-menu-item/index.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+declare class MojButtonMenuItemComponent {
+    itemText: string;
+    actionClick: EventEmitter<void>;
+    handleClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MojButtonMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MojButtonMenuItemComponent, "opal-lib-moj-button-menu-item", never, { "itemText": { "alias": "itemText"; "required": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+export { MojButtonMenuItemComponent };

package/components/moj/moj-date-picker/index.d.ts

@@ -3,9 +3,9 @@ import { OnInit, EventEmitter } from '@angular/core';
 import { AbstractControl, FormControl } from '@angular/forms';
 
 declare class MojDatePickerComponent implements OnInit {
+    private readonly dateService;
     private _control;
     disabledDatesConcatenated: string;
-    private readonly dateService;
     labelText: string;
     labelClasses: string;
     hintText: string;

package/directives/capitalisation/index.d.ts

@@ -5,8 +5,8 @@ import { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service
 
 declare class CapitalisationDirective implements OnInit, OnDestroy {
     private readonly utilsService;
-    control: AbstractControl;
     private readonly destroy$;
+    control: AbstractControl;
     constructor(utilsService: UtilsService);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/directives/govuk-button/index.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+declare class GovukButtonDirective {
+    buttonId: string;
+    buttonClasses: string;
+    type: 'button' | 'submit' | 'reset';
+    buttonClickEvent: EventEmitter<boolean>;
+    get id(): string;
+    get buttonType(): "button" | "submit" | "reset";
+    get classes(): string;
+    dataModule: string;
+    /**
+     * Handles the button click event.
+     */
+    handleButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GovukButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GovukButtonDirective, "[opalLibGovukButton]", never, { "buttonId": { "alias": "buttonId"; "required": true; }; "buttonClasses": { "alias": "buttonClasses"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; }, never, never, true, never>;
+}
+
+export { GovukButtonDirective };

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-form-alias-base/abstract-form-alias-base.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-form-alias-base/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.ts"],"sourcesContent":["import { FormArray, FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { takeUntil } from 'rxjs';\nimport { Component, OnDestroy, OnInit } from '@angular/core';\nimport { IAbstractFormAliasBaseAliasControls } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-alias-base/interfaces';\nimport { AbstractFormBaseComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-base';\nimport {\n  IAbstractFormArrayControlValidation,\n  IAbstractFormArrayControls,\n  IAbstractFormArrayControl,\n} from '@hmcts/opal-frontend-common/components/abstract/interfaces';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent implements OnInit, OnDestroy {\n  public aliasControls: IAbstractFormAliasBaseAliasControls[] = [];\n  public aliasControlsValidation: IAbstractFormArrayControlValidation[] = [];\n  public aliasFields: string[] = [];\n\n  /**\n   * Builds an array of form controls for the given form array.\n   *\n   * @param formControlCount - An array of numbers representing the number of form controls to create.\n   * @param formArrayName - The name of the form array.\n   * @param fieldNames - An array of field names.\n   * @param controlValidation - An array of control validation objects.\n   * @returns An array of form controls for the given form array.\n   */\n  private buildFormAliasControls(\n    formControlCount: number[],\n    formArrayName: string,\n    fieldNames: string[],\n    controlValidation: IAbstractFormArrayControlValidation[],\n  ): IAbstractFormArrayControls[] {\n    // Directly map each index to a control\n    return formControlCount.map((_element, index) =>\n      this.addAliasControls(index, formArrayName, fieldNames, controlValidation),\n    );\n  }\n\n  /**\n   * Adds alias controls to the form array.\n   *\n   * @param index - The index of the form array.\n   * @param formArrayName - The name of the form array.\n   * @param fieldNames - The names of the fields for the alias controls.\n   * @param controlValidation - The validation rules for the alias controls.\n   * @returns An object containing the form controls.\n   */\n  private addAliasControls(\n    index: number,\n    formArrayName: string,\n    fieldNames: string[],\n    controlValidation: IAbstractFormArrayControlValidation[],\n  ): { [key: string]: IAbstractFormArrayControl } {\n    const formAliases = this.form.get(formArrayName) as FormArray;\n    const formAliasesFormGroup = new FormGroup({});\n\n    // Create the form controls...\n    const controls = this.createAliasControls(fieldNames, index);\n\n    // Add the controls to the form group...\n    this.addControlsToFormGroup(formAliasesFormGroup, controlValidation, index);\n\n    // Add the form group to the form array...\n    formAliases.push(formAliasesFormGroup);\n\n    // Return the form controls...\n    return controls;\n  }\n\n  /**\n   * Removes all form alias controls from a FormArray and clears any associated error messages.\n   *\n   * @param formArrayControls - An array of form array controls.\n   * @param formArrayName - The name of the FormArray.\n   * @param fieldNames - An array of field names associated with the form array controls.\n   * @returns An empty array of form array controls.\n   */\n  private removeAllFormAliasControls(\n    formArrayControls: IAbstractFormArrayControls[],\n    formArrayName: string,\n    fieldNames: string[],\n  ): [] {\n    const control = this.form.get(formArrayName) as FormArray;\n\n    // Clear the error messages...\n    [...formArrayControls].forEach((_element, index) => {\n      this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);\n    });\n\n    // Reset the form array controls...\n    control.clear();\n\n    // Return en empty array of form array controls...\n    return [];\n  }\n\n  /**\n   * Creates a FormArray with the specified validators and controls.\n   *\n   * @param validators - An array of validators to apply to the FormArray.\n   * @param controls - An optional array of initial FormControl instances to add to the FormArray.\n   * @returns A new FormArray instance.\n   */\n  protected createFormAlias(validators: ValidatorFn[], controls: FormControl[] = []): FormArray {\n    return new FormArray(controls, { validators: [...validators] });\n  }\n\n  /**\n   * Removes a form alias control at the specified index from the given form array controls.\n   *\n   * @param index - The index of the form alias control to remove.\n   * @param formArrayControls - The array of form array controls.\n   * @returns The updated array of form array controls after removing the specified control.\n   */\n  protected removeFormAliasControl(\n    index: number,\n    formArrayControls: IAbstractFormArrayControls[],\n  ): IAbstractFormArrayControls[] {\n    formArrayControls.splice(index, 1);\n    return formArrayControls;\n  }\n\n  /**\n   * Sets up the alias form controls based on the provided alias count array and form array name.\n   * If there are any aliases, the alias controls will be re-populated.\n   *\n   * @param aliasCountArray - An array containing the count of aliases.\n   * @param formArrayName - The name of the form array.\n   */\n  protected setupAliasFormControls(aliasCountArray: number[], formArrayName: string): void {\n    // Re-populate the alias controls if there are any aliases\n    if (aliasCountArray.length) {\n      this.aliasControls = this.buildFormAliasControls(\n        aliasCountArray,\n        formArrayName,\n        this.aliasFields,\n        this.aliasControlsValidation,\n      );\n    }\n  }\n\n  /**\n   * Removes the form alias controls errors for a specific index in a form array.\n   *\n   * @param index - The index of the form array control.\n   * @param formArrayControls - An array of form array controls.\n   * @param fieldNames - An array of field names to remove errors from.\n   */\n  protected removeFormAliasControlsErrors(\n    index: number,\n    formArrayControls: IAbstractFormArrayControls[],\n    fieldNames: string[],\n  ): void {\n    const formArrayControl = formArrayControls[index];\n\n    if (formArrayControl) {\n      fieldNames.forEach((field) => {\n        delete this.formControlErrorMessages?.[formArrayControl[field].controlName];\n      });\n    }\n  }\n\n  /**\n   * Creates alias controls for the given fields and index.\n   * @param fields - The list of fields for which alias controls need to be created.\n   * @param index - The index value used to generate unique identifiers for the controls.\n   * @returns An object containing the alias controls.\n   */\n  protected createAliasControls(fields: string[], index: number): { [key: string]: IAbstractFormArrayControl } {\n    return fields.reduce(\n      (controls, field) => ({\n        ...controls,\n        [field]: {\n          inputId: `${field}_${index}`,\n          inputName: `${field}_${index}`,\n          controlName: `${field}_${index}`,\n        },\n      }),\n      {},\n    );\n  }\n\n  /**\n   * Sets up the alias checkbox listener.\n   *\n   * @param formCheckboxName - The name of the checkbox control in the form.\n   * @param formArrayName - The name of the form array control in the form.\n   */\n  protected setUpAliasCheckboxListener(formCheckboxName: string, formArrayName: string): void {\n    // Ensure any existing subscription is cleared to avoid memory leaks\n    this['ngUnsubscribe'].next();\n    this['ngUnsubscribe'].complete();\n\n    const addAliasControl = this.form.get(formCheckboxName);\n    if (!addAliasControl) {\n      return;\n    }\n\n    addAliasControl.valueChanges.pipe(takeUntil(this['ngUnsubscribe'])).subscribe((shouldAddAlias) => {\n      this.aliasControls = shouldAddAlias\n        ? this.buildFormAliasControls([0], formArrayName, this.aliasFields, this.aliasControlsValidation)\n        : this.removeAllFormAliasControls(this.aliasControls, formArrayName, this.aliasFields);\n    });\n  }\n\n  /**\n   * Removes a form alias control from a form array and updates the list of form array controls.\n   * @param index - The index of the form alias control to be removed.\n   * @param formArrayName - The name of the form array.\n   * @param formArrayControls - The list of form array controls.\n   * @param fieldNames - The names of the fields associated with the form array controls.\n   * @returns The updated list of form array controls after removing the specified control.\n   */\n  public removeFormAliasControls(\n    index: number,\n    formArrayName: string,\n    formArrayControls: IAbstractFormArrayControls[],\n    fieldNames: string[],\n  ): IAbstractFormArrayControls[] {\n    // Get the form array...\n    const control = this.form.get(formArrayName) as FormArray;\n\n    // Remove the form array control based on index\n    control.removeAt(index);\n\n    // Then remove the form array controls errors...\n    this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);\n\n    // Return the new list of form array controls...\n    return this.removeFormAliasControl(index, formArrayControls);\n  }\n\n  /**\n   * Adds an alias to the specified index of the form array.\n   *\n   * @param index - The index at which to add the alias.\n   * @param formArrayName - The name of the form array.\n   */\n  public addAlias(index: number, formArrayName: string): void {\n    this.aliasControls.push(\n      this.addAliasControls(index, formArrayName, this.aliasFields, this.aliasControlsValidation),\n    );\n  }\n\n  /**\n   * Removes an alias from the form array.\n   *\n   * @param index - The index of the alias to remove.\n   * @param formArrayName - The name of the form array.\n   */\n  public removeAlias(index: number, formArrayName: string): void {\n    this.aliasControls = this.removeFormAliasControls(index, formArrayName, this.aliasControls, this.aliasFields);\n  }\n\n  public override ngOnInit(): void {\n    super.ngOnInit();\n  }\n\n  public override ngOnDestroy(): void {\n    this['ngUnsubscribe'].next();\n    this['ngUnsubscribe'].complete();\n    super.ngOnDestroy();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-form-alias-base/abstract-form-alias-base.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-form-alias-base/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.ts"],"sourcesContent":["import { FormArray, FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { takeUntil } from 'rxjs';\nimport { Component, OnDestroy, OnInit } from '@angular/core';\nimport { IAbstractFormAliasBaseAliasControls } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-alias-base/interfaces';\nimport { AbstractFormBaseComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-base';\nimport {\n  IAbstractFormArrayControlValidation,\n  IAbstractFormArrayControls,\n  IAbstractFormArrayControl,\n} from '@hmcts/opal-frontend-common/components/abstract/interfaces';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent implements OnInit, OnDestroy {\n  public aliasControls: IAbstractFormAliasBaseAliasControls[] = [];\n  public aliasControlsValidation: IAbstractFormArrayControlValidation[] = [];\n  public aliasFields: string[] = [];\n\n  /**\n   * Builds an array of form controls for the given form array.\n   *\n   * @param formControlCount - An array of numbers representing the number of form controls to create.\n   * @param formArrayName - The name of the form array.\n   * @param fieldNames - An array of field names.\n   * @param controlValidation - An array of control validation objects.\n   * @returns An array of form controls for the given form array.\n   */\n  private buildFormAliasControls(\n    formControlCount: number[],\n    formArrayName: string,\n    fieldNames: string[],\n    controlValidation: IAbstractFormArrayControlValidation[],\n  ): IAbstractFormArrayControls[] {\n    // Directly map each index to a control\n    return formControlCount.map((_element, index) =>\n      this.addAliasControls(index, formArrayName, fieldNames, controlValidation),\n    );\n  }\n\n  /**\n   * Adds alias controls to the form array.\n   *\n   * @param index - The index of the form array.\n   * @param formArrayName - The name of the form array.\n   * @param fieldNames - The names of the fields for the alias controls.\n   * @param controlValidation - The validation rules for the alias controls.\n   * @returns An object containing the form controls.\n   */\n  private addAliasControls(\n    index: number,\n    formArrayName: string,\n    fieldNames: string[],\n    controlValidation: IAbstractFormArrayControlValidation[],\n  ): { [key: string]: IAbstractFormArrayControl } {\n    const formAliases = this.form.get(formArrayName) as FormArray;\n    const formAliasesFormGroup = new FormGroup({});\n\n    // Create the form controls...\n    const controls = this.createAliasControls(fieldNames, index);\n\n    // Add the controls to the form group...\n    this.addControlsToFormGroup(formAliasesFormGroup, controlValidation, index);\n\n    // Add the form group to the form array...\n    formAliases.push(formAliasesFormGroup);\n\n    // Return the form controls...\n    return controls;\n  }\n\n  /**\n   * Removes all form alias controls from a FormArray and clears any associated error messages.\n   *\n   * @param formArrayControls - An array of form array controls.\n   * @param formArrayName - The name of the FormArray.\n   * @param fieldNames - An array of field names associated with the form array controls.\n   * @returns An empty array of form array controls.\n   */\n  private removeAllFormAliasControls(\n    formArrayControls: IAbstractFormArrayControls[],\n    formArrayName: string,\n    fieldNames: string[],\n  ): [] {\n    const control = this.form.get(formArrayName) as FormArray;\n\n    // Clear the error messages...\n    [...formArrayControls].forEach((_element, index) => {\n      this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);\n    });\n\n    // Reset the form array controls...\n    control.clear();\n\n    // Return en empty array of form array controls...\n    return [];\n  }\n\n  /**\n   * Creates a FormArray with the specified validators and controls.\n   *\n   * @param validators - An array of validators to apply to the FormArray.\n   * @param controls - An optional array of initial FormControl instances to add to the FormArray.\n   * @returns A new FormArray instance.\n   */\n  protected createFormAlias(validators: ValidatorFn[], controls: FormControl[] = []): FormArray {\n    return new FormArray(controls, { validators: [...validators] });\n  }\n\n  /**\n   * Removes a form alias control at the specified index from the given form array controls.\n   *\n   * @param index - The index of the form alias control to remove.\n   * @param formArrayControls - The array of form array controls.\n   * @returns The updated array of form array controls after removing the specified control.\n   */\n  protected removeFormAliasControl(\n    index: number,\n    formArrayControls: IAbstractFormArrayControls[],\n  ): IAbstractFormArrayControls[] {\n    formArrayControls.splice(index, 1);\n    return formArrayControls;\n  }\n\n  /**\n   * Sets up the alias form controls based on the provided alias count array and form array name.\n   * If there are any aliases, the alias controls will be re-populated.\n   *\n   * @param aliasCountArray - An array containing the count of aliases.\n   * @param formArrayName - The name of the form array.\n   */\n  protected setupAliasFormControls(aliasCountArray: number[], formArrayName: string): void {\n    // Re-populate the alias controls if there are any aliases\n    if (aliasCountArray.length) {\n      this.aliasControls = this.buildFormAliasControls(\n        aliasCountArray,\n        formArrayName,\n        this.aliasFields,\n        this.aliasControlsValidation,\n      );\n    }\n  }\n\n  /**\n   * Removes the form alias controls errors for a specific index in a form array.\n   *\n   * @param index - The index of the form array control.\n   * @param formArrayControls - An array of form array controls.\n   * @param fieldNames - An array of field names to remove errors from.\n   */\n  protected removeFormAliasControlsErrors(\n    index: number,\n    formArrayControls: IAbstractFormArrayControls[],\n    fieldNames: string[],\n  ): void {\n    const formArrayControl = formArrayControls[index];\n\n    if (formArrayControl) {\n      fieldNames.forEach((field) => {\n        delete this.formControlErrorMessages?.[formArrayControl[field].controlName];\n      });\n    }\n  }\n\n  /**\n   * Creates alias controls for the given fields and index.\n   * @param fields - The list of fields for which alias controls need to be created.\n   * @param index - The index value used to generate unique identifiers for the controls.\n   * @returns An object containing the alias controls.\n   */\n  protected createAliasControls(fields: string[], index: number): { [key: string]: IAbstractFormArrayControl } {\n    return fields.reduce(\n      (controls, field) => ({\n        ...controls,\n        [field]: {\n          inputId: `${field}_${index}`,\n          inputName: `${field}_${index}`,\n          controlName: `${field}_${index}`,\n        },\n      }),\n      {},\n    );\n  }\n\n  /**\n   * Sets up the alias checkbox listener.\n   *\n   * @param formCheckboxName - The name of the checkbox control in the form.\n   * @param formArrayName - The name of the form array control in the form.\n   */\n  protected setUpAliasCheckboxListener(formCheckboxName: string, formArrayName: string): void {\n    // Ensure any existing subscription is cleared to avoid memory leaks\n    this['ngUnsubscribe'].next();\n    this['ngUnsubscribe'].complete();\n\n    const addAliasControl = this.form.get(formCheckboxName);\n    if (!addAliasControl) {\n      return;\n    }\n\n    addAliasControl.valueChanges.pipe(takeUntil(this['ngUnsubscribe'])).subscribe((shouldAddAlias) => {\n      this.aliasControls = shouldAddAlias\n        ? this.buildFormAliasControls([0], formArrayName, this.aliasFields, this.aliasControlsValidation)\n        : this.removeAllFormAliasControls(this.aliasControls, formArrayName, this.aliasFields);\n    });\n  }\n\n  /**\n   * Removes a form alias control from a form array and updates the list of form array controls.\n   * @param index - The index of the form alias control to be removed.\n   * @param formArrayName - The name of the form array.\n   * @param formArrayControls - The list of form array controls.\n   * @param fieldNames - The names of the fields associated with the form array controls.\n   * @returns The updated list of form array controls after removing the specified control.\n   */\n  public removeFormAliasControls(\n    index: number,\n    formArrayName: string,\n    formArrayControls: IAbstractFormArrayControls[],\n    fieldNames: string[],\n  ): IAbstractFormArrayControls[] {\n    // Get the form array...\n    const control = this.form.get(formArrayName) as FormArray;\n\n    // Remove the form array control based on index\n    control.removeAt(index);\n\n    // Then remove the form array controls errors...\n    this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);\n\n    // Return the new list of form array controls...\n    return this.removeFormAliasControl(index, formArrayControls);\n  }\n\n  /**\n   * Adds an alias to the specified index of the form array.\n   *\n   * @param index - The index at which to add the alias.\n   * @param formArrayName - The name of the form array.\n   */\n  public addAlias(index: number, formArrayName: string): void {\n    this.aliasControls.push(\n      this.addAliasControls(index, formArrayName, this.aliasFields, this.aliasControlsValidation),\n    );\n  }\n\n  /**\n   * Removes an alias from the form array.\n   *\n   * @param index - The index of the alias to remove.\n   * @param formArrayName - The name of the form array.\n   */\n  public removeAlias(index: number, formArrayName: string): void {\n    this.aliasControls = this.removeFormAliasControls(index, formArrayName, this.aliasControls, this.aliasFields);\n  }\n\n  public override ngOnInit(): void {\n    super.ngOnInit();\n  }\n\n  public override ngOnDestroy(): void {\n    this['ngUnsubscribe'].next();\n    this['ngUnsubscribe'].complete();\n    super.ngOnDestroy();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-base.mjs

@@ -94,15 +94,6 @@ class AbstractFormArrayBaseComponent extends AbstractFormBaseComponent {
             });
         }
     }
-    /**
-     * Adds controls to the form array at the specified index.
-     *
-     * @param index - The index at which the controls should be added.
-     * @param formArrayName - The name of the form array.
-     */
-    addControlsToFormArray(index, formArrayName) {
-        this.formArrayControls.push(this.addFormArrayControls(index, formArrayName, this.formArrayFields, this.formArrayControlsValidation));
-    }
     /**
      * Removes a form array control at the specified index from the given array of form array controls.
      *
@@ -226,6 +217,15 @@ class AbstractFormArrayBaseComponent extends AbstractFormBaseComponent {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         {}));
     }
+    /**
+     * Adds controls to the form array at the specified index.
+     *
+     * @param index - The index at which the controls should be added.
+     * @param formArrayName - The name of the form array.
+     */
+    addControlsToFormArray(index, formArrayName) {
+        this.formArrayControls.push(this.addFormArrayControls(index, formArrayName, this.formArrayFields, this.formArrayControlsValidation));
+    }
     ngOnInit() {
         super.ngOnInit();
     }