@ieeesa-npm/presentation 0.6.6 → 0.6.7

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

@@ -49,7 +49,7 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
      * @param {boolean} checked
      * @memberof CheckboxComponent
      */
-    onChange(option: CheckboxOption): void;
+    onChange(option: CheckboxOption, checked: boolean): void;
     /**
      * Allows Angular to detect the specific checkbox option that needs to change or be added instead of rebuilding the whole checkbox options in DOM by tracking option unique Id.
      * @param {number} index

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

@@ -1,10 +1,11 @@
 import { AfterContentInit, EventEmitter, OnInit, QueryList } from '@angular/core';
-import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms';
 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 { AlignType } from '../../models/align-type.model';
+import { CheckboxOption } from '../../models/checkbox-option.model';
 import * as i0 from "@angular/core";
 /**
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -53,6 +54,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formSearchApply: EventEmitter<any>;
     formGroupsReference: EventEmitter<FormGroup<any>[]>;
     dropdownChange: EventEmitter<any>;
+    formCheckboxSelection: EventEmitter<CheckboxOption>;
     formDateSelected: EventEmitter<string>;
     formSelectSearch: EventEmitter<{
         searchEvent: Event;
@@ -94,6 +96,20 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     createGroup(controls: any[]): FormGroup;
+    /**
+     * Creates form array for Checkbox group and returns.
+     * @param {FieldConfig} controls
+     * @return {FormArray<any>}
+     * @memberof DynamicFormComponent
+     */
+    createFormArray(controls: FieldConfig): FormArray<any>;
+    /**
+     * Custom validator to set required filed validation error for the checkbox field type based on the number of configured minimum checkbox options to be selected whenever the filed configured with required.
+     * @param {number} [minSelectionRequired=1]
+     * @return {*}
+     * @memberof DynamicFormComponent
+     */
+    checkboxSelectionRequiredValidator(minSelectionRequired?: number): any;
     /**
      * Creates form control based on form field configuration
      * @param {FieldConfig} control
@@ -172,6 +188,12 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     onAutoCompleteSearch(event: Event): void;
+    /**
+     * Handles form field checkbox selection event
+     * @param {CheckboxOption} option
+     * @memberof DynamicFormComponent
+     */
+    onCheckboxSelection(option: CheckboxOption): void;
     /**
      * Handles form field auto complete option selection event
      * @memberof DynamicFormComponent
@@ -185,5 +207,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; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "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; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; }, never, never, true, never>;
 }

package/lib/components/form-support-text/form-support-text.component.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class FormSupportTextComponent {
     formGroup: FormGroup;
     config: FieldConfig;
+    safeType: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSupportTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormSupportTextComponent, "ieeesa-form-support-text", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -3,7 +3,7 @@ import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
 import * as i0 from "@angular/core";
 /**
- * Provides implementation of input type number and text
+ * Provides implementation of input type number, email and text
  * @export
  * @class InputComponent
  * @implements {FormField}
@@ -29,6 +29,11 @@ export declare class InputComponent implements FormField {
      * @memberof InputComponent
      */
     onChange(): void;
+    /**
+     * Returns input field type
+     * @memberof InputComponent
+     */
+    getInputFieldType(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "ieeesa-input", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { Subject } from 'rxjs';
 import { FormGroup } from '@angular/forms';
 import { FieldConfig } from '../../models/field-config.model';
@@ -16,6 +16,7 @@ import * as i0 from "@angular/core";
  * @implements {FormField}
  */
 export declare class SearchComponent implements OnInit, AfterViewInit, OnDestroy, FormField {
+    private cd;
     private formUtilityService;
     config: FieldConfig;
     group: FormGroup;
@@ -28,7 +29,7 @@ export declare class SearchComponent implements OnInit, AfterViewInit, OnDestroy
     searchResponse: string;
     destroy$: Subject<boolean>;
     searchInfo: any;
-    constructor(formUtilityService: FormUtilityService);
+    constructor(cd: ChangeDetectorRef, formUtilityService: FormUtilityService);
     /**
      * Implementation of ngOnInit lifecycle hook method to initialize config and form group if its undefined
      * @memberof SearchComponent

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

@@ -3,6 +3,7 @@ import { FormGroup } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
+import { CheckboxOption } from '../../models/checkbox-option.model';
 import * as i0 from "@angular/core";
 /**
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -56,6 +57,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     }>;
     formAutoCompleteSearch: EventEmitter<Event>;
     autoCompleteOptionSelected: EventEmitter<Event>;
+    formCheckboxSelection: EventEmitter<CheckboxOption>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);
     /**
@@ -74,5 +76,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; }, never, never, true, never>;
 }

package/lib/models/app-config-info.model.d.ts

@@ -1,6 +1,5 @@
 export interface AppConfigInfo {
     appTitle: string;
-    appHeading?: string;
     appDescription: string;
     background?: {
         color?: string;

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

@@ -26,6 +26,7 @@ export interface FieldConfig {
     isMultiSelect?: boolean;
     value?: any;
     isNumber?: boolean;
+    isEmail?: boolean;
     min?: number;
     max?: number;
     maxLength?: number;
@@ -44,4 +45,5 @@ export interface FieldConfig {
     ariaLabel?: string;
     ariaDescribedById?: string;
     ariaMultiline?: boolean;
+    minSelectionRequired?: number;
 }

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

@@ -2,7 +2,6 @@ export interface FooterLink {
     label: string;
     ariaLabel: string;
     redirectUrl: string;
-    isRouterLink?: boolean;
 }
 export interface FooterConfig {
     links: FooterLink[];

package/lib/models/input-field-type.model.d.ts

@@ -0,0 +1,5 @@
+export declare enum InputFieldType {
+    EMAIL = "EMAIL",
+    NUMBER = "NUMBER",
+    TEXT = "TEXT"
+}

package/lib/services/form-utility.service.d.ts

@@ -23,7 +23,7 @@ export declare class FormUtilityService {
      * @return {FormGroup}
      * @memberof FormUtilityService
      */
-    getFormGroup(controlName: string): FormGroup;
+    getFormGroup(controlName: string, formControlConfig?: FieldConfig): FormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormUtilityService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FormUtilityService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -18,8 +18,8 @@
     "moment": "^2.29.4",
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
-    "@ieeesa-npm/shared-styles": "^0.1.6",
-    "@ieeesa-npm/feature": "^0.4.9"
+    "@ieeesa-npm/shared-styles": "^0.1.7",
+    "@ieeesa-npm/feature": "^0.5.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/src/lib/assets/constants.json

@@ -128,6 +128,11 @@
       "logo": "IEEE Logo"
     },
     "links": [
+      {
+        "label": "Dashboard",
+        "ariaLabel": "Dashboard",
+        "redirectUrl": "#"
+      },
       {
         "label": "Contact & Support",
         "ariaLabel": "Contact & Support",