@openui5/sap.m 1.103.0 → 1.105.0

package/src/sap/m/themes/base/Table.less

@@ -107,7 +107,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 .sapMListTblSubCntSpr,
 .sapMListTblSubCntHdr,
 .sapMListTblSubCntVal {
-	display: inline;
+	display: inline-flex;
 }
 
 .sapMListTblSubCntValBlock {
@@ -364,6 +364,11 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	outline-color: @sapUiContentContrastFocusColor;
 }
 
+// Allows truncation of text within children of a flex item.
+.sapMColumnHeaderContent {
+	min-width: 0;
+}
+
 .sapMColumnHeaderActive:active > .sapMColumnHeaderContent {
 	color: @sapUiListActiveTextColor;
 }
@@ -385,7 +390,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	font-weight: normal;
 	align-self: center;
 	padding-left: 0.5rem;
-	padding-right: 0.5rem;
+	box-sizing: border-box;
 }
 
 [aria-sort=ascending] > .sapMColumnHeader::after {
@@ -460,6 +465,10 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 	.sapMObjStatus {
 		vertical-align: middle;
 		line-height: 1.4;
+
+		.sapMObjStatusText {
+			line-height: inherit;
+		}
 	}
 }
 

package/src/sap/m/themes/base/TileContent.less

@@ -192,6 +192,18 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 	}
 }
 .sapMGTStateLoading {
+	&.sapMTileSmallPhone:not(.sapMGTActionMode) {
+		.sapMTileCntContentShimmerPlaceholderWithDescription{
+			padding-top: 0;
+		}
+		.sapMTileCntContentShimmerPlaceholderItem {
+			.sapMTileCntContentShimmerPlaceholderRows {
+				.sapMTileCntContentShimmerPlaceholderItemTextFooter, .sapMTileCntContentShimmerPlaceholderItemBox {
+					top:0rem;
+				}
+			}
+		}
+	}
 	.sapMTileCntContentShimmerPlaceholderItem {
 		.sapMTileCntContentShimmerPlaceholderRows {
 			.sapMTileCntContentShimmerPlaceholderItemTextFooter, .sapMTileCntContentShimmerPlaceholderItemBox {
@@ -203,6 +215,11 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 		padding: 1rem 0rem 0rem 0rem;
 	}
 }
+.sapMGT.sapMTileSmallPhone.sapMGTStateLoading.OneByOne {
+	.sapMTileCntContentShimmerPlaceholderItemTextFooter{
+		width: 5.875rem;
+	}
+}
 .sapMTileCntContentShimmerPlaceholderItem {
 	.sapMTileCntContentShimmerPlaceholderRows {
 		.sapMTileCntContentShimmerPlaceholderItemTextFooter, .sapMTileCntContentShimmerPlaceholderItemBox {

package/src/sap/m/themes/base/library.source.less

@@ -183,5 +183,6 @@
 @import "WizardStep.less";
 
 /* import plugin less files */
+@import "CellSelector.less";
 @import "ColumnResizer.less";
 @import "PasteProvider.less";

package/src/sap/m/upload/UploadSet.js

@@ -6,7 +6,6 @@
 
 sap.ui.define([
 	"sap/ui/core/Control",
-	"sap/ui/core/Icon",
 	"sap/ui/events/KeyCodes",
 	"sap/base/Log",
 	"sap/base/util/deepEqual",
@@ -27,9 +26,13 @@ sap.ui.define([
 	"sap/ui/core/dnd/DragDropInfo",
 	"sap/ui/core/dnd/DropInfo",
 	"sap/m/library",
-	"sap/m/upload/UploadSetToolbarPlaceholder"
-], function (Control, Icon, KeyCodes, Log, deepEqual, MobileLibrary, Button, Dialog, List, MessageBox, OverflowToolbar,
-			 StandardListItem, Text, ToolbarSpacer, FileUploader, UploadSetItem, Uploader, Renderer, UploaderHttpRequestMethod, DragDropInfo, DropInfo, Library, UploadSetToolbarPlaceholder) {
+	"sap/m/upload/UploadSetToolbarPlaceholder",
+	"sap/m/IllustratedMessage",
+	"sap/m/IllustratedMessageType",
+	"sap/m/IllustratedMessageSize"
+], function (Control, KeyCodes, Log, deepEqual, MobileLibrary, Button, Dialog, List, MessageBox, OverflowToolbar,
+			 StandardListItem, Text, ToolbarSpacer, FileUploader, UploadSetItem, Uploader, Renderer, UploaderHttpRequestMethod,
+			DragDropInfo, DropInfo, Library, UploadSetToolbarPlaceholder, IllustratedMessage,IllustratedMessageType, IllustratedMessageSize) {
 	"use strict";
 
 	/**
@@ -43,7 +46,7 @@ sap.ui.define([
 	 * and requests, unified behavior of instant and deferred uploads, as well as improved progress indication.
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 * @constructor
 	 * @public
 	 * @since 1.63
@@ -83,6 +86,14 @@ sap.ui.define([
 				 * Defines custom text for the 'No data' description label.
 				 */
 				noDataDescription: {type: "string", defaultValue: null},
+				/**
+				 * Defines custom text for the 'No data' text label.
+				 */
+				 dragDropText: {type: "string", defaultValue: null},
+				 /**
+				  * Defines custom text for the 'No data' description label.
+				  */
+				 dragDropDescription: {type: "string", defaultValue: null},
 				/**
 				 * Defines whether the upload process should be triggered as soon as the file is added.<br>
 				 * If set to <code>false</code>, no upload is triggered when a file is added.
@@ -156,7 +167,12 @@ sap.ui.define([
 				/**
 				 * Defines the uploader to be used. If not specified, the default implementation is used.
 				 */
-				uploader: {type: "sap.m.upload.Uploader", multiple: false}
+				uploader: {type: "sap.m.upload.Uploader", multiple: false},
+				/**
+			 	 * An illustrated message is displayed when no data is loaded or provided
+				 * @private
+				 */
+				 _illustratedMessage: { type: "sap.m.IllustratedMessage", multiple: false, visibility: "hidden" }
 			},
 			events: {
 				/**
@@ -462,14 +478,12 @@ sap.ui.define([
 		this._oRb = sap.ui.getCore().getLibraryResourceBundle("sap.m");
 
 		this._oList = null;
-		this._oNoDataIcon = new Icon(this.getId() + "-no-data-icon", {
-			src: "sap-icon://document",
-			size: "6rem",
-			noTabStop: true
-		});
 		this._oEditedItem = null;
 		this._oItemToBeDeleted = null;
 		this._mListItemIdToItemMap = {};
+		this._oUploadButton = null;
+		this._oDragIndicator = false;
+		this._bAttachEventListener = false;
 
 		// Drag&drop
 		this._$Body = null;
@@ -479,11 +493,16 @@ sap.ui.define([
 		this._aGroupHeadersAdded = [];
 		this._iFileUploaderPH = null;
 		this._oItemToUpdate = null;
+		var illustratedMessage = new IllustratedMessage({
+				illustrationType: IllustratedMessageType.NoData,
+				illustrationSize: IllustratedMessageSize.Auto,
+				title: this.getNoDataText(),
+				description: this.getNoDataDescription()
+			});
+		this.setAggregation("_illustratedMessage", illustratedMessage);
 	};
 
 	UploadSet.prototype.exit = function () {
-		this._oNoDataIcon.destroy();
-		this._oNoDataIcon = null;
 		if (this._oList) {
 			this._oList.destroy();
 			this._oList = null;
@@ -522,6 +541,12 @@ sap.ui.define([
 				});
 				oInput.trigger("focus");
 			}
+			if (this._oEditedItem && this._oEditedItem.getEditState()) {
+				var oMarkerContainer = this._oEditedItem.getListItem().getDomRef().querySelector(".sapMUSObjectMarkerContainer");
+				if (oMarkerContainer) {
+					oMarkerContainer.setAttribute("style", "display: none");
+				}
+			}
 		}
 	};
 
@@ -586,7 +611,8 @@ sap.ui.define([
 				if (this._oToolbar && this._iFileUploaderPH > -1) {
 					this._setFileUploaderInToolbar(this.getDefaultFileUploader());
 				} else if (this._oToolbar) {
-					this._oToolbar.insertContent(this.getDefaultFileUploader());
+					// fallback position to add file uploader control if UploadSetToolbarPlaceHolder instance not found
+					this._oToolbar.addContent(this.getDefaultFileUploader());
 				}
 			}
 		}
@@ -606,6 +632,18 @@ sap.ui.define([
 		return sNoDataDescription;
 	};
 
+	UploadSet.prototype.getDragDropText = function () {
+		var sDragDropText = this.getProperty("dragDropText");
+		sDragDropText = sDragDropText || this._oRb.getText("IllustratedMessage_TITLE_UploadCollection");
+		return sDragDropText;
+	};
+
+	UploadSet.prototype.getDragDropDescription = function () {
+		var sDragDropDescription = this.getProperty("dragDropDescription");
+		sDragDropDescription = sDragDropDescription || this._oRb.getText("IllustratedMessage_DESCRIPTION_UploadCollection");
+		return sDragDropDescription;
+	};
+
 	UploadSet.prototype.setToolbar = function (oToolbar) {
 		this.setAggregation("toolbar", oToolbar);
 		this.getToolbar();
@@ -787,6 +825,42 @@ sap.ui.define([
 		return this;
 	};
 
+	UploadSet.prototype._getIllustratedMessage = function () {
+		var oAggregation = this.getAggregation("_illustratedMessage");
+		if (oAggregation) {
+			if (this._getDragIndicator()) {
+				oAggregation.setIllustrationType(IllustratedMessageType.UploadCollection);
+				oAggregation.setTitle(this.getDragDropText());
+				oAggregation.setDescription(this.getDragDropDescription());
+				oAggregation.removeAllAdditionalContent();
+			} else {
+				oAggregation.setIllustrationType(IllustratedMessageType.NoData);
+				oAggregation.setTitle(this.getNoDataText());
+				oAggregation.setDescription(this.getNoDataDescription());
+				oAggregation.addAdditionalContent(this.getUploadButtonForIllustratedMessage());
+			}
+		}
+		return oAggregation;
+	};
+
+	UploadSet.prototype.getUploadButtonForIllustratedMessage = function () {
+		if (!this._oUploadButton) {
+			this._oUploadButton = new Button({
+				id: this.getId() + "-uploadButton",
+				type: MobileLibrary.ButtonType.Standard,
+				visible: this.getUploadEnabled(),
+				text: this._oRb.getText("UPLOADCOLLECTION_UPLOAD"),
+				ariaDescribedBy: this.getAggregation("_illustratedMessage").getId(),
+				press: function () {
+					var FileUploader = this.getDefaultFileUploader();
+					FileUploader.$().find("input[type=file]").trigger("click");
+				}.bind(this)
+			});
+		}
+
+		return this._oUploadButton;
+	};
+
 	/* ============== */
 	/* Public methods */
 	/* ============== */
@@ -837,6 +911,15 @@ sap.ui.define([
 	UploadSet.prototype._onDragEnterFile = function (oEvent) {
 		var oDragSession = oEvent.getParameter("dragSession");
 		var oDraggedControl = oDragSession.getDragControl();
+		if (!this._bAttachEventListener) {
+            window.addEventListener("focus", function() {
+                this._oDragIndicator = false;
+                this._getIllustratedMessage();
+            }.bind(this), true);
+            this._bAttachEventListener = true;
+        }
+		this._oDragIndicator = true;
+        this._getIllustratedMessage();
 		if (oDraggedControl) {
 			oEvent.preventDefault();
 		}
@@ -844,6 +927,8 @@ sap.ui.define([
 
 	UploadSet.prototype._onDropFile = function (oEvent) {
 		var oFiles;
+		this._oDragIndicator = false;
+		this._getIllustratedMessage();
 		oEvent.preventDefault();
 		if (this.getUploadEnabled()) {
 			oFiles = oEvent.getParameter("browserEvent").dataTransfer.files;
@@ -858,6 +943,10 @@ sap.ui.define([
 		}
 	};
 
+	UploadSet.prototype._getDragIndicator = function () {
+		return this._oDragIndicator;
+	};
+
 	/**
 	 * Starts uploading all files that comply with the restrictions defined in the <code>fileTypes</code>,
 	 * <code>maxFileNameLength</code>, <code>maxFileSize</code>, and <code>mediaTypes</code> properties.
@@ -1009,7 +1098,7 @@ sap.ui.define([
 
 	/**
 	 * Opens the FileUploader dialog. When an UploadSetItem is provided, this method can be used to update a file with a new version.
-	 * @param {sap.m.UploadSetItem} item The UploadSetItem to update with a new version. This parameter is mandatory.
+	 * @param {sap.m.upload.UploadSetItem} item The UploadSetItem to update with a new version. This parameter is mandatory.
 	 * @returns {this} this to allow method chaining
 	 * @since 1.103.0
 	 * @public
@@ -1153,7 +1242,7 @@ sap.ui.define([
 	 * Removes the error state from the list item. Used when the name of the file has been corrected.
 	 * @private
 	 * @param {object} oContext The UploadSet instance on which an attempt was made to save a new name of an existing List item.
-	 * @param {sap.m.UploadSetItem} oItem The List item on which the event was triggered.
+	 * @param {sap.m.upload.UploadSetItem} oItem The List item on which the event was triggered.
 	 */
 	UploadSet.prototype._removeErrorStateFromItem = function(oContext, oItem) {
 		oItem.errorState = null;
@@ -1518,7 +1607,7 @@ sap.ui.define([
 	/**
 	 * Returns UploadSetItem based on the items aggregation
 	 * @param {string} uploadSetItemId used for finding the UploadSetItem
-	 * @returns {sap.m.UploadSetItem} The matching UploadSetItem
+	 * @returns {sap.m.upload.UploadSetItem} The matching UploadSetItem
 	 * @private
 	 */
 	 UploadSet.prototype._getUploadSetItemById = function(uploadSetItemId) {
@@ -1534,7 +1623,7 @@ sap.ui.define([
 	/**
 	 * Returns an array of UploadSet items based on the items aggregation
 	 * @param {sap.m.ListItemBase[]} listItems The list items used for finding the UploadSetItems
-	 * @returns {sap.m.UploadSetItem[]} The matching UploadSetItems
+	 * @returns {sap.m.upload.UploadSetItem[]} The matching UploadSetItems
 	 * @private
 	 */
 	 UploadSet.prototype._getUploadSetItemsByListItems = function(listItems) {
@@ -1569,7 +1658,7 @@ sap.ui.define([
 
 	/**
 	 * Map group for item.
-	 * @param {sap.m.UploadSetItem} item The UploadSetItem to map group
+	 * @param {sap.m.upload.UploadSetItem} item The UploadSetItem to map group
 	 * @private
 	 */
 	 UploadSet.prototype._mapGroupForItem = function(item) {
@@ -1598,7 +1687,7 @@ sap.ui.define([
 
 	/**
 	 * Fills list with uploadSet items.
-	 * @param {sap.m.UploadSetItem[]} aItems The UploadSetItems the internal list is to be filled with
+	 * @param {sap.m.upload.UploadSetItem[]} aItems The UploadSetItems the internal list is to be filled with
 	 * @private
 	 */
 	UploadSet.prototype._fillListWithUploadSetItems = function (aItems){
@@ -1635,4 +1724,4 @@ sap.ui.define([
 		this._oToolbar.insertContent(fileUploader, this._iFileUploaderPH);
 	};
 	return UploadSet;
-});
+});

package/src/sap/m/upload/UploadSetItem.js

@@ -11,9 +11,7 @@ sap.ui.define([
 	"sap/ui/core/Icon",
 	"sap/ui/core/IconPool",
 	"sap/ui/core/HTML",
-	"sap/ui/core/util/File",
 	"sap/m/library",
-	"sap/m/BusyIndicator",
 	"sap/m/Button",
 	"sap/m/CustomListItem",
 	"sap/m/Image",
@@ -23,8 +21,8 @@ sap.ui.define([
 	"sap/m/ProgressIndicator",
 	"sap/m/VBox",
 	"sap/m/HBox"
-], function (Log, CoreLibrary, Element, Icon, IconPool, HTML, FileUtil,
-			 MobileLibrary, BusyIndicator, Button, CustomListItem, Image, Input, Label, Link, ProgressIndicator, VBox,
+], function (Log, CoreLibrary, Element, Icon, IconPool, HTML,
+			 MobileLibrary, Button, CustomListItem, Image, Input, Label, Link, ProgressIndicator, VBox,
 			 HBox) {
 	"use strict";
 
@@ -36,7 +34,7 @@ sap.ui.define([
 	 * @class Item that represents one file to be uploaded using the {@link sap.m.upload.UploadSet} control.
 	 * @extends sap.ui.core.Element
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 * @constructor
 	 * @public
 	 * @since 1.63
@@ -452,7 +450,7 @@ sap.ui.define([
 	 * Validates if the item is restricted, which means that it is restricted for the file type, media type, maximum file name length and maximum file size limit.
 	 *
 	 * @public
-         * @since 1.98
+	 * @since 1.98
 	 * @returns {boolean} <code>true</code> if item is restricted, <code>false</code> otherwise.
 	 *
 	 */
@@ -460,6 +458,18 @@ sap.ui.define([
 		return this._isRestricted();
 	};
 
+	/**
+	 * Returns edit state of the item.
+	 *
+	 * @public
+	 * @since 1.104.0
+	 * @returns {boolean} edit state of uploadSetItem
+	 *
+	 */
+	UploadSetItem.prototype.getEditState = function () {
+		return this._bInEditMode;
+	};
+
 	/* ============== */
 	/* Event handlers */
 	/* ============== */
@@ -483,6 +493,7 @@ sap.ui.define([
 				]
 			});
 			this._oListItem.addStyleClass("sapMUCItem");
+			this._oListItem.setTooltip(this.getTooltip_Text());
 		}
 
 		return this._oListItem;
@@ -699,7 +710,7 @@ sap.ui.define([
 	 * Retrieves the sap.m.ListItem from the internal sap.m.List based on the ID
 	 * @param {string} listItemId The item ID used for finding the UploadSetItem
 	 * @param {sap.m.ListItemBase[]} listItems The array of list items to search in
-	 * @returns {sap.m.UploadSetItem|null} The matching UploadSetItem or null if none is found
+	 * @returns {sap.m.upload.UploadSetItem|null} The matching UploadSetItem or null if none is found
 	 * @private
 	 */
 	UploadSetItem._findById = function(listItemId, listItems) {

package/src/sap/m/upload/UploadSetRenderer.js

@@ -54,29 +54,21 @@ sap.ui.define([
 
 	UploadSetRenderer.renderNoData = function(oRm, oControl) {
 		var oUploadSet = oControl.getParent();
+		oUploadSet.fnOriginalRenderDummyArea = oUploadSet.getList().getRenderer().renderDummyArea;
+		oUploadSet.getList().getRenderer().renderDummyArea = oUploadSet.getRenderer().renderDummyArea;
 		oRm.openStart("li", oUploadSet.getList().getId("nodata"));
 		oRm.attr("tabindex", 0);
 		oRm.class("sapMLIB").class("sapMUCNoDataPage");
 		ListItemBaseRenderer.addFocusableClasses.call(ListItemBaseRenderer, oRm);
 		oRm.openEnd();
-
-		oRm.renderControl(oUploadSet._oNoDataIcon);
-
-		oRm.openStart("div", oUploadSet.getId() + "-no-data-text");
-		oRm.class("sapMUCNoDataText");
-		oRm.openEnd();
-		oRm.text(oUploadSet.getNoDataText());
-		oRm.close("div");
-
-		if (oUploadSet.getUploadEnabled()) {
-			oRm.openStart("div" , oUploadSet.getId() + "-no-data-description");
-			oRm.class("sapMUCNoDataDescription");
-			oRm.openEnd();
-			oRm.text(oUploadSet.getNoDataDescription());
-			oRm.close("div");
-		}
+		oRm.renderControl(oUploadSet._getIllustratedMessage());
 		oRm.close("li");
 	};
 
+	UploadSetRenderer.renderDummyArea = function(oRm, oControl, sAreaId, iTabIndex) {
+		var oUploadSet = oControl.getParent();
+		oUploadSet.getList().getRenderer().renderDummyArea = oUploadSet.fnOriginalRenderDummyArea;
+	};
+
 	return UploadSetRenderer;
 });

package/src/sap/m/upload/UploadSetToolbarPlaceholder.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/upload/Uploader.js

@@ -10,10 +10,9 @@ sap.ui.define([
 	"sap/ui/core/Element",
 	"sap/ui/core/util/File",
 	"sap/ui/Device",
-	"sap/ui/core/Item",
 	"sap/m/upload/UploadSetItem",
 	"sap/m/upload/UploaderHttpRequestMethod"
-], function (Log, MobileLibrary, Element, FileUtil, Device, HeaderField, UploadSetItem, UploaderHttpRequestMethod) {
+], function (Log, MobileLibrary, Element, FileUtil, Device, UploadSetItem, UploaderHttpRequestMethod) {
 	"use strict";
 
 	/**