@openui5/sap.m 1.106.0 → 1.107.0

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

@@ -1,9 +1,116 @@
+@_sap_m_plugins_CellSelector_ListSelectedColor: darken(@sapList_SelectionBackgroundColor, 2);
+
+@_sap_m_plugins_CellSelector_ListBackgroundColor_red: red(@_sap_m_plugins_CellSelector_ListSelectedColor);
+@_sap_m_plugins_CellSelector_ListBackgroundColor_green: green(@_sap_m_plugins_CellSelector_ListSelectedColor);
+@_sap_m_plugins_CellSelector_ListBackgroundColor_blue: blue(@_sap_m_plugins_CellSelector_ListSelectedColor);
+
+// Color Calculation: Base Color for Background is sapList_SelectionBackgroundColor. Calculated mathing color with alpha channel 0.2 with formula: color = (wanted_color - 255 + 255 * opacity) / opacity
+@_sap_m_plugins_CellSelector_Opacity: 0.3;
+@_sap_m_plugins_CellSelector_SelectionBackgroundColor_red: ((@_sap_m_plugins_CellSelector_ListBackgroundColor_red - 255 + 255 * @_sap_m_plugins_CellSelector_Opacity) / @_sap_m_plugins_CellSelector_Opacity);
+@_sap_m_plugins_CellSelector_SelectionBackgroundColor_green: ((@_sap_m_plugins_CellSelector_ListBackgroundColor_green - 255 + 255 * @_sap_m_plugins_CellSelector_Opacity) / @_sap_m_plugins_CellSelector_Opacity);
+@_sap_m_plugins_CellSelector_SelectionBackgroundColor_blue: ((@_sap_m_plugins_CellSelector_ListBackgroundColor_blue - 255 + 255 * @_sap_m_plugins_CellSelector_Opacity) / @_sap_m_plugins_CellSelector_Opacity);
+
+.colorMixin(@red; @green; @blue) when (@red > 0) and (@green > 0) and (@blue > 0) {
+	// If the calculated colors are above value 0, apply them
+	background-color: rgba(@_sap_m_plugins_CellSelector_SelectionBackgroundColor_red, @_sap_m_plugins_CellSelector_SelectionBackgroundColor_green, @_sap_m_plugins_CellSelector_SelectionBackgroundColor_blue, @_sap_m_plugins_CellSelector_Opacity);
+}
+
+.colorMixin(@red; @green; @blue) when (@red < 0), (@green < 0), (@blue < 0) {
+	// If any of the calculated colors are below 0, there is no equivalent color with an alpha channel of 0.3, apply the normal colors and give them an alpha value of 0.5 (fallback solution)
+	background-color: rgba(@_sap_m_plugins_CellSelector_ListBackgroundColor_red, @_sap_m_plugins_CellSelector_ListBackgroundColor_green, @_sap_m_plugins_CellSelector_ListBackgroundColor_blue, 0.5);
+}
+
 .sapMPluginsCellSelectorCanvas {
+	.colorMixin(@_sap_m_plugins_CellSelector_SelectionBackgroundColor_red; @_sap_m_plugins_CellSelector_SelectionBackgroundColor_green; @_sap_m_plugins_CellSelector_SelectionBackgroundColor_blue);
 	display: none;
 	position: absolute;
 	pointer-events: none;
-	background: rgba(14, 101, 235, 0.1);
-	border: 0.125rem solid @sapUiContentDragAndDropActiveColor;
+	border: 0.125rem solid @sapList_SelectionBorderColor;
 	box-sizing: border-box;
 	z-index: 7;
+
+	.sapMPluginsCellSelectorEdgeWrapper {
+		position: absolute;
+		z-index: 10;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background-clip: content-box;
+		width: 10px;
+		height: 10px;
+		pointer-events: all;
+	}
+	
+	.sapMPluginsCellSelectorEdgeWrapper:hover {
+		visibility: visible;
+		cursor: crosshair;
+		background: @sapList_SelectionBorderColor;
+		z-index: 10;
+	}
+
+	.sapMPluginsCellSelectorBorderLine {
+		position: absolute;
+		pointer-events: all;
+		z-index: 8;
+		height: 10px;
+		width: 10px;
+	}
+	
+	.sapMPluginsEdgeNE {
+		top: 0;
+		right: 0;
+		margin-top: -5px;
+		margin-right: -5px;
+	}
+	
+	.sapMPluginsEdgeNW {
+		top: 0;
+		left: 0;
+		margin-top: -5px;
+		margin-left: -5px;
+	}
+	
+	.sapMPluginsEdgeSE {
+		bottom: 0;
+		right: 0;
+		margin-bottom: -5px;
+		margin-right: -5px;
+	}
+	
+	.sapMPluginsEdgeSW {
+		bottom: 0;
+		left: 0;
+		margin-bottom: -5px;
+		margin-left: -5px;
+	}
+	
+	.sapMPluginsBorderN {
+		cursor: row-resize;
+		top: 0;
+		left: 0;
+		margin-top: -5px;
+	}
+	
+	.sapMPluginsBorderE {
+		cursor: col-resize;
+		top: 0;
+		right: 0;
+		margin-right: -5px;
+	}
+	
+	.sapMPluginsBorderS {
+		cursor: row-resize;
+		bottom: 0;
+		left: 0;
+		margin-bottom: -5px;
+	}
+	
+	.sapMPluginsBorderW {
+		cursor: col-resize;
+		top: 0;
+		left: 0;
+		margin-left: -5px;
+	}
+	
 }
+

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

@@ -16,6 +16,7 @@
 @_sap_m_IconTabBar_More_Button_Focus_Offset: 0.125rem;
 @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.375rem;
 @_sap_m_IconTabBar_More_Button_Border_Radius: inherit;
+@_sap_m_IconTabBar_HeaderMinHeight: 2.75rem;
 
 // ==================== Cozy size ====================
 
@@ -1298,6 +1299,7 @@ html[dir=rtl] {
 
 	box-shadow: @_sap_m_IconTabBar_ShellHeaderShadow;
 	background-color: @sapUiShellNavigationBackground;
+	min-height: @_sap_m_IconTabBar_HeaderMinHeight;
 
 	.sapMITBSelected .sapMITBContentArrow::after {
 		background: @sapUiShellNavigationSelectedColor;

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

@@ -36,6 +36,10 @@
 	word-wrap: break-word;
 }
 
+.sapMLnk.sapMLinkContainsEmptyIdicator {
+	pointer-events: none;
+}
+
 .sapMLnkMaxWidth {
 	max-width: 100%;
 }

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

@@ -332,7 +332,8 @@ html.sap-desktop .sapUiFioriObjectPage > section {
 		}
 	}
 
-	&.sapMPageWithHeader.sapMPageWithSubHeader {
+	&.sapMPage.sapMPageWithHeader.sapMPageWithSubHeader,
+  .sapMPage.sapMPageWithHeader.sapMPageWithSubHeader {
 		> section {
 			top: 4.5rem;
 		}

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

@@ -55,6 +55,7 @@
 @import "ImageContent.less";
 @import "Input.less";
 @import "InputBase.less";
+@import "ActionTile.less";
 
 /* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
 @import "ComboBoxTextField.less";

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

@@ -47,12 +47,11 @@ 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.106.0
+	 * @version 1.107.0
 	 * @constructor
 	 * @public
 	 * @since 1.63
 	 * @alias sap.m.upload.UploadSet
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel.
 	 */
 	var UploadSet = Control.extend("sap.m.upload.UploadSet", {
 		metadata: {
@@ -160,7 +159,12 @@ sap.ui.define([
 				  * The text of the CloudFile picker button. The default text is "Upload from cloud" (translated to the respective language).
 				  * @experimental Since 1.106.
 				  */
-				 cloudFilePickerButtonText: {type: 'string', defaultValue: ""}
+				 cloudFilePickerButtonText: {type: 'string', defaultValue: ""},
+				 /**
+				  * Lets the user upload entire files from directories and sub directories.
+				  * @since 1.107.
+				  */
+				 directory: {type: "boolean", group: "Behavior", defaultValue: false}
 				},
 			defaultAggregation: "items",
 			aggregations: {
@@ -827,6 +831,17 @@ sap.ui.define([
 		return this;
 	};
 
+	UploadSet.prototype.setDirectory = function (bDirectory) {
+		if (this.getDirectory() !== bDirectory) {
+			this.setProperty("directory", bDirectory);
+			this.getDefaultFileUploader().setDirectory(bDirectory);
+			if (bDirectory) {
+				this.setProperty("multiple", false); // disable multiple files selection when directory selection is enabled.
+			}
+		}
+		return this;
+	};
+
 	UploadSet.prototype.setMode = function(sMode) {
 		if (sMode === Library.ListMode.Delete) {
 			this.setProperty("mode", Library.ListMode.None);
@@ -952,23 +967,101 @@ 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;
-			// Handling drag and drop of multiple files to upload with multiple property set
-			if (oFiles && oFiles.length > 1 && !this.getMultiple()) {
+			var oItems = oEvent.getParameter("browserEvent").dataTransfer.items;
+			var aEntryTypes = Array.from(oItems).map(function (oEntry) {
+				var oWebKitEntry = oEntry.webkitGetAsEntry();
+				return {
+					entryType: oWebKitEntry && oWebKitEntry.isFile ? 'File' : 'Directory'
+				};
+			});
+			// handlding multiple property drag & drop scenarios
+			if (oItems && oItems.length > 1 && !this.getMultiple() && !this.getDirectory()) {
+				// Handling drag and drop of multiple files to upload with multiple property set
 				var sMessage = this._oRb.getText("UPLOADCOLLECTION_MULTIPLE_FALSE");
 				Log.warning("Multiple files upload is retsricted for this multiple property set");
 				MessageBox.error(sMessage);
 				return;
+			} else if (oItems && oItems.length > 1 && this.getMultiple() && !isFileOrFolderEntry('File', aEntryTypes)) {
+				var sMessageDropFilesOnly = this._oRb.getText("UPLOAD_SET_DIRECTORY_FALSE");
+				Log.warning("Multiple files upload is retsricted, drag & drop only files");
+				MessageBox.error(sMessageDropFilesOnly);
+				return;
+			}
+
+			// handling directory property drag & drop scenarios
+			if (oItems && !this.getDirectory() && isFileOrFolderEntry('Directory', aEntryTypes)) {
+				var sMessageDirectory = this._oRb.getText("UPLOAD_SET_DIRECTORY_FALSE");
+				Log.warning("Directory of files upload is retsricted for this directory property set");
+				MessageBox.error(sMessageDirectory);
+				return;
+			} else if (oItems && this.getDirectory() && !isFileOrFolderEntry('Directory', aEntryTypes)) {
+				var sMessageDragDropDirectory = this._oRb.getText("UPLOAD_SET_DROP_DIRECTORY");
+				Log.warning("Directory of files upload is retsricted, drag & drop only directories here.");
+				MessageBox.error(sMessageDragDropDirectory);
+				return;
+			}
+			if (oItems && oItems.length) {
+				this._getFilesFromDataTransferItems(oItems).then(function (oFiles) {
+					if (oFiles && oFiles.length) {
+						var oFileUploaderInstance = this.getDefaultFileUploader();
+						if (oFileUploaderInstance && oFileUploaderInstance._areFilesAllowed && oFileUploaderInstance._areFilesAllowed(oFiles)) {
+							this._processNewFileObjects(oFiles);
+						}
+					}
+				}.bind(this));
 			}
-			this._processNewFileObjects(oFiles);
+		}
+
+		function isFileOrFolderEntry(sType, aEntries) {
+			return aEntries.every(function (oEntry) {
+				return oEntry.entryType === sType;
+			});
+		}
+	};
+
+	UploadSet.prototype._getFilesFromDataTransferItems = function (dataTransferItems) {
+		var aFiles = [];
+		return new Promise(function (resolve, reject) {
+			var aEntriesPromises = [];
+			for (var i = 0; i < dataTransferItems.length; i++) {
+				aEntriesPromises.push(traverseFileTreePromise(dataTransferItems[i].webkitGetAsEntry()));
+			}
+			Promise.all(aEntriesPromises)
+				.then(function (entries) {
+					resolve(aFiles);
+				}, function(err) {
+					reject(err);
+				});
+		});
+
+		function traverseFileTreePromise(item) {
+			return new Promise(function (resolve, reject) {
+				if (item.isFile) {
+					item.file(function (oFile) {
+						aFiles.push(oFile);
+						resolve(oFile);
+					}, function(err){
+						reject(err);
+					});
+				} else if (item.isDirectory) {
+					var dirReader = item.createReader();
+					dirReader.readEntries(function (entries) {
+						var aEntriesPromises = [];
+						for (var i = 0; i < entries.length; i++) {
+							aEntriesPromises.push(traverseFileTreePromise(entries[i]));
+						}
+						resolve(Promise.all(aEntriesPromises));
+					});
+				}
+			});
 		}
 	};
 
+
 	UploadSet.prototype._getDragIndicator = function () {
 		return this._oDragIndicator;
 	};
@@ -1021,7 +1114,7 @@ sap.ui.define([
 				mimeType: this.getMediaTypes(),
 				icon: "",
 				iconFirst: false,
-				multiple: this.getMultiple(),
+				multiple: this.getDirectory() ? false : this.getMultiple(),
 				style: "Transparent",
 				name: "uploadSetFileUploader",
 				sameFilenameAllowed: true,
@@ -1035,7 +1128,8 @@ sap.ui.define([
 				typeMissmatch: [this._fireFileTypeMismatch, this],
 				fileSizeExceed: [this._fireFileSizeExceed, this],
 				filenameLengthExceed: [this._fireFilenameLengthExceed, this],
-				visible: !this.getUploadButtonInvisible()
+				visible: !this.getUploadButtonInvisible(),
+				directory: this.getDirectory()
 			});
 		}
 

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

@@ -34,12 +34,11 @@ 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.106.0
+	 * @version 1.107.0
 	 * @constructor
 	 * @public
 	 * @since 1.63
 	 * @alias sap.m.upload.UploadSetItem
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel.
 	 */
 	var UploadSetItem = Element.extend("sap.m.upload.UploadSetItem", {
 		metadata: {

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

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

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

@@ -27,7 +27,6 @@ sap.ui.define([
 	 * @public
 	 * @since 1.63
 	 * @alias sap.m.upload.Uploader
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var Uploader = Element.extend("sap.m.upload.Uploader", {
 		metadata: {

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

@@ -15,7 +15,6 @@
 	 * @alias sap.m.upload.UploaderHttpRequestMethod
 	 * @public
 	 * @since 1.90
-	 * @ui5-metamodel This enumeration will also be described in the SAPUI5 (legacy) design time metamodel
 	 */
 	var UploaderHttpRequestMethod = {