@sapui5/sap.fe.core 1.100.0 → 1.101.0

package/src/sap/fe/core/helpers/MassEditHelper.ts

@@ -1,19 +1,26 @@
+import Log from "sap/base/Log";
+import CommonUtils from "sap/fe/core/CommonUtils";
+import { BindingExpression, ExpressionOrPrimitive } from "sap/fe/core/helpers/BindingExpression";
+import PageController from "sap/fe/core/PageController";
+import { DataModelObjectPath, enhanceDataModelPath } from "sap/fe/core/templating/DataModelPathHelper";
+import { hasValueHelpWithFixedValues } from "sap/fe/core/templating/PropertyHelper";
+import { FieldProperties } from "sap/fe/macros/field/FieldProperties";
+import { getTextBinding, setEditStyleProperties } from "sap/fe/macros/field/FieldTemplating";
+import Button from "sap/m/Button";
 import Dialog from "sap/m/Dialog";
-import XMLTemplateProcessor from "sap/ui/core/XMLTemplateProcessor";
-import JSONModel from "sap/ui/model/json/JSONModel";
+import Core from "sap/ui/core/Core";
 import Fragment from "sap/ui/core/Fragment";
 import XMLPreprocessor from "sap/ui/core/util/XMLPreprocessor";
-import Log from "sap/base/Log";
-import CommonUtils from "sap/fe/core/CommonUtils";
+import XMLTemplateProcessor from "sap/ui/core/XMLTemplateProcessor";
+import EditMode from "sap/ui/mdc/enum/EditMode";
 import Table from "sap/ui/mdc/Table";
-import ResourceBundle from "sap/base/i18n/ResourceBundle";
-import Button from "sap/m/Button";
-import PageController from "sap/fe/core/PageController";
+import JSONModel from "sap/ui/model/json/JSONModel";
+import Context from "sap/ui/model/odata/v4/Context";
+import { CoreEx } from "types/extension_types";
+import Any, { AnyType } from "../controls/Any";
 import { convertMetaModelContext, getInvolvedDataModelObjects } from "../converters/MetaModelConverter";
-import { getTextBinding } from "sap/fe/macros/field/FieldTemplating";
-import { getEditableExpression, getRequiredExpression } from "../templating/UIFormatters";
 import { isReadOnlyExpression } from "../templating/FieldControlHelper";
