@hmcts/opal-frontend-common 0.0.108 → 0.0.110

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-tab-data.mjs

@@ -1,122 +1,36 @@
-import { inject } from '@angular/core';
-import { Router, ActivatedRoute } from '@angular/router';
-import { switchMap, map, shareReplay, startWith, filter, distinctUntilChanged, takeUntil, tap } from 'rxjs';
-
-class AbstractTabData {
-    router = inject(Router);
-    activatedRoute = inject(ActivatedRoute);
-    activeTab;
-    /**
-     * Creates an observable stream that fetches and transforms data based on the current tab.
-     *
-     * It fetches data using the `fetchData` function with parameters obtained from `getParams`,
-     * transforms the result using the `transform` function, and shares the result among subscribers.
-     *
-     * @template T The type of data returned by the fetchData observable.
-     * @template U The type of the value emitted by the resulting observable.
-     * @param fragment$ - An observable emitting the current tab identifier.
-     * @param getParams - A function that returns parameters for data fetching based on the tab.
-     * @param fetchData - A function that fetches data as an observable, given the parameters.
-     * @param transform - A function to transform the fetched data before emission.
-     * @returns An observable emitting the transformed fetched data, depending on the current tab.
-     */
-    createConditionalStream(fragment$, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    getParams, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    fetchData, transform) {
-        return fragment$.pipe(switchMap((tab) => fetchData(getParams(tab)).pipe(map(transform), shareReplay(1))));
-    }
-    /**
-     * Returns an observable stream of the current URL fragment, starting with the initial fragment or a default tab.
-     *
-     * This method listens to changes in the route fragment and emits the fragment value as a string.
-     * It starts with the current fragment (or the provided default tab if none exists), filters out falsy values,
-     * ensures only distinct values are emitted, and completes when the provided `destroy$` observable emits.
-     *
-     * @param defaultTab - The default tab to use if no fragment is present in the route snapshot.
-     * @param destroy$ - An observable that signals when to complete the fragment stream.
-     * @returns An observable emitting the current fragment string, updating on changes, and completing on destroy.
-     */
-    getFragmentStream(defaultTab, destroy$) {
-        return this.activatedRoute.fragment.pipe(startWith(this.activatedRoute.snapshot.fragment ?? defaultTab), filter((frag) => !!frag), map((tab) => tab), distinctUntilChanged(), takeUntil(destroy$));
-    }
-    /**
-     * Wraps a fragment stream and executes the provided callback on each tab change.
-     *
-     * @param fragment$ - The fragment observable stream.
-     * @param clearFn - A function to execute when the tab changes.
-     * @returns The fragment stream with a side-effect to run `clearFn` on each emission.
-     */
-    clearCacheOnTabChange(fragment$, clearFn) {
-        return fragment$.pipe(tap(() => clearFn()));
-    }
-    /**
-     * Creates an observable data stream for a tab, transforming the fetched data as needed.
-     *
-     * @template T The type of the data fetched.
-     * @template R The type of the transformed data.
-     * @param fragment$ An observable emitting the current tab fragment.
-     * @param getParams A function that returns fetch parameters based on the tab.
-     * @param fetchData A function that fetches data given the parameters.
-     * @param transform A function to transform the fetched data.
-     * @returns An observable emitting the transformed data for the current tab.
-     */
-    createTabDataStream(fragment$, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    getParams, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    fetchData, transform) {
-        return this.createConditionalStream(fragment$, getParams, fetchData, transform);
-    }
-    /**
-     * Creates an observable stream that emits a formatted count string based on the current tab and fragment.
-     *
-     * @template T - The type of the data returned by the fetchCount observable.
-     * @param fragment$ - An observable emitting the current fragment or tab identifier.
-     * @param getParams - A function that returns the parameters required for fetching the count.
-     * @param fetchCount - A function that takes the parameters and returns an observable emitting the count data.
-     * @param extractCount - A function that extracts the numeric count from the fetched data.
-     * @param formatFn - (Optional) A function to format the count as a string. Defaults to a simple string conversion.
-     * @returns An observable that emits the formatted count string whenever the fragment or parameters change.
-     */
-    createCountStream(fragment$, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    getParams, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    fetchCount, extractCount, formatFn = (c) => `${c}`) {
-        return fragment$.pipe(switchMap((tab) => fetchCount(getParams(tab)).pipe(map((data) => formatFn(extractCount(data))), shareReplay(1))));
-    }
-    /**
-     * Handles the tab switch by updating the active tab and triggering a router fragment update.
-     *
-     * @param fragment - The identifier of the tab to activate.
-     */
-    handleTabSwitch(fragment) {
-        this.activeTab = fragment;
-        this.router.navigate([], {
-            relativeTo: this.activatedRoute.parent,
-            fragment,
-        });
-    }
-    /**
-     * Formats a count value, capping it at a specified maximum.
-     *
-     * If the count exceeds the cap, returns a string in the format "{cap}+".
-     * Otherwise, returns the count as a string.
-     *
-     * @param count - The number to format.
-     * @param cap - The maximum value to display before capping.
-     * @returns A string representing the count, capped if necessary.
-     */
-    formatCountWithCap(count, cap) {
-        return count > cap ? `${cap}+` : `${count}`;
-    }
-}
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { inject } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { distinctUntilChanged, filter, map, shareReplay, startWith, switchMap, takeUntil, tap } from "rxjs";
+var AbstractTabData = class {
+	router = inject(Router);
+	activatedRoute = inject(ActivatedRoute);
+	activeTab;
+	createConditionalStream(fragment$, getParams, fetchData, transform) {
+		return fragment$.pipe(switchMap((tab) => fetchData(getParams(tab)).pipe(map(transform), shareReplay(1))));
+	}
+	getFragmentStream(defaultTab, destroy$) {
+		return this.activatedRoute.fragment.pipe(startWith(this.activatedRoute.snapshot.fragment ?? defaultTab), filter((frag) => !!frag), map((tab) => tab), distinctUntilChanged(), takeUntil(destroy$));
+	}
+	clearCacheOnTabChange(fragment$, clearFn) {
+		return fragment$.pipe(tap(() => clearFn()));
+	}
+	createTabDataStream(fragment$, getParams, fetchData, transform) {
+		return this.createConditionalStream(fragment$, getParams, fetchData, transform);
+	}
+	createCountStream(fragment$, getParams, fetchCount, extractCount, formatFn = (c) => `${c}`) {
+		return fragment$.pipe(switchMap((tab) => fetchCount(getParams(tab)).pipe(map((data) => formatFn(extractCount(data))), shareReplay(1))));
+	}
+	handleTabSwitch(fragment) {
+		this.activeTab = fragment;
+		this.router.navigate([], {
+			relativeTo: this.activatedRoute.parent,
+			fragment
+		});
+	}
+	formatCountWithCap(count, cap) {
+		return count > cap ? `${cap}+` : `${count}`;
+	}
+};
 export { AbstractTabData };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-tab-data.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-tab-data.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-table-filter-interfaces.mjs

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

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-table-filter-types.mjs

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-table-filter-types.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-table-filter.mjs

@@ -1,184 +1,112 @@
-import * as i0 from '@angular/core';
-import { signal, computed, Component } from '@angular/core';
-
-class AbstractTableFilterComponent {
-    displayTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "displayTableDataSignal" }] : /* istanbul ignore next */ []));
-    filteredTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "filteredTableDataSignal" }] : /* istanbul ignore next */ []));
-    filterTags = signal([], ...(ngDevMode ? [{ debugName: "filterTags" }] : /* istanbul ignore next */ []));
-    keyword = signal('', ...(ngDevMode ? [{ debugName: "keyword" }] : /* istanbul ignore next */ []));
-    appliedFilterTags = signal([], ...(ngDevMode ? [{ debugName: "appliedFilterTags" }] : /* istanbul ignore next */ []));
-    appliedKeyword = signal('', ...(ngDevMode ? [{ debugName: "appliedKeyword" }] : /* istanbul ignore next */ []));
-    /**
-     * 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 = computed(() => this.getSelectedOptionsFromTags(this.filterTags()), ...(ngDevMode ? [{ debugName: "abstractSelectedTags" }] : /* istanbul ignore next */ []));
-    /**
-     * Determines whether a given item matches a specific filter option within a category.
-     * @param item The data item to test.
-     * @param categoryName The category name to check within the item.
-     * @param option The filter option to match against.
-     * @returns True if the item's value for the category matches the option's value; otherwise false.
-     */
-    matchItemWithFilterOption(item, categoryName, option) {
-        return item?.[categoryName] === option.value;
-    }
-    /**
-     * Determines whether a given item matches the keyword filter.
-     * Checks if any value in the item contains the keyword (case-insensitive).
-     * @param item The data item to test.
-     * @param keyword The keyword to match against.
-     * @returns True if any value in the item contains the keyword; otherwise false.
-     */
-    matchItemWithKeyword(item, keyword) {
-        return Object.values(item).some((value) => value?.toString().toLowerCase().includes(keyword));
-    }
-    /**
-     * Extracts and returns categories from the provided tags that have at least one selected option.
-     *
-     * For each category in the input array, this method filters its options to include only those marked as selected.
-     * Only categories with at least one selected option are included in the returned array.
-     *
-     * @param tags - An array of category objects, each containing a list of options.
-     * @returns An array of category objects, each with only the selected options, and only categories with at least one selected option.
-     */
-    getSelectedOptionsFromTags(tags) {
-        return tags
-            .map((group) => ({
-            categoryName: group.categoryName,
-            options: group.options.filter((option) => option.selected),
-        }))
-            .filter((group) => group.options.length > 0);
-    }
-    /**
-     * Updates the keyword used to filter the table data.
-     * @param newKeyword The new keyword string to filter by.
-     */
-    onKeywordChange(newKeyword) {
-        this.keyword.set(newKeyword);
-    }
-    /**
-     * Updates the selection state of a filter option within a category.
-     * @param categoryName The name of the filter category.
-     * @param optionValue The value of the filter option to update.
-     * @param selected Whether the option is selected (true) or deselected (false).
-     */
-    onCategoryCheckboxChange(categoryName, optionValue, selected) {
-        const updatedFilterTags = this.filterTags().map((group) => {
-            if (group.categoryName === categoryName) {
-                return {
-                    ...group,
-                    options: group.options.map((option) => (option.value === optionValue ? { ...option, selected } : option)),
-                };
-            }
-            return group;
-        });
-        this.filterTags.set(updatedFilterTags);
-    }
-    /**
-     * Removes a selected filter tag by deselecting the corresponding filter option.
-     * @param categoryName The name of the filter category.
-     * @param optionValue The value of the filter option to remove.
-     */
-    removeTag(categoryName, optionValue) {
-        this.onCategoryCheckboxChange(categoryName, optionValue, false);
-    }
-    /**
-     * Clears all applied filters and resets the filter state.
-     *
-     * This method performs the following actions:
-     * - Resets the keyword and applied keyword to empty strings.
-     * - Iterates through all filter tag groups and sets each option's `selected` property to `false`.
-     * - Updates both the current and applied filter tags with the cleared state.
-     * - Applies the updated filter state.
-     */
-    clearAllFilters() {
-        this.keyword.set('');
-        this.appliedKeyword.set('');
-        const clearedFilterTags = this.filterTags().map((group) => ({
-            ...group,
-            options: group.options.map((option) => ({ ...option, selected: false })),
-        }));
-        this.filterTags.set(clearedFilterTags);
-        this.appliedFilterTags.set(clearedFilterTags);
-        this.applyFilterState();
-    }
-    /**
-     * Initializes and updates the filtered table data based on the currently applied keyword and filter tags.
-     *
-     * This method performs the following steps:
-     * 1. Retrieves the current table data, applied keyword, and filter tags.
-     * 2. If filter tags are present, filters the data to include only items that match all selected filter options.
-     * 3. If a keyword is present, further filters the data to include only items that match the keyword.
-     * 4. Updates the filtered table data signal with the resulting filtered data.
-     *
-     * @remarks
-     * - Filtering by tags requires each item to match every group of filter tags.
-     * - Filtering by keyword is case-insensitive and trims whitespace.
-     */
-    applyFilterState() {
-        const data = this.displayTableDataSignal();
-        const keyword = this.appliedKeyword().toLowerCase().trim();
-        const tags = this.appliedFilterTags();
-        const selectedTagGroups = this.getSelectedOptionsFromTags(tags);
-        let filtered = data;
-        if (selectedTagGroups.length > 0) {
-            filtered = filtered.filter((item) => selectedTagGroups.every((group) => group.options.some((option) => this.matchItemWithFilterOption(item, group.categoryName, option))));
-        }
-        if (keyword) {
-            filtered = filtered.filter((item) => this.matchItemWithKeyword(item, keyword));
-        }
-        this.filteredTableDataSignal.set(filtered);
-    }
-    /**
-     * Applies the current filter tags and keyword to the table data.
-     *
-     * This method updates the `appliedFilterTags` and `appliedKeyword` properties
-     * with the current filter values, then re-initialises the filtered data set
-     * by invoking `applyFilterState()`.
-     *
-     * Typically called when the user confirms or applies filter changes in the UI.
-     */
-    onApplyFilters() {
-        this.appliedFilterTags.set(this.filterTags());
-        this.appliedKeyword.set(this.keyword());
-        this.applyFilterState();
-    }
-    /**
-     * Sets the data to be displayed in the table.
-     *
-     * @param data - An array of table data objects conforming to the `IAbstractTableData<SortableValuesType>` interface.
-     */
-    setTableData(data) {
-        this.displayTableDataSignal.set(data);
-    }
-    /**
-     * Resets the filter and keyword state to the provided values and reapplies them.
-     *
-     * @param tags - The filter tag state to apply (including selected values).
-     * @param keyword - The keyword string to apply (optional, defaults to empty).
-     */
-    resetFiltersTo(tags, keyword = '') {
-        this.filterTags.set(tags);
-        this.keyword.set(keyword);
-        this.appliedFilterTags.set(tags);
-        this.appliedKeyword.set(keyword);
-        this.applyFilterState();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AbstractTableFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: AbstractTableFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AbstractTableFilterComponent, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Component, computed, signal } from "@angular/core";
+var AbstractTableFilterComponent = class AbstractTableFilterComponent {
+	displayTableDataSignal = signal([], ...ngDevMode ? [{ debugName: "displayTableDataSignal" }] : /* istanbul ignore next */ []);
+	filteredTableDataSignal = signal([], ...ngDevMode ? [{ debugName: "filteredTableDataSignal" }] : /* istanbul ignore next */ []);
+	filterTags = signal([], ...ngDevMode ? [{ debugName: "filterTags" }] : /* istanbul ignore next */ []);
+	keyword = signal("", ...ngDevMode ? [{ debugName: "keyword" }] : /* istanbul ignore next */ []);
+	appliedFilterTags = signal([], ...ngDevMode ? [{ debugName: "appliedFilterTags" }] : /* istanbul ignore next */ []);
+	appliedKeyword = signal("", ...ngDevMode ? [{ debugName: "appliedKeyword" }] : /* istanbul ignore next */ []);
+	abstractSelectedTags = computed(() => this.getSelectedOptionsFromTags(this.filterTags()), ...ngDevMode ? [{ debugName: "abstractSelectedTags" }] : /* istanbul ignore next */ []);
+	matchItemWithFilterOption(item, categoryName, option) {
+		return item?.[categoryName] === option.value;
+	}
+	matchItemWithKeyword(item, keyword) {
+		return Object.values(item).some((value) => value?.toString().toLowerCase().includes(keyword));
+	}
+	getSelectedOptionsFromTags(tags) {
+		return tags.map((group) => ({
+			categoryName: group.categoryName,
+			options: group.options.filter((option) => option.selected)
+		})).filter((group) => group.options.length > 0);
+	}
+	onKeywordChange(newKeyword) {
+		this.keyword.set(newKeyword);
+	}
+	onCategoryCheckboxChange(categoryName, optionValue, selected) {
+		const updatedFilterTags = this.filterTags().map((group) => {
+			if (group.categoryName === categoryName) return {
+				...group,
+				options: group.options.map((option) => option.value === optionValue ? {
+					...option,
+					selected
+				} : option)
+			};
+			return group;
+		});
+		this.filterTags.set(updatedFilterTags);
+	}
+	removeTag(categoryName, optionValue) {
+		this.onCategoryCheckboxChange(categoryName, optionValue, false);
+	}
+	clearAllFilters() {
+		this.keyword.set("");
+		this.appliedKeyword.set("");
+		const clearedFilterTags = this.filterTags().map((group) => ({
+			...group,
+			options: group.options.map((option) => ({
+				...option,
+				selected: false
+			}))
+		}));
+		this.filterTags.set(clearedFilterTags);
+		this.appliedFilterTags.set(clearedFilterTags);
+		this.applyFilterState();
+	}
+	applyFilterState() {
+		const data = this.displayTableDataSignal();
+		const keyword = this.appliedKeyword().toLowerCase().trim();
+		const tags = this.appliedFilterTags();
+		const selectedTagGroups = this.getSelectedOptionsFromTags(tags);
+		let filtered = data;
+		if (selectedTagGroups.length > 0) filtered = filtered.filter((item) => selectedTagGroups.every((group) => group.options.some((option) => this.matchItemWithFilterOption(item, group.categoryName, option))));
+		if (keyword) filtered = filtered.filter((item) => this.matchItemWithKeyword(item, keyword));
+		this.filteredTableDataSignal.set(filtered);
+	}
+	onApplyFilters() {
+		this.appliedFilterTags.set(this.filterTags());
+		this.appliedKeyword.set(this.keyword());
+		this.applyFilterState();
+	}
+	setTableData(data) {
+		this.displayTableDataSignal.set(data);
+	}
+	resetFiltersTo(tags, keyword = "") {
+		this.filterTags.set(tags);
+		this.keyword.set(keyword);
+		this.appliedFilterTags.set(tags);
+		this.appliedKeyword.set(keyword);
+		this.applyFilterState();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: AbstractTableFilterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: AbstractTableFilterComponent,
+		isStandalone: true,
+		selector: "ng-component",
+		ngImport: i0,
+		template: "",
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: AbstractTableFilterComponent,
+	decorators: [{
+		type: Component,
+		args: [{ template: "" }]
+	}]
+});
 export { AbstractTableFilterComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-table-filter.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-table-filter.mjs.map

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

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

package/fesm2022/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete-interfaces.mjs

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete-interfaces.mjs.map