@annalib/anna-core 24.0.21 → 24.0.22

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

@@ -21,7 +21,7 @@ export interface IHeaderInfo {
     tooltip?: ITooltip;
     joinedFilterSortObjectKeys?: string;
 }
-type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "HTML" | "HTML_STRING" | "ICON_CELL" | "STRING_OR_INPUT" | "SINGLE_RADIO" | "STRING_WITH_TOOLTIP" | "STRING_ELLIPSIS_WITH_TABLE_TOOLTIP";
+type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "HTML" | "HTML_STRING" | "ICON_CELL" | "STRING_OR_INPUT" | "SINGLE_RADIO" | "STRING_WITH_TOOLTIP";
 type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
 export interface ITotalRowInfo {
     colspan: number;
@@ -126,18 +126,4 @@ export interface IActionItemTypeWithStringIconOrTextAction {
     enableTooltipForAdditionalText?: boolean;
 }
 export type IconToShow = "LIVE" | "PAY_FOR_PERFORMANCE_ACTIVE" | "PAY_FOR_PERFORMANCE" | "REJECTED" | "NOTIFY" | "AWAITING_APPROVAL" | "DELETED_ORDER" | "NEED_SELLER_CONFIRMATION" | "NEED_BUYER_CONFIRMATION";
-export declare class EllipsisWithTableTooltip {
-    tooltipHeader: string;
-    tableHeaders: HeaderWithObjectKey[];
-    tableData: any[];
-    cellValue: string;
-    tooltipHoverText: string;
-    showTooltip: boolean;
-    constructor(heading: string, tableHeaders: HeaderWithObjectKey[], tableData: any[], cellValue: string, tooltipText: string, showTooltip: boolean);
-}
-export interface HeaderWithObjectKey {
-    headerName: string;
-    objectKey: string;
-    width: string;
-}
 export {};

package/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.d.ts

@@ -2,7 +2,7 @@ import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnChange
 import { BehaviorSubject } from "rxjs";
 import { GtColumnIconEmittedData, RatingSellerGroupHierarchy } from "../../../anna-core-shared-lib/models/anna-generic-data-type.model";
 import { IWeekCalendar } from "../../../anna-core-shared-lib/models/anna-global-dropdown-config.model";
-import { EllipsisWithTableTooltip, IGtGeneralConfig, IGtTableHeader, IHeaderInfo, ITotalRowInfo } from "../../../anna-core-shared-lib/models/anna-non-editable-gt-models";
+import { IGtGeneralConfig, IGtTableHeader, IHeaderInfo, ITotalRowInfo } from "../../../anna-core-shared-lib/models/anna-non-editable-gt-models";
 import { AnnaDateTimeFormatService } from "../../../anna-core-shared-lib/services/anna-date-time-format.service";
 import { AnnaFilterService } from "../../../anna-core-shared-lib/services/anna-filter.service";
 import { AnnaSortService } from "../../../anna-core-shared-lib/services/anna-sort.service";
@@ -96,13 +96,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     };
     sellerGroupHierarchy: RatingSellerGroupHierarchy[];
     showFilterTooltipTabs: boolean;
-    ellispsisWithTableTooltip: {
-        open: () => void;
-        close: () => void;
-    };
-    ellipsisWithTooltipHeading: string;
-    ellipsisWithTooltipTableHeaders: any[];
-    ellipsisWithTooltipTableData: any[];
     isScrolledLeft: boolean;
     rowBorderWidth: number;
     sameTooltipClicked: boolean;
@@ -178,7 +171,6 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     radioButtonIconClicked(data: any): void;
     filterApplied(tableData: any[]): void;
     sortingApplied(tableData: any[]): void;
