@annalib/anna-core 7.5.1 → 8.0.0

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

@@ -8,6 +8,8 @@ export interface IGtTableHeader {
 export interface IHeaderInfo {
     name: string;
     objectKey: string;
+    actionKey?: string;
+    tooltipKey?: string;
     isDisabledKey?: string;
     typeOfHeaderData: DATATYPE;
     typeOfBodyData: DATATYPE;
@@ -20,7 +22,7 @@ export interface IHeaderInfo {
     tooltip?: ITooltip;
     joinedFilterSortObjectKeys?: string;
 }
-declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "CLICKABLE_DATA_2" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION" | "STRING___ICON_OR_TEXT_ACTION_1" | "STRING___ICON_OR_TEXT_ACTION_2" | "STRING___ICON_OR_TEXT_ACTION_3";
+declare type DATATYPE = "CHECKBOX" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION";
 declare type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
 export interface ITotalRowInfo {
     colspan: number;
@@ -69,4 +71,38 @@ export interface TextAction {
     class: string;
     isDisabled: boolean;
 }
+export declare class ClickableItem {
+    id: any;
+    name: string;
+    isDisabled: boolean;
+    class: string;
+    showTooltip: boolean;
+    tooltipData: {
+        key: string;
+        value: string;
+    };
+    disableTooltip: boolean;
+    constructor(typeOfActionLinkForGt: any, name: string, isDisabled: boolean, className: string, showTooltip: boolean, tooltipData: {
+        key: string;
+        value: string;
+    });
+}
+export interface IActionItemTypeSTRING__ICON_OR_TEXT_ACTION {
+    id: any;
+    data: string;
+    iconClass: string;
+    showIcon: boolean;
+    disabledIcon: boolean;
+    linkClass: string;
+    showLink: boolean;
+    disabledLink: boolean;
+    showTooltip: boolean;
+    tooltipData: {
+        key: string;
+        value: string;
+    }[];
+    typeOfData: 'STRING' | 'ICON_TEXT_ACTION';
+    additionalTextBeforeLink: string;
+    disableTooltip: boolean;
+}
 export {};

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

@@ -149,12 +149,11 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     heightOfCheckboxTooltipFilter: number;
     isNoDataToDisplaySubject$: BehaviorSubject<boolean>;
     selectedStarredOrderId: string;
-    userActionTableMetaData: {
-        lastEmailResentAt: string;
-        passwordValidity: string;
-        status: UserActivationStatus;
-    };
     UserActivationStatus: typeof UserActivationStatus;
+    textActionTooltip: {
+        key: string;
+        value: string;
+    }[];
     constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
@@ -276,7 +275,8 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     setInitialRowsForTable(): void;
     spotDetailsDownloadClicked(parentChildOrTotalRow: "DATAROW" | "TOTALROW", rowdata?: any): void;
     tableContainerScrolled(event: any): void;
-    mouseEnterOnStringTextActionType(rowData: any): void;
+    mouseEnterOnStringTextActionType(rowData: any, tooltipKey: string): void;
+    mouseEnterOnTextActionType(rowData: any, tooltipKey: string): void;
     onClickableDataClicked(Rowdata: any, id: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnaNonEditableGenericTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AnnaNonEditableGenericTableComponent, "anna-core-non-editable-generic-table-lib", never, { "showSkeletonLoading": "showSkeletonLoading"; "tableHeaders": "tableHeaders"; "tableData": "tableData"; "clonedTableData": "clonedTableData"; "gtGeneralConfig": "gtGeneralConfig"; "totalRowInfo": "totalRowInfo"; "gtDimension": "gtDimension"; "tableClass": "tableClass"; "maximumRowsWhichCanBeRenderedWithoutScroll": "maximumRowsWhichCanBeRenderedWithoutScroll"; "limit": "limit"; "includeBorderInTableHeight": "includeBorderInTableHeight"; "downloadInProgress": "downloadInProgress"; "percentDone": "percentDone"; "starredInProgress": "starredInProgress"; "clickableRow": "clickableRow"; }, { "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"; "downloadSpotDetails": "downloadSpotDetails"; "clickableDataClicked": "clickableDataClicked"; }, never, never>;

package/package.json

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

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

@@ -212,7 +212,11 @@ div.radio-container {
   border-radius: $fs-2;
   margin: $fs-4 $fs-7 $fs-3 $fs-7;
   height: $fs-24;
-  padding: $fs-3 0 $fs-3 $fs-8;
+  padding: $fs-3 8px $fs-3 $fs-8;
+  .search-bar-close {
+    margin-left: auto;
+    float: right;
+  }
 }
 
 .search-icon {
@@ -370,7 +374,7 @@ section.min-maxContainer {
   label {
     margin-bottom: 0;
     color: $charcoal;
-    margin-top: $fs-10;
+    margin-top: 0.125rem;
     margin-left: $fs-10;
     font-weight: 700;
   }

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

@@ -50,20 +50,34 @@
   }
 }
 
-// @mixin table-ellipses {
-//   div {
-//    text-overflow: ellipsis !important;
-//    overflow: hidden !important;
-//    white-space:nowrap !important;
-//   }
-// }
+@mixin tableDataLink() {
+  a {
+    cursor: pointer !important;
+    color: #268bff !important;
+    text-decoration: underline !important;
+    &.disabled {
+      color: #b7b6b6;
+      pointer-events: none;
+      text-decoration: none;
+    }
+  }
+}
+
+@mixin table-ellipses {
+  div {
+   text-overflow: ellipsis !important;
+   overflow: hidden !important;
+   white-space:nowrap !important;
+  }
+}
 
-// @mixin table-ellipses-only-on-text-span {
-//   span {
-//    text-overflow: ellipsis !important;
-//    overflow: hidden !important;
-//    white-space:nowrap !important;
-//    display: inline-block !important;
-//    width: 80% !important;
-//   }
-// }
+@mixin table-ellipses-only-on-text-span {
+  span {
+   text-overflow: ellipsis !important;
+   overflow: hidden !important;
+   white-space:nowrap !important;
+   display: inline-block !important;
+   max-width: 92%;
+   width: fit-content;
+  }
+}