@annalib/anna-core 9.1.3 → 9.2.0

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

@@ -22,7 +22,7 @@ export interface IHeaderInfo {
     tooltip?: ITooltip;
     joinedFilterSortObjectKeys?: string;
 }
-declare type DATATYPE = "CHECKBOX" | "HTML_STRING" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "HTML" | "ICON_CELL";
+declare type DATATYPE = "CHECKBOX" | "HTML_STRING" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "HTML";
 declare type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
 export interface ITotalRowInfo {
     colspan: number;
@@ -104,7 +104,7 @@ export interface IActionItemTypeSTRING__ICON_OR_TEXT_ACTION {
         value: string;
     }[];
     tooltipClass?: string;
-    tooltipPlacement?: string;
+    tooltipPlacement: string;
     typeOfData: 'STRING' | 'ICON_TEXT_ACTION';
     additionalTextBeforeLink: string;
     enableTooltipForAdditionalText: boolean;

package/lib/anna-core-shared-lib/services/anna-generic-table.service.d.ts

@@ -14,8 +14,11 @@ export declare class AnnaGtHelperService {
     initColumnFilterAndSorting(): void;
     enableOrDisableClearAllBtn(): boolean;
     updateFiltersInURL(): void;
-    prepareQueryParamsOnFilter(): any;
-    checkIfSortingIsApplied(): boolean;
+    prepareQueryParamsOnFilter(): {
+        appliedFilters: string[];
+        selectedFilterData: string;
+        sortState: string;
+    };
     initTableFilters(clonedTableData: any): void;
     initFilters(): void;
     setDataAsPerPersistingFilter(isPersistingFilter: boolean, clonedTable: any, filters: any): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "9.1.3",
+  "version": "9.2.0",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "2.0.3",
     "@angular/common": "^13.2.0",

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/style.scss

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