-    bindTheValueToTableTooltip(obj: EllipsisWithTableTooltip, tooltip: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNonEditableGenericTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": { "alias": "showSkeletonLoading"; "required": false; }; "tableHeaders": { "alias": "tableHeaders"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "clonedTableData": { "alias": "clonedTableData"; "required": false; }; "gtGeneralConfig": { "alias": "gtGeneralConfig"; "required": false; }; "totalRowInfo": { "alias": "totalRowInfo"; "required": false; }; "gtDimension": { "alias": "gtDimension"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "maximumRowsWhichCanBeRenderedWithoutScroll": { "alias": "maximumRowsWhichCanBeRenderedWithoutScroll"; "required": false; }; "fixNumberOfRowsForPopup": { "alias": "fixNumberOfRowsForPopup"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "includeBorderInTableHeight": { "alias": "includeBorderInTableHeight"; "required": false; }; "downloadInProgress": { "alias": "downloadInProgress"; "required": false; }; "percentDone": { "alias": "percentDone"; "required": false; }; "starredInProgress": { "alias": "starredInProgress"; "required": false; }; "clickableRow": { "alias": "clickableRow"; "required": false; }; "setTableHeightWhenRowSizeIsFixed": { "alias": "setTableHeightWhenRowSizeIsFixed"; "required": false; }; "tableBorderBottomClassRequired": { "alias": "tableBorderBottomClassRequired"; "required": false; }; "hideSomeTds": { "alias": "hideSomeTds"; "required": false; }; "tdsHaveRowSpan": { "alias": "tdsHaveRowSpan"; "required": false; }; "multipleTablesPresent": { "alias": "multipleTablesPresent"; "required": false; }; "showOrHideToggleForTotalRow": { "alias": "showOrHideToggleForTotalRow"; "required": false; }; }, { "toggleCheckbox": "toggleCheckbox"; "toggleRowCheckbox": "toggleRowCheckbox"; "toggleHeaderCheckbox": "toggleHeaderCheckbox"; "undoIconClicked": "undoIconClicked"; "filterAppliedToTable": "filterAppliedToTable"; "sortingAppliedToTable": "sortingAppliedToTable"; "rowClicked": "rowClicked"; "radioButtonSelected": "radioButtonSelected"; "columnFilterOpened": "columnFilterOpened"; "columnFilterClosed": "columnFilterClosed"; "gtIconClicked": "gtIconClicked"; "gtSVGIconClicked": "gtSVGIconClicked"; "gtTextActionClicked": "gtTextActionClicked"; "gtViewDetailClicked": "gtViewDetailClicked"; "gtInnerHTMLClicked": "gtInnerHTMLClicked"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; "totalRowIconClicked": "totalRowIconClicked"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; "editableInputEdited": "editableInputEdited"; "radioButtonMessageIconClicked": "radioButtonMessageIconClicked"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "24.0.21",
+  "version": "24.0.22",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^16.0.1",
     "@angular/common": "^16.2.12",

package/src/lib/anna-common-scss/_easy-filter.scss

@@ -1,138 +1,138 @@
-@use "./fonts" as *;
-@use "./colors" as *;
-@use "sass:map";
-
-$intelli-filter-default-map: (
-    "inactive-text-color": $primary-color,
-    "inactive-border-color": $primary-color,
-    "inactive-bg-color": white,
-    "active-bg-color": $primary-color,
-    "active-text-color": white,
-    "active-border-color": $primary-color,
-);
-
-@mixin intelli-filter-default($padding: 5px 8px) {
-    button.intelli-filter {
-        @include fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.6px);
-        border-radius: 0.75rem;
-        height: 1.5rem;
-        margin-right: 8px;
-        display: inline-flex;
-        align-items: center;
-        padding: $padding;
-
-        &:disabled {
-            border: 1px solid #bdbdbd !important;
-            color: #4a4a4a !important;
-            background: #bdbdbd !important;
-            opacity: 0.5;
-            cursor: not-allowed;
-        }
-    }
-}
-
-@mixin intelli-filter-custom-styling($intelli-filter-map: $intelli-filter-default-map) {
-    $intelli-filter-inactive-text-color: map.get($intelli-filter-map, "inactive-text-color");
-    $intelli-filter-inactive-border-color: map.get($intelli-filter-map, "inactive-border-color");
-    $intelli-filter-inactive-bg-color: map.get($intelli-filter-map, "inactive-bg-color");
-
-    $intelli-filter-active-bg-color: map.get($intelli-filter-map, "active-bg-color");
-    $intelli-filter-active-text-color: map.get($intelli-filter-map, "active-text-color");
-    $intelli-filter-active-border-color: map.get($intelli-filter-map, "active-border-color");
-
-    color: $intelli-filter-inactive-text-color;
-    border: 1px solid $intelli-filter-inactive-border-color;
-    background: $intelli-filter-inactive-bg-color;
-
-    &.active {
-        color: $intelli-filter-active-text-color !important;
-        background: $intelli-filter-active-bg-color !important;
-        border: 1px solid $intelli-filter-active-border-color !important;
-    }
-}
-
-$only-enabled-default-map: (
-    "text-color": white,
-    "bg-color": $primary-color,
-);
-
-@mixin only-enabled-filter($enabled-styling: $only-enabled-default-map) {
-    $color: map.get($enabled-styling, "text-color");
-    $bg-color: map.get($enabled-styling, "bg-color");
-
-    button.only-enabled-button {
-        color: $color;
-        background: $bg-color;
-        cursor: default;
-        pointer-events: none;
-    }
-}
-
-$intelli-filter-icon-default-map: (
-    "icon-font-size": 14.5px,
-    "icon-margin-right": 4px,
-    "active-icon-color": white,
-);
-
-@mixin intelli-filter-icons-styling($icon-styling: $intelli-filter-icon-default-map) {
-    $icon-font-size: map.get($icon-styling, "icon-font-size");
-    $icon-margin-right: map.get($icon-styling, "icon-margin-right");
-    $icon-active-color: map.get($icon-styling, "active-icon-color");
-
-    button.intelli-filter i {
-        font-size: $icon-font-size;
-        margin-right: $icon-margin-right;
-        display: flex;
-        vertical-align: middle;
-
-        &.mdi-star {
-            color: $amber;
-            opacity: 0.5;
-        }
-
-        &.mdi-alert {
-            color: #f97b07;
-        }
-
-        &.mdi-bell {
-            color: #f3bd18;
-        }
-
-        &.mdi-file-remove-outline {
-            color: #f44336;
-            margin-right: 2px;
-        }
-    }
-
-    button.intelli-filter.active {
-        ::ng-deep svg {
-            g {
-                stroke: $icon-active-color !important;
-                fill: $icon-active-color !important;
-            }
-        }
-
-        i {
-            color: $icon-active-color;
-        }
-
-        i.mdi-star {
-            color: #ffc107;
-            opacity: 0.9;
-            display: flex;
-        }
-    }
-}
-
-.filter-label {
-    @include fonts(Roboto, 0.875rem, normal, normal, normal, normal, normal);
-    color: $charcoal;
-    margin-bottom: 4px;
-}
-
-.filter-divider {
-    width: 1px;
-    margin-right: 8px;
-    height: 24px;
-    background: #111;
-}
+@use "./fonts" as *;
+@use "./colors" as *;
+@use "sass:map";
+
+$intelli-filter-default-map: (
+    "inactive-text-color": $primary-color,
+    "inactive-border-color": $primary-color,
+    "inactive-bg-color": white,
+    "active-bg-color": $primary-color,
+    "active-text-color": white,
+    "active-border-color": $primary-color,
+);
+
+@mixin intelli-filter-default($padding: 5px 8px) {
+    button.intelli-filter {
+        @include fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.6px);
+        border-radius: 0.75rem;
+        height: 1.5rem;
+        margin-right: 8px;
+        display: inline-flex;
+        align-items: center;
+        padding: $padding;
+
+        &:disabled {
+            border: 1px solid #bdbdbd !important;
+            color: #4a4a4a !important;
+            background: #bdbdbd !important;
+            opacity: 0.5;
+            cursor: not-allowed;
+        }
+    }
+}
+
+@mixin intelli-filter-custom-styling($intelli-filter-map: $intelli-filter-default-map) {
+    $intelli-filter-inactive-text-color: map.get($intelli-filter-map, "inactive-text-color");
+    $intelli-filter-inactive-border-color: map.get($intelli-filter-map, "inactive-border-color");
+    $intelli-filter-inactive-bg-color: map.get($intelli-filter-map, "inactive-bg-color");
+
+    $intelli-filter-active-bg-color: map.get($intelli-filter-map, "active-bg-color");
+    $intelli-filter-active-text-color: map.get($intelli-filter-map, "active-text-color");
+    $intelli-filter-active-border-color: map.get($intelli-filter-map, "active-border-color");
+
+    color: $intelli-filter-inactive-text-color;
+    border: 1px solid $intelli-filter-inactive-border-color;
+    background: $intelli-filter-inactive-bg-color;
+
+    &.active {
+        color: $intelli-filter-active-text-color !important;
+        background: $intelli-filter-active-bg-color !important;
+        border: 1px solid $intelli-filter-active-border-color !important;
+    }
+}
+
+$only-enabled-default-map: (
+    "text-color": white,
+    "bg-color": $primary-color,
+);
+
+@mixin only-enabled-filter($enabled-styling: $only-enabled-default-map) {
+    $color: map.get($enabled-styling, "text-color");
+    $bg-color: map.get($enabled-styling, "bg-color");
+
+    button.only-enabled-button {
+        color: $color;
+        background: $bg-color;
+        cursor: default;
+        pointer-events: none;
+    }
+}
+
+$intelli-filter-icon-default-map: (
+    "icon-font-size": 14.5px,
+    "icon-margin-right": 4px,
+    "active-icon-color": white,
+);
+
+@mixin intelli-filter-icons-styling($icon-styling: $intelli-filter-icon-default-map) {
+    $icon-font-size: map.get($icon-styling, "icon-font-size");
+    $icon-margin-right: map.get($icon-styling, "icon-margin-right");
+    $icon-active-color: map.get($icon-styling, "active-icon-color");
+
+    button.intelli-filter i {
+        font-size: $icon-font-size;
+        margin-right: $icon-margin-right;
+        display: flex;
+        vertical-align: middle;
+
+        &.mdi-star {
+            color: $amber;
+            opacity: 0.5;
+        }
+
+        &.mdi-alert {
+            color: #f97b07;
+        }
+
+        &.mdi-bell {
+            color: #f3bd18;
+        }
+
+        &.mdi-file-remove-outline {
+            color: #f44336;
+            margin-right: 2px;
+        }
+    }
+
+    button.intelli-filter.active {
+        ::ng-deep svg {
+            g {
+                stroke: $icon-active-color !important;
+                fill: $icon-active-color !important;
+            }
+        }
+
+        i {
+            color: $icon-active-color;
+        }
+
+        i.mdi-star {
+            color: #ffc107;
+            opacity: 0.9;
+            display: flex;
+        }
+    }
+}
+
+.filter-label {
+    @include fonts(Roboto, 0.875rem, normal, normal, normal, normal, normal);
+    color: $charcoal;
+    margin-bottom: 4px;
+}
+
+.filter-divider {
+    width: 1px;
+    margin-right: 8px;
+    height: 24px;
+    background: #111;
+}

package/src/lib/anna-common-scss/_mat-button-toggle.scss

@@ -26,7 +26,7 @@
 }
 
 ::ng-deep .mat-button-toggle-appearance-standard {
-    opacity: 0.5;
+    opacity: 1;
     border: solid 1px #b3b3b3;
     button {
         opacity: 1;