@corp-products/ui-components 2.0.8 → 3.0.0

package/index.d.ts

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, OnInit, OnDestroy, PipeTransform, Type, EnvironmentInjector, ApplicationRef } from '@angular/core';
+import { EventEmitter, TemplateRef, OnInit, PipeTransform, OnDestroy, Type, EnvironmentInjector, ApplicationRef } from '@angular/core';
 import { ActivatedRoute, Router, Params } from '@angular/router';
 import { DialogService, DynamicDialogConfig } from 'primeng/dynamicdialog';
-import { FormControl, FormGroup, ValidationErrors, AbstractControl } from '@angular/forms';
+import { FormGroup, FormControl, ValidationErrors, AbstractControl } from '@angular/forms';
+import { AutoCompleteSelectEvent, AutoCompleteCompleteEvent } from 'primeng/autocomplete';
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
-import { SelectChangeEvent } from 'primeng/select';
-import { AutoCompleteSelectEvent, AutoCompleteCompleteEvent } from 'primeng/autocomplete';
 import { SelectButtonChangeEvent } from 'primeng/selectbutton';
+import { SelectChangeEvent } from 'primeng/select';
 import { MenuItem } from 'primeng/api';
 
 type AppButtonSeverity = 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast';
@@ -131,6 +131,53 @@ declare class UserInfoComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<UserInfoComponent, "user-info", never, { "profileImage": { "alias": "profileImage"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class FormUtils {
+    static getFormControl(controlName: string, form: FormGroup): FormControl;
+}
+
+declare enum BasicErrorKeysEnum {
+    required = "REQUIRED",
+    email = "EMAIL",
+    pattern = "PATTERN",
+    invalidArFormat = "INVALID_AR_FORMAT",
+    invalidLink = "INVALID_LINK",
+    endDateBeforeStartDate = "END_DATE_BEFORE_START_DATE",
+    startDateEqualsEndDate = "START_DATE_EQUALS_END_DATE",
+    endTimeBeforeStartTime = "END_TIME_BEFORE_START_TIME",
+    startTimeEqualsEndTime = "START_TIME_EQUALS_END_TIME",
+    integer = "INTEGER",
+    positiveNumber = "POSITIVE_NUMBER",
+    fileSelected = "FILE_SELECTED",
+    default = "DEFAULT"
+}
+declare enum ErrorsWithValuesKeysEnum {
+    minlength = "MIN_LENGTH",
+    maxlength = "MAX_LENGTH",
+    min = "MIN",
+    max = "MAX",
+    maxSize = "MAX_SIZE",
+    maxFiles = "MAX_FILES",
+    allowedTypes = "ALLOWED_TYPES"
+}
+
+declare class ValidationErrorsPipe implements PipeTransform {
+    private formValidationService;
+    transform(errors: ValidationErrors | null, allowedKeys?: string[]): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationErrorsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValidationErrorsPipe, "validationErrors", true>;
+}
+
+declare class FormValidationService {
+    private translate;
+    private getTranslation;
+    getErrorMessage(errorKey: string, errorValue: any): string;
+    private isBasicErrorKey;
+    private isErrorWithValueKey;
+    private getErrorWithValueMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormValidationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormValidationService>;
+}
+
 declare abstract class BaseInputComponent implements OnInit, OnDestroy {
     control: FormControl;
     name: string;
@@ -149,40 +196,19 @@ declare abstract class BaseInputComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<BaseInputComponent, "ng-component", never, { "control": { "alias": "control"; "required": true; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class InputComponent extends BaseInputComponent {
-    type: "text" | "textarea";
-    contentType: "text" | "email" | "number";
-    prefix: string;
-    rows: number;
-    cols: number;
-    autoResize: boolean;
-    basicInput: boolean;
-    noStyle: boolean;
-    hideOptionalLabel: boolean;
-    inputDirection: "ltr" | "rtl" | "inherit";
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "stc-input", never, { "type": { "alias": "type"; "required": false; }; "contentType": { "alias": "contentType"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "noStyle": { "alias": "noStyle"; "required": false; }; "hideOptionalLabel": { "alias": "hideOptionalLabel"; "required": false; }; "inputDirection": { "alias": "inputDirection"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class SelectComponent extends BaseInputComponent {
+declare class AutoCompleteComponent extends BaseInputComponent {
     selectedItemTemplate: TemplateRef<unknown> | null;
-    optionTemplate: TemplateRef<unknown> | null;
-    options: unknown[];
-    optionLabel: string;
-    checkmark: boolean;
-    showClear: boolean;
-    editable: boolean;
-    filter: boolean;
-    multiple: boolean;
-    filterBy: string;
-    selectedItemsLabel: string;
+    onSearch: EventEmitter<string>;
+    selectOption: EventEmitter<AutoCompleteSelectEvent>;
+    items: any[];
+    minLengthToSearch: number;
+    delay: number;
     basicInput: boolean;
-    change: EventEmitter<any>;
     constructor();
-    onChange(e: SelectChangeEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "stc-select", never, { "selectedItemTemplate": { "alias": "selectedItemTemplate"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+    search(event: AutoCompleteCompleteEvent): void;
+    onSelect(event: AutoCompleteSelectEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "stc-auto-complete", never, { "selectedItemTemplate": { "alias": "selectedItemTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; "minLengthToSearch": { "alias": "minLengthToSearch"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; }, { "onSearch": "onSearch"; "selectOption": "selectOption"; }, never, never, true, never>;
 }
 
 declare class DatePickerComponent extends BaseInputComponent {
@@ -196,27 +222,30 @@ declare class DatePickerComponent extends BaseInputComponent {
     nowTime: Date;
     selectionMode: 'single' | 'range';
     onAfterClearDate: EventEmitter<void>;
+    variant: 'in' | 'over' | 'on';
     constructor();
     selectCurrentTime(e: any): void;
     clearButtonClick(e: any): void;
     afterClearDate(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "stc-date-picker", never, { "showIcon": { "alias": "showIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "isTimeOnly": { "alias": "isTimeOnly"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, { "onAfterClearDate": "onAfterClearDate"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "stc-date-picker", never, { "showIcon": { "alias": "showIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "isTimeOnly": { "alias": "isTimeOnly"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "onAfterClearDate": "onAfterClearDate"; }, never, never, true, never>;
 }
 
-declare class AutoCompleteComponent extends BaseInputComponent {
-    selectedItemTemplate: TemplateRef<unknown> | null;
-    onSearch: EventEmitter<string>;
-    selectOption: EventEmitter<AutoCompleteSelectEvent>;
-    items: any[];
-    minLengthToSearch: number;
-    delay: number;
+declare class InputComponent extends BaseInputComponent {
+    type: 'text' | 'textarea';
+    contentType: 'text' | 'email' | 'number';
+    prefix: string;
+    rows: number;
+    cols: number;
+    autoResize: boolean;
     basicInput: boolean;
+    noStyle: boolean;
+    hideOptionalLabel: boolean;
+    inputDirection: 'ltr' | 'rtl' | 'inherit';
+    variant: 'in' | 'over' | 'on';
     constructor();
-    search(event: AutoCompleteCompleteEvent): void;
-    onSelect(event: AutoCompleteSelectEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "stc-auto-complete", never, { "selectedItemTemplate": { "alias": "selectedItemTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; "minLengthToSearch": { "alias": "minLengthToSearch"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; }, { "onSearch": "onSearch"; "selectOption": "selectOption"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "stc-input", never, { "type": { "alias": "type"; "required": false; }; "contentType": { "alias": "contentType"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "noStyle": { "alias": "noStyle"; "required": false; }; "hideOptionalLabel": { "alias": "hideOptionalLabel"; "required": false; }; "inputDirection": { "alias": "inputDirection"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 interface LabelValue<T> {
@@ -233,6 +262,27 @@ declare class SelectButtonComponent extends BaseInputComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectButtonComponent, "stc-select-button", never, { "options": { "alias": "options"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
 }
 
+declare class SelectComponent extends BaseInputComponent {
+    selectedItemTemplate: TemplateRef<unknown> | null;
+    optionTemplate: TemplateRef<unknown> | null;
+    options: unknown[];
+    optionLabel: string;
+    checkmark: boolean;
+    showClear: boolean;
+    editable: boolean;
+    filter: boolean;
+    multiple: boolean;
+    filterBy: string;
+    selectedItemsLabel: string;
+    basicInput: boolean;
+    variant: 'in' | 'over' | 'on';
+    change: EventEmitter<any>;
+    constructor();
+    onChange(e: SelectChangeEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "stc-select", never, { "selectedItemTemplate": { "alias": "selectedItemTemplate"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "basicInput": { "alias": "basicInput"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
 declare class SwitchComponent {
     label: string;
     key: string;
@@ -243,53 +293,6 @@ declare class SwitchComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "stc-switch", never, { "label": { "alias": "label"; "required": false; }; "key": { "alias": "key"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
 }
 
-declare class FormUtils {
-    static getFormControl(controlName: string, form: FormGroup): FormControl;
-}
-
-declare enum BasicErrorKeysEnum {
-    required = "REQUIRED",
-    email = "EMAIL",
-    pattern = "PATTERN",
-    invalidArFormat = "INVALID_AR_FORMAT",
-    invalidLink = "INVALID_LINK",
-    endDateBeforeStartDate = "END_DATE_BEFORE_START_DATE",
-    startDateEqualsEndDate = "START_DATE_EQUALS_END_DATE",
-    endTimeBeforeStartTime = "END_TIME_BEFORE_START_TIME",
-    startTimeEqualsEndTime = "START_TIME_EQUALS_END_TIME",
-    integer = "INTEGER",
-    positiveNumber = "POSITIVE_NUMBER",
-    fileSelected = "FILE_SELECTED",
-    default = "DEFAULT"
-}
-declare enum ErrorsWithValuesKeysEnum {
-    minlength = "MIN_LENGTH",
-    maxlength = "MAX_LENGTH",
-    min = "MIN",
-    max = "MAX",
-    maxSize = "MAX_SIZE",
-    maxFiles = "MAX_FILES",
-    allowedTypes = "ALLOWED_TYPES"
-}
-
-declare class ValidationErrorsPipe implements PipeTransform {
-    private formValidationService;
-    transform(errors: ValidationErrors | null, allowedKeys?: string[]): string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationErrorsPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ValidationErrorsPipe, "validationErrors", true>;
-}
-
-declare class FormValidationService {
-    private translate;
-    private getTranslation;
-    getErrorMessage(errorKey: string, errorValue: any): string;
-    private isBasicErrorKey;
-    private isErrorWithValueKey;
-    private getErrorWithValueMessage;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormValidationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FormValidationService>;
-}
-
 type InputType = "text" | "textarea";
 type InputContentType = "text" | "email" | "password" | "number";
 interface Dropdown<T = unknown> {
@@ -393,10 +396,10 @@ declare class UserAutocompleteCardComponent {
 }
 
 interface BreadcrumbItem {
-    notClickableBreadcrumb: boolean;
+    notClickable: boolean;
     label: string;
     routerLink: string;
-    isShownBreadcrumb: boolean;
+    isShown: boolean;
     extraBreadcrumbs?: BreadCrumbExtraData[];
 }
 interface BreadCrumbPosition {
@@ -408,7 +411,7 @@ declare class AppBreadcrumbComponent implements OnInit {
     private activatedRoute;
     private router;
     items: BreadcrumbItem[] | undefined;
-    isShownBreadcrumb: boolean;
+    isShown: boolean;
     constructor(activatedRoute: ActivatedRoute, router: Router);
     ngOnInit(): void;
     private _checkHiddenBreadcrumb;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corp-products/ui-components",
-  "version": "2.0.8",
+  "version": "3.0.0",
   "author": "shireen Omar",
   "description": "shared UI components across our apps",
   "peerDependencies": {