@ieeesa-npm/presentation 0.13.1 → 0.13.4
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 +13 -3
- package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +15 -3
- package/esm2022/lib/components/search/search.component.mjs +1 -1
- package/esm2022/lib/components/select/select.component.mjs +11 -4
- package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +10 -2
- package/esm2022/lib/models/select-opened-state.model.mjs +2 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/ieeesa-npm-presentation.mjs +45 -8
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/data-table/data-table.component.d.ts +5 -1
- package/lib/components/dynamic-form/dynamic-form.component.d.ts +10 -1
- package/lib/components/select/select.component.d.ts +3 -1
- package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +3 -1
- package/lib/models/select-opened-state.model.d.ts +4 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -71,6 +71,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
71
71
|
appliedFilterOptions: ChipOption[];
|
|
72
72
|
searchType: SearchType;
|
|
73
73
|
className: string;
|
|
74
|
+
searchSupportMessage: string;
|
|
74
75
|
inbuiltSortingNeeded: boolean;
|
|
75
76
|
isCellTextOverflowEllipsis: boolean;
|
|
76
77
|
isTableHeaderNeeded: boolean;
|
|
@@ -106,6 +107,9 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
106
107
|
noRecordFound: any;
|
|
107
108
|
destroy$: Subject<boolean>;
|
|
108
109
|
showNestedTablePaginationInfo: string;
|
|
110
|
+
private _searchResultMessage;
|
|
111
|
+
set searchResultMessage(value: string);
|
|
112
|
+
get searchResultMessage(): string;
|
|
109
113
|
safeType: SafeType;
|
|
110
114
|
constructor(breakpointObserverService: BreakpointObserverService);
|
|
111
115
|
/**
|
|
@@ -256,5 +260,5 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
256
260
|
*/
|
|
257
261
|
ngOnDestroy(): void;
|
|
258
262
|
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, 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>;
|
|
263
|
+
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; }; "searchSupportMessage": { "alias": "searchSupportMessage"; "required": false; }; "inbuiltSortingNeeded": { "alias": "inbuiltSortingNeeded"; "required": false; }; "isCellTextOverflowEllipsis": { "alias": "isCellTextOverflowEllipsis"; "required": false; }; "isTableHeaderNeeded": { "alias": "isTableHeaderNeeded"; "required": false; }; "searchResultMessage": { "alias": "searchResultMessage"; "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>;
|
|
260
264
|
}
|
|
@@ -10,6 +10,7 @@ import { SelectedDate } from '../../models/selected-date.model';
|
|
|
10
10
|
import { SelectedTime } from '../../models/selected-time.model';
|
|
11
11
|
import { LinkEventEmitType } from '../../models/event-emit-type.model';
|
|
12
12
|
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
13
|
+
import { SelectOpenedState } from '../../models/select-opened-state.model';
|
|
13
14
|
import * as i0 from "@angular/core";
|
|
14
15
|
/**
|
|
15
16
|
* Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
|
|
@@ -77,6 +78,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
77
78
|
formTimeSelected: EventEmitter<SelectedTime>;
|
|
78
79
|
supportTextLinkClick: EventEmitter<LinkEventEmitType>;
|
|
79
80
|
formSlideToggleChange: EventEmitter<SlideToggleOption>;
|
|
81
|
+
dropdownOpenedChange: EventEmitter<SelectOpenedState>;
|
|
80
82
|
form: FormGroup;
|
|
81
83
|
formGroupArray: FormGroup[];
|
|
82
84
|
formControlArray: any[];
|
|
@@ -245,6 +247,13 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
245
247
|
* @memberof DynamicFormComponent
|
|
246
248
|
*/
|
|
247
249
|
onSupportTextLinkClick(event: LinkEventEmitType): void;
|
|
250
|
+
/**
|
|
251
|
+
* Listens select form field dropdownOpenedChange event and emits dropdownOpenedChange event.
|
|
252
|
+
* @memberof DynamicFormComponent
|
|
253
|
+
* @param {SelectOpenedState} event
|
|
254
|
+
* @memberof DynamicFormComponent
|
|
255
|
+
*/
|
|
256
|
+
onDropdownOpenedChange(event: SelectOpenedState): void;
|
|
248
257
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
|
|
249
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
|
|
258
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; }, never, never, true, never>;
|
|
250
259
|
}
|
|
@@ -5,6 +5,7 @@ import { FieldConfig } from '../../models/field-config.model';
|
|
|
5
5
|
import { SearchType } from '../../models/search.model';
|
|
6
6
|
import { SearchComponent } from '../../components/search/search.component';
|
|
7
7
|
import { FormUtilityService } from '../../services/form-utility.service';
|
|
8
|
+
import { SelectOpenedState } from '../../models/select-opened-state.model';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
/**
|
|
10
11
|
* Component implementation supports select type of form filed and select type is configurable to support single selection or multi-selection with multilevel or single level.
|
|
@@ -55,6 +56,7 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
|
|
|
55
56
|
placeholderText: any;
|
|
56
57
|
optionSelected: EventEmitter<SelectOption>;
|
|
57
58
|
optionSearched: EventEmitter<string>;
|
|
59
|
+
dropdownOpenedChange: EventEmitter<SelectOpenedState>;
|
|
58
60
|
constructor(formUtilityService: FormUtilityService);
|
|
59
61
|
/**
|
|
60
62
|
* Initializes components instance properties from config if its defined otherwise creates form group and config.
|
|
@@ -113,5 +115,5 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
|
|
|
113
115
|
*/
|
|
114
116
|
arraySorting(list: SelectOption[]): SelectOption[];
|
|
115
117
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
116
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ieeesa-select", never, { "isSortNeeded": { "alias": "isSortNeeded"; "required": false; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "isMultiLevel": { "alias": "isMultiLevel"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; }, { "optionSelected": "optionSelected"; "optionSearched": "optionSearched"; }, never, never, true, never>;
|
|
118
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ieeesa-select", never, { "isSortNeeded": { "alias": "isSortNeeded"; "required": false; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "isMultiLevel": { "alias": "isMultiLevel"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; }, { "optionSelected": "optionSelected"; "optionSearched": "optionSearched"; "dropdownOpenedChange": "dropdownOpenedChange"; }, never, never, true, never>;
|
|
117
119
|
}
|
|
@@ -8,6 +8,7 @@ import { SelectedDate } from '../../models/selected-date.model';
|
|
|
8
8
|
import { SelectedTime } from '../../models/selected-time.model';
|
|
9
9
|
import { LinkEventEmitType } from '../../models/event-emit-type.model';
|
|
10
10
|
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
11
|
+
import { SelectOpenedState } from '../../models/select-opened-state.model';
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
13
|
/**
|
|
13
14
|
* Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
|
|
@@ -68,6 +69,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
68
69
|
addFormGroup: EventEmitter<Event>;
|
|
69
70
|
supportTextLinkClick: EventEmitter<LinkEventEmitType>;
|
|
70
71
|
formSlideToggleChange: EventEmitter<SlideToggleOption>;
|
|
72
|
+
dropdownOpenedChange: EventEmitter<SelectOpenedState>;
|
|
71
73
|
component: ComponentRef<any>;
|
|
72
74
|
constructor(container: ViewContainerRef);
|
|
73
75
|
/**
|
|
@@ -86,5 +88,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
86
88
|
*/
|
|
87
89
|
ngOnDestroy(): void;
|
|
88
90
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
|
|
89
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
|
|
91
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; "supportTextLinkClick": "supportTextLinkClick"; "formSlideToggleChange": "formSlideToggleChange"; "dropdownOpenedChange": "dropdownOpenedChange"; }, never, never, true, never>;
|
|
90
92
|
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -57,6 +57,7 @@ export * from './lib/models/menu.model';
|
|
|
57
57
|
export * from './lib/models/navigation-menu.model';
|
|
58
58
|
export * from './lib/models/radio-option.model';
|
|
59
59
|
export * from './lib/models/search.model';
|
|
60
|
+
export * from './lib/models/select-opened-state.model';
|
|
60
61
|
export * from './lib/models/select-option.model';
|
|
61
62
|
export * from './lib/models/selected-date.model';
|
|
62
63
|
export * from './lib/models/selected-time.model';
|