@cqa-lib/cqa-ui 1.1.211 → 1.1.212

package/lib/custom-textarea/custom-textarea.component.d.ts

@@ -1,10 +1,12 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges, ElementRef, AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 declare type TextareaSize = 'sm' | 'md' | 'lg';
-export declare class CustomTextareaComponent implements OnChanges {
+export declare class CustomTextareaComponent implements OnChanges, AfterViewInit {
     label: string;
     placeholder: string;
     value: string;
+    /** When true, shows Trix rich text editor (Bold, Italic, etc.). Host app must load Trix JS/CSS. */
+    enableMarkdown: boolean;
     disabled: boolean;
     errors: string[];
     required: boolean;
@@ -21,9 +23,17 @@ export declare class CustomTextareaComponent implements OnChanges {
     valueChange: EventEmitter<string>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
+    trixEditor?: ElementRef<HTMLElement>;
     textareaValue: string;
     isFocused: boolean;
+    trixEditorId: string;
+    ngAfterViewInit(): void;
+    onTrixInitialize(_event: Event): void;
     ngOnChanges(changes: SimpleChanges): void;
+    private syncTrixContent;
+    onTrixChange(event: Event): void;
+    onTrixFocus(event: FocusEvent): void;
+    onTrixBlur(event: FocusEvent): void;
     get hasError(): boolean;
     get textareaSizeClasses(): string;
     get labelSizeClasses(): string;
@@ -34,6 +44,6 @@ export declare class CustomTextareaComponent implements OnChanges {
     get textareaStyles(): string;
     get labelStyles(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomTextareaComponent, "cqa-custom-textarea", never, { "label": "label"; "placeholder": "placeholder"; "value": "value"; "disabled": "disabled"; "errors": "errors"; "required": "required"; "ariaLabel": "ariaLabel"; "size": "size"; "fullWidth": "fullWidth"; "maxLength": "maxLength"; "showCharCount": "showCharCount"; "rows": "rows"; "cols": "cols"; "resize": "resize"; "textareaInlineStyle": "textareaInlineStyle"; "labelInlineStyle": "labelInlineStyle"; }, { "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomTextareaComponent, "cqa-custom-textarea", never, { "label": "label"; "placeholder": "placeholder"; "value": "value"; "enableMarkdown": "enableMarkdown"; "disabled": "disabled"; "errors": "errors"; "required": "required"; "ariaLabel": "ariaLabel"; "size": "size"; "fullWidth": "fullWidth"; "maxLength": "maxLength"; "showCharCount": "showCharCount"; "rows": "rows"; "cols": "cols"; "resize": "resize"; "textareaInlineStyle": "textareaInlineStyle"; "labelInlineStyle": "labelInlineStyle"; }, { "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; }, never, never>;
 }
 export {};

package/lib/detail-side-panel/detail-side-panel.component.d.ts

@@ -1,9 +1,10 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { DetailSidePanelTab, DetailSidePanelMetadataItem, DetailSidePanelConfigSection } from './detail-side-panel.models';
 import { TestCaseDetailsEditFormData, SelectConfigOverrides } from '../test-case-details/test-case-details-edit/test-case-details-edit.component';
 import * as i0 from "@angular/core";
 export type { DetailSidePanelTab, DetailSidePanelMetadataItem, DetailSidePanelConfigSection } from './detail-side-panel.models';
 export declare class DetailSidePanelComponent {
+    private cdr;
     /** Tabs - each tab has a side panel icon button; tabs and buttons are 1:1 */
     tabs: DetailSidePanelTab[];
     /** Currently active tab value */
@@ -12,6 +13,8 @@ export declare class DetailSidePanelComponent {
     descriptionTitle: string;
     /** Description text content */
     descriptionContent: string;
+    /** When true, description uses rich text editor and renders as HTML. Host app must load Trix. */
+    enableMarkdown: boolean;
     /** Whether to show the Edit button in the Description header */
     showEditButton: boolean;
     /** Metadata items (Created on, Status, Priority, etc.) */
@@ -30,6 +33,8 @@ export declare class DetailSidePanelComponent {
     showCloseButton: boolean;
     /** When true, test case details start in edit mode (useful for Storybook). */
     startInEditMode: boolean;
+    /** When provided, parent controls edit mode (fixes Storybook event flow). */
+    editing?: boolean;
     /** Override config per select for API-driven options, server search, load more. */
     selectConfigOverrides: SelectConfigOverrides;
     /** Whether the panel is expanded (affects expand button icon and panel width) */
@@ -51,6 +56,7 @@ export declare class DetailSidePanelComponent {
     back: EventEmitter<void>;
     tabChange: EventEmitter<string>;
     editDescription: EventEmitter<void>;
+    cancel: EventEmitter<void>;
     saveChanges: EventEmitter<TestCaseDetailsEditFormData>;
     metadataLinkClick: EventEmitter<DetailSidePanelMetadataItem>;
     selectSearch: EventEmitter<{
@@ -68,8 +74,10 @@ export declare class DetailSidePanelComponent {
         key: string;
         value: unknown;
     }>;
+    labelAdded: EventEmitter<string>;
     expandToggle: EventEmitter<void>;
     close: EventEmitter<void>;
+    constructor(cdr: ChangeDetectorRef);
     trackByTabValue(_i: number, tab: DetailSidePanelTab): string;
     trackByMetadataLabel(_i: number, item: DetailSidePanelMetadataItem): string;
     trackByConfigTitle(_i: number, section: DetailSidePanelConfigSection): string;
@@ -77,10 +85,11 @@ export declare class DetailSidePanelComponent {
     onTabClick(tab: DetailSidePanelTab): void;
     onEditDescription(): void;
     onSaveChanges(data: TestCaseDetailsEditFormData): void;
+    onCancel(): void;
     onExpandToggle(): void;
     onClose(): void;
     onMetadataLinkClick(item: DetailSidePanelMetadataItem): void;
     getStatusDotClass(item: DetailSidePanelMetadataItem): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DetailSidePanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DetailSidePanelComponent, "cqa-detail-side-panel", never, { "tabs": "tabs"; "activeTab": "activeTab"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "configTitle": "configTitle"; "showCloseButton": "showCloseButton"; "startInEditMode": "startInEditMode"; "selectConfigOverrides": "selectConfigOverrides"; "expanded": "expanded"; "expandedWidth": "expandedWidth"; "collapsedWidth": "collapsedWidth"; "expandTooltip": "expandTooltip"; "collapseTooltip": "collapseTooltip"; "closeTooltip": "closeTooltip"; }, { "back": "back"; "tabChange": "tabChange"; "editDescription": "editDescription"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "expandToggle": "expandToggle"; "close": "close"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailSidePanelComponent, "cqa-detail-side-panel", never, { "tabs": "tabs"; "activeTab": "activeTab"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "enableMarkdown": "enableMarkdown"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "configTitle": "configTitle"; "showCloseButton": "showCloseButton"; "startInEditMode": "startInEditMode"; "editing": "editing"; "selectConfigOverrides": "selectConfigOverrides"; "expanded": "expanded"; "expandedWidth": "expandedWidth"; "collapsedWidth": "collapsedWidth"; "expandTooltip": "expandTooltip"; "collapseTooltip": "collapseTooltip"; "closeTooltip": "closeTooltip"; }, { "back": "back"; "tabChange": "tabChange"; "editDescription": "editDescription"; "cancel": "cancel"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "labelAdded": "labelAdded"; "expandToggle": "expandToggle"; "close": "close"; }, never, never>;
 }

package/lib/test-case-details/test-case-details-edit/test-case-details-edit.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, ChangeDetectorRef, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { TestCaseDetailsConfigSection, TestCaseDetailsMetadataItem } from '../test-case-details.models';
 import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
@@ -28,7 +28,11 @@ export declare type SelectConfigOverrides = Partial<Record<string, SelectConfigO
 export declare const TEST_CASE_DETAILS_SELECT_KEYS: {
     readonly status: "status";
     readonly priority: "priority";
+    readonly type: "type";
+    readonly labels: "labels";
     readonly prerequisiteCases: "prerequisiteCases";
+    readonly testDataProfile: "testDataProfile";
+    readonly testDataSet: "testDataSet";
     readonly videoRecording: "videoRecording";
     readonly enableAiSmartness: "enableAiSmartness";
     readonly defaultAiAction: "defaultAiAction";
@@ -43,13 +47,19 @@ export interface TestCaseDetailsEditFormData {
     descriptionContent: string;
     status: string;
     priority: string;
+    type?: string | number;
     labels: string[];
+    testDataProfileId?: number | string | null;
+    testDataSetIndex?: number | string | null;
     configSections: TestCaseDetailsConfigSection[];
     configSectionsRow2: TestCaseDetailsConfigSection[];
 }
 export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
+    private cdr;
     descriptionTitle: string;
     descriptionContent: string;
+    /** When true, description uses Trix rich text editor (Bold, Italic, etc.). Host app must load Trix. */
+    enableMarkdown: boolean;
     metadataItems: TestCaseDetailsMetadataItem[];
     labels: string[];
     configTitle: string;
@@ -91,12 +101,14 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
         key: string;
         value: unknown;
     }>;
+    /** Emitted when user adds a new custom label via the "New" option. */
+    labelAdded: EventEmitter<string>;
+    constructor(cdr: ChangeDetectorRef);
     /** Form state */
     editDescription: string;
     editStatus: string;
     editPriority: string;
     editLabels: string[];
-    labelSearch: string;
     testCaseTimeout: string;
     waitTimeoutLocators: string;
     autoWaitEnabled: boolean;
@@ -115,13 +127,22 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     editForm: FormGroup;
     get statusItem(): TestCaseDetailsMetadataItem | undefined;
     get priorityItem(): TestCaseDetailsMetadataItem | undefined;
+    get typeItem(): TestCaseDetailsMetadataItem | undefined;
     get statusOptions(): string[];
     get priorityOptions(): string[];
     /** Cached configs to avoid new object refs each change detection (prevents infinite loops) */
     readonly statusSelectConfig: DynamicSelectFieldConfig;
+    readonly typeSelectConfig: DynamicSelectFieldConfig;
+    readonly testDataProfileSelectConfig: DynamicSelectFieldConfig;
+    readonly testDataSetSelectConfig: DynamicSelectFieldConfig;
     private readonly defaultPrerequisiteCaseOptions;
     readonly videoRecordingSelectConfig: DynamicSelectFieldConfig;
     readonly aiMetadataCollectionSelectConfig: DynamicSelectFieldConfig;
+    /** Cached labels config to avoid new object on every CD (prevents freeze) */
+    private _labelsSelectConfigCache;
+    private _labelsSelectConfigDirty;
+    /** Labels multi-select: options = frequently used + current + API options from selectConfigOverrides */
+    get labelsSelectConfig(): DynamicSelectFieldConfig;
     prerequisiteCaseSelectConfig: DynamicSelectFieldConfig;
     readonly defaultViewportSelectConfig: DynamicSelectFieldConfig;
     readonly deviceTypeSelectConfig: DynamicSelectFieldConfig;
@@ -149,7 +170,15 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
         key: string;
         value: unknown;
     }): void;
+    onLabelsAddCustomValue(event: {
+        key: string;
+        value: string;
+    }): void;
     private getConfigItemValue;
+    /** Get value from Device section - supports both 'Device' and 'Device Setting' titles */
+    private getDeviceConfigValue;
+    /** Get value from Waits section - supports both 'Wait and retries' and 'Waits & Retries' titles */
+    private getWaitsRetriesValue;
     private getPrerequisiteCasesFromConfig;
     ngOnInit(): void;
     private normalizeBooleanSelectValue;
@@ -157,7 +186,6 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     onRemoveLabel(label: string): void;
     onClearAllLabels(): void;
     onAddFrequentLabel(label: string): void;
-    onAddSearchedLabel(): void;
     onSave(): void;
     private mergeConfigSections;
     private mergeConfigSectionsRow2;
@@ -171,5 +199,5 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     };
     getLabelCloseIconColor(_label: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseDetailsEditComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsEditComponent, "cqa-test-case-details-edit", never, { "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "prerequisiteCaseOptions": "prerequisiteCaseOptions"; "platform": "platform"; "selectConfigOverrides": "selectConfigOverrides"; }, { "save": "save"; "cancel": "cancel"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsEditComponent, "cqa-test-case-details-edit", never, { "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "enableMarkdown": "enableMarkdown"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "prerequisiteCaseOptions": "prerequisiteCaseOptions"; "platform": "platform"; "selectConfigOverrides": "selectConfigOverrides"; }, { "save": "save"; "cancel": "cancel"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "labelAdded": "labelAdded"; }, never, never>;
 }

package/lib/test-case-details/test-case-details.component.d.ts

@@ -4,16 +4,22 @@ import { TestCaseDetailsEditFormData, SelectConfigOverrides } from './test-case-
 import * as i0 from "@angular/core";
 export declare class TestCaseDetailsComponent implements OnInit {
     private cdr;
-    /** Whether the component is in edit mode */
-    editing: boolean;
+    /** Internal editing state when not controlled by parent */
+    private _editing;
+    /** When provided by parent, use this instead of internal state (fixes Storybook event flow). */
+    editing?: boolean;
     /** When true, start in edit mode (useful for Storybook). */
     startInEditMode: boolean;
+    /** Resolved editing state: parent-controlled or internal */
+    get isEditing(): boolean;
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     /** Description section title */
     descriptionTitle: string;
     /** Description text content */
     descriptionContent: string;
+    /** When true, description supports rich text (HTML). Renders as HTML in view mode. */
+    enableMarkdown: boolean;
     /** Whether to show the Edit button in the Description header */
     showEditButton: boolean;
     /** Metadata items (createdOn, status, priority, environment, version, testPlanName, etc.) */
@@ -31,6 +37,7 @@ export declare class TestCaseDetailsComponent implements OnInit {
     /** Override config per select for API-driven options, server search, load more. */
     selectConfigOverrides: SelectConfigOverrides;
     editDescription: EventEmitter<void>;
+    cancel: EventEmitter<void>;
     saveChanges: EventEmitter<TestCaseDetailsEditFormData>;
     metadataLinkClick: EventEmitter<TestCaseDetailsMetadataItem>;
     selectSearch: EventEmitter<{
@@ -48,6 +55,7 @@ export declare class TestCaseDetailsComponent implements OnInit {
         key: string;
         value: unknown;
     }>;
+    labelAdded: EventEmitter<string>;
     onEditClick(): void;
     onSaveChanges(data: TestCaseDetailsEditFormData): void;
     onCancelEdit(): void;
@@ -58,5 +66,5 @@ export declare class TestCaseDetailsComponent implements OnInit {
     /** Text color for metadata value (e.g. red for critical priority) */
     getValueTextClass(item: TestCaseDetailsMetadataItem): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsComponent, "cqa-test-case-details", never, { "startInEditMode": "startInEditMode"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "selectConfigOverrides": "selectConfigOverrides"; }, { "editDescription": "editDescription"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsComponent, "cqa-test-case-details", never, { "editing": "editing"; "startInEditMode": "startInEditMode"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "enableMarkdown": "enableMarkdown"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "selectConfigOverrides": "selectConfigOverrides"; }, { "editDescription": "editDescription"; "cancel": "cancel"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "labelAdded": "labelAdded"; }, never, never>;
 }

package/lib/test-case-details/test-case-details.models.d.ts

@@ -71,12 +71,18 @@ export interface TestCaseDetailsApiData {
     createdOn?: string | Date;
     status?: string;
     priority?: string;
+    type?: string;
+    typeId?: number | string;
     environment?: string;
     version?: string;
     testPlanName?: string;
     testPlanRedirectUrl?: string;
     labels?: string[];
     prerequisiteCase?: string | null;
+    testDataProfile?: string | null;
+    testDataProfileId?: number | string | null;
+    testDataSet?: string | null;
+    testDataSetIndex?: number | null;
     defaultBrowser?: string;
     videoRecording?: boolean | string;
     testCaseTimeout?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.211",
+  "version": "1.1.212",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",