@unipin/angular-applet 18.0.4 → 18.1.5

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

@@ -0,0 +1,40 @@
+import { ChangeDetectorRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { Country } from '../../../../graphql/generated';
+import { CountryService } from '../../../services';
+import * as i0 from "@angular/core";
+export declare class FormCountryInputComponent implements ControlValueAccessor, Validator, OnInit, OnDestroy {
+    placeholder: string;
+    protected readonly ch: ChangeDetectorRef;
+    protected readonly countryService: CountryService;
+    clearable: boolean;
+    required: boolean;
+    disabled: boolean;
+    onChange: EventEmitter<Country | undefined | null>;
+    items: {
+        label: string;
+        value: string;
+        data: Country;
+    }[];
+    isLoading: boolean;
+    isTouched: boolean;
+    value: any | null;
+    errorMsg: string;
+    protected formControl: AbstractControl;
+    protected changed: (_val: any) => void;
+    protected onTouched: () => void;
+    protected sub?: Subscription;
+    constructor(placeholder: string, ch: ChangeDetectorRef, countryService: CountryService);
+    ngOnInit(): void;
+    ngOnDestroy(): 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;
+    protected setIsLoading(b: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormCountryInputComponent, [{ attribute: "placeholder"; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCountryInputComponent, "up-country-input", never, { "clearable": { "alias": "clearable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

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

@@ -1,37 +1,29 @@
-import { ChangeDetectorRef, OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
-import { Observable, Subject } from 'rxjs';
+import { Subscription } from 'rxjs';
+import { Currency } from '../../../../graphql/generated';
 import { CurrencyService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class FormCurrencyInputComponent implements ControlValueAccessor, Validator, OnChanges {
+export declare class FormCurrencyInputComponent implements ControlValueAccessor, Validator, OnInit, OnDestroy {
+    placeholder: string;
     numberPlaceholder: string;
     protected readonly ch: ChangeDetectorRef;
     protected readonly currencyService: CurrencyService;
     clearable: boolean;
     isInputNumber: boolean;
-    label: 'Currency' | 'Country';
-    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;
+        selectedItem?: Currency;
         number: number | null;
     }>;
-    readonly typeahead: Subject<string>;
-    protected readonly query$: Observable<any[]>;
-    items$: Observable<any[]>;
+    items: {
+        label: string;
+        value: string;
+        data: Currency;
+    }[];
     isLoading: boolean;
     isTouched: boolean;
     value: any | null;
@@ -40,8 +32,11 @@ export declare class FormCurrencyInputComponent implements ControlValueAccessor,
     protected decimalLimiter: number;
     protected changed: (_val: any) => void;
     protected onTouched: () => void;
-    constructor(numberPlaceholder: string, ch: ChangeDetectorRef, currencyService: CurrencyService);
-    ngOnChanges(changes: SimpleChanges): void;
+    protected sub?: Subscription;
+    protected selectedItem?: Currency;
+    constructor(placeholder: string, numberPlaceholder: string, ch: ChangeDetectorRef, currencyService: CurrencyService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(val: any): void;
@@ -50,7 +45,7 @@ export declare class FormCurrencyInputComponent implements ControlValueAccessor,
     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; }; "label": { "alias": "label"; "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>;
+    protected setIsLoading(b: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormCurrencyInputComponent, [{ attribute: "placeholder"; }, { attribute: "numberPlaceholder"; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCurrencyInputComponent, "up-currency-input", never, { "clearable": { "alias": "clearable"; "required": false; }; "isInputNumber": { "alias": "isInputNumber"; "required": false; }; "numberValue": { "alias": "numberValue"; "required": false; }; "isNumberDisabled": { "alias": "isNumberDisabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
 }

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

@@ -7,3 +7,4 @@ 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';
+export { FormCountryInputComponent } from './country-input/form-country-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, FormCurrencyInputComponent } from './forms';
+export { FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FormCurrencyInputComponent, FormCountryInputComponent } from './forms';
 export { GridConfig, GridPaginationComponent, GridService, GridSnapshotComponent } from './grids';
 export { TabContentComponent, TabGroupComponent, TabsComponentModule } from './tabs';
 export { AuditListComponent, AuditDetailComponent } from './audit';

package/lib/utils/contrast-color-generator/contrast-color-generator.util.d.ts

@@ -0,0 +1,4 @@
+export declare function generateContrastColor(str: string): {
+    background: `#${string}`;
+    color: `#${string}`;
+};

package/lib/utils/format-capitalize/format-capitalize.util.d.ts

@@ -0,0 +1 @@
+export declare function formatCapitalize(str: string | string[], eachWord?: boolean, separator?: string): string;

package/lib/utils/index.d.ts

@@ -1 +1,3 @@
-export { getFormErrorMessage } from './form-error-message.util';
+export { formatCapitalize } from './format-capitalize/format-capitalize.util';
+export { getFormErrorMessage } from './form-error-message/form-error-message.util';
+export { generateContrastColor } from './contrast-color-generator/contrast-color-generator.util';

package/package.json

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

package/public-api.d.ts

@@ -1,10 +1,10 @@
-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 { ButtonGroupConfig, ButtonGroupComponent, ButtonLoadingComponent, FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FormCurrencyInputComponent, FormCountryInputComponent, 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';
 export { bootstrap, LoadingPage, UnauthorizedPage, PermissionDirective, PermissionGuard, PermissionService, PermissionModule } from './lib/modules';
 export { AuthResolver } from './lib/resolvers';
 export { AuthService, CurrencyService, CountryService, ProfileService } from './lib/services';
-export { getFormErrorMessage } from './lib/utils';
+export { formatCapitalize, generateContrastColor, getFormErrorMessage, } from './lib/utils';
 export { GridApi, GridReadyEvent, ICellRendererParams, ValueFormatterParams, SelectionChangedEvent } from '@ag-grid-community/core';
 export { ICellRendererAngularComp } from '@ag-grid-community/angular';

package/esm2022/lib/utils/form-error-message.util.mjs

@@ -1,21 +0,0 @@
-const errMessage = {
-    email: (label) => `${label} is not a valid email`,
-    required: (label) => `${label} is required`,
-    minlength: (label, length) => `${label} must be at least ${length} characters`,
-    maxlength: (label, length) => `${label} must not exceed ${length} characters`,
-    max: (label, max) => `${label} value must be lower than ${max}`,
-    min: (label, min) => `${label} value must be larger than ${min}`,
-};
-const extraParamKey = {
-    minlength: 'requiredLength',
-    maxlength: 'requiredLength',
-    max: 'max',
-    min: 'min'
-};
-export function getFormErrorMessage(err, label) {
-    if (!err)
-        return '';
-    const key = Object.keys(err)[0];
-    return errMessage[key](label ?? 'Column', err[key][extraParamKey[key]]);
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1lcnJvci1tZXNzYWdlLnV0aWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91bmlwaW4tYW5ndWxhci9zcmMvbGliL3V0aWxzL2Zvcm0tZXJyb3ItbWVzc2FnZS51dGlsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sVUFBVSxHQUF5RDtJQUN2RSxLQUFLLEVBQUUsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFDLEdBQUksS0FBTSx1QkFBdUI7SUFDM0QsUUFBUSxFQUFFLENBQUMsS0FBYSxFQUFFLEVBQUUsQ0FBQyxHQUFJLEtBQU0sY0FBYztJQUNyRCxTQUFTLEVBQUUsQ0FBQyxLQUFhLEVBQUUsTUFBZSxFQUFFLEVBQUUsQ0FBQyxHQUFJLEtBQU0scUJBQXNCLE1BQU8sYUFBYTtJQUNuRyxTQUFTLEVBQUUsQ0FBQyxLQUFhLEVBQUUsTUFBZSxFQUFFLEVBQUUsQ0FBQyxHQUFJLEtBQU0sb0JBQXFCLE1BQU8sYUFBYTtJQUNsRyxHQUFHLEVBQUUsQ0FBQyxLQUFhLEVBQUUsR0FBWSxFQUFFLEVBQUUsQ0FBQyxHQUFJLEtBQU0sNkJBQThCLEdBQUksRUFBRTtJQUNwRixHQUFHLEVBQUUsQ0FBQyxLQUFhLEVBQUUsR0FBWSxFQUFFLEVBQUUsQ0FBQyxHQUFJLEtBQU0sOEJBQStCLEdBQUksRUFBRTtDQUN0RixDQUFDO0FBRUYsTUFBTSxhQUFhLEdBQTRCO0lBQzdDLFNBQVMsRUFBRSxnQkFBZ0I7SUFDM0IsU0FBUyxFQUFFLGdCQUFnQjtJQUMzQixHQUFHLEVBQUUsS0FBSztJQUNWLEdBQUcsRUFBRSxLQUFLO0NBQ1gsQ0FBQztBQVFGLE1BQU0sVUFBVSxtQkFBbUIsQ0FBQyxHQUE0QixFQUFFLEtBQWM7SUFDOUUsSUFBSSxDQUFDLEdBQUc7UUFBRSxPQUFPLEVBQUUsQ0FBQztJQUVwQixNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2hDLE9BQU8sVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssSUFBRyxRQUFRLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDekUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZhbGlkYXRpb25FcnJvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmNvbnN0IGVyck1lc3NhZ2U6IHsgW2s6IHN0cmluZ106IChsOiBzdHJpbmcsIGFyZz86IG51bWJlcikgPT4gc3RyaW5nIH0gPSB7XG4gIGVtYWlsOiAobGFiZWw6IHN0cmluZykgPT4gYCR7IGxhYmVsIH0gaXMgbm90IGEgdmFsaWQgZW1haWxgLFxuICByZXF1aXJlZDogKGxhYmVsOiBzdHJpbmcpID0+IGAkeyBsYWJlbCB9IGlzIHJlcXVpcmVkYCxcbiAgbWlubGVuZ3RoOiAobGFiZWw6IHN0cmluZywgbGVuZ3RoPzogbnVtYmVyKSA9PiBgJHsgbGFiZWwgfSBtdXN0IGJlIGF0IGxlYXN0ICR7IGxlbmd0aCB9IGNoYXJhY3RlcnNgLFxuICBtYXhsZW5ndGg6IChsYWJlbDogc3RyaW5nLCBsZW5ndGg/OiBudW1iZXIpID0+IGAkeyBsYWJlbCB9IG11c3Qgbm90IGV4Y2VlZCAkeyBsZW5ndGggfSBjaGFyYWN0ZXJzYCxcbiAgbWF4OiAobGFiZWw6IHN0cmluZywgbWF4PzogbnVtYmVyKSA9PiBgJHsgbGFiZWwgfSB2YWx1ZSBtdXN0IGJlIGxvd2VyIHRoYW4gJHsgbWF4IH1gLFxuICBtaW46IChsYWJlbDogc3RyaW5nLCBtaW4/OiBudW1iZXIpID0+IGAkeyBsYWJlbCB9IHZhbHVlIG11c3QgYmUgbGFyZ2VyIHRoYW4gJHsgbWluIH1gLFxufTtcblxuY29uc3QgZXh0cmFQYXJhbUtleTogeyBbazogc3RyaW5nXTogc3RyaW5nIH0gPSB7XG4gIG1pbmxlbmd0aDogJ3JlcXVpcmVkTGVuZ3RoJyxcbiAgbWF4bGVuZ3RoOiAncmVxdWlyZWRMZW5ndGgnLFxuICBtYXg6ICdtYXgnLFxuICBtaW46ICdtaW4nXG59O1xuXG4vKipcbiAqIEEgZnVuY3Rpb24gdGhhdCBnZXQgZGV0YWlsIGVycm9yIGRlc2NyaXB0aW9uIGJhc2VkIG9uIHBhcmFtIGVyci5cbiAqIEBwYXJhbSB7VmFsaWRhdGlvbkVycm9ycyB8IG51bGx9IGVyciAtIENvbnRhaW4gZXJyb3IgZnJvbSB0aGUgZm9ybSBpbnB1dC5cbiAqIEBwYXJhbSB7c3RyaW5nfSBsYWJlbCAtIENvbnRhaW4gbGFiZWwgbmFtZSBvZiB0aGUgZm9ybSBpbnB1dC5cbiAqIEByZXR1cm5zIHtzdHJpbmd9IENvbnRhaW4gZWl0aGVyIGRldGFpbCBlcnJvciBkZXNjcmlwdGlvbiBvciBlbXB0eSBzdHJpbmcgKCcnKVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Rm9ybUVycm9yTWVzc2FnZShlcnI6IFZhbGlkYXRpb25FcnJvcnMgfCBudWxsLCBsYWJlbD86IHN0cmluZyk6IHN0cmluZ3tcbiAgaWYgKCFlcnIpIHJldHVybiAnJztcblxuICBjb25zdCBrZXkgPSBPYmplY3Qua2V5cyhlcnIpWzBdO1xuICByZXR1cm4gZXJyTWVzc2FnZVtrZXldKGxhYmVsPz8gJ0NvbHVtbicsIGVycltrZXldW2V4dHJhUGFyYW1LZXlba2V5XV0pO1xufVxuIl19