@openui5/sap.ui.mdc 1.141.2 → 1.142.0

package/src/sap/ui/mdc/rules/Table.support.js

@@ -4,178 +4,209 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/support/library"
-], function(SupportLibrary) {
+	"sap/ui/support/library",
+	"sap/base/Log"
+], (
+	SupportLibrary,
+	Log
+) => {
 	"use strict";
 
-	const Categories = SupportLibrary.Categories;
-	const Severity = SupportLibrary.Severity;
-    const Audiences = SupportLibrary.Audiences;
+	const {Categories, Severity, Audiences} = SupportLibrary;
 
-    const oHeaderVisibleFalseAndHiddenToolbar = {
-		id : "HeaderVisibleDisabled",
+	const oHeaderVisibleWhenToolbarHidden = {
+		id: "HeaderVisibleWhenToolbarHidden",
 		audiences: [Audiences.Control],
 		categories: [Categories.Accessibility],
 		enabled: true,
 		minversion: "1.121",
-		title: "Header visibility",
-		description: "Checks whether 'headerVisible' is set to false when the toolbar is hidden",
-		resolution: "Set the header visibility of the table to false using the 'headerVisible' property of the 'sap.ui.mdc.Table'",
+		title: "Header visibility when the toolbar is hidden",
+		description: "Checks 'headerVisible' when the toolbar is hidden",
+		resolution: "Set the 'headerVisible' property of the 'sap.ui.mdc.Table' to false",
 		resolutionurls: [],
 		check: function (oIssueManager, oCoreFacade, oScope) {
-			oScope.getElementsByClassName("sap.ui.mdc.Table")
-				.forEach(function(oElement) {
-					if (oElement && oElement.getHideToolbar() && oElement.getHeaderVisible()) {
-						oIssueManager.addIssue({
-							severity: Severity.High,
-							details: "HeaderVisible is true but toolbar is hidden. Set headerVisible to false.",
-							context: {
-								id: oElement.getId()
-							}
-						});
-					}
-				});
+			oScope.getElementsByClassName("sap.ui.mdc.Table").forEach((oTable) => {
+				if (oTable.getHideToolbar() && oTable.getHeaderVisible()) {
+					oIssueManager.addIssue({
+						severity: Severity.High,
+						details: "'headerVisible' is true but toolbar is hidden.",
+						context: {
+							id: oTable.getId()
+						}
+					});
+				}
+			});
 		}
 	};
 
-	const oHeaderSet = {
-		id : "HeaderPropertySet",
+	const oShowRowCountWhenToolbarHidden = {
+		id: "ShowRowCountWhenToolbarHidden",
 		audiences: [Audiences.Control],
 		categories: [Categories.Accessibility],
 		enabled: true,
 		minversion: "1.121",
-		title: "Table header value",
-		description: "Checks if the table 'header' is set",
-		resolution: "Set a table title via the 'header' property of the 'sap.ui.mdc.Table'",
+		title: "Showing row count when the toolbar is hidden",
+		description: "Checks 'showRowCount' when the toolbar is hidden",
+		resolution: "Set the 'showRowCount' property of the 'sap.ui.mdc.Table' to false",
 		resolutionurls: [],
-		check: function (oIssueManager, oCoreFacade, oScope) {
-			oScope.getElementsByClassName("sap.ui.mdc.Table")
-				.forEach(function(oElement) {
-					if (oElement && !oElement.getHeader()) {
-						oIssueManager.addIssue({
-							severity: Severity.High,
-							details: "Header isn't set. Set a title in the header property.",
-							context: {
-								id: oElement.getId()
-							}
-						});
-					}
-				});
+		check: function(oIssueManager, oCoreFacade, oScope) {
+			oScope.getElementsByClassName("sap.ui.mdc.Table").forEach((oTable) => {
+				if (oTable.getHideToolbar() && oTable.getShowRowCount()) {
+					oIssueManager.addIssue({
+						severity: Severity.Low,
+						details: "'showRowCount' is true but toolbar is hidden.",
+						context: {
+							id: oTable.getId()
+						}
+					});
+				}
+			});
 		}
 	};
 
-	const oIllustratedMessageForNoData = {
-		id : "IllustratedMessageForNoData",
+	const oEnableExportWhenToolbarHidden = {
+		id: "EnableExportWhenToolbarHidden",
 		audiences: [Audiences.Control],
 		categories: [Categories.Accessibility],
 		enabled: true,
 		minversion: "1.121",
-		title: "IllustratedMessage for noData",
-		description: "Checks whether 'noData' is an 'IllustratedMessage' when the toolbar is hidden",
-		resolution: "Set the 'noData' aggregation of the 'sap.ui.mdc.Table' to an 'sap.m.IllustratedMessage'",
-		resolutionurls: [{
-			text: "SAP Fiori Design Guidelines: Illustrated Message",
-			href: "https://experience.sap.com/fiori-design-web/illustrated-message/"
-		}],
+		title: "Export when the toolbar is hidden",
+		description: "Checks 'enableExport' when the toolbar is hidden",
+		resolution: "Set the 'enableExport' property of the 'sap.ui.mdc.Table' to false",
+		resolutionurls: [],
 		check: function (oIssueManager, oCoreFacade, oScope) {
-			oScope.getElementsByClassName("sap.ui.mdc.Table")
-				.forEach(function(oElement) {
-					if (oElement && oElement.getHideToolbar() && (!oElement.getNoData() || !oElement.getNoData().isA("sap.m.IllustratedMessage"))) {
-						oIssueManager.addIssue({
-							severity: Severity.High,
-							details: "'noData' aggregation is either not set or no 'sap.m.IllustratedMessage' control is used.",
-							context: {
-								id: oElement.getId()
-							}
-						});
-					}
-				});
+			oScope.getElementsByClassName("sap.ui.mdc.Table").forEach((oTable) => {
+				if (oTable.getHideToolbar() && oTable.getEnableExport()) {
+					oIssueManager.addIssue({
+						severity: Severity.Low,
+						details: "'enableExport' is true but toolbar is hidden.",
+						context: {
+							id: oTable.getId()
+						}
+					});
+				}
+			});
 		}
 	};
 
-	const oRowCountDisabled = {
-		id : "RowCountDisabled",
+	const oToolbarElementsWhenToolbarHidden = {
+		id: "ToolbarElementsWhenToolbarHidden",
 		audiences: [Audiences.Control],
 		categories: [Categories.Accessibility],
 		enabled: true,
 		minversion: "1.121",
-		title: "showRowCount disabled",
-		description: "Checks whether the 'showRowCount' is disabled when the toolbar is hidden",
-		resolution: "Set the 'showRowCount' property of the 'sap.ui.mdc.Table' to false",
+		title: "Actions, quickFilter, and a table-related VariantManagement when the toolbar is hidden",
+		description: "Checks whether the 'actions', 'quickFilter', and 'variant' aggregations are used when the toolbar is hidden",
+		resolution: "Remove 'actions', 'quickFilter', and 'variants' aggregations from the 'sap.ui.mdc.Table'",
 		resolutionurls: [],
 		check: function (oIssueManager, oCoreFacade, oScope) {
-			oScope.getElementsByClassName("sap.ui.mdc.Table")
-				.forEach(function(oElement) {
-					if (oElement && oElement.getHideToolbar() && oElement.getShowRowCount()) {
-						oIssueManager.addIssue({
-							severity: Severity.Low,
-							details: "'showRowCount' property of table is true but should be false.",
-							context: {
-								id: oElement.getId()
-							}
-						});
-					}
-				});
+			oScope.getElementsByClassName("sap.ui.mdc.Table").forEach((oTable) => {
+				const bActions = (oTable.getActions() !== undefined && oTable.getActions() !== null && oTable.getActions().length !== 0);
+				const bVariant = (oTable.getVariant() !== undefined && oTable.getVariant() !== null && oTable.getVariant().length !== 0);
+				const bQuickFilter = (oTable.getQuickFilter() !== undefined && oTable.getQuickFilter() !== null && oTable.getQuickFilter().length !== 0);
+
+				if (oTable.getHideToolbar() && (bActions || bVariant || bQuickFilter)) {
+					oIssueManager.addIssue({
+						severity: Severity.High,
+						details: "'actions', 'quickFilter', and 'variant' aggregations are not empty.",
+						context: {
+							id: oTable.getId()
+						}
+					});
+				}
+			});
 		}
 	};
 
-	const oActionsAndVariantsAndQuickFilterNotUsed = {
-		id : "ActionAndVariantsNotUsed",
+	const oHeader = {
+		id: "Header",
 		audiences: [Audiences.Control],
 		categories: [Categories.Accessibility],
 		enabled: true,
 		minversion: "1.121",
-		title: "Actions, quickFilter, and a table-related VariantManagement not used",
-		description: "Checks whether the 'actions', 'quickFilter', and 'variant' aggregations are used when the toolbar is hidden",
-		resolution: "Remove 'actions', 'quickFilter', and 'variants' aggregations from your 'sap.ui.mdc.Table'",
+		title: "Table header value",
+		description: "Checks if the table 'header' is set",
+		resolution: "Set a table title via the 'header' property of the 'sap.ui.mdc.Table'",
 		resolutionurls: [],
 		check: function (oIssueManager, oCoreFacade, oScope) {
-			oScope.getElementsByClassName("sap.ui.mdc.Table")
-				.forEach(function(oElement) {
-
-					const bActions = (oElement.getActions() !== undefined && oElement.getActions() !== null && oElement.getActions().length !== 0),
-						bVariant = (oElement.getVariant() !== undefined && oElement.getVariant() !== null && oElement.getVariant().length !== 0),
-						bQuickFilter = (oElement.getQuickFilter() !== undefined && oElement.getQuickFilter() !== null && oElement.getQuickFilter().length !== 0);
-
-					if (oElement && oElement.getHideToolbar() && (bActions || bVariant || bQuickFilter)) {
-						oIssueManager.addIssue({
-							severity: Severity.High,
-							details: "'actions', 'quickFilter', and 'variant' aggregations are not empty.",
-							context: {
-								id: oElement.getId()
-							}
-						});
-					}
-				});
+			oScope.getElementsByClassName("sap.ui.mdc.Table").forEach((oTable) => {
+				if (!oTable.getHeader()) {
+					oIssueManager.addIssue({
+						severity: Severity.High,
+						details: "Header isn't set. Set a title in the header property.",
+						context: {
+							id: oTable.getId()
+						}
+					});
+				}
+			});
 		}
 	};
 
-	const oExportDisabled = {
-		id : "ExportDisabled",
+	const oIllustratedMessageForNoData = {
+		id: "IllustratedMessageForNoData",
 		audiences: [Audiences.Control],
 		categories: [Categories.Accessibility],
 		enabled: true,
 		minversion: "1.121",
-		title: "enableExport disabled",
-		description: "Checks if 'enableExport' is set to true when the toolbar is hidden",
-		resolution: "Set the 'enableExport' property of the 'sap.ui.mdc.Table' to false",
-		resolutionurls: [],
+		title: "IllustratedMessage for noData",
+		description: "Checks whether 'noData' is an 'IllustratedMessage' when the toolbar is hidden",
+		resolution: "Set the 'noData' aggregation of the 'sap.ui.mdc.Table' to an 'sap.m.IllustratedMessage'",
+		resolutionurls: [{
+			text: "SAP Fiori Design Guidelines: Illustrated Message",
+			href: "https://experience.sap.com/fiori-design-web/illustrated-message/"
+		}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
-			oScope.getElementsByClassName("sap.ui.mdc.Table")
-				.forEach(function(oElement) {
-					if (oElement && oElement.getHideToolbar() && oElement.getEnableExport()) {
-						oIssueManager.addIssue({
-							severity: Severity.Low,
-							details: "'enableExport' property of table is true but should be false because of the hidden toolbar.",
-							context: {
-								id: oElement.getId()
-							}
-						});
-					}
+			oScope.getElementsByClassName("sap.ui.mdc.Table").forEach((oTable) => {
+				if (oTable.getHideToolbar() && (!oTable.getNoData() || !oTable.getNoData().isA("sap.m.IllustratedMessage"))) {
+					oIssueManager.addIssue({
+						severity: Severity.High,
+						details: "'noData' aggregation is either not set or no 'sap.m.IllustratedMessage' control is used.",
+						context: {
+							id: oTable.getId()
+						}
+					});
+				}
+			});
+		}
+	};
+
+	const oStateValidation = {
+		id: "StateValidation",
+		audiences: [Audiences.Control],
+		categories: [Categories.Functionality],
+		enabled: true,
+		minversion: "1.141",
+		title: "Table reports invalid state modifications",
+		description: "The table contains state modifications, for example sort conditions, for non-existent PropertyInfo properties",
+		resolution: "Remove the invalid state modifications or add the missing PropertyInfo properties",
+		check: function(oIssueManager, oCoreFacade, oScope) {
+			oScope.getElementsByClassName("sap.ui.mdc.Table").forEach((oTable) => {
+				Log.getLogEntries().filter((oLogEntry) =>
+					oLogEntry.details === oTable.toString()
+					&& oLogEntry.level === Log.Level.ERROR
+					&& oLogEntry.message.startsWith("Invalid state:")
+				).forEach((oLogEntry) => {
+					oIssueManager.addIssue({
+						severity: Severity.High,
+						details: oLogEntry.message,
+						context: {
+							id: oTable.getId()
+						}
+					});
 				});
+			});
 		}
 	};
 
-	return [oHeaderVisibleFalseAndHiddenToolbar, oHeaderSet, oIllustratedMessageForNoData, oRowCountDisabled, oActionsAndVariantsAndQuickFilterNotUsed, oExportDisabled];
+	return [
+		oHeaderVisibleWhenToolbarHidden,
+		oShowRowCountWhenToolbarHidden,
+		oEnableExportWhenToolbarHidden,
+		oToolbarElementsWhenToolbarHidden,
+		oHeader,
+		oIllustratedMessageForNoData,
+		oStateValidation
+	];
 
 }, true);

package/src/sap/ui/mdc/table/ColumnSettings.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 *
 	 * @class The table type info class for the metadata-driven table.
 	 * @extends sap.ui.core.Element
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @author SAP SE
 	 * @constructor
 	 * @public

package/src/sap/ui/mdc/table/CreationRow.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * {@link sap.ui.mdc.table.Column#getCreationTemplate creationTemplate} aggregation of the {@link sap.ui.mdc.table.Column}.
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @constructor
 	 * @private
 	 * @ui5-restricted sap.fe

package/src/sap/ui/mdc/table/DragDropConfig.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.dnd.DragDropBase
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @public
 	 * @since 1.119

package/src/sap/ui/mdc/table/GridTableType.js

@@ -524,26 +524,13 @@ sap.ui.define([
 	};
 
 	GridTableType.prototype.scrollToIndex = function(iIndex) {
-		const oTable = this.getTable();
 		const oGridTable = this.getInnerTable();
 
 		if (!oGridTable) {
 			return Promise.reject();
 		}
 
-		return new Promise((resolve) => {
-			if (iIndex === -1) {
-				iIndex = MTableUtil.isEmpty(oTable.getRowBinding()) ? 0 : oTable.getRowBinding().getLength();
-			}
-
-			if (oGridTable._setFirstVisibleRowIndex(iIndex)) {
-				oGridTable.attachEventOnce("rowsUpdated", () => {
-					resolve();
-				});
-			} else {
-				resolve();
-			}
-		});
+		return oGridTable._scrollToIndex(iIndex);
 	};
 
 	GridTableType.prototype.getRowBinding = function() {

package/src/sap/ui/mdc/table/ODataV4PropertyHelper.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.mdc.table.PropertyHelper
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @private
 	 * @since 1.85

package/src/sap/ui/mdc/table/PropertyHelper.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.ui.mdc.util.PropertyHelper
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @private
 	 * @since 1.83

package/src/sap/ui/mdc/table/ResponsiveColumnSettings.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 *
 	 * @class The table type info class for the metadata-driven table.
 	 * @extends sap.ui.mdc.table.ColumnSettings
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @author SAP SE
 	 * @constructor
 	 * @public

package/src/sap/ui/mdc/table/RowActionItem.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * The <code>RowActionItem</code> control represents a action for a row.
 	 * This control can only be used in the context of <code>sap.ui.mdc.Table</code> control to define row actions.
 	 * @extends sap.ui.core.Element
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/mdc/table/RowSettings.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * The <code>RowSettings</code> control is used to configure a row.
 	 * This control can only be used in the context of the <code>sap.ui.mdc.Table</code> control to define row settings.
 	 * @extends sap.ui.core.Element
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/mdc/table/utils/Personalization.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * P13n utilities.
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @namespace
 	 * @alias sap.ui.mdc.table.utils.Personalization
 	 * @private

package/src/sap/ui/mdc/themes/base/Geomap.less

@@ -0,0 +1,50 @@
+@_sap_ui_mdc_Chart_ToolbarDesign: ~"Transparent";
+
+.sapUiMDCGeomap {
+  background: @sapUiChartBackgroundColor;
+  border-radius: @sapUiElementBorderCornerRadius;
+  padding-bottom: 1rem;
+  display: grid;
+}
+
+.sapUiMDCGeomapTempTextOuter{
+  grid-template-rows: auto 1fr;
+}
+
+.sapUiMDCChartTempText {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.sapUiMDCGeomapGrid{
+  grid-template-rows: auto auto 1fr;
+  grid-template-columns: minmax(0, 1fr);
+}
+
+
+.sapUiMDCGeomap .sapUiMDCGeomapBreadcrumbs {
+  margin-left: 1rem;
+  margin-top: 0.5rem;
+  max-width: 85%;
+}
+
+.sapUiMDCGeomap .sapMIBar.sapMTBHeader-CTX {
+  border-top-right-radius: @sapUiElementBorderCornerRadius;
+  border-top-left-radius: @sapUiElementBorderCornerRadius;
+}
+
+.sapUiMDCGeomap .sapUiMDCChartTempInnerText {
+  justify-content: center;
+  align-content: center;
+}
+
+.sapUiMDCSelectionButton.sapMPopover .sapMIBar.sapMSubHeader-CTX {
+  border-top-left-radius: @sapUiElementBorderCornerRadius;
+  border-top-right-radius: @sapUiElementBorderCornerRadius;;
+}
+
+.sapUiMDCGeomapInternal {
+  width: 100%;
+  padding: 1.25rem
+}

package/src/sap/ui/mdc/ushell/SemanticObjectMapping.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for...
 	 * @extends sap.ui.core.Element
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @constructor
 	 * @private
 	 * @since 1.120

package/src/sap/ui/mdc/ushell/SemanticObjectMappingItem.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for...
 	 * @extends sap.ui.core.Element
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @constructor
 	 * @private
 	 * @since 1.120

package/src/sap/ui/mdc/ushell/SemanticObjectUnavailableAction.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] initial settings for the new control
 	 * @class Type for...
 	 * @extends sap.ui.core.Element
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @constructor
 	 * @private
 	 * @since 1.120

package/src/sap/ui/mdc/util/InfoBar.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @class The <code>InfoBar</code> control provides an easy way of displaying filter information inside an <code>sap.ui.mdc.Chart</code> and an <code>sap.ui.mdc.Table</code>.
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @constructor
 	 * @private
 	 * @ui5-restricted sap.ui.mdc

package/src/sap/ui/mdc/util/PromiseCache.js

@@ -45,7 +45,7 @@ sap.ui.define(
 		 * Destroying the cache will cancel all registered promises and delete references. Convenience methods for promise creation, wrapping and replacement are offered.
 		 *
 		 * @author SAP SE
-		 * @version 1.141.2
+		 * @version 1.142.0
 		 * @alias sap.ui.mdc.util.PromiseCache
 		 * @since 1.85.0
 		 * @private

package/src/sap/ui/mdc/util/PropertyHelper.js

@@ -591,7 +591,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @private
 	 * @since 1.83

package/src/sap/ui/mdc/util/PropertyHelperUtil.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * Provides validation functions for checking the (required) usage of the PropertyHelper.
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @alias sap.ui.mdc.util.PropertyHelperUtil
 	 * @namespace
 	 * @since 1.132.0

package/src/sap/ui/mdc/valuehelp/Dialog.js

@@ -68,7 +68,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new control
 	 * @class Container for the {@link sap.ui.mdc.ValueHelp ValueHelp} element showing a dialog.
 	 * @extends sap.ui.mdc.valuehelp.base.Container
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @constructor
 	 * @public
 	 * @since 1.95.0
@@ -297,7 +297,7 @@ sap.ui.define([
 
 					DensityHelper.syncDensity(oDialog);
 
-					oDialog.setModel(this._oManagedObjectModel, "$help");
+					this.setModel(this._oManagedObjectModel, "$help");
 					this.setAggregation("_container", oDialog, true);
 
 					oDialog.isPopupAdaptationAllowed = function() {

package/src/sap/ui/mdc/valuehelp/FilterBar.js

@@ -12,7 +12,8 @@ sap.ui.define(
 		"sap/ui/mdc/valuehelp/FilterContainer",
 		"sap/m/Button",
 		"sap/m/p13n/enums/PersistenceMode",
-		"sap/m/OverflowToolbarLayoutData"
+		"sap/m/OverflowToolbarLayoutData",
+		"sap/ui/core/InvisibleText"
 	],
 	(
 		mLibrary,
@@ -22,7 +23,8 @@ sap.ui.define(
 		FilterContainer,
 		Button,
 		PersistenceMode,
-		OverflowToolbarLayoutData
+		OverflowToolbarLayoutData,
+		InvisibleText
 	) => {
 		"use strict";
 		const {OverflowToolbarPriority} = mLibrary;
@@ -39,7 +41,7 @@ sap.ui.define(
 		 * <b>Note:</b> The <code>FilterBar</code> can only be used for a {@link sap.ui.mdc.valuehelp.Dialog Dialog} and not on its own.
 		 * @extends sap.ui.mdc.filterbar.FilterBarBase
 		 * @author SAP SE
-		 * @version 1.141.2
+		 * @version 1.142.0
 		 * @constructor
 		 * @public
 		 * @since 1.124.0
@@ -251,6 +253,8 @@ sap.ui.define(
 		};
 
 		FilterBar.prototype.setBasicSearchField = function(oBasicSearchField) {
+			const fnGetAriaLabelId = (sSearchFieldId) => this.getId() + "__" + sSearchFieldId + "-labelledBy";
+
 			if (this._oBasicSearchField) {
 				const oLD = this._oBasicSearchField.getLayoutData();
 				if (oLD && oLD._bSetByFilterBar) {
@@ -261,6 +265,10 @@ sap.ui.define(
 					this._oFilterBarLayout.removeControl(this._oBasicSearchField);
 				}
 				this._oBasicSearchField.detachSubmit(this._handleFilterItemSubmit, this);
+
+				const sAriaLabelId = fnGetAriaLabelId(this._oBasicSearchField.getId());
+				this._oBasicSearchField.removeAriaLabelledBy(sAriaLabelId);
+				this.getInvisibleText(sAriaLabelId)?.destroy();
 			}
 			this._oBasicSearchField = oBasicSearchField;
 
@@ -276,6 +284,17 @@ sap.ui.define(
 					this.setExpandFilterFields(false);
 				}
 
+				const sAriaLabelId = fnGetAriaLabelId(oBasicSearchField.getId());
+				let oBasicSearchFieldAriaLabel = this.getInvisibleText(sAriaLabelId);
+				if (!oBasicSearchFieldAriaLabel) {
+					oBasicSearchFieldAriaLabel = new InvisibleText(sAriaLabelId, { text: {
+						path: "$help>/title",
+						formatter: (sTitle) => this._oRb.getText("valuehelp.SEARCHFIELD_ARIA_LABEL", [sTitle])
+					}});
+					this.addInvisibleText(oBasicSearchFieldAriaLabel);
+				}
+				oBasicSearchField.addAriaLabelledBy(oBasicSearchFieldAriaLabel);
+
 				if (this._oFilterBarLayout) {
 					this._oFilterBarLayout.insertControl(oBasicSearchField, this._oCollectiveSearch ? 1 : 0);
 				}