@mediusinc/mng-commons 0.15.0 → 0.15.1

package/lib/components/form/autocomplete/autocomplete.component.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, ExistingProvider, Injector, OnDestroy, OnInit } from '@an
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { AutoComplete } from 'primeng/autocomplete';
-import { Observable } from 'rxjs';
+import { Observable, Subscription } from 'rxjs';
 import { ILookupDataProvider } from '../../../data-providers';
 import { MngFormlyFieldWrapperComponent } from '../formly/wrappers';
 import * as i0 from "@angular/core";
@@ -22,6 +22,9 @@ export declare class MngAutocompleteComponent implements OnInit, OnDestroy, Cont
     placeholder?: string;
     className: string | null;
     dropdownClassName: string | null;
+    showClear: boolean;
+    autoClear: boolean;
+    selectFirst: boolean;
     valueChangeEventEmitter: EventEmitter<any>;
     primeAutocomplete?: AutoComplete;
     private isInited;
@@ -34,6 +37,7 @@ export declare class MngAutocompleteComponent implements OnInit, OnDestroy, Cont
     itemsValueProperty?: string;
     autocompleteFormControl: FormControl;
     suggestions$: Observable<Array<any>>;
+    suggestionSubscription?: Subscription;
     constructor(injector: Injector, translate: TranslateService, formlyWrapper: MngFormlyFieldWrapperComponent);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -41,6 +45,7 @@ export declare class MngAutocompleteComponent implements OnInit, OnDestroy, Cont
     onSelect(value: any): void;
     onFocus(event: Event): void;
     onBlur(event: any): void;
+    onClear(event: Event): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -52,5 +57,5 @@ export declare class MngAutocompleteComponent implements OnInit, OnDestroy, Cont
     private i18nPopulateItems;
     private setSuggestionsFromItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngAutocompleteComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MngAutocompleteComponent, "mng-autocomplete", never, { "dataProvider": "dataProvider"; "dataKeyProperty": "dataKeyProperty"; "itemsValuePropertyInit": "itemsValueProperty"; "itemsLabelPropertyInit": "itemsLabelProperty"; "itemsLabelTranslate": "itemsLabelTranslate"; "inlineSearch": "inlineSearch"; "openOnFocus": "openOnFocus"; "multiselect": "multiselect"; "placeholder": "placeholder"; "className": "className"; "dropdownClassName": "dropdownClassName"; }, { "valueChangeEventEmitter": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngAutocompleteComponent, "mng-autocomplete", never, { "dataProvider": "dataProvider"; "dataKeyProperty": "dataKeyProperty"; "itemsValuePropertyInit": "itemsValueProperty"; "itemsLabelPropertyInit": "itemsLabelProperty"; "itemsLabelTranslate": "itemsLabelTranslate"; "inlineSearch": "inlineSearch"; "openOnFocus": "openOnFocus"; "multiselect": "multiselect"; "placeholder": "placeholder"; "className": "className"; "dropdownClassName": "dropdownClassName"; "showClear": "showClear"; "autoClear": "autoClear"; "selectFirst": "selectFirst"; }, { "valueChangeEventEmitter": "valueChange"; }, never, never, false>;
 }

package/lib/descriptors/field.descriptor.d.ts

@@ -185,6 +185,8 @@ export declare class FieldLookupDescriptor<T, ET> extends AFieldDescriptor<T, ET
     protected _dropdownClassName: string;
     protected _autocompleteOpenOnFocus: boolean;
     protected _autocompleteInlineSearch: boolean;
+    protected _autocompleteAutoClear: boolean;
+    protected _autocompleteSelectFirst: boolean;
     protected _dialogTableDescriptor?: TableDescriptor<T>;
     protected _dialogTableDataProvider?: ITableDataProvider<T, any>;
     constructor(editor: EditorDescriptor<ET>, property: string, modelType: ClassType<T> | null);
@@ -197,6 +199,8 @@ export declare class FieldLookupDescriptor<T, ET> extends AFieldDescriptor<T, ET
     get dataProvider(): ILookupDataProvider<T, any> | undefined;
     get autocompleteOpenOnFocus(): boolean;
     get autocompleteInlineSearch(): boolean;
+    get autocompleteAutoClear(): boolean;
+    get autocompleteSelectFirst(): boolean;
     get dropdownClassName(): string;
     get modelType(): ClassType<T> | null;
     get dialogTableDescriptor(): TableDescriptor<T> | undefined;
@@ -208,7 +212,7 @@ export declare class FieldLookupDescriptor<T, ET> extends AFieldDescriptor<T, ET
     withLookup<S>(lookup: (queryParam?: MediusQueryParam, service?: S, search?: string) => Observable<Array<T>>, serviceType?: Type<S>): this;
     withLookupDataProvider(dataProvider: ILookupDataProvider<T, any>): this;
     withConfig(config: FieldLookupConfig): this;
-    asAutocomplete(openOnFocus?: boolean, inlineSearch?: boolean): this;
+    asAutocomplete(openOnFocus?: boolean, inlineSearch?: boolean, selectFirst?: boolean, autoClear?: boolean): this;
     asDialog(lookupTableDescriptor: TableDescriptor<T>, tableDataProvider?: ITableDataProvider<T, any>): this;
     copy(): FieldLookupDescriptor<T, ET>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "peerDependencies": {
     "@angular/common": "~14.1.0",
     "@angular/core": "~14.1.0",

package/scss/mng-overrides/_theme_autocomplete.scss

@@ -0,0 +1,16 @@
+//clear icon
+p-autocomplete.p-autocomplete-clearable {
+    & .p-inputtext {
+        padding-right: 2rem;
+    }
+
+    & .p-autocomplete-clear-icon {
+        color: $secondaryButtonTextColor;
+        right: 0.5rem;
+    }
+
+    & .p-autocomplete-dd .p-autocomplete-clear-icon {
+        color: $secondaryButtonTextColor;
+        right: 2.857rem;
+    }
+}

package/scss/mng-overrides/_theme_styles.scss

@@ -7,6 +7,7 @@
 @import './_theme_forms';
 @import './_theme_datepicker';
 @import './_theme_toolbar';
+@import './_theme_autocomplete';
 
 .p-tabview-title-error {
     color: $errorColor !important;

package/version-info.json

@@ -1,10 +1,10 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "0.15.0",
-    "tag": "v0.15.0",
+    "version": "0.15.1",
+    "tag": "v0.15.1",
     "distance": 0,
-    "hash": "36e0c98c",
+    "hash": "6cca1f00",
     "dirty": false,
-    "semver": "0.15.0",
-    "raw": "v0.15.0-36e0c98c"
+    "semver": "0.15.1",
+    "raw": "v0.15.1-6cca1f00"
 }