@sapui5/sap.suite.ui.commons 1.117.0 → 1.119.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.suite.ui.commons",
-  "version": "1.117.0",
+  "version": "1.119.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.117.0</version>
+	<version>1.119.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.117.0
+	 * @version 1.119.0
 	 * @since 1.65.0
 	 *
 	 * @constructor

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

@@ -124,7 +124,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

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

@@ -111,7 +111,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

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

@@ -18,7 +18,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

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

@@ -15,7 +15,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 * @since 1.60.0
 	 *
 	 * @constructor

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

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

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

@@ -14,7 +14,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

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

@@ -15,7 +15,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 * @since 1.56.0
 	 *
 	 * @constructor

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

@@ -1289,14 +1289,6 @@ sap.ui.define([
 		return this;
 	};
 
-	/**
-	 * @deprecated Not supported anymore
-	 */
-	ChartContainer.prototype.updateContent = function () {
-		this.updateAggregation("content");
-		this._bChartContentHasChanged = true;
-	};
-
 	ChartContainer.prototype.addAggregation = function (aggregationName, object, suppressInvalidate) {
 		if (aggregationName === "dimensionSelectors") {
 			return this.addDimensionSelector(object);

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

@@ -46,7 +46,9 @@ sap.ui.define([
 	"sap/m/IllustratedMessage",
 	"sap/m/IllustratedMessageType",
 	"sap/m/IllustratedMessageSize",
-	"sap/ui/core/format/FileSizeFormat"
+	"sap/ui/core/format/FileSizeFormat",
+	"sap/m/MessageToast",
+	"sap/m/CheckBox"
 ], function (
 	Button,
 	Dialog,
@@ -87,7 +89,9 @@ sap.ui.define([
 	IllustratedMessage,
 	IllustratedMessageType,
 	IllustratedMessageSize,
-	FileSizeFormat
+	FileSizeFormat,
+	MessageToast,
+	CheckBox
 ) {
 	"use strict";
 
@@ -97,6 +101,7 @@ sap.ui.define([
 	var ValueState = coreLibrary.ValueState;
 	var FilePickerModes = library.FilePickerModes;
 	var FilePickerType = library.FilePickerType;
+	var SelectionMode = library.SelectionModes;
 
 	var oResourceBundle = sap.ui.getCore().getLibraryResourceBundle("sap.suite.ui.commons");
 
@@ -111,7 +116,7 @@ sap.ui.define([
 	 * @class
 	 * @public
 	 * @internal
-	 * @version 1.117.0
+	 * @version 1.119.0
 	*/
 	var CloudFilePicker = Dialog.extend("sap.suite.ui.commons.CloudFilePicker", {
 		metadata: {
@@ -156,8 +161,7 @@ sap.ui.define([
 				 */
 				title: {
 					type: "string",
-					group: "Data",
-					defaultValue: oResourceBundle.getText("CFP_TITLE")
+					group: "Data"
 				},
 				/**
 				 * Specifies whether duplicate file check logic is needed.
@@ -206,6 +210,14 @@ sap.ui.define([
 				MIMEType: {
 					type: "string",
 					group: "Data"
+				},
+				/**
+				 * Specifies the Selection mode of the table
+				 */
+				selectionMode: {
+					type: "sap.suite.ui.commons.SelectionModes",
+					group: "Data",
+					defaultValue: "SingleSelectMaster"
 				}
 			},
 			events: {
@@ -253,11 +265,16 @@ sap.ui.define([
 			this.oNewFolderButton = null;
 			this.oNewFolderColumnListItem = null;
 			this.oCurrentParentData = null;
+			this.oSelectedFiles = [];
 			this.setResizable(true);
 			this.setDraggable(true);
 			this._createDialogContent();
 			this._createButton();
 
+			if (!this.getTitle()){
+				this.setTitle(this.getFilePickerType() ===  "Export" ? oResourceBundle.getText("CFP_EXPORT") : oResourceBundle.getText("CFP_UPLOAD"));
+			}
+
 			if (Device.system.phone) {
 				this.setStretch(true);
 			} else {
@@ -434,6 +451,7 @@ sap.ui.define([
 
 	CloudFilePicker.prototype._createTableContent = function () {
 		var sFilePickerType = this.getFilePickerType();
+		var sFileSelectionMode = this.getSelectionMode();
 		this.oNewFolderButton = new Button({
 			text: oResourceBundle.getText("CFP_TITLE_NEWFOLDER"),
 			type: ButtonType.Transparent,
@@ -518,7 +536,7 @@ sap.ui.define([
 			sticky:["HeaderToolbar","ColumnHeaders"],
 			headerDesign:"Plain",
 			noDataText: " ", // UX reccomends to show no text and table shows "No Data" by default
-			mode: "SingleSelectMaster",
+			mode: sFilePickerType === FilePickerType.Upload && sFileSelectionMode === SelectionMode.MultiSelect ? "None" : "SingleSelectMaster",
 			growing:true,
 			growingScrollToLoad:true,
 			itemPress: function(oControlEvent){
@@ -528,6 +546,7 @@ sap.ui.define([
 				var oContext = oSelectedItem.getBindingContext();
 				var bIsFolder = oContext.getObject("FileShareItemKind") === "folder";
 				if (bIsFolder) {
+					this._clearCheckboxFileSelections();
 					var oSelectedFolderInfo = this._createSelectionParameter(oSelectedItem);
 					var sFileShareItemId = oSelectedFolderInfo.getFileShareItemId();
 					oSelectedFolderInfo.path = oContext.getCanonicalPath();
@@ -538,10 +557,12 @@ sap.ui.define([
 						.createBindingContext(oSelectedFolderInfo.path);
 					this.aVisibleLinks.push({
 						fileShareItemId: sFileShareItemId,
-						title: oSelectedItem.getCells()[0].getItems()[1].getText()
+						title: this.getFilePickerType() === FilePickerType.Upload && this.getSelectionMode() === SelectionMode.MultiSelect ? oSelectedItem.getCells()[1].getItems()[1].getText() : oSelectedItem.getCells()[0].getItems()[1].getText()
 					});
 					this._updateBreadcrumbLinks();
 					this.oTableControl.setBindingContext(oNewContext);
+				} else if (!bIsFolder && sFilePickerType === FilePickerType.Upload && sFileSelectionMode === SelectionMode.MultiSelect) {
+					return;
 				} else {
 					var sFieldValue = oContext.getProperty("FileShareItemName");
 					this.oFileNameControl.setValue(sFieldValue);
@@ -569,6 +590,7 @@ sap.ui.define([
 					dataReceived: function () {
 						this.oTableControl.setNoData(null);
 						this.oTableControl.setNoDataText(oResourceBundle.getText("CFP_NO_DATA_FILESHARE"));
+						this.oTableControl.setBusy(false);
 						this.setBusy(false);
 					}.bind(this)
 				},
@@ -665,12 +687,11 @@ sap.ui.define([
 				})
 			},
 			updateFinished: function (oEvent) {
+				this._checkListForFiles();
 				if (!this.oTableControl.getBusy()) {
 					if (this.oCurrentParentData && Object.keys(this.oCurrentParentData).length !== 0) {
 						if (sFilePickerType === FilePickerType.Export){
 							this._setConfirmationButtonEnabled(this.oCurrentParentData.getProperty("isDocumentCreationAllowed"));
-						} else {
-							this._setConfirmationButtonEnabled(false);
 						}
 						this._enableDisableNewFolderBtn();
 					}
@@ -704,6 +725,39 @@ sap.ui.define([
 			oHeaderPopOver.openBy(oColumn);
 		}.bind(this));
 
+		if (this.getFilePickerType() === FilePickerType.Upload && this.getSelectionMode() === SelectionMode.MultiSelect) {
+			var oColumn = new Column({
+				width: "10%",
+				importance: "High"
+			})
+			this.oTableControl.insertColumn(oColumn, 0);
+			var oTemplate = this.oTableControl.getBindingInfo("items").template;
+			oTemplate.insertCell(
+				new CheckBox({
+					visible: {
+						path: "FileShareItemKind" ,
+						targetType: "any",
+						formatter: function (
+							sFileShareItemKind
+							) {
+								return sFileShareItemKind !== "folder";
+							}
+					},
+					select: function(oEvent) {
+						var oCurrentRow = oEvent.getSource().getParent();
+						if (oEvent.getSource().getSelected()) {
+							this.oSelectedFiles.push(oCurrentRow);
+							this._setConfirmationButtonEnabled(true);
+						} else {
+							this.oSelectedFiles.splice(this.oSelectedFiles.indexOf(oCurrentRow),1);
+							if (!this.oSelectedFiles.length) {
+								this._setConfirmationButtonEnabled(false);
+							}
+						}
+					}.bind(this)
+				}), 0);
+		}
+
 		var oPage = new Page({
 			showHeader:false,
 			content: [this.oTableControl],
@@ -720,30 +774,43 @@ sap.ui.define([
 			value: oResourceBundle.getText("CFP_TITLE_NEWFOLDER")
 		});
 		oNewFolderInput.attachBrowserEvent("click", function() {
-			oNewFolderInput.setValue("");
+			oNewFolderInput.selectText(0,oResourceBundle.getText("CFP_TITLE_NEWFOLDER").length);
 		});
-		oNewFolderInput.attachBrowserEvent("focusout", function(oEvent) {
+		var _createFolder = function(oEvent) {
 			if (oNewFolderInput && oNewFolderInput.getValue() !== "") {
 				// Check for duplicate folder by making a backend call - Create if returns true else show error
-				this.setBusy(true);
-				var sFileShareKey = this.oSelectControl.getSelectedKey();
 				var sSearchText = oEvent.target.value;
-				var sDocumentType = "folder";
-				this._checkForDuplicateFileAndFolder(sSearchText, sFileShareKey, sDocumentType, "")
-				.then(function (oSuccess) {
-					this.setBusy(false);
-					if (oSuccess.value.length) {
-						oNewFolderInput.setValueState(ValueState.Error);
-						oNewFolderInput.setValueStateText(oResourceBundle.getText("CFP_FOLDER_EXIST"));
-					} else {
-						oNewFolderInput.setValueState(ValueState.None);
-						oNewFolderInput.setValueStateText("");
-						this._makeNewFolderEntry(oEvent.target.value);
-					}
-				}.bind(this));
+				var sSpecialCharacters = /[!@#$%^&*()+\-=\[\]{};':"\\|,.<>\/?]/;
+				if (sSpecialCharacters.test(sSearchText)) {
+					oNewFolderInput.setValueState(ValueState.Error);
+					oNewFolderInput.setValueStateText(oResourceBundle.getText("CFP_FOLDERNAME_VALUESTATEMSG"));
+				} else {
+					this.setBusy(true);
+					var sFileShareKey = this.oSelectControl.getSelectedKey();
+					var sDocumentType = "folder";
+					this._checkForDuplicateFileAndFolder(sSearchText, sFileShareKey, sDocumentType,"")
+					.then(function (oSuccess) {
+						this.setBusy(false);
+						if (oSuccess.value.length) {
+							oNewFolderInput.setValueState(ValueState.Error);
+							oNewFolderInput.setValueStateText(oResourceBundle.getText("CFP_FOLDER_EXIST"));
+						} else {
+							oNewFolderInput.setValueState(ValueState.None);
+							oNewFolderInput.setValueStateText("");
+							this._makeNewFolderEntry(oEvent.target.value);
+						}
+					}.bind(this));
+				}
 			}
-		}.bind(this));
-
+		}.bind(this);
+		oNewFolderInput.attachBrowserEvent("focusout", function(oEvent) {
+			_createFolder(oEvent);
+		});
+		oNewFolderInput.attachBrowserEvent("keypress", function(oEvent) {
+			if (oEvent.keyCode === 13){
+				_createFolder(oEvent);
+			}
+		});
 		this.oNewFolderColumnListItem = new ColumnListItem({
 			cells: [
 					new HBox({
@@ -838,6 +905,7 @@ sap.ui.define([
 				oNewFolderContext.created();
 				this.oTableControl.setSelectedItem(this.oTableControl.getItems().length > 0 ? this.oTableControl.getItems()[0] : null);
 				this.setBusy(false);
+				new MessageToast.show(oResourceBundle.getText("CFP_FOLDERCREATION_MSG"));
 			}
 		}.bind(this));
 	};
@@ -860,6 +928,7 @@ sap.ui.define([
 	};
 
 	CloudFilePicker.prototype._fHandleSorting = function(oColumn, bIsAsc) {
+		this._clearCheckboxFileSelections();
 		var sNewSort = bIsAsc ? SortOrder.Ascending : SortOrder.Descending;
 		if (sNewSort === oColumn.getSortIndicator()) {
 			sNewSort = SortOrder.None;
@@ -900,6 +969,7 @@ sap.ui.define([
 						var oCrumb = new Link({
 							text: oVisibleLink.title,
 							press: function (oEvent) {
+								this._clearCheckboxFileSelections();
 								if (this.oNewFolderColumnListItem && this.oTableControl.indexOfItem(this.oNewFolderColumnListItem) > -1) {
 									this.oTableControl.removeItem(this.oNewFolderColumnListItem);
 									this.oNewFolderColumnListItem.destroy();
@@ -984,7 +1054,11 @@ sap.ui.define([
 						this._checkForDuplicateFileAndFolder(sCurrentItemInputName, this.oSelectControl.getSelectedKey(), sDocumentType, sCurrentFileMIMEType ? sCurrentFileMIMEType : '')
 						.then(function (oSuccess) {
 							this.setBusy(false);
-							if (oSuccess.value.length) {
+							var sExportingMIMEType = this.getMIMEType() ? oFileMIMETypes[this.getMIMEType()] : oFileMIMETypes[".gsheet"];
+							this.oReturnedDupFileInfo = oSuccess.value.find(function(oValue) {
+								return oValue.FileShareItemContentType === sExportingMIMEType;
+							});
+							if (this.oReturnedDupFileInfo) {
 								this._showOverwriteMessage(sCurrentItemInputName);
 							} else {
 								this.oFileNameControl.setValue(sCurrentItemInputName);
@@ -1088,6 +1162,12 @@ sap.ui.define([
 		var oSelectedItem = this.oTableControl.getSelectedItem();
 		if (oSelectedItem) {
 			mParameters.selectedFiles.push(this._createSelectionParameter(oSelectedItem));
+		} else if (bReplaceExistingFile) {
+			mParameters.selectedFiles.push(this._createFileParameters(this.oReturnedDupFileInfo));
+		} else {
+			this.oSelectedFiles.forEach(function(oItem) {
+				mParameters.selectedFiles.push(this._createSelectionParameter(oItem));
+			}.bind(this));
 		}
 
 		this.fireEvent("select", mParameters);
@@ -1098,6 +1178,46 @@ sap.ui.define([
 		}.bind(this));
 	};
 
+	CloudFilePicker.prototype._checkListForFiles = function () {
+		var bIsFileAvailable = this.oTableControl.getItems().some(function (oTableItem) {
+			return oTableItem.getBindingContext().getProperty("FileShareItemKind") !== "folder";
+		});
+		var oColumns = this.oTableControl.getColumns();
+		if (this.getFilePickerType() === FilePickerType.Upload && this.getSelectionMode() === SelectionMode.MultiSelect) {
+			oColumns[0].setVisible(bIsFileAvailable);
+        }
+		for (var i = oColumns.length - 4; i < oColumns.length; i++) {
+			oColumns[i].setVisible(bIsFileAvailable);
+		}
+	};
+
+	CloudFilePicker.prototype._clearCheckboxFileSelections = function() {
+		if (this.getFilePickerType() === FilePickerType.Upload && this.getSelectionMode() === SelectionMode.MultiSelect) {
+			this.oSelectedFiles.length = 0;
+			this.oTableControl.getItems().forEach(function(oItem) {
+				oItem.getCells()[0].setSelected(false);
+			});
+			this._setConfirmationButtonEnabled(false);
+		}
+	};
+
+	CloudFilePicker.prototype._createFileParameters = function(oValue) {
+		var oCloudFileInfo = new CloudFileInfo();
+		oCloudFileInfo.setFileShareId(oValue.FileShare);
+		oCloudFileInfo.setFileShareItemId(oValue.FileShareItem);
+		oCloudFileInfo.setParentFileShareItemId(oValue.ParentFileShareItem);
+		oCloudFileInfo.setIsFolder(oValue.FileShareItemKind === "folder");
+		oCloudFileInfo.setFileShareItemName(oValue.FileShareItemName);
+		oCloudFileInfo.setCreatedByUser(oValue.CreatedByUser);
+		oCloudFileInfo.setCreationDateTime(oValue.CreationDateTime);
+		oCloudFileInfo.setLastChangedByUser(oValue.LastChangedByUser);
+		oCloudFileInfo.setLastChangeDateTime(oValue.LastChangeDateTime);
+		oCloudFileInfo.setFileShareItemContentType(oValue.FileShareItemContentType);
+		oCloudFileInfo.setFileShareItemContentSize(oValue.FileShareItemContentSize);
+		oCloudFileInfo.setFileShareItemContentLink(oValue.FileShareItemContentLink);
+		return oCloudFileInfo;
+	};
+
 	CloudFilePicker.prototype._createSelectionParameter = function (oSelectedItem, oContextBinding) {
 		var oCloudFileInfo = new CloudFileInfo();
 		var oContext;

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 *
 	 * @constructor
 	 * @public
@@ -101,7 +101,7 @@ sap.ui.define([
 
 			if (oMicroProcessFlow._hasScrolling()) {
 				oRM.openStart("div");
-				oRM.attr("tabindex", "0");
+				oRM.attr("tabindex", "-1");
 				oRM.attr("id", oMicroProcessFlow.getId() + "-leftscroller");
 				oRM.class("sapSuiteUiCommonsMicroProcessFlowScroller").class("sapSuiteUiCommonsMicroProcessFlowLeftScroller");
 				oRM.openEnd();
@@ -140,7 +140,7 @@ sap.ui.define([
 			if (oMicroProcessFlow._hasScrolling()) {
 				oRM.openStart("div");
 				oRM.attr("id", oMicroProcessFlow.getId() + "-rightscroller");
-				oRM.attr("tabindex", "0");
+				oRM.attr("tabindex", "-1");
 				oRM.class("sapSuiteUiCommonsMicroProcessFlowScroller").class("sapSuiteUiCommonsMicroProcessFlowRightScroller");
 				oRM.openEnd();
 				oRM.openStart("span");
@@ -446,7 +446,7 @@ sap.ui.define([
 	MicroProcessFlow.prototype._getLeftScroller = function () {
 		if (!this._oLeftScroller) {
 			this._oLeftScroller = new Icon(this.getId() + "leftscroller", {
-				src: "sap-icon://nav-back"
+				src: "sap-icon://navigation-left-arrow"
 			});
 			this._oLeftScroller.addStyleClass("sapSuiteUiCommonsMicroProcessFlowArrow");
 		}

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.119.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -503,6 +503,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @param {sap.ui.core.RenderManager} oRm the render manager into which the control will be rendered
+	 * @returns {Array<{state: sap.suites.ui.commons.ProcessFlowNodeState,value: number}>}The array of attribubtes each containing the state and value of the state as an integer
 	 * @since 1.22
 	 */
 	ProcessFlowLaneHeader.prototype._renderDonutPercentages = function(oRm) { // EXC_SAP_006_1

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

@@ -320,12 +320,7 @@ sap.ui.define([
 		} else if (this._parent) {
 		// Changes the focus from previous node to the current one.
 			this.getParent()._changeNavigationFocus(this.getParent()._getLastNavigationFocusElement(), this);
-			// If the ID includes 'title', it is a title click event.
-			if (oEvent.target.id.indexOf("title") >= 0 && this.getIsTitleClickable()) {
-				this._parent.fireNodeTitlePress(this);
-			} else {
-				this._parent.fireNodePress(this);
-			}
+			this._parent.fireNodePress(this);
 
 		}
 		if (oEvent && !oEvent.isPropagationStopped()) {
@@ -590,9 +585,6 @@ sap.ui.define([
 			width: sWidth,
 			maxLines: iLinesCount
 		});
-		if (this.getIsTitleClickable()) {
-			this._headerControl.addStyleClass("sapSuiteUiCommonsProcessFlowNode3TitleClickable");
-		}
 		switch (this._getZoomLevel()) {
 			case library.ProcessFlowZoomLevel.One:
 				this._headerControl.addStyleClass("sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel1");
@@ -849,17 +841,17 @@ sap.ui.define([
 	 * Sets tag.
 	 *
 	 * @private
-	 * @param {object} newTag The new tag
+	 * @param {object<ProcessFlowNodeTag>} newTag The new tag is set for the ProcessFlowMode
 	 */
 	ProcessFlowNode.prototype._setTag = function (newTag) {
 		this._tag = newTag;
 	};
 
 	/**
-	 * Gets tag.
+	 * Gets tag of the ProcccesFlowNode.
 	 *
 	 * @private
-	 * @returns {object} The current tag
+	 * @returns {ProcessFlowNodeTag} The current tag of the ProcessFlowNode
 	 */
 	ProcessFlowNode.prototype._getTag = function () {
 		return this._tag;

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

@@ -201,9 +201,6 @@ sap.ui.define([
 	 */
 	ProcessFlowNodeRenderer._assignNodeClasses = function (oRm, oControl, nodeLevel) { // EXC_SAP_006_1, EXC_JSHINT_047
 		switch (nodeLevel) {
-			case ProcessFlowNodeRenderer._nodeLevels.iLevel0:
-				//oRm.writeAttribute("id", oControl.getId() + "-base-container");
-				break;
 			case ProcessFlowNodeRenderer._nodeLevels.iLevel1:
 				oRm.attr("id", oControl.getId() + "-corner-container");
 				break;

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

@@ -539,7 +539,19 @@ sap.ui.define([
 			}),
 			MonthDay: DateFormat.getDateInstance({
 				style: "medium"
-			})
+			}),
+			YearQuarter: DateFormat.getDateInstance({
+			pattern: "yyyy/QQ"
+			}),
+			YearMonth: DateFormat.getDateInstance({
+			pattern: "yyyy/MM"
+			}),
+			YearMonthWeek: DateFormat.getDateInstance({
+			pattern:  "yyyy/MM/w"
+			}),
+			YearMonthDay: DateFormat.getDateInstance({
+			pattern:  "yyyy/MM/dd"
+		})
 		};
 
 	/**
@@ -645,6 +657,10 @@ sap.ui.define([
 	 *
 	 * @param {function} fnGroupBy Grouping function.
 	 * @public
+	 * @returns {key: date|title :date|date :date} An object with three properties:
+	 * key: The key of the related group
+	 * title: The title of the related group
+	 * date: the date from the input
 	 */
 	Timeline.prototype.setCustomGrouping = function (fnGroupBy) {
 		var oBindingInfo = this.getBindingInfo("content");
@@ -864,17 +880,17 @@ sap.ui.define([
 		if (oDate instanceof Date) {
 			switch (sType) {
 				case TimelineGroupType.Year:
-					sKey = oDate.getFullYear();
+					sKey = DateFormats.Year.format(oDate);
 					sTitle = DateFormats.Year.format(oDate);
 					break;
 
 				case TimelineGroupType.Quarter:
-					sKey = oDate.getFullYear() + "/" + Math.floor(oDate.getMonth() / 4);
+					sKey = DateFormats.YearQuarter.format(oDate);
 					sTitle = DateFormats.Quarter.format(oDate);
 					break;
 
 				case TimelineGroupType.Month:
-					sKey = oDate.getFullYear() + "/" + oDate.getMonth();
+					sKey = DateFormats.YearMonth.format(oDate);
 					sTitle = DateFormats.Month.format(oDate);
 					break;
 
@@ -882,6 +898,7 @@ sap.ui.define([
 					var dateFrom = UI5Date.getInstance(oDate),
 						dateTo = UI5Date.getInstance(oDate),
 						year = oDate.getFullYear(),
+						month = oDate.getMonth(),
 						week = DateFormats.Week.format(oDate),
 						// find first and last day of the week
 						first = oDate.getDate() - oDate.getDay(),
@@ -889,13 +906,13 @@ sap.ui.define([
 						firstDay = UI5Date.getInstance(dateFrom.setDate(first)),
 						lastDay = UI5Date.getInstance(dateTo.setDate(last));
 
-					sKey = year + "/" + week;
+					sKey = DateFormats.YearMonthWeek.format(oDate);
 
 					sTitle = DateFormats.MonthDay.format(firstDay) + " \u2013 " + DateFormats.MonthDay.format(lastDay);
 					break;
 
 				case TimelineGroupType.Day:
-					sKey = oDate.getFullYear() + "/" + oDate.getMonth() + "/" + oDate.getDate();
+					sKey = DateFormats.YearMonthDay.format(oDate);
 					sTitle = DateFormats.Day.format(oDate);
 					break;
 
@@ -1199,8 +1216,8 @@ sap.ui.define([
 				} else {
 					this.aPrevFilters = aFilters.map(function (val) { return val; });
 					oBinding.filter(aFilters, FilterType.Control);
-				}
-			}
+				} 
+			} 
 		} else {
 			// for usecase without binding we just invalidate, because all filtering is done right before render is called
 			this.invalidate();
@@ -3056,7 +3073,7 @@ sap.ui.define([
 	};
 
 	Timeline.prototype._scrollingFadeout = function (useBinding) {
-		return this.getScrollingFadeout() !== ScrollingFadeout.None && this.getEnableScroll();
+		return false;
 	};
 
 	Timeline.prototype._setBusy = function (bBusy) {