@openui5/sap.ui.mdc 1.98.0 → 1.101.0

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

@@ -0,0 +1,119 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	'sap/ui/core/Element',
+	'../library',
+	'sap/ui/core/IconPool',
+	'sap/ui/core/Core'
+], function(Element, library, IconPool, Core) {
+	"use strict";
+
+	var RowAction = library.RowAction;
+
+	/**
+	 * Constructor for new RowActionItem.
+	 *
+	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
+	 * @param {object} [mSettings] initial settings for the new control
+	 *
+	 * @class
+	 * 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.101.0
+	 *
+	 * @constructor
+	 * @experimental
+	 * @private
+	 * @ui5-restricted sap.fe
+	 * MDC_PUBLIC_CANDIDATE
+	 * @alias sap.ui.mdc.table.RowActionItem
+	 */
+
+	var RowActionItem = Element.extend("sap.ui.mdc.table.RowActionItem", {
+		metadata: {
+			library: "sap.ui.mdc",
+			properties: {
+				/**
+				 * Type of the row action item.
+				 *
+				 * As of version 1.98, only sap.ui.mdc.RowAction.Navigation is available.
+				 * Setting the type ensures default values for the properties <code>icon</code> and <code>text</code>.
+				 * If an icon or text is set explicitly this setting is used.
+				 */
+				type: {type: "sap.ui.mdc.RowAction"},
+				/**
+				 * Text for the row action item.
+				 *
+				 * Custom text cannot be set when using <code>sap.m.Table</code>.
+				 */
+				text: {type: "string"},
+				/**
+				 * Icon for the row action item.
+				 *
+				 * A custom icon cannot be set when using <code>sap.m.Table</code>
+				 */
+				icon: {type: "sap.ui.core.URI"},
+				/**
+				 * Whether the item should be visible on the screen.
+				 */
+				visible: {type: "boolean", defaultValue: true}
+			},
+			events: {
+				/**
+				 * Fired when the row action item is pressed.
+				 *
+				 * <code>sap.ui.table.Table</code>: The press event is fired when a row action item is pressed.
+				 *
+				 * <code>sap.m.Table</code>: The press event is fired when a row with a row action item is pressed.
+				 * The <code>sap.ui.mdc.Table</code>'s <code>rowPress</code> event is fired as well, when pressing a row with a row action item.
+				 *
+				 * @private
+				 */
+				press: {
+					parameters: {
+						/**
+						 * The binding context of the pressed row action
+						 */
+						bindingContext: {
+							type: "sap.ui.model.Context"
+						}
+					}
+				}
+			}
+		}
+	});
+
+	var mThemeParameters = {
+		navigationIcon: "navigation-right-arrow"
+	};
+
+	RowActionItem.prototype._getText = function () {
+		var sText;
+		if (this.getText()) {
+			sText = this.getText();
+		} else {
+			var oResourceBundle = Core.getLibraryResourceBundle("sap.ui.mdc");
+			if (this.getType() === RowAction.Navigation) {
+				sText = oResourceBundle.getText("table.ROW_ACTION_ITEM_NAVIGATE");
+			}
+		}
+		return sText;
+	};
+
+	RowActionItem.prototype._getIcon = function () {
+		var oIcon;
+		if (this.getIcon()) {
+			oIcon = this.getIcon();
+		} else if (this.getType() === RowAction.Navigation) {
+			oIcon = IconPool.getIconURI(mThemeParameters["navigationIcon"]);
+		}
+		return oIcon;
+	};
+
+	return RowActionItem;
+});

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

@@ -12,6 +12,8 @@ sap.ui.define([
 	/**
 	 * Constructor for new RowSettings.
 	 *
+	 * Caution: Only use bindings which are bound against the rows, as working functionalities cannot be ensured for other binding types.
+	 *
 	 * @param {string} [sId] Optional ID for the new object; generated automatically if no non-empty ID is given
 	 * @param {object} [mSettings] Initial settings for the new control
 	 *
@@ -19,7 +21,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.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @experimental
@@ -60,6 +62,14 @@ sap.ui.define([
 				 * If set to <code>true</code>, a navigation indicator is displayed at the end of the row.
 				 */
 				navigated : {type : "boolean", group : "Appearance", defaultValue : false}
+			},
+			aggregations: {
+				/**
+				 * The available actions for a row.
+				 *
+				 * rowActions cannot be bound with a factory. Additionally, {@link sap.m.Table} only works with row actions of type navigation.
+				 */
+				rowActions: {type: "sap.ui.mdc.table.RowActionItem", multiple: true}
 			}
 		}
 	});
