@openui5/sap.ui.integration 1.97.1 → 1.99.1

package/src/sap/ui/integration/cards/actions/DateChangeAction.js

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"./BaseAction"
+], function (
+	BaseAction
+) {
+	"use strict";
+
+	var DateChangeAction = BaseAction.extend("sap.ui.integration.cards.actions.DateChangeAction", {
+		metadata: {
+			library: "sap.ui.integration"
+		}
+	});
+
+	return DateChangeAction;
+});

package/src/sap/ui/integration/cards/actions/MonthChangeAction.js

@@ -0,0 +1,20 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"./BaseAction"
+], function (
+	BaseAction
+) {
+	"use strict";
+
+	var MonthChangeAction = BaseAction.extend("sap.ui.integration.cards.actions.MonthChangeAction", {
+		metadata: {
+			library: "sap.ui.integration"
+		}
+	});
+
+	return MonthChangeAction;
+});

package/src/sap/ui/integration/cards/actions/NavigationAction.js

@@ -0,0 +1,63 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"./BaseAction",
+	"sap/ui/util/openWindow"
+], function (
+	BaseAction,
+	openWindow
+) {
+	"use strict";
+
+	var NavigationAction = BaseAction.extend("sap.ui.integration.cards.actions.NavigationAction", {
+		metadata: {
+			library: "sap.ui.integration"
+		}
+	});
+
+	/**
+	 * @override
+	 */
+	NavigationAction.prototype.execute = function () {
+		var oResolvedConfig = this.getResolvedConfig();
+
+		if (oResolvedConfig.service) {
+			return;
+		}
+
+		var oParameters = this.getParameters(),
+			sUrl,
+			sTarget,
+			sParametersUrl,
+			sParametersTarget;
+
+		if (oParameters) {
+			sParametersUrl = oParameters.url;
+			sParametersTarget = oParameters.target;
+		}
+
+		sUrl = oResolvedConfig.url || sParametersUrl;
+		sTarget = oResolvedConfig.target || sParametersTarget || "_blank";
+
+		if (sUrl) {
+			this._openUrl(sUrl, sTarget);
+		}
+
+	};
+
+	/**
+	 * Navigates to url
+	 *
+	 * @param {string} sUrl url to navigate to.
+	 * @param {string} sTarget target of the url
+	 * @private
+	 */
+	NavigationAction.prototype._openUrl = function (sUrl, sTarget) {
+		openWindow(sUrl, sTarget);
+	};
+
+	return NavigationAction;
+});

package/src/sap/ui/integration/cards/actions/SubmitAction.js

