@annalib/anna-core 24.2.5 → 24.2.7

package/lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component.d.ts

@@ -5,12 +5,11 @@ import * as i0 from "@angular/core";
 export declare class AnnaIconColumnComponent {
     componentName: string;
     iconToShow: IconToShow;
-    showTooltip: boolean;
     dataObject: any;
     PfpIconActiveColor: string;
     PfpIconDisableColor: string;
     columnIconClicked: EventEmitter<GtColumnIconEmittedData>;
     svgIconClicked(rowData: any, key: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaIconColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaIconColumnComponent, "anna-core-icon-column", never, { "componentName": { "alias": "componentName"; "required": false; }; "iconToShow": { "alias": "iconToShow"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "dataObject": { "alias": "dataObject"; "required": false; }; }, { "columnIconClicked": "columnIconClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaIconColumnComponent, "anna-core-icon-column", never, { "componentName": { "alias": "componentName"; "required": false; }; "iconToShow": { "alias": "iconToShow"; "required": false; }; "dataObject": { "alias": "dataObject"; "required": false; }; }, { "columnIconClicked": "columnIconClicked"; }, never, never, true, never>;
 }

package/lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component.d.ts

@@ -4,7 +4,6 @@ export declare class AnnaPayForPerformanceIconTemplateComponent {
     color: string;
     width: string;
     height: string;
-    showTooltip: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaPayForPerformanceIconTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaPayForPerformanceIconTemplateComponent, "anna-core-pay-for-performance-icon-template", never, { "isTitle": { "alias": "isTitle"; "required": false; }; "color": { "alias": "color"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnaPayForPerformanceIconTemplateComponent, "anna-core-pay-for-performance-icon-template", never, { "isTitle": { "alias": "isTitle"; "required": false; }; "color": { "alias": "color"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
 }

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";
+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_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP';
 type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
 export interface ISvgOrIconTypeInGTTable {
     showObjectKey: boolean;

package/lib/anna-core-shared-lib/services/anna-date-time-format.service.d.ts

@@ -16,14 +16,14 @@ export declare class AnnaDateTimeFormatService {
     addZero(time: any): any;
     sortByTimeAscending(a: any, b: any): number;
     sortByTimeDescending(a: any, b: any): number;
-    compareTime(a: dayjs.Dayjs, b: dayjs.Dayjs, unit: UnitType, isAsc: boolean): 1 | -1 | 0;
+    compareTime(a: dayjs.Dayjs, b: dayjs.Dayjs, unit: UnitType, isAsc: boolean): 0 | 1 | -1;
     convertNgbDateToMoment(ngbDate: NgbDate | NgbDateType): string;
     compareDate(a: string, b: string, isAsc: boolean): number;
     static formatTwentyFourHourTimeToHHMMAFormat(value: any, date?: string): string;
     static formatTwelveHourTimeToHHMMAFormat(timeValue: any, date?: string): string;
     formatDateAndHHMMATimeToStandardFormat(dateAndTime: any): string;
     compare(a: number | string, b: number | string, isAsc: boolean): number;
-    sortDataByBroadcastTimeAsc(firstParamTime: string, secondParamTime: string, broadcastTime: string): 1 | -1 | 0;
+    sortDataByBroadcastTimeAsc(firstParamTime: string, secondParamTime: string, broadcastTime: string): 0 | 1 | -1;
     convertNgbDateToMomentInSpecificFormat(ngbDate: NgbDateType, format: string): string;
     getBroadcastWeek(startDate: any, format?: string): {
         start: dayjs.Dayjs;

package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-slider-filter/anna-column-slider-filter.component.d.ts

@@ -48,8 +48,8 @@ export declare class AnnaColumnSliderFilterComponent implements OnInit {
     createOptionsForSlider(key: string): void;
     setSelectedRangeForSlider(key: string): void;
     cancelSliderFilter(): void;
-    minValueChanged(val: string): void;
-    maxValueChanged(val: string): void;
+    minValueChanged(val: number): void;
+    maxValueChanged(val: number): void;
     showErrorForMinAndMaxValue(): void;
     disableSliderApplyBtn(): void;
     checkIfSortingChanged(): boolean;

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

@@ -73,6 +73,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     notificationIconHoverLeave: EventEmitter<any>;
     editableInputEdited: EventEmitter<any>;
     radioButtonMessageIconClicked: EventEmitter<any>;
+    statusNotePopupOpened: EventEmitter<string>;
     numberOfSkeletonRows: number[][];
     tableDataWrapper: any[];
     rowChecked: boolean;
@@ -117,6 +118,9 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     tooltipContainingTable: TableTooltipType;
     tableBottomBorderClass: string;
     showCheckboxesForTimeFilter: boolean;
+    statusNoteTooltip: any;
+    statusNoteForTooltip: string;
+    statusNoteForPopup: string;
     constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
@@ -171,7 +175,10 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     radioButtonIconClicked(data: any): void;
     filterApplied(tableData: any[]): void;
     sortingApplied(tableData: any[]): void;
+    bindTheValueToStatusNote(note: string, tooltip: any): void;
+    showEntireStatusNote(): void;
+    closeStatusNoteTooltip(): 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>;
+    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"; "statusNotePopupOpened": "statusNotePopupOpened"; }, never, never, true, never>;
 }
 export {};

package/package.json

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

package/src/lib/anna-common-scss/_common-order-listing-table.scss

@@ -1,176 +1,190 @@
-@use "./fonts";
-@use "./colors";
-@use "./generic-table-common";
-
-@mixin sticky-left($leftOffset, $zIndex) {
-    position: sticky;
-    left: $leftOffset;
-    z-index: $zIndex !important;
-}
-
-@mixin ellipsify() {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-}
-
-@mixin ellipsis() {
-    display: inline-block;
-    width: 93%;
-    @include ellipsify();
-}
-
-@mixin common-table($tableStartIndex, $tableEndIndex) {
-    thead {
-        tr th {
-            box-shadow: none !important;
-        }
-        tr th:nth-child(12) {
-            z-index: 101 !important;
-        }
-
-        tr th.mat-column-isOrderStarred,
-        tr th.mat-column-payForPerformanceColumnIcon {
-            background-color: white !important;
-        }
-
-        tr.total-row {
-            td {
-                color: #4a4a4a;
-
-                span {
-                    color: #a7a7a7;
-                }
-
-                background: white;
-                @include fonts.fonts(Roboto, 0.75rem, normal, bold, normal, normal, 0.3px);
-            }
-
-            td:nth-of-type(1) {
-                @include sticky-left(0px, 501);
-            }
-
-            td:nth-of-type(2) {
-                box-shadow:
-                    inset 1px 0 0 0 rgb(0 0 0 / 75%),
-                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
-                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
-                padding-left: 37px;
-                @include sticky-left(62px, 501);
-            }
-
-            td:nth-of-type(n + 3) {
-                box-shadow:
-                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
-                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
-            }
-
-            td:last-of-type {
-                box-shadow:
-                    inset -1px 0 0 0 rgb(0 0 0 / 75%),
-                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
-                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
-            }
-        }
-    }
-
-    tbody {
-        tr {
-            cursor: pointer;
-
-            td {
-                background: white;
-                box-shadow: none !important;
-
-                div:nth-child(1) {
-                    color: #000;
-                    @include ellipsify();
-                    @include fonts.fonts(Roboto, 0.75rem, normal, normal, normal, normal, 0px);
-                }
-
-                div:nth-child(2) {
-                    color: #a7a7a7;
-                    @include ellipsify();
-                    @include fonts.fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.3px);
-                }
-            }
-
-            td:nth-of-type(1) {
-                @include sticky-left(0px, 102);
-            }
-
-            @for $i from calc($tableStartIndex) through calc($tableEndIndex) {
-                td:nth-of-type(#{$i}) {
-                    box-shadow: inset 0px -1px 0px 0px #d4d4d4 !important;
-                }
-            }
-
-            td:nth-of-type(#{$tableStartIndex}) {
-                box-shadow: inset 1px -1px 0px 0px #d4d4d4 !important;
-            }
-
-            td:last-of-type {
-                box-shadow: inset -1px -1px 0px 0px #d4d4d4 !important;
-            }
-
-            td.mat-cell:first-of-type {
-                padding-left: 5px !important;
-
-                i {
-                    font-size: 1.25rem;
-                    cursor: pointer;
-                    position: relative;
-                    bottom: 2px;
-                }
-
-                i.mdi-star-outline {
-                    color: #e6e6e6;
-                }
-
-                i.mdi-star {
-                    color: #ffc107;
-                    opacity: 0.5;
-                }
-
-                i.mdi-cog-refresh {
-                    color: #8bac2a;
-                }
-            }
-        }
-
-        @include overrideEmptyTrBorders(3);
-    }
-
-    &.no-data-table {
-        tbody tr:first-of-type {
-            td:nth-of-type(#{$tableStartIndex}) {
-                box-shadow: inset 1px 0px 0px 0px #d4d4d4 !important;
-            }
-
-            td:nth-of-type(#{$tableStartIndex + 1}),
-            td:nth-of-type(#{$tableStartIndex + 2}) {
-                box-shadow: none !important;
-            }
-        }
-    }
-
-    &.no-data-table div.horizontal-scroll-for-table-container {
-        height: calc(157px) !important;
-    }
-
-    .table-container::-webkit-scrollbar {
-        width: 4px;
-        height: 4px;
-    }
-
-    .table-container::-webkit-scrollbar-thumb {
-        border-radius: 4px;
-        background-color: rgba(0, 0, 0, 0.4) !important;
-        border: 1px solid rgba(0, 0, 0, 0.2);
-    }
-
-    .table-container::-webkit-scrollbar-track {
-        border: 1px solid rgba(0, 0, 0, 0.1) !important;
-        margin-top: 105px;
-    }
-}
+@use "./fonts";
+@use "./colors";
+@use "./generic-table-common";
+
+@mixin sticky-left($leftOffset, $zIndex) {
+    position: sticky;
+    left: $leftOffset;
+    z-index: $zIndex !important;
+}
+
+@mixin ellipsify() {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+@mixin ellipsis() {
+    display: inline-block;
+    width: 93%;
+    @include ellipsify();
+}
+
+@mixin common-table($tableStartIndex, $tableEndIndex) {
+    thead {
+        tr th {
+            // box-shadow: none !important;
+            box-shadow:
+                0px 1px 0px 0px #d4d4d4,
+                inset 0px 1px 0px 0px #d4d4d4 !important;
+            &:first-of-type {
+                box-shadow:
+                    0px 0px 0px 0px #d4d4d4,
+                    inset 1px 1px 0px 0px #d4d4d4 !important;
+            }
+            &:last-of-type {
+                box-shadow:
+                    inset -1px 0 0 0 #d4d4d4,
+                    inset 0 1px 0 0 #d4d4d4,
+                    inset 0 -1px 0 0 #d4d4d4 !important;
+            }
+        }
+
+        tr th:nth-child(12) {
+            z-index: 101 !important;
+        }
+
+        tr th.mat-column-isOrderStarred,
+        tr th.mat-column-payForPerformanceColumnIcon {
+            background-color: white !important;
+        }
+
+        tr.total-row {
+            td {
+                color: #4a4a4a;
+
+                span {
+                    color: #a7a7a7;
+                }
+
+                background: white;
+                @include fonts.fonts(Roboto, 0.75rem, normal, bold, normal, normal, 0.3px);
+            }
+
+            td:nth-of-type(1) {
+                @include sticky-left(0px, 501);
+            }
+
+            td:nth-of-type(1) {
+                box-shadow:
+                    inset 1px 0 0 0 rgb(0 0 0 / 75%),
+                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
+                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+                @include sticky-left(0, 501);
+            }
+
+            td:nth-of-type(n + 2) {
+                box-shadow:
+                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
+                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+            }
+
+            td:last-of-type {
+                box-shadow:
+                    inset -1px 0 0 0 rgb(0 0 0 / 75%),
+                    inset 0 1px 0 0 rgb(0 0 0 / 75%),
+                    inset 0 -1px 0 0 rgb(0 0 0 / 75%);
+            }
+        }
+    }
+
+    tbody {
+        tr {
+            cursor: pointer;
+
+            td {
+                background: white;
+                box-shadow: none !important;
+
+                div:nth-child(1) {
+                    color: #000;
+                    @include ellipsify();
+                    @include fonts.fonts(Roboto, 0.75rem, normal, normal, normal, normal, 0px);
+                }
+
+                div:nth-child(2) {
+                    color: #a7a7a7;
+                    @include ellipsify();
+                    @include fonts.fonts(Roboto, 0.75rem, normal, 500, normal, normal, 0.3px);
+                }
+            }
+
+            td:nth-of-type(1) {
+                @include sticky-left(0px, 102);
+            }
+
+            @for $i from calc($tableStartIndex) through calc($tableEndIndex) {
+                td:nth-of-type(#{$i}) {
+                    box-shadow: inset 0px -1px 0px 0px #d4d4d4 !important;
+                }
+            }
+
+            td:nth-of-type(#{$tableStartIndex}) {
+                box-shadow: inset 1px -1px 0px 0px #d4d4d4 !important;
+            }
+
+            td:last-of-type {
+                box-shadow: inset -1px -1px 0px 0px #d4d4d4 !important;
+            }
+
+            td.mat-cell:first-of-type {
+                padding-left: 5px !important;
+
+                i {
+                    font-size: 1.25rem;
+                    cursor: pointer;
+                    position: relative;
+                    bottom: 2px;
+                }
+
+                i.mdi-star-outline {
+                    color: #e6e6e6;
+                }
+
+                i.mdi-star {
+                    color: #ffc107;
+                    opacity: 0.5;
+                }
+
+                i.mdi-cog-refresh {
+                    color: #8bac2a;
+                }
+            }
+        }
+
+        @include overrideEmptyTrBorders(3);
+    }
+
+    &.no-data-table {
+        tbody tr:first-of-type {
+            td:nth-of-type(#{$tableStartIndex}) {
+                box-shadow: inset 1px 0px 0px 0px #d4d4d4 !important;
+            }
+
+            td:nth-of-type(#{$tableStartIndex + 1}),
+            td:nth-of-type(#{$tableStartIndex + 2}) {
+                // box-shadow: none !important;
+            }
+        }
+    }
+
+    &.no-data-table div.horizontal-scroll-for-table-container {
+        height: calc(157px) !important;
+    }
+
+    .table-container::-webkit-scrollbar {
+        width: 4px;
+        height: 4px;
+    }
+
+    .table-container::-webkit-scrollbar-thumb {
+        border-radius: 4px;
+        background-color: rgba(0, 0, 0, 0.4) !important;
+        border: 1px solid rgba(0, 0, 0, 0.2);
+    }
+
+    .table-container::-webkit-scrollbar-track {
+        border: 1px solid rgba(0, 0, 0, 0.1) !important;
+        margin-top: 105px;
+    }
+}

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

@@ -131,7 +131,7 @@ $intelli-filter-icon-default-map: (
 }
 
 .filter-divider {
-    width: 1px;
+    width: 0.5px;
     margin-right: 8px;
     height: 24px;
     background: #111;