@ieeesa-npm/presentation 0.11.9 → 0.12.1

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

@@ -139,7 +139,10 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 logo: string;
             };
             links: {
-                label: string;
+                label: string; /**
+                 * Sets the isViewMoreNeeded value based on hasViewMore and isMobileView values.
+                 * @memberof ChipsComponent
+                 */
                 ariaLabel: string;
                 redirectUrl: string;
             }[];

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 { MatPaginator, PageEvent } from '@angular/material/paginator';
+import { PageEvent } from '@angular/material/paginator';
 import { MatSort, Sort, SortDirection } from '@angular/material/sort';
 import { SelectionModel } from '@angular/cdk/collections';
 import { Subject } from 'rxjs';
@@ -26,23 +26,38 @@ import * as i0 from "@angular/core";
 export declare class DataTableComponent implements OnInit, AfterViewInit, OnDestroy {
     private breakpointObserverService;
     private tableData;
+    private nestedTableData;
+    expandedElement: any;
     set tableDataInfo(value: any[]);
     get tableDataInfo(): any[];
+    set nestedTableDataInfo(value: any[]);
+    get nestedTableDataInfo(): any[];
     private columnSchema;
     set columnSchemaInfo(value: TableColumnSchema[]);
     get columnSchemaInfo(): TableColumnSchema[];
+    private nestedTableColumnSchema;
+    set nestedTableColumnSchemaInfo(value: TableColumnSchema[]);
+    get nestedTableColumnSchemaInfo(): TableColumnSchema[];
     constants: any;
     tableActions: TableActions;
     tableRowActions: Menu[];
+    nestedTableRowActions: Menu[];
     caption: string;
+    viewAll: string;
     private paginatorConfiguration;
     set paginatorConfig(value: PaginatorConfig);
     get paginatorConfig(): PaginatorConfig;
+    private nestedPaginatorConfiguration;
+    set nestedPaginatorConfig(value: PaginatorConfig);
+    get nestedPaginatorConfig(): PaginatorConfig;
     searchPlaceHolderText: string;
     rowEditButton: IconButton;
     rowDeleteButton: IconButton;
     tableEditButton: IconButton;
     tableDeleteButton: IconButton;
+    rowExpandButton: IconButton;
+    rowCollapseButton: IconButton;
+    isNestedTableHeaderNeeded: boolean;
     addButton: IconButton;
     defaultColumnSortDirection: SortDirection;
     defaultSortedColumn: string;
@@ -71,9 +86,13 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     searchedValue: EventEmitter<string>;
     sortChange: EventEmitter<Sort>;
     selectedRowsInfo: EventEmitter<TableColumnSchema[]>;
+    rowExpansionClick: EventEmitter<any>;
+    sort: MatSort;
     displayedColumns: string[];
+    nestedTableDisplayedColumns: string[];
     isMobileView: boolean;
     dataSource: MatTableDataSource<any>;
+    nestedTableDataSource: MatTableDataSource<any>;
     selectedRows: SelectionModel<TableColumnSchema>;
     pageLimit: number;
     pageOffset: number;
@@ -82,8 +101,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     clearAll: any;
     noRecordFound: any;
     destroy$: Subject<boolean>;
-    sort: MatSort;
-    paginator: MatPaginator;
+    showNestedTablePaginationInfo: string;
     constructor(breakpointObserverService: BreakpointObserverService);
     /**
      * Initializes the data table component and sets the table action buttons.
@@ -170,6 +188,12 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
      * @memberof DataTableComponent
      */
     selectedFilterTypeInfo(option: ChipOption): void;
+    /**
+     * Emits the rowExpansionClick event with the selected row data when the row is expanded.
+     * @param {*} row
+     * @memberof DataTableComponent
+     */
+    onTableRowExpansionClick(row: any): void;
     /**
      * OnSelectedFilterOptions method emits the filteredOptions event with the selected options and adds "Clear all" option to clear the all selections.
      * @param {CheckboxOption[]} options
@@ -220,5 +244,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; }; "tableRowActions": { "alias": "tableRowActions"; "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; }; "isClearSortNeeded": { "alias": "isClearSortNeeded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "className": { "alias": "className"; "required": false; }; "inbuiltSortingNeeded": { "alias": "inbuiltSortingNeeded"; "required": false; }; "isCellTextOverflowEllipsis": { "alias": "isCellTextOverflowEllipsis"; "required": false; }; "isTableHeaderNeeded": { "alias": "isTableHeaderNeeded"; "required": false; }; }, { "rowSelected": "rowSelected"; "selectedRowToEdit": "selectedRowToEdit"; "selectedRowToDelete": "selectedRowToDelete"; "selectedRowsToDelete": "selectedRowsToDelete"; "rowLink": "rowLink"; "addRow": "addRow"; "columnDataOnRowLinkClick": "columnDataOnRowLinkClick"; "menuActionClick": "menuActionClick"; "selectActionMenu": "selectActionMenu"; "paginationChange": "paginationChange"; "selectedFilter": "selectedFilter"; "removeFilteredOption": "removeFilteredOption"; "filteredOptions": "filteredOptions"; "searchedValue": "searchedValue"; "sortChange": "sortChange"; "selectedRowsInfo": "selectedRowsInfo"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ieeesa-data-table", never, { "tableDataInfo": { "alias": "tableDataInfo"; "required": false; }; "nestedTableDataInfo": { "alias": "nestedTableDataInfo"; "required": false; }; "columnSchemaInfo": { "alias": "columnSchemaInfo"; "required": false; }; "nestedTableColumnSchemaInfo": { "alias": "nestedTableColumnSchemaInfo"; "required": false; }; "tableActions": { "alias": "tableActions"; "required": false; }; "tableRowActions": { "alias": "tableRowActions"; "required": false; }; "nestedTableRowActions": { "alias": "nestedTableRowActions"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "viewAll": { "alias": "viewAll"; "required": false; }; "paginatorConfig": { "alias": "paginatorConfig"; "required": false; }; "nestedPaginatorConfig": { "alias": "nestedPaginatorConfig"; "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; }; "rowExpandButton": { "alias": "rowExpandButton"; "required": false; }; "rowCollapseButton": { "alias": "rowCollapseButton"; "required": false; }; "isNestedTableHeaderNeeded": { "alias": "isNestedTableHeaderNeeded"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "defaultColumnSortDirection": { "alias": "defaultColumnSortDirection"; "required": false; }; "defaultSortedColumn": { "alias": "defaultSortedColumn"; "required": false; }; "isClearSortNeeded": { "alias": "isClearSortNeeded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "className": { "alias": "className"; "required": false; }; "inbuiltSortingNeeded": { "alias": "inbuiltSortingNeeded"; "required": false; }; "isCellTextOverflowEllipsis": { "alias": "isCellTextOverflowEllipsis"; "required": false; }; "isTableHeaderNeeded": { "alias": "isTableHeaderNeeded"; "required": false; }; }, { "rowSelected": "rowSelected"; "selectedRowToEdit": "selectedRowToEdit"; "selectedRowToDelete": "selectedRowToDelete"; "selectedRowsToDelete": "selectedRowsToDelete"; "rowLink": "rowLink"; "addRow": "addRow"; "columnDataOnRowLinkClick": "columnDataOnRowLinkClick"; "menuActionClick": "menuActionClick"; "selectActionMenu": "selectActionMenu"; "paginationChange": "paginationChange"; "selectedFilter": "selectedFilter"; "removeFilteredOption": "removeFilteredOption"; "filteredOptions": "filteredOptions"; "searchedValue": "searchedValue"; "sortChange": "sortChange"; "selectedRowsInfo": "selectedRowsInfo"; "rowExpansionClick": "rowExpansionClick"; }, never, never, true, never>;
 }

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

@@ -59,4 +59,5 @@ export interface FieldConfig {
     is24HoursTimeFormat?: boolean;
     linkType?: LinkType;
     slideToggleOption?: SlideToggleOption;
+    invalidDateRangeErrorMessage?: string;
 }

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

@@ -5,7 +5,8 @@ export declare enum TableColumnType {
     ADD = "ADD",
     EDIT = "EDIT",
     DELETE = "DELETE",
-    ACTIONS = "ACTIONS"
+    ACTIONS = "ACTIONS",
+    NESTED_TABLE = "NESTED_TABLE"
 }
 export declare enum TableColumnSortDirection {
     ASCENDING = "asc",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.11.9",
+  "version": "0.12.1",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/src/lib/assets/constants.json

@@ -82,6 +82,18 @@
         "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-row-delete",
         "toolTip": "",
         "ariaLabel": "Delete"
+      },
+      {
+        "id": 6,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-expand-collapse-arrow-up",
+        "toolTip": "",
+        "ariaLabel": "Expand"
+      },
+      {
+        "id": 7,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-expand-collapse-arrow-down",
+        "toolTip": "",
+        "ariaLabel": "Collapse"
       }
     ]
   },
@@ -228,4 +240,4 @@
   "timePicker": {
     "defaultTimeFormat": 12
   }
-}
+}