@openui5/sap.ui.rta 1.128.0 → 1.130.0

package/src/sap/ui/rta/util/ReloadManager.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @namespace sap.ui.rta.util.ReloadManager
 	 * @alias sap.ui.rta.util.ReloadManager
 	 * @since 1.104
-	 * @version 1.128.0
+	 * @version 1.130.0
 	 * @private
 	 * @ui5-restricted
 	 */
@@ -80,7 +80,7 @@ sap.ui.define([
 			return "MSG_RELOAD_WITH_PERSONALIZATION_AND_VIEWS";
 		}
 
-		if (oReloadInfo.initialDraftGotActivated) {
+		if (oReloadInfo.initialDraftGotActivated || oReloadInfo.activeVersionNotSelected) {
 			return "MSG_RELOAD_ACTIVATED_DRAFT";
 		}
 
@@ -181,6 +181,29 @@ sap.ui.define([
 		return !!window.sessionStorage.getItem(`sap.ui.rta.restart.${sLayer}`);
 	};
 
+	/**
+	 * Sets a flag in sessionStorage to indicate that the "What's New" dialog should not be shown after rta reload.
+	 */
+	ReloadManager.setDontShowWhatsNewAfterReload = () => {
+		window.sessionStorage.setItem(`sap.ui.rta.whatsNew`, true);
+	};
+
+	/**
+	 * Checks if the "What's New" dialog should be shown rta after reload.
+	 *
+	 * @returns {boolean} Returns true if the "What's New" dialog should be shown, false otherwise.
+	 */
+	ReloadManager.getDontShowWhatsNewAfterReload = () => {
+		return window.sessionStorage.getItem(`sap.ui.rta.whatsNew`);
+	};
+
+	/**
+	 * Removes the flag from sessionStorage that indicates the "What's New" dialog should not be shown after reload.
+	 */
+	ReloadManager.removeDontShowWhatsNewAfterReload = () => {
+		window.sessionStorage.removeItem(`sap.ui.rta.whatsNew`);
+	};
+
 	/**
 	 * Triggers the reload of the page. Can either be a soft reload inside the FLP or a hard reload.
 	 *

package/src/sap/ui/rta/util/ServiceEventBus.js

@@ -19,7 +19,7 @@ function(
 	 *
 	 * @extends sap.ui.core.EventBus
 	 * @author SAP SE
-	 * @version 1.128.0
+	 * @version 1.130.0
 	 * @private
 	 * @since 1.56.0
 	 * @alias sap.ui.rta.util.ServiceEventBus

package/src/sap/ui/rta/util/ServiceManager.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.128.0
+	 * @version 1.130.0
 	 * @constructor
 	 * @private
 	 * @since 1.121
@@ -73,7 +73,7 @@ sap.ui.define([
 
 	ServiceManager.prototype.getServices = function() {
 		// without this changing the property would also change the default Value
-		return Object.assign({}, this.getProperty("services"));
+		return { ...this.getProperty("services") };
 	};
 
 	/**

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicator.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeIndicator
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.128.0
+	 * @version 1.130.0
 	 * @private
 	 */
 	const ChangeIndicator = Control.extend("sap.ui.rta.util.changeVisualization.ChangeIndicator", {
@@ -133,13 +133,6 @@ sap.ui.define([
 				if (sTooltip) {
 					oRm.attr("title", sTooltip);
 				}
-				if (oControl.getChanges().length > 4) {
-					oRm.class("sapUiRtaChangeIndicatorColorDark");
-				} else if (oControl.getChanges().length > 1) {
-					oRm.class("sapUiRtaChangeIndicatorColorMedium");
-				} else {
-					oRm.class("sapUiRtaChangeIndicatorColorLight");
-				}
 				oRm.openEnd();
 				if (sTooltip) {
 					oRm.openStart("span", `${oControl.getId()}-tooltip`);

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicatorCategorySelection.fragment.xml

@@ -22,6 +22,16 @@
 					enabled="{visualizationModel>/hasDirtyChanges}"/>
 			</items>
 		</SegmentedButton>
+		<List
+			class="sapUiRtaChangesList"
+			items="{visualizationModel>/changeCategories/}">
+			<StandardListItem
+				title="{visualizationModel>title}"
+				counter="{visualizationModel>count}"
+				type="{= ${visualizationModel>count} > 0 ? 'Active' : 'Inactive'}"
+				icon="{visualizationModel>icon}"
+				press=".onChangeCategorySelection"/>
+		</List>
 		<MessageStrip
 			text="{visualizationModel>/popupInfoMessage}"
 			type="Information"
@@ -33,15 +43,5 @@
 					href="https://ui5.sap.com/#/topic/35274280504f42cd87cc4fd3d403ca91.html#loio35274280504f42cd87cc4fd3d403ca91/visualization"/>
 			</link>
 		</MessageStrip>
-		<List
-			class="sapUiRtaChangesList"
-			items="{visualizationModel>/changeCategories/}">
-			<StandardListItem
-				title="{visualizationModel>title}"
-				counter="{visualizationModel>count}"
-				type="{= ${visualizationModel>count} > 0 ? 'Active' : 'Inactive'}"
-				icon="{visualizationModel>icon}"
-				press=".onChangeCategorySelection"/>
-		</List>
 	</Popover>
 </core:FragmentDefinition>

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicatorRegistry.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeIndicatorRegistry
 	 * @author SAP SE
 	 * @since 1.86.0
-	 * @version 1.128.0
+	 * @version 1.130.0
 	 * @private
 	 */
 	const ChangeIndicatorRegistry = ManagedObject.extend("sap.ui.rta.util.changeVisualization.ChangeIndicatorRegistry", {
@@ -81,7 +81,7 @@ sap.ui.define([
 	 */
 	ChangeIndicatorRegistry.prototype.getAllRegisteredChanges = function() {
 		return values(this._oRegisteredChanges || {}).map(function(oChange) {
-			return Object.assign({}, oChange);
+			return { ...oChange };
 		});
 	};
 
@@ -101,7 +101,7 @@ sap.ui.define([
 	 * @returns {object} Registered change
 	 */
 	ChangeIndicatorRegistry.prototype.getRegisteredChange = function(sChangeId) {
-		return this._oRegisteredChanges[sChangeId] && Object.assign({}, this._oRegisteredChanges[sChangeId]);
+		return this._oRegisteredChanges[sChangeId] && { ...this._oRegisteredChanges[sChangeId] };
 	};
 
 	/**
@@ -118,16 +118,14 @@ sap.ui.define([
 			if (oChangeIndicators[sSelectorId] === undefined) {
 				oChangeIndicators[sSelectorId] = [];
 			}
-			oChangeIndicators[sSelectorId].push(Object.assign(
-				{
-					id: oChangeIndicatorData.change.getId(),
-					dependent: bDependent,
-					affectedElementId: sAffectedElementId || sPreviousAffectedElementId,
-					displayElementsKey: oChangeIndicatorData.visualizationInfo.displayElementIds.toString(),
-					descriptionPayload: oChangeIndicatorData.visualizationInfo.descriptionPayload || {}
-				},
-				_omit(oChangeIndicatorData, ["visualizationInfo"])
-			));
+			oChangeIndicators[sSelectorId].push({
+				id: oChangeIndicatorData.change.getId(),
+				dependent: bDependent,
+				affectedElementId: sAffectedElementId || sPreviousAffectedElementId,
+				displayElementsKey: oChangeIndicatorData.visualizationInfo.displayElementIds.toString(),
+				descriptionPayload: oChangeIndicatorData.visualizationInfo.descriptionPayload || {},
+				..._omit(oChangeIndicatorData, ["visualizationInfo"])
+			});
 			sPreviousAffectedElementId = sAffectedElementId || sPreviousAffectedElementId;
 		}
 

package/src/sap/ui/rta/util/changeVisualization/ChangeVisualization.js

@@ -84,7 +84,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeVisualization
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.128.0
+	 * @version 1.130.0
 	 * @private
 	 */
 	const ChangeVisualization = Control.extend("sap.ui.rta.util.changeVisualization.ChangeVisualization", {
@@ -323,9 +323,15 @@ sap.ui.define([
 		return this._oTextBundle.getText(sLabelKey, [iChangesCount]);
 	};
 
-	ChangeVisualization.prototype._getChangeCategoryButton = function(sChangeCategoryName) {
+	ChangeVisualization.prototype._getChangeCategoryButtonText = function(sChangeCategoryName) {
 		const sButtonKey = `BTN_CHANGEVISUALIZATION_OVERVIEW_${sChangeCategoryName.toUpperCase()}`;
-		return this._oTextBundle.getText(sButtonKey);
+		const sBaseText = this._oTextBundle.getText(sButtonKey);
+		const sVisualizedChangeState = this._oChangeVisualizationModel.getData().changeState;
+		if (sVisualizedChangeState === ChangeStates.ALL) {
+			return sBaseText;
+		}
+		const sStateText = this._oTextBundle.getText(`BUT_CHANGEVISUALIZATION_VERSIONING_${sVisualizedChangeState.toUpperCase()}`);
+		return `${sBaseText} (${sStateText})`;
 	};
 
 	ChangeVisualization.prototype.openChangeCategorySelectionPopover = function(oEvent) {
@@ -369,6 +375,7 @@ sap.ui.define([
 	ChangeVisualization.prototype.onChangeCategorySelection = function(oEvent) {
 		const sSelectedChangeCategory = oEvent.getSource().getBindingContext("visualizationModel").getObject().key;
 		this._selectChangeCategory(sSelectedChangeCategory);
+		this.getPopover()?.close();
 	};
 
 	ChangeVisualization.prototype.onVersioningCategoryChange = function(oEvent) {
@@ -379,7 +386,7 @@ sap.ui.define([
 	ChangeVisualization.prototype._selectChangeCategory = function(sSelectedChangeCategory) {
 		this._sSelectedChangeCategory = sSelectedChangeCategory;
 
-		const sChangeCategoryText = this._getChangeCategoryButton(sSelectedChangeCategory);
+		const sChangeCategoryText = this._getChangeCategoryButtonText(sSelectedChangeCategory);
 
 		this._updateVisualizationModel({
 			changeCategory: sSelectedChangeCategory,
@@ -393,8 +400,12 @@ sap.ui.define([
 	ChangeVisualization.prototype._selectChangeState = function(sSelectedChangeState) {
 		this._sSelectedChangeState = sSelectedChangeState;
 
+		const sSelectedChangeCategory = this._oChangeVisualizationModel.getData().changeCategory;
+		const sChangeCategoryText = this._getChangeCategoryButtonText(sSelectedChangeCategory);
+
 		this._updateVisualizationModel({
-			changeState: sSelectedChangeState
+			changeState: sSelectedChangeState,
+			changeCategoryText: sChangeCategoryText
 		});
 
 		this._updateChangeIndicators();
@@ -515,11 +526,10 @@ sap.ui.define([
 	};
 
 	ChangeVisualization.prototype._updateVisualizationModel = function(oData) {
-		this._oChangeVisualizationModel.setData(Object.assign(
-			{},
-			this._oChangeVisualizationModel.getData(),
-			oData
-		));
+		this._oChangeVisualizationModel.setData({
+			...this._oChangeVisualizationModel.getData(),
+			...oData
+		});
 	};
 
 	ChangeVisualization.prototype._updateChangeIndicators = function() {
@@ -616,30 +626,38 @@ sap.ui.define([
 		this._oChangeIndicatorRegistry.registerChangeIndicator(sSelectorId, oChangeIndicator);
 	};
 
-	ChangeVisualization.prototype._setFocusedIndicator = function() {
+	ChangeVisualization.prototype._setFocusedIndicator = async function() {
 		// Sort the Indicators according XY-Position
 		// Set the tabindex according the sorting
 		// Focus the first visible indicator
-		this._oChangeIndicatorRegistry.waitForIndicatorRendering()
-		.then(() => {
-			const aVisibleIndicators = this._oChangeIndicatorRegistry.getChangeIndicators().filter((oIndicator) => {
-				// As setting the focus happens asynchronously after rendering,
-				// the overlay can be gone by the time this code is executed
-				return oIndicator.getVisible() && OverlayRegistry.getOverlay(oIndicator.getOverlayId());
-			})
-			.sort(function(oIndicator1, oIndicator2) {
+		await this._oChangeIndicatorRegistry.waitForIndicatorRendering();
+		const aVisibleIndicators = [];
+		this._oChangeIndicatorRegistry.getChangeIndicators().forEach((oIndicator) => {
+			const oOverlay = OverlayRegistry.getOverlay(oIndicator.getOverlayId());
+			// As setting the focus happens asynchronously after rendering,
+			// the overlay can be gone by the time this code is executed
+			if (!oOverlay) {
+				return;
+			}
+			if (oIndicator.getVisible()) {
+				oOverlay.setFocusable(true);
+				aVisibleIndicators.push(oIndicator);
+			} else {
+				oOverlay.setFocusable(false);
+			}
+		});
+
+		if (aVisibleIndicators.length > 0) {
+			aVisibleIndicators.sort(function(oIndicator1, oIndicator2) {
 				const iDeltaY = oIndicator1.getPosY() - oIndicator2.getPosY();
 				const iDeltaX = oIndicator1.getPosX() - oIndicator2.getPosX();
 				// Only consider x value if y is the same
 				return iDeltaY || iDeltaX;
 			});
-
-			if (aVisibleIndicators.length === 0) {
-				return;
-			}
-
 			const aVisibleIndicatorsOnScrollPosition = [];
 			aVisibleIndicators.forEach(function(oIndicator, iIndex) {
+				const oOverlay = OverlayRegistry.getOverlay(oIndicator.getOverlayId());
+				oOverlay.setFocusable(true);
 				oIndicator.getDomRef().tabIndex = iIndex + 2;
 				// Indicators with posY < 0 are outside of the current scroll position
 				if (oIndicator.getPosY() > 0) {
@@ -653,7 +671,7 @@ sap.ui.define([
 			} else {
 				aVisibleIndicators[0].focus();
 			}
-		});
+		}
 	};
 
 	ChangeVisualization.prototype._toggleRootOverlayClickHandler = function(bEnable) {
@@ -685,6 +703,17 @@ sap.ui.define([
 		this.oMenuButton = oToolbar.getControl("toggleChangeVisualizationMenuButton");
 		this.oRootOverlay = OverlayRegistry.getOverlay(oRootControl);
 		this.setVersionsModel(oToolbar);
+		// When the visualization is started, the focusable overlays are stored to be reset when the visualization is stopped
+		this.aFocusableOverlays ||= OverlayRegistry.getOverlays().filter(function(oOverlay) {
+			return oOverlay.getFocusable();
+		});
+
+		const fnSetOverlayFocusability = (bFocusable) => {
+			this.aFocusableOverlays.forEach(function(oOverlay) {
+				oOverlay.setFocusable(bFocusable);
+			});
+		};
+
 		if (this.oVersionsModel && this.oVersionsModel.getData().versioningEnabled) {
 			this._updateVisualizationModel({
 				versioningAvailable: this.oVersionsModel.getData().versioningEnabled,
@@ -698,15 +727,20 @@ sap.ui.define([
 			});
 		}
 
+		// Clean up when the visualization is no longer active
 		if (this.getIsActive()) {
 			this.setIsActive(false);
 			this._toggleRootOverlayClickHandler(false);
+			fnSetOverlayFocusability(true);
+			delete this.aFocusableOverlays;
 			return;
 		}
+		fnSetOverlayFocusability(false);
 		this._toggleRootOverlayClickHandler(true);
 		if (!this.getRootControlId()) {
 			this.setRootControlId(oRootControl);
 		}
+
 		this.setIsActive(true);
 		// show all change visualizations at startup
 		this._updateChangeRegistry()

package/src/sap/ui/rta/util/whatsNew/WhatsNew.js

@@ -0,0 +1,111 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/m/library",
+	"sap/ui/base/ManagedObject",
+	"sap/ui/core/Element",
+	"sap/ui/core/Fragment",
+	"sap/ui/fl/write/api/FeaturesAPI",
+	"sap/ui/model/json/JSONModel",
+	"sap/ui/model/resource/ResourceModel",
+	"sap/ui/rta/util/ReloadManager",
+	"sap/ui/rta/util/whatsNew/WhatsNewUtils"
+], function(
+	mLibrary,
+	ManagedObject,
+	Element,
+	Fragment,
+	FeaturesAPI,
+	JSONModel,
+	ResourceModel,
+	ReloadManager,
+	WhatsNewUtils
+) {
+	"use strict";
+
+	const oURLHelper = mLibrary.URLHelper;
+
+	/**
+	 * @class Constructor for a new sap.ui.rta.util.whatsNew.WhatsNew
+	 * @extends sap.ui.base.ManagedObject
+	 * @author SAP SE
+	 * @version 1.130.0
+	 * @constructor
+	 * @since 1.129
+	 * @private
+	 * @ui5-restricted sap.ui.rta
+	 */
+	const WhatsNew = ManagedObject.extend("sap.ui.rta.util.whatsNew.WhatsNew", {
+		metadata: {
+			properties: {
+				dontShowAgainFeatureIds: { type: "array", defaultValue: [] },
+				layer: { type: "string", defaultValue: "" }
+			},
+			aggregations: {
+				whatsNewDialog: { type: "sap.m.Dialog", multiple: false }
+			}
+		}
+	});
+
+	WhatsNew.prototype.setDontShowAgainFeatureIds = async function(aDontShowAgainFeatureIds) {
+		this.setProperty("dontShowAgainFeatureIds", aDontShowAgainFeatureIds);
+		this.aUnseenFeatures = await WhatsNewUtils.getFilteredFeatures(aDontShowAgainFeatureIds, this.getLayer());
+	};
+
+	WhatsNew.prototype.initializeWhatsNewDialog = async function() {
+		const aDontShowAgainFeatureIds = await FeaturesAPI.getSeenFeatureIds({ layer: this.getLayer() });
+		await this.setDontShowAgainFeatureIds(aDontShowAgainFeatureIds);
+		if (this.aUnseenFeatures.length === 0 || this.getLayer() !== "CUSTOMER") {
+			return;
+		}
+		const oWhatsNewDialogModel = new JSONModel();
+		oWhatsNewDialogModel.setData({ featureCollection: this.aUnseenFeatures });
+		if (!this.oWhatsNewDialog)	{
+			await this.createWhatsNewDialog(oWhatsNewDialogModel);
+		}
+		ReloadManager.setDontShowWhatsNewAfterReload();
+		this.oWhatsNewDialog.open();
+	};
+
+	WhatsNew.prototype.createWhatsNewDialog = async function(oWhatsNewDialogModel) {
+		const oRTAResourceModel = new ResourceModel({ bundleName: "sap.ui.rta.messagebundle" });
+		this.oWhatsNewDialog = await Fragment.load({
+			name: "sap.ui.rta.util.whatsNew.WhatsNewDialog",
+			controller: this
+		});
+		this.oWhatsNewDialog.setModel(oRTAResourceModel, "i18n");
+		this.oWhatsNewDialog.setModel(oWhatsNewDialogModel, "whatsNewModel");
+	};
+
+	WhatsNew.prototype.closeWhatsNewDialog = function() {
+		if (this.oWhatsNewDialog) {
+			const oDontShowAgainCheckbox = Element.getElementById("whatsNewDialog_DontShowAgain");
+			if (oDontShowAgainCheckbox.getSelected()) {
+				const aUnseenFeatureIds = this.aUnseenFeatures.map((oUnseenFeature) => oUnseenFeature.featureId);
+				const aSeenFeatureIds = [...this.getDontShowAgainFeatureIds(), ...aUnseenFeatureIds];
+				const mPropertyBag = { layer: this.getLayer(), seenFeatureIds: aSeenFeatureIds };
+				FeaturesAPI.setSeenFeatureIds(mPropertyBag);
+			}
+			this.oWhatsNewDialog.close();
+		}
+	};
+
+	WhatsNew.prototype.onLearnMorePress = function() {
+		const sActivePageId = Element.getElementById("sapWhatsNewDialogCarousel").getActivePage();
+		const sLearnMoreUrl = WhatsNewUtils.getLearnMoreURL(sActivePageId, this.aUnseenFeatures);
+		oURLHelper.redirect(sLearnMoreUrl, true);
+	};
+
+	WhatsNew.prototype.destroy = function(...aArgs) {
+		ManagedObject.prototype.destroy.apply(this, aArgs);
+		if (this.oWhatsNewDialog) {
+			this.oWhatsNewDialog.destroy();
+		}
+	};
+
+	return WhatsNew;
+});

package/src/sap/ui/rta/util/whatsNew/WhatsNewDialog.fragment.xml

@@ -0,0 +1,81 @@
+<core:FragmentDefinition
+	xmlns:core="sap.ui.core"
+	xmlns="sap.m"
+	xmlns:grid="sap.ui.layout.cssgrid"
+	xmlns:f="sap.f"
+	xmlns:util="sap.ui.fl.util">
+	<Dialog
+		id="sapUiRtaWhatsNewDialog"
+		title="{i18n>TIT_WHATS_NEW_DIALOG}"
+		contentWidth="50rem"
+		contentHeight="33rem"
+		horizontalScrolling="false">
+		<content>
+			<Carousel
+				id="sapWhatsNewDialogCarousel"
+				loop="true"
+				pages="{path: 'whatsNewModel>/featureCollection',  templateShareable: false}"
+				height="33rem"
+				width="100%">
+				<pages>
+					<Page enableScrolling="true" showHeader="false">
+						<VBox height="100%" width="100%">
+							<Title text="{whatsNewModel>title}" class="sapUiMediumMarginTop sapUiLargeMarginBegin sapUiTinyMarginBottom" level="H3"/>
+							<f:Card width="44rem" height="24rem" class="sapUiLargeMarginBeginEnd sapUiSmallMarginBottom">
+								<f:content>
+									<Page showHeader="false" backgroundDesign="Transparent">
+											<VBox items="{path: 'whatsNewModel>information', templateShareable: false}" class="sapUiSmallMargin">
+												<HBox alignItems="Center" class="sapUiTinyMargin">
+													<FormattedText
+														visible="{= (${whatsNewModel>image} === null ? true : false) &amp;&amp; (${whatsNewModel>text} !== null ? true : false)}"
+														htmlText="{whatsNewModel>text}"
+														/>
+													<Image
+														src= "{whatsNewModel>image}"
+														visible="{= (${whatsNewModel>image} !== null ? true : false) &amp;&amp; (${whatsNewModel>text} === null ? true : false)}"
+														class="whatsNewImage"
+														width="100%"
+														/>
+													<grid:CSSGrid
+														visible="{= (${whatsNewModel>image} !== null ? true : false) &amp;&amp; (${whatsNewModel>text} !== null ? true : false)}"
+														gridTemplateColumns="2fr 3fr"
+														gridGap="1rem">
+														<Image
+															src= "{whatsNewModel>image}"
+															class="whatsNewImage"
+															width="100%"/>
+														<HBox alignItems="Center">
+															<FormattedText htmlText="{whatsNewModel>text}"/>
+														</HBox>
+													</grid:CSSGrid>
+												</HBox>
+											</VBox>
+									</Page>
+								</f:content>
+							</f:Card>
+						</VBox>
+					</Page>
+				</pages>
+			</Carousel>
+		</content>
+		<footer>
+			<Toolbar>
+				<content>
+					<CheckBox
+						id="whatsNewDialog_DontShowAgain"
+						text="{i18n>TXT_DONT_SHOW_AGAIN_WHATS_NEW_DIALOG}">
+					</CheckBox>
+					<ToolbarSpacer />
+					<Button
+						id="sapUiRtaWhatsNewDialog_LearnMore"
+						text="{i18n>BTN_LEARN_MORE_WHATS_NEW_DIALOG}"
+						press=".onLearnMorePress"/>
+					<Button
+						id="sapUiRtaWhatsNewDialog_ButtonClose"
+						text="{i18n>BTN_CLOSE_FEEDBACK_DIALOG}"
+						press=".closeWhatsNewDialog"/>
+				</content>
+			</Toolbar>
+		</footer>
+	</Dialog>
+</core:FragmentDefinition>

package/src/sap/ui/rta/util/whatsNew/WhatsNewOverview.js

@@ -0,0 +1,82 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/m/library",
+	"sap/ui/core/Fragment",
+	"sap/ui/model/json/JSONModel",
+	"sap/ui/model/resource/ResourceModel",
+	"sap/ui/rta/util/whatsNew/WhatsNewUtils"
+], function(
+	mLibrary,
+	Fragment,
+	JSONModel,
+	ResourceModel,
+	WhatsNewUtils
+) {
+	"use strict";
+	const WhatsNewOverview = {};
+	const oURLHelper = mLibrary.URLHelper;
+	let oWhatsNewOverviewDialog;
+	let aWhatsNewOverviewContent;
+
+	async function getWhatsNewOverviewContent() {
+		const aFeatures = await WhatsNewUtils.getFilteredFeatures([]);
+		return [...aFeatures].reverse();
+	}
+
+	WhatsNewOverview.openWhatsNewOverviewDialog = async function() {
+		const oWhatsNewDialogModel = new JSONModel();
+		aWhatsNewOverviewContent = await getWhatsNewOverviewContent();
+		oWhatsNewDialogModel.setData({ featureCollection: aWhatsNewOverviewContent });
+		oWhatsNewDialogModel.setProperty("overviewActive", true);
+		if (!oWhatsNewOverviewDialog) {
+			await WhatsNewOverview.createWhatsNewOverviewDialog(oWhatsNewDialogModel);
+		}
+		oWhatsNewOverviewDialog.open();
+
+		return oWhatsNewOverviewDialog;
+	};
+
+	WhatsNewOverview.createWhatsNewOverviewDialog = async function(oWhatsNewDialogModel) {
+		const oRTAResourceModel = new ResourceModel({ bundleName: "sap.ui.rta.messagebundle" });
+		oWhatsNewOverviewDialog = await Fragment.load(
+			{
+				name: "sap.ui.rta.util.whatsNew.WhatsNewOverviewDialog",
+				controller: WhatsNewOverview
+			}
+		);
+		oWhatsNewOverviewDialog.setModel(oRTAResourceModel, "i18n");
+		oWhatsNewOverviewDialog.setModel(oWhatsNewDialogModel, "whatsNewModel");
+	};
+
+	WhatsNewOverview.closeWhatsNewOverviewDialog = function() {
+		if (oWhatsNewOverviewDialog) {
+			oWhatsNewOverviewDialog.close();
+		}
+	};
+
+	WhatsNewOverview.backToOverview = function() {
+		var oContext = oWhatsNewOverviewDialog.getBindingContext("whatsNewModel");
+		oContext.setProperty("overviewActive", true);
+	};
+
+	WhatsNewOverview.onSelectListItem = function(oEvent) {
+		const oSelectedItem = oEvent.getSource();
+		const oContext = oSelectedItem.getBindingContext("whatsNewModel");
+		const sPath = oContext.getPath();
+		oContext.setProperty("overviewActive", false);
+		oWhatsNewOverviewDialog.bindElement({ path: sPath, model: "whatsNewModel" });
+	};
+
+	WhatsNewOverview.onLearnMorePress = function(oEvent) {
+		const sPath = oEvent.getSource().getBindingContext("whatsNewModel").getPath();
+		const sLearnMoreUrl = WhatsNewUtils.getLearnMoreURL(sPath, aWhatsNewOverviewContent);
+		oURLHelper.redirect(sLearnMoreUrl, true);
+	};
+
+	return WhatsNewOverview;
+});