@@ -0,0 +1,89 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"./BaseAction",
+	"sap/base/Log",
+	"sap/ui/integration/util/BindingHelper",
+	"sap/ui/integration/util/BindingResolver",
+	"sap/ui/integration/util/Utils"
+], function (
+	BaseAction,
+	Log,
+	BindingHelper,
+	BindingResolver,
+	Utils
+) {
+	"use strict";
+
+	var SubmitAction = BaseAction.extend("sap.ui.integration.cards.actions.SubmitAction", {
+		metadata: {
+			library: "sap.ui.integration"
+		}
+	});
+
+	/**
+	 * @override
+	 */
+	SubmitAction.prototype.execute = function () {
+		var oSource = this.getSourceInstance(),
+			oSubmitActionHandler = this.getActionHandler();
+
+		if (!oSubmitActionHandler || !oSource.isA("sap.ui.integration.cards.BaseContent")) {
+			return;
+		}
+
+		var oDataProviderFactory = this.getCardInstance()._oDataProviderFactory,
+			oParameters = this.getParameters();
+
+		oSource.onActionSubmitStart(oParameters);
+
+		var oDataProvider = oDataProviderFactory.create({
+			request: this._createRequest(oSubmitActionHandler, oParameters)
+		});
+
+		oDataProvider.getData()
+			.then(function (oResponse) {
+				oSource.onActionSubmitEnd(oResponse, null);
+			}, function (oError) {
+				Log.error(oError);
+				oSource.onActionSubmitEnd(null, {error: oError});
+			})
+			.finally(function () {
+				// Cleanup the data provider
+				oDataProviderFactory.remove(oDataProvider);
+			});
+
+	};
+
+	SubmitAction.prototype._createRequest = function (oSubmitActionHandler, oDefaultParameters) {
+		return {
+			mode: oSubmitActionHandler.mode || "cors",
+			url: oSubmitActionHandler.url,
+			method: oSubmitActionHandler.method || "POST",
+			parameters: this._resolveActionHandlerParams(oSubmitActionHandler.parameters, oDefaultParameters) || oDefaultParameters,
+			headers: oSubmitActionHandler.headers,
+			xhrFields: {
+				withCredentials: !!oSubmitActionHandler.withCredentials
+			}
+		};
+	};
+
+	SubmitAction.prototype._resolveActionHandlerParams = function (oActionHandlerParameters, oDefaultParameters) {
+		var oCard = this.getCardInstance();
+
+		oCard.getModel("form").setProperty("/", oDefaultParameters.data);
+
+		oActionHandlerParameters = BindingResolver.resolveValue(
+			BindingHelper.createBindingInfos(oActionHandlerParameters, oCard.getBindingNamespaces()),
+			this.getSourceInstance()
+		);
+		Utils.makeUndefinedValuesNull(oActionHandlerParameters);
+
+		return oActionHandlerParameters;
+	};
+
+	return SubmitAction;
+});

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputChoiceSet.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 
 	function UI5ChoiceSet (){
@@ -14,10 +17,10 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 *
 	 * @class
 	 * An object that overwrites Microsoft's Adaptive Card <code>Input.ChoiceSet</code> element by replacing it with
-	 * <code>ui5-select</code>, or container with <code>ui5-radiobutton</code>, or <code>ui5-checkbox</code> web components.
+	 * <code>ui5-select</code>, or container with <code>ui5-radio-button</code>, or <code>ui5-checkbox</code> web components.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @private
 	 * @since 1.74
@@ -25,6 +28,16 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 
 	UI5ChoiceSet.prototype = Object.create(AdaptiveCards.ChoiceSetInput.prototype);
 
+
+	UI5ChoiceSet.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5ChoiceSet.prototype.internalRender = function () {
 		if (!this.isMultiSelect) {
 			if (this.isCompact) {
@@ -49,23 +62,24 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 
 				return this._selectElement;
 			}
-			//if this.isMultiSelect is false and this.isCompact is false, we need to render a container with ui5-radiobutton web components
+			//if this.isMultiSelect is false and this.isCompact is false, we need to render a container with ui5-radio-button web components
 			var oRbContainer = document.createElement("div");
 			oRbContainer.classList.add("sapFCardAdaptiveContentChoiceSetWrapper");
 			oRbContainer.id = this.id;
-			oRbContainer.addEventListener("select", function () {
+			oRbContainer.setAttribute("role", "radiogroup");
+			oRbContainer.addEventListener("change", function () {
 				this.valueChanged();
 			}.bind(this));
 			this._toggleInputs = [];
 			for (var j = 0; j < this.choices.length; j++) {
-				var oRb = document.createElement("ui5-radiobutton");
+				var oRb = document.createElement("ui5-radio-button");
 				oRb.value = this.choices[j].value;
 				oRb.text = this.choices[j].title;
 				oRb.name = this.id;
-				oRb.wrap = this.wrap;
+				oRb.wrappingType = this.wrap ? "Normal" : "None";
 
 				if (this.choices[j].value === this.defaultValue) {
-					oRb.selected = true;
+					oRb.checked = true;
 				}
 
 				this._toggleInputs.push(oRb);
@@ -78,6 +92,7 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		var defaultValues = this.defaultValue ? this.defaultValue.split(",") : null;
 		var oCbContainer = document.createElement("div");
 		oCbContainer.classList.add("sapFCardAdaptiveContentChoiceSetWrapper");
+		oCbContainer.setAttribute("role", "group");
 		oCbContainer.id = this.id;
 		oCbContainer.addEventListener("change", function () { this.valueChanged(); }.bind(this));
 		this._toggleInputs = [];
@@ -86,7 +101,7 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 			oCb.value = this.choices[k].value;
 			oCb.text = this.choices[k].title;
 			oCb.name = this.id;
-			oCb.wrap = this.wrap;
+			oCb.wrappingType = this.wrap ? "Normal" : "None";
 
 			if (defaultValues && defaultValues.indexOf(this.choices[k].value) >= 0) {
 				oCb.checked = true;
@@ -117,7 +132,7 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 					}
 
 					for (i = 0; i < this._toggleInputs.length; i++) {
-						if (this._toggleInputs[i].selected) {
+						if (this._toggleInputs[i].checked) {
 							return this._toggleInputs[i].value;
 						}
 					}
@@ -144,5 +159,32 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		}
 	});
 
+	UI5ChoiceSet.prototype.updateInputControlAriaLabelledBy = function () {
+		var sAttribute = (!this.isMultiSelect && this.isCompact) ? "accessible-name-ref" : "aria-labelledby";
+		InputsOverwrites.overwriteAriaLabelling(this, sAttribute);
+	};
+
+	UI5ChoiceSet.prototype.showValidationErrorMessage = function () {
+		if (!this._toggleInputs || !this._toggleInputs.length) {
+			return;
+		}
+
+		this._toggleInputs.forEach(function(oToggleInput){
+			oToggleInput.valueState = "Error";
+		});
+	};
+
+	UI5ChoiceSet.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (!this._toggleInputs || !this._toggleInputs.length) {
+			return;
+		}
+
+		this._toggleInputs.forEach(function (oToggleInput) {
+			oToggleInput.valueState = "None";
+		});
+	};
+
 	return UI5ChoiceSet;
 });

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputDate.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 	function UI5InputDate() {
 		AdaptiveCards.DateInput.apply(this, arguments);
@@ -16,14 +19,25 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 * <code>ui5-datepicker</code> web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @private
 	 * @since 1.74
 	 */
 	UI5InputDate.prototype = Object.create(AdaptiveCards.DateInput.prototype);
+
+
+	UI5InputDate.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5InputDate.prototype.internalRender = function () {
-		this._dateInputElement = document.createElement("ui5-datepicker");
+		this._dateInputElement = document.createElement("ui5-date-picker");
 
 		this._dateInputElement.id = this.id;
 		this._dateInputElement.placeholder = this.placeholder;
@@ -32,12 +46,33 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		this._dateInputElement.minDate = this.min || "";
 		this._dateInputElement.maxDate = this.max || "";
 
-		this._dateInputElement.addEventListener("change", function () {
+		InputsOverwrites.createValueStateElement(this, this._dateInputElement);
+
+		this._dateInputElement.addEventListener("input", function () {
 			this.valueChanged();
 		}.bind(this));
 
 		return this._dateInputElement;
 
 	};
+
+	UI5InputDate.prototype.updateInputControlAriaLabelledBy = function () {
+		InputsOverwrites.overwriteAriaLabelling(this, "accessible-name-ref");
+	};
+
+	UI5InputDate.prototype.showValidationErrorMessage = function () {
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "Error";
+		}
+	};
+
+	UI5InputDate.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "None";
+		}
+	};
+
 	return UI5InputDate;
 });

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputNumber.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 	function UI5InputNumber() {
 		AdaptiveCards.NumberInput.apply(this, arguments);
@@ -13,31 +16,38 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 *
 	 * @class
 	 * An object that overwrites Microsoft's AdaptiveCard <code>Input.Number</code> element by replacing it with
-	 * <code>ui5-input</code> web component with type Number.
+	 * <code>ui5-step-input</code> web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @private
 	 * @since 1.74
 	 */
 	UI5InputNumber.prototype = Object.create(AdaptiveCards.NumberInput.prototype);
+
+	UI5InputNumber.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5InputNumber.prototype.internalRender = function () {
-		this._numberInputElement = document.createElement("ui5-input");
+		this._numberInputElement = document.createElement("ui5-step-input");
 
-		this._numberInputElement.type = "Number";
 		this._numberInputElement.id = this.id;
 		this._numberInputElement.placeholder = this.placeholder || "";
 		this._numberInputElement.value = this.defaultValue || "";
+		this._numberInputElement.min = this.min;
+		this._numberInputElement.max = this.max;
+		this._numberInputElement.style.width = "13.125rem"; // the default width of the ui5-input web component
+
+		InputsOverwrites.createValueStateElement(this, this._numberInputElement);
 
-		this._numberInputElement.addEventListener("change", function (oEvent) {
-			// the logic for min and max value from the native number input is handled here, since there are no similar properties in the ui5-input web component
-			if (oEvent.target.value > this.max) {
-				oEvent.target.value = this.max;
-			}
-			if (oEvent.target.value < this.min) {
-				oEvent.target.value = this.min;
-			}
+		this._numberInputElement.addEventListener("input", function (oEvent) {
 			this.valueChanged();
 		}.bind(this));
 
@@ -51,5 +61,23 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		}
 	});
 
+	UI5InputNumber.prototype.updateInputControlAriaLabelledBy = function () {
+		InputsOverwrites.overwriteAriaLabelling(this, "accessible-name-ref");
+	};
+
+	UI5InputNumber.prototype.showValidationErrorMessage = function () {
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "Error";
+		}
+	};
+
+	UI5InputNumber.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "None";
+		}
+	};
+
 	return UI5InputNumber;
 });

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputText.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+	], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 	function UI5InputText() {
 		AdaptiveCards.TextInput.apply(this, arguments);
@@ -16,12 +19,22 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 * <code>ui5-input</code> or <code>ui5-textarea<code> UI5 web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @private
 	 * @since 1.74
 	 */
 	UI5InputText.prototype = Object.create(AdaptiveCards.TextInput.prototype);
+
+	UI5InputText.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5InputText.prototype.internalRender = function () {
 		//when this.isMultiline is true, we have to render an ui5-textarea instead of ui5-input
 		if (this.isMultiline) {
@@ -31,7 +44,9 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 			oTextArea.value = this.defaultValue || "";
 			oTextArea.maxlength = this.maxLength || null;
 
-			oTextArea.addEventListener("change", function () {
+			InputsOverwrites.createValueStateElement(this, oTextArea);
+
+			oTextArea.addEventListener("input", function () {
 				this.valueChanged();
 			}.bind(this));
 			return oTextArea;
@@ -54,10 +69,32 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		oInput.placeholder = this.placeholder || "";
 		oInput.value = this.defaultValue || "";
 		oInput.maxlength = this.maxLength || null;
-		oInput.addEventListener("change", function () {
+
+		InputsOverwrites.createValueStateElement(this, oInput);
+
+		oInput.addEventListener("input", function () {
 			this.valueChanged();
 		}.bind(this));
 		return oInput;
 	};
+
+	UI5InputText.prototype.updateInputControlAriaLabelledBy = function () {
+		InputsOverwrites.overwriteAriaLabelling(this, "accessible-name-ref");
+	};
+
+	UI5InputText.prototype.showValidationErrorMessage = function () {
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "Error";
+		}
+	};
+
+	UI5InputText.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "None";
+		}
+	};
+
 	return UI5InputText;
 });