@indigina/ui-kit 1.1.101 → 1.1.103

package/lib/components/kit-autocomplete/kit-autocomplete.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, InputSignal, OutputEmitterRef } from '@angular/core';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
 import { ControlValueAccessor } from '@angular/forms';
-import { Observable } from 'rxjs';
 import { PopupSettings } from '@progress/kendo-angular-dropdowns';
 import * as i0 from "@angular/core";
 export interface KitAutocompleteItem<T> {
@@ -26,7 +25,7 @@ export declare class KitAutocompleteComponent<T> implements ControlValueAccessor
     /**
      * An item which is going to be an autocomplete selected value
      */
-    selectedValue?: KitAutocompleteItem<T> | null;
+    selectedValue: T | null;
     /**
      * Defines whether the component will be in disabled state
      */
@@ -48,13 +47,25 @@ export declare class KitAutocompleteComponent<T> implements ControlValueAccessor
      */
     invalid?: boolean;
     /**
-     * An action which is emitted when input value changed
+     * Specifies whether the autocomplete allows user-defined values
      */
-    changed: EventEmitter<string>;
+    readonly allowCustom: InputSignal<boolean>;
+    /**
+     * Specifies whether the autocomplete popup will be closed if no filter data found
+     */
+    readonly closePopupIfDataNotFound: InputSignal<boolean>;
+    /**
+     * An action which is emitted each time the user types in the input field
+     */
+    readonly filterChanged: OutputEmitterRef<string>;
+    /**
+     * An action which is emitted each time when value is changed and component is blurred
+     */
+    readonly valueChanged: OutputEmitterRef<string>;
     /**
      * An action which is emitted once an item in the dropdown is selected
      */
-    selected: EventEmitter<KitAutocompleteItem<T> | null>;
+    readonly selectionChanged: OutputEmitterRef<T | null>;
     /**
      * An action which is emitted when input lost focus
      */
@@ -64,11 +75,6 @@ export declare class KitAutocompleteComponent<T> implements ControlValueAccessor
      */
     focused: EventEmitter<void>;
     private combobox;
-    /**
-     * Function that emit normalized selected dropdown list item in case when
-     * inputted data changed and component lost focus
-     */
-    readonly normalizedSelectedValue$: (text$: Observable<string>) => Observable<KitAutocompleteItem<T> | null>;
     /**
      * Settings for popup that will be opened as dropdown options list
      */
@@ -78,14 +84,9 @@ export declare class KitAutocompleteComponent<T> implements ControlValueAccessor
      * Callback function that return dropdown list item text
      */
     getOptionText(item: KitAutocompleteItem<T>): string;
-    /**
-     * Function that is called when input value changed
-     */
+    onValueChange(value: string): void;
     onFilterChange(value: string): void;
-    /**
-     * Function that is called when dropdown list item selected
-     */
-    onValueSelect(item: KitAutocompleteItem<T> | null): void;
+    onSelectionChange(item: KitAutocompleteItem<T> | null): void;
     /**
      * Function that is called when input field lost focus
      */
@@ -101,15 +102,15 @@ export declare class KitAutocompleteComponent<T> implements ControlValueAccessor
     /**
      * Function that should be called every time the form control value changes
      */
-    onChange: (value: KitAutocompleteItem<T> | null) => void;
+    onChange: (value: T | null) => void;
     /**
      * Function that should be called when input lost focus and changed form control state to "touched"
      */
     onTouched: () => void;
-    writeValue(value: KitAutocompleteItem<T>): void;
-    registerOnChange(fn: (_: KitAutocompleteItem<T> | null) => void): void;
+    writeValue(value: T): void;
+    registerOnChange(fn: (_: T | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitAutocompleteComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitAutocompleteComponent<any>, "kit-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loaderVisible": { "alias": "loaderVisible"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; }, { "changed": "changed"; "selected": "selected"; "blured": "blured"; "focused": "focused"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitAutocompleteComponent<any>, "kit-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loaderVisible": { "alias": "loaderVisible"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "allowCustom": { "alias": "allowCustom"; "required": false; "isSignal": true; }; "closePopupIfDataNotFound": { "alias": "closePopupIfDataNotFound"; "required": false; "isSignal": true; }; }, { "filterChanged": "filterChanged"; "valueChanged": "valueChanged"; "selectionChanged": "selectionChanged"; "blured": "blured"; "focused": "focused"; }, never, never, false, never>;
 }

package/lib/components/kit-notification/kit-notification.component.d.ts

@@ -1,21 +1,20 @@
-import { ElementRef, Renderer2, Signal } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, Renderer2, Signal } from '@angular/core';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
-import { KitNotificationType, KitNotification } from './kit-notification.const';
+import { KitNotification } from './kit-notification.const';
 import { KitNotificationService } from './kit-notification.service';
 import * as i0 from "@angular/core";
-export declare class KitNotificationComponent {
+export declare class KitNotificationComponent implements OnInit, OnDestroy {
     private readonly renderer;
     private readonly el;
     private readonly notificationService;
     appendTo: string;
     readonly notifications: Signal<KitNotification[]>;
-    readonly closeIcon: KitSvgIcon;
+    readonly kitSvgIcon: typeof KitSvgIcon;
     private appendedElement;
     constructor(renderer: Renderer2, el: ElementRef, notificationService: KitNotificationService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     removeNotification(id: number): void;
-    getNotificationType(type: KitNotificationType): string;
     private appendToTarget;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitNotificationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KitNotificationComponent, "kit-notification", never, { "appendTo": { "alias": "appendTo"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts

@@ -135,7 +135,9 @@ export declare enum KitSvgIcon {
     NOTIFICATION = "notification",
     COLUMNS = "columns",
     DETAILS = "details",
-    FILTER = "filter"
+    FILTER = "filter",
+    NOTIFICATION_SUCCESS = "notification-success",
+    NOTIFICATION_WARNING = "notification-warning"
 }
 export declare enum KitSvgIconType {
     FILL = "fill",

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.101",
+  "version": "1.1.103",
   "peerDependencies": {
     "@angular/common": "^18.2.6",
     "@angular/core": "^18.2.6"

package/styles/theming.scss

@@ -12,6 +12,7 @@
   --ui-kit-color-selected: #3678c366;
   --ui-kit-color-active: #3678c3;
   --ui-kit-color-focus: #56a2f733;
+  --ui-kit-color-background: #e4eeff;
 
   --ui-kit-color-grey-0: #252b30;
   --ui-kit-color-grey-2: #a7b2c3;