@ieeesa-npm/presentation 0.33.0 → 1.0.0

package/lib/components/text-area/text-area.component.d.ts

@@ -1,33 +1,11 @@
-import { EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
-import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import * as i0 from "@angular/core";
-export declare class TextAreaComponent implements OnInit, FormField {
+export declare class TextAreaComponent implements FormField {
     config: FieldConfig;
     group: FormGroup;
-    remainingCharsLeftMessage: string;
     constants: any;
-    leftCharCount: number;
-    supportTextLinkClick: EventEmitter<LinkEventEmitType>;
-    inputValueChange: EventEmitter<string>;
-    /**
-     * Initializes the leftCharCount and remainingCharsLeftMessage
-     * @memberof TextAreaComponent
-     */
-    ngOnInit(): void;
-    /**
-     * Calculates the remaining characters count on change of form control value and sets the remaining count.
-     * @memberof TextAreaComponent
-     */
-    onChange(event: Event): void;
-    /**
-     * Emits supportTextLinkClick event on click of form support text link
-     * @param {LinkEventEmitType} event
-     * @memberof TextAreaComponent
-     */
-    onSupportTextLinkClick(event: LinkEventEmitType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, { "remainingCharsLeftMessage": { "alias": "remainingCharsLeftMessage"; "required": false; }; }, { "supportTextLinkClick": "supportTextLinkClick"; "inputValueChange": "inputValueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, {}, {}, never, never, true, never>;
 }

package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts

@@ -3,17 +3,6 @@ import { FormGroup } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
-import { CheckboxOption } from '@ieeesa-npm/models';
-import { SelectedDate } from '../../models/selected-date.model';
-import { SelectedTime } from '../../models/selected-time.model';
-import { LinkEventEmitType } from '../../models/event-emit-type.model';
-import { SlideToggleOption } from '../../models/slide-toggle-options.model';
-import { SelectOpenedState } from '../../models/select-opened-state.model';
-import { RadioOption } from '../../models/radio-option.model';
-import { IconButton } from '@ieeesa-npm/models';
-import { AutoCompleteOption } from '../../models/autocomplete-option.model';
-import { FileUploadStatus } from '../../models/file-upload-status.model';
-import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
 import * as i0 from "@angular/core";
 /**
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -40,12 +29,6 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     set group(value: FormGroup);
     get group(): FormGroup;
-    private _fileUploadStatus;
-    get fileUploadStatus(): FileUploadStatus;
-    set fileUploadStatus(value: FileUploadStatus);
-    private _fileDownloadAndDeleteConfig;
-    set fileDownloadAndDeleteConfig(value: FileDownloadAndDeleteConfig);
-    get fileDownloadAndDeleteConfig(): FileDownloadAndDeleteConfig;
     private _submitResponse;
     /**
      * Sets the submit response of form submit event
@@ -62,8 +45,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     get searchResponse(): any;
     formSearchApply: EventEmitter<Event>;
     formDropdownSelected: EventEmitter<Event>;
-    formDateSelected: EventEmitter<SelectedDate>;
-    formTimeSelected: EventEmitter<SelectedTime>;
+    formDateSelected: EventEmitter<string>;
     formSelectedDateRange: EventEmitter<{
         startDate: string;
         endDate: string;
@@ -72,23 +54,8 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
         searchEvent: Event;
         controlName: string;
     }>;
-    formAutoCompleteSearch: EventEmitter<string>;
-    autoCompleteClearSearchValue: EventEmitter<string>;
+    formAutoCompleteSearch: EventEmitter<Event>;
     autoCompleteOptionSelected: EventEmitter<Event>;
-    formCheckboxSelection: EventEmitter<CheckboxOption>;
-    formInputValue: EventEmitter<string | number>;
-    addFormGroup: EventEmitter<Event>;
-    supportTextLinkClick: EventEmitter<LinkEventEmitType>;
-    formSlideToggleChange: EventEmitter<SlideToggleOption>;
-    dropdownOpenedChange: EventEmitter<SelectOpenedState>;
-    formColorPickerChange: EventEmitter<string>;
-    formFileUpload: EventEmitter<File | FileList>;
-    formRadioOptionSelected: EventEmitter<RadioOption>;
-    ctaButtonClick: EventEmitter<IconButton>;
-    formMultiSelectAutoCompleteSearch: EventEmitter<string>;
-    multiSelectAutoCompleteClearSearchValue: EventEmitter<string>;
-    multiSelectAutoCompleteOptionsSelected: EventEmitter<AutoCompleteOption[]>;
-    formRichTextEditorContentChange: EventEmitter<string>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);
     /**
@@ -107,5 +74,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "fileUploadStatus": { "alias": "fileUploadStatus"; "required": false; }; "fileDownloadAndDeleteConfig": { "alias": "fileDownloadAndDeleteConfig"; "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"; "formColorPickerChange": "formColorPickerChange"; "formFileUpload": "formFileUpload"; "formRadioOptionSelected": "formRadioOptionSelected"; "ctaButtonClick": "ctaButtonClick"; "formMultiSelectAutoCompleteSearch": "formMultiSelectAutoCompleteSearch"; "multiSelectAutoCompleteClearSearchValue": "multiSelectAutoCompleteClearSearchValue"; "multiSelectAutoCompleteOptionsSelected": "multiSelectAutoCompleteOptionsSelected"; "formRichTextEditorContentChange": "formRichTextEditorContentChange"; }, never, never, true, never>;
+    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"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; }, never, never, true, never>;
 }

package/lib/models/checkbox-option.model.d.ts

@@ -0,0 +1,6 @@
+export interface CheckboxOption {
+    id: number | string;
+    name: string;
+    checked: boolean;
+    disabled: boolean;
+}

package/lib/models/confirmation-modal-data.model.d.ts

@@ -0,0 +1,5 @@
+export interface ConfirmationModalData {
+    leftButtonLabel: string;
+    rightButtonLabel: string;
+    promptMessage: string;
+}

package/lib/models/date-picker.model.d.ts

@@ -1,5 +1,4 @@
 import { CalendarType } from '../models/calendar.model';
-import * as moment from 'moment';
 export interface DatePicker {
     placeholderLabel?: string;
     selectedDates?: string[];
@@ -11,6 +10,4 @@ export interface DatePicker {
         maxDate: string;
     };
     calendarType: CalendarType;
-    minDate?: Date | moment.Moment;
-    maxDate?: Date | moment.Moment;
 }

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

@@ -1,15 +1,10 @@
 import { ValidatorFn } from '@angular/forms';
+import { CheckboxOption } from '../models/checkbox-option.model';
 import { DatePicker } from '../models/date-picker.model';
 import { RadioOption } from '../models/radio-option.model';
 import { SearchType } from '../models/search.model';
-import { SelectOption, AlignType, CheckboxOption } from '@ieeesa-npm/models';
+import { SelectOption } from '../models/select-option.model';
 import { AutoCompleteOption } from '../models/autocomplete-option.model';
-import { LinkType } from './link-type.model';
-import { SlideToggleOption } from './slide-toggle-options.model';
-import { ColorFormat, ColorsAnimation } from './color-format.model';
-import { AllowedFileTypes } from './allowed-file-types.model';
-import { EditorConfig } from 'ngx-simple-text-editor';
-import { AlignBrowsedFiles } from './align-browsed-files.model';
 export interface FieldConfig {
     isSortNeeded?: boolean;
     disabled?: boolean;
@@ -26,12 +21,10 @@ export interface FieldConfig {
     invalidEmailErrorMessage?: string;
     minErrorMessage?: string;
     maxErrorMessage?: string;
-    supportMessage?: string;
     validation?: ValidatorFn[];
     isMultiSelect?: boolean;
     value?: any;
     isNumber?: boolean;
-    isEmail?: boolean;
     min?: number;
     max?: number;
     maxLength?: number;
@@ -46,49 +39,4 @@ export interface FieldConfig {
         startDate: string;
         endDate: string;
     };
-    clear?: boolean;
-    ariaLabel?: string;
-    ariaDescribedById?: string;
-    ariaMultiline?: boolean;
-    minSelectionRequired?: number;
-    maxCharCount?: number;
-    remainingCharsLeftMessage?: string;
-    name?: string;
-    maxRangeLimit?: number;
-    hour24?: number;
-    hour12?: number;
-    isSearch?: boolean;
-    invalidDateTimeErrorMessage?: string;
-    is24HoursTimeFormat?: boolean;
-    linkType?: LinkType;
-    slideToggleOption?: SlideToggleOption;
-    isMultiFileUpload?: boolean;
-    maxUploadFileSize?: number;
-    allowedFileTypes?: AllowedFileTypes[];
-    maxFileSizeErrorMessage?: string;
-    isFileSelected?: boolean;
-    allowedFileTypeErrorMessage?: string;
-    invalidDateRangeErrorMessage?: string;
-    invalidColorErrorMessage?: string;
-    palette?: string[];
-    fileUploadHeading?: string;
-    defaultColor?: string;
-    colorFormat?: ColorFormat;
-    overlayClassName?: string;
-    colorAnimation?: ColorsAnimation;
-    paletteSelectLabel?: string;
-    paletteCancelLabel?: string;
-    isColorCodeLabelNeeded?: boolean;
-    isArrowIconNeeded?: boolean;
-    canHideColorPicker?: boolean;
-    canHideTextInput?: boolean;
-    multiSelectAutoCompleteOptions?: AutoCompleteOption[];
-    editorConfig?: EditorConfig;
-    isAllowAnyFileType?: boolean;
-    alignBrowsedFiles?: AlignBrowsedFiles;
-    isUploadButtonNeeded?: boolean;
-    actionButtonAlign?: AlignType;
-    alignFileUploadErrorMessageTo?: AlignType;
-    maxFilesUploadedOnce?: number;
-    maxFilesUploadLimitErrorMessage?: string;
 }

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

@@ -2,7 +2,6 @@ export interface FooterLink {
     label: string;
     ariaLabel: string;
     redirectUrl: string;
-    isRouterLink?: boolean;
 }
 export interface FooterConfig {
     links: FooterLink[];

package/lib/models/form-control-types.model.d.ts

@@ -6,12 +6,5 @@ export declare enum FormControlType {
     DATE = "DATE",
     CHECKBOX = "CHECKBOX",
     RADIO = "RADIO",
-    AUTO_COMPLETE = "AUTO_COMPLETE",
-    MULTI_SELECT_AUTO_COMPLETE = "MULTI_SELECT_AUTO_COMPLETE",
-    ADD_FORM_GROUP = "ADD_FORM_GROUP",
-    TIME_PICKER = "TIME_PICKER",
-    SLIDE_TOGGLE = "SLIDE_TOGGLE",
-    COLOR_PICKER = "COLOR_PICKER",
-    FILE_UPLOAD = "FILE_UPLOAD",
-    RICH_TEXT_EDITOR = "RICH_TEXT_EDITOR"
+    AUTO_COMPLETE = "AUTO_COMPLETE"
 }

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

@@ -5,10 +5,4 @@ export interface HeaderConfig {
     userName: string;
     helpLink: string;
     logoutLink: string;
-    ssoSignOutUrl: string;
-    cookieName: string;
-    apiBaseUrl?: string;
-    isLogoFromAwsS3?: boolean;
-    isPublicAPI?: boolean;
-    domainUrl?: string;
 }

package/lib/models/navigation-menu.model.d.ts

@@ -4,6 +4,6 @@ export interface SideMenuItem {
     isEnabled?: boolean;
     iconURL?: string;
     routeURL?: string;
-    permissionId: string;
+    permissionId: number;
     subMenuItems?: SideMenuItem[];
 }

package/lib/models/select-option.model.d.ts

@@ -0,0 +1,5 @@
+export interface SelectOption {
+    id: number | string;
+    name: string;
+    option_groups?: SelectOption[];
+}

package/lib/models/toggle-button.model.d.ts

@@ -2,8 +2,4 @@ export interface ToggleButton {
     id: number;
     label: string;
     isDisabled?: boolean;
-    isIconNeeded?: boolean;
-    iconURL?: string;
-    canShowTickSelection?: boolean;
-    tickIconURL?: string;
 }

package/lib/services/form-utility.service.d.ts

@@ -23,7 +23,7 @@ export declare class FormUtilityService {
      * @return {FormGroup}
      * @memberof FormUtilityService
      */
-    getFormGroup(controlName: string, formControlConfig?: FieldConfig): FormGroup;
+    getFormGroup(controlName: string): FormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormUtilityService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FormUtilityService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.33.0",
+  "version": "1.0.0",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -18,9 +18,7 @@
     "moment": "^2.29.4",
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
-    "ngx-material-timepicker": "^13.1.1",
-    "ngx-colors": "^3.5.3",
-    "ngx-simple-text-editor": "^4.0.3"
+    "@ieeesa-npm/shared-styles": "^0.0.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -1,115 +1,36 @@
-export * from './lib/components/autocomplete/autocomplete.component';
-export * from './lib/components/checkbox/checkbox.component';
-export * from './lib/components/date-picker/date-picker.component';
-export * from './lib/components/date-picker-header/date-picker-header.component';
 export * from './lib/components/dynamic-form/dynamic-form.component';
-export * from './lib/components/footer/footer.component';
+export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
 export * from './lib/components/form-error/form-error.component';
-export * from './lib/components/form-support-text/form-support-text.component';
-export * from './lib/components/header/header.component';
-export * from './lib/components/icon-button/icon-button.component';
-export * from './lib/components/input/input.component';
-export * from './lib/components/legend/legend.component';
-export * from './lib/components/list/list.component';
-export * from './lib/components/menu/menu.component';
-export * from './lib/components/modal/modal.component';
-export * from './lib/components/modal-confirmation/modal-confirmation.component';
-export * from './lib/components/modal-info/modal-info.component';
-export * from './lib/components/navigation-menu/navigation-menu.component';
 export * from './lib/components/notification/notification.component';
+export * from './lib/components/input/input.component';
+export * from './lib/components/text-area/text-area.component';
 export * from './lib/components/radio/radio.component';
+export * from './lib/components/checkbox/checkbox.component';
+export * from './lib/components/autocomplete/autocomplete.component';
 export * from './lib/components/search/search.component';
+export * from './lib/components/date-picker/date-picker.component';
+export * from './lib/components/date-picker-header/date-picker-header.component';
 export * from './lib/components/select/select.component';
-export * from './lib/components/text-area/text-area.component';
-export * from './lib/components/toggle-button/toggle-button.component';
-export * from './lib/components/welcome/welcome.component';
-export * from './lib/components/chips/chips.component';
-export * from './lib/components/filter/filter.component';
-export * from './lib/components/loader/loader.component';
-export * from './lib/components/data-table/data-table.component';
-export * from './lib/components/breadcrumb/breadcrumb.component';
-export * from './lib/components/tile/tile.component';
-export * from './lib/components/time-picker/time-picker.component';
-export * from './lib/components/tabs/tabs.component';
-export * from './lib/components/slide-toggle/slide-toggle.component';
-export * from './lib/components/card/card.component';
-export * from './lib/components/color-picker/color-picker.component';
-export * from './lib/components/file-upload/file-upload.component';
-export * from './lib/components/file-download/file-download.component';
-export * from './lib/components/accordion/accordion.component';
-export * from './lib/components/inactive-tenant/inactive-tenant.component';
-export * from './lib/components/image-preview/image-preview.component';
-export * from './lib/components/rich-text-editor/rich-text-editor.component';
-export * from './lib/components/multi-select-autocomplete/multi-select-autocomplete.component';
-export * from './lib/components/export-format-popover/export-format-popover.component';
-export * from './lib/components/filter-popover/filter-popover.component';
-export * from './lib/components/policy-confirmation-dialog/policy-confirmation-dialog.component';
-export * from './lib/components/export-success-dialog/export-success-dialog.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
-export * from './lib/directives/set-background/set-background.directive';
-export * from './lib/directives/text-truncated/text-truncated.directive';
-export * from './lib/directives/file-upload/file-upload.directive';
-export * from './lib/directives/observe-dom-change/observe-dom-change.directive';
-export * from './lib/models/accordion-info.model';
-export * from './lib/models/align-browsed-files.model';
-export * from './lib/models/allowed-file-types.model';
-export * from './lib/models/app-config-info.model';
+export * from './lib/models/field-config.model';
+export * from './lib/models/form-field.model';
+export * from './lib/models/search.model';
+export * from './lib/models/select-option.model';
+export * from './lib/models/checkbox-option.model';
 export * from './lib/models/autocomplete-option.model';
 export * from './lib/models/calendar.model';
-export * from './lib/models/custom-properties.model';
+export * from './lib/models/search.model';
+export * from './lib/models/confirmation-modal-data.model';
 export * from './lib/models/date-picker.model';
-export * from './lib/models/download-file.model';
-export * from './lib/models/event-emit-type.model';
-export * from './lib/models/field-config.model';
 export * from './lib/models/footer-config.model';
 export * from './lib/models/form-control-types.model';
-export * from './lib/models/form-field.model';
 export * from './lib/models/form-grid.model';
 export * from './lib/models/form.model';
 export * from './lib/models/header-config.model';
-export * from './lib/models/legend.model';
-export * from './lib/models/link-type.model';
-export * from './lib/models/list-item.model';
-export * from './lib/models/menu.model';
 export * from './lib/models/navigation-menu.model';
-export * from './lib/models/radio-option.model';
-export * from './lib/models/search.model';
-export * from './lib/models/select-opened-state.model';
-export * from './lib/models/selected-date.model';
-export * from './lib/models/selected-time.model';
-export * from './lib/models/tab.model';
 export * from './lib/models/toggle-button.model';
-export * from './lib/models/chip-option.model';
-export * from './lib/models/paginator-config.model';
-export * from './lib/models/table-actions.model';
-export * from './lib/models/table-schema.model';
-export * from './lib/models/breadcrumb.model';
-export * from './lib/models/tile.model';
-export * from './lib/models/file-upload-response.model';
-export * from './lib/models/file-upload-status.model';
-export * from './lib/models/filters-options.model';
-export * from './lib/models/profile-menu.model';
-export * from './lib/models/slide-toggle-options.model';
-export * from './lib/models/button-type.model';
-export * from './lib/models/card-button.model';
-export * from './lib/models/card-info.model';
-export * from './lib/models/color-format.model';
-export * from './lib/models/file-download-config.model';
-export * from './lib/models/file-info.model';
-export * from './lib/models/file-upload-payload-model';
-export * from './lib/models/file-upload-presigned-url-res.model';
-export * from './lib/models/file-upload-response.model';
-export * from './lib/models/inactive-tenant.model';
-export * from './lib/models/table-column-menu-info.model';
-export * from './lib/models/export-format-popover.model';
-export * from './lib/models/filter-popover.model';
-export * from './lib/models/policy-confirmation-dialog.model';
-export * from './lib/models/export-success-dialog.model';
+export * from './lib/services/form-utility.service';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
-export * from './lib/services/file-upload.service';
-export * from './lib/services/break-point-observer.service';
-export * from './lib/pipes/safe.pipe';
+export * from './lib/services/datepicker.service';
 export * from './lib/presentation.module';
-export { SelectOption, CheckboxOption, IconButton, AlignType, ConfirmationModalData, MessagePart, InfoModalData } from '@ieeesa-npm/models';
-export * from './lib/components/stepper/stepper.component';