@annalib/anna-core 10.2.4 → 10.2.6

package/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts

@@ -52,7 +52,7 @@ export interface IGtGeneralConfig extends ISpotTableConfig {
     bufferSize: number;
     page: string;
 }
-declare type COMPONENTNAME = "SPOTDETAILS" | "EXCLUDEINVENTORYPOPUP" | "EXCLUDEINVENTORY" | "DRRLISTING" | "DRR" | "" | "RATING" | "ORDER_LISTING_INFLIGHT" | "ORDER_LISTING_COMPLETED" | "ORDER_LISTING_BLANK" | "LUR_VIOLATIONS" | "ACTIVITYLOG";
+declare type COMPONENTNAME = "SPOTDETAILS" | "EXCLUDEINVENTORYPOPUP" | "EXCLUDEINVENTORY" | "DRRLISTING" | "DRR" | "" | "RATING" | "ORDER_LISTING_INFLIGHT" | "ORDER_LISTING_COMPLETED" | "ORDER_LISTING_BLANK" | "LUR_VIOLATIONS" | "ACTIVITYLOG" | "NOTIFICATIONS";
 interface ISpotTableConfig {
     isGrouped: boolean;
 }

package/lib/anna-core-shared-lib/services/anna-persisting-filter.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class AnnaPersistingFilterService {
+    constructor();
+    storeKeyValueInLocalStorage(val: any, isFilterKey?: boolean): string;
+    getActualQueryParams(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnnaPersistingFilterService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AnnaPersistingFilterService>;
+}

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@annalib/anna-core",
-  "version": "10.2.4",
+  "version": "10.2.6",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^2.0.3",
     "@angular/common": "^14.3.0",
     "@angular/core": "^14.3.0",
     "@angular/material": "^14.2.7",
     "@ng-bootstrap/ng-bootstrap": "^13.1.1",
-    "lodash-es": "^4.17.21",
     "dayjs": "^1.11.7",
-    "ngx-skeleton-loader": "^2.10.1",
-    "ng-circle-progress": "^1.6.0"
+    "lodash-es": "^4.17.21",
+    "ng-circle-progress": "^1.6.0",
+    "ngx-skeleton-loader": "^2.10.1"
   },
   "dependencies": {
     "tslib": "^2.5.0"

package/public-api.d.ts

@@ -13,6 +13,7 @@ export * from "./lib/anna-core-shared-lib/services/anna-filter.service";
 export * from "./lib/anna-core-shared-lib/services/anna-sort.service";
 export * from "./lib/anna-core-shared-lib/services/anna-generic-table.service";
 export * from "./lib/anna-core-shared-lib/services/anna-number-format.service";
+export * from "./lib/anna-core-shared-lib/services/anna-persisting-filter.service";
 export * from "./lib/anna-core-shared-lib/models/anna-generic-data-type.model";
 export * from "./lib/anna-core-shared-lib/models/anna-global-dropdown-config.model";
 export * from "./lib/anna-core-shared-lib/models/anna-non-editable-gt-models";

package/src/lib/anna-common-scss/_bootstrap-tooltip.scss

@@ -4,7 +4,7 @@
   color: #4a4a4a;
   text-align: left;
   padding: 8px !important;
-  border-radius: $fs-2;
+  border-radius: 2px;
   background: white !important;
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
   @include fonts(Roboto, 12px, normal, normal, normal, normal, normal);

package/src/lib/anna-common-scss/_customDropdown.scss

@@ -0,0 +1,129 @@
+@import "./colors", "./fonts";
+
+//Common styling
+#dropdown-trigger {
+  height: 1.875rem;
+  background: white;
+  border-radius: 2px;
+  border: 1px solid $lightGray-8;
+  width: 100%;
+  text-align: left;
+  &:disabled{
+    background-color: $gray74;
+    opacity: 0.5;
+    & .placeholder, .icon {
+      color: #000;
+    }
+  }
+}
+
+.placeholder {
+  color: $gray74;
+  @include fonts(Roboto, 14px, normal, normal, normal, normal, normal);
+}
+
+// #dropdown-trigger:disabled .placeholder {
+//   color: #000;
+// }
+
+.icon {
+  font-size: 1.125rem;
+  float: right;
+}
+
+.search-bar {
+  margin: 9px 7px 8px 7px;
+  border: 1px solid $pinkSwan;
+  height: 1.875rem;
+  border-radius: 2px;
+  input {
+    outline: none;
+    border: none;
+    position: relative;
+    bottom: 4px;
+    width: calc(100% - 29px);
+  }
+
+  .search-icon {
+    font-size: 1.125rem;
+    color: $lightGray-7;
+    margin: 5px;
+  }
+
+  .close-icon{
+    cursor: pointer;
+  }
+}
+
+ul {
+  overflow-y: auto;
+  padding-left: 0;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  max-height: calc(50vh - 80px) !important;
+  // min-heightw: 70px;
+}
+
+li {
+  list-style-type: none;
+  cursor: pointer;
+  padding-inline: 6px;
+  @include fonts(Roboto, 14px, normal, normal, normal, 2.14, normal);
+  color: #4a4a4a;
+  @extend .ellipsify;
+  width: 100%;
+}
+
+ul::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+ul::-webkit-scrollbar-track {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+ul::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, 0.4) !important;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+li:hover {
+  // color: white;
+  background: #ebebeb;
+}
+
+li.active {
+  color: white;
+  background: $primary-color;
+}
+
+span.selected-item{
+    background: transparent;
+    @include fonts(Roboto, 14px, normal, normal, normal, normal, normal);
+    color: #4a4a4a;
+    @extend .ellipsify;
+    width: calc(100% - 22px);
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.ellipsify{
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+::ng-deep .cdk-overlay-container{
+  z-index: 1051;
+}
+
+::ng-deep .multi-select-dropdown + div .mat-menu-panel,
+::ng-deep .single-select-dropdown + div .mat-menu-panel{
+  min-width: 100px !important;
+  max-width: 100%;
+  min-height: 30px !important;
+  overflow-y: hidden;
+  max-height: 50vh;
+}

package/src/lib/anna-common-scss/_filters.scss

@@ -364,17 +364,28 @@ section.min-maxContainer {
   div.arrow-container {
     flex-direction: column;
     display: flex;
-    padding-top: $fs-6;
-    padding-left: 1px;
+    margin-top: $fs-6;
+    width: 9px;
+    height: 18px;
     margin-right: $fs-19;
     i {
       color: black;
       cursor: pointer;
-      font-size: $fs-9;
-    }
-    i.downward {
-      transform: rotate(180deg);
+      max-height: 9px;
+      font-size: 25px;
+      width: 10px;
+      &:before{
+        width: 0;
+        height: 0;
+        pointer-events: none;
+        position: relative;
+        left: -9px;
+        top: -11px;
+      }
     }
+    // i.downward {
+      // transform: rotate(180deg);
+    // }
   }
 }
 
@@ -606,7 +617,8 @@ input.error-border{
 
 ::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{
   background: white;
-  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: none;
+  // left: auto !important;
 }
 
 ::ng-deep .ngx-slider span.ngx-slider-combined{
@@ -614,6 +626,14 @@ input.error-border{
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
 }
 
+::ng-deep .ngx-slider{
+  top: 10px !important;
+}
+
+::ng-deep .ngx-slider-animate{
+  top: 0 !important;
+}
+
 .sidebar-slider{
   margin-bottom: 6px;
 }

package/src/lib/anna-common-scss/_generic-table-common.scss

@@ -1,3 +1,6 @@
+@use "../anna-common-scss/fonts" as fonts;
+@use "../anna-common-scss/colors" as colors;
+
 @mixin no-data-to-display-gt($tableHeight, $rowHeight, $noDataMarginTop) {
   .table-container {
     height: calc($tableHeight) !important;
@@ -39,7 +42,6 @@
   background-color: white;
   text-decoration: underline;
   color: #268bff;
-  border: none;
   &:hover:enabled {
     color: #4a4a4a;
   }
@@ -68,7 +70,7 @@
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space:nowrap !important;
-   width: 99.5%;
+  //  width: 99.5%;
   }
 }
 
@@ -86,19 +88,19 @@
 @mixin genericTableHeaderShadow($columnNumber){
   .scroll-left-shadow-effect  .header-row th:nth-of-type(#{$columnNumber}) {
     border: none !important;
-    filter: drop-shadow(2px 0 2px $lightGray-4);
+    filter: drop-shadow(2px 0 2px colors.$lightGray-4);
   }
 }
 
 @mixin genericTableTotalRowShadow($columnNumber){
   .scroll-left-shadow-effect .total-row td:nth-of-type(#{$columnNumber}) {
-    filter: drop-shadow(2px 0 2px $lightGray-4);
+    filter: drop-shadow(2px 0 2px colors.$lightGray-4);
   }
 }
 
 @mixin genericTableTableDataShadow($columnNumber){
   .scroll-left-shadow-effect  td:nth-of-type(#{$columnNumber}) {
-    filter: drop-shadow(2px 0 1px $lightGray-4);
+    filter: drop-shadow(2px 0 1px colors.$lightGray-4);
   }
 }
 
@@ -132,4 +134,4 @@
       box-shadow: inset -1px 0px 0px 0px #d4d4d4 !important
     }    
   }
-}
+}

package/src/lib/anna-common-scss/style.scss

@@ -1 +1 @@
-@import "./colors", "./filters", "./fonts", "./sort", "./application-spacing";
+@import "./colors", "./filters", "./fonts", "./sort", "./application-spacing", "./customDropdown";