@ieeesa-npm/presentation 0.4.6 → 0.4.8

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

@@ -28,6 +28,7 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
     get checkboxes(): CheckboxOption[];
     selectedCheckboxesInfo: SelectionModel<CheckboxOption>;
     checkboxSelection: EventEmitter<CheckboxOption>;
+    checkboxOptionsAndSelection: EventEmitter<CheckboxOption[]>;
     selectedCheckboxes: EventEmitter<CheckboxOption[]>;
     destroy$: Subject<boolean>;
     constructor(formUtilityService: FormUtilityService);
@@ -48,7 +49,7 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
      * @param {boolean} checked
      * @memberof CheckboxComponent
      */
-    onChange(option: CheckboxOption, checked: boolean): void;
+    onChange(option: CheckboxOption): 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
@@ -62,5 +63,5 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ieeesa-checkbox", never, { "checkboxes": { "alias": "checkboxes"; "required": false; }; }, { "checkboxSelection": "checkboxSelection"; "selectedCheckboxes": "selectedCheckboxes"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ieeesa-checkbox", never, { "checkboxes": { "alias": "checkboxes"; "required": false; }; }, { "checkboxSelection": "checkboxSelection"; "checkboxOptionsAndSelection": "checkboxOptionsAndSelection"; "selectedCheckboxes": "selectedCheckboxes"; }, never, never, true, never>;
 }

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;
@@ -107,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: {

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

@@ -11,6 +11,7 @@ import { CheckboxOption } from '../../models/checkbox-option.model';
 import { IconButton } from '../../models/icon-button.model';
 import { TableActions } from '../../models/table-actions.model';
 import { ChipOption } from '../../models/chip-option.model';
+import { SearchType } from '../../models/search.model';
 import * as i0 from "@angular/core";
 /**
  * Provides a Material Design styled data-table that can be used to display rows of data with sortBy, filterBy, add/edit/delete table row data, pagination, search table data.
@@ -43,6 +44,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     filters: ChipOption[];
     selectedFilterOptions: CheckboxOption[];
     appliedFilterOptions: ChipOption[];
+    searchType: SearchType;
     rowSelected: EventEmitter<any>;
     selectedRowToEdit: EventEmitter<any>;
     selectedRowToDelete: EventEmitter<any>;
@@ -189,5 +191,5 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ieeesa-data-table", never, { "tableDataInfo": { "alias": "tableDataInfo"; "required": false; }; "columnSchemaInfo": { "alias": "columnSchemaInfo"; "required": false; }; "tableActions": { "alias": "tableActions"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "paginatorConfig": { "alias": "paginatorConfig"; "required": false; }; "searchPlaceHolderText": { "alias": "searchPlaceHolderText"; "required": false; }; "rowEditButton": { "alias": "rowEditButton"; "required": false; }; "rowDeleteButton": { "alias": "rowDeleteButton"; "required": false; }; "tableEditButton": { "alias": "tableEditButton"; "required": false; }; "tableDeleteButton": { "alias": "tableDeleteButton"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "defaultColumnSortDirection": { "alias": "defaultColumnSortDirection"; "required": false; }; "defaultSortedColumn": { "alias": "defaultSortedColumn"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; }, { "rowSelected": "rowSelected"; "selectedRowToEdit": "selectedRowToEdit"; "selectedRowToDelete": "selectedRowToDelete"; "selectedRowsToDelete": "selectedRowsToDelete"; "rowLink": "rowLink"; "addRow": "addRow"; "columnDataOnRowLinkClick": "columnDataOnRowLinkClick"; "paginationChange": "paginationChange"; "selectedFilter": "selectedFilter"; "removeFilteredOption": "removeFilteredOption"; "filteredOptions": "filteredOptions"; "searchedValue": "searchedValue"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ieeesa-data-table", never, { "tableDataInfo": { "alias": "tableDataInfo"; "required": false; }; "columnSchemaInfo": { "alias": "columnSchemaInfo"; "required": false; }; "tableActions": { "alias": "tableActions"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "paginatorConfig": { "alias": "paginatorConfig"; "required": false; }; "searchPlaceHolderText": { "alias": "searchPlaceHolderText"; "required": false; }; "rowEditButton": { "alias": "rowEditButton"; "required": false; }; "rowDeleteButton": { "alias": "rowDeleteButton"; "required": false; }; "tableEditButton": { "alias": "tableEditButton"; "required": false; }; "tableDeleteButton": { "alias": "tableDeleteButton"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "defaultColumnSortDirection": { "alias": "defaultColumnSortDirection"; "required": false; }; "defaultSortedColumn": { "alias": "defaultSortedColumn"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; }, { "rowSelected": "rowSelected"; "selectedRowToEdit": "selectedRowToEdit"; "selectedRowToDelete": "selectedRowToDelete"; "selectedRowsToDelete": "selectedRowsToDelete"; "rowLink": "rowLink"; "addRow": "addRow"; "columnDataOnRowLinkClick": "columnDataOnRowLinkClick"; "paginationChange": "paginationChange"; "selectedFilter": "selectedFilter"; "removeFilteredOption": "removeFilteredOption"; "filteredOptions": "filteredOptions"; "searchedValue": "searchedValue"; }, never, never, true, never>;
 }

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

@@ -21,6 +21,7 @@ export declare class FilterComponent implements OnDestroy {
     onFilterToggle: boolean;
     isFilterActive: boolean;
     isMobileView: boolean;
+    isApplyButtonDisabled: boolean;
     typeOfChip: ChipsType;
     destroy$: Subject<boolean>;
     private filteredTypeOptionsInfo;

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.6",
+  "version": "0.4.8",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -19,7 +19,7 @@
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
     "@ieeesa-npm/shared-styles": "^0.1.2",
-    "@ieeesa-npm/feature": "^0.2.8"
+    "@ieeesa-npm/feature": "^0.3.0"
   },
   "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"
     },
@@ -93,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