@annalib/anna-core 35.1.1 → 35.1.2

package/lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive.d.ts

@@ -2,9 +2,10 @@ import { ElementRef } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class ShowEllipsisTextOnHoverDirective {
     private elementRef;
+    includeFullWidth: boolean;
     constructor(elementRef: ElementRef);
     onMouseEnter(): void;
     checkPositionsInDecimals(domElement: Element): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShowEllipsisTextOnHoverDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ShowEllipsisTextOnHoverDirective, "[annaCoreShowEllipsisTextOnHover]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ShowEllipsisTextOnHoverDirective, "[annaCoreShowEllipsisTextOnHover]", never, { "includeFullWidth": { "alias": "includeFullWidth"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.d.ts

@@ -1,3 +1,4 @@
+import { SingleSelectIdText } from "../../anna-dropdown-lib/components/anna-single-select/models/anna-single-select.model";
 export interface IRadioButton {
     value: any;
     isDisabled: boolean;
@@ -92,6 +93,8 @@ export interface ICustomSingleSelect {
     placeholder: string;
     classes: string;
     position: Position;
+    showBlueBorderOnEdit?: boolean;
+    initialSelectedItem?: SingleSelectIdText;
     maxHeightOfList: number;
     minHeightOfList?: number;
 }

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

@@ -10,6 +10,7 @@ export interface IGtTableHeader {
     dummyHeader?: boolean;
     columnNumber?: number;
 }
+export type TDCellClass = "CENTRE";
 export interface IHeaderInfo {
     name: string;
     objectKey: string;
@@ -26,19 +27,35 @@ export interface IHeaderInfo {
     showTooltipIcon: boolean;
     disableTooltipIcon?: boolean;
     tooltip?: ITooltip;
+    tdCellClass?: TDCellClass;
     joinedFilterSortObjectKeys?: string;
     showSplitedOptionsInFilter?: boolean[];
     splitDelimiter?: 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_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP" | "STRING_ELLIPSIS_WITH_TABLE_TOOLTIP" | "STRING_WITH_TOOLTIP_INNER_HTML" | "ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP" | "SINGLE_SELECT_DROPDOWN" | "DIGIT_ONLY_INPUT";
+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" | "STRING_ELLIPSIS_WITH_TABLE_TOOLTIP" | "STRING_WITH_TOOLTIP_INNER_HTML" | "ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP" | "SINGLE_SELECT_DROPDOWN" | "SINGLE_SELECT_DROPDOWN_AND_ICON" | "DIGIT_ONLY_INPUT" | "HTML_STRING_AND_CLICKABLE_DATA" | "TIME_INPUT";
 type FILTERTYPE = "CHECKBOX" | "SLIDER" | "DATE" | "TIME" | "WEEK";
 export interface ISvgOrIconTypeInGTTable {
+    id?: string;
     showObjectKey: boolean;
     svgOrIconName?: string;
     svgOrIconTooltipMsg?: string;
     additionalText?: string;
     additionalTextClass?: string;
 }
+export interface ITimeInputData {
+    selectedTimeAsAString: string;
+    startTime: string;
+    endTime: string;
+    showAsInput: boolean;
+    disableInput: boolean;
+    id: number | string;
+    icons?: {
+        id: string;
+        class: string;
+        tooltipMessage: string;
+    }[];
+    class?: string;
+}
 export declare class SvgOrIconTypeInGTTable {
     showObjectKey: boolean;
     svgOrIconName?: string;
@@ -147,6 +164,15 @@ export declare class ClickableItem {
         value: string;
     });
 }
+export declare class ITextAndClickableDataActionKey {
+    id: string | number;
+    innerHTMLText: string;
+    linkName: string;
+    showLink: boolean;
+    showText: boolean;
+    class: string;
+    constructor(id: string | number, innerHTMLText: string, linkName: string, showLink: boolean, showText: boolean, className?: string);
+}
 export declare class IconCellActionKey {
     id: number | string;
     showIcon: boolean;
@@ -176,8 +202,10 @@ export interface IActionItemTypeWithStringIconOrTextAction {
     tooltipPlacement?: string;
     enableTooltipForAdditionalText?: boolean;
     additionalTextAfterLink?: string;
+    showSimpleIcon?: boolean;
+    tooltipDataForSimpleIcon?: 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" | "CALENDAR";
+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" | "CALENDAR" | "EMAIL_ICON";
 export declare class TableClassNameConstant {
     static readonly defaultClass = "table-body-row ";
     static readonly selectedRow = "selected-row ";
@@ -234,4 +262,13 @@ export interface IDropdownConfigForGT {
     selectedItem: SingleSelectIdText;
     dropdownConfig: ICustomSingleSelect;
 }
+export interface IDropdownConfigWithIconForGT {
+    itemList: SingleSelectIdText[];
+    selectedItem: SingleSelectIdText;
+    dropdownConfig: ICustomSingleSelect;
+    showIcon: boolean;
+    iconClass: string;
+    showTooltip: boolean;
+    tooltipData?: string;
+}
 export {};

package/lib/anna-dropdown-lib/components/anna-single-select/anna-single-select.component.d.ts

@@ -28,6 +28,7 @@ export declare class AnnaSingleSelectComponent implements OnInit, OnChanges {
     yPosition: any;
     width: number;
     heightOfCheckboxTooltipFilter: number;
+    showBlueBorder: boolean;
     buttonElement: ElementRef;
     constructor(annaGlobalConfig: AnnaGlobalConfigService, searchFilterPipe: AnnaFilterSearchedTextPipe);
     ngOnChanges(changes: SimpleChanges): void;

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, InnerHTMLTooltipAction, ITotalRowInfo } from "../../../anna-core-shared-lib/models/anna-non-editable-gt-models";
+import { EllipsisWithTableTooltip, IGtGeneralConfig, IGtTableHeader, IHeaderInfo, InnerHTMLTooltipAction, ITimeInputData, 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";
@@ -74,6 +74,10 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     editableInputEdited: EventEmitter<any>;
     radioButtonMessageIconClicked: EventEmitter<any>;
     statusNotePopupOpened: EventEmitter<string>;
+    textPopupOpened: EventEmitter<{
+        text: string;
+        columnName: string;
+    }>;
     digitOnlyInputChanged: EventEmitter<{
         data: any;
         key: string;
@@ -84,6 +88,14 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
         row: any;
         dropdownIndex: number;
     }>;
+    timeSelected: EventEmitter<{
+        selectedTime: string[][];
+        selectedTimeConverted: {
+            startTime: string;
+            endTime: string;
+        };
+        rowData: any;
+    }>;
     totalRowRadioButtonClicked: EventEmitter<string>;
     totalRowRadioButtonIconClicked: EventEmitter<string>;
     numberOfSkeletonRows: number[][];
@@ -97,6 +109,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     tooltipRadioTextMap: Map<any, any>;
     filterTabObjects: any[];
     tooltip: any;
+    timeTableRowtooltip: any;
     disableColumnClearAllBtn: boolean;
     margin: number;
     multiWeekPickerConfig: IWeekCalendar;
@@ -153,6 +166,7 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     statusNoteTooltip: any;
     statusNoteForTooltip: string;
     statusNoteForPopup: string;
+    currentColumnType: string;
     noOfRowsToCheck: number;
     toolTipInnerHtmlData: string;
     innerHtmlTooltip: any;
@@ -160,6 +174,10 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     numberOfRowsToAppend: number;
     digitInputmin: number;
     digitInputMax: number;
+    timeInputData: {
+        time: string;
+    }[];
+    selectedRowForTimeEdit: any;
     constructor(cdRef: ChangeDetectorRef, annaSortService: AnnaSortService, annaDateTimeFormatService: AnnaDateTimeFormatService, annaFilterService: AnnaFilterService);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
@@ -220,12 +238,17 @@ export declare class AnnaNonEditableGenericTableComponent implements OnInit, OnC
     filterApplied(tableData: any[]): void;
     sortingApplied(tableData: any[]): void;
     bindTheValueToTableTooltip(obj: EllipsisWithTableTooltip, tooltip: any): void;
-    bindTheValueToStatusNote(note: string, tooltip: any): void;
+    bindTheValueToStatusNote(note: string, tooltip: any, columnType?: string): void;
     showEntireStatusNote(): void;
+    getColumnName(columnType: string): string;
     closeStatusNoteTooltip(): void;
     onInputChange(rowData: any, key: string, value: Event): void;
     toPascalCaseWithExceptions(input: string): string;
+    bindTheValueToTimeInputTooltip(tooltip: any): void;
+    closeTimeInputTooltip(): void;
+    timeInputTooltipClickedInTableBody(event: ITimeInputData, rowData: any): void;
+    timeSelectedInTableRow(event: string[][]): 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": true; }; "tableData": { "alias": "tableData"; "required": true; }; "clonedTableData": { "alias": "clonedTableData"; "required": true; }; "gtGeneralConfig": { "alias": "gtGeneralConfig"; "required": true; }; "totalRowInfo": { "alias": "totalRowInfo"; "required": false; }; "gtDimension": { "alias": "gtDimension"; "required": true; }; "extraHeaderRowForAdjustingColumnWidths": { "alias": "extraHeaderRowForAdjustingColumnWidths"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "maximumRowsWhichCanBeRenderedWithoutScroll": { "alias": "maximumRowsWhichCanBeRenderedWithoutScroll"; "required": false; }; "fixNumberOfRowsForPopup": { "alias": "fixNumberOfRowsForPopup"; "required": false; }; "fixRowsToRender": { "alias": "fixRowsToRender"; "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"; "digitOnlyInputChanged": "digitOnlyInputChanged"; "singleSelectDropdownValueEmit": "singleSelectDropdownValueEmit"; "totalRowRadioButtonClicked": "totalRowRadioButtonClicked"; "totalRowRadioButtonIconClicked": "totalRowRadioButtonIconClicked"; }, 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": true; }; "tableData": { "alias": "tableData"; "required": true; }; "clonedTableData": { "alias": "clonedTableData"; "required": true; }; "gtGeneralConfig": { "alias": "gtGeneralConfig"; "required": true; }; "totalRowInfo": { "alias": "totalRowInfo"; "required": false; }; "gtDimension": { "alias": "gtDimension"; "required": true; }; "extraHeaderRowForAdjustingColumnWidths": { "alias": "extraHeaderRowForAdjustingColumnWidths"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "maximumRowsWhichCanBeRenderedWithoutScroll": { "alias": "maximumRowsWhichCanBeRenderedWithoutScroll"; "required": false; }; "fixNumberOfRowsForPopup": { "alias": "fixNumberOfRowsForPopup"; "required": false; }; "fixRowsToRender": { "alias": "fixRowsToRender"; "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"; "textPopupOpened": "textPopupOpened"; "digitOnlyInputChanged": "digitOnlyInputChanged"; "singleSelectDropdownValueEmit": "singleSelectDropdownValueEmit"; "timeSelected": "timeSelected"; "totalRowRadioButtonClicked": "totalRowRadioButtonClicked"; "totalRowRadioButtonIconClicked": "totalRowRadioButtonIconClicked"; }, never, never, true, never>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-core",
-  "version": "35.1.1",
+  "version": "35.1.2",
   "peerDependencies": {
     "@angular-slider/ngx-slider": "^19.0.0",
     "@angular/common": "^19.2.10",

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

@@ -88,6 +88,23 @@
     }
 }
 
+@mixin table-input-box($height, $borderColor) {
+    border: solid 1px $borderColor;
+    height: $height;
+    width: 99%;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+@mixin table-input-box-disabled($height, $borderColor, $bgColor, $color) {
+    border: solid 1px $borderColor;
+    height: $height;
+    background-color: $bgColor;
+    pointer-events: none !important;
+    cursor: default !important;
+    color: $color;
+}
+
 @mixin table-ellipses-only-on-text-span {
     span {
         text-overflow: ellipsis !important;
@@ -99,6 +116,11 @@
     }
 }
 
+@mixin noBorderTableHeader($bgColor) {
+    background: $bgColor !important;
+    box-shadow: none !important;
+}
+
 @mixin genericTableHeaderShadow($columnNumber) {
     .scroll-left-shadow-effect .header-row th:nth-of-type(#{$columnNumber}) {
         border: none !important;

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

@@ -403,6 +403,9 @@
 @mixin no-data-table($table-container-height, $box-shadow-map, $row-height-map: ()) {
     .table-container.no-data-table > div {
         height: $table-container-height !important;
+        tr td {
+            filter: none !important;
+        }
     }
 
     $box-shadow-start-index: map.get($box-shadow-map, "box-shadow-start-index");