@openui5/sap.ui.integration 1.93.3 → 1.96.2

package/src/sap/ui/integration/{designtime/editor → editor}/fields/BaseField.js

@@ -8,7 +8,6 @@ sap.ui.define([
 	"sap/m/Button",
 	"sap/m/FormattedText",
 	"sap/m/MultiInput",
-	"./Settings",
 	"sap/m/Token",
 	"sap/ui/core/Core",
 	"sap/ui/integration/util/BindingHelper",
@@ -22,7 +21,6 @@ sap.ui.define([
 	Button,
 	FormattedText,
 	MultiInput,
-	Settings,
 	Token,
 	Core,
 	BindingHelper,
@@ -35,20 +33,20 @@ sap.ui.define([
 	"use strict";
 
 	var oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration"),
-		sBuildInViz = "sap/ui/integration/designtime/editor/fields/viz";
+		sBuildInViz = "sap/ui/integration/editor/fields/viz";
 
 	/**
 	 * @class
 	 * @extends sap.ui.core.Control
-	 * @alias sap.ui.integration.designtime.editor.fields.BaseField
+	 * @alias sap.ui.integration.editor.fields.BaseField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @private
 	 * @ui5-restricted
 	 * @experimental since 1.83.0
 	 */
-	var BaseField = Control.extend("sap.ui.integration.designtime.editor.fields.BaseField", {
+	var BaseField = Control.extend("sap.ui.integration.editor.fields.BaseField", {
 		metadata: {
 			library: "sap.ui.integration",
 			properties: {
@@ -75,20 +73,10 @@ sap.ui.define([
 					multiple: false,
 					visibility: "hidden"
 				},
-				_settingsButton: {
-					type: "sap.ui.core.Control",
-					multiple: false,
-					visibility: "hidden"
-				},
 				_dynamicField: {
 					type: "sap.ui.core.Control",
 					multiple: false,
 					visibility: "hidden"
-				},
-				_hint: {
-					type: "sap.m.FormattedText",
-					multiple: false,
-					visibility: "hidden"
 				}
 			},
 			associations: {
@@ -109,11 +97,10 @@ sap.ui.define([
 		},
 		renderer: function (oRm, oControl) {
 			var oField = oControl.getAggregation("_field"),
-				oSettingsButton = oControl.getAggregation("_settingsButton"),
 				oDynamicField = oControl._getDynamicField();
 			oRm.openStart("div");
-			oRm.addClass("sapUiIntegrationCardEditorItemField");
-			if (oField && oField.getWidth && !oSettingsButton) {
+			oRm.addClass("sapUiIntegrationEditorItemField");
+			if (oField && oField.getWidth) {
 				//oRm.addStyle("width", oField.getWidth());
 			}
 			if (!oControl.getVisible()) {
@@ -128,10 +115,12 @@ sap.ui.define([
 				oRm.writeClasses();
 				oRm.openEnd();
 				oRm.openStart("span");
-				oRm.addClass("sapUiIntegrationCardEditorEditor");
+				oRm.addClass("sapUiIntegrationEditorEditor");
 				if (oControl._hasDynamicValue()) {
 					oRm.addStyle("width", "1px");
 					oRm.addStyle("opacity", "0");
+				} else {
+					oRm.addStyle("width", "100%");
 				}
 				oRm.writeStyles();
 				oRm.writeClasses();
@@ -139,30 +128,20 @@ sap.ui.define([
 				oRm.renderControl(oField);
 				oRm.close("span");
 				oRm.close("span");
-				if (oSettingsButton || oControl._hasDynamicValue()) {
+				if (oControl._hasDynamicValue()) {
 					oRm.openStart("span");
-					oRm.addClass("sapUiIntegrationCardEditorSettings");
+					oRm.addClass("sapUiIntegrationEditorSettings");
 					oRm.writeClasses();
 					oRm.openEnd();
 					oRm.openStart("span");
-					oRm.addClass("sapUiIntegrationCardEditorSettingsField");
-					if (oControl._hasDynamicValue()) {
-						oRm.addStyle("width", "calc(100% - 2.5rem)");
-						oRm.addStyle("opacity", "1");
-					}
+					oRm.addClass("sapUiIntegrationEditorSettingsField");
+					oRm.addStyle("width", "100%");
+					oRm.addStyle("opacity", "1");
 					oRm.writeClasses();
 					oRm.writeStyles();
 					oRm.openEnd();
 					oRm.renderControl(oDynamicField);
 					oRm.close("span");
-
-					oRm.openStart("span");
-					oRm.addClass("sapUiIntegrationCardEditorSettingsButton");
-					oRm.writeClasses();
-					oRm.openEnd();
-					oRm.renderControl(oSettingsButton);
-					oRm.close("span");
-					oRm.close("span");
 				}
 				oRm.openStart("div");
 				oRm.writeAttribute("id", oControl.getId() + "-ms");
@@ -170,19 +149,6 @@ sap.ui.define([
 				oRm.writeStyles();
 				oRm.openEnd();
 				oRm.close("div");
-
-				//render hint
-				if (oControl.getMode() !== "translation") {
-					var oHint = oControl.getAggregation("_hint");
-					if (oHint) {
-						oRm.openStart("div");
-						oRm.addClass("sapUiIntegrationCardEditorHint");
-						oRm.writeClasses();
-						oRm.openEnd();
-						oRm.renderControl(oHint);
-						oRm.close("div");
-					}
-				}
 			}
 			oRm.close("div");
 
@@ -200,7 +166,26 @@ sap.ui.define([
 		return Core.byId(sMessageStripId);
 	};
 
+	BaseField.prototype.getMessageIcon = function () {
+		var sMessageIconId = this.getAssociation("_messageIcon");
+		return Core.byId(sMessageIconId);
+	};
+
+	BaseField.prototype._removeValidationMessage = function () {
+		var oField = this.control,
+		    oMessageIcon = oField.getParent().getMessageIcon();
+		if (oMessageIcon) {
+			oMessageIcon.setVisible(false);
+		}
+		if (oField.getEnabled()) {
+			oField.setEnabled(false);
+		}
+	};
+
 	BaseField.prototype.setConfiguration = function (oConfig, bSuppress) {
+		if (oResourceBundle && oResourceBundle.sLocale !== Core.getConfiguration().getLanguage()) {
+			oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration");
+		}
 		if (oConfig !== this.getConfiguration()) {
 			//sanitize configuration
 			this._sanitizeValidationSettings(oConfig);
@@ -209,11 +194,6 @@ sap.ui.define([
 				//async to ensure all settings that are applied sync are processed.
 				Promise.resolve().then(function () {
 					this.initEditor(oConfig);
-					if (oConfig.hint && oConfig.type !== "boolean") {
-						this._addHint(oConfig.hint);
-					} else if (oConfig.hint && oConfig.type === "boolean" && oConfig.cols && oConfig.cols === 1) {
-						this._addHint(oConfig.hint);
-					}
 				}.bind(this));
 
 			}
@@ -221,14 +201,6 @@ sap.ui.define([
 		return this;
 	};
 
-	BaseField.prototype._addHint = function (sHint) {
-		sHint = sHint.replace(/<a href/g, "<a target='blank' href");
-		var oFormattedText = new FormattedText({
-			htmlText: sHint
-		});
-		this.setAggregation("_hint", oFormattedText);
-	};
-
 	BaseField.prototype._sanitizeValidationSettings = function (oConfig) {
 		oConfig.validations = oConfig.validations || [];
 		if (oConfig.validation && oConfig.validations && Array.isArray(oConfig.validations)) {
@@ -275,45 +247,45 @@ sap.ui.define([
 					return false;
 				}
 			}
+			this._hideValueState();
 		}
-		this._hideValueState();
 		return true;
 	};
 	/*
 		default error messages
 		#XMSG: Validation Error: Does not match pattern
-		CARDEDITOR_VAL_NOMATCH=Value does not match the validation criteria
+		EDITOR_VAL_NOMATCH=Value does not match the validation criteria
 
 		#XMSG: Validation Error: Max length exceeded
-		CARDEDITOR_VAL_MAXLENGTH=Value exceeds the maximum length of {0}
+		EDITOR_VAL_MAXLENGTH=Value exceeds the maximum length of {0}
 
 		#XMSG: Validation Error: Min length
-		CARDEDITOR_VAL_MINLENGTH=Value needs to be minimal {0} characters
+		EDITOR_VAL_MINLENGTH=Value needs to be minimal {0} characters
 
 		#XMSG: Validation Error: Number required
-		CARDEDITOR_VAL_TEXTREQ=Field is required, please enter a text
+		EDITOR_VAL_TEXTREQ=Field is required, please enter a text
 
 		#XMSG: Validation Error: List required
-		CARDEDITOR_VAL_LISTREQ=Field is required, please select 1 item
+		EDITOR_VAL_LISTREQ=Field is required, please select 1 item
 
 		#XMSG: Validation Error: Number Maximum Inclusive
-		CARDEDITOR_VAL_MAX_E=Value needs to be {0} or less
+		EDITOR_VAL_MAX_E=Value needs to be {0} or less
 
 		#XMSG: Validation Error: Number Minimum Inclusive
-		CARDEDITOR_VAL_MIN_E=Value needs to be {0} or greater
+		EDITOR_VAL_MIN_E=Value needs to be {0} or greater
 
 		#XMSG: Validation Error: Number Maximum Exclusive
-		CARDEDITOR_VAL_MAX_E=Value needs to be less than {0}
+		EDITOR_VAL_MAX_E=Value needs to be less than {0}
 
 		#XMSG: Validation Error: Number Minimum Exclusive
-		CARDEDITOR_VAL_MIN_E=Value needs to be greater than {0}
+		EDITOR_VAL_MIN_E=Value needs to be greater than {0}
 
 
 		#XMSG: Validation Error: Number Multiple Of
-		CARDEDITOR_VAL_MULTIPLE=Value needs to be a multiple of {0}
+		EDITOR_VAL_MULTIPLE=Value needs to be a multiple of {0}
 
 		#XMSG: Validation Error: Number required
-		CARDEDITOR_VAL_NUMBERREQ=Field is required, please enter a number
+		EDITOR_VAL_NUMBERREQ=Field is required, please enter a number
 	*/
 
 	BaseField.validations = {
@@ -321,35 +293,35 @@ sap.ui.define([
 			maxLength: function (v, max) {
 				return v.length <= max;
 			},
-			maxLengthTxt: "CARDEDITOR_VAL_MAXLENGTH",
+			maxLengthTxt: "EDITOR_VAL_MAXLENGTH",
 			minLength: function (v, min) {
 				return v.length >= min;
 			},
-			minLengthTxt: "CARDEDITOR_VAL_MINLENGTH",
+			minLengthTxt: "EDITOR_VAL_MINLENGTH",
 			pattern: function (v, pattern) {
 				var p = new RegExp(pattern);
 				return p.test(v);
 			},
-			patternTxt: "CARDEDITOR_VAL_NOMATCH",
+			patternTxt: "EDITOR_VAL_NOMATCH",
 			required: function (v, b) {
 				return b && !!v;
 			},
-			requiredTxt: "CARDEDITOR_VAL_TEXTREQ",
-			validateTxt: "CARDEDITOR_VAL_NOMATCH"
+			requiredTxt: "EDITOR_VAL_TEXTREQ",
+			validateTxt: "EDITOR_VAL_NOMATCH"
 		},
 		"string[]": {
 			maxLength: function (v, max) {
 				return Array.isArray(v) && v.length <= max;
 			},
-			maxLengthTxt: "CARDEDITOR_VAL_LISTMAXLENGTH",
+			maxLengthTxt: "EDITOR_VAL_LISTMAXLENGTH",
 			minLength: function (v, min) {
 				return Array.isArray(v) && v.length >= min;
 			},
-			minLengthTxt: "CARDEDITOR_VAL_LISTMINLENGTH",
+			minLengthTxt: "EDITOR_VAL_LISTMINLENGTH",
 			required: function (v, b) {
 				return Array.isArray(v) && v.length > 0;
 			},
-			requiredTxt: "CARDEDITOR_VAL_LISTREQ"
+			requiredTxt: "EDITOR_VAL_LISTREQ"
 		},
 		integer: {
 			maximum: function (v, valValue, valSettings) {
@@ -359,8 +331,8 @@ sap.ui.define([
 				}
 				return v <= valValue;
 			},
-			maximumTxt: "CARDEDITOR_VAL_MAX",
-			maximumExclusiveTxt: "CARDEDITOR_VAL_MAX_E",
+			maximumTxt: "EDITOR_VAL_MAX",
+			maximumExclusiveTxt: "EDITOR_VAL_MAX_E",
 			minimum: function (v, valValue, valSettings) {
 				if (valSettings.exclusiveMinimum) {
 					valSettings._txt = "minimumExclusiveTxt";
@@ -368,17 +340,17 @@ sap.ui.define([
 				}
 				return v >= valValue;
 			},
-			minimumTxt: "CARDEDITOR_VAL_MIN",
-			minimumExclusiveTxt: "CARDEDITOR_VAL_MIN_E",
+			minimumTxt: "EDITOR_VAL_MIN",
+			minimumExclusiveTxt: "EDITOR_VAL_MIN_E",
 			multipleOf: function (v, valValue) {
 				return (v % valValue) === 0;
 			},
-			multipleOfTxt: "CARDEDITOR_VAL_MULTIPLE",
+			multipleOfTxt: "EDITOR_VAL_MULTIPLE",
 			required: function (v, b) {
 				return !isNaN(v) && v !== "";
 			},
-			requiredTxt: "CARDEDITOR_VAL_NUMBERREQ",
-			validateTxt: "CARDEDITOR_VAL_NOMATCH"
+			requiredTxt: "EDITOR_VAL_NUMBERREQ",
+			validateTxt: "EDITOR_VAL_NOMATCH"
 		},
 		number: {
 			maximum: function (v, valValue, valSettings) {
@@ -388,8 +360,8 @@ sap.ui.define([
 				}
 				return v <= valValue;
 			},
-			maximumTxt: "CARDEDITOR_VAL_MAX",
-			maximumExclusiveTxt: "CARDEDITOR_VAL_MAX_E",
+			maximumTxt: "EDITOR_VAL_MAX",
+			maximumExclusiveTxt: "EDITOR_VAL_MAX_E",
 			minimum: function (v, valValue, valSettings) {
 				if (valSettings.exclusiveMinimum) {
 					valSettings._txt = "minimumExclusiveTxt";
@@ -397,24 +369,24 @@ sap.ui.define([
 				}
 				return v >= valValue;
 			},
-			minimumTxt: "CARDEDITOR_VAL_MIN",
-			minimumExclusiveTxt: "CARDEDITOR_VAL_MAX_E",
+			minimumTxt: "EDITOR_VAL_MIN",
+			minimumExclusiveTxt: "EDITOR_VAL_MAX_E",
 			multipleOf: function (v, valValue) {
 				return (v % valValue) === 0;
 			},
-			multipleOfTxt: "CARDEDITOR_VAL_MULTIPLE",
+			multipleOfTxt: "EDITOR_VAL_MULTIPLE",
 			required: function (v, b) {
 				return !isNaN(v) && v !== "";
 			},
-			requiredTxt: "CARDEDITOR_VAL_NUMBERREQ",
-			validateTxt: "CARDEDITOR_VAL_NOMATCH"
+			requiredTxt: "EDITOR_VAL_NUMBERREQ",
+			validateTxt: "EDITOR_VAL_NOMATCH"
 		}
 	};
 
 	BaseField.prototype._requestData = function (oRequest) {
 		var oField = this.control.getParent();
 		var oConfig = oField.getConfiguration();
-		var oDataProvider = oField._oProviderCard._oDataProviderFactory.create(oRequest.data);
+		var oDataProvider = oField._oDataProviderFactory.create(oRequest.data);
 		oField.getModel("currentSettings").setProperty(oConfig._settingspath + "/_loading", true);
 		var oPromise = oDataProvider.getData();
 		return oPromise.then(function (oData) {
@@ -454,7 +426,8 @@ sap.ui.define([
 		if (oSettings["validate"]) {
 			var oContext = {
 				control: this.getAggregation("_field"),
-				requestData: this._requestData
+				requestData: this._requestData,
+				removeValidationMessage: this._removeValidationMessage
 			};
 			var fnValidate = oSettings["validate"];
 			Promise.resolve(fnValidate(oValue, oConfig, oContext)).then(function(result) {
@@ -525,14 +498,14 @@ sap.ui.define([
 			this._messageFrom = "request";
 		}
 		var oMessageStrip = this.getMessagestrip();
-		if (oField.setValueState) {
+		if (oField && oField.setValueState) {
 			this._message.atControl = true;
 			if (oField.setShowValueStateMessage) {
 				oField.setShowValueStateMessage(false);
 			}
 			oField.setValueState(sEnumType);
 			oField.setValueStateText(sMessage);
-		} else if (oMessageStrip && oMessageStrip.getVisible()) {
+		} else if (oMessageStrip && oMessageStrip.getVisible() && oField.getMetadata().getName() !== "sap.m.Switch") {
 			this._showMessage();
 		}
 		this._applyMessage();
@@ -613,7 +586,7 @@ sap.ui.define([
 			oMessageStrip.onAfterRendering = function () {
 				oMessageStrip.getDomRef().style.zIndex = "1";
 				oMessageStrip.getDomRef().style.opacity = "1";
-				that.getDomRef("ms").appendChild(oMessageStrip.getDomRef());
+				that.getDomRef("ms") && that.getDomRef("ms").appendChild(oMessageStrip.getDomRef());
 				var oField = that.getAggregation("_field");
 				if (that._message && !that._message.atControl) {
 					oMessageStrip.getDomRef().style.marginTop = "0";
@@ -632,7 +605,7 @@ sap.ui.define([
 	BaseField.prototype._hideMessage = function () {
 		var oMessageStrip = this.getMessagestrip();
 		var oField = this.getAggregation("_field"),
-			bFocusInField = oField.getDomRef().contains(window.document.activeElement);
+			bFocusInField = oField.getDomRef() && oField.getDomRef().contains(window.document.activeElement);
 		if (oMessageStrip) {
 			if (!bFocusInField && oMessageStrip.getDomRef()) {
 				oMessageStrip.getDomRef().style.opacity = "0";
@@ -666,6 +639,13 @@ sap.ui.define([
 		}
 		if (oControl instanceof Control) {
 			this.setAggregation("_field", oControl);
+			if (oControl.attachChange) {
+				oControl.attachChange(function (oEvent) {
+					if (oEvent.mParameters.value === "") {
+						this._triggerValidation(oEvent.getParameter("value"));
+					}
+				}.bind(this));
+			}
 			/*if (oControl.attachChange) {
 				oControl.attachChange(function (oEvent) {
 					var value;
@@ -698,7 +678,7 @@ sap.ui.define([
 		oConfig.allowDynamicValues = oConfig.allowDynamicValues || oConfig.allowDynamicValues !== false;
 		oConfig._changeDynamicValues = oConfig.visible && oConfig.editable && (oConfig.allowDynamicValues || oConfig.allowSettings) && sMode !== "translation";
 		if (oConfig._changeDynamicValues) {
-			this._addSettingsButton();
+			this._getDynamicField();
 		}
 		this._applySettings(oConfig);
 		this.fireAfterInit();
@@ -770,7 +750,7 @@ sap.ui.define([
 			oStyle.opacity = 0;
 			oStyle = oField.getDomRef().parentNode.style;
 			oField.getDomRef().style.visibility = "visible";
-			oStyle.width = "calc(100% - 2.5rem)";
+			oStyle.width = "100%";
 			oStyle.opacity = 1;
 		}
 	};
@@ -780,7 +760,7 @@ sap.ui.define([
 			oField = this.getAggregation("_field");
 		if (oDynamicField.getDomRef()) {
 			var oStyle = oDynamicField.getDomRef().parentNode.style;
-			oStyle.width = "calc(100% - 2.5rem)";
+			oStyle.width = "100%";
 			oStyle.opacity = 1;
 			oStyle = oField.getDomRef().parentNode.style;
 			oField.getDomRef().style.visibility = "hidden";
@@ -789,47 +769,6 @@ sap.ui.define([
 		}
 	};
 
-	BaseField.prototype._getSettingsPanel = function () {
-		if (!this._oSettingsPanel) {
-			this._oSettingsPanel = new Settings();
-		}
-		return this._oSettingsPanel;
-	};
-
-	BaseField.prototype._openSettingsDialog = function (iDelay) {
-		var oSettingsPanel = this._getSettingsPanel();
-		window.setTimeout(function () {
-			oSettingsPanel.setConfiguration(this.getConfiguration());
-			var oPreview = this.getParent().getParent().getAggregation("_preview")
-				|| this.getParent().getParent().getParent().getAggregation("_preview")
-				|| this.getParent().getParent().getParent().getParent().getAggregation("_preview");
-			oSettingsPanel.open(
-				this.getAggregation("_settingsButton"),
-				this.getAggregation("_settingsButton"),
-				oPreview,
-				this.getHost(),
-				this,
-				this._applySettings.bind(this),
-				this._cancelSettings.bind(this));
-		}.bind(this), iDelay || 600);
-	};
-
-
-	/**
-	 * Add the settings button
-	 */
-	BaseField.prototype._addSettingsButton = function () {
-		this._getDynamicField(); //create the dynamic field
-		this.setAggregation("_settingsButton", new Button({
-			icon: "{= ${currentSettings>_hasDynamicValue} ? 'sap-icon://display-more' : 'sap-icon://enter-more'}",
-			type: "Transparent",
-			tooltip: oResourceBundle.getText("CARDEDITOR_FIELD_MORE_SETTINGS"),
-			press: function () {
-				this._openSettingsDialog(200);
-			}.bind(this)
-		}));
-	};
-
 	BaseField.prototype._setCurrentProperty = function (sProperty, vValue) {
 		//avoid fire binding changes in the model
 		if (this._getCurrentProperty(sProperty) !== vValue) {
@@ -894,15 +833,18 @@ sap.ui.define([
 	};
 
 	BaseField.prototype._applyButtonStyles = function () {
+		if (!this._settingsButton) {
+			return;
+		}
 		if (!this._hasDynamicValue()) {
-			this.removeStyleClass("dynamicvalue");
+			this._settingsButton.removeStyleClass("dynamicvalue");
 		} else {
-			this.addStyleClass("dynamicvalue");
+			this._settingsButton.addStyleClass("dynamicvalue");
 		}
 		if (!this._hasSettings()) {
-			this.removeStyleClass("settings");
+			this._settingsButton.removeStyleClass("settings");
 		} else {
-			this.addStyleClass("settings");
+			this._settingsButton.addStyleClass("settings");
 		}
 	};
 

package/src/sap/ui/integration/{designtime/editor → editor}/fields/BooleanField.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/integration/designtime/editor/fields/BaseField",
+	"sap/ui/integration/editor/fields/BaseField",
 	"sap/m/CheckBox"
 ], function (
 	BaseField, CheckBox
@@ -13,16 +13,16 @@ sap.ui.define([
 
 	/**
 	 * @class
-	 * @extends sap.ui.integration.designtime.editor.fields.BaseField
-	 * @alias sap.ui.integration.designtime.editor.fields.BooleanField
+	 * @extends sap.ui.integration.editor.fields.BaseField
+	 * @alias sap.ui.integration.editor.fields.BooleanField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
 	 */
-	var BooleanField = BaseField.extend("sap.ui.integration.designtime.editor.fields.BooleanField", {
+	var BooleanField = BaseField.extend("sap.ui.integration.editor.fields.BooleanField", {
 		metadata: {
 			library: "sap.ui.integration"
 		},

package/src/sap/ui/integration/{designtime/editor → editor}/fields/DateField.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/integration/designtime/editor/fields/BaseField",
+	"sap/ui/integration/editor/fields/BaseField",
 	"sap/m/DatePicker"
 ], function (
 	BaseField, DatePicker
@@ -13,16 +13,16 @@ sap.ui.define([
 
 	/**
 	 * @class
-	 * @extends sap.ui.integration.designtime.editor.fields.BaseField
-	 * @alias sap.ui.integration.designtime.editor.fields.DateField
+	 * @extends sap.ui.integration.editor.fields.BaseField
+	 * @alias sap.ui.integration.editor.fields.DateField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
 	 */
-	var DateField = BaseField.extend("sap.ui.integration.designtime.editor.fields.DateField", {
+	var DateField = BaseField.extend("sap.ui.integration.editor.fields.DateField", {
 		metadata: {
 			library: "sap.ui.integration"
 		},
@@ -45,7 +45,8 @@ sap.ui.define([
 						formatOptions: oformatter
 					},
 					editable: oConfig.editable,
-					width: "16rem",
+					//width: "16rem",
+					width: "100%",
 					change: function (oEvent) {
 						if (oEvent.getParameters().valid) {
 							//always store an ISO string, but from 00:00:00 of the real date selected.

package/src/sap/ui/integration/{designtime/editor → editor}/fields/DateTimeField.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/integration/designtime/editor/fields/BaseField",
+	"sap/ui/integration/editor/fields/BaseField",
 	"sap/m/DateTimePicker"
 ], function (
 	BaseField, DateTimePicker
@@ -13,16 +13,16 @@ sap.ui.define([
 
 	/**
 	 * @class
-	 * @extends sap.ui.integration.designtime.editor.fields.BaseField
-	 * @alias sap.ui.integration.designtime.editor.fields.DateTimeField
+	 * @extends sap.ui.integration.editor.fields.BaseField
+	 * @alias sap.ui.integration.editor.fields.DateTimeField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
 	 */
-	var DateTimeField = BaseField.extend("sap.ui.integration.designtime.editor.fields.DateTimeField", {
+	var DateTimeField = BaseField.extend("sap.ui.integration.editor.fields.DateTimeField", {
 		metadata: {
 			library: "sap.ui.integration"
 		},
@@ -45,7 +45,8 @@ sap.ui.define([
 						formatOptions: oformatter
 					},
 					editable: oConfig.editable,
-					width: "16rem",
+					//width: "16rem",
+					width: "100%",
 					change: function (oEvent) {
 						if (oEvent.getParameters().valid) {
 							var oSource = oEvent.getSource();

package/src/sap/ui/integration/{designtime/editor → editor}/fields/DestinationField.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
-	"sap/ui/integration/designtime/editor/fields/BaseField",
+	"sap/ui/integration/editor/fields/BaseField",
 	"sap/m/Select",
 	"sap/ui/core/ListItem"
 
@@ -15,16 +15,16 @@ sap.ui.define([
 
 	/**
 	 * @class
-	 * @extends sap.ui.integration.designtime.editor.fields.BaseField
-	 * @alias sap.ui.integration.designtime.editor.fields.DestinationField
+	 * @extends sap.ui.integration.editor.fields.BaseField
+	 * @alias sap.ui.integration.editor.fields.DestinationField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
 	 */
-	var DestinationField = BaseField.extend("sap.ui.integration.designtime.editor.fields.DestinationField", {
+	var DestinationField = BaseField.extend("sap.ui.integration.editor.fields.DestinationField", {
 		metadata: {
 			library: "sap.ui.integration"
 		},