@unipin/angular-applet 17.3.0 → 17.4.0

package/lib/components/containers/list-container/interfaces/list-container-config.interface.d.ts

@@ -1,10 +1,9 @@
+import { ButtonGroupConfig } from '../../../buttons';
 import { GridConfig } from '../../../grids/interfaces/grid-config.interface';
 import { FilterConfig } from '../../../filter/interfaces/filter-config.interface';
 export interface ListContainerConfig {
     baseUrl: `${string}/`;
+    buttons?: ButtonGroupConfig[];
     gridConfig: GridConfig;
     filterConfig?: FilterConfig;
-    permissions: {
-        canCreate: boolean;
-    };
 }

package/lib/components/forms/currency-input/form-currency-input.component.d.ts

@@ -0,0 +1,55 @@
+import { ChangeDetectorRef, OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { Observable, Subject } from 'rxjs';
+import { CurrencyService } from '../../../services';
+import * as i0 from "@angular/core";
+export declare class FormCurrencyInputComponent implements ControlValueAccessor, Validator, OnChanges {
+    numberPlaceholder: string;
+    protected readonly ch: ChangeDetectorRef;
+    protected readonly currencyService: CurrencyService;
+    clearable: boolean;
+    isInputNumber: boolean;
+    initialItems: {
+        label: string;
+        value: string;
+        magnifyValue: number;
+    }[];
+    numberValue: number | null;
+    isNumberDisabled: boolean;
+    required: boolean;
+    disabled: boolean;
+    bindLabel: string;
+    bindValue: string;
+    onChange: EventEmitter<{
+        ccy: {
+            label: string;
+            value: string;
+            magnifyValue: number;
+        } | any;
+        number: number | null;
+    }>;
+    readonly typeahead: Subject<string>;
+    protected readonly query$: Observable<any[]>;
+    items$: Observable<any[]>;
+    isLoading: boolean;
+    isTouched: boolean;
+    value: any | null;
+    errorMsg: string;
+    protected formControl: AbstractControl;
+    protected decimalLimiter: number;
+    protected changed: (_val: any) => void;
+    protected onTouched: () => void;
+    constructor(numberPlaceholder: string, ch: ChangeDetectorRef, currencyService: CurrencyService);
+    ngOnChanges(changes: SimpleChanges): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(val: any): void;
+    setDisabledState?(d: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    change(e?: any): void;
+    numberInput({ value }: any): void;
+    limitDecimal({ charCode, preventDefault, target: { value } }: any): void;
+    protected queryFunc(keyword: string): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormCurrencyInputComponent, [{ attribute: "numberPlaceholder"; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCurrencyInputComponent, "up-currency-input", never, { "clearable": { "alias": "clearable"; "required": false; }; "isInputNumber": { "alias": "isInputNumber"; "required": false; }; "initialItems": { "alias": "initialItems"; "required": false; }; "numberValue": { "alias": "numberValue"; "required": false; }; "isNumberDisabled": { "alias": "isNumberDisabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/lib/components/forms/date/form-date.component.d.ts

@@ -11,6 +11,7 @@ export declare class FormDateComponent implements ControlValueAccessor, Validato
     presentation: 'date' | 'date-time';
     isTouched: boolean;
     value: string;
+    localValue: string;
     dateFormat: string;
     errorMsg: string;
     protected formControl: AbstractControl;

package/lib/components/forms/index.d.ts

@@ -6,3 +6,4 @@ export { FormSearchableSelectComponent } from './searchable-select/form-searchab
 export { FormSelectComponent } from './select/form-select.component';
 export { FormTextareaComponent } from './textarea/form-textarea.component';
 export { FormImagePickerComponent } from './image-picker/form-image-picker.component';
+export { FormCurrencyInputComponent } from './currency-input/form-currency-input.component';

package/lib/components/index.d.ts

@@ -1,7 +1,7 @@
 export { ButtonGroupComponent, ButtonGroupConfig, ButtonLoadingComponent } from './buttons';
 export { AppletContainerComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, ListContainerConfig, ListPaginationContainerComponent, ListSnapshotContainerComponent, ModalContainerComponent } from './containers';
 export { FilterComponent, FilterConfig, FilterField, FilterSearchEvent } from './filter';
-export { FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent } from './forms';
+export { FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FormCurrencyInputComponent } from './forms';
 export { GridConfig, GridPaginationComponent, GridService, GridSnapshotComponent } from './grids';
 export { TabContentComponent, TabGroupComponent, TabsComponentModule } from './tabs';
 export { AuditListComponent, AuditDetailComponent } from './audit';

package/lib/services/currency/currency.service.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class CurrencyService {
     protected readonly apollo: Apollo;
     constructor(apollo: Apollo);
-    query(): Observable<ApolloQueryResult<{
+    query(keyword?: string): Observable<ApolloQueryResult<{
         webConfigMsCurrency: {
             data: Currency[];
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unipin/angular-applet",
-  "version": "17.3.0",
+  "version": "17.4.0",
   "sideEffects": false,
   "homepage": "https://backoffice.unipin.com/",
   "description": "Angular specific wrappers for UniPin applet",

package/public-api.d.ts

@@ -1,4 +1,4 @@
-export { ButtonGroupConfig, ButtonGroupComponent, ButtonLoadingComponent, FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FilterConfig, FilterField, FilterSearchEvent, FilterComponent, GridConfig, GridService, GridPaginationComponent, GridSnapshotComponent, AppletContainerComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, ListContainerConfig, ListPaginationContainerComponent, ListSnapshotContainerComponent, ModalContainerComponent, TabGroupComponent, TabContentComponent, TabsComponentModule, AuditListComponent, AuditDetailComponent, ApprovalListComponent, ApprovalDetailComponent } from './lib/components';
+export { ButtonGroupConfig, ButtonGroupComponent, ButtonLoadingComponent, FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FormCurrencyInputComponent, FilterConfig, FilterField, FilterSearchEvent, FilterComponent, GridConfig, GridService, GridPaginationComponent, GridSnapshotComponent, AppletContainerComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, ListContainerConfig, ListPaginationContainerComponent, ListSnapshotContainerComponent, ModalContainerComponent, TabGroupComponent, TabContentComponent, TabsComponentModule, AuditListComponent, AuditDetailComponent, ApprovalListComponent, ApprovalDetailComponent } from './lib/components';
 export { AuthGuard } from './lib/guards';
 export { HeaderInterceptor, RefreshTokenInterceptor } from './lib/interceptors';
 export { User } from './lib/interfaces';

package/src/assets/scss/select.scss

@@ -12,7 +12,7 @@ $ng-select-marked-text: $ng-select-primary-text !default;
 
 $ng-select-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1) !default;
 $ng-select-placeholder: lighten($ng-select-primary-text, 40) !default;
-$ng-select-height: 36px !default;
+$ng-select-height: 38px !default;
 $ng-select-value-padding-left: 10px !default;
 $ng-select-value-font-size: 0.9em !default;
 // $ng-select-value-text: $ng-select-primary-text !default;