@openui5/sap.ui.integration 1.97.1 → 1.99.1

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

@@ -4,17 +4,23 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
+	"./FilterBar",
+	"./SearchFilter",
 	"./SelectFilter",
 	"./DateRangeFilter",
 	"sap/ui/base/Object",
 	"sap/m/library",
-	"sap/m/HBox"
+	"sap/m/HBox",
+	"sap/ui/layout/AlignedFlowLayout"
 ], function (
+	FilterBar,
+	SearchFilter,
 	SelectFilter,
 	DateRangeFilter,
 	BaseObject,
 	mLibrary,
-	HBox
+	HBox,
+	AlignedFlowLayout
 ) {
 	"use strict";
 
@@ -30,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private
@@ -54,7 +60,7 @@ sap.ui.define([
 	 *
 	 * @param {map} mFiltersConfig A map of the parameters config - the same that is defined in sap.card/configuration/filters.
 	 * @param {sap.ui.model.json.JSONModel} oModel The model for filters.
-	 * @returns {sap.m.HBox} The Filter bar.
+	 * @returns {sap.ui.integration.cards.filters.FilterBar|null} The Filter bar.
 	 */
 	FilterBarFactory.prototype.create = function (mFiltersConfig, oModel) {
 		var aFilters = [],
@@ -91,21 +97,34 @@ sap.ui.define([
 			return null;
 		}
 
-		for (var i = 0; i < aFilters.length - 1; i++) {
-			aFilters[i].addStyleClass("sapUiTinyMarginEnd");
+		if (aFilters.length > 1) {
+			oFilterBarStrip = new AlignedFlowLayout({
+				content: aFilters,
+				minItemWidth: "10rem",
+				maxItemWidth: "20rem"
+			});
+			aFilters.forEach(function (oFilter) {
+				oFilter.getField().setWidth("100%");
+			});
+			oFilterBarStrip.addStyleClass("sapFCardFilterBarAFLayout");
+		} else {
+			oFilterBarStrip = new HBox({
+				wrap: FlexWrap.Wrap,
+				renderType: RenderType.Bare,
+				items: aFilters
+			});
 		}
+		oFilterBarStrip.addStyleClass("sapFCardFilterBarContent");
 
-		oFilterBarStrip = new HBox({
-			wrap: FlexWrap.Wrap,
-			renderType: RenderType.Bare,
-			items: aFilters
+		var oFilterBar = new FilterBar({
+			content: oFilterBarStrip
 		});
 
 		Promise.all(aReadyPromises).then(function () {
-			oFilterBarStrip.fireEvent("_filterBarDataReady");
+			oFilterBar.fireEvent("_filterBarDataReady");
 		});
 
-		return oFilterBarStrip;
+		return oFilterBar;
 	};
 
 	/**
@@ -134,6 +153,8 @@ sap.ui.define([
 				return SelectFilter;
 			case "daterange":
 				return DateRangeFilter;
+			case "search":
+				return SearchFilter;
 			default:
 				return undefined;
 		}

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

@@ -0,0 +1,104 @@
+/*!
+ * 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([
+	"./BaseFilter",
+	"sap/m/SearchField"
+], function (
+	BaseFilter,
+	SearchField
+) {
+	"use strict";
+
+	/**
+	 * Constructor for a new <code>SearchFilter</code>.
+	 *
+	 * @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.ui.integration.cards.filters.BaseFilter
+	 *
+	 * @author SAP SE
+	 * @version 1.99.1
+	 *
+	 * @constructor
+	 * @private
+	 * @since 1.98
+	 * @alias sap.ui.integration.cards.filters.SearchFilter
+	 */
+	var SearchFilter = BaseFilter.extend("sap.ui.integration.cards.filters.SearchFilter", {
+		metadata: {
+			library: "sap.ui.integration",
+			aggregations: {
+				/**
+				 * The internally used sap.m.SearchField control instance.
+				 */
+				_searchField: { type: "sap.m.SearchField", multiple: false, visibility: "hidden" }
+			}
+		},
+		renderer: {
+			apiVersion: 2
+		}
+	});
+
+	/**
+	 * @override
+	 */
+	SearchFilter.prototype.getField = function () {
+		return this._getSearchField();
+	};
+
+	/**
+	 * @override
+	 */
+	SearchFilter.prototype.getValueForModel = function () {
+		return {
+			value: this._escapeDoubleQuotes(this._getSearchField().getValue())
+		};
+	};
+
+	SearchFilter.prototype._getSearchField = function () {
+		var oControl = this.getAggregation("_searchField");
+		if (!oControl) {
+			oControl = this._createSearchField();
+			this.setAggregation("_searchField", oControl);
+		}
+
+		return oControl;
+	};
+
+	/**
+	 * Constructs a SearchField control configured with the Filter's properties.
+	 *
+	 * @private
+	 * @returns {sap.m.SearchField} configured instance
+	 */
+	SearchFilter.prototype._createSearchField = function () {
+		var oConfig = this.getConfig();
+		var oSearchField = new SearchField({
+			value: oConfig.value,
+			placeholder: oConfig.placeholder
+		});
+		var oLabel = this.createLabel(oConfig);
+
+		if (oLabel) {
+			oSearchField.addAriaLabelledBy(oLabel);
+		}
+
+		oSearchField.attachChange(function () {
+			this.setValue(this.getValueForModel());
+		}.bind(this));
+
+		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.97.1
+	 * @version 1.99.1
 	 *
 	 * @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

@@ -9,7 +9,7 @@ sap.ui.define([
 	"sap/m/library",
 	"sap/ui/core/Core",
 	"sap/ui/core/Control",
-	"sap/ui/integration/util/CardActions",
+	"sap/ui/integration/cards/actions/CardActions",
 	"sap/ui/integration/util/BindingHelper",
 	"sap/m/Button",
 	"sap/m/OverflowToolbarButton",
@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private
@@ -170,6 +170,10 @@ sap.ui.define([
 	};
 
 	ActionsStrip.create = function (oCard, aButtons) {
+		if (!aButtons) {
+			return null;
+		}
+
 		var oActionsStrip = new ActionsStrip({
 			card: oCard
 		});

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

@@ -15,7 +15,7 @@ sap.ui.define([
 	"sap/m/ActionSheet",
 	"sap/ui/base/ManagedObjectObserver",
 	"sap/ui/core/Core",
-	"sap/ui/integration/util/CardActions"
+	"sap/ui/integration/cards/actions/CardActions"
 
 ], function (
 	ActionsToolbarRenderer,
@@ -76,7 +76,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private
@@ -264,8 +264,7 @@ sap.ui.define([
 						host: this._oCard.getHostInstance(),
 						action: mCurrSettings,
 						parameters: mCurrSettings.parameters,
-						source: oEvent.getSource(),
-						url: mCurrSettings.url
+						source: oEvent.getSource()
 					});
 				}.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/ListContentItem.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.m.StandardListItem
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @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.97.1
+	 * @version 1.99.1
 	 *
 	 * @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.97.1
+	 * @version 1.99.1
 	 *
 	 * @constructor
 	 * @private

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

@@ -0,0 +1,171 @@
+/*!
+* 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([
+	"../library",
+	"sap/m/library",
+	"sap/ui/core/Core",
+	"sap/ui/core/Control",
+	'sap/ui/core/Icon',
+	'./PaginatorRenderer'
+], function (
+	library,
+	mLibrary,
+	Core,
+	Control,
+	Icon
+) {
+	"use strict";
+
+	/**
+	 * Constructor for a new Paginator.
+	 *
+	 * @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.ui.core.Control
+	 *
+	 * @author SAP SE
+	 * @version 1.99.1
+	 *
+	 * @constructor
+	 * @private
+	 * @alias sap.ui.integration.controls.Paginator
+	 */
+	var Paginator = Control.extend("sap.ui.integration.controls.Paginator", {
+		metadata: {
+			library: "sap.ui.integration",
+			properties: {
+				card: {type: "object"},
+				pageNumber: {type: "int", defaultValue: 0},
+				pageCount: {type: "int", defaultValue: 0},
+				pageSize: {type: "int", defaultValue: 0},
+
+				totalCount: {type: "int"},
+				skip: {type: "int"}
+			},
+			aggregations: {
+				_prevIcon: {type: "sap.ui.core.Icon", multiple: false, visibility: "hidden"},
+				_nextIcon: {type: "sap.ui.core.Icon", multiple: false, visibility: "hidden"}
+			}
+		}
+	});
+
+	Paginator.create = function (oCard, oConfig) {
+		if (!oConfig) {
+			return null;
+		}
+
+		return new Paginator({
+			card: oCard,
+			totalCount: oConfig.totalCount,
+			pageSize: oConfig.pageSize,
+			skip: oConfig.skip
+		});
+	};
+
+	Paginator.prototype.init = function() {
+		this.setAggregation("_prevIcon", new Icon({
+			src: "sap-icon://slim-arrow-left",
+			useIconTooltip: false,
+			decorative: false,
+			press: this._previous.bind(this)
+		}));
+
+		this.setAggregation("_nextIcon", new Icon({
+			src: "sap-icon://slim-arrow-right",
+			useIconTooltip: false,
+			decorative: false,
+			press: this._next.bind(this)
+		}));
+	};
+
+	Paginator.prototype.exit = function () {
+		var oCard = this.getCard();
+
+		if (oCard && this._dataChangedHandler) {
+			oCard.detachEvent("_contentDataChange", this._dataChangedHandler);
+		}
+
+		delete this._iPreviousStartIndex;
+	};
+
+	Paginator.prototype.dataChanged = function() {
+		var oCardContent = this.getCard().getCardContent();
+
+		if (!oCardContent || !oCardContent.isA("sap.ui.integration.cards.BaseContent")) {
+			this.setPageCount(0);
+			return;
+		}
+
+		this.setModel(oCardContent.getModel());
+
+		var iTotalCount = this.getTotalCount() || oCardContent.getDataLength();
+
+		this.setPageCount(Math.ceil(iTotalCount / this.getPageSize()));
+		this.setPageNumber(Math.min(Math.max(0, this.getPageNumber()), this.getPageCount() - 1));
+
+		this.sliceData();
+	};
+
+	Paginator.prototype.setCard = function(oCard) {
+		this.setProperty("card", oCard, true);
+
+		this._dataChangedHandler = this.dataChanged.bind(this);
+
+		if (oCard) {
+			oCard.attachEvent("_contentDataChange", this._dataChangedHandler);
+		}
+	};
+
+	Paginator.prototype.sliceData = function() {
+		var oCard = this.getCard(),
+			oCardContent,
+			iStartIndex;
+
+		if (!oCard) {
+			return;
+		}
+
+		oCardContent = oCard.getCardContent();
+		iStartIndex = this.getPageNumber() * this.getPageSize();
+
+		if (this.getTotalCount()) {
+			if (this._iPreviousStartIndex !== undefined
+				&& this._iPreviousStartIndex !== iStartIndex) {
+
+				this.getModel("paginator").setData({
+					skip: iStartIndex,
+					top: this.getPageSize()
+				});
+
+				oCardContent.refreshData();
+			}
+		} else {
+			oCard.getCardContent().sliceData(iStartIndex, iStartIndex + this.getPageSize());
+		}
+
+		this._iPreviousStartIndex = iStartIndex;
+	};
+
+	Paginator.prototype._getNavigationArrow = function (sDirection) {
+		return this.getAggregation("_" + sDirection + "Icon");
+	};
+
+	Paginator.prototype._previous = function () {
+		this.setPageNumber(Math.max(0, this.getPageNumber() - 1));
+		this.sliceData();
+	};
+
+	Paginator.prototype._next = function () {
+		this.setPageNumber(Math.min(this.getPageCount() - 1, this.getPageNumber() + 1));
+		this.sliceData();
+	};
+
+	return Paginator;
+});

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

@@ -0,0 +1,113 @@
+/*!
+ * 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/m/library",
+	"sap/ui/core/Core",
+	"sap/base/strings/capitalize",
+	"sap/ui/core/InvisibleRenderer"
+], function(mLibrary, Core, capitalize, InvisibleRenderer) {
+	"use strict";
+
+	var oResourceBundle = Core.getLibraryResourceBundle("sap.m");
+
+	var _BULLETS_TO_NUMBERS_THRESHOLD = 5;
+
+	/**
+	 * PaginatorRenderer renderer.
+	 * @namespace
+	 */
+	var PaginatorRenderer = {
+		apiVersion: 2
+	};
+
+	PaginatorRenderer.render = function (oRm, oControl) {
+		var sId = oControl.getId(),
+			iPageNumber = oControl.getPageNumber(),
+			iPageCount = oControl.getPageCount(),
+			i,
+			sTextBetweenNumbers;
+
+		// If there is only one page - do not render the indicator
+		if (iPageCount <= 1) {
+			InvisibleRenderer.render(oRm, oControl, oControl.TagName);
+			return;
+		}
+
+		oRm.openStart("div", oControl)
+			.class("sapUiIntPaginator")
+			.openEnd();
+
+		oRm.openStart("div")
+			.class("sapMCrslControls")
+			.openEnd();
+
+		oRm.openStart("div")
+			.class("sapMCrslControlsContainer")
+			.openEnd();
+
+		this._renderArrow(oRm, oControl, "previous");
+
+		oRm.openStart("div", sId + "-pageIndicator");
+
+		if (iPageCount < _BULLETS_TO_NUMBERS_THRESHOLD) {
+			oRm.class("sapMCrslBulleted")
+				.openEnd();
+
+			for (i = 0; i < iPageCount; i++) {
+				oRm.openStart("span")
+					.accessibilityState({
+						role: "img",
+						label: oResourceBundle.getText("CAROUSEL_POSITION", [i + 1, iPageCount])
+					});
+
+				if (i === iPageNumber) {
+					oRm.class("sapMCrslActive");
+				}
+
+				oRm.openEnd()
+					.text(i + 1)
+					.close("span");
+			}
+		} else {
+			oRm.class("sapMCrslNumeric")
+				.openEnd();
+
+			sTextBetweenNumbers = oResourceBundle.getText("CAROUSEL_PAGE_INDICATOR_TEXT", [iPageNumber + 1, iPageCount]);
+			oRm.openStart("span", sId + "-" + "slide-number")
+				.openEnd()
+				.text(sTextBetweenNumbers)
+				.close("span");
+		}
+
+		oRm.close("div");
+
+		this._renderArrow(oRm, oControl, "next");
+
+		oRm.close("div")
+			.close("div")
+			.close("div");
+	};
+
+	PaginatorRenderer._renderArrow = function (oRm, oControl, sDirection) {
+		oRm.openStart("div")
+			.class("sapMCrsl" + capitalize(sDirection.slice(0, 4)))
+			.attr("title", oResourceBundle.getText("PAGINGBUTTON_" + sDirection.toUpperCase()))
+			.openEnd();
+
+		oRm.openStart("div")
+			.class("sapMCrslArrowInner")
+			.openEnd();
+
+		oRm.renderControl(oControl._getNavigationArrow(sDirection === "previous" ? "prev" : "next"));
+
+		oRm.close("div")
+			.close("div");
+	};
+
+	return PaginatorRenderer;
+
+}, /* bExport= */ true);

package/src/sap/ui/integration/designtime/baseEditor/BaseEditor.js

@@ -130,7 +130,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.baseEditor.BaseEditor
 	 * @author SAP SE
 	 * @since 1.70.0
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 * @private
 	 * @experimental since 1.70.0
 	 * @ui5-restricted

package/src/sap/ui/integration/designtime/baseEditor/PropertyEditor.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.baseEditor.PropertyEditor
 	 * @author SAP SE
 	 * @since 1.73.0
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 * @private
 	 * @experimental since 1.73.0
 	 * @ui5-restricted

package/src/sap/ui/integration/designtime/baseEditor/PropertyEditors.js

@@ -67,7 +67,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.baseEditor.PropertyEditors
 	 * @author SAP SE
 	 * @since 1.73.0
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 * @private
 	 * @experimental since 1.73.0
 	 * @ui5-restricted

package/src/sap/ui/integration/designtime/baseEditor/propertyEditor/BasePropertyEditor.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.baseEditor.propertyEditor.BasePropertyEditor
 	 * @author SAP SE
 	 * @since 1.70
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @private
 	 * @experimental 1.70

package/src/sap/ui/integration/designtime/baseEditor/propertyEditor/PropertyEditorFactory.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @namespace sap.ui.integration.designtime.baseEditor.propertyEditor.PropertyEditorFactory
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @static
 	 * @since 1.75

package/src/sap/ui/integration/designtime/baseEditor/propertyEditor/arrayEditor/ArrayEditor.js

@@ -82,7 +82,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.baseEditor.propertyEditor.arrayEditor.ArrayEditor
 	 * @author SAP SE
 	 * @since 1.72
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @private
 	 * @experimental 1.72

package/src/sap/ui/integration/designtime/baseEditor/propertyEditor/booleanEditor/BooleanEditor.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.baseEditor.propertyEditor.booleanEditor.BooleanEditor
 	 * @author SAP SE
 	 * @since 1.72
-	 * @version 1.97.1
+	 * @version 1.99.1
 	 *
 	 * @private
 	 * @experimental 1.72