@sarasanalytics-com/design-system 0.0.138 → 0.0.140

package/interfaces/form-layout.interface.d.ts

@@ -1,3 +1,4 @@
+import { ButtonInterface } from "./button-interface";
 export interface FormLayoutConfig {
     fieldsPerRow?: number;
     initialVisibleFields?: number;
@@ -49,11 +50,5 @@ export interface UnifiedFormConfig {
         showSubtitleWhenEmpty?: boolean;
     };
     chips?: any[];
-    customButton?: {
-        id: string;
-        text: string;
-        type: 'primary' | 'secondary';
-        size: 'small' | 'medium' | 'large';
-        state: 'default' | 'loading' | 'disabled';
-    };
+    customButton?: ButtonInterface[];
 }

package/interfaces/icon-interface.d.ts

@@ -5,6 +5,7 @@ export interface IconInterface {
     icon?: IconName | string;
     size?: string;
     iconUrl?: string;
+    iconPosition?: string;
 }
 export interface saIcon {
     icon?: IconName;

package/lib/categories-nav/categories-nav.component.d.ts

@@ -1,15 +1,48 @@
 import { EventEmitter } from '@angular/core';
+import { IconName } from '../../interfaces/icon-interface';
 import * as i0 from "@angular/core";
 export interface CategoryItem {
     id: string;
     label: string;
-    icon?: string;
+    icon?: IconName | string;
 }
-export declare class CategoriesNavComponent {
+export interface HelpButtonConfig {
+    id?: string | number;
+    type?: string;
+    state?: string;
+    size?: string;
+    text?: string | number;
+    ImagePath?: string;
+    icon?: IconName | string;
+    iconPosition?: string;
+    href?: string;
+    hrefTarget?: string;
+    width?: string;
+    isSubmit?: boolean;
+    buttonIconSize?: string;
+    showSpinner?: boolean;
+}
+export interface HelpSectionConfig {
+    enabled: boolean;
+    icon?: IconName | string;
+    title?: string;
+    button?: HelpButtonConfig;
+}
+export interface CategoriesNavConfig {
+    title?: string;
     categories: CategoryItem[];
+    helpSection?: HelpSectionConfig;
+}
+export declare class CategoriesNavComponent {
+    config: CategoriesNavConfig;
     selectedCategoryId: string;
     categorySelected: EventEmitter<CategoryItem>;
+    helpButtonClicked: EventEmitter<void>;
+    get categories(): CategoryItem[];
+    get title(): string;
+    get helpSection(): HelpSectionConfig | undefined;
     onCategoryClick(category: CategoryItem): void;
+    onHelpButtonClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CategoriesNavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CategoriesNavComponent, "sa-categories-nav", never, { "categories": { "alias": "categories"; "required": false; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; }; }, { "categorySelected": "categorySelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CategoriesNavComponent, "sa-categories-nav", never, { "config": { "alias": "config"; "required": false; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; }; }, { "categorySelected": "categorySelected"; "helpButtonClicked": "helpButtonClicked"; }, never, never, true, never>;
 }

package/lib/data-grid/data-grid.component.d.ts

@@ -6,6 +6,11 @@ export declare class DataGridComponent {
     columnDefs: ColDef[];
     rowData: any[];
     defaultColDef: ColDef;
+    pagination: boolean;
+    paginationPageSize: number;
+    paginationPageSizeSelector: number[];
+    gridHeight: number;
+    localeText: any;
     private gridApi;
     onGridReady(params: GridReadyEvent): void;
     static updateCellContent(gridApi: GridApi, rowIndex: number, field: string, newParams: Partial<GridInterface>): void;
@@ -29,5 +34,5 @@ export declare class DataGridComponent {
         }>;
     }): GridInterface;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "sa-data-grid", never, { "columnDefs": { "alias": "columnDefs"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "sa-data-grid", never, { "columnDefs": { "alias": "columnDefs"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginationPageSize": { "alias": "paginationPageSize"; "required": false; }; "paginationPageSizeSelector": { "alias": "paginationPageSizeSelector"; "required": false; }; "gridHeight": { "alias": "gridHeight"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -20,6 +20,8 @@ export declare class FormInputComponent extends FieldType<FieldTypeConfig> {
     chipValues: any[];
     isMultiValue: boolean;
     currentInputValue: string;
+    startInd: number;
+    labelLimit: number;
     private suppressOnBlur;
     constructor();
     ngOnInit(): void;
@@ -41,6 +43,7 @@ export declare class FormInputComponent extends FieldType<FieldTypeConfig> {
     getFormSupportText(): string;
     predefinedValidators: any;
     getLabelFieldGap(): string;
+    shiftLabel(action: 'clicked' | 'cleared'): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "sa-input", never, { "icon": { "alias": "icon"; "required": false; }; "params": { "alias": "params"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/icon/icon.component.d.ts

@@ -16,6 +16,7 @@ export declare class IconComponent {
     customClass: string;
     href: string;
     hrefTarget: string;
+    iconPosition: string;
     onClickEvent: EventEmitter<any>;
     svgIcon: any;
     eventEmitObject: {};
@@ -25,5 +26,5 @@ export declare class IconComponent {
     ngOnChanges(changes: SimpleChanges): void;
     iconClicked(evt: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sa-icon", never, { "img": { "alias": "img"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "href": { "alias": "href"; "required": false; }; "hrefTarget": { "alias": "hrefTarget"; "required": false; }; }, { "onClickEvent": "onClickEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sa-icon", never, { "img": { "alias": "img"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "href": { "alias": "href"; "required": false; }; "hrefTarget": { "alias": "hrefTarget"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, { "onClickEvent": "onClickEvent"; }, never, never, true, never>;
 }

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

@@ -32,6 +32,8 @@ export declare class MessageBannerV2Component implements OnChanges {
     form: FormGroup<{}>;
     model: any;
     fields: FormlyFieldConfig[];
+    allFieldsFilled: import("@angular/core").WritableSignal<boolean>;
+    additionalFieldRows: FormFieldConfig[][];
     get activeFormInputs(): any[];
     get activeChips(): any[];
     get activeCustomFormButton(): any;
@@ -62,13 +64,14 @@ export declare class MessageBannerV2Component implements OnChanges {
     isEmptyObject(obj: any): boolean;
     private updateFormlyFields;
     onFormModelChange(model: any): void;
-    shouldShowAdditionalFields(): boolean;
     getInitialFields(): FormFieldConfig[];
     getAdditionalFields(): FormFieldConfig[];
-    getInitialFieldIndex(localIndex: number): number;
-    getAdditionalFieldIndex(localIndex: number): number;
     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>;
 }

package/package.json

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