@ieeesa-npm/presentation 0.4.2 → 0.4.4

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

@@ -1,5 +1,7 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
+import { SelectionModel } from '@angular/cdk/collections';
+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';
@@ -12,7 +14,7 @@ import * as i0 from "@angular/core";
  * @implements {OnInit}
  * @implements {FormField}
  */
-export declare class CheckboxComponent implements OnInit, FormField {
+export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
     private formUtilityService;
     config: FieldConfig;
     group: FormGroup;
@@ -24,10 +26,14 @@ export declare class CheckboxComponent implements OnInit, FormField {
      */
     set checkboxes(value: CheckboxOption[]);
     get checkboxes(): CheckboxOption[];
+    selectedCheckboxesInfo: SelectionModel<CheckboxOption>;
     checkboxSelection: EventEmitter<CheckboxOption>;
+    selectedCheckboxes: EventEmitter<CheckboxOption[]>;
+    destroy$: Subject<boolean>;
     constructor(formUtilityService: FormUtilityService);
     /**
-     * Implementation of ngOnInit lifecycle hook method of component to initialize component instance properties.
+     * Implementation of ngOnInit lifecycle hook method of component to initialize component instance properties
+     *  and emits whenever the checkboxes selection state changes
      * @memberof CheckboxComponent
      */
     ngOnInit(): void;
@@ -50,6 +56,11 @@ export declare class CheckboxComponent implements OnInit, FormField {
      * @memberof CheckboxComponent
      */
     trackById(index: number, option: CheckboxOption): number | string;
+    /**
+     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof CheckboxComponent
+     */
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ieeesa-checkbox", never, { "checkboxes": { "alias": "checkboxes"; "required": false; }; }, { "checkboxSelection": "checkboxSelection"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ieeesa-checkbox", never, { "checkboxes": { "alias": "checkboxes"; "required": false; }; }, { "checkboxSelection": "checkboxSelection"; "selectedCheckboxes": "selectedCheckboxes"; }, never, never, true, never>;
 }

package/lib/models/checkbox-option.model.d.ts

@@ -1,6 +1,6 @@
 export interface CheckboxOption {
     id: number | string;
-    name: string;
+    name?: string;
     checked: boolean;
     disabled: boolean;
 }

package/lib/models/icon-button.model.d.ts

@@ -4,4 +4,5 @@ export interface IconButton {
     label?: string;
     ariaLabel: string;
     toolTip: string;
+    disabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "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.0.9",
-    "@ieeesa-npm/feature": "^0.2.4"
+    "@ieeesa-npm/shared-styles": "^0.1.1",
+    "@ieeesa-npm/feature": "^0.2.6"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/src/lib/assets/constants.json

@@ -11,6 +11,64 @@
     "cancel": "Cancel",
     "ok": "Ok"
   },
+  "chips": {
+    "noOfDefaultVisibleChips": 3,
+    "label" : {
+      "viewAll": "View all",
+      "viewLess": "View less"
+    },
+    "ariaLabel": {
+      "chipsList": "List of chips"
+    },
+    "icons": {
+      "arrow": {
+        "id": 0,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-arrow-drop-down",
+        "toolTip": "",
+        "ariaLabel": "Drop Down"
+      },
+      "remove": {
+        "id": 1,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-trailing",
+        "toolTip": "",
+        "ariaLabel": "Remove"
+      }
+    }
+  },
+  "dataTable" : {
+    "label": {
+      "clearAll": "Clear All"
+    },
+    "ariaLabel": {
+      "search": "Search",
+      "selectAll": "Select All",
+      "select": "Select",
+      "link": "Link",
+      "pagination": "Pagination"
+    },
+    "buttons": [
+      {
+        "id": 1,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-edit",
+        "toolTip": "",
+        "ariaLabel": "Edit",
+        "disabled": true
+      },
+      {
+        "id": 2,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-delete",
+        "toolTip": "",
+        "ariaLabel": "Delete",
+        "disabled": true
+      },
+      {
+        "id": 3,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-add-member",
+        "toolTip": "",
+        "ariaLabel": "Add user(s)"
+      }
+    ]
+  },
   "datePicker": {
     "selectDateLabel": "Select Date",
     "dateFormatLabel": "DD-MMM-YYYY",
@@ -20,6 +78,20 @@
   "dropdown": {
     "placeholderText": "Select your option(s)"
   },
+  "filter": {
+    "label": {
+      "filterBy": "Filter By:",
+      "applyButton": "Apply"
+    },
+    "buttons": [ 
+    {
+      "id": 4,
+      "iconURL": "assets/images/sprites/sprites.svg#icon-filter-list",
+      "toolTip": "",
+      "ariaLabel": "Filter"
+    }
+  ]
+  },
   "textarea": {
     "maxLengthDefault": 1000
   },