@indigina/ui-kit 1.0.78 → 1.0.82

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

@@ -0,0 +1,102 @@
+import { EventEmitter } from '@angular/core';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { AbstractControl } from '@angular/forms';
+import { DateRangePopupComponent } from '@progress/kendo-angular-dateinputs';
+export declare enum KitDaterangeType {
+    DEFAULT = "default",
+    BUTTON = "button"
+}
+export declare enum KitDaterangeIconPosition {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare class KitDaterangeComponent {
+    type: KitDaterangeType;
+    /**
+     * Defines a value that is going to be applied as a daterange button label
+     */
+    label?: string;
+    /**
+     * Defines a value that is going to be applied as a daterange start input label
+     */
+    startLabel?: string;
+    /**
+     * Defines a value that is going to be applied as a daterange end input label
+     */
+    endLabel?: string;
+    /**
+     * Defines a value that is going to be applied as a daterange start input placeholder
+     */
+    startPlaceholder?: string;
+    /**
+     * Defines a value that is going to be applied as a daterange end input placeholder
+     */
+    endPlaceholder?: string;
+    /**
+     * Defines a value that is going to be applied as a daterange format
+     */
+    format: string;
+    /**
+     * Defines a value that is going to be applied as a default daterange start date value
+     */
+    defaultStartDate?: Date;
+    /**
+     * Defines a value that is going to be applied as a default daterange end date value
+     */
+    defaultEndDate?: Date;
+    /**
+     * Specifies the smallest valid date
+     */
+    min?: Date;
+    /**
+     * Specifies the biggest valid date
+     */
+    max?: Date;
+    /**
+     * Defines whether the component will be in disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Defines a state whether the component will be valid or not
+     */
+    isValid?: boolean;
+    /**
+     * Defines a value which used to set position of the calendar icon
+     */
+    iconPosition: KitDaterangeIconPosition;
+    /**
+     * Defines an icon which will be used to the left of the info message
+     */
+    messageIcon?: KitSvgIcon;
+    /**
+     * Defines a value which going to be an info message text
+     */
+    messageText?: string;
+    /**
+     * Defines a value that is going to be applied as a start date form control
+     */
+    startDateControl: AbstractControl;
+    /**
+     * Defines a value that is going to be applied as an end date form control
+     */
+    endDateControl: AbstractControl;
+    /**
+     * An action which is emitted when start date changed
+     */
+    startDateChanged: EventEmitter<Date>;
+    /**
+     * An action which is emitted when end date changed
+     */
+    endDateChanged: EventEmitter<Date>;
+    popup: DateRangePopupComponent;
+    /**
+     * An icon which will be used in a daterange input icon
+     */
+    readonly icon: KitSvgIcon;
+    readonly KitDaterangeType: typeof KitDaterangeType;
+    readonly KitDaterangeIconPosition: typeof KitDaterangeIconPosition;
+    openCalendarPopup(): void;
+    onStartDateChange(value: Date): void;
+    onEndDateChange(value: Date): void;
+    onBlur(): void;
+}

package/lib/components/kit-daterange/kit-daterange.module.d.ts

@@ -0,0 +1,2 @@
+export declare class KitDaterangeModule {
+}

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

@@ -31,5 +31,7 @@ export declare enum KitSvgIcon {
     LTL = "ltl",
     ORG = "org",
     ARCHIVE = "archive",
-    LOGOUT = "logout"
+    LOGOUT = "logout",
+    CONTAINER = "container",
+    CARRIER = "carrier"
 }

package/lib/components/kit-toastr/kit-toastr.service.d.ts

@@ -1,4 +1,4 @@
-import { Renderer2 } from '@angular/core';
+import { RendererFactory2 } from '@angular/core';
 import { ActiveToast, ToastrService } from 'ngx-toastr';
 export declare enum KitToastrType {
     ERROR = "toast-error",
@@ -15,8 +15,9 @@ export interface KitToastrConfig {
 export declare type KitToastr = ActiveToast<void>;
 export declare class KitToastrService {
     private toastrService;
+    private rendererFactory2;
     private renderer2;
-    constructor(toastrService: ToastrService, renderer2: Renderer2);
+    constructor(toastrService: ToastrService, rendererFactory2: RendererFactory2);
     show(config: KitToastrConfig): KitToastr;
     private getConfig;
     private removeOverlayContainerClassIfToastsEmpty;

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.0.78",
+  "version": "1.0.82",
   "peerDependencies": {
     "@angular/common": "12.1.5",
     "@angular/core": "12.1.5"

package/public-api.d.ts

@@ -44,3 +44,5 @@ export { KitTooltipDirective, KitTooltipPosition } from './lib/directives/kit-to
 export { KitTooltipModule } from './lib/directives/kit-tooltip/kit-tooltip.module';
 export { KitToastrModule } from './lib/components/kit-toastr/kit-toastr.module';
 export { KitToastrService, KitToastrConfig, KitToastrType } from './lib/components/kit-toastr/kit-toastr.service';
+export { KitDaterangeComponent, KitDaterangeType, KitDaterangeIconPosition } from './lib/components/kit-daterange/kit-daterange.component';
+export { KitDaterangeModule } from './lib/components/kit-daterange/kit-daterange.module';

package/styles/colors.scss

@@ -19,6 +19,7 @@ $color-neutral-gray-charcoal: #27282a;
 $color-ghost: #cce1e9;
 $color-main: #56a2f7;
 $color-main-20: #ddecfd;
+$color-main-50: #aad0fb;
 $color-second: #00b0ad;
 $color-disabled: #ebebe4;
 

package/styles/components/toastr.scss

@@ -1,7 +1,8 @@
 @import "../spacings";
 @import "../colors";
 
-$z-index-base: 5000;
+$z-index-base: 4500;
+$z-index-toast-container: $z-index-base + 500;
 
 @mixin overlay-backdrop {
   content: "";
@@ -9,12 +10,13 @@ $z-index-base: 5000;
   inset: 0;
   background-color: $color-black;
   opacity: 0.8;
-  z-index: $z-index-base;
+  z-index: $z-index-toast-container;
 }
 
 .kit-overlay-container {
   position: fixed;
   inset: 0;
+  z-index: $z-index-base;
 
   .toast-container:before {
     @include overlay-backdrop;
@@ -23,7 +25,7 @@ $z-index-base: 5000;
   .kit-toastr {
     margin-top: $spacing-20;
     box-shadow: none;
-    z-index: $z-index-base + 1;
+    z-index: $z-index-toast-container + 1;
 
     &:hover:not(.kit-toastr-dismissible) {
       cursor: default;