@ieeesa-npm/presentation 0.1.6 → 0.1.7

package/lib/components/dynamic-form/dynamic-form.component.d.ts

@@ -4,6 +4,7 @@ import { FormModel } from '../../models/form.model';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormGrid } from '../../models/form-grid.model';
 import { DynamicFormFieldDirective } from '../../directives/dynamic-form-field/dynamic-form-field.directive';
+import { AlignmentType } from '../../models/alignment-types.model';
 import * as i0 from "@angular/core";
 /**
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -67,6 +68,8 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formGroupArray: FormGroup[];
     formControlArray: any[];
     legendsArray: string[];
+    actionButtonAlignment: AlignmentType;
+    alignmentType: typeof AlignmentType;
     constructor(fb: FormBuilder);
     /**
      * Implementation of ngOnInit lifecycle hook method to create form group
@@ -182,5 +185,5 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      */
     getRowClassName(className: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlignment": { "alias": "actionButtonAlignment"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; }, never, never, true, never>;
 }

package/lib/components/modal/modal.component.d.ts

@@ -2,6 +2,7 @@ import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from
 import { MatDialogRef } from '@angular/material/dialog';
 import { ModalType } from '@ieeesa-npm/utility';
 import { ToggleButton } from '../../models/toggle-button.model';
+import { Subscription, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * This component encapsulates the functionality of a modal dialog and implements reusable contents part of the modal components such as text content, loading another component into the modal and emitting modal events to consumed component.
@@ -14,7 +15,13 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     dialogRef: MatDialogRef<ModalComponent>;
     modalData: any;
     componentContainer: ViewContainerRef;
+    destroy$: Subject<boolean>;
     componentRef: ComponentRef<any>;
+    formSubmit: EventEmitter<any>;
+    submitFormResponse: EventEmitter<any>;
+    formCancel: EventEmitter<any>;
+    submitFormResponseSubscription: Subscription;
+    formCancelSubscription: Subscription;
     toggleButtonClicked: EventEmitter<any>;
     isComponentLoaded: boolean;
     heading: string;
@@ -22,6 +29,7 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     promptMessage: string;
     leftButtonLabel: string;
     rightButtonLabel: string;
+    closeAriaLabel: string;
     toggleButtons: ToggleButton[];
     componentReference: any;
     modalType: ModalType;

package/lib/directives/dynamic-form-field/focus-invalid-form-field.directive.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive used to set the focus of first invalid field of the form when the form is submitted
+ * @export
+ * @class FocusInvalidFormFieldDirective
+ */
+export declare class FocusInvalidFormFieldDirective {
+    private el;
+    constructor(el: ElementRef);
+    /**
+     * Listens to the ngSubmit event and apply focus to first invalid form field
+     * @memberof FocusInvalidFormFieldDirective
+     */
+    submitForm(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusInvalidFormFieldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusInvalidFormFieldDirective, "[ieeesaFocusInvalidFormField]", never, {}, {}, never, never, true, never>;
+}

package/lib/models/alignment-types.model.d.ts

@@ -0,0 +1,5 @@
+export declare enum AlignmentType {
+    LEFT = "Left",
+    MIDDLE = "Middle",
+    RIGHT = "Right"
+}

package/lib/models/field-config.model.d.ts

@@ -21,6 +21,7 @@ export interface FieldConfig {
     invalidEmailErrorMessage?: string;
     minErrorMessage?: string;
     maxErrorMessage?: string;
+    supportMessage?: string;
     validation?: ValidatorFn[];
     isMultiSelect?: boolean;
     value?: any;
@@ -39,4 +40,7 @@ export interface FieldConfig {
         startDate: string;
         endDate: string;
     };
+    clear?: boolean;
+    ariaLabel?: string;
+    ariaDescribedById?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -18,7 +18,7 @@
     "moment": "^2.29.4",
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
-    "@ieeesa-npm/shared-styles": "^0.0.2",
+    "@ieeesa-npm/shared-styles": "^0.0.3",
     "@ieeesa-npm/feature": "^0.1.2"
   },
   "dependencies": {

package/src/lib/assets/constants.json

@@ -3,7 +3,8 @@
     "clear": "Clear",
     "warning": "Warning",
     "previousMonth": "Previous month",
-    "nextMonth": "Next month"
+    "nextMonth": "Next month",
+    "close": "Close"
   },
   "button": {
     "cancel": "Cancel",