@sapui5/sap.suite.ui.commons 1.148.0 → 1.150.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.suite.ui.commons",
-  "version": "1.148.0",
+  "version": "1.150.0",
   "description": "SAPUI5 Library sap.suite.ui.commons",
   "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
   "author": "SAP SE (https://www.sap.com)",

package/src/sap/suite/ui/commons/.library

@@ -7,7 +7,7 @@
 		SAP UI development toolkit for HTML5 (SAPUI5)
 		(c) Copyright 2009-2015 SAP SE. All rights reserved
 	</copyright>
-	<version>1.148.0</version>
+	<version>1.150.0</version>
 
 	<documentation>SAP UI library: sap.suite.ui.commons</documentation>
 

package/src/sap/suite/ui/commons/AriaProperties.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 * @since 1.65.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilder.js

@@ -134,7 +134,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilderExpression.js

@@ -148,7 +148,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilderFunction.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilderGroup.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 * @since 1.60.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilderItem.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilderValidationResult.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/CalculationBuilderVariable.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/ChartContainer.js

@@ -34,11 +34,12 @@ sap.ui.define([
 	"sap/m/Popover",
 	"sap/m/Dialog",
 	"sap/m/ResponsivePopover",
-	'sap/m/SelectionDetails'
+	'sap/m/SelectionDetails',
+	'sap/ui/core/InvisibleText'
 ], function (jQuery, library, MobileLibrary, VizLibrary, ManagedObject, Button, OverflowToolbar, OverflowToolbarButton,
 			 SegmentedButton, SegmentedButtonItem, Title, ToolbarSpacer, Device, Control, CustomData, ResizeHandler, ScrollEnablement, ToggleButton,
 			 OverflowToolbarToggleButton, uid, Log, ChartContainerRenderer, FullScreenUtil, CoreLib, Element, Popover, Dialog,
-			 ResponsivePopover, SelectionDetails) {
+			 ResponsivePopover, SelectionDetails, InvisibleText) {
 	"use strict";
 
 	// shortcut for sap.m.ButtonType
@@ -147,7 +148,14 @@ sap.ui.define([
 				* </pre>
 				 * @since 1.129.0
 				 */
-				enableBrowserFullScreen: {type: "boolean", group: "Misc", defaultValue: false}
+				enableBrowserFullScreen: {type: "boolean", group: "Misc", defaultValue: false},
+
+				/**
+				 * Defines the heading level of the chart title.
+				 * The value is forwarded to the internal <code>sap.m.Title</code> control using its <code>level</code> property.
+                                 * @since 1.150.0
+				 */
+				titleLevel: {type: "sap.ui.core.TitleLevel", group: "Appearance", defaultValue: "Auto"}
 			},
 			defaultAggregation: "content",
 			aggregations: {
@@ -304,6 +312,7 @@ sap.ui.define([
 		//Left side...
 		//display title if no dimension selectors
 		this._oChartTitle = new Title();
+		this._oFullScreenButtonInvisibleText = new InvisibleText().toStatic();
 	};
 
 	ChartContainer.prototype.addDependent = function (oDependant) {
@@ -513,6 +522,10 @@ sap.ui.define([
 			this._oZoomOutButton.destroy();
 			this._oZoomOutButton = undefined;
 		}
+		if (this._oFullScreenButtonInvisibleText) {
+			this._oFullScreenButtonInvisibleText.destroy();
+			this._oFullScreenButtonInvisibleText = undefined;
+		}
 	};
 
 	/* =========================================================== */
@@ -1211,6 +1224,25 @@ sap.ui.define([
 		}
 		this._oChartTitle.setText(title);
 		this.setProperty("title", title, true);
+		if (this._oFullScreenButtonInvisibleText) {
+			if (title) {
+				this._oFullScreenButtonInvisibleText.setText(title);
+				if (this._oFullScreenButton.getAriaLabelledBy().indexOf(this._oFullScreenButtonInvisibleText.getId()) === -1) {
+					this._oFullScreenButton.addAriaLabelledBy(this._oFullScreenButtonInvisibleText.getId());
+				}
+			} else {
+				this._oFullScreenButton.removeAriaLabelledBy(this._oFullScreenButtonInvisibleText.getId());
+			}
+		}
+		return this;
+	};
+
+	ChartContainer.prototype.setTitleLevel = function (titleLevel) {
+		if (this.getTitleLevel() === titleLevel) {
+			return this;
+		}
+		this._oChartTitle.setLevel(titleLevel);
+		this.setProperty("titleLevel", titleLevel, true);
 		return this;
 	};
 

package/src/sap/suite/ui/commons/CloudFilePicker.js

@@ -118,7 +118,7 @@ sap.ui.define([
 	 * @class
 	 * @public
 	 * @internal
-	 * @version 1.148.0
+	 * @version 1.150.0
 	*/
 	var CloudFilePicker = Dialog.extend("sap.suite.ui.commons.CloudFilePicker", {
 		metadata: {

package/src/sap/suite/ui/commons/MicroProcessFlow.js

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/suite/ui/commons/MicroProcessFlowItem.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.148.0
+	 * @version 1.150.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/suite/ui/commons/Timeline.js

@@ -1659,6 +1659,12 @@ sap.ui.define([
 		// or nasty private variables manipulation.
 		this._objects.destroyObject("FilterContent");
 		this._setupFilterDialog();
+
+		// When enableModelFilter=false, recreateFilter() exits early (aPrevFilters is empty)
+		// without calling invalidate(), so the filter bar never hides. Force re-render here.
+		if (!this._useModelFilter()) {
+			this.invalidate();
+		}
 	};
 
 	/**

package/src/sap/suite/ui/commons/TimelineItem.js

@@ -27,9 +27,12 @@ sap.ui.define([
 	"sap/base/security/encodeXML",
 	"./TimelineItemRenderer",
 	"sap/ui/events/KeyCodes",
-	"sap/ui/core/Lib"
+	"sap/ui/core/Lib",
+	"sap/ui/core/InvisibleMessage",
+	"sap/ui/core/library"
 ], function (jQuery, Control, Text, Toolbar, Link, TextArea, Popover, ToolbarSpacer, Avatar, Button, Device,
-			 ManagedObjectRegister, DateUtils, Icon, mLibrary, DateFormat, BaseObject, containsOrEquals, encodeXML, TimelineItemRenderer, KeyCodes, CoreLib) {
+			 ManagedObjectRegister, DateUtils, Icon, mLibrary, DateFormat, BaseObject, containsOrEquals, encodeXML, TimelineItemRenderer, KeyCodes, CoreLib,
+			 InvisibleMessage, coreLibrary) {
 	"use strict";
 
 	// shortcut for sap.m.PlacementType
@@ -42,6 +45,8 @@ sap.ui.define([
 	var AvatarShape = mLibrary.AvatarShape;
     var AvatarSize = mLibrary.AvatarSize;
 
+	var InvisibleMessageMode = coreLibrary.InvisibleMessageMode;
+
 	/**
 	 * Constructor for a new TimelineItem.
 	 *
@@ -809,6 +814,8 @@ sap.ui.define([
 				var sShowLessText = resBundle.getText("TIMELINE_TEXT_SHOW_LESS");
 				oLink.setText(sShowLessText);
 				fnSetHeight("", $span.height(), "");
+				InvisibleMessage.getInstance().announce(sShowLessText + " " + resBundle.getText("TIMELINE_LINK_ACTIVATE_INSTRUCTION"), InvisibleMessageMode.Polite);
+
 
 			} else {
 				$parent.attr("expanded", false);
@@ -817,6 +824,8 @@ sap.ui.define([
 				$span.html(this._textProperties.text);
 
 				fnSetHeight(this._textProperties.height, this._textProperties.height, this._textProperties.clamp);
+				InvisibleMessage.getInstance().announce(this._sTextShowMore + " " + resBundle.getText("TIMELINE_LINK_ACTIVATE_INSTRUCTION"), InvisibleMessageMode.Polite);
+
 			}
 
 			that._expanded = !that._expanded;

package/src/sap/suite/ui/commons/TimelineRenderManager.js

@@ -217,7 +217,7 @@ sap.ui.define([
 								return sName + "-" + (this._bRtlMode ? "right" : "left");
 							}.bind(this),
 							// icon in middle line for corresponding timeline item
-							$icon = jQuery("#" + oItem.id + "-line"),
+							$icon = jQuery(document.getElementById(oItem.id + "-line")),
 							// left (right for RTL) for timeline icon
 							iDistance = this._bRtlMode ? fnRight($icon) : $icon.position().left,
 							// distance between left icon pos and start of timeline item
@@ -230,9 +230,13 @@ sap.ui.define([
 							iMargin = iDistance - OFFSET - iLineMargin;
 						} else {
 							$prev = $item.prevAll(".sapSuiteUiCommonsTimelineItemLiWrapperV:visible:first");
-							// otherwise count margin as previsous item left + width minus from group header left position + OFFSET
-							iPrevPos = this._bRtlMode ? fnRight($prev) : ($prev.position().left + _getConvertedAttribute($prev, fnCreateAttribute("margin")));
-							iMargin = (iDistance - OFFSET) - (iPrevPos + $prev.outerWidth());
+							if ($prev.length > 0) {
+								// otherwise count margin as previsous item left + width minus from group header left position + OFFSET
+								iPrevPos = this._bRtlMode ? fnRight($prev) : ($prev.position().left + _getConvertedAttribute($prev, fnCreateAttribute("margin")));
+								iMargin = (iDistance - OFFSET) - (iPrevPos + $prev.outerWidth());
+							} else {
+								iMargin = iDistance - OFFSET - iLineMargin;
+							}
 						}
 						$item.css(fnCreateAttribute("margin"), iMargin + "px");
 					}.bind(this));

package/src/sap/suite/ui/commons/collaboration/ContactHelper.js

@@ -29,6 +29,52 @@ sap.ui.define([
 	return Controller.extend("sap.suite.ui.commons.collaboration.ContactHelper", {
 		constructor: function() { },
 
+		_compressImage: function(base64Data) {
+			const maxWidth = 150;
+			const maxHeight = 150;
+			const quality = 0.7;
+
+			return new Promise(function(resolve, reject) {
+				var img = new Image();
+				img.onload = function() {
+					var canvas = document.createElement('canvas');
+					var ctx = canvas.getContext('2d');
+
+					var width = img.width;
+					var height = img.height;
+
+					if (width > height) {
+						if (width > maxWidth) {
+							height = height * (maxWidth / width);
+							width = maxWidth;
+						}
+					} else if (height > maxHeight) {
+							width = width * (maxHeight / height);
+							height = maxHeight;
+						}
+
+					canvas.width = width;
+					canvas.height = height;
+
+					ctx.drawImage(img, 0, 0, width, height);
+
+					try {
+						var compressedBase64 = canvas.toDataURL('image/jpeg', quality);
+						var base64Result = compressedBase64.split(',')[1];
+						resolve(base64Result);
+					} catch (e) {
+						reject(e);
+					}
+				};
+
+				img.onerror = function(error) {
+					reject(error);
+				};
+
+				img.src = "data:image/png;base64," + base64Data;
+			});
+		},
+
 		/**
 		 * Fetch the Contact info, image and status from Teams via oData service.
 		 * @param {string} sEmail email of the contact
@@ -41,6 +87,13 @@ sap.ui.define([
 			}
 			if (oFullProfileData && oFullProfileData.data != "") {
 				oFullProfileData.photo = "data:image/png;base64," + oFullProfileData.data;
+
+				try {
+					var compressedData = await this._compressImage(oFullProfileData.data);
+					oFullProfileData.photoCompressed = "data:image/jpeg;base64," + compressedData;
+				} catch (error) {
+					oFullProfileData.photoCompressed = oFullProfileData.photo;
+				}
 			}
 			oFullProfileData = this.determineContactStatus(oFullProfileData);
 			return oFullProfileData;
@@ -134,7 +187,7 @@ sap.ui.define([
 			}
 		},
 
-		loadContactPopover: function(sEmail, oParams, isDirectCommunicationEnabled) {
+		loadContactPopover: function(sEmail, oParams, isDirectCommunicationEnabled, providerConfig) {
 			this.afterClose(); // Make sure, previously opened popup is closed if any
 			return Fragment.load({
 				name: "sap.suite.ui.commons.collaboration.ContactPopover",
@@ -155,6 +208,7 @@ sap.ui.define([
 					"isUserExistsInTeams": true
 				});
 				this._oContactPopover.setModel(oJsonModel, "userData");
+				this._providerConfig = providerConfig ?? {};
 				this.isDirectCommunicationEnabled = isDirectCommunicationEnabled;
 				this._oContactPopover.setModel(new sap.ui.model.resource.ResourceModel({ bundle: I18_BUNDLE }), "i18n");
 				return oPopover;
@@ -203,6 +257,8 @@ sap.ui.define([
 				} else {
 					data.isUserExistsInTeams = true;
 					data.isDirectCommunicationEnabled = !!that.isDirectCommunicationEnabled;
+					data.isShareAsLinkEnabled = that._providerConfig.isShareAsLinkEnabled === "X";
+					data.isShareAsCardEnabled = that._providerConfig.isShareAsCardEnabled === "ENABLED" || that._providerConfig.isShareAsCardEnabled === "AUTHENABLE";
 					that._oContactPopover.setInitialFocus(Element.getElementById("avatar"));
 				}
 				var oJsonModel = new JSONModel(data);
@@ -340,6 +396,27 @@ sap.ui.define([
 			} else {
 				MessageToast.show(I18_BUNDLE.getText("POPOVER_CONTACT_COPY_EMAIL_ERROR"));
 			}
+		},
+
+		handleShareToMSTeamsPress: async function() {
+			const oContactData = this._oContactPopover.getModel("userData").getData();
+			const sCardId = "Contact-" + oContactData.id;
+
+			if (!this._oTeamsHelperService) {
+				const ServiceContainer = await new Promise((resolve) => {
+					sap.ui.require(["sap/suite/ui/commons/collaboration/ServiceContainer"], (SC) => resolve(SC));
+				});
+				this._oTeamsHelperService = await ServiceContainer.getServiceAsync();
+			}
+
+			// Use compressed photo for Teams sharing
+			const oCardManifest = { ...oContactData };
+			if (oContactData.photoCompressed) {
+				oCardManifest.photo = oContactData.photoCompressed;
+				delete oCardManifest.data;
+			}
+
+			this._oTeamsHelperService.shareContactCard(oContactData, { cardId: sCardId, cardManifest: oCardManifest });
 		}
 	});
 });

package/src/sap/suite/ui/commons/collaboration/ContactPopover.fragment.xml

@@ -16,7 +16,10 @@
                     displaySize="M" class="sapUiSmallMarginEnd" displayShape="Circle" macrodata:email="{userData>/mail}" fesr:press="MST:ContactAction"
                     macrodata:type="chat" tooltip="{userData>/badgeTooltip}" badgeValueState="{userData>/badgeValueState}" badgeTooltip="{userData>/badgeTooltip}" badgeIcon="{userData>/badgeIcon}"/>
                 <VBox>
-                    <Title text="{userData>/displayname}" level="H3" />
+					<HBox alignItems="Center">
+						<Title text="{userData>/displayname}" level="H3" />
+						<core:Icon src="sap-icon://action" press=".handleShareToMSTeamsPress" decorative="false" tooltip="{i18n>POPOVER_CONTACT_SHARE_TEAMS}" visible="{= ${userData>/isShareAsLinkEnabled} || ${userData>/isShareAsCardEnabled}}" class="sapThemeHighlight-asColor sapUiTinyMarginBegin"/>
+					</HBox>
                     <Text text="{userData>/jobtitle}"/>
                 </VBox>
             </HBox>

package/src/sap/suite/ui/commons/collaboration/TeamsHelperService.js

@@ -507,6 +507,73 @@ sap.ui.define([
         return sModifiedUrl;
     };
 
+	/**
+	 * Shares ContactCard to Microsoft Teams
+	 * @param {Object} oContactData - Contact information
+	 * @param {Object} [oParams] - Optional parameters including cardId and cardManifest
+	 * @returns {Promise<void>} Promise that resolves when sharing is complete
+	 * @private
+	 */
+	TeamsHelperService.prototype.shareContactCard = async function(oContactData, oParams) {
+		const sMessage = oContactData.displayname || oContactData.mail || "Contact";
+		const sCurrentUrl = window.location.href;
+
+		let oContactCard = {};
+
+		// If cardId and cardManifest are provided, save to backend first
+		if (oParams && oParams.cardId && oParams.cardManifest) {
+			try {
+				// Show busy dialog while saving
+				const oDialog = await Fragment.load({
+					name: "sap.suite.ui.commons.collaboration.CollaborationBusyDialog",
+					controller: this,
+					type: "XML"
+				});
+				oBusyDialog = oDialog;
+				oBusyDialog.open();
+
+				iBusyDialogTimeoutId = setTimeout(() => {
+					if (oBusyDialog) {
+						oBusyDialog.close();
+						oBusyDialog.destroy();
+					}
+				}, AUTO_CLOSE_BUSY_DIALOG_TIME);
+
+				// Save card to backend
+				oContactCard = await this._buildCardInfo(oParams);
+			} catch (err) {
+				oLogger.error("Failed to save contact card: " + err.message);
+			}
+		}
+
+		let sModifiedUrl = sCurrentUrl;
+		try {
+			const oUrlParams = {
+				url: sCurrentUrl,
+				minifyUrlForChat: true
+			};
+			sModifiedUrl = await this._getModifiedUrlForSharing(oUrlParams);
+		} catch (error) {
+			oLogger.error("Error while modifying URL for contact card sharing: " + error.message);
+		} finally {
+			this._closeBusyDialog();
+
+			const newWindow = window.open(
+				"",
+				"_blank",
+				windowWidthAndHeight
+			);
+			newWindow.opener = null;
+
+			if (oContactCard && Object.keys(oContactCard).length > 0) {
+				const sCardUrl = this._generateShareAsCardUrl(sModifiedUrl, sMessage, oContactCard);
+				newWindow.location = sCardUrl;
+			} else {
+				newWindow.location = this._providerConfig.shareAsLinkUrl + "?msgText=" + encodeURIComponent(sMessage) + "&preview=false";
+			}
+		}
+	};
+
     /**
      * Closes and destroys the busy dialog, and clears timeout.
      */
@@ -681,9 +748,9 @@ sap.ui.define([
                 this.oContactHelper = new ContactHelper();
             }
             if (this._providerConfig.isDirectCommunicationEnabled === "ENABLED") {
-                return this.oContactHelper.loadContactPopover(sEmail, oParams, true);
+                return this.oContactHelper.loadContactPopover(sEmail, oParams, true, this._providerConfig);
             } else {
-                return this.oContactHelper.loadContactPopover(sEmail, oParams);
+                return this.oContactHelper.loadContactPopover(sEmail, oParams, false, this._providerConfig);
             }
 
         } else if (isTeamMode || !sEmail || this._providerConfig.isDirectCommunicationEnabled !== "ENABLED") {