@hmcts/opal-frontend-common 0.0.109 → 0.0.110

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

@@ -1,234 +1,134 @@
-import { FormGroup, FormArray } from '@angular/forms';
-import { takeUntil } from 'rxjs';
-import * as i0 from '@angular/core';
-import { ViewChildren, Component } from '@angular/core';
-import { AbstractFormBaseComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-base';
-
-class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
-    aliasFirstField;
-    aliasControls = [];
-    aliasControlsValidation = [];
-    aliasFields = [];
-    /**
-     * Builds an array of form controls for the given form array.
-     *
-     * @param formControlCount - An array of numbers representing the number of form controls to create.
-     * @param formArrayName - The name of the form array.
-     * @param fieldNames - An array of field names.
-     * @param controlValidation - An array of control validation objects.
-     * @returns An array of form controls for the given form array.
-     */
-    buildFormAliasControls(formControlCount, formArrayName, fieldNames, controlValidation) {
-        // Directly map each index to a control
-        return formControlCount.map((_element, index) => this.addAliasControls(index, formArrayName, fieldNames, controlValidation));
-    }
-    /**
-     * Adds alias controls to the form array.
-     *
-     * @param index - The index of the form array.
-     * @param formArrayName - The name of the form array.
-     * @param fieldNames - The names of the fields for the alias controls.
-     * @param controlValidation - The validation rules for the alias controls.
-     * @returns An object containing the form controls.
-     */
-    addAliasControls(index, formArrayName, fieldNames, controlValidation) {
-        const formAliases = this.form.get(formArrayName);
-        const formAliasesFormGroup = new FormGroup({});
-        // Create the form controls...
-        const controls = this.createAliasControls(fieldNames, index);
-        // Add the controls to the form group...
-        this.addControlsToFormGroup(formAliasesFormGroup, controlValidation, index);
-        // Add the form group to the form array...
-        formAliases.push(formAliasesFormGroup);
-        // Return the form controls...
-        return controls;
-    }
-    /**
-     * Removes all form alias controls from a FormArray and clears any associated error messages.
-     *
-     * @param formArrayControls - An array of form array controls.
-     * @param formArrayName - The name of the FormArray.
-     * @param fieldNames - An array of field names associated with the form array controls.
-     * @returns An empty array of form array controls.
-     */
-    removeAllFormAliasControls(formArrayControls, formArrayName, fieldNames) {
-        const control = this.form.get(formArrayName);
-        // Clear the error messages...
-        for (const [index] of formArrayControls.entries()) {
-            this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);
-        }
-        // Reset the form array controls...
-        control.clear();
-        // Return en empty array of form array controls...
-        return [];
-    }
-    /**
-     * Creates a FormArray with the specified validators and controls.
-     *
-     * @param validators - An array of validators to apply to the FormArray.
-     * @param controls - An optional array of initial FormControl instances to add to the FormArray.
-     * @returns A new FormArray instance.
-     */
-    createFormAlias(validators, controls = []) {
-        return new FormArray(controls, { validators: [...validators] });
-    }
-    /**
-     * Removes a form alias control at the specified index from the given form array controls.
-     *
-     * @param index - The index of the form alias control to remove.
-     * @param formArrayControls - The array of form array controls.
-     * @returns The updated array of form array controls after removing the specified control.
-     */
-    removeFormAliasControl(index, formArrayControls) {
-        formArrayControls.splice(index, 1);
-        return formArrayControls;
-    }
-    /**
-     * Sets up the alias form controls based on the provided alias count array and form array name.
-     * If there are any aliases, the alias controls will be re-populated.
-     *
-     * @param aliasCountArray - An array containing the count of aliases.
-     * @param formArrayName - The name of the form array.
-     */
-    setupAliasFormControls(aliasCountArray, formArrayName) {
-        // Re-populate the alias controls if there are any aliases
-        if (aliasCountArray.length) {
-            this.aliasControls = this.buildFormAliasControls(aliasCountArray, formArrayName, this.aliasFields, this.aliasControlsValidation);
-        }
-    }
-    /**
-     * Removes the form alias controls errors for a specific index in a form array.
-     *
-     * @param index - The index of the form array control.
-     * @param formArrayControls - An array of form array controls.
-     * @param fieldNames - An array of field names to remove errors from.
-     */
-    removeFormAliasControlsErrors(index, formArrayControls, fieldNames) {
-        const formArrayControl = formArrayControls[index];
-        if (formArrayControl) {
-            for (const field of fieldNames) {
-                delete this.formControlErrorMessages?.[formArrayControl[field].controlName];
-            }
-        }
-    }
-    /**
-     * Creates alias controls for the given fields and index.
-     * @param fields - The list of fields for which alias controls need to be created.
-     * @param index - The index value used to generate unique identifiers for the controls.
-     * @returns An object containing the alias controls.
-     */
-    createAliasControls(fields, index) {
-        return fields.reduce((controls, field) => ({
-            ...controls,
-            [field]: {
-                inputId: `${field}_${index}`,
-                inputName: `${field}_${index}`,
-                controlName: `${field}_${index}`,
-            },
-        }), {});
-    }
-    /**
-     * Sets up the alias checkbox listener.
-     *
-     * @param formCheckboxName - The name of the checkbox control in the form.
-     * @param formArrayName - The name of the form array control in the form.
-     */
-    setUpAliasCheckboxListener(formCheckboxName, formArrayName) {
-        // Ensure any existing subscription is cleared to avoid memory leaks
-        this['ngUnsubscribe'].next();
-        this['ngUnsubscribe'].complete();
-        const addAliasControl = this.form.get(formCheckboxName);
-        if (!addAliasControl) {
-            return;
-        }
-        addAliasControl.valueChanges.pipe(takeUntil(this['ngUnsubscribe'])).subscribe((shouldAddAlias) => {
-            if (shouldAddAlias) {
-                this.aliasControls = this.buildFormAliasControls([0], formArrayName, this.aliasFields, this.aliasControlsValidation);
-                this.focusFirstAliasField();
-            }
-            else {
-                this.aliasControls = this.removeAllFormAliasControls(this.aliasControls, formArrayName, this.aliasFields);
-            }
-        });
-    }
-    /**
-     * Sets focus to the first input field of a newly added alias row.
-     */
-    focusFirstAliasField() {
-        this['changeDetectorRef'].detectChanges();
-        setTimeout(() => {
-            const index = this.aliasControls.length - 1;
-            const inputId = this.aliasFirstField.get(index)?.inputId;
-            if (inputId) {
-                const el = document.getElementById(inputId);
-                el?.focus();
-            }
-        }, 0);
-    }
-    /**
-     * Removes a form alias control from a form array and updates the list of form array controls.
-     * @param index - The index of the form alias control to be removed.
-     * @param formArrayName - The name of the form array.
-     * @param formArrayControls - The list of form array controls.
-     * @param fieldNames - The names of the fields associated with the form array controls.
-     * @returns The updated list of form array controls after removing the specified control.
-     */
-    removeFormAliasControls(index, formArrayName, formArrayControls, fieldNames) {
-        // Get the form array...
-        const control = this.form.get(formArrayName);
-        // Remove the form array control based on index
-        control.removeAt(index);
-        // Then remove the form array controls errors...
-        this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);
-        // Return the new list of form array controls...
-        return this.removeFormAliasControl(index, formArrayControls);
-    }
-    /**
-     * Adds an alias to the specified index of the form array.
-     * Sets user focus to the first field of the newly added alias.
-     *
-     * @param index - The index at which to add the alias.
-     * @param formArrayName - The name of the form array.
-     */
-    addAlias(index, formArrayName) {
-        this.aliasControls.push(this.addAliasControls(index, formArrayName, this.aliasFields, this.aliasControlsValidation));
-        this.focusFirstAliasField();
-    }
-    /**
-     * Removes an alias from the form array.
-     *
-     * @param index - The index of the alias to remove.
-     * @param formArrayName - The name of the form array.
-     * @param event - The event object from the click event, used to prevent default behavior.
-     */
-    removeAlias(index, formArrayName, event) {
-        event?.preventDefault();
-        this.aliasControls = this.removeFormAliasControls(index, formArrayName, this.aliasControls, this.aliasFields);
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    ngOnDestroy() {
-        this['ngUnsubscribe'].next();
-        this['ngUnsubscribe'].complete();
-        super.ngOnDestroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: AbstractFormAliasBaseComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aliasFirstField", predicate: ["aliasFirstField"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: '',
-                }]
-        }], propDecorators: { aliasFirstField: [{
-                type: ViewChildren,
-                args: ['aliasFirstField']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { FormArray, FormGroup } from "@angular/forms";
+import { takeUntil } from "rxjs";
+import * as i0 from "@angular/core";
+import { Component, ViewChildren } from "@angular/core";
+import { AbstractFormBaseComponent } from "@hmcts/opal-frontend-common/components/abstract/abstract-form-base";
+var AbstractFormAliasBaseComponent = class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
+	aliasFirstField;
+	aliasControls = [];
+	aliasControlsValidation = [];
+	aliasFields = [];
+	buildFormAliasControls(formControlCount, formArrayName, fieldNames, controlValidation) {
+		return formControlCount.map((_element, index) => this.addAliasControls(index, formArrayName, fieldNames, controlValidation));
+	}
+	addAliasControls(index, formArrayName, fieldNames, controlValidation) {
+		const formAliases = this.form.get(formArrayName);
+		const formAliasesFormGroup = new FormGroup({});
+		const controls = this.createAliasControls(fieldNames, index);
+		this.addControlsToFormGroup(formAliasesFormGroup, controlValidation, index);
+		formAliases.push(formAliasesFormGroup);
+		return controls;
+	}
+	removeAllFormAliasControls(formArrayControls, formArrayName, fieldNames) {
+		const control = this.form.get(formArrayName);
+		for (const [index] of formArrayControls.entries()) this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);
+		control.clear();
+		return [];
+	}
+	createFormAlias(validators, controls = []) {
+		return new FormArray(controls, { validators: [...validators] });
+	}
+	removeFormAliasControl(index, formArrayControls) {
+		formArrayControls.splice(index, 1);
+		return formArrayControls;
+	}
+	setupAliasFormControls(aliasCountArray, formArrayName) {
+		if (aliasCountArray.length) this.aliasControls = this.buildFormAliasControls(aliasCountArray, formArrayName, this.aliasFields, this.aliasControlsValidation);
+	}
+	removeFormAliasControlsErrors(index, formArrayControls, fieldNames) {
+		const formArrayControl = formArrayControls[index];
+		if (formArrayControl) for (const field of fieldNames) delete this.formControlErrorMessages?.[formArrayControl[field].controlName];
+	}
+	createAliasControls(fields, index) {
+		return fields.reduce((controls, field) => ({
+			...controls,
+			[field]: {
+				inputId: `${field}_${index}`,
+				inputName: `${field}_${index}`,
+				controlName: `${field}_${index}`
+			}
+		}), {});
+	}
+	setUpAliasCheckboxListener(formCheckboxName, formArrayName) {
+		this["ngUnsubscribe"].next();
+		this["ngUnsubscribe"].complete();
+		const addAliasControl = this.form.get(formCheckboxName);
+		if (!addAliasControl) return;
+		addAliasControl.valueChanges.pipe(takeUntil(this["ngUnsubscribe"])).subscribe((shouldAddAlias) => {
+			if (shouldAddAlias) {
+				this.aliasControls = this.buildFormAliasControls([0], formArrayName, this.aliasFields, this.aliasControlsValidation);
+				this.focusFirstAliasField();
+			} else this.aliasControls = this.removeAllFormAliasControls(this.aliasControls, formArrayName, this.aliasFields);
+		});
+	}
+	focusFirstAliasField() {
+		this["changeDetectorRef"].detectChanges();
+		setTimeout(() => {
+			const index = this.aliasControls.length - 1;
+			const inputId = this.aliasFirstField.get(index)?.inputId;
+			if (inputId) document.getElementById(inputId)?.focus();
+		}, 0);
+	}
+	removeFormAliasControls(index, formArrayName, formArrayControls, fieldNames) {
+		this.form.get(formArrayName).removeAt(index);
+		this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);
+		return this.removeFormAliasControl(index, formArrayControls);
+	}
+	addAlias(index, formArrayName) {
+		this.aliasControls.push(this.addAliasControls(index, formArrayName, this.aliasFields, this.aliasControlsValidation));
+		this.focusFirstAliasField();
+	}
+	removeAlias(index, formArrayName, event) {
+		event?.preventDefault();
+		this.aliasControls = this.removeFormAliasControls(index, formArrayName, this.aliasControls, this.aliasFields);
+	}
+	ngOnInit() {
+		super.ngOnInit();
+	}
+	ngOnDestroy() {
+		this["ngUnsubscribe"].next();
+		this["ngUnsubscribe"].complete();
+		super.ngOnDestroy();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: AbstractFormAliasBaseComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: AbstractFormAliasBaseComponent,
+		isStandalone: true,
+		selector: "ng-component",
+		viewQueries: [{
+			propertyName: "aliasFirstField",
+			predicate: ["aliasFirstField"],
+			descendants: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "",
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: AbstractFormAliasBaseComponent,
+	decorators: [{
+		type: Component,
+		args: [{ template: "" }]
+	}],
+	propDecorators: { aliasFirstField: [{
+		type: ViewChildren,
+		args: ["aliasFirstField"]
+	}] }
+});
 export { AbstractFormAliasBaseComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs.map

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

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-form-array-base-interfaces.mjs.map