@ieeesa-npm/presentation 0.4.5 → 0.4.7

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

@@ -25,6 +25,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
             nextMonth: string;
             menuIcon: string;
             close: string;
+            search: string;
         };
         button: {
             cancel: string;
@@ -65,19 +66,12 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 link: string;
                 pagination: string;
             };
-            buttons: ({
-                id: number;
-                iconURL: string;
-                toolTip: string;
-                ariaLabel: string;
-                disabled: boolean;
-            } | {
+            buttons: {
                 id: number;
                 iconURL: string;
                 toolTip: string;
                 ariaLabel: string;
-                disabled?: undefined;
-            })[];
+            }[];
         };
         datePicker: {
             selectDateLabel: string;
@@ -114,6 +108,10 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
             ariaLabel: {
                 helpLink: string;
                 userProfile: string;
+                /**
+                 * Shows list of chips on the basis of view more/less button state.
+                 * @memberof ChipComponent
+                 */
                 hamburgerMenu: string;
             };
             label: {
@@ -161,9 +159,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
     arrow: IconButton;
     typeOfChip: ChipsType;
     isViewMoreNeeded: boolean;
-    private isChipToggled;
-    set hasChipToggled(value: boolean);
-    get hasChipToggled(): boolean;
+    hasChipToggled: boolean;
     viewAllLabel: string;
     viewLessLabel: string;
     selectedChip: EventEmitter<any>;

package/lib/components/data-table/data-table.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit, AfterViewInit, OnDestroy } from '@angular/core';
 import { MatTableDataSource } from '@angular/material/table';
-import { PageEvent } from '@angular/material/paginator';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { MatSort, SortDirection } from '@angular/material/sort';
 import { SelectionModel } from '@angular/cdk/collections';
 import { Subject } from 'rxjs';
@@ -69,6 +69,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     clearAll: any;
     destroy$: Subject<boolean>;
     sort: MatSort;
+    paginator: MatPaginator;
     constructor(breakpointObserverService: BreakpointObserverService);
     /**
      * Initializes the data table component and sets the table action buttons.

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

@@ -56,6 +56,11 @@ export declare class SearchComponent implements OnInit, AfterViewInit, OnDestroy
      * @memberof SearchComponent
      */
     onSearchInputChange(): void;
+    /**
+     * Emits the searchValue event along with the searched term while clicking on the search icon
+     * @memberof SearchComponent
+     */
+    onSearchClick(): void;
     /**
      * Implementation of ngOnDestroy lifecycle hook method to unsubscribe the open observable subscriptions.
      * @memberof SearchComponent

package/lib/models/table-schema.model.d.ts

@@ -6,6 +6,11 @@ export declare enum TableColumnType {
     EDIT = "EDIT",
     DELETE = "DELETE"
 }
+export declare enum TableColumnSortDirection {
+    ASCENDING = "asc",
+    DESCENDING = "desc",
+    NO_SORT = ""
+}
 export interface TableColumnSchema {
     id: number;
     columnDef: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.4.5",
+  "version": "0.4.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.1",
-    "@ieeesa-npm/feature": "^0.2.7"
+    "@ieeesa-npm/shared-styles": "^0.1.2",
+    "@ieeesa-npm/feature": "^0.2.9"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/src/lib/assets/constants.json

@@ -5,7 +5,8 @@
     "previousMonth": "Previous month",
     "nextMonth": "Next month",
     "menuIcon": "Menu",
-    "close": "Close"
+    "close": "Close",
+    "search": "Search"
   },
   "button": {
     "cancel": "Cancel",
@@ -13,7 +14,7 @@
   },
   "chips": {
     "noOfDefaultVisibleChips": 3,
-    "label" : {
+    "label": {
       "viewAll": "View all",
       "viewLess": "View less"
     },
@@ -35,7 +36,7 @@
       }
     }
   },
-  "dataTable" : {
+  "dataTable": {
     "label": {
       "clearAll": "Clear All"
     },
@@ -51,21 +52,31 @@
         "id": 1,
         "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-edit",
         "toolTip": "",
-        "ariaLabel": "Edit",
-        "disabled": true
+        "ariaLabel": "Edit"
       },
       {
         "id": 2,
         "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-delete",
         "toolTip": "",
-        "ariaLabel": "Delete",
-        "disabled": true
+        "ariaLabel": "Delete"
       },
       {
         "id": 3,
         "iconURL": "assets/images/sprites/sprites.svg#icon-add-member",
         "toolTip": "",
         "ariaLabel": "Add user(s)"
+      },
+      {
+        "id": 4,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-row-edit",
+        "toolTip": "",
+        "ariaLabel": "Edit"
+      },
+      {
+        "id": 5,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-row-delete",
+        "toolTip": "",
+        "ariaLabel": "Delete"
       }
     ]
   },
@@ -83,14 +94,14 @@
       "filterBy": "Filter By:",
       "applyButton": "Apply"
     },
-    "buttons": [ 
-    {
-      "id": 4,
-      "iconURL": "assets/images/sprites/sprites.svg#icon-filter-list",
-      "toolTip": "",
-      "ariaLabel": "Filter"
-    }
-  ]
+    "buttons": [
+      {
+        "id": 4,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-filter-list",
+        "toolTip": "",
+        "ariaLabel": "Filter"
+      }
+    ]
   },
   "textarea": {
     "maxLengthDefault": 1000