@@ -89,5 +99,36 @@ sap.ui.define([
 		return mSettings;
 	};
 
+	RowSettings.prototype.getAllActions = function () {
+		var mSettings = {},
+			thisCloned = this.clone();
+
+		if (this.isBound("rowActions")) {
+			// Set bindingInfo for items aggregation to bindingInfo of rowActions
+			mSettings.items = thisCloned.getBindingInfo("rowActions");
+			var oTemplate = mSettings.items.template;
+			// Create temporary metdata information for later processing
+			mSettings.templateInfo = {
+				type: oTemplate.isBound("type") ? oTemplate.getBindingInfo("type") : oTemplate.getType(),
+				text: oTemplate.isBound("text") ? oTemplate.getBindingInfo("text") : oTemplate.getText(),
+				icon: oTemplate.isBound("icon") ? oTemplate.getBindingInfo("icon") : oTemplate.getIcon(),
+				visible: oTemplate.isBound("visible") ? oTemplate.getBindingInfo("visible") : oTemplate.getVisible()
+			};
+		} else {
+			mSettings.items = this.getRowActions();
+		}
+		return mSettings;
+	};
+
+	RowSettings.prototype.getRowActionCount = function () {
+		var iCount = 0;
+		if (this.isBound("rowActions")) {
+			iCount = 1;
+		} else {
+			iCount = this.getRowActions().length;
+		}
+		return iCount;
+	};
+
 	return RowSettings;
 });

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

@@ -118,7 +118,7 @@ sap.ui.define([
 		},
 
 		showUIColumns: function(oControl, oSource) {
-			oControl.getEngine().uimanager.show(oControl, oControl.getP13nMode(), oSource);
+			oControl.getEngine().uimanager.show(oControl, oControl.getActiveP13nModes(), oSource);
 		},
 
 		showUIFilter: function(oControl, oSource) {
@@ -130,31 +130,19 @@ sap.ui.define([
 		 *
 		 * @param {object} oControl The control for which the sorting is used
 		 * @param {string} sProperty The property for which the sorting is used
-		 * @param {boolean} bDescending Whether to sort in descending or ascending order
+		 * @param {sap.ui.core.SortOrder} sSortOrder Whether to sort in descending or ascending order
 		 * @param {boolean} [bRemoveAllExisting=true] Set to remove the previous sorters
 		 */
-		createSort: function(oControl, sProperty, bDescending, bRemoveAllExisting) {
-
-			var oSorter = {
-				selected: true,
-				name: sProperty,
-				descending: bDescending,
-				sorted: true
-			};
-
-			//check to revert sorting in case the sorter and its type already exists
-			oControl.getCurrentState().sorters.forEach(function(oProp) {
-				if (oProp.name == sProperty && oProp.descending === bDescending) {
-					oSorter.sorted = false;
-				}
-			});
-
-			var aItems = [oSorter];
-
+		createSort: function(oControl, sProperty, sSortOrder, bRemoveAllExisting) {
 			oControl.getEngine().createChanges({
 				control: oControl,
 				key: "Sort",
-				state: aItems,
+				state: [{
+					selected: true,
+					name: sProperty,
+					descending: sSortOrder === CoreLibrary.SortOrder.Descending,
+					sorted: sSortOrder !== CoreLibrary.SortOrder.None
+				}],
 				applyAbsolute: bRemoveAllExisting
 			});
 
@@ -176,7 +164,7 @@ sap.ui.define([
 				control: oControl,
 				key: "Group",
 				state: aGroup,
-				applyAbsolute: false
+				applyAbsolute: oControl._bMobileTable
 			});
 		},
 

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

@@ -16,7 +16,7 @@ sap.ui.define([
 	 *
 	 * @param {object[]} aProperties
 	 *     The properties to process in this helper
-	 * @param {object<string, object>} [mExtensions]
+	 * @param {Object<string, object>} [mExtensions]
 	 *     Key-value map, where the key is the name of the property and the value is the extension containing mode-specific information.
 	 *     The extension of a property is stored in a reserved <code>extension</code> attribute and its attributes must be specified with
 	 *     <code>mExtensionAttributeMetadata</code>.
@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.mdc.table.PropertyHelper
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/ui/mdc/table/menu/Item.js

@@ -0,0 +1,78 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"sap/ui/core/Core",
+	"sap/m/table/columnmenu/Item"
+], function(
+	Core,
+	ItemBase
+) {
+	"use strict";
+
+	var Item = ItemBase.extend("sap.ui.mdc.table.menu.Item", {
+		metadata: {
+			library: "sap.ui.mdc",
+			properties: {
+				key: {type: "string"}
+			}
+		}
+	});
+
+	Item.prototype.initializeContent = function() {
+		var oTable = this.getTable();
+		var oEngine = oTable.getEngine();
+		var sKey = this.getKey();
+		var oController = oEngine.getController(oTable, sKey);
+
+		return oTable.getEngine().uimanager.create(oTable, [sKey]).then(function(oDialog) {
+			var oContent = oDialog.removeContent(0);
+			oDialog.destroy();
+
+			this.setContent(oContent);
+			this.setLabel(oController.getUISettings().title);
+
+			oController.update(oTable.getPropertyHelper());
+			oEngine.validateP13n(oTable, sKey, this.getContent());
+
+			this.changeButtonSettings({
+				reset: {visible: oController.getResetEnabled()}
+			});
+		}.bind(this));
+	};
+
+	Item.prototype.onPress = function() {
+		var oTable = this.getTable();
+		oTable.getEngine().getController(oTable, this.getKey()).update(oTable.getPropertyHelper());
+	};
+
+	Item.prototype.onConfirm = function() {
+		var oTable = this.getTable();
+		oTable.getEngine().handleP13n(oTable, [this.getKey()]);
+	};
+
+	Item.prototype.onReset = function() {
+		var oTable = this.getTable();
+
+		oTable.getEngine().reset(oTable, [this.getKey()]).then(function() {
+			oTable._oQuickActionContainer.initializeQuickActions();
+			oTable._oColumnHeaderMenu._oPopover.invalidate();
+		});
+	};
+
+	Item.prototype.destroyContent = function() {
+		// The AdaptationFilterBar must not be destroyed! A new one cannot be created.
+		if (this.getKey() !== "Filter") {
+			return this;
+		}
+		return this.destroyAggregation("content");
+	};
+
+	Item.prototype.getTable = function() {
+		return this.getParent().getTable();
+	};
+
+	return Item;
+});

package/src/sap/ui/mdc/table/menu/ItemContainer.js

@@ -0,0 +1,60 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"sap/m/table/columnmenu/ItemContainer",
+	"sap/ui/mdc/table/menu/Item",
+	"sap/ui/core/Core"
+], function(
+	ItemContainerBase,
+	Item,
+	Core
+) {
+	"use strict";
+
+	var ItemContainer = ItemContainerBase.extend("sap.ui.mdc.table.menu.ItemContainer", {
+		metadata: {
+			library: "sap.ui.mdc",
+			associations: {
+				table: {type: "sap.ui.mdc.Table"}
+			}
+		}
+	});
+
+	ItemContainer.prototype.initializeItems = function() {
+		var oTable = this.getTable();
+		this.removeAllItems();
+
+		if (oTable.isSortingEnabled()) {
+			this.addItem(new Item({key: "Sort", icon: "sap-icon://sort"}));
+		}
+
+		if (oTable.isFilteringEnabled()) {
+			this.addItem(new Item({key: "Filter", icon: "sap-icon://filter"}));
+		}
+
+		if (oTable.isGroupingEnabled()) {
+			this.addItem(new Item({key: "Group", icon: "sap-icon://group-2"}));
+		}
+
+		if (oTable.getActiveP13nModes().includes("Column")) {
+			this.addItem(new Item({key: "Column", icon: "sap-icon://table-column"}));
+		}
+
+		return Promise.all(this.getItems().map(function(oItem) {
+			return oItem.initializeContent();
+		}));
+	};
+
+	ItemContainer.prototype.hasItems = function() {
+		return this.getEffectiveItems().length > 0;
+	};
+
+	ItemContainer.prototype.getTable = function() {
+		return Core.byId(this.getAssociation("table"));
+	};
+
+	return ItemContainer;
+});

package/src/sap/ui/mdc/table/menu/QuickActionContainer.js

@@ -0,0 +1,151 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"../TableSettings",
+	"../ResponsiveTableType",
+	"sap/m/table/columnmenu/QuickActionContainer",
+	"sap/m/table/columnmenu/QuickAction",
+	"sap/m/table/columnmenu/QuickSort",
+	"sap/m/table/columnmenu/QuickSortItem",
+	"sap/m/table/columnmenu/QuickGroup",
+	"sap/m/table/columnmenu/QuickGroupItem",
+	"sap/m/table/columnmenu/QuickTotal",
+	"sap/m/table/columnmenu/QuickTotalItem",
+	"sap/m/Button",
+	"sap/ui/core/Core",
+	"sap/ui/core/library"
+], function(
+	TableSettings,
+	ResponsiveTableType,
+	QuickActionContainerBase,
+	QuickAction,
+	QuickSort,
+	QuickSortItem,
+	QuickGroup,
+	QuickGroupItem,
+	QuickTotal,
+	QuickTotalItem,
+	Button,
+	Core,
+	CoreLibrary
+) {
+	"use strict";
+
+	var QuickActionContainer = QuickActionContainerBase.extend("sap.ui.mdc.table.menu.QuickActionContainer", {
+		metadata: {
+			library: "sap.ui.mdc",
+			associations: {
+				table: {type: "sap.ui.mdc.Table"},
+				column: {type: "sap.ui.mdc.table.Column"}
+			}
+		}
+	});
+
+	QuickActionContainer.prototype.initializeQuickActions = function() {
+		var oTable = this.getTable();
+		var oColumn = this.getColumn();
+		var oPropertyHelper = oTable.getPropertyHelper();
+		var pCreateContent = Promise.resolve();
+
+		this.destroyQuickActions(); // TODO: More efficient update would be good
+
+		if (oTable.isSortingEnabled()) {
+			var aSortableProperties = oPropertyHelper.getProperty(oColumn.getDataProperty()).getSortableProperties();
+			var aSortedProperties = oTable._getSortedProperties();
+
+			if (aSortableProperties.length > 0) {
+				this.addQuickAction(new QuickSort({
+					items: aSortableProperties.map(function(oProperty) {
+						var sSortOrder = CoreLibrary.SortOrder.None;
+						var mSortCondition = aSortedProperties.find(function(oSortedProperty) {
+							return oSortedProperty.name === oProperty.name;
+						});
+
+						if (mSortCondition) {
+							sSortOrder = mSortCondition.descending ? CoreLibrary.SortOrder.Descending : CoreLibrary.SortOrder.Ascending;
+						}
+						return new QuickSortItem({
+							key: oProperty.name,
+							label: oProperty.label,
+							sortOrder: sSortOrder
+						});
+					}),
+					change: function(oEvent) {
+						var oItem = oEvent.getParameter("item");
+						TableSettings.createSort(oTable, oItem.getKey(), oItem.getSortOrder(), false);
+					}
+				}));
+			}
+		}
+
+		if (oTable.isGroupingEnabled()) {
+			var aGroupableProperties = oPropertyHelper.getProperty(oColumn.getDataProperty()).getGroupableProperties();
+			var aGroupedProperties = oTable._getGroupedProperties();
+
+			if (aGroupableProperties.length > 0) {
+				this.addQuickAction(new QuickGroup({
+					items: aGroupableProperties.map(function(oProperty) {
+						var bGrouped = aGroupedProperties.some(function(oGroupedProperty) {
+							return oGroupedProperty.name === oProperty.name;
+						});
+
+						return new QuickGroupItem({
+							key: oProperty.name,
+							label: oProperty.label,
+							grouped: bGrouped
+						});
+					}),
+					change: function(oEvent) {
+						var oItem = oEvent.getParameter("item");
+						TableSettings.createGroup(oTable, oItem.getKey());
+					}
+				}));
+			}
+		}
+
+		if (oTable.isAggregationEnabled()) {
+			var aAggregatableProperties = oPropertyHelper.getProperty(oColumn.getDataProperty()).getAggregatableProperties();
+			var oAggregatedProperty = oTable._getAggregatedProperties();
+
+			if (aAggregatableProperties.length > 0) {
+				this.addQuickAction(new QuickTotal({
+					items: aAggregatableProperties.map(function(oProperty) {
+						return new QuickTotalItem({
+							key: oProperty.name,
+							label: oProperty.label,
+							totaled: oAggregatedProperty.hasOwnProperty(oProperty.name)
+						});
+					}),
+					change: function(oEvent) {
+						var oItem = oEvent.getParameter("item");
+						TableSettings.createAggregation(oTable, oItem.getKey());
+					}
+				}));
+			}
+		}
+
+		var bResizeButton = window.matchMedia("(hover:none)").matches && oTable._bMobileTable && oTable.getEnableColumnResize();
+		if (bResizeButton) {
+			var oColumnResize = ResponsiveTableType.startColumnResize(oTable._oTable, oTable._oTable.getColumns()[oTable.indexOfColumn(oColumn)], this.getMenu());
+			this.addQuickAction(oColumnResize);
+		}
+		return pCreateContent;
+	};
+
+	QuickActionContainer.prototype.hasQuickActions = function() {
+		return this.getEffectiveQuickActions().length > 0;
+	};
+
+	QuickActionContainer.prototype.getTable = function() {
+		return Core.byId(this.getAssociation("table"));
+	};
+
+	QuickActionContainer.prototype.getColumn = function() {
+		return Core.byId(this.getAssociation("column"));
+	};
+
+	return QuickActionContainer;
+});

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

@@ -1,3 +1,9 @@
 .sapUiMDCChart {
     background: @sapUiChartBackgroundColor;
+    border-radius: @sapUiElementBorderCornerRadius;
+    padding-bottom: 1rem;
+}
+
+.sapUiMDCChart .sapUiMDCChartBreadcrumbs {
+    margin-left: 1rem;
 }

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

@@ -0,0 +1,89 @@
+@mdctoken-large-line-height: 1.375rem;
+@mdctoken-small-line-height: 1rem;
+
+// hide Token border and background
+.sapUiMdcTokenizerDisplay .sapMToken {
+	border: 0px; // hide the border of a token
+	background-color: transparent; // remove background of Token
+	padding-left: 0px; // remove the left padding
+}
+
+.sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
+	padding-left: 0px; // remove left padding of a token. The right padding will be used to show the delimiters
+
+	// right margin and padding of the token (space for the delimiter)
+	padding-right: 0.375rem;
+	margin-right: 0.375rem;
+	margin-top: 0px;
+	margin-bottom: 0px;
+
+	color: @sapUiBaseText;
+	height: @mdctoken-small-line-height;
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
+	height: @mdctoken-large-line-height;
+}
+
+.sapUiSizeCozy .sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
+	// right margin and padding of the token (space for the delimiter)
+	padding-right: 0.5rem;
+	margin-right: 0.5rem;
+}
+
+// delimiters between tokens
+.sapUiMdcTokenizerDisplay .sapMToken::after {
+	content: attr(delimiter);
+	color: @sapUiBaseText;
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontMediumSize;
+	font-weight: normal;
+	vertical-align: middle;
+	margin-left: 0.25rem; // space between tokens. the left margin of the delimiter and the right side of the token
+	position: absolute;
+	line-height: @mdctoken-small-line-height;
+}
+
+.sapUiSizeCozy .sapUiMdcTokenizerDisplay .sapMToken::after {
+	margin-left: 0.4rem; // space between tokens. the left side margin of the token
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMToken::after {
+	line-height: @mdctoken-large-line-height;
+}
+
+// no delimiter after the last token
+.sapUiMdcTokenizerDisplay .sapMToken:last-child:after {
+	content: none;
+}
+
+
+
+// make the token focus invisible
+html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken:focus {
+	outline: 0px;
+}
+
+// make the token hover invisible
+html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken:hover {
+	background: transparent;
+	border: 0px;
+}
+
+.sapUiSizeCompact .sapUiMdcTokenizerDisplay.sapMTokenizer .sapMToken {
+	font-size: @sapMFontMediumSize;
+}
+
+
+
+.sapUiMdcTokenizerDisplay .sapMTokenText {
+	// enable selection of scrollcontainer
+	-webkit-user-select: text;
+    user-select: text;
+
+	line-height: @mdctoken-small-line-height;
+}
+
+.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMTokenText {
+	line-height: @mdctoken-large-line-height;
+}