@annalib/anna-core 8.5.1 → 9.0.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" | "ICON" | "STRING" | "RADIO" | "" | "SVG_ICON" | "TEXT_ACTIONS" | "CLICKABLE_DATA" | "STRING__TEXT_ACTION" | "STRING__ICON_ACTION" | "STRING___ICON_OR_TEXT_ACTION";
+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;
@@ -31,6 +31,8 @@ export interface ITotalRowInfo {
     colName: string;
     class?: string;
     tooltipMessage?: string;
+    isActionColumn?: boolean;
+    actionData?: ClickableItem[];
 }
 export interface IGtHeaderConfig {
     iconColumn: boolean;
@@ -101,6 +103,7 @@ export interface IActionItemTypeSTRING__ICON_OR_TEXT_ACTION {
         key: string;
         value: string;
     }[];
+    tooltipClass?: string;
     typeOfData: 'STRING' | 'ICON_TEXT_ACTION';
     additionalTextBeforeLink: string;
     enableTooltipForAdditionalText: boolean;

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

@@ -48,6 +48,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     percentDone: number;
     starredInProgress: boolean;
     clickableRow: boolean;
+    setTableHeightWhenRowSizeIsFixed: boolean;
     toggleCheckbox: EventEmitter<any>;
     toggleRowCheckbox: EventEmitter<any>;
     toggleHeaderCheckbox: EventEmitter<any>;
@@ -64,6 +65,8 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     gtViewDetailClicked: EventEmitter<any>;
     downloadSpotDetails: EventEmitter<any>;
     clickableDataClicked: EventEmitter<any>;
+    notificationIconHover: EventEmitter<any>;
+    notificationIconHoverLeave: EventEmitter<any>;
     numberOfSkeletonRows: number[][];
     tableDataWrapper: any[];
     rowChecked: boolean;
@@ -285,10 +288,11 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     tableContainerScrolled(event: any): void;
     mouseEnterOnStringTextActionType(rowData: any, tooltipKey: string): void;
     mouseEnterOnStringTextActionTypeContainingTable(rowData: any, tooltipKey: string): void;
+    mouseLeaveTextActionType(rowData: any): void;
     mouseEnterOnTextActionType(rowData: any, tooltipKey: string): void;
     onClickableDataClicked(Rowdata: any, id: number): void;
     removeTooltipOnScroll(): 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>;
+    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"; "setTableHeightWhenRowSizeIsFixed": "setTableHeightWhenRowSizeIsFixed"; }, { "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"; "notificationIconHover": "notificationIconHover"; "notificationIconHoverLeave": "notificationIconHoverLeave"; }, never, never>;
 }
 export {};

package/package.json

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

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

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

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

@@ -1,129 +0,0 @@
-@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;
-}