@ieeesa-npm/presentation 0.12.8 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/data-table/data-table.component.mjs +29 -4
- package/esm2022/lib/components/modal/modal.component.mjs +33 -20
- package/esm2022/lib/components/tabs/tabs.component.mjs +2 -1
- package/esm2022/lib/models/table-schema.model.mjs +1 -1
- package/fesm2022/ieeesa-npm-presentation.mjs +49 -12
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/data-table/data-table.component.d.ts +14 -2
- package/lib/components/modal/modal.component.d.ts +12 -5
- package/lib/models/table-schema.model.d.ts +1 -0
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { PageEvent } from '@angular/material/paginator';
|
|
|
4
4
|
import { MatSort, Sort, SortDirection } from '@angular/material/sort';
|
|
5
5
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
6
6
|
import { Subject } from 'rxjs';
|
|
7
|
-
import { BreakpointObserverService } from '@ieeesa-npm/utility';
|
|
7
|
+
import { BreakpointObserverService, SafeType } from '@ieeesa-npm/utility';
|
|
8
8
|
import { TableColumnSchema, TableColumnType } from '../../models/table-schema.model';
|
|
9
9
|
import { PaginatorConfig } from '../../models/paginator-config.model';
|
|
10
10
|
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
@@ -14,6 +14,7 @@ import { ChipOption } from '../../models/chip-option.model';
|
|
|
14
14
|
import { SearchType } from '../../models/search.model';
|
|
15
15
|
import { FiltersAndOptions } from '../../models/filters-options.model';
|
|
16
16
|
import { Menu } from '../../models/menu.model';
|
|
17
|
+
import { Legend } from '../../models/legend.model';
|
|
17
18
|
import * as i0 from "@angular/core";
|
|
18
19
|
/**
|
|
19
20
|
* 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.
|
|
@@ -50,6 +51,9 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
50
51
|
private nestedPaginatorConfiguration;
|
|
51
52
|
set nestedPaginatorConfig(value: PaginatorConfig);
|
|
52
53
|
get nestedPaginatorConfig(): PaginatorConfig;
|
|
54
|
+
private legendsInfo;
|
|
55
|
+
set legends(value: Legend[]);
|
|
56
|
+
get legends(): Legend[];
|
|
53
57
|
searchPlaceHolderText: string;
|
|
54
58
|
rowEditButton: IconButton;
|
|
55
59
|
rowDeleteButton: IconButton;
|
|
@@ -102,6 +106,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
102
106
|
noRecordFound: any;
|
|
103
107
|
destroy$: Subject<boolean>;
|
|
104
108
|
showNestedTablePaginationInfo: string;
|
|
109
|
+
safeType: SafeType;
|
|
105
110
|
constructor(breakpointObserverService: BreakpointObserverService);
|
|
106
111
|
/**
|
|
107
112
|
* Initializes the data table component and sets the table action buttons.
|
|
@@ -238,11 +243,18 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
238
243
|
* @memberof DataTableComponent
|
|
239
244
|
*/
|
|
240
245
|
trackById(index: number, column: TableColumnSchema): number;
|
|
246
|
+
/**
|
|
247
|
+
* Sets the table row left border as per the legend color
|
|
248
|
+
* @param {string} color
|
|
249
|
+
* @return {*}
|
|
250
|
+
* @memberof DataTableComponent
|
|
251
|
+
*/
|
|
252
|
+
getRowBorderLeftColor(color: string): any;
|
|
241
253
|
/**
|
|
242
254
|
* NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
|
|
243
255
|
* @memberof DataTableComponent
|
|
244
256
|
*/
|
|
245
257
|
ngOnDestroy(): void;
|
|
246
258
|
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
|
|
247
|
-
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>;
|
|
259
|
+
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; }; "legends": { "alias": "legends"; "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>;
|
|
248
260
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from
|
|
2
|
-
import { MatDialogRef } from
|
|
3
|
-
import { ModalType } from
|
|
4
|
-
import { ToggleButton } from
|
|
5
|
-
import { Subject } from
|
|
1
|
+
import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { MatDialogRef } from '@angular/material/dialog';
|
|
3
|
+
import { ModalType } from '@ieeesa-npm/utility';
|
|
4
|
+
import { ToggleButton } from '../../models/toggle-button.model';
|
|
5
|
+
import { Subject } from 'rxjs';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
8
|
* This component encapsulates the functionality of a modal dialog and implements reusable contents part of the modal components such as text content, loading another component into the modal and emitting modal events to consumed component.
|
|
@@ -33,6 +33,7 @@ export declare class ModalComponent implements OnInit, OnDestroy {
|
|
|
33
33
|
modalType: ModalType;
|
|
34
34
|
isCloseNeeded: boolean;
|
|
35
35
|
modalConfirm: EventEmitter<any>;
|
|
36
|
+
canCloseModal: boolean;
|
|
36
37
|
constructor(dialogRef: MatDialogRef<ModalComponent>, modalData: any);
|
|
37
38
|
/**
|
|
38
39
|
* Initializes the component.
|
|
@@ -53,6 +54,12 @@ export declare class ModalComponent implements OnInit, OnDestroy {
|
|
|
53
54
|
* @param {boolean} value - The confirmation value.
|
|
54
55
|
*/
|
|
55
56
|
onConfirm(value: boolean): void;
|
|
57
|
+
/**
|
|
58
|
+
* Closes modal based on canCloseModal and emits an event.
|
|
59
|
+
* @param {boolean} value
|
|
60
|
+
* @memberof ModalComponent
|
|
61
|
+
*/
|
|
62
|
+
onModalClose(value: boolean): void;
|
|
56
63
|
/**
|
|
57
64
|
* Returns dialog type
|
|
58
65
|
* @return {number} value-Dialog type enum
|