@openui5/sap.ui.integration 1.101.0 → 1.103.0

package/src/sap/ui/integration/editor/Editor.js

@@ -144,7 +144,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 * @constructor
 	 * @since 1.94
 	 * @private
@@ -892,7 +892,7 @@ sap.ui.define([
 		 * @experimental since 1.94
 		 * @public
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.103.0
 		 * @borrows sap.ui.integration.editor.Editor#getParameters as getParameters
 		 * @borrows sap.ui.integration.editor.Editor#resolveDestination as resolveDestination
 		 * @borrows sap.ui.integration.editor.Editor#request as request
@@ -1308,6 +1308,8 @@ sap.ui.define([
 				var oTranslationChange = {
 					"texts": {}
 				};
+				// delete the error texts property
+				delete oChange.texts;
 				oTranslationChange.texts[sLanguage] = {};
 				Object.keys(oChange).forEach(function (s) {
 					if (s.charAt(0) === "/") {
@@ -1463,8 +1465,8 @@ sap.ui.define([
 						if (oItem.translatable && !oItem._changed && oItem._translatedPlaceholder && !this._currentLayerManifestChanges[oItem.manifestpath]) {
 							//do not save a value that was not changed and comes from a translated default value
 							//mResult[oItem.manifestpath] = oItem._translatedPlaceholder;
-							//if we would save it
-							continue;
+							//but we need to save the setting changes for the next layer, so remove the continue sentence.
+							//continue;
 						} else {
 							if (oItem.valueItems) {
 								mResult[oItem.manifestpath.substring(0, oItem.manifestpath.lastIndexOf("/")) + "/valueItems"] = oItem.valueItems;
@@ -1476,6 +1478,13 @@ sap.ui.define([
 								case "string":
 									if (!oItem.translatable) {
 										mResult[oItem.manifestpath] = oItem.value;
+									} else if (oItem._hasDynamicValue) {
+										// if value is dynamic value of a translatable parameter, save it and delete all the current translations
+										mResult[oItem.manifestpath] = oItem.value;
+										this.deleteAllTranslationValuesInTexts(oItem.manifestpath);
+									} else if (oItem._beforeValue && (oItem._beforeValue.indexOf("{context>") === 0 || oItem._beforeValue.indexOf("{{parameters") === 0)) {
+										// if before value is dynamic value of a translatable parameter, save it
+										mResult[oItem.manifestpath] = oItem.value;
 									}
 									break;
 								case "group":
@@ -1517,24 +1526,64 @@ sap.ui.define([
 				}
 			}
 		}
-		if (oSettings.texts) {
-			mResult.texts = {};
-			for (var language in oSettings.texts) {
-				mResult.texts[language] = {};
-				for (var translation in oSettings.texts[language]) {
-					mResult.texts[language][translation] = oSettings.texts[language][translation];
+		if (this.getMode() === "translation") {
+			// translation mode don't have texts property
+			delete mResult.texts;
+		} else if (oSettings.texts) {
+			mResult.texts = deepClone(oSettings.texts, 500) || {};
+			// Clean the translations of object or object list field :
+			// - remove the translations if the object is not exist in value
+			for (var language in mResult.texts){
+				for (var key in mResult.texts[language]) {
+					if (typeof mResult.texts[language][key] === "object") {
+						var vValue = mResult[key];
+						if (!vValue || typeof vValue !== "object" || deepEqual(vValue, {}) || deepEqual(vValue, [])) {
+							delete mResult.texts[language][key];
+						} else if (Array.isArray(vValue)) {
+							// get all the uuids in value list of object list field
+							var aUUIDs = vValue.map(function (oObject) {
+								return oObject._dt ? oObject._dt._uuid || "" : "";
+							});
+							// delete translation texts if uuid not included in value list
+							for (var uuid in mResult.texts[language][key]) {
+								if (!includes(aUUIDs, uuid)) {
+									delete mResult.texts[language][key][uuid];
+								}
+							}
+						} else {
+							// get the uuid in the object value of object field
+							var sUUID = vValue._dt ? vValue._dt._uuid || "" : "";
+							if (sUUID !== "") {
+								// only save the translation texts of current uuid
+								var oTranslation = mResult.texts[language][key][sUUID];
+								if (!oTranslation) {
+									delete mResult.texts[language][key];
+								} else {
+									mResult.texts[language][key] = {};
+									mResult.texts[language][key][sUUID] = oTranslation;
+								}
+							} else {
+								delete mResult.texts[language][key];
+							}
+						}
+					}
+				}
+				if (deepEqual(mResult.texts[language], {})) {
+					delete mResult.texts[language];
 				}
 			}
-		}
-		//add a property ":multipleLanguage" for backward compatibility of multiple language feature
-		if (this.getMode() !== "translation") {
-			mResult[":multipleLanguage"] = true;
+			if (deepEqual(mResult.texts, {})) {
+				delete mResult.texts;
+			}
 		}
 		mResult[":layer"] = Merger.layers[this.getMode()];
 		mResult[":errors"] = this.checkCurrentSettings()[":errors"];
 		if (mNext) {
 			mResult[":designtime"] = mNext;
 		}
+		if (oSettings[":designtime"]) {
+			mResult[":designtime"] = merge(mResult[":designtime"], oSettings[":designtime"]);
+		}
 		return mResult;
 	};
 	/**
@@ -1956,8 +2005,8 @@ sap.ui.define([
 			}
 		}.bind(this)));
 		//listen to value changes on the settings
-		var oValueBinding = this._settingsModel.bindProperty(oConfig._settingspath + "/value");
-		oValueBinding.attachChange(function () {
+		oField._oValueBinding = this._settingsModel.bindProperty(oConfig._settingspath + "/value");
+		oField._oValueBinding.attachChange(function () {
 			if (!this._bIgnoreUpdates) {
 				oConfig._changed = true;
 				if (oConfig._dependentFields && oConfig._dependentFields.length > 0) {
@@ -1994,7 +2043,7 @@ sap.ui.define([
 		}
 		oField._oDataProviderFactory = this._oDataProviderFactory;
 		oField.setAssociation("_messageStrip", MessageStripId);
-		oField._previewPostion = this.getPreviewPosition();
+		oField._previewPosition = this.getPreviewPosition();
 		return oField;
 	};
 
@@ -2034,7 +2083,7 @@ sap.ui.define([
 	/**
 	 * request data via data provider in RT
 	 * @param {object} oConfig
-	 * @param {BaseField} oField
+	 * @param {sap.ui.integration.editor.fields.BaseField} oField
 	 */
 	Editor.prototype._requestData = function (oConfig, oField) {
 		var oDataProvider = this._oDataProviderFactory.create(oConfig.values.data);
@@ -2072,7 +2121,9 @@ sap.ui.define([
 			}
 			if (oConfig.type === "object" || oConfig.type === "object[]") {
 				tResult.forEach(function (oResult) {
-					oResult._editable = false;
+					oResult._dt = {
+						_editable: false
+					};
 				});
 			}
 			if (this.getMode() === "content" && oConfig.pageAdminValues && oConfig.pageAdminValues.length > 0) {
@@ -2282,7 +2333,7 @@ sap.ui.define([
 	/**
 	 * Creates a unnamed model if a values.data section exists in the configuration
 	 * @param {object} oConfig
-	 * @param {BaseField} oField
+	 * @param {sap.ui.integration.editor.fields.BaseField} oField
 	 */
 	Editor.prototype._addValueListModel = function (oConfig, oField, nTimeout) {
 		if (oConfig.values) {
@@ -2347,7 +2398,7 @@ sap.ui.define([
 	/**
 	 * Creates a meta model if a values.metadata section exists in the configuration
 	 * @param {object} oConfig
-	 * @param {BaseField} oField
+	 * @param {sap.ui.integration.editor.fields.BaseField} oField
 	 */
 	 Editor.prototype._addMetadataModel = function (oConfig, oField) {
 		if (oConfig.values && oConfig.values.metadata) {
@@ -2370,16 +2421,6 @@ sap.ui.define([
 				oRequestDefaultParameters.serviceUrl = oData.url;
 				var oMetaDataModel = new ODataModel(oRequestDefaultParameters);
 				oMetaDataModel.oMetaModel.fetchData().then(function(oMetaData) {
-					if (oConfig.type === "object" || oConfig.type === "object[]") {
-						var sPath = oConfig.values.metadata.namespace + "." + oConfig.values.metadata.entityTypeName;
-						oMetaData[sPath] = Object.assign(oMetaData[sPath], {
-							_Actions: {
-								$kind: 'Property',
-								$Type: 'Actions',
-								$MaxLength: 15
-							}
-						});
-					}
 					oField.setModel(new JSONModel(oMetaData), "meta");
 				});
 			});
@@ -2424,17 +2465,33 @@ sap.ui.define([
 		}
 	};
 
-	Editor.prototype.getBeforeLayerChange = function (sKey) {
+	Editor.prototype.getBeforeLayerChange = function (sManifestPath) {
 		if (!this._beforeLayerManifestChanges) {
 			this._beforeLayerManifestChanges = {};
 		}
-		return this._beforeLayerManifestChanges[sKey];
+		return this._beforeLayerManifestChanges[sManifestPath];
 	};
 
-	Editor.prototype.getTranslationValueInTexts = function (sLanguage, sKey) {
+	Editor.prototype.getTranslationValueInTexts = function (sLanguage, sManifestPath) {
 		var sTranslationPath = "/texts/" + sLanguage;
 		var oProperty = this._settingsModel.getProperty(sTranslationPath) || {};
-		return oProperty[sKey];
+		return oProperty[sManifestPath];
+	};
+
+	Editor.prototype.deleteAllTranslationValuesInTexts = function (sManifestPath) {
+		var that = this;
+		var oData = that._settingsModel.getData();
+		if (!oData || !oData.texts) {
+			return;
+		}
+		var sTranslationPath = "/texts";
+		var oTexts = deepClone(oData.texts, 500);
+		for (var n in oTexts) {
+			if (oTexts[n][sManifestPath]) {
+				delete oTexts[n][sManifestPath];
+			}
+		}
+		this._settingsModel.setProperty(sTranslationPath, oTexts);
 	};
 
 	Editor.prototype._handleITBValidation = function (oEditor, sItem, sErrorType) {
@@ -2787,6 +2844,9 @@ sap.ui.define([
 		var oNewLabel = null;
 		var sLanguage = Core.getConfiguration().getLanguage().replaceAll('_', '-');
 		if (sMode === "translation") {
+			if (oConfig.type !== "string") {
+				return;
+			}
 			if ((typeof oConfig.value === "string" && oConfig.value.indexOf("{") === 0) || typeof oConfig.values !== "undefined") {
 				//do not show dynamic values for translation
 				return;
@@ -2843,6 +2903,14 @@ sap.ui.define([
 			oConfig.label = oConfig._translatedLabel || "";
 			oConfig.required = false; //translation is never required
 			var oTranslateLanguageField = this._createField(oConfig);
+			//accessibility set aria-label
+			var tfDelegate = {
+				onAfterRendering: function(oEvent) {
+					var tfField = document.getElementById(oTranslateLanguageField.getId());
+					tfField.setAttribute("aria-label", oLabel);
+				}
+			};
+			oTranslateLanguageField.addEventDelegate(tfDelegate);
 			this.addAggregation("_formContent",
 				oTranslateLanguageField
 			);
@@ -2861,12 +2929,23 @@ sap.ui.define([
 				oConfig.value = this._currentLayerManifestChanges[oConfig.manifestpath];
 				oConfig._beforeLayerChange = oConfig.value;
 			}
-			sLanguage = this._language;
-			var sTranslateText = this.getTranslationValueInTexts(sLanguage, oConfig.manifestpath);
-			if (sTranslateText) {
-				oConfig.value = sTranslateText;
+			//only get translations of string fields
+			if (oConfig.type === "string") {
+				sLanguage = this._language;
+				var sTranslateText = this.getTranslationValueInTexts(sLanguage, oConfig.manifestpath);
+				if (sTranslateText) {
+					oConfig.value = sTranslateText;
+				}
 			}
 			var oField = this._createField(oConfig);
+			//accessibility set aria-label
+			var fDelegate = {
+				onAfterRendering: function(oEvent) {
+					var eField = document.getElementById(oField.getId());
+					eField.setAttribute("aria-label", oNewLabel);
+				}
+			};
+			oField.addEventDelegate(fDelegate);
 			this.addAggregation("_formContent",
 				oField
 			);
@@ -3057,6 +3136,11 @@ sap.ui.define([
 								sTranslationTextKey = sPlaceholder.substring(6, sPlaceholder.length - 1);
 							}
 						}
+						// if the value is a dynamic value, do not allow to translate, and delete all the translations
+						if (oItem.value && (oItem.value.indexOf("{context>") === 0 || oItem.value.indexOf("{{parameters") === 0)) {
+							this.deleteAllTranslationValuesInTexts(oItem.manifestpath);
+							sTranslationTextKey = null;
+						}
 						var sTranslationValueinTexts = this.getTranslationValueInTexts(sLanguage, oItem.manifestpath);
 						//only if there is a translation key
 						if (sTranslationTextKey) {
@@ -3103,6 +3187,24 @@ sap.ui.define([
 						if (oValueTokens) {
 							oItem.valueTokens = oValueTokens;
 						}
+					} else if (typeof oItem.value === "object" && oItem.type === "object") {
+						// backward compatibility for pre saved value
+						if (typeof oItem.value._editable === "boolean") {
+							oItem.value._dt = {
+								"_editable" : oItem.value._editable
+							};
+							delete oItem.value._editable;
+						}
+					} else if (Array.isArray(oItem.value) && oItem.value.length > 0 && oItem.type === "object[]") {
+						// backward compatibility for pre saved value
+						oItem.value.forEach(function (oObject) {
+							if (typeof oObject._editable === "boolean") {
+								oObject._dt = {
+									"_editable" : oObject._editable
+								};
+								delete oObject._editable;
+							}
+						});
 					}
 
 					//translate label if it is {{KEY}}
@@ -3259,6 +3361,7 @@ sap.ui.define([
 	 */
 	Editor.prototype._applyDesigntimeLayers = function (oSettings) {
 		var oTexts = {};
+		var oDesigntime = {};
 		//pull current values
 		if (this._appliedLayerManifestChanges && Array.isArray(this._appliedLayerManifestChanges)) {
 			for (var i = 0; i < this._appliedLayerManifestChanges.length; i++) {
@@ -3266,7 +3369,14 @@ sap.ui.define([
 				if (oChanges) {
 					var aKeys = Object.keys(oChanges);
 					for (var j = 0; j < aKeys.length; j++) {
-						this._settingsModel.setProperty(aKeys[j], oChanges[aKeys[j]]);
+						var vValue = oChanges[aKeys[j]];
+						// if the value of design time is object type,it should for the object field/object list field
+						// add it into designtime of settings
+						if (typeof vValue === "object") {
+							oDesigntime[aKeys[j]] = merge(oDesigntime[aKeys[j]], vValue);
+							continue;
+						}
+						this._settingsModel.setProperty(aKeys[j], vValue);
 					}
 				}
 				var oAppliedLayerManifestChangeTexts = this._appliedLayerManifestChanges[i]["texts"];
@@ -3283,14 +3393,21 @@ sap.ui.define([
 					//apply the values to a "_next/editable", "_next/visible" entry to the settings.
 					//the current layer needs to be able to change those values
 					var sPath = aKeys[j],
+						vValue = oChanges[sPath];
 						sNext = sPath.substring(0, sPath.lastIndexOf("/") + 1) + "_next";
+					// if the value of design time is object type,it should for the object field/object list field
+					// add it into designtime of settings
+					if (typeof vValue === "object") {
+						oDesigntime[sPath] = merge(oDesigntime[sPath], vValue);
+						continue;
+					}
 					if (!this._settingsModel.getProperty(sNext)) {
 						//create a _next entry if it does not exist
 						this._settingsModel.setProperty(sNext, {});
 					}
 					var sNext = sPath.substring(0, sPath.lastIndexOf("/") + 1) + "_next",
 						sProp = sPath.substring(sPath.lastIndexOf("/") + 1);
-					this._settingsModel.setProperty(sNext + "/" + sProp, oChanges[aKeys[j]]);
+					this._settingsModel.setProperty(sNext + "/" + sProp, vValue);
 				}
 			}
 			var ocurrentLayerManifestChangeTexts = this._currentLayerManifestChanges["texts"];
@@ -3301,6 +3418,9 @@ sap.ui.define([
 		if (!deepEqual(oTexts, {})) {
 			this._settingsModel.setProperty("/texts", oTexts);
 		}
+		if (!deepEqual(oDesigntime, {})) {
+			this._settingsModel.setProperty("/:designtime", oDesigntime);
+		}
 	};
 	/**
 	 * Creates a designtime instance based on an configuration section within the manifest.

package/src/sap/ui/integration/editor/EditorResourceBundles.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.EditorResourceBundles
 	 * @author SAP SE
 	 * @since 1.94.0
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 * @private
 	 * @experimental since 1.94.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/Extension.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/integration/editor/Manifest.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.util.Manifest
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @since 1.94

package/src/sap/ui/integration/editor/Merger.js

@@ -43,7 +43,6 @@ sap.ui.define([
 						Merger.mergeManifestPathChanges(oModel, oChange);
 					}
 				});
-
 			}
 			return oInitialManifest;
 		},

package/src/sap/ui/integration/editor/Settings.js

@@ -66,7 +66,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.Settings
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -303,6 +303,7 @@ sap.ui.define([
 		oSegmentedButton = createSegmentedButton();
 		var oDynamicValueText = new Text({
 			text: oResourceBundle.getText("EDITOR_MORE_DYNAMICVALUES"),
+			tooltip: oResourceBundle.getText("EDITOR_MORE_DYNAMICVALUES"),
 			visible: "{= ${currentSettings>allowDynamicValues} && !${currentSettings>allowSettings}}"
 		}).addStyleClass("sapUiTinyMagin");
 		var oSettingsText = new Text({
@@ -496,10 +497,13 @@ sap.ui.define([
 
 		oDynamicValueField.addStyleClass("selectvariable");
 
-
+		var selectDynamicValueLabel = new Label({
+			text: "Select a dynamic value"
+		});
+		oDynamicValueField.addAriaLabelledBy(selectDynamicValueLabel);
 		var oVBox = new VBox({
 			items: [
-				new Label({ text: "Select a dynamic value" }),
+				selectDynamicValueLabel,
 				oDynamicValueField
 			]
 		});
@@ -548,18 +552,21 @@ sap.ui.define([
 	}
 
 	function createCurrentValuesBox() {
+		var settingsActualValueTxt = new Text({
+			text: oResourceBundle.getText("EDITOR_ACTUAL_VALUE")
+		});
+		var settingsActualValueInput = new Input({
+			value: {
+				path: "currentSettings>_currentContextValue"
+			},
+			editable: false
+		});
+		settingsActualValueInput.addAriaLabelledBy(settingsActualValueTxt);
 		var oCurrentValue = new VBox("settings_current_value", {
 			width: "100%",
 			items: [
-				new Text({
-					text: oResourceBundle.getText("EDITOR_ACTUAL_VALUE")
-				}),
-				new Input({
-					value: {
-						path: "currentSettings>_currentContextValue"
-					},
-					editable: false
-				})]
+				settingsActualValueTxt,
+				settingsActualValueInput]
 		});
 		oCurrentValue.addStyleClass("currentval");
 
@@ -574,49 +581,58 @@ sap.ui.define([
 			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN"),
 			wrapping: true
 		}).addStyleClass("stitle"));
+		var settingsAdminVisibleLabel = new Label({
+			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_VISIBLE"),
+			wrapping: true
+		});
+		var settingsAdminVisibleCKB = new CheckBox({
+			selected: "{= ${currentSettings>_next/visible} !== false}",
+			select: function (oEvent) {
+				setNextSetting("visible", oEvent.getParameter("selected"));
+			}
+		});
+		settingsAdminVisibleCKB.addAriaLabelledBy(settingsAdminVisibleLabel);
 		oBox.addItem(new HBox({
 			items: [
-				new Label({
-					text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_VISIBLE"),
-					wrapping: true
-				}),
-				new CheckBox({
-					selected: "{= ${currentSettings>_next/visible} !== false}",
-					select: function (oEvent) {
-						setNextSetting("visible", oEvent.getParameter("selected"));
-					}
-				})
+				settingsAdminVisibleLabel,
+				settingsAdminVisibleCKB
 			]
 		}).addStyleClass("cbrow"));
+		var settingsAdminEditLabel = new Label({
+			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_EDIT"),
+			wrapping: true
+		});
+		var settingsAdminEditCKB = new CheckBox({
+			selected: "{= ${currentSettings>_next/editable} !== false}",
+			enabled: "{= ${currentSettings>_next/visible} !== false}",
+			select: function (oEvent) {
+				setNextSetting("editable", oEvent.getParameter("selected"));
+			}
+		});
+		settingsAdminEditCKB.addAriaLabelledBy(settingsAdminEditLabel);
 		oBox.addItem(new HBox({
 			items: [
-				new Label({
-					text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_EDIT"),
-					wrapping: true
-				}),
-				new CheckBox({
-					selected: "{= ${currentSettings>_next/editable} !== false}",
-					enabled: "{= ${currentSettings>_next/visible} !== false}",
-					select: function (oEvent) {
-						setNextSetting("editable", oEvent.getParameter("selected"));
-					}
-				})
+				settingsAdminEditLabel,
+				settingsAdminEditCKB
 			]
 		}).addStyleClass("cbrow"));
+		var settingsAdminDYNLabel = new Label({
+			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_DYN"),
+			wrapping: true
+		});
+		var settingsAdminDYNCKB = new CheckBox({
+			selected: "{= ${currentSettings>_next/allowDynamicValues} !== false}",
+			enabled: "{= ${currentSettings>_next/visible} !== false && ${currentSettings>_next/editable} !== false}",
+			select: function (oEvent) {
+				setNextSetting("allowDynamicValues", oEvent.getParameter("selected"));
+			}
+		});
+		settingsAdminDYNCKB.addAriaLabelledBy(settingsAdminDYNLabel);
 		oBox.addItem(new HBox({
 			visible: "{= ${currentSettings>allowDynamicValues}!== false}",
 			items: [
-				new Label({
-					text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_DYN"),
-					wrapping: true
-				}),
-				new CheckBox({
-					selected: "{= ${currentSettings>_next/allowDynamicValues} !== false}",
-					enabled: "{= ${currentSettings>_next/visible} !== false && ${currentSettings>_next/editable} !== false}",
-					select: function (oEvent) {
-						setNextSetting("allowDynamicValues", oEvent.getParameter("selected"));
-					}
-				})
+				settingsAdminDYNLabel,
+				settingsAdminDYNCKB
 			]
 		}).addStyleClass("cbrow"));
 

package/src/sap/ui/integration/editor/css/Editor.css

@@ -251,6 +251,11 @@
     padding-top: 0.2rem !important;
 }
 
+.sapUiIntegrationEditor .sapUiIntegrationEditorItem .sapUiIntegrationEditorItemObjectFieldTable .sapUiTableDataCell > .sapUiTableCellInner,
+.sapUiIntegrationEditor .sapUiIntegrationEditorItem .sapUiIntegrationEditorItemObjectListFieldTable .sapUiTableDataCell > .sapUiTableCellInner{
+	text-overflow: unset;
+}
+
 .sapUiIntegrationEditor .sapUiIntegrationEditorItem .sapUiIntegrationEditorItemObjectFieldTable .sapMTBStandard,
 .sapUiIntegrationEditor .sapUiIntegrationEditorItem .sapUiIntegrationEditorItemObjectListFieldTable .sapMTBStandard {
     border-bottom: 0px !important;
@@ -258,7 +263,7 @@
 	padding-left: 0.25rem !important;
 }
 
-.sapUiIntegrationEditor .sapUiIntegrationEditorItem .sapUiIntegrationEditorItemObjectFieldTable .sapMTB, 
+.sapUiIntegrationEditor .sapUiIntegrationEditorItem .sapUiIntegrationEditorItemObjectFieldTable .sapMTB,
 .sapUiIntegrationEditor .sapUiIntegrationEditorItem .sapUiIntegrationEditorItemObjectListFieldTable .sapMTB{
 	height: 2rem !important;
 	border: solid 0.0625rem #d9d9d9;
@@ -269,8 +274,7 @@
 	font-size: 0.8rem;
 }
 
-.sapUiIntegrationFieldTranslation .sapMPopoverTitle,
-.sapUiIntegrationFieldObjectListPopup .sapMPopoverTitle {
+.sapUiIntegrationFieldTranslation .sapMPopoverTitle{
 	max-width: 300px !important;
 	font-size: 1.125rem;
 	text-align: center;
@@ -278,14 +282,16 @@
 	padding: 0.5rem 0 0 0;
 }
 
-.sapUiIntegrationFieldTranslation .sapMLIB.sapMGHLI {
+.sapUiIntegrationFieldTranslation .sapMLIB.sapMGHLI,
+.sapUiIntegrationEditorItemObjectFieldDetailsPopover .sapMLIB.sapMGHLI {
     font-weight: bold;
 	border-bottom: 0;
 	height: 2.25rem;
     padding-top: 0.5rem;
 }
 
-.sapUiIntegrationFieldTranslation .sapMCLI {
+.sapUiIntegrationFieldTranslation .sapMCLI,
+.sapUiIntegrationEditorItemObjectFieldDetailsPopover .sapMCLI {
     padding: 0 1rem 0 1rem;
 	border-bottom: 0;
 }