@sarasanalytics-com/design-system 0.0.143 → 0.0.144

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

@@ -32,6 +32,7 @@ export declare class DialogComponent {
     }): void;
     onFormInputChange(event: any): void;
     onRemoveUser(chip: any): void;
+    resetForm(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "sa-dialog", never, { "dialogData": { "alias": "dialogData"; "required": false; }; }, { "dialogButtonClick": "dialogButtonClick"; }, never, never, true, never>;
 }

package/lib/form-select/form-select.component.d.ts

@@ -1,11 +1,14 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef } from '@angular/core';
 import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
+import { NgSelectComponent } from '@ng-select/ng-select';
 import { MatTooltip } from '@angular/material/tooltip';
 import { SelectSubInterface } from '../../public-api';
 import * as i0 from "@angular/core";
 export declare class FormSelectComponent extends FieldType<FieldTypeConfig> {
+    private elementRef;
     selectables: any;
     params: any;
+    getFullObjectFromValue(value: any): any;
     svgStyle: {};
     openState: boolean;
     topLabel: boolean;
@@ -13,7 +16,10 @@ export declare class FormSelectComponent extends FieldType<FieldTypeConfig> {
     labelLimit: number;
     placeholderLabel: string;
     hoverEvent: EventEmitter<selectHoverEvent>;
+    ngSelect: NgSelectComponent;
+    constructor(elementRef: ElementRef);
     ngOnInit(): void;
+    private setChipBackgroundColor;
     openClose(state: boolean): void;
     shiftLabel(action: string): void;
     toggleOption(item: any, event: Event): void;

package/lib/message-banner-v2/message-banner-v2.component.d.ts

@@ -3,6 +3,7 @@ import { ButtonInterface, ButtonClickEvent } from '../../interfaces/button-inter
 import { FormGroup } from '@angular/forms';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { FormLayoutConfig, FormFieldConfig, UnifiedFormConfig } from '../../interfaces/form-layout.interface';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class MessageBannerV2Component implements OnChanges {
     private state;
@@ -29,11 +30,14 @@ export declare class MessageBannerV2Component implements OnChanges {
     descriptionClass?: string;
     banner: any;
     formConfig: UnifiedFormConfig | null;
+    prebuiltFormFields: TemplateRef<any>;
     form: FormGroup<{}>;
     model: any;
     fields: FormlyFieldConfig[];
+    formlyFields: FormlyFieldConfig[];
     allFieldsFilled: import("@angular/core").WritableSignal<boolean>;
-    additionalFieldRows: FormFieldConfig[][];
+    additionalFormlyFields: FormlyFieldConfig[];
+    usePrebuiltFields: import("@angular/core").WritableSignal<boolean>;
     get activeFormInputs(): any[];
     get activeChips(): any[];
     get activeCustomFormButton(): any;
@@ -46,6 +50,7 @@ export declare class MessageBannerV2Component implements OnChanges {
     }>;
     onChipRemove(chip: any): void;
     onAddUser(): void;
+    resetForm(): void;
     areAllFieldsFilled(): boolean;
     set messageIcon(value: string);
     set messageIconSize(value: {
@@ -63,15 +68,14 @@ export declare class MessageBannerV2Component implements OnChanges {
     isButtonArray(): boolean;
     isEmptyObject(obj: any): boolean;
     private updateFormlyFields;
+    private getFieldClassName;
+    private updateGridColumns;
+    shouldShowAdditionalFields(): boolean;
+    private updateAdditionalFields;
+    private evaluateShowWhen;
     onFormModelChange(model: any): void;
     getInitialFields(): FormFieldConfig[];
-    getAdditionalFields(): FormFieldConfig[];
-    getAdditionalFieldClass(localIndex: number): string;
     areAllVisibleFieldsFilled(): boolean;
-    getAdditionalFieldRows(): FormFieldConfig[][];
-    protected initialFieldRows: import("@angular/core").Signal<FormFieldConfig[][]>;
-    getInitialFieldRowIndex(rowIndex: number, fieldIndex: number): number;
-    getAdditionalFieldRowIndex(rowIndex: number, fieldIndex: number): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageBannerV2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBannerV2Component, "sa-message-banner-v2", never, { "messageType": { "alias": "messageType"; "required": false; }; "contactUrl": { "alias": "contactUrl"; "required": false; }; "spacingBetweenImageAndDescription": { "alias": "spacingBetweenImageAndDescription"; "required": false; }; "contentGap": { "alias": "contentGap"; "required": false; }; "titleClass": { "alias": "titleClass"; "required": false; }; "descriptionClass": { "alias": "descriptionClass"; "required": false; }; "banner": { "alias": "banner"; "required": false; }; "formConfig": { "alias": "formConfig"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageIconSize": { "alias": "messageIconSize"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "onFormEvent": "onFormEvent"; "buttonClick": "buttonClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBannerV2Component, "sa-message-banner-v2", never, { "messageType": { "alias": "messageType"; "required": false; }; "contactUrl": { "alias": "contactUrl"; "required": false; }; "spacingBetweenImageAndDescription": { "alias": "spacingBetweenImageAndDescription"; "required": false; }; "contentGap": { "alias": "contentGap"; "required": false; }; "titleClass": { "alias": "titleClass"; "required": false; }; "descriptionClass": { "alias": "descriptionClass"; "required": false; }; "banner": { "alias": "banner"; "required": false; }; "formConfig": { "alias": "formConfig"; "required": false; }; "prebuiltFormFields": { "alias": "prebuiltFormFields"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageIconSize": { "alias": "messageIconSize"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; }, { "onFormEvent": "onFormEvent"; "buttonClick": "buttonClick"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.143",
+  "version": "0.0.144",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"

package/utils/validators.d.ts

@@ -1,6 +1,7 @@
 import { AbstractControl, ValidatorFn } from '@angular/forms';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 export declare function phoneNumberValidator(dependent?: string): ValidatorFn;
+export declare function customNameValidator(fieldName?: string): ValidatorFn;
 export declare const customEmailValidator: (control: AbstractControl) => {
     [key: string]: string;
 };