@openui5/sap.ui.integration 1.98.0 → 1.101.0

package/src/sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites.js

@@ -0,0 +1,115 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+/*
+ * IMPORTANT: This is a private module, its API must not be used and is subject to change.
+ * Code other than the OpenUI5 libraries must not introduce dependencies to this module.
+ */
+sap.ui.define([
+	'sap/ui/core/InvisibleText',
+	'sap/ui/core/Core'
+	], function (InvisibleText, Core) {
+	"use strict";
+
+	/**
+	 * A helper module containing general overwrite methods applicable for all input elements
+	 */
+	var InputsOverwrites = {};
+
+	/**
+	 * Overwrites handling of required input elements
+	 *
+	 * @param {object} oAdaptiveCardElement The adaptive cards input element
+	 */
+	InputsOverwrites.overwriteRequired = function (oAdaptiveCardElement) {
+		var sContainerRole = oAdaptiveCardElement._renderedInputControlElement.getAttribute("role");
+
+		// if the container is a radiogroup, aria-required is valid and no overwrites are needed
+		if (sContainerRole === "radiogroup") {
+			return;
+		}
+
+		oAdaptiveCardElement.renderedInputControlElement.removeAttribute('aria-required');
+
+		// if there is no role on the container, the element is a single input field and required attribute should be set to the web component element
+		if (!sContainerRole) {
+			oAdaptiveCardElement.renderedInputControlElement.required = oAdaptiveCardElement.isRequired;
+			return;
+		}
+
+		// for ChoiseSet with checkboxes, we should add a descriptive text, since aria-required is not a valid attribute for role="group"
+		if (sContainerRole === "group" && oAdaptiveCardElement.isRequired) {
+			var sInvisibleTextId = new InvisibleText({
+				id: oAdaptiveCardElement._renderedInputControlElement.id + "-InvisibleText",
+				text: Core.getLibraryResourceBundle("sap.ui.integration").getText("ADAPTIVE_CARDS_REQUIRED_FIELD")
+			}).toStatic().getId();
+
+			oAdaptiveCardElement.renderedInputControlElement.setAttribute("aria-describedby", sInvisibleTextId);
+		}
+	};
+
+	/**
+	 * Overwrites handling of labelling
+	 *
+	 * @param {object} oAdaptiveCardElement The adaptive cards input element
+	 */
+	InputsOverwrites.overwriteLabel = function (oAdaptiveCardElement) {
+		if (!oAdaptiveCardElement._renderedLabelElement) {
+			return;
+		}
+
+		var oLabel = document.createElement("ui5-label");
+
+		oLabel.id = oAdaptiveCardElement._renderedLabelElement.id;
+		oLabel.innerText = oAdaptiveCardElement.label;
+		oLabel.for = oAdaptiveCardElement._renderedInputControlElement.id;
+		oLabel.required = oAdaptiveCardElement.isRequired;
+
+		// styles originally applied to the adaptive cards native label, should be added to the ui5-label
+		oLabel.style.marginBottom = oAdaptiveCardElement.hostConfig.getEffectiveSpacing(oAdaptiveCardElement.hostConfig.inputs.label.inputSpacing) + "px";
+
+		// remove the native label DOM element and set the ui5-label
+		oAdaptiveCardElement._renderedLabelElement.remove();
+		oAdaptiveCardElement._renderedLabelElement = oLabel;
+		oAdaptiveCardElement._outerContainerElement.insertBefore(oAdaptiveCardElement._renderedLabelElement, oAdaptiveCardElement.inputControlContainerElement);
+	};
+
+	/**
+	 * Overwrite handling of accessible name
+	 *
+	 * @param {object} oAdaptiveCardElement The adaptive cards input element
+	 * @param {string} sAttribute The attribute, which should be set
+	 */
+	InputsOverwrites.overwriteAriaLabelling = function (oAdaptiveCardElement, sAttribute) {
+		if (!oAdaptiveCardElement._renderedInputControlElement) {
+			return;
+		}
+
+		if (oAdaptiveCardElement._renderedLabelElement) {
+			oAdaptiveCardElement._renderedInputControlElement.setAttribute(sAttribute, oAdaptiveCardElement._renderedLabelElement.id);
+		} else {
+			oAdaptiveCardElement._renderedInputControlElement.removeAttribute(sAttribute);
+		}
+	};
+
+	/**
+	 * Creates the value state message slot
+	 *
+	 * @param {object} oAdaptiveCardElement The adaptive cards input element
+	 * @param {string} oElement The HTML element on which to set the slot
+	 */
+	InputsOverwrites.createValueStateElement = function(oAdaptiveCardElement, oElement) {
+		if (!oAdaptiveCardElement.errorMessage) {
+			return;
+		}
+
+		var oValueStateMessage = document.createElement("div");
+		oValueStateMessage.setAttribute("slot", "valueStateMessage");
+		oValueStateMessage.innerText = oAdaptiveCardElement.errorMessage;
+		oElement.appendChild(oValueStateMessage);
+	};
+
+	return InputsOverwrites;
+});

package/src/sap/ui/integration/cards/filters/BaseFilter.js

@@ -6,6 +6,7 @@
 sap.ui.define([
 	"sap/ui/core/Control",
 	"sap/ui/core/Core",
+	"sap/ui/core/InvisibleText",
 	"sap/base/Log",
 	"sap/ui/core/Icon",
 	"sap/m/HBox",
@@ -15,6 +16,7 @@ sap.ui.define([
 ], function (
 	Control,
 	Core,
+	InvisibleText,
 	Log,
 	Icon,
 	HBox,
@@ -35,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private
@@ -66,7 +68,12 @@ sap.ui.define([
 				/**
 				 * The internally used LoadingProvider.
 				 */
-				_loadingProvider: { type: "sap.ui.core.Element", multiple: false, visibility: "hidden" }
+				_loadingProvider: { type: "sap.ui.core.Element", multiple: false, visibility: "hidden" },
+
+				/**
+				 * The hidden label for this control
+				 */
+				_label: { type: "sap.ui.core.InvisibleText", multiple: false, visibility: "hidden" }
 			},
 			associations: {
 
@@ -126,6 +133,16 @@ sap.ui.define([
 		return null;
 	};
 
+	BaseFilter.prototype.createLabel = function (oConfig) {
+		if (oConfig.label) {
+			this.setAggregation("_label", new InvisibleText({
+				text: oConfig.label
+			}).toStatic());
+			return this.getAggregation("_label");
+		}
+		return null;
+	};
+
 	/**
 	 * @private
 	 * @ui5-restricted

package/src/sap/ui/integration/cards/filters/DateRangeFilter.js

@@ -84,7 +84,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private
@@ -130,7 +130,8 @@ sap.ui.define([
 
 			var aDates = DynamicDateUtil.toDates(oDateRangeValue),
 				dStart = aDates[0].getJSDate ? aDates[0].getJSDate() : aDates[0],
-				dEnd = aDates[1].getJSDate ? aDates[1].getJSDate() : aDates[1];
+				iSecondIndex = oDateRangeValue.operator === "TO" || oDateRangeValue.operator === "FROM" ? 0 : 1,
+				dEnd = aDates[iSecondIndex] && aDates[iSecondIndex].getJSDate ? aDates[iSecondIndex].getJSDate() : aDates[iSecondIndex];
 
 			oRange = {
 				start: dStart.toISOString(),
@@ -212,6 +213,11 @@ sap.ui.define([
 			}
 		}.bind(this));
 
+		var oLabel = this.createLabel(oConfig);
+		if (oLabel) {
+			oDdr.addAriaLabelledBy(oLabel);
+		}
+
 		return oDdr;
 	};
 

package/src/sap/ui/integration/cards/filters/FilterBar.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/FilterBarFactory.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/SearchFilter.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private
@@ -57,7 +57,7 @@ sap.ui.define([
 	 */
 	SearchFilter.prototype.getValueForModel = function () {
 		return {
-			value: this._getSearchField().getValue()
+			value: this._escapeDoubleQuotes(this._getSearchField().getValue())
 		};
 	};
 
@@ -83,6 +83,11 @@ sap.ui.define([
 			value: oConfig.value,
 			placeholder: oConfig.placeholder
 		});
+		var oLabel = this.createLabel(oConfig);
+
+		if (oLabel) {
+			oSearchField.addAriaLabelledBy(oLabel);
+		}
 
 		oSearchField.attachChange(function () {
 			this.setValue(this.getValueForModel());
@@ -91,5 +96,9 @@ sap.ui.define([
 		return oSearchField;
 	};
 
+	SearchFilter.prototype._escapeDoubleQuotes = function (sValue) {
+		return sValue.replaceAll("\"", "\\\"");
+	};
+
 	return SearchFilter;
 });

package/src/sap/ui/integration/cards/filters/SelectFilter.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private
@@ -145,7 +145,8 @@ sap.ui.define([
 			sItemTemplateKey,
 			sItemTemplateTitle,
 			sItemsPath = "/",
-			oConfig = this.getConfig();
+			oConfig = this.getConfig(),
+			oLabel = this.createLabel(oConfig);
 
 		oSelect.attachChange(function (oEvent) {
 			this.setValue(this.getValueForModel());
@@ -180,6 +181,10 @@ sap.ui.define([
 
 		oSelect.setSelectedKey(oConfig.value);
 
+		if (oLabel) {
+			oSelect.addAriaLabelledBy(oLabel);
+		}
+
 		return oSelect;
 	};
 

package/src/sap/ui/integration/controls/ActionsStrip.js

@@ -12,6 +12,7 @@ sap.ui.define([
 	"sap/ui/integration/cards/actions/CardActions",
 	"sap/ui/integration/util/BindingHelper",
 	"sap/m/Button",
+	"sap/ui/integration/controls/LinkWithIcon",
 	"sap/m/OverflowToolbarButton",
 	"sap/m/OverflowToolbar",
 	"sap/m/OverflowToolbarLayoutData",
@@ -24,6 +25,7 @@ sap.ui.define([
 	CardActions,
 	BindingHelper,
 	Button,
+	LinkWithIcon,
 	OverflowToolbarButton,
 	OverflowToolbar,
 	OverflowToolbarLayoutData,
@@ -46,7 +48,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private
@@ -131,45 +133,80 @@ sap.ui.define([
 					group: mConfig.overflowGroup,
 					priority: mConfig.overflowPriority
 				}),
-				oButton;
-
-			if (mConfig.icon) {
-				oButton = new OverflowToolbarButton({
-					icon: mConfig.icon,
-					text: mConfig.text || mConfig.tooltip,
-					tooltip: mConfig.tooltip || mConfig.text,
-					type: mConfig.buttonType,
-					ariaHasPopup: mConfig.ariaHasPopup,
-					visible: mConfig.visible
-				});
-			} else {
-				oButton = new Button({
-					text: mConfig.text,
-					tooltip: mConfig.tooltip,
-					type: mConfig.buttonType,
-					ariaHasPopup: mConfig.ariaHasPopup,
-					visible: mConfig.visible
-				});
+				oControl;
+
+			switch (mConfig.type) {
+				case "Link":
+					oControl = this._createLink(mConfig);
+				break;
+				case "Button":
+				default:
+					oControl = this._createButton(mConfig);
+				break;
 			}
 
-			oButton.setLayoutData(oOverflow);
+			oControl.setLayoutData(oOverflow);
 
 			oActions.attach({
 				area: ActionArea.ActionsStrip,
-				control: oButton,
+				control: oControl,
 				actions: aActions,
 				enabledPropertyName: "enabled"
 			});
 
-			oToolbar.addContent(oButton);
-		});
+			oToolbar.addContent(oControl);
+		}.bind(this));
 
 		if (!bHasSpacer) {
 			oToolbar.insertContent(new ToolbarSpacer(), 0);
 		}
 	};
 
+	ActionsStrip.prototype._createLink = function (mConfig) {
+		var oLink = new LinkWithIcon({
+			icon: mConfig.icon,
+			text: mConfig.text,
+			tooltip: mConfig.tooltip,
+			ariaHasPopup: mConfig.ariaHasPopup,
+			emphasized: mConfig.emphasized,
+			visible: mConfig.visible
+		});
+
+		return oLink;
+	};
+
+	ActionsStrip.prototype._createButton = function (mConfig) {
+		var oButton;
+
+		if (mConfig.icon) {
+			oButton = new OverflowToolbarButton({
+				icon: mConfig.icon,
+				text: mConfig.text || mConfig.tooltip,
+				tooltip: mConfig.tooltip || mConfig.text,
+				type: mConfig.buttonType,
+				ariaHasPopup: mConfig.ariaHasPopup,
+				visible: mConfig.visible
+			});
+
+			return oButton;
+		}
+
+		oButton = new Button({
+			text: mConfig.text,
+			tooltip: mConfig.tooltip,
+			type: mConfig.buttonType,
+			ariaHasPopup: mConfig.ariaHasPopup,
+			visible: mConfig.visible
+		});
+
+		return oButton;
+	};
+
 	ActionsStrip.create = function (oCard, aButtons) {
+		if (!aButtons) {
+			return null;
+		}
+
 		var oActionsStrip = new ActionsStrip({
 			card: oCard
 		});

package/src/sap/ui/integration/controls/ActionsToolbar.js

@@ -76,7 +76,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private
@@ -244,7 +244,8 @@ sap.ui.define([
 	};
 
 	/**
-	 * @param {object} mActionConfig Action config object
+	 * @param {object} vAction Action config object
+	 * @param {boolean} bIsActionDefinition
 	 * @returns {sap.m.Button} Button, which will be displayed in the menu
 	 */
 	ActionsToolbar.prototype._createActionButton = function (vAction, bIsActionDefinition) {
@@ -311,7 +312,7 @@ sap.ui.define([
 		if (oChanges.mutation === "insert") {
 			var oButton = this._createActionButton(oActionDefinition, true);
 
-			this.getAggregation("_actionSheet").addButton(oButton);
+			this.getAggregation("_actionSheet").insertButton(oButton, this.indexOfActionDefinition(oActionDefinition));
 			oActionDefinition.setAssociation("_menuButton", oButton);
 
 			var oActionObserver = new ManagedObjectObserver(this._observeSingleAction.bind(this));

package/src/sap/ui/integration/controls/ActionsToolbarRenderer.js

@@ -20,7 +20,7 @@ sap.ui.define([], function () {
 	/**
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
-	 * @param {sap.ui.core.RenderManager} rm The RenderManager that can be used for writing to the render output buffer.
+	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer.
 	 * @param {sap.ui.integration.controls.ActionsToolbar} oActionsToolbar An object representation of the control that should be rendered.
 	 */
 	ActionsToolbarRenderer.render = function(oRm, oActionsToolbar) {

package/src/sap/ui/integration/controls/LinkWithIcon.js

@@ -0,0 +1,77 @@
+/*!
+* OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+*/
+
+// Provides control sap.ui.integration.controls.ActionsToolbar
+sap.ui.define([
+	"./LinkWithIconRenderer",
+	"sap/ui/integration/library",
+	"sap/m/Link",
+	"sap/ui/core/Icon"
+], function (
+	LinkWithIconRenderer,
+	library,
+	Link,
+	Icon
+) {
+	"use strict";
+
+	/**
+	 * Constructor for a new LinkWithIcon.
+	 *
+	 * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new control
+	 *
+	 * @class
+	 *
+	 * @extends sap.m.Link
+	 *
+	 * @author SAP SE
+	 * @version 1.101.0
+	 *
+	 * @constructor
+	 * @private
+	 * @alias sap.ui.integration.controls.LinkWithIcon
+	 */
+	var LinkWithIcon = Link.extend("sap.ui.integration.controls.LinkWithIcon", {
+		metadata: {
+			library: "sap.ui.integration",
+			properties: {
+				/**
+				 * Defines the icon to be displayed as graphical element within the <code>Link</code>.
+				 */
+				icon: {type : "sap.ui.core.URI", group : "Appearance", defaultValue: "" }
+			},
+			aggregations: {
+				_icon: { type: "sap.ui.core.Icon", multiple: false, visibility: "hidden" }
+			}
+		}
+	});
+
+	/**
+	 * Called before the control is rendered.
+	 * @private
+	 */
+	LinkWithIcon.prototype.onBeforeRendering = function () {
+		Link.prototype.onBeforeRendering.apply(this, arguments);
+
+		if (this.getIcon()) {
+			this._getIcon().setSrc(this.getIcon());
+		}
+
+		this.addStyleClass("sapUiIntCardLinkWithIcon");
+	};
+
+	LinkWithIcon.prototype._getIcon = function () {
+		var oIcon = this.getAggregation("_icon");
+		if (!oIcon) {
+			oIcon = new Icon();
+			this.setAggregation("_icon", oIcon);
+		}
+		return oIcon;
+	};
+
+	return LinkWithIcon;
+});

package/src/sap/ui/integration/controls/LinkWithIconRenderer.js

@@ -0,0 +1,38 @@
+/*!
+ * 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([
+	"sap/ui/integration/library",
+	"sap/ui/core/Renderer",
+	"sap/m/LinkRenderer"
+], function(library,
+			Renderer,
+			LinkRenderer) {
+	"use strict";
+
+	/**
+	 * LinkWithIconRenderer renderer.
+	 * @private
+	 */
+	var LinkWithIconRenderer = Renderer.extend(LinkRenderer);
+	LinkWithIconRenderer.apiVersion = 2;
+
+	/**
+	 * @override
+	 */
+	LinkWithIconRenderer.renderText = function(oRm, oControl) {
+		var oIcon = oControl.getAggregation("_icon");
+
+		if (oIcon) {
+			oRm.renderControl(oIcon);
+		}
+
+		LinkRenderer.renderText.apply(this, arguments);
+	};
+
+	return LinkWithIconRenderer;
+
+}, /* bExport= */ true);

package/src/sap/ui/integration/controls/ListContentItem.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.m.StandardListItem
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/ListContentItemRenderer.js

@@ -96,7 +96,7 @@ sap.ui.define([
 	 * {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} rm The RenderManager that can be used for writing to the Render-Output-Buffer.
-	 * @param {sap.ui.core.Control} oLI an object representation of the control that should be rendered.
+	 * @param {sap.ui.integration.controls.ListContentitem} oLI an object representation of the control that should be rendered.
 	 * @public
 	 */
 	ListContentItemRenderer.render = function(rm, oLI) {

package/src/sap/ui/integration/controls/Microchart.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/MicrochartLegend.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private