@openui5/sap.ui.table 1.141.2 → 1.142.0

package/README.md

@@ -4,13 +4,13 @@
 Runtime resources of the [OpenUI5](https://github.com/UI5/openui5) UI Library **sap.ui.table**.
 
 ## Usage
-Add this library as a dependency to your UI5 project by using [UI5 Tooling](https://sap.github.io/ui5-tooling/):
+Add this library as a dependency to your UI5 project by using [UI5 CLI](https://ui5.github.io/cli/):
 
 ```
 ui5 add sap.ui.table
 ```
 
-For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://sap.github.io/ui5-tooling/pages/OpenUI5/).
+For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://ui5.github.io/cli/pages/OpenUI5/).
 
 ## License
 OpenUI5 is licensed under [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0), see [LICENSE.txt](LICENSE.txt).

package/REUSE.toml

@@ -21,6 +21,44 @@ SPDX-License-Identifier = "Apache-2.0"
 #
 
 
+# Library: sap.f:
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Fiori"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons Business Suite"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons TNT"
+
+
 # Library: sap.m:
 
 [[annotations]]

package/THIRDPARTY.txt

@@ -4,6 +4,39 @@ each subcomponent.
 The full text of all referenced licenses is appended at the end of this file.
 
 
+Library: sap.f:
+
+Component: UI5 Web Components, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Fiori, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons Business Suite, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons TNT, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+
 Library: sap.m:
 
 Component: purify.js, version: 3.2.4
@@ -354,7 +387,7 @@ Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/D
 
 Library: sap.ui.integration:
 
-Component: UI5 Web Components, version: 1.7.0
+Component: UI5 Web Components, version: 2.15.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.table",
-  "version": "1.141.2",
+  "version": "1.142.0",
   "description": "OpenUI5 UI Library sap.ui.table",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,7 +14,7 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.141.2",
-    "@openui5/sap.ui.unified": "1.141.2"
+    "@openui5/sap.ui.core": "1.142.0",
+    "@openui5/sap.ui.unified": "1.142.0"
   }
 }

package/src/sap/ui/table/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.141.2</version>
+  <version>1.142.0</version>
 
   <documentation>Table-like controls, mainly for desktop scenarios.</documentation>
 

package/src/sap/ui/table/AnalyticalColumn.js

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * @extends sap.ui.table.Column
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/table/AnalyticalColumnMenu.js

@@ -20,7 +20,7 @@ sap.ui.define(['./ColumnMenu', "sap/ui/unified/MenuRenderer", './utils/TableUtil
 	 * @extends sap.ui.table.ColumnMenu
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/table/AnalyticalTable.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * @see {@link topic:148892ff9aea4a18b912829791e38f3e Tables: Which One Should I Choose?}
 	 *
 	 * @extends sap.ui.table.Table
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/table/Column.js

@@ -63,7 +63,7 @@ sap.ui.define([
 	 * @class
 	 * The column allows you to define column specific properties that will be applied when rendering the table.
 	 * @extends sap.ui.core.Element
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/table/ColumnMenu.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @class
 	 * The column menu provides all common actions that can be performed on a column.
 	 * @extends sap.ui.unified.Menu
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * <code>sap.ui.commons</code> library.
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/table/Row.js

@@ -135,7 +135,7 @@ sap.ui.define([
 	 * @class
 	 * The row.
 	 * @extends sap.ui.core.Element
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/table/RowAction.js

@@ -6,21 +6,21 @@
 
 // Provides control sap.ui.table.RowAction
 sap.ui.define([
-	"./library",
 	"./utils/TableUtils",
 	"./RowActionRenderer",
 	"sap/ui/core/Control",
 	"sap/ui/core/Icon",
-	"sap/ui/unified/Menu",
-	"sap/ui/core/Popup"
+	"sap/ui/core/IconPool",
+	"sap/ui/core/Popup",
+	"sap/ui/unified/Menu"
 ], function(
-	library,
 	TableUtils,
 	RowActionRenderer,
 	Control,
 	Icon,
-	Menu,
-	Popup
+	IconPool,
+	Popup,
+	Menu
 ) {
 	"use strict";
 
@@ -34,8 +34,12 @@ sap.ui.define([
 	 * The <code>RowAction</code> control allows to display multiple action items which can be selected by the user.
 	 * If more action items are available as the available space allows to display an overflow mechanism is provided.
 	 * This control must only be used in the context of the <code>sap.ui.table.Table</code> control to define row actions.
+	 *
+	 * <b>Note</b>: The <code>RowActionItem</code> of type <code>Navigation</code> has a special role and is shown as the rightmost icon independent
+	 * of the order in the <code>items</code> aggregation.
+	 *
 	 * @extends sap.ui.core.Control
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 *
 	 * @constructor
 	 * @public
@@ -56,117 +60,13 @@ sap.ui.define([
 				/**
 				 * The action items which should be displayed.
 				 */
-				items: {type: "sap.ui.table.RowActionItem", multiple: true},
-
-				/*
-				 * Hidden aggregation for the internally used icon controls.
-				 */
-				_icons: {type: "sap.ui.core.Icon", multiple: true, visibility: "hidden"},
-
-				/*
-				 * Hidden aggregation for the internally used menu control.
-				 */
-				_menu: {type: "sap.ui.unified.Menu", multiple: false, visibility: "hidden"}
+				items: {type: "sap.ui.table.RowActionItem", multiple: true}
 			},
 			events: {}
 		},
 		renderer: RowActionRenderer
 	});
 
-	RowAction.prototype.init = function() {
-		/*
-		 * Enables or disables the fixed layout.
-		 * If enabled, the position of the icons is stable.
-		 *
-		 * @type {boolean}
-		 */
-		this._bFixedLayout = true;
-
-		this._aActions = ["", ""];
-		this._iLastCloseTime = 0;
-
-		this.addAggregation("_icons", new Icon(this.getId() + "-icon0", {
-				decorative: false,
-				press: [this._onIconPress, this]
-			})
-			.addStyleClass("sapUiTableActionIcon"))
-			.addDelegate({
-				onAfterRendering: function() {
-					const oIconDomRef = this.getAggregation("_icons")[0].getDomRef();
-
-					if (this._aActions[0] === "menu") {
-						oIconDomRef.setAttribute("aria-haspopup", "menu");
-					} else {
-						oIconDomRef.removeAttribute("aria-haspopup");
-					}
-				}
-			}, this);
-
-		this.addAggregation("_icons", new Icon(this.getId() + "-icon1", {
-				decorative: false,
-				press: [this._onIconPress, this]
-			})
-			.addStyleClass("sapUiTableActionIcon"))
-			.addDelegate({
-				onAfterRendering: function() {
-					const oIconDomRef = this.getAggregation("_icons")[1].getDomRef();
-
-					if (this._aActions[1] === "menu") {
-						oIconDomRef.setAttribute("aria-haspopup", "menu");
-					} else {
-						oIconDomRef.removeAttribute("aria-haspopup");
-					}
-				}
-			}, this);
-	};
-
-	RowAction.prototype.onBeforeRendering = function() {
-		const oRow = this.getRow();
-		const oTable = oRow ? oRow.getTable() : null;
-		const aIcons = this.getAggregation("_icons");
-		const aItems = this.getItems();
-		const aVisibleItems = this._getVisibleItems();
-		const iVisibleItems = aVisibleItems.length;
-		const iSize = this._getSize();
-		const sHeaderLabelId = oTable ? oTable.getId() + "-rowacthdr" : "";
-
-		if (this._bFixedLayout && iVisibleItems === 1 && iSize === 2 && aItems.length > 1 && aVisibleItems[0] === aItems[1]) {
-			aVisibleItems[0]._syncIcon(aIcons[1]);
-			this._aActions = ["", "action_fixed"];
-		} else if (iVisibleItems === 0 || iSize === 0) {
-			this._aActions = ["", ""];
-		} else if (iVisibleItems === 1 && iSize > 0) {
-			aVisibleItems[0]._syncIcon(aIcons[0]);
-			this._aActions = ["action", ""];
-		} else if (iVisibleItems === 2 && iSize === 2) {
-			aVisibleItems[0]._syncIcon(aIcons[0]);
-			aVisibleItems[1]._syncIcon(aIcons[1]);
-			this._aActions = ["action", "action"];
-		} else if (iVisibleItems > 2 && iSize === 2) {
-			aVisibleItems[0]._syncIcon(aIcons[0]);
-			aIcons[1].setSrc("sap-icon://overflow");
-			aIcons[1].setTooltip(TableUtils.getResourceText("TBL_ROW_ACTION_MORE"));
-			this._aActions = ["action", "menu"];
-		} else { // iVisibleItems > 2 && iSize === 1
-			aIcons[0].setSrc("sap-icon://overflow");
-			aIcons[0].setTooltip(TableUtils.getResourceText("TBL_ROW_ACTION_MORE"));
-			this._aActions = ["menu", ""];
-		}
-
-		aIcons.forEach(function(oIcon, iIndex) {
-			oIcon.removeAllAriaLabelledBy();
-			oIcon.removeStyleClass("sapUiTableActionHidden");
-
-			if (sHeaderLabelId) {
-				oIcon.addAriaLabelledBy(sHeaderLabelId);
-			}
-
-			if (this._aActions[iIndex] === "") {
-				oIcon.addStyleClass("sapUiTableActionHidden");
-			}
-		}.bind(this));
-	};
-
 	/*
 	 * @override
 	 * @inheritDoc
@@ -226,48 +126,67 @@ sap.ui.define([
 	RowAction.prototype._getSize = function() {
 		const oRow = this.getRow();
 		const oTable = oRow ? oRow.getTable() : null;
-		return oTable ? oTable.getRowActionCount() : 2;
+
+		return oTable ? oTable.getRowActionCount() : 3;
 	};
 
 	/**
-	 * Press Event handler for the inner icons.
+	 * Returns an overflow icon which opens a menu containing the overflowing items.
 	 *
-	 * @param {sap.ui.base.Event} oEvent The press event of the icon
+	 * @param {sap.ui.table.RowActionItem[]} aItems The visible action items (excluding navigation items)
+	 * @param {sap.ui.table.RowActionItem[]} aNavigationItems The visible navigation action items
+	 * @param {int} iItemsBeforeOverflow The number of items which are displayed before the overflow
+	 *
+	 * @returns {sap.ui.core.Icon} The overflow icon.
 	 * @private
 	 */
-	RowAction.prototype._onIconPress = function(oEvent) {
-		const oIcon = oEvent.getSource();
-		const iIconIndex = this.indexOfAggregation("_icons", oIcon);
-		const sAction = this._aActions[iIconIndex];
+	RowAction.prototype._getOverflowIcon = function(aItems, aNavigationItems, iItemsBeforeOverflow) {
+		if (!this._oOverflowIcon) {
+			this._oOverflowIcon = new Icon({
+				src: IconPool.getIconURI("overflow"),
+				decorative: false
+			}).addStyleClass("sapUiTableActionIcon");
+
+			this._oOverflowIcon.addDelegate({
+				onAfterRendering: function() {
+					this._oOverflowIcon.getDomRef().setAttribute("aria-haspopup", "Menu");
+				}
+			}, this);
+			this.addDependent(this._oOverflowIcon);
+		} else {
+			this._oOverflowIcon.detachPress(fnPress, this);
+		}
 
-		if (sAction === "action") {
-			this._getVisibleItems()[iIconIndex]._firePress();
-		} else if (sAction === "action_fixed") {
-			this._getVisibleItems()[0]._firePress();
-		} else if (sAction === "menu") {
-			let oMenu = this.getAggregation("_menu");
-			if (!oMenu) {
-				oMenu = new Menu();
-				this.setAggregation("_menu", oMenu, true);
-				oMenu.getPopup().attachClosed(function() {
-					this._iLastCloseTime = Date.now();
-				}, this);
-			}
-			oMenu.removeAllItems();
+		this._oOverflowIcon.attachPress({aItems, aNavigationItems, iItemsBeforeOverflow}, fnPress, this);
 
-			if (Date.now() - this._iLastCloseTime < 500) {
-				//Skip menu opening when the menu was closed directly before
-				return;
-			}
+		return this._oOverflowIcon;
+	};
 
-			const aItems = this.getItems();
-			for (let i = iIconIndex; i < aItems.length; i++) {
-				oMenu.addItem(aItems[i]._getMenuItem());
-			}
+	function fnPress(oEvent, mParameters) {
+		const aItems = mParameters.aItems;
+		const aNavigationItems = mParameters.aNavigationItems;
+		const iItemsBeforeOverflow = mParameters.iItemsBeforeOverflow;
+		const oTable = this.getRow().getTable();
 
-			oMenu.open(null, oIcon, Popup.Dock.EndTop, Popup.Dock.EndBottom, oIcon);
+		if (!oTable._oRowActionOverflowMenu) {
+			oTable._oRowActionOverflowMenu = new Menu();
+			oTable.addAggregation("_hiddenDependents", oTable._oRowActionOverflowMenu);
+		} else {
+			oTable._oRowActionOverflowMenu.removeAllItems();
 		}
-	};
+
+		for (let i = iItemsBeforeOverflow; i < aItems.length; i++) {
+			oTable._oRowActionOverflowMenu.addItem(aItems[i]._getOverflowMenuItem());
+		}
+
+		if (aNavigationItems.length >= this._getSize()) {
+			for (let i = 0; i < aNavigationItems.length - this._getSize(); i++) {
+				oTable._oRowActionOverflowMenu.addItem(aNavigationItems[i]._getOverflowMenuItem());
+			}
+		}
+
+		oTable._oRowActionOverflowMenu.open(true, oEvent.getSource(), Popup.Dock.CenterTop, Popup.Dock.CenterBottom, oEvent.getSource().getDomRef());
+	}
 
 	return RowAction;
 });

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

@@ -6,8 +6,20 @@
 
 // Provides control sap.ui.table.RowActionItem.
 sap.ui.define([
-	"./library", "./utils/TableUtils", "sap/ui/core/Element", "sap/ui/unified/MenuItem", "sap/ui/core/IconPool"
-], function(library, TableUtils, Element, MenuItem, IconPool) {
+	"./library",
+	"./utils/TableUtils",
+	"sap/ui/core/Element",
+	"sap/ui/core/Icon",
+	"sap/ui/core/IconPool",
+	"sap/ui/unified/MenuItem"
+], function(
+	library,
+	TableUtils,
+	Element,
+	Icon,
+	IconPool,
+	MenuItem
+) {
 	"use strict";
 
 	const RowActionType = library.RowActionType;
@@ -24,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.142.0
 	 * @since 1.45
 	 *
 	 * @constructor
@@ -77,17 +89,6 @@ sap.ui.define([
 		}
 	});
 
-	Item.prototype.init = function() {
-		this._oMenuItem = null;
-	};
-
-	Item.prototype.exit = function() {
-		if (this._oMenuItem) {
-			this._oMenuItem.destroy();
-			this._oMenuItem = null;
-		}
-	};
-
 	/**
 	 * Gets the instance of the row action this control belongs to.
 	 *
@@ -99,6 +100,28 @@ sap.ui.define([
 		return TableUtils.isA(oParent, "sap.ui.table.RowAction") ? oParent : null;
 	};
 
+	/**
+	 * @inheritDoc
+	 */
+	Item.prototype.setIcon = function(sIcon) {
+		this.setProperty("icon", sIcon, true);
+		if (this._oIcon) {
+			this._oIcon.setSrc(this._getIconUri());
+		}
+		return this;
+	};
+
+	/**
+	 * @inheritDoc
+	 */
+	Item.prototype.setText = function(sText) {
+		this.setProperty("text", sText, true);
+		if (this._oIcon) {
+			this._oIcon.setTooltip(sText);
+		}
+		return this;
+	};
+
 	/**
 	 * Fires the press event of this item with the relevant parameters.
 	 *
@@ -114,30 +137,12 @@ sap.ui.define([
 	};
 
 	/**
-	 * Creates, updates and returns the corresponding menu item.
-	 *
-	 * @returns {sap.ui.unified.MenuItem} The corresponding menu item
-	 * @private
-	 */
-	Item.prototype._getMenuItem = function() {
-		if (!this._oMenuItem) {
-			this._oMenuItem = new MenuItem({
-				select: [this._firePress, this]
-			});
-		}
-		this._oMenuItem.setIcon(this._getIcon());
-		this._oMenuItem.setVisible(this.getVisible());
-		this._oMenuItem.setText(this._getText(false));
-		return this._oMenuItem;
-	};
-
-	/**
-	 * Computes which icon should be used for this item.
+	 * Computes which icon should be used for this action item.
 	 *
 	 * @returns {string} The name of the icon in the icon font.
 	 * @private
 	 */
-	Item.prototype._getIcon = function() {
+	Item.prototype._getIconUri = function() {
 		const oIcon = this.getIcon();
 		if (oIcon) {
 			return oIcon;
@@ -152,7 +157,26 @@ sap.ui.define([
 	};
 
 	/**
-	 * Computes which text should be used for this item.
+	 * Returns an icon control which represents this action item.
+	 * @returns {sap.ui.core.Icon} The icon control.
+	 * @private
+	 */
+	Item.prototype._getIcon = function() {
+		if (!this._oIcon) {
+			this._oIcon = new Icon({
+				src: this._getIconUri(),
+				decorative: false,
+				tooltip: this._getText(),
+				press: [this._firePress, this]
+			});
+			this.addDependent(this._oIcon);
+		}
+
+		return this._oIcon;
+	};
+
+	/**
+	 * Computes which text should be used for this actionitem.
 	 *
 	 * @param {boolean} bPreferTooltip Whether the tooltip or text is preferred
 	 * @returns {string} The item text
@@ -173,14 +197,16 @@ sap.ui.define([
 	};
 
 	/**
-	 * Updates the given icon control with the property values of this item.
-	 *
-	 * @param {sap.ui.core.Icon} oIcon The icon control to update
+	 * Returns a menu item representing this action item.
+	 * @returns {sap.ui.unified.MenuItem} A menu item representing this action item
 	 * @private
 	 */
-	Item.prototype._syncIcon = function(oIcon) {
-		oIcon.setSrc(this._getIcon());
-		oIcon.setTooltip(this._getText(true));
+	Item.prototype._getOverflowMenuItem = function() {
+		return new MenuItem({
+			text: this._getText(),
+			icon: this._getIconUri(),
+			select: [this._firePress, this]
+		});
 	};
 
 	return Item;