@cqa-lib/cqa-ui 1.1.527 → 1.1.529

package/lib/dialog/dialog.component.d.ts

@@ -19,6 +19,7 @@ export declare class DialogComponent<TResult = unknown> {
     get panelClassList(): string[];
     get panelStyles(): Record<string, string | undefined>;
     buttonVariant(button: DialogButtonConfig<TResult>): ButtonVariant;
+    isButtonDisabled(button: DialogButtonConfig<TResult>): boolean;
     buttonHostClasses(button: DialogButtonConfig<TResult>): string[];
     private mapAlignmentToClass;
     private markContentAttached;

package/lib/dialog/dialog.models.d.ts

@@ -7,6 +7,10 @@ export interface DialogButtonConfig<TResult = unknown> {
     role?: DialogButtonRole;
     handler?: (dialogRef: DialogRef<TResult>) => TResult | void | Promise<TResult | void>;
     closeOnClick?: boolean;
+    /** Static or dynamic disabled state. When a function, it receives the dialog ref
+     *  (so consumers can read the rendered component instance via `getComponentInstance`)
+     *  and is re-evaluated on every change-detection pass. */
+    disabled?: boolean | ((dialogRef: DialogRef<TResult>) => boolean);
 }
 export declare type DialogButtonAlignment = 'left' | 'right' | 'center';
 export interface TemplateDialogContent<TContext = any> {

package/lib/step-builder/step-builder-group/step-builder-group.component.d.ts

@@ -48,6 +48,15 @@ export declare class StepBuilderGroupComponent implements OnInit, OnChanges {
     };
     /** True while parent is creating the step (API in progress); show loader on Create/Update Step button */
     isCreatingStep: boolean;
+    /**
+     * When true, render an amber warning banner at the top of the card explaining that any
+     * runtime values typed here will be overridden by the consuming test case. Set this when
+     * the step-group step is being created/edited inside a host test case that is itself a
+     * step group.
+     */
+    showNestedStepGroupWarning: boolean;
+    /** Optional override for the warning copy. Falls back to a sensible default. */
+    nestedStepGroupWarning: string;
     /** Emit when step is created */
     createStep: EventEmitter<StepGroupFormData>;
     /** Emit when step group is selected to fetch runtime variables */
@@ -89,5 +98,5 @@ export declare class StepBuilderGroupComponent implements OnInit, OnChanges {
     private captureInitialSnapshot;
     isFormValid(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderGroupComponent, "cqa-step-builder-group", never, { "stepGroupOptions": "stepGroupOptions"; "hasMoreStepGroups": "hasMoreStepGroups"; "isLoadingStepGroups": "isLoadingStepGroups"; "initialStepGroupId": "initialStepGroupId"; "editMode": "editMode"; "runtimeVariables": "runtimeVariables"; "isLoadingRuntimeVariables": "isLoadingRuntimeVariables"; "existingRuntimeValues": "existingRuntimeValues"; "isCreatingStep": "isCreatingStep"; }, { "createStep": "createStep"; "stepGroupSelected": "stepGroupSelected"; "cancelled": "cancelled"; "loadMoreStepGroups": "loadMoreStepGroups"; "searchStepGroups": "searchStepGroups"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderGroupComponent, "cqa-step-builder-group", never, { "stepGroupOptions": "stepGroupOptions"; "hasMoreStepGroups": "hasMoreStepGroups"; "isLoadingStepGroups": "isLoadingStepGroups"; "initialStepGroupId": "initialStepGroupId"; "editMode": "editMode"; "runtimeVariables": "runtimeVariables"; "isLoadingRuntimeVariables": "isLoadingRuntimeVariables"; "existingRuntimeValues": "existingRuntimeValues"; "isCreatingStep": "isCreatingStep"; "showNestedStepGroupWarning": "showNestedStepGroupWarning"; "nestedStepGroupWarning": "nestedStepGroupWarning"; }, { "createStep": "createStep"; "stepGroupSelected": "stepGroupSelected"; "cancelled": "cancelled"; "loadMoreStepGroups": "loadMoreStepGroups"; "searchStepGroups": "searchStepGroups"; }, never, never>;
 }

package/lib/templates/modular-table-template/dialogs/move-to-folder-dialog.component.d.ts

@@ -34,8 +34,17 @@ export declare class MoveToFolderDialogComponent implements OnInit, OnChanges {
     currentFolderId: number | null;
     /** Controls which folder is visually selected. Two-way-bind friendly via `pickedFolderIdChange`. */
     pickedFolderId: number | null;
-    /** Folder ids to expand by default. If not provided, ancestors of `currentFolderId` are expanded. */
+    /** Folder ids to expand by default. If not provided, ancestors of `currentFolderId` (or
+     *  `pickedFolderId`, when no current context exists) are expanded. */
     initialExpandedIds?: number[];
+    /** Disables the top-level "Unorganised / no folder" row. Decoupled from `currentFolderId`
+     *  so consumers that reuse this picker for non-move flows (e.g. parent-folder selection
+     *  inside the New Folder dialog) can keep the root option clickable. The move flows wire
+     *  this to `currentFolderId == null`. */
+    rootDisabled: boolean;
+    /** CSS height for the scrollable picker container. Lets embedders shrink the picker when
+     *  it shares space with other fields (e.g. inside the New Folder dialog). */
+    pickerHeight: string;
     /** Fires whenever the user picks a destination. */
     folderPicked: EventEmitter<number>;
     /** Companion output for banana-in-the-box `[(pickedFolderId)]` binding. */
@@ -48,10 +57,11 @@ export declare class MoveToFolderDialogComponent implements OnInit, OnChanges {
     private collectAncestors;
     get flatRows(): FlatFolderRow[];
     isPicked(id: number | null): boolean;
+    get isUnorganisedDisabled(): boolean;
     pick(id: number | null): void;
     toggleExpanded(id: number, event: Event): void;
     trackById: (_: number, row: FlatFolderRow) => number;
     static ɵfac: i0.ɵɵFactoryDeclaration<MoveToFolderDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MoveToFolderDialogComponent, "cqa-move-to-folder-dialog", never, { "folders": "folders"; "labels": "labels"; "currentFolderId": "currentFolderId"; "pickedFolderId": "pickedFolderId"; "initialExpandedIds": "initialExpandedIds"; }, { "folderPicked": "folderPicked"; "pickedFolderIdChange": "pickedFolderIdChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MoveToFolderDialogComponent, "cqa-move-to-folder-dialog", never, { "folders": "folders"; "labels": "labels"; "currentFolderId": "currentFolderId"; "pickedFolderId": "pickedFolderId"; "initialExpandedIds": "initialExpandedIds"; "rootDisabled": "rootDisabled"; "pickerHeight": "pickerHeight"; }, { "folderPicked": "folderPicked"; "pickedFolderIdChange": "pickedFolderIdChange"; }, never, never>;
 }
 export {};

package/lib/templates/modular-table-template/dialogs/new-folder-dialog.component.d.ts

@@ -1,15 +1,16 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { DynamicSelectFieldConfig } from '../../../dynamic-select/dynamic-select-field.component';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { FolderNode, ModularLabels } from '../modular-table-template.models';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_FOLDER_COLOR = "#99999E";
+export declare const FOLDER_NAME_MAX_LENGTH = 20;
 /**
  * Body of the "New Folder" dialog.
  *
  * Uses reusable library components (`cqa-custom-input` for the name field,
- * `cqa-dynamic-select` for the parent dropdown) so hosts can drop this dialog
- * into their own modal shell without worrying about styling drift.
+ * `cqa-move-to-folder-dialog` as an embedded tree picker for the parent folder)
+ * so hosts can drop this dialog into their own modal shell without worrying
+ * about styling drift. The tree picker handles arbitrarily deep nesting via
+ * expand/collapse rather than a flat dropdown of "A › B › C ›…" paths.
  *
  * Two integration paths:
  *
@@ -21,7 +22,7 @@ export declare const DEFAULT_FOLDER_COLOR = "#99999E";
  *     modal and listens to `(submitted)` / `(cancelled)` / `(nameChange)` /
  *     `(parentIdChange)`.
  */
-export declare class NewFolderDialogComponent implements OnInit {
+export declare class NewFolderDialogComponent {
     private cdr;
     private _folders;
     set folders(value: FolderNode[]);
@@ -30,9 +31,11 @@ export declare class NewFolderDialogComponent implements OnInit {
     set labels(value: ModularLabels);
     get labels(): ModularLabels;
     name: string;
-    private _parentId;
-    set parentId(value: number | null);
-    get parentId(): number | null;
+    /** Tracks whether the user has interacted with the name field, so we don't surface
+     *  the "required" error on first paint when the dialog opens with an empty name. */
+    private nameTouched;
+    readonly maxNameLength = 20;
+    parentId: number | null;
     color: string;
     readonly presetColors: string[];
     readonly rainbowBorder: string;
@@ -45,33 +48,23 @@ export declare class NewFolderDialogComponent implements OnInit {
         color: string;
     }>;
     cancelled: EventEmitter<void>;
-    /** Reactive form used by cqa-dynamic-select. Untyped to match the project's Angular 13.4 forms API. */
-    parentForm: FormGroup;
-    /**
-     * Config passed to `cqa-dynamic-select`. Stored as a field (not a getter) so
-     * the object reference is stable across change-detection passes — a getter
-     * returns a fresh object every CD tick and causes
-     * `ExpressionChangedAfterItHasBeenCheckedError` + repeated `ngOnChanges` on
-     * the child select. Other consumers in this lib (e.g. `loop-step`) follow
-     * the same pattern.
-     */
-    parentSelectConfig: DynamicSelectFieldConfig;
-    private parentOptions;
+    /** Labels passed to the embedded tree picker. Re-uses the move-dialog surface but
+     *  rewrites the root row's label so it reads "(no parent)" instead of "Unorganised"
+     *  for the create-folder context. */
+    parentPickerLabels: ModularLabels;
     constructor(cdr: ChangeDetectorRef);
-    ngOnInit(): void;
-    private rebuildSelectConfig;
-    private rebuildOptions;
-    private syncParentControl;
+    private buildParentPickerLabels;
     onNameChange(value: string): void;
-    onParentSelectionChange(event: {
-        key: string;
-        value: any;
-    }): void;
+    onParentPicked(id: number | null): void;
     isColor(c: string): boolean;
     get isCustomColor(): boolean;
     onColorChange(value: string): void;
     onColorInputEvent(event: Event): void;
-    /** Returns true when the current state is a valid submission (non-empty, trimmed name). */
+    /** Errors surfaced under the name field. Only computed once the user has touched
+     *  the input so the dialog doesn't open with a "required" error already showing. */
+    get nameErrors(): string[];
+    /** Returns true when the current state is a valid submission (non-empty trimmed name
+     *  within the max length). Used by the host to gate the dialog's Create button. */
     get isValid(): boolean;
     submit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NewFolderDialogComponent, never>;

package/lib/templates/modular-table-template/folder-sidebar/folder-sidebar.component.d.ts

@@ -62,6 +62,8 @@ export declare class FolderSidebarComponent implements OnDestroy {
     searchValue: string;
     renamingId: number | null;
     renameDraft: string;
+    /** Inline rename uses the same name rules as the New Folder dialog. */
+    readonly renameMaxLength: number;
     /** Id of the folder whose context menu is open, or null when closed. */
     contextMenuFolderId: number | null;
     /** Viewport-anchored position (client coordinates) for the floating menu. */
@@ -84,6 +86,8 @@ export declare class FolderSidebarComponent implements OnDestroy {
     onSelect(n: FolderNode | null): void;
     onSelectUnorganised(): void;
     beginRename(n: FolderNode, event: Event): void;
+    /** True when the active rename draft passes the name rules (non-empty, within max length). */
+    get isRenameDraftValid(): boolean;
     commitRename(n: FolderNode): void;
     cancelRename(): void;
     onRenameKey(event: KeyboardEvent, n: FolderNode): void;

package/lib/templates/modular-table-template/modular-table-template.models.d.ts

@@ -60,6 +60,8 @@ export interface ModularLabels {
     newFolderDialogColorLabel: string;
     newFolderDialogCancel: string;
     newFolderDialogConfirm: string;
+    newFolderDialogNameRequiredError: string;
+    newFolderDialogNameMaxLengthError: string;
     folderMenuCreateSubfolder: string;
     folderMenuRename: string;
     folderMenuMove: string;

package/package.json

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