@indigina/ui-kit 1.0.77 → 1.0.78

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

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

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

@@ -0,0 +1,26 @@
+import { Renderer2 } from '@angular/core';
+import { ActiveToast, ToastrService } from 'ngx-toastr';
+export declare enum KitToastrType {
+    ERROR = "toast-error",
+    INFO = "toast-info",
+    SUCCESS = "toast-success",
+    WARNING = "toast-warning"
+}
+export interface KitToastrConfig {
+    type: KitToastrType;
+    message: string;
+    dismissible?: boolean;
+    title?: string;
+}
+export declare type KitToastr = ActiveToast<void>;
+export declare class KitToastrService {
+    private toastrService;
+    private renderer2;
+    constructor(toastrService: ToastrService, renderer2: Renderer2);
+    show(config: KitToastrConfig): KitToastr;
+    private getConfig;
+    private removeOverlayContainerClassIfToastsEmpty;
+    private addOverlayContainerClass;
+    private removeOverlayContainerClass;
+    private getOverlayContainer;
+}

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.0.77",
+  "version": "1.0.78",
   "peerDependencies": {
     "@angular/common": "12.1.5",
     "@angular/core": "12.1.5"
@@ -32,7 +32,8 @@
     "@progress/kendo-drawing": "1.10.1",
     "@progress/kendo-licensing": "1.1.4",
     "@progress/kendo-theme-default": "4.37.0",
-    "tslib": "2.3.1"
+    "tslib": "2.3.1",
+    "ngx-toastr": "12.0.0"
   },
   "engines": {
     "node": ">= 12",

package/public-api.d.ts

@@ -42,3 +42,5 @@ export { KitPillComponent } from './lib/components/kit-pill/kit-pill.component';
 export { KitPillModule } from './lib/components/kit-pill/kit-pill.module';
 export { KitTooltipDirective, KitTooltipPosition } from './lib/directives/kit-tooltip/kit-tooltip.directive';
 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';

package/styles/components/toastr.scss

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

package/styles/styles.scss

@@ -8,7 +8,9 @@
 @import "~@progress/kendo-theme-default/scss/checkbox";
 @import "~@progress/kendo-theme-default/scss/switch";
 @import "~@progress/kendo-theme-default/scss/tooltip";
+@import "~ngx-toastr/toastr";
 
 /* styles which need to be included by default into app styles */
 @import "common";
 @import "components/tooltip";
+@import "components/toastr";