@annalib/anna-core 31.5.0 → 31.6.0

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

@@ -140,7 +140,7 @@ export interface IActionItemTypeWithStringIconOrTextAction {
     id: any;
     data: string;
     typeOfData: "STRING" | "ICON_TEXT_ACTION";
-    additionalTextBeforeLink: string;
+    additionalTextBeforeLink?: string;
     iconClass?: string;
     showIcon: boolean;
     disabledIcon?: boolean;
@@ -155,6 +155,7 @@ export interface IActionItemTypeWithStringIconOrTextAction {
     tooltipClass?: string;
     tooltipPlacement?: string;
     enableTooltipForAdditionalText?: boolean;
+    additionalTextAfterLink?: string;
 }
 export type IconToShow = "LIVE" | "PAY_FOR_PERFORMANCE_ACTIVE" | "PAY_FOR_PERFORMANCE" | "REJECTED" | "NOTIFY" | "AWAITING_APPROVAL" | "DELETED_ORDER" | "NEED_SELLER_CONFIRMATION" | "NEED_BUYER_CONFIRMATION" | "AUTOMATED" | "WARNING_ICON" | "INFORMATION_OUTLINE_ICON" | "ALERT_OCTAGON_ICON" | "CANCEL_ICON" | "ALPHA_B_CIRCLE" | "ALPHA_R_CIRCLE" | "ALPHA_E_CIRCLE" | "ALPHA_A_CIRCLE" | "MESSAGE";
 export declare class TableClassNameConstant {

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-core-shared-lib/services/anna-number-format.service.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class AnnaNumberFormatService {
     static GetRoundedValueWithUnits(inputValue: number, digitsToRoundDecimalPoint?: number): string;
+    static GetRoundedValuesWithoutUnits(inputValue: number, digitsToRoundDecimalPoint?: number): string;
     static GetRoundedImpressionsWithUnits(inputValue: number, digitsToRoundDecimalPoint?: number): string;
     static GetValueInUnits(inputValue: number): (string | number)[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNumberFormatService, never>;

package/lib/anna-core-shared-lib/services/anna-regex-patterns.service.d.ts

@@ -4,6 +4,7 @@ export declare class RegexPatternsService {
     readonly phonePattern: RegExp;
     readonly buyerNamePattern: RegExp;
     readonly usernamePattern: RegExp;
+    readonly namePattern: RegExp;
     static ɵfac: i0.ɵɵFactoryDeclaration<RegexPatternsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RegexPatternsService>;
 }

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

@@ -28,6 +28,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     gtDimension: {
         rowHeight: number;
         headerHeight: number;
+        dataOnTopHeight: number;
         marginFromBottom: number;
         tableHeight?: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "31.5.0",
+  "version": "31.6.0",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^17.0.2",
     "@angular/common": "^17.3.12",

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

@@ -4,7 +4,7 @@
 @use "sass:map";
 
 @mixin sticky-left($leftOffset, $zIndex) {
-    position: sticky;
+    position: sticky !important;
     left: $leftOffset;
     z-index: $zIndex !important;
 }
@@ -38,7 +38,7 @@
     line-height: normal;
     position: sticky;
     position: -webkit-sticky;
-    top: 0;
+    top: 0.1px !important;
 
     .upper-label {
         @include fonts(Roboto, var(--table-header-fs), normal, 700, normal, normal, 0.3px);
@@ -128,6 +128,7 @@
     }
 
     .header-row {
+        background: $bg-color;
         th {
             box-shadow: none !important;
             cursor: default;
@@ -362,6 +363,9 @@
         }
     }
 
+    $map-length: length($sticky-left-map);
+    $last-column-index: if($map-length > 0, nth(map-keys($sticky-left-map), $map-length), null);
+
     @each $columnNumber, $sticky-prop in $sticky-left-map {
         $left-offset: map.get($sticky-prop, "left");
         $z-index: map.get($sticky-prop, "z-index");
@@ -370,6 +374,15 @@
             @include sticky-left($left-offset, $z-index);
         }
     }
+
+    @if ($last-column-index != null) {
+        td:nth-child(n + #{$last-column-index}),
+        th:nth-child(n + #{$last-column-index}) {
+            position: relative;
+            top: -1px;
+            // background-color: lightblue !important; /* Apply styles from non-sticky column to last column **/
+        }
+    }
 }
 
 @mixin table-data-shadow($columnNumber) {

package/src/lib/anna-common-scss/user-module-common-scss/_user-module.scss

@@ -0,0 +1,65 @@
+@mixin tags($backgroundColor) {
+    height: 18px;
+    margin: 0px 8px;
+    padding: 0px 6px;
+    border-radius: 2px;
+    background-color: $backgroundColor;
+    color: var(--body-color);
+    font-family: Roboto;
+    font-size: 12px;
+    font-weight: bold;
+}
+
+@mixin floatTagRight() {
+    float: right;
+    display: inline-block;
+    margin: 0;
+}
+
+@mixin modal-button($backgroundColor, $color, $border) {
+    color: $color;
+    background-color: $backgroundColor;
+    border: $border;
+    font-family: Roboto;
+    font-size: var(--page-link-fs);
+    font-weight: 400;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: normal;
+    letter-spacing: normal;
+    padding: 0.375rem 2.625rem;
+    border-radius: 0.25rem;
+    width: 49%;
+}
+
+:host ::ng-deep anna-core-non-editable-generic-table-lib .mdi-pencil {
+    cursor: pointer;
+    color: var(--primary-blue-color);
+    font-size: 14px;
+}
+
+:host ::ng-deep anna-core-non-editable-generic-table-lib .mdi-account-remove {
+    cursor: pointer;
+    color: var(--primary-red-color);
+    font-size: 14px;
+    float: right;
+}
+
+.count-text {
+    font-size: var(--page-message-content-fs);
+    font-family: Roboto;
+    font-style: italic;
+    margin-top: 8px;
+    color: var(--primary-text-color-medium);
+    b {
+        color: var(--font-color);
+    }
+}
+
+.additional-data-color-text {
+    color: var(--disabled-text-color-darker) !important;
+}
+
+.italic {
+    font-style: italic;
+}

package/src/lib/anna-common-scss/user-module-common-scss/_user-tag-status.scss

@@ -0,0 +1,110 @@
+@use "anna-common-scss/gt-table" as *;
+
+:host {
+    --secondary-green-color: #e1ffed;
+    --secondary-blue-color: #eef6ff;
+    --secondary-red-color: #fff0ef;
+    --secondary-purple-color: #f6e6f5;
+}
+$invitedPrimaryColor: var(--primary-yellow-color);
+$OnboardingPrimaryColor: var(--primary-purple-color);
+$OnboardedPrimaryColor: var(--ternary-green-color);
+$InactivePrimaryColor: var(--ternary-blue-color);
+$DeletedPrimaryColor: var(--primary-red-color);
+$coPilotPrimaryColor: var(--primary-green-color);
+
+$invitedSecColor: var(--secondary-yellow-color);
+$OnboardingSecColor: var(--secondary-purple-color);
+$OnboardedSecColor: var(--secondary-green-color);
+$InactiveSecColor: var(--secondary-blue-color);
+$DeletedSecColor: var(--secondary-red-color);
+$coPilotSecondaryColor: #e5f1c1;
+$adminPrivilegeIconColor: #e48a37;
+
+@mixin tags($backgroundColor) {
+    height: 18px;
+    margin: 0px 8px;
+    padding: 0px 6px;
+    border-radius: 2px;
+    background-color: $backgroundColor;
+    color: #ffffff;
+    font-family: Roboto;
+    font-size: 12px;
+    font-weight: bold;
+}
+
+@mixin floatTagRight() {
+    float: right;
+    display: inline-block;
+    margin: 0;
+}
+
+@mixin rowStyling($backgroundColor, $buttonColor, $shadow-map) {
+    // background-color: $backgroundColor !important;
+    @include table-data((), $shadow-map, $backgroundColor);
+    .status-btn {
+        background-color: $buttonColor !important;
+    }
+}
+
+.Invited-tag {
+    @include tags($invitedPrimaryColor);
+    @include floatTagRight();
+}
+
+.Onboarding-tag {
+    @include tags($OnboardingPrimaryColor);
+    @include floatTagRight();
+}
+
+.Active-tag {
+    @include tags($OnboardedPrimaryColor);
+    @include floatTagRight();
+}
+
+.Inactive-tag {
+    @include tags($InactivePrimaryColor);
+    @include floatTagRight();
+}
+
+.Deleted-tag {
+    @include tags($DeletedPrimaryColor);
+    @include floatTagRight();
+}
+
+@mixin user-row-status($shadow-map) {
+    .status-btn {
+        color: var(--body-color) !important;
+        padding: 2px 6px !important;
+        font-weight: bold !important;
+        border: none !important;
+        border-radius: 2px;
+        line-height: normal !important;
+    }
+
+    tr.Invited {
+        @include rowStyling($invitedSecColor, $invitedPrimaryColor, $shadow-map);
+    }
+    tr.Onboarding {
+        @include rowStyling($OnboardingSecColor, $OnboardingPrimaryColor, $shadow-map);
+    }
+    tr.Active {
+        @include rowStyling($OnboardedSecColor, $OnboardedPrimaryColor, $shadow-map);
+    }
+    tr.Inactive {
+        @include rowStyling($InactiveSecColor, $InactivePrimaryColor, $shadow-map);
+    }
+    tr.CoPilot {
+        @include rowStyling($coPilotSecondaryColor, $OnboardedPrimaryColor, $shadow-map);
+        outline: 1px solid $coPilotPrimaryColor !important;
+        outline-offset: -1px !important;
+    }
+    tr.Deleted {
+        @include rowStyling($DeletedSecColor, $DeletedPrimaryColor, $shadow-map);
+    }
+    tr.Copilot-onboarding-status {
+        @include rowStyling($coPilotSecondaryColor, $OnboardingPrimaryColor , $shadow-map);
+        outline: 1px solid $coPilotPrimaryColor !important;
+        outline-offset: -1px !important;
+    }
+}