-import { hasValueHelpWithFixedValues } from "sap/fe/core/templating/PropertyHelper";
+import { getEditMode, getRequiredExpression, isCollectionField } from "../templating/UIFormatters";
 
 /* This class contains helpers to be used for mass edit functionality */
 type TextArrangementInfo = {
@@ -24,20 +31,7 @@ type TextArrangementInfo = {
 	description: string;
 	fullText: string;
 };
-const aValidDataTypes = [
-	"Edm.Boolean",
-	"Edm.Byte",
-	"Edm.Decimal",
-	"Edm.Double",
-	"Edm.Float",
-	"Edm.Guid",
-	"Edm.Int16",
-	"Edm.Int32",
-	"Edm.Int64",
-	"Edm.SByte",
-	"Edm.Single",
-	"Edm.String"
-];
+
 const MassEditHelper = {
 	/**
 	 * Initializes the value at final or deepest level path with a blank array.
@@ -47,12 +41,12 @@ const MassEditHelper = {
 	 * @param {Array} aValues Array instance where the default data needs to be added
 	 * @returns {Array}
 	 */
-	initLastLevelOfPropertyPath: function(sPath: string, aValues: any) {
+	initLastLevelOfPropertyPath: function (sPath: string, aValues: any) {
 		let aFinalPath: any;
 		let index = 0;
 		const aPaths = sPath.split("/");
 		let sFullPath = "";
-		aPaths.forEach(function(sPropertyPath: string) {
+		aPaths.forEach(function (sPropertyPath: string) {
 			if (!aValues[sPropertyPath] && index === 0) {
 				aValues[sPropertyPath] = {};
 				aFinalPath = aValues[sPropertyPath];
@@ -79,7 +73,7 @@ const MassEditHelper = {
 	 * @param {Array} self Instance of the array
 	 * @returns {boolean}
 	 */
-	getUniqueValues: function(sValue: string, index: number, self: any[]) {
+	getUniqueValues: function (sValue: string, index: number, self: any[]) {
 		if (sValue) {
 			return self.indexOf(sValue) === index;
 		}
@@ -93,11 +87,11 @@ const MassEditHelper = {
 	 * @param {object} oValues Object of property values
 	 * @returns {*}
 	 */
-	getValueForMultiLevelPath: function(sDataPropertyPath: string, oValues: any) {
+	getValueForMultiLevelPath: function (sDataPropertyPath: string, oValues: any) {
 		if (sDataPropertyPath && sDataPropertyPath.indexOf("/") > 0) {
 			const aPropertyPaths = sDataPropertyPath.split("/");
 			let Result: any;
-			aPropertyPaths.forEach(function(sPath: string) {
+			aPropertyPaths.forEach(function (sPath: string) {
 				Result = oValues && oValues[sPath] ? oValues[sPath] : Result && Result[sPath];
 			});
 			return Result;
@@ -115,11 +109,11 @@ const MassEditHelper = {
 	 * @param {string} sDataPropertyPath Data property path
 	 * @returns {string}
 	 */
-	getDefaultSelectionPathComboBox: function(aContexts: any[], sDataPropertyPath: string) {
+	getDefaultSelectionPathComboBox: function (aContexts: any[], sDataPropertyPath: string) {
 		if (sDataPropertyPath && aContexts.length > 0) {
 			const oSelectedContext = aContexts,
 				aPropertyValues: any[] = [];
-			oSelectedContext.forEach(function(oContext: any) {
+			oSelectedContext.forEach(function (oContext: any) {
 				const oDataObject = oContext.getObject();
 				const sMultiLevelPathCondition =
 					sDataPropertyPath.indexOf("/") > -1 && oDataObject.hasOwnProperty(sDataPropertyPath.split("/")[0]);
@@ -145,15 +139,41 @@ const MassEditHelper = {
 	 * @param {Array} aContexts Contexts for mass edit
 	 * @returns {boolean}
 	 */
-	getHiddenValueForContexts: function(hiddenValue: any, aContexts: any[]) {
+	getHiddenValueForContexts: function (hiddenValue: any, aContexts: any[]) {
 		if (hiddenValue && hiddenValue.$Path) {
-			return !aContexts.some(function(oSelectedContext: any) {
+			return !aContexts.some(function (oSelectedContext: any) {
 				return oSelectedContext.getObject(hiddenValue.$Path) === false;
 			});
 		}
 		return hiddenValue;
 	},
 
+	getInputType: function (propertyInfo: any, dataFieldConverted: any, oDataModelPath: DataModelObjectPath): string {
+		const editStyleProperties = {} as FieldProperties;
+		let inputType!: string;
+		if (propertyInfo) {
+			setEditStyleProperties(editStyleProperties, dataFieldConverted, oDataModelPath, true);
+			inputType = editStyleProperties?.editStyle || "";
+		}
+		const isValidForMassEdit =
+			inputType &&
+			["DatePicker", "TimePicker", "DateTimePicker", "RatingIndicator"].indexOf(inputType) === -1 &&
+			!isCollectionField(oDataModelPath) &&
+			!hasValueHelpWithFixedValues(propertyInfo);
+
+		return (isValidForMassEdit || "") && inputType;
+	},
+
+	getIsFieldGrp: function (dataFieldConverted: any): boolean {
+		return (
+			dataFieldConverted &&
+			dataFieldConverted.$Type === "com.sap.vocabularies.UI.v1.DataFieldForAnnotation" &&
+			dataFieldConverted.Target &&
+			dataFieldConverted.Target.value &&
+			dataFieldConverted.Target.value.indexOf("FieldGroup") > -1
+		);
+	},
+
 	/**
 	 * Initializes a JSON Model for properties of dialog fields [label, visiblity, dataproperty, etc.].
 	 *
@@ -162,11 +182,12 @@ const MassEditHelper = {
 	 * @param {Array} aDataArray Array containing data related to the dialog used by both the static and the runtime model
 	 * @returns {object}
 	 */
-	prepareDataForDialog: function(oTable: Table, aContexts: any[], aDataArray: any[]) {
+	prepareDataForDialog: function (oTable: Table, aContexts: any[], aDataArray: any[]) {
 		const oMetaModel = oTable && (oTable.getModel().getMetaModel() as any),
 			sCurrentEntitySetName = oTable.data("metaPath"),
 			aTableFields = MassEditHelper.getTableFields(oTable),
 			oEntityTypeContext = oMetaModel.getContext(sCurrentEntitySetName + "/@"),
+			oEntitySetContext = oMetaModel.getContext(sCurrentEntitySetName),
 			oDataModelObjectPath = getInvolvedDataModelObjects(oEntityTypeContext);
 
 		const oDataFieldModel = new JSONModel();
@@ -175,14 +196,9 @@ const MassEditHelper = {
 		let bValueHelpEnabled;
 		let sUnitPropertyPath;
 		let bValueHelpEnabledForUnit;
-		let bIsImmutable;
-		let bIsComputed;
-		let bChartProperty;
 		let oTextBinding;
-		let bValidDataType;
-		let bInValidInputType;
 
-		aTableFields.forEach(function(oColumnInfo: any) {
+		aTableFields.forEach(function (oColumnInfo: any) {
 			const sDataPropertyPath = oColumnInfo.dataProperty;
 			if (sDataPropertyPath) {
 				let oPropertyInfo = sDataPropertyPath && oMetaModel.getObject(sCurrentEntitySetName + "/" + sDataPropertyPath + "@");
@@ -205,7 +221,7 @@ const MassEditHelper = {
 						"@com.sap.vocabularies.Common.v1.ValueList"
 					];
 				if (oDataModelObjectPath) {
-					oDataModelObjectPath.targetObject = oDataModelObjectPath.targetEntityType.entityProperties.filter(function(
+					oDataModelObjectPath.targetObject = oDataModelObjectPath.targetEntityType.entityProperties.filter(function (
 						oProperty: any
 					) {
 						return oProperty.name === sDataPropertyPath;
@@ -217,20 +233,23 @@ const MassEditHelper = {
 					oDataFieldConverted = convertMetaModelContext(oFieldContext),
 					oPropertyContext = oMetaModel.getContext(sCurrentEntitySetName + "/" + sDataPropertyPath + "@"),
 					oInterface = oPropertyContext && oPropertyContext.getInterface();
-				bIsImmutable =
-					oPropertyContext && oPropertyContext.getProperty() && oPropertyContext.getProperty()["@Org.OData.Core.V1.Immutable"];
-				bIsComputed =
-					oPropertyContext && oPropertyContext.getProperty() && oPropertyContext.getProperty()["@Org.OData.Core.V1.Computed"];
+
+				let oDataModelPath = getInvolvedDataModelObjects(oFieldContext, oEntitySetContext);
+				if (oDataFieldConverted?.Value?.path?.length > 0) {
+					oDataModelPath = enhanceDataModelPath(oDataModelPath, sDataPropertyPath);
+				}
 				const bHiddenField =
 					MassEditHelper.getHiddenValueForContexts(
 						oFieldContext && oFieldContext.getObject()["@com.sap.vocabularies.UI.v1.Hidden"],
 						aContexts
 					) || false;
+				const isImage = oPropertyInfo && oPropertyInfo["@com.sap.vocabularies.UI.v1.IsImageURL"];
+
 				oInterface.context = {
-					getModel: function() {
+					getModel: function () {
 						return oInterface.getModel();
 					},
-					getPath: function() {
+					getPath: function () {
 						return sCurrentEntitySetName + "/" + sDataPropertyPath;
 					}
 				};
@@ -238,33 +257,33 @@ const MassEditHelper = {
 					(oDataFieldConverted && oDataFieldConverted.Value && oDataFieldConverted.Value.$target) ||
 					(oDataFieldConverted && oDataFieldConverted.Target && oDataFieldConverted.Target.$target);
 				// Datafield is not included in the FieldControl calculation, needs to be implemented
-				const isReadOnly = isReadOnlyExpression(oPropertyInfo);
-				bChartProperty = oPropertyInfo && oPropertyInfo.term && oPropertyInfo.term === "com.sap.vocabularies.UI.v1.Chart";
-				bValidDataType = oPropertyInfo && aValidDataTypes.indexOf(oPropertyInfo.type) !== -1;
-				bInValidInputType =
-					(oColumnInfo &&
-						oColumnInfo.inputType &&
-						(oColumnInfo.inputType === "sap.m.RatingIndicator" || oColumnInfo.inputType === "sap.ui.mdc.MultiValueField")) ||
-					hasValueHelpWithFixedValues(oPropertyInfo);
-				if (
-					sDataPropertyPath &&
-					!bHiddenField &&
-					!bIsImmutable &&
-					!bIsComputed &&
-					!bChartProperty &&
-					bValidDataType &&
-					!bInValidInputType &&
-					oColumnInfo.inputType &&
-					getEditableExpression(oPropertyInfo, oDataFieldConverted, oDataModelObjectPath) !== "false"
-				) {
+
+				const chartProperty = oPropertyInfo && oPropertyInfo.term && oPropertyInfo.term === "com.sap.vocabularies.UI.v1.Chart";
+				const isAction = !!oDataFieldConverted.Action;
+				const isFieldGrp = MassEditHelper.getIsFieldGrp(oDataFieldConverted);
+
+				if (isImage || bHiddenField || chartProperty || isAction || isFieldGrp) {
+					return;
+				}
+
+				// EditMode and InputType
+				const propertyForFieldControl = oPropertyInfo && oPropertyInfo.Value ? oPropertyInfo.Value : oPropertyInfo;
+				const expBinding = getEditMode(propertyForFieldControl, oDataModelPath, false, false, oDataFieldConverted, true);
+				const editModeValues = Object.keys(EditMode);
+				const editModeIsStatic = !!expBinding && editModeValues.includes(expBinding as EditMode);
+				const editable = !!expBinding && ((editModeIsStatic && expBinding === EditMode.Editable) || !editModeIsStatic);
+
+				if (!editable) {
+					return;
+				}
+
+				const inputType = MassEditHelper.getInputType(oPropertyInfo, oDataFieldConverted, oDataModelPath);
+
+				if (inputType) {
+					const isReadOnly = isReadOnlyExpression(oPropertyInfo);
+
 					oResult = {
 						"label": sLabelText + ":",
-						"visible":
-							sDataPropertyPath &&
-							!bHiddenField &&
-							!bIsImmutable &&
-							!bIsComputed &&
-							getEditableExpression(oPropertyInfo, oDataFieldConverted, oDataModelObjectPath),
 						"dataProperty": sDataPropertyPath,
 						"isValueHelpEnabled": bValueHelpEnabled ? bValueHelpEnabled : false,
 						"unitProperty": sUnitPropertyPath ? sUnitPropertyPath : false,
@@ -281,7 +300,9 @@ const MassEditHelper = {
 						"entitySet": sCurrentEntitySetName,
 						"textBinding": oTextBinding,
 						"nullable": oPropertyInfo.nullable !== undefined ? oPropertyInfo.nullable : true,
-						"isPropertyReadOnly": isReadOnly !== undefined ? isReadOnly : false
+						"isPropertyReadOnly": isReadOnly !== undefined ? isReadOnly : false,
+						"inputType": inputType,
+						"editMode": editable ? expBinding : undefined
 					};
 					aDataArray.push(oResult);
 				}
@@ -291,47 +312,25 @@ const MassEditHelper = {
 		return oDataFieldModel;
 	},
 
-	getInputTypeForColumn: function(oColumn: any) {
-		return (
-			oColumn.getTemplate().getContent &&
-			oColumn.getTemplate().getContent() &&
-			oColumn.getTemplate().getContent().getContentEdit &&
-			oColumn
-				.getTemplate()
-				.getContent()
-				.getContentEdit() &&
-			oColumn
-				.getTemplate()
-				.getContent()
-				.getContentEdit()[0] &&
-			oColumn
-				.getTemplate()
-				.getContent()
-				.getContentEdit()[0]
-				.getMetadata()
-				.getName()
-		);
-	},
-
-	getTableFields: function(oTable: any) {
+	getTableFields: function (oTable: any) {
 		const aColumns = (oTable && oTable.getColumns()) || [];
-		return aColumns.map(function(oColumn: any) {
+		const columnsData = oTable && oTable.getParent().getTableDefinition().columns;
+		return aColumns.map(function (oColumn: any) {
 			const sDataProperty = oColumn && oColumn.getDataProperty(),
 				aRealtedColumnInfo =
-					oTable.data("columns") &&
-					oTable.data("columns").customData.filter(function(oColumnInfo: any) {
+					columnsData &&
+					columnsData.filter(function (oColumnInfo: any) {
 						return oColumnInfo.name === sDataProperty && oColumnInfo.type === "Annotation";
 					});
 			return {
 				"dataProperty": sDataProperty,
 				"label": oColumn.getHeader(),
-				"annotationPath": aRealtedColumnInfo && aRealtedColumnInfo[0] && aRealtedColumnInfo[0].annotationPath,
-				"inputType": MassEditHelper.getInputTypeForColumn(oColumn)
+				"annotationPath": aRealtedColumnInfo && aRealtedColumnInfo[0] && aRealtedColumnInfo[0].annotationPath
 			};
 		});
 	},
 
-	getDefaultTextsForDialog: function(oResourceBundle: any, iSelectedContexts: any, oTable: any) {
+	getDefaultTextsForDialog: function (oResourceBundle: any, iSelectedContexts: any, oTable: any) {
 		// The confirm button text is "Save" for table in Display mode and "Apply" for table in edit mode. This can be later exposed if needed.
 		const bDisplayMode = oTable.data("displayModePropertyBinding") === "true";
 
@@ -353,15 +352,15 @@ const MassEditHelper = {
 	 * @param {string} sInputType InputType of the field
 	 * @returns {string}
 	 */
-	getSuffixForKeepExisiting: function(sInputType: string) {
+	getSuffixForKeepExisiting: function (sInputType: string) {
 		let sResult = "Values";
 
 		switch (sInputType) {
 			//TODO - Add for other control types as well (Radio Button, Email, Input, MDC Fields, Image etc.)
-			case "sap.m.DatePicker":
+			case "DatePicker":
 				sResult = "Dates";
 				break;
-			case "sap.m.CheckBox":
+			case "CheckBox":
 				sResult = "Settings";
 				break;
 		}
@@ -377,14 +376,14 @@ const MassEditHelper = {
 	 * @param {object} oPropertyInfo Property information
 	 * @param {boolean} bUOMField
 	 */
-	setDefaultValuesToDialog: function(aValues: any[], aContexts: any[], oDefaultValues: any, oPropertyInfo: any, bUOMField?: boolean) {
-		const sPropertyPath = oPropertyInfo.dataProperty,
+	setDefaultValuesToDialog: function (aValues: any[], aContexts: any[], oDefaultValues: any, oPropertyInfo: any, bUOMField?: boolean) {
+		const sPropertyPath = bUOMField ? oPropertyInfo.unitProperty : oPropertyInfo.dataProperty,
 			sInputType = oPropertyInfo.inputType,
 			bPropertyRequired = oPropertyInfo.isFieldRequired;
 		const sSuffixForKeepExisting = MassEditHelper.getSuffixForKeepExisiting(sInputType);
 		//TODO - Add <<Use Value Help or control implmentation>> and related key by checking if value help is enabled for property or Unit.
 		//TODO - Add option Apply to Empty Fields only for Both Value Help and controls.
-		const bValueExistsForPropertyPath = aContexts.some(function(oSelectedContext: any) {
+		const bValueExistsForPropertyPath = aContexts.some(function (oSelectedContext: any) {
 			return oSelectedContext.getObject(sPropertyPath);
 		});
 		if (bValueExistsForPropertyPath) {
@@ -400,7 +399,7 @@ const MassEditHelper = {
 		});
 	},
 
-	getTextArrangementInfo: function(
+	getTextArrangementInfo: function (
 		sProperty: any,
 		oTextBinding: any,
 		sCurrentEntitySet: any,
@@ -420,7 +419,7 @@ const MassEditHelper = {
 					sFullText = sValue;
 				}
 			} else if (oTextBinding.parameters) {
-				oTextBinding.parameters.forEach(function(oProps: any) {
+				oTextBinding.parameters.forEach(function (oProps: any) {
 					if (oProps.path && oProps.path !== sProperty) {
 						sDescriptionPath = oProps.path;
 					}
@@ -445,6 +444,92 @@ const MassEditHelper = {
 		return undefined;
 	},
 
+	/**
+	 * Return the visibility valuue for the ManagedObject Any.
+	 *
+	 * @param {AnyType} any The ManagedObject Any to be used to calculate the visible value of the binding.
+	 * @returns {boolean} Returns true if the mass edit field is editable.
+	 */
+	isEditable: function (any: AnyType): boolean {
+		const binding = any.getBinding("any");
+		const value = (binding as any).getExternalValue();
+		return value === EditMode.Editable;
+	},
+
+	/**
+	 * Calculate and update the visibility of mass edit field on change of the ManagedObject Any binding.
+	 *
+	 * @param {JSONModel} oDialogDataModel Model to be used runtime.
+	 * @param {string} dataProperty Field name.
+	 */
+	onContextEditableChange: function (oDialogDataModel: JSONModel, dataProperty: string): void {
+		const objectsForVisibility = oDialogDataModel.getProperty("/values/" + dataProperty + "/objectsForVisibility") || [];
+		const editable = objectsForVisibility.some(MassEditHelper.isEditable);
+
+		if (editable) {
+			oDialogDataModel.setProperty("/values/" + dataProperty + "/visible", editable);
+		}
+	},
+
+	/**
+	 * Update Managed Object Any for visibility of the mass edit fields.
+	 *
+	 * @param {AnyType} mOToUse The ManagedObject Any to be used to calculate the visible value of the binding.
+	 * @param {JSONModel} oDialogDataModel Model to be used runtime.
+	 * @param {string} dataProperty Field name.
+	 * @param {any} values Values of the field.
+	 */
+	updateOnContextChange: function (mOToUse: AnyType, oDialogDataModel: JSONModel, dataProperty: string, values: any) {
+		const binding = mOToUse.getBinding("any");
+
+		values.objectsForVisibility = values.objectsForVisibility || [];
+		values.objectsForVisibility.push(mOToUse);
+
+		binding.attachChange(MassEditHelper.onContextEditableChange.bind(null, oDialogDataModel, dataProperty));
+	},
+
+	/**
+	 * Get bound object to calculate the visibility of contexts.
+	 *
+	 * @param {BindingExpression<boolean> | ExpressionOrPrimitive<boolean>} expBinding Binding String object.
+	 * @param {object} context Context the binding value.
+	 * @returns {AnyType} The ManagedObject Any to be used to calculate the visible value of the binding.
+	 */
+	getBoundObject: function (expBinding: BindingExpression<string> | ExpressionOrPrimitive<string>, context: Context): AnyType {
+		const mOToUse = new Any({ any: expBinding });
+		const model = context.getModel();
+		mOToUse.setModel(model);
+		mOToUse.setBindingContext(context);
+
+		return mOToUse;
+	},
+
+	/**
+	 * Get the visibility of the field.
+	 *
+	 * @param {BindingExpression<boolean> | ExpressionOrPrimitive<boolean>} expBinding Binding String object.
+	 * @param {JSONModel} oDialogDataModel Model to be used runtime.
+	 * @param {string} dataProperty Field name.
+	 * @param {any} values Values of the field.
+	 * @param {object} context Context the binding value.
+	 * @returns {boolean} Returns true if the mass edit field is editable.
+	 */
+	getFieldVisiblity: function (
+		expBinding: BindingExpression<string> | ExpressionOrPrimitive<string>,
+		oDialogDataModel: JSONModel,
+		dataProperty: string,
+		values: any,
+		context: Context
+	): boolean {
+		const mOToUse = MassEditHelper.getBoundObject(expBinding, context);
+		const isContextEditable = MassEditHelper.isEditable(mOToUse);
+
+		if (!isContextEditable) {
+			MassEditHelper.updateOnContextChange(mOToUse, oDialogDataModel, dataProperty, values);
+		}
+		return isContextEditable;
+	},
+
 	/**
 	 * Initializes a runtime model:
 	 * => The model consists of values shown in the comboBox of the dialog (Leave Blank, Keep Existing Values, or any property value for the selected context, etc.)
@@ -455,14 +540,16 @@ const MassEditHelper = {
 	 * @param {object} oDefaultValues Default values from i18n
 	 * @returns {object}
 	 */
-	setRuntimeModelOnDialog: function(aContexts: any[], aDataArray: any[], oDefaultValues: any) {
+	setRuntimeModelOnDialog: function (aContexts: any[], aDataArray: any[], oDefaultValues: any) {
 		const aValues: any[] = [];
 		const aUnitData: any[] = [];
 		const aResults: any[] = [];
 		const aReadOnlyFieldInfo: any[] = [];
 		const oDistinctValueMap: any = {};
+		const oData = { "values": aValues, "unitData": aUnitData, "results": aResults, "readablePropertyData": aReadOnlyFieldInfo };
+		const oDialogDataModel = new JSONModel(oData);
 		let sPropertyName;
-		aDataArray.forEach(function(oData: any) {
+		aDataArray.forEach(function (oData: any) {
 			let oTextInfo;
 			if (oData.dataProperty && oData.dataProperty.indexOf("/") > -1) {
 				const aFinalPath = MassEditHelper.initLastLevelOfPropertyPath(oData.dataProperty, aValues);
@@ -528,7 +615,8 @@ const MassEditHelper = {
 				}
 			}
 		});
-		aDataArray.forEach(function(oData: any) {
+		aDataArray.forEach(function (oData: any) {
+			let values: any;
 			if (oData.dataProperty.indexOf("/") > -1) {
 				const sMultiLevelPropPathValue = MassEditHelper.getValueForMultiLevelPath(oData.dataProperty, aValues);
 				if (!sMultiLevelPropPathValue) {
@@ -536,8 +624,10 @@ const MassEditHelper = {
 				} else {
 					MassEditHelper.setDefaultValuesToDialog(sMultiLevelPropPathValue, aContexts, oDefaultValues, oData);
 				}
+				values = sMultiLevelPropPathValue;
 			} else if (aValues[oData.dataProperty] && aValues[oData.dataProperty].length) {
 				MassEditHelper.setDefaultValuesToDialog(aValues[oData.dataProperty], aContexts, oDefaultValues, oData);
+				values = aValues[oData.dataProperty];
 			}
 			if (aUnitData[oData.unitProperty] && aUnitData[oData.unitProperty].length) {
 				MassEditHelper.setDefaultValuesToDialog(aUnitData[oData.unitProperty], aContexts, oDefaultValues, oData, true);
@@ -547,7 +637,7 @@ const MassEditHelper = {
 			) {
 				const bClearFieldOrBlankValueExists =
 					aValues[oData.dataProperty] &&
-					aValues[oData.dataProperty].some(function(obj: any) {
+					aValues[oData.dataProperty].some(function (obj: any) {
 						return obj.text === "< Clear Values >" || obj.text === "< Leave Blank >";
 					});
 				if (oData.dataProperty && !bClearFieldOrBlankValueExists) {
@@ -555,7 +645,7 @@ const MassEditHelper = {
 				}
 				const bClearFieldOrBlankUnitValueExists =
 					aUnitData[oData.unitProperty] &&
-					aUnitData[oData.unitProperty].some(function(obj: any) {
+					aUnitData[oData.unitProperty].some(function (obj: any) {
 						return obj.text === "< Clear Values >" || obj.text === "< Leave Blank >";
 					});
 				if (oData.unitProperty && !bClearFieldOrBlankUnitValueExists) {
@@ -582,9 +672,18 @@ const MassEditHelper = {
 					type: "Path"
 				});
 			}
+
+			// Setting visbility of the mass edit field.
+			if (oData.editMode) {
+				values.visible =
+					oData.editMode === EditMode.Editable ||
+					aContexts.some(
+						MassEditHelper.getFieldVisiblity.bind(MassEditHelper, oData.editMode, oDialogDataModel, oData.dataProperty, values)
+					);
+			} else {
+				values.visible = true;
+			}
 		});
-		const oData = { "values": aValues, "unitData": aUnitData, "results": aResults, "readablePropertyData": aReadOnlyFieldInfo };
-		const oDialogDataModel = new JSONModel(oData);
 		return oDialogDataModel;
 	},
 
@@ -596,15 +695,15 @@ const MassEditHelper = {
 	 * @param {object} oController Controller for the view
 	 * @returns {object} Promise returning instance of dialog.
 	 */
-	createDialog: function(oTable: Table, aContexts: any[], oController: PageController) {
+	createDialog: function (oTable: Table, aContexts: any[], oController: PageController) {
 		const sFragmentName = "sap/fe/core/controls/massEdit/MassEditDialog",
 			aDataArray: any[] = [],
-			oResourceBundle = sap.ui.getCore().getLibraryResourceBundle("sap.fe.core") as ResourceBundle,
+			oResourceBundle = (Core as CoreEx).getLibraryResourceBundle("sap.fe.core"),
 			oDefaultValues = MassEditHelper.getDefaultTextsForDialog(oResourceBundle, aContexts.length, oTable),
 			oDataFieldModel = MassEditHelper.prepareDataForDialog(oTable, aContexts, aDataArray),
 			oDialogDataModel = MassEditHelper.setRuntimeModelOnDialog(aContexts, aDataArray, oDefaultValues);
 
-		return new Promise(function(resolve: (value: any) => void, reject: (reason?: any) => void) {
+		return new Promise(function (resolve: (value: any) => void, reject: (reason?: any) => void) {
 			const oFragment = XMLTemplateProcessor.loadTemplate(sFragmentName, "fragment");
 			return Promise.resolve(
 				XMLPreprocessor.process(
@@ -620,27 +719,28 @@ const MassEditHelper = {
 					}
 				)
 			)
-				.then(function(oFragment: any) {
-					return Fragment.load({ definition: oFragment }).then(function(oDialogContent: any) {
+				.then(function (oFragment: any) {
+					return Fragment.load({ definition: oFragment }).then(function (oDialogContent: any) {
 						const oDialog = new Dialog({
 							title: oDefaultValues.massEditTitle,
 							content: [oDialogContent],
 							beginButton: new Button({
 								text: oDefaultValues.applyButtonText,
 								type: "Emphasized",
-								press: function(oEvent: any) {
+								press: function (oEvent: any) {
 									const oDialog = oEvent.getSource().getParent();
 									const oModel = oDialog.getModel("fieldsInfo");
 									const aResults = oModel.getProperty("/results");
 									const aPropertyReadableInfo = oModel.getProperty("/readablePropertyData");
 									const changePromise: any[] = [];
 									let bReadOnlyField = false;
-
-									aContexts.forEach(function(oSelectedContext: any) {
-										aResults.forEach(function(oResult: any) {
+									let groupId;
+									let index = 0;
+									aContexts.forEach(function (oSelectedContext: any) {
+										aResults.forEach(function (oResult: any) {
 											//TODO - Add save implementation for Value Help.
 											if (aPropertyReadableInfo) {
-												bReadOnlyField = aPropertyReadableInfo.some(function(oPropertyInfo: any) {
+												bReadOnlyField = aPropertyReadableInfo.some(function (oPropertyInfo: any) {
 													if (oResult.keyValue === oPropertyInfo.property) {
 														if (oPropertyInfo.type === "Default") {
 															return oPropertyInfo.value === true;
@@ -657,30 +757,34 @@ const MassEditHelper = {
 													}
 												});
 											}
+											groupId = "$auto." + index;
+											index += 1;
 											if (oResult.keyValue && oResult.value !== "Default" && !bReadOnlyField) {
-												changePromise.push(oSelectedContext.setProperty(oResult.keyValue, oResult.value));
+												changePromise.push(oSelectedContext.setProperty(oResult.keyValue, oResult.value, groupId));
 											}
 										});
 									});
 									return Promise.all(changePromise)
-										.then(function(oRes: any[]) {
+										.then(function (oRes: any[]) {
 											const oListBinding = oTable.getRowBinding(),
 												oExtensionAPI = oController && (oController.getExtensionAPI() as any);
-											return oExtensionAPI.refresh(oListBinding.getPath()).then(function() {
+											return oExtensionAPI.refresh(oListBinding.getPath()).then(function () {
 												oDialog.close();
 												oDialog.destroy();
 												return oRes;
 											});
 										})
-										.catch(function(oError: any) {
+										.catch(function (oError: any) {
 											//TODO - Add error handling part for the Dialog
+											oDialog.close();
+											oDialog.destroy();
 											Log.error("Mass Edit: Something went wrong in updating entries.", oError);
 										});
 								}
 							}),
 							endButton: new Button({
 								text: oDefaultValues.cancelButtonText,
-								press: function(oEvent: any) {
+								press: function (oEvent: any) {
 									const oDialog = oEvent.getSource().getParent();
 									oDialog.close();
 									oDialog.destroy();