@hmcts/opal-frontend-common 0.0.27 → 0.0.29

package/README.md

@@ -183,3 +183,58 @@ The following commands are available in the `package.json`:
 
 - `yarn prettier:fix`  
   Automatically formats files using Prettier.
+
+## Angular code LLM prompts
+
+https://angular.dev/ai/develop-with-ai
+
+Paste the following prompt into your AI assistant of choice.
+
+```markdown
+You are an expert in TypeScript, Angular, and scalable web application development. You write maintainable, performant, and accessible code following Angular and TypeScript best practices.
+
+## TypeScript Best Practices
+
+- Use strict type checking
+- Prefer type inference when the type is obvious
+- Avoid the `any` type; use `unknown` when type is uncertain
+
+## Angular Best Practices
+
+- Always use standalone components over NgModules
+- Do NOT set `standalone: true` inside the `@Component`, `@Directive` and `@Pipe` decorators
+- Use signals for state management
+- Implement lazy loading for feature routes
+- Use `NgOptimizedImage` for all static images.
+- Do NOT use the `@HostBinding` and `@HostListener` decorators. Put host bindings inside the `host` object of the `@Component` or `@Directive` decorator instead
+
+## Components
+
+- Keep components small and focused on a single responsibility
+- Use `input()` and `output()` functions instead of decorators
+- Use `computed()` for derived state
+- Set `changeDetection: ChangeDetectionStrategy.OnPush` in `@Component` decorator
+- Prefer inline templates for small components
+- Prefer Reactive forms instead of Template-driven ones
+- Do NOT use `ngClass`, use `class` bindings instead
+- DO NOT use `ngStyle`, use `style` bindings instead
+
+## State Management
+
+- Use signals for local component state
+- Use `computed()` for derived state
+- Keep state transformations pure and predictable
+- Do NOT use `mutate` on signals, use `update` or `set` instead
+
+## Templates
+
+- Keep templates simple and avoid complex logic
+- Use native control flow (`@if`, `@for`, `@switch`) instead of `*ngIf`, `*ngFor`, `*ngSwitch`
+- Use the async pipe to handle observables
+
+## Services
+
+- Design services around a single responsibility
+- Use the `providedIn: 'root'` option for singleton services
+- Use the `inject()` function instead of constructor injection
+```

package/fesm2022/hmcts-opal-frontend-common-services-utils-service.mjs

@@ -118,6 +118,23 @@ class UtilsService {
             return [key, value];
         }));
     }
+    /**
+     * Strips out the first parentheses block from the given text.
+     * This method looks for the first occurrence of parentheses in the text,
+     * removes the content within them, and returns the modified text.
+     * @param {string} text - The text from which to strip the first parentheses block.
+     * @returns {string} - The modified text with the first parentheses block removed.
+     */
+    stripFirstParenthesesBlock(text) {
+        const open = text.indexOf('(');
+        const close = text.indexOf(')', open);
+        if (open !== -1 && close !== -1 && close > open) {
+            const before = text.slice(0, open);
+            const after = text.slice(close + 1);
+            return (before + after).trim();
+        }
+        return text.trim();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: UtilsService, providedIn: 'root' });
 }

package/fesm2022/hmcts-opal-frontend-common-services-utils-service.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-services-utils-service.mjs","sources":["../../../projects/opal-frontend-common/services/utils-service/utils.service.ts","../../../projects/opal-frontend-common/services/utils-service/hmcts-opal-frontend-common-services-utils-service.ts"],"sourcesContent":["import { ViewportScroller } from '@angular/common';\nimport { inject, Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class UtilsService {\n  private readonly viewportScroller = inject(ViewportScroller);\n\n  /**\n   * Converts the first letter of a string to uppercase.\n   * @param str - The input string.\n   * @returns The input string with the first letter capitalized.\n   */\n  public upperCaseFirstLetter(str: string): string {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  }\n\n  /**\n   * Converts the entire string to uppercase.\n   * @param str - The input string.\n   * @returns The input string in uppercase.\n   */\n  public upperCaseAllLetters(str: string): string {\n    return str.toUpperCase();\n  }\n\n  /**\n   * Converts a number to a monetary string representation.\n   * @param amount - The number to convert.\n   * @returns The monetary string representation of the number.\n   */\n  public convertToMonetaryString(amount: number | string): string {\n    if (typeof amount === 'string') {\n      amount = parseFloat(amount);\n    }\n    return `£${amount.toFixed(2)}`;\n  }\n\n  /**\n   * Formats a 6-digit number or string as a sort code.\n   * @param value - The 6-digit value to format.\n   * @returns The formatted sort code string (xx-xx-xx).\n   */\n  public formatSortCode(value: string | number): string {\n    const sortCode = value.toString();\n    return `${sortCode.slice(0, 2)}-${sortCode.slice(2, 4)}-${sortCode.slice(4, 6)}`;\n  }\n\n  /**\n   * Filters out null or empty strings from an array of address lines.\n   *\n   * @param address - An array of address lines which may contain strings or null values.\n   * @returns A new array containing only non-empty strings from the input array.\n   */\n  public formatAddress(address: (string | null)[]): string[] {\n    return address.filter((line): line is string => !!line?.trim());\n  }\n\n  /**\n   * Scrolls the viewport to the top of the page.\n   * Utilizes the `viewportScroller` service to scroll to the position [0, 0].\n   */\n  public scrollToTop(): void {\n    this.viewportScroller.scrollToPosition([0, 0]);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public checkFormValues(form: { [key: string]: any }): boolean {\n    return Object.values(form).some((value) => {\n      return Array.isArray(value) ? value.length > 0 : Boolean(value);\n    });\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public checkFormArrayValues(forms: { [key: string]: any }[]): boolean {\n    return forms.every((form) => this.checkFormValues(form));\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public getFormStatus(form: { [key: string]: any }, providedMessage: string, notProvidedMessage: string): string {\n    return this.checkFormValues(form) ? providedMessage : notProvidedMessage;\n  }\n\n  public getArrayFormStatus(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    forms: { [key: string]: any }[],\n    providedMessage: string,\n    notProvidedMessage: string,\n  ): string {\n    return forms.every((form) => this.checkFormValues(form)) ? providedMessage : notProvidedMessage;\n  }\n\n  /**\n   * Copies the provided string value to the clipboard.\n   *\n   * @param value - The string value to be copied to the clipboard.\n   *\n   * @remarks\n   * This method uses the `navigator.clipboard.writeText` API to copy text to the clipboard.\n   * Ensure that the browser supports the Clipboard API before using this method.\n   */\n  public copyToClipboard(value: string): Promise<void> {\n    return navigator.clipboard.writeText(value);\n  }\n\n  /**\n   * Recursively filters out properties from an object where the value is `null` or `undefined`.\n   *\n   * @param obj - The object to filter. Can include nested objects.\n   * @returns A new object with only non-null and non-undefined values.\n   *\n   * @example\n   * ```ts\n   * const input = {\n   *   a: 1,\n   *   b: null,\n   *   c: undefined,\n   *   d: 'hello',\n   *   e: { x: null, y: 2 },\n   *   f: { z: undefined },\n   * };\n   * const result = filterNullOrUndefined(input);\n   * console.log(result); // Output: { a: 1, d: 'hello', e: { y: 2 } }\n   * ```\n   */\n  public filterNullOrUndefined(obj: Record<string, unknown>): Record<string, unknown> {\n    return Object.fromEntries(\n      Object.entries(obj)\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        .filter(([_, value]) => value !== null && value !== undefined)\n        .map(([key, value]) => {\n          if (typeof value === 'object' && !Array.isArray(value) && value !== null) {\n            return [key, this.filterNullOrUndefined(value as Record<string, unknown>)];\n          }\n          return [key, value];\n        }),\n    );\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-services-utils-service.mjs","sources":["../../../projects/opal-frontend-common/services/utils-service/utils.service.ts","../../../projects/opal-frontend-common/services/utils-service/hmcts-opal-frontend-common-services-utils-service.ts"],"sourcesContent":["import { ViewportScroller } from '@angular/common';\nimport { inject, Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class UtilsService {\n  private readonly viewportScroller = inject(ViewportScroller);\n\n  /**\n   * Converts the first letter of a string to uppercase.\n   * @param str - The input string.\n   * @returns The input string with the first letter capitalized.\n   */\n  public upperCaseFirstLetter(str: string): string {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  }\n\n  /**\n   * Converts the entire string to uppercase.\n   * @param str - The input string.\n   * @returns The input string in uppercase.\n   */\n  public upperCaseAllLetters(str: string): string {\n    return str.toUpperCase();\n  }\n\n  /**\n   * Converts a number to a monetary string representation.\n   * @param amount - The number to convert.\n   * @returns The monetary string representation of the number.\n   */\n  public convertToMonetaryString(amount: number | string): string {\n    if (typeof amount === 'string') {\n      amount = parseFloat(amount);\n    }\n    return `£${amount.toFixed(2)}`;\n  }\n\n  /**\n   * Formats a 6-digit number or string as a sort code.\n   * @param value - The 6-digit value to format.\n   * @returns The formatted sort code string (xx-xx-xx).\n   */\n  public formatSortCode(value: string | number): string {\n    const sortCode = value.toString();\n    return `${sortCode.slice(0, 2)}-${sortCode.slice(2, 4)}-${sortCode.slice(4, 6)}`;\n  }\n\n  /**\n   * Filters out null or empty strings from an array of address lines.\n   *\n   * @param address - An array of address lines which may contain strings or null values.\n   * @returns A new array containing only non-empty strings from the input array.\n   */\n  public formatAddress(address: (string | null)[]): string[] {\n    return address.filter((line): line is string => !!line?.trim());\n  }\n\n  /**\n   * Scrolls the viewport to the top of the page.\n   * Utilizes the `viewportScroller` service to scroll to the position [0, 0].\n   */\n  public scrollToTop(): void {\n    this.viewportScroller.scrollToPosition([0, 0]);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public checkFormValues(form: { [key: string]: any }): boolean {\n    return Object.values(form).some((value) => {\n      return Array.isArray(value) ? value.length > 0 : Boolean(value);\n    });\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public checkFormArrayValues(forms: { [key: string]: any }[]): boolean {\n    return forms.every((form) => this.checkFormValues(form));\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public getFormStatus(form: { [key: string]: any }, providedMessage: string, notProvidedMessage: string): string {\n    return this.checkFormValues(form) ? providedMessage : notProvidedMessage;\n  }\n\n  public getArrayFormStatus(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    forms: { [key: string]: any }[],\n    providedMessage: string,\n    notProvidedMessage: string,\n  ): string {\n    return forms.every((form) => this.checkFormValues(form)) ? providedMessage : notProvidedMessage;\n  }\n\n  /**\n   * Copies the provided string value to the clipboard.\n   *\n   * @param value - The string value to be copied to the clipboard.\n   *\n   * @remarks\n   * This method uses the `navigator.clipboard.writeText` API to copy text to the clipboard.\n   * Ensure that the browser supports the Clipboard API before using this method.\n   */\n  public copyToClipboard(value: string): Promise<void> {\n    return navigator.clipboard.writeText(value);\n  }\n\n  /**\n   * Recursively filters out properties from an object where the value is `null` or `undefined`.\n   *\n   * @param obj - The object to filter. Can include nested objects.\n   * @returns A new object with only non-null and non-undefined values.\n   *\n   * @example\n   * ```ts\n   * const input = {\n   *   a: 1,\n   *   b: null,\n   *   c: undefined,\n   *   d: 'hello',\n   *   e: { x: null, y: 2 },\n   *   f: { z: undefined },\n   * };\n   * const result = filterNullOrUndefined(input);\n   * console.log(result); // Output: { a: 1, d: 'hello', e: { y: 2 } }\n   * ```\n   */\n  public filterNullOrUndefined(obj: Record<string, unknown>): Record<string, unknown> {\n    return Object.fromEntries(\n      Object.entries(obj)\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        .filter(([_, value]) => value !== null && value !== undefined)\n        .map(([key, value]) => {\n          if (typeof value === 'object' && !Array.isArray(value) && value !== null) {\n            return [key, this.filterNullOrUndefined(value as Record<string, unknown>)];\n          }\n          return [key, value];\n        }),\n    );\n  }\n\n  /**\n   * Strips out the first parentheses block from the given text.\n   * This method looks for the first occurrence of parentheses in the text,\n   * removes the content within them, and returns the modified text.\n   * @param {string} text - The text from which to strip the first parentheses block.\n   * @returns {string} - The modified text with the first parentheses block removed.\n   */\n  public stripFirstParenthesesBlock(text: string): string {\n    const open = text.indexOf('(');\n    const close = text.indexOf(')', open);\n    if (open !== -1 && close !== -1 && close > open) {\n      const before = text.slice(0, open);\n      const after = text.slice(close + 1);\n      return (before + after).trim();\n    }\n    return text.trim();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^18.2.0 || ^19.0.0 || ^20.0.0",

package/services/utils-service/index.d.ts

@@ -81,6 +81,14 @@ declare class UtilsService {
      * ```
      */
     filterNullOrUndefined(obj: Record<string, unknown>): Record<string, unknown>;
+    /**
+     * Strips out the first parentheses block from the given text.
+     * This method looks for the first occurrence of parentheses in the text,
+     * removes the content within them, and returns the modified text.
+     * @param {string} text - The text from which to strip the first parentheses block.
+     * @returns {string} - The modified text with the first parentheses block removed.
+     */
+    stripFirstParenthesesBlock(text: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<UtilsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<UtilsService>;
 }

package/styles/styles.scss

@@ -1,7 +1,21 @@
 /* You can add global styles to this file, and also import other style files */
+
+/* ==========================================================================
+   Library Dependencies
+   ==========================================================================
+   These imports include external styles used across the application.
+*/
 @import 'govuk-frontend/dist/govuk/all.scss';
-@import './custom/_custom-section_break.scss';
+@import '@ministryofjustice/frontend/moj/all.scss';
+@import 'accessible-autocomplete/dist/accessible-autocomplete.min.css';
 @import 'home-office-kit/sass/_loadingSpinner.scss';
+
+/* ==========================================================================
+   Custom Component Styles
+   ==========================================================================
+   Custom Component Styles authored within the OPAL Frontend Common UI Library.
+*/
+@import './custom/_custom-section_break.scss';
 @import './custom/custom-scrollable-panes';
 
 html,