@sap/open.fe 1.99.0 → 1.100.0

package/packages/sap.fe.core/src/sap/fe/core/controls/FilterBar.ts

@@ -0,0 +1,143 @@
+import MdcFilterBar from "sap/ui/mdc/FilterBar";
+import FilterItemLayout from "sap/ui/mdc/filterbar/aligned/FilterItemLayout";
+import VisualFilterContainer from "sap/fe/core/controls/filterbar/VisualFilterContainer";
+import FilterContainer from "sap/fe/core/controls/filterbar/FilterContainer";
+const FilterBar = MdcFilterBar.extend("sap.fe.core.controls.FilterBar", {
+	metadata: {
+		properties: {
+			initialLayout: {
+				type: "string",
+				defaultValue: "compact"
+			}
+		},
+		associations: {
+			/**
+			 * Control which allows for switching between visual and normal filter layouts
+			 */
+			toggleControl: {
+				type: "sap.m.SegmentedButton",
+				multiple: false
+			}
+		}
+	},
+	renderer: {
+		apiVersion: 2
+	}
+});
+FilterBar.prototype.setToggleControl = function(vToggle: any) {
+	if (typeof vToggle === "string") {
+		this._oSegmentedButton = sap.ui.getCore().byId(vToggle);
+	} else {
+		this._oSegmentedButton = vToggle;
+	}
+
+	if (this.getToggleControl() && this._oSegmentedButton) {
+		this._oSegmentedButton.detachEvent("select", this._toggleLayout.bind(this));
+	}
+	if (this._oSegmentedButton) {
+		this._oSegmentedButton.attachEvent("select", this._toggleLayout.bind(this));
+	}
+	this.setAssociation("toggleControl", vToggle, true);
+};
+FilterBar.prototype._toggleLayout = function() {
+	// Since primary layout is always compact
+	// hence set the secondary layout as visual filter only for the first time only
+	if (!this._oSecondaryFilterBarLayout) {
+		this._oSecondaryFilterBarLayout = new VisualFilterContainer();
+	}
+
+	// do not show Adapt Filters Button for visual layout
+	if (this._oSecondaryFilterBarLayout.isA("sap.fe.core.controls.filterbar.VisualFilterContainer")) {
+		this.setShowAdaptFiltersButton(false);
+	} else {
+		this.setShowAdaptFiltersButton(true);
+	}
+
+	// get all filter fields and button of the current layout
+	const oCurrentFilterBarLayout = this._oFilterBarLayout;
+	const oFilterItems = this.getFilterItems();
+	const aFilterFields = oCurrentFilterBarLayout.getAllFilterFields();
+	const aSortedFilterFields = this.getSortedFilterFields(oFilterItems, aFilterFields);
+	const aButtons = oCurrentFilterBarLayout.getAllButtons();
+	const aVisualFilterFields = oCurrentFilterBarLayout.getAllVisualFilterFields && oCurrentFilterBarLayout.getAllVisualFilterFields();
+	if (this._oSecondaryFilterBarLayout.isA("sap.fe.core.controls.filterbar.VisualFilterContainer")) {
+		this._oSecondaryFilterBarLayout.setAllFilterFields(aSortedFilterFields, aVisualFilterFields);
+	}
+	// use secondary filter bar layout as new layout
+	this._oFilterBarLayout = this._oSecondaryFilterBarLayout;
+
+	// insert all filter fields from current layout to new layout
+	aFilterFields.forEach((oFilterField: any, iIndex: any) => {
+		oCurrentFilterBarLayout.removeFilterField(oFilterField);
+		this._oFilterBarLayout.insertFilterField(oFilterField, iIndex);
+	});
+	// insert all buttons from the current layout to the new layout
+	aButtons.forEach((oButton: any) => {
+		oCurrentFilterBarLayout.removeButton(oButton);
+		this._oFilterBarLayout.addButton(oButton);
+	});
+
+	// set the current filter bar layout to the secondary one
+	this._oSecondaryFilterBarLayout = oCurrentFilterBarLayout;
+
+	// update the layout aggregation of the filter bar and rerender the same.
+	this.setAggregation("layout", this._oFilterBarLayout, true);
+	this._oFilterBarLayout.rerender();
+};
+FilterBar.prototype.getSortedFilterFields = function(aFilterItems: any, aFilterFields: any) {
+	const aFilterIds: any[] = [];
+	aFilterItems.forEach(function(oFilterItem: any) {
+		aFilterIds.push(oFilterItem.getId());
+	});
+	aFilterFields.sort(function(aFirstItem: any, aSecondItem: any) {
+		let sFirstItemVFId, sSecondItemVFId;
+		aFirstItem.getContent().forEach(function(oInnerControl: any) {
+			if (oInnerControl.isA("sap.ui.mdc.FilterField")) {
+				sFirstItemVFId = oInnerControl.getId();
+			}
+		});
+		aSecondItem.getContent().forEach(function(oInnerControl: any) {
+			if (oInnerControl.isA("sap.ui.mdc.FilterField")) {
+				sSecondItemVFId = oInnerControl.getId();
+			}
+		});
+		return aFilterIds.indexOf(sFirstItemVFId) - aFilterIds.indexOf(sSecondItemVFId);
+	});
+	return aFilterFields;
+};
+FilterBar.prototype._createInnerLayout = function() {
+	this._oFilterBarLayout = new FilterContainer();
+	this._cLayoutItem = FilterItemLayout;
+	this._oFilterBarLayout.getInner().addStyleClass("sapUiMdcFilterBarBaseAFLayout");
+	this._addButtons();
+
+	// TODO: Check with MDC if there is a better way to load visual filter on the basis of control property
+	// _createInnerLayout is called on Init by the filter bar base.
+	// This mean that we do not have access to the control properties yet
+	// and hence we cannot decide on the basis of control properties whether initial layout should be compact or visual
+	// As a result we have to do this workaround to always load the compact layout by default
+	// And toogle the same in case the initialLayout was supposed to be visual filters.
+	const oInnerLayout = this._oFilterBarLayout.getInner();
+	const oFilterContainerInnerLayoutEventDelegate = {
+		onBeforeRendering: () => {
+			if (this.getInitialLayout() === "visual") {
+				this._toggleLayout();
+			}
+			oInnerLayout.removeEventDelegate(oFilterContainerInnerLayoutEventDelegate);
+		}
+	};
+	oInnerLayout.addEventDelegate(oFilterContainerInnerLayoutEventDelegate);
+
+	this.setAggregation("layout", this._oFilterBarLayout, true);
+};
+FilterBar.prototype.exit = function() {
+	(MdcFilterBar.prototype as any).exit.apply(this, []);
+	// Sometimes upon external navigation this._SegmentedButton is already destroyed
+	// so check if it exists and then only remove stuff
+	if (this._oSegmentedButton) {
+		this._oSegmentedButton.detachEvent("select", this._toggleLayout);
+		delete this._oSegmentedButton;
+	}
+};
+
+export default FilterBar;

package/packages/sap.fe.core/src/sap/fe/core/controls/FormElementWrapper-dbg.js

@@ -1,42 +1,48 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/ui/core/Control", "sap/ui/Device"], function(Control, Device) {
-	"use strict";
-	return Control.extend("sap.fe.core.controls.FormElementWrapper", {
-		metadata: {
-			interfaces: ["sap.ui.core.IFormContent"],
-			properties: {
-				width: {
-					type: "sap.ui.core.CSSSize",
-					defaultValue: null
-				},
-				formDoNotAdjustWidth: {
-					type: "boolean",
-					defaultValue: false
-				}
-			},
-			defaultAggregation: "content",
-			aggregations: {
-				content: { type: "sap.ui.core.Control", multiple: false }
-			}
-		},
-		getAccessibilityInfo: function() {
-			var oContent = this.getContent();
-			return oContent && oContent.getAccessibilityInfo ? oContent.getAccessibilityInfo() : {};
-		},
-		renderer: {
-			apiVersion: 2,
-			render: function(oRm, oControl) {
-				oRm.openStart("div", oControl);
-				oRm.style("min-height", "1rem");
-				oRm.style("width", oControl.getWidth());
-				oRm.openEnd();
-				oRm.renderControl(oControl.getContent()); // render the child Control
-				oRm.close("div"); // end of the complete Control
-			}
-		}
-	});
-});
+sap.ui.define(["sap/ui/core/Control"], function (Control) {
+  "use strict";
+
+  var FormElementWrapper = Control.extend("sap.fe.core.controls.FormElementWrapper", {
+    metadata: {
+      interfaces: ["sap.ui.core.IFormContent"],
+      properties: {
+        width: {
+          type: "sap.ui.core.CSSSize",
+          defaultValue: null
+        },
+        formDoNotAdjustWidth: {
+          type: "boolean",
+          defaultValue: false
+        }
+      },
+      defaultAggregation: "content",
+      aggregations: {
+        content: {
+          type: "sap.ui.core.Control",
+          multiple: false
+        }
+      }
+    },
+    getAccessibilityInfo: function () {
+      var oContent = this.getContent();
+      return oContent && oContent.getAccessibilityInfo ? oContent.getAccessibilityInfo() : {};
+    },
+    renderer: {
+      apiVersion: 2,
+      render: function (oRm, oControl) {
+        oRm.openStart("div", oControl);
+        oRm.style("min-height", "1rem");
+        oRm.style("width", oControl.getWidth());
+        oRm.openEnd();
+        oRm.renderControl(oControl.getContent()); // render the child Control
+
+        oRm.close("div"); // end of the complete Control
+      }
+    }
+  });
+  return FormElementWrapper;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1FbGVtZW50V3JhcHBlci50cyJdLCJuYW1lcyI6WyJGb3JtRWxlbWVudFdyYXBwZXIiLCJDb250cm9sIiwiZXh0ZW5kIiwibWV0YWRhdGEiLCJpbnRlcmZhY2VzIiwicHJvcGVydGllcyIsIndpZHRoIiwidHlwZSIsImRlZmF1bHRWYWx1ZSIsImZvcm1Eb05vdEFkanVzdFdpZHRoIiwiZGVmYXVsdEFnZ3JlZ2F0aW9uIiwiYWdncmVnYXRpb25zIiwiY29udGVudCIsIm11bHRpcGxlIiwiZ2V0QWNjZXNzaWJpbGl0eUluZm8iLCJvQ29udGVudCIsImdldENvbnRlbnQiLCJyZW5kZXJlciIsImFwaVZlcnNpb24iLCJyZW5kZXIiLCJvUm0iLCJvQ29udHJvbCIsIm9wZW5TdGFydCIsInN0eWxlIiwiZ2V0V2lkdGgiLCJvcGVuRW5kIiwicmVuZGVyQ29udHJvbCIsImNsb3NlIl0sIm1hcHBpbmdzIjoiO0FBQUE7QUFDQTtBQUNBOzs7O0FBR0EsTUFBTUEsa0JBQWtCLEdBQUdDLE9BQU8sQ0FBQ0MsTUFBUixDQUFlLHlDQUFmLEVBQTBEO0FBQ3BGQyxJQUFBQSxRQUFRLEVBQUU7QUFDVEMsTUFBQUEsVUFBVSxFQUFFLENBQUMsMEJBQUQsQ0FESDtBQUVUQyxNQUFBQSxVQUFVLEVBQUU7QUFDWEMsUUFBQUEsS0FBSyxFQUFFO0FBQ05DLFVBQUFBLElBQUksRUFBRSxxQkFEQTtBQUVOQyxVQUFBQSxZQUFZLEVBQUU7QUFGUixTQURJO0FBS1hDLFFBQUFBLG9CQUFvQixFQUFFO0FBQ3JCRixVQUFBQSxJQUFJLEVBQUUsU0FEZTtBQUVyQkMsVUFBQUEsWUFBWSxFQUFFO0FBRk87QUFMWCxPQUZIO0FBWVRFLE1BQUFBLGtCQUFrQixFQUFFLFNBWlg7QUFhVEMsTUFBQUEsWUFBWSxFQUFFO0FBQ2JDLFFBQUFBLE9BQU8sRUFBRTtBQUFFTCxVQUFBQSxJQUFJLEVBQUUscUJBQVI7QUFBK0JNLFVBQUFBLFFBQVEsRUFBRTtBQUF6QztBQURJO0FBYkwsS0FEMEU7QUFrQnBGQyxJQUFBQSxvQkFBb0IsRUFBRSxZQUF1QztBQUM1RCxVQUFNQyxRQUFRLEdBQUcsS0FBS0MsVUFBTCxFQUFqQjtBQUNBLGFBQU9ELFFBQVEsSUFBSUEsUUFBUSxDQUFDRCxvQkFBckIsR0FBNENDLFFBQVEsQ0FBQ0Qsb0JBQVQsRUFBNUMsR0FBOEUsRUFBckY7QUFDQSxLQXJCbUY7QUFzQnBGRyxJQUFBQSxRQUFRLEVBQUU7QUFDVEMsTUFBQUEsVUFBVSxFQUFFLENBREg7QUFFVEMsTUFBQUEsTUFBTSxFQUFFLFVBQVNDLEdBQVQsRUFBbUJDLFFBQW5CLEVBQWtDO0FBQ3pDRCxRQUFBQSxHQUFHLENBQUNFLFNBQUosQ0FBYyxLQUFkLEVBQXFCRCxRQUFyQjtBQUNBRCxRQUFBQSxHQUFHLENBQUNHLEtBQUosQ0FBVSxZQUFWLEVBQXdCLE1BQXhCO0FBQ0FILFFBQUFBLEdBQUcsQ0FBQ0csS0FBSixDQUFVLE9BQVYsRUFBbUJGLFFBQVEsQ0FBQ0csUUFBVCxFQUFuQjtBQUNBSixRQUFBQSxHQUFHLENBQUNLLE9BQUo7QUFDQUwsUUFBQUEsR0FBRyxDQUFDTSxhQUFKLENBQWtCTCxRQUFRLENBQUNMLFVBQVQsRUFBbEIsRUFMeUMsQ0FLQzs7QUFDMUNJLFFBQUFBLEdBQUcsQ0FBQ08sS0FBSixDQUFVLEtBQVYsRUFOeUMsQ0FNdkI7QUFDbEI7QUFUUTtBQXRCMEUsR0FBMUQsQ0FBM0I7U0FrQ2UzQixrQiIsInNvdXJjZVJvb3QiOiIuIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IENvbnRyb2wgZnJvbSBcInNhcC91aS9jb3JlL0NvbnRyb2xcIjtcblxudHlwZSBGb3JtRWxlbWVudFdyYXBwZXJUeXBlID0ge1xuXHRnZXRDb250ZW50KCk6IENvbnRyb2w7XG59O1xuY29uc3QgRm9ybUVsZW1lbnRXcmFwcGVyID0gQ29udHJvbC5leHRlbmQoXCJzYXAuZmUuY29yZS5jb250cm9scy5Gb3JtRWxlbWVudFdyYXBwZXJcIiwge1xuXHRtZXRhZGF0YToge1xuXHRcdGludGVyZmFjZXM6IFtcInNhcC51aS5jb3JlLklGb3JtQ29udGVudFwiXSxcblx0XHRwcm9wZXJ0aWVzOiB7XG5cdFx0XHR3aWR0aDoge1xuXHRcdFx0XHR0eXBlOiBcInNhcC51aS5jb3JlLkNTU1NpemVcIixcblx0XHRcdFx0ZGVmYXVsdFZhbHVlOiBudWxsXG5cdFx0XHR9LFxuXHRcdFx0Zm9ybURvTm90QWRqdXN0V2lkdGg6IHtcblx0XHRcdFx0dHlwZTogXCJib29sZWFuXCIsXG5cdFx0XHRcdGRlZmF1bHRWYWx1ZTogZmFsc2Vcblx0XHRcdH1cblx0XHR9LFxuXHRcdGRlZmF1bHRBZ2dyZWdhdGlvbjogXCJjb250ZW50XCIsXG5cdFx0YWdncmVnYXRpb25zOiB7XG5cdFx0XHRjb250ZW50OiB7IHR5cGU6IFwic2FwLnVpLmNvcmUuQ29udHJvbFwiLCBtdWx0aXBsZTogZmFsc2UgfVxuXHRcdH1cblx0fSxcblx0Z2V0QWNjZXNzaWJpbGl0eUluZm86IGZ1bmN0aW9uKHRoaXM6IEZvcm1FbGVtZW50V3JhcHBlclR5cGUpIHtcblx0XHRjb25zdCBvQ29udGVudCA9IHRoaXMuZ2V0Q29udGVudCgpO1xuXHRcdHJldHVybiBvQ29udGVudCAmJiBvQ29udGVudC5nZXRBY2Nlc3NpYmlsaXR5SW5mbyA/IG9Db250ZW50LmdldEFjY2Vzc2liaWxpdHlJbmZvKCkgOiB7fTtcblx0fSxcblx0cmVuZGVyZXI6IHtcblx0XHRhcGlWZXJzaW9uOiAyLFxuXHRcdHJlbmRlcjogZnVuY3Rpb24ob1JtOiBhbnksIG9Db250cm9sOiBhbnkpIHtcblx0XHRcdG9SbS5vcGVuU3RhcnQoXCJkaXZcIiwgb0NvbnRyb2wpO1xuXHRcdFx0b1JtLnN0eWxlKFwibWluLWhlaWdodFwiLCBcIjFyZW1cIik7XG5cdFx0XHRvUm0uc3R5bGUoXCJ3aWR0aFwiLCBvQ29udHJvbC5nZXRXaWR0aCgpKTtcblx0XHRcdG9SbS5vcGVuRW5kKCk7XG5cdFx0XHRvUm0ucmVuZGVyQ29udHJvbChvQ29udHJvbC5nZXRDb250ZW50KCkpOyAvLyByZW5kZXIgdGhlIGNoaWxkIENvbnRyb2xcblx0XHRcdG9SbS5jbG9zZShcImRpdlwiKTsgLy8gZW5kIG9mIHRoZSBjb21wbGV0ZSBDb250cm9sXG5cdFx0fVxuXHR9XG59KTtcbmV4cG9ydCBkZWZhdWx0IEZvcm1FbGVtZW50V3JhcHBlcjtcbiJdfQ==

package/packages/sap.fe.core/src/sap/fe/core/controls/FormElementWrapper.js

@@ -1,6 +1,5 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/ui/core/Control","sap/ui/Device"],function(C,D){"use strict";return C.extend("sap.fe.core.controls.FormElementWrapper",{metadata:{interfaces:["sap.ui.core.IFormContent"],properties:{width:{type:"sap.ui.core.CSSSize",defaultValue:null},formDoNotAdjustWidth:{type:"boolean",defaultValue:false}},defaultAggregation:"content",aggregations:{content:{type:"sap.ui.core.Control",multiple:false}}},getAccessibilityInfo:function(){var c=this.getContent();return c&&c.getAccessibilityInfo?c.getAccessibilityInfo():{};},renderer:{apiVersion:2,render:function(r,c){r.openStart("div",c);r.style("min-height","1rem");r.style("width",c.getWidth());r.openEnd();r.renderControl(c.getContent());r.close("div");}}});});
+sap.ui.define(["sap/ui/core/Control"],function(C){"use strict";var F=C.extend("sap.fe.core.controls.FormElementWrapper",{metadata:{interfaces:["sap.ui.core.IFormContent"],properties:{width:{type:"sap.ui.core.CSSSize",defaultValue:null},formDoNotAdjustWidth:{type:"boolean",defaultValue:false}},defaultAggregation:"content",aggregations:{content:{type:"sap.ui.core.Control",multiple:false}}},getAccessibilityInfo:function(){var c=this.getContent();return c&&c.getAccessibilityInfo?c.getAccessibilityInfo():{};},renderer:{apiVersion:2,render:function(r,c){r.openStart("div",c);r.style("min-height","1rem");r.style("width",c.getWidth());r.openEnd();r.renderControl(c.getContent());r.close("div");}}});return F;},false);

package/packages/sap.fe.core/src/sap/fe/core/controls/FormElementWrapper.ts

@@ -0,0 +1,40 @@
+import Control from "sap/ui/core/Control";
+
+type FormElementWrapperType = {
+	getContent(): Control;
+};
+const FormElementWrapper = Control.extend("sap.fe.core.controls.FormElementWrapper", {
+	metadata: {
+		interfaces: ["sap.ui.core.IFormContent"],
+		properties: {
+			width: {
+				type: "sap.ui.core.CSSSize",
+				defaultValue: null
+			},
+			formDoNotAdjustWidth: {
+				type: "boolean",
+				defaultValue: false
+			}
+		},
+		defaultAggregation: "content",
+		aggregations: {
+			content: { type: "sap.ui.core.Control", multiple: false }
+		}
+	},
+	getAccessibilityInfo: function(this: FormElementWrapperType) {
+		const oContent = this.getContent();
+		return oContent && oContent.getAccessibilityInfo ? oContent.getAccessibilityInfo() : {};
+	},
+	renderer: {
+		apiVersion: 2,
+		render: function(oRm: any, oControl: any) {
+			oRm.openStart("div", oControl);
+			oRm.style("min-height", "1rem");
+			oRm.style("width", oControl.getWidth());
+			oRm.openEnd();
+			oRm.renderControl(oControl.getContent()); // render the child Control
+			oRm.close("div"); // end of the complete Control
+		}
+	}
+});
+export default FormElementWrapper;

package/packages/sap.fe.core/src/sap/fe/core/controls/MultiValueParameterDelegate-dbg.js

@@ -1,46 +1,41 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-// ---------------------------------------------------------------------------------------
-// Helper class used to help create content in the multi value field
-// ---------------------------------------------------------------------------------------
-// ---------------------------------------------------------------------------------------
-/* eslint-disable no-console */
-sap.ui.define(
-	["sap/ui/mdc/field/MultiValueFieldDelegate"],
-	function(MultiValueFieldDelegate) {
-		"use strict";
-		var oMultiValueFieldDelegate = Object.assign({}, MultiValueFieldDelegate, {
-			_transformConditions: function(aConditions, sKeyPath, sDescriptionPath) {
-				var aTransformedItems = [];
-				for (var i = 0; i < aConditions.length; i++) {
-					var oItem = {};
-					var oCondition = aConditions[i];
-					oItem[sKeyPath] = oCondition.values[0];
-					if (sDescriptionPath) {
-						oItem[sDescriptionPath] = oCondition.values[1];
-					}
-					aTransformedItems.push(oItem);
-				}
-				return aTransformedItems;
-			},
-			updateItems: function(oPayload, aConditions, oMultiValueField) {
-				var oListBinding = oMultiValueField.getBinding("items");
-				var oBindingInfo = oMultiValueField.getBindingInfo("items");
-				var sItemPath = oBindingInfo.path;
-				var oTemplate = oBindingInfo.template;
-				var oKeyBindingInfo = oTemplate.getBindingInfo("key");
-				var sKeyPath = oKeyBindingInfo && oKeyBindingInfo.parts[0].path;
-				var oDescriptionBindingInfo = oTemplate.getBindingInfo("description");
-				var sDescriptionPath = oDescriptionBindingInfo && oDescriptionBindingInfo.parts[0].path;
-				var oModel = oListBinding.getModel();
+sap.ui.define(["sap/ui/mdc/field/MultiValueFieldDelegate"], function (MultiValueFieldDelegate) {
+  "use strict";
 
-				oModel.setProperty(sItemPath, this._transformConditions(aConditions, sKeyPath, sDescriptionPath));
-			}
-		});
-		return oMultiValueFieldDelegate;
-	},
-	/* bExport= */ false
-);
+  var oMultiValueFieldDelegate = Object.assign({}, MultiValueFieldDelegate, {
+    _transformConditions: function (aConditions, sKeyPath, sDescriptionPath) {
+      var aTransformedItems = [];
+
+      for (var i = 0; i < aConditions.length; i++) {
+        var oItem = {};
+        var oCondition = aConditions[i];
+        oItem[sKeyPath] = oCondition.values[0];
+
+        if (sDescriptionPath) {
+          oItem[sDescriptionPath] = oCondition.values[1];
+        }
+
+        aTransformedItems.push(oItem);
+      }
+
+      return aTransformedItems;
+    },
+    updateItems: function (oPayload, aConditions, oMultiValueField) {
+      var oListBinding = oMultiValueField.getBinding("items");
+      var oBindingInfo = oMultiValueField.getBindingInfo("items");
+      var sItemPath = oBindingInfo.path;
+      var oTemplate = oBindingInfo.template;
+      var oKeyBindingInfo = oTemplate.getBindingInfo("key");
+      var sKeyPath = oKeyBindingInfo && oKeyBindingInfo.parts[0].path;
+      var oDescriptionBindingInfo = oTemplate.getBindingInfo("description");
+      var sDescriptionPath = oDescriptionBindingInfo && oDescriptionBindingInfo.parts[0].path;
+      var oModel = oListBinding.getModel();
+      oModel.setProperty(sItemPath, this._transformConditions(aConditions, sKeyPath, sDescriptionPath));
+    }
+  });
+  return oMultiValueFieldDelegate;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpVmFsdWVQYXJhbWV0ZXJEZWxlZ2F0ZS50cyJdLCJuYW1lcyI6WyJvTXVsdGlWYWx1ZUZpZWxkRGVsZWdhdGUiLCJPYmplY3QiLCJhc3NpZ24iLCJNdWx0aVZhbHVlRmllbGREZWxlZ2F0ZSIsIl90cmFuc2Zvcm1Db25kaXRpb25zIiwiYUNvbmRpdGlvbnMiLCJzS2V5UGF0aCIsInNEZXNjcmlwdGlvblBhdGgiLCJhVHJhbnNmb3JtZWRJdGVtcyIsImkiLCJsZW5ndGgiLCJvSXRlbSIsIm9Db25kaXRpb24iLCJ2YWx1ZXMiLCJwdXNoIiwidXBkYXRlSXRlbXMiLCJvUGF5bG9hZCIsIm9NdWx0aVZhbHVlRmllbGQiLCJvTGlzdEJpbmRpbmciLCJnZXRCaW5kaW5nIiwib0JpbmRpbmdJbmZvIiwiZ2V0QmluZGluZ0luZm8iLCJzSXRlbVBhdGgiLCJwYXRoIiwib1RlbXBsYXRlIiwidGVtcGxhdGUiLCJvS2V5QmluZGluZ0luZm8iLCJwYXJ0cyIsIm9EZXNjcmlwdGlvbkJpbmRpbmdJbmZvIiwib01vZGVsIiwiZ2V0TW9kZWwiLCJzZXRQcm9wZXJ0eSJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7OztBQURBLE1BQU1BLHdCQUF3QixHQUFHQyxNQUFNLENBQUNDLE1BQVAsQ0FBYyxFQUFkLEVBQWtCQyx1QkFBbEIsRUFBMkM7QUFDM0VDLElBQUFBLG9CQUFvQixFQUFFLFVBQVNDLFdBQVQsRUFBMkJDLFFBQTNCLEVBQTBDQyxnQkFBMUMsRUFBaUU7QUFDdEYsVUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7O0FBQ0EsV0FBSyxJQUFJQyxDQUFDLEdBQUcsQ0FBYixFQUFnQkEsQ0FBQyxHQUFHSixXQUFXLENBQUNLLE1BQWhDLEVBQXdDRCxDQUFDLEVBQXpDLEVBQTZDO0FBQzVDLFlBQU1FLEtBQVUsR0FBRyxFQUFuQjtBQUNBLFlBQU1DLFVBQVUsR0FBR1AsV0FBVyxDQUFDSSxDQUFELENBQTlCO0FBQ0FFLFFBQUFBLEtBQUssQ0FBQ0wsUUFBRCxDQUFMLEdBQWtCTSxVQUFVLENBQUNDLE1BQVgsQ0FBa0IsQ0FBbEIsQ0FBbEI7O0FBQ0EsWUFBSU4sZ0JBQUosRUFBc0I7QUFDckJJLFVBQUFBLEtBQUssQ0FBQ0osZ0JBQUQsQ0FBTCxHQUEwQkssVUFBVSxDQUFDQyxNQUFYLENBQWtCLENBQWxCLENBQTFCO0FBQ0E7O0FBQ0RMLFFBQUFBLGlCQUFpQixDQUFDTSxJQUFsQixDQUF1QkgsS0FBdkI7QUFDQTs7QUFDRCxhQUFPSCxpQkFBUDtBQUNBLEtBYjBFO0FBYzNFTyxJQUFBQSxXQUFXLEVBQUUsVUFBU0MsUUFBVCxFQUF3QlgsV0FBeEIsRUFBMENZLGdCQUExQyxFQUFpRTtBQUM3RSxVQUFNQyxZQUFZLEdBQUdELGdCQUFnQixDQUFDRSxVQUFqQixDQUE0QixPQUE1QixDQUFyQjtBQUNBLFVBQU1DLFlBQVksR0FBR0gsZ0JBQWdCLENBQUNJLGNBQWpCLENBQWdDLE9BQWhDLENBQXJCO0FBQ0EsVUFBTUMsU0FBUyxHQUFHRixZQUFZLENBQUNHLElBQS9CO0FBQ0EsVUFBTUMsU0FBUyxHQUFHSixZQUFZLENBQUNLLFFBQS9CO0FBQ0EsVUFBTUMsZUFBZSxHQUFHRixTQUFTLENBQUNILGNBQVYsQ0FBeUIsS0FBekIsQ0FBeEI7QUFDQSxVQUFNZixRQUFRLEdBQUdvQixlQUFlLElBQUlBLGVBQWUsQ0FBQ0MsS0FBaEIsQ0FBc0IsQ0FBdEIsRUFBeUJKLElBQTdEO0FBQ0EsVUFBTUssdUJBQXVCLEdBQUdKLFNBQVMsQ0FBQ0gsY0FBVixDQUF5QixhQUF6QixDQUFoQztBQUNBLFVBQU1kLGdCQUFnQixHQUFHcUIsdUJBQXVCLElBQUlBLHVCQUF1QixDQUFDRCxLQUF4QixDQUE4QixDQUE5QixFQUFpQ0osSUFBckY7QUFDQSxVQUFNTSxNQUFNLEdBQUdYLFlBQVksQ0FBQ1ksUUFBYixFQUFmO0FBRUFELE1BQUFBLE1BQU0sQ0FBQ0UsV0FBUCxDQUFtQlQsU0FBbkIsRUFBOEIsS0FBS2xCLG9CQUFMLENBQTBCQyxXQUExQixFQUF1Q0MsUUFBdkMsRUFBaURDLGdCQUFqRCxDQUE5QjtBQUNBO0FBMUIwRSxHQUEzQyxDQUFqQztTQTZCZVAsd0IiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBNdWx0aVZhbHVlRmllbGREZWxlZ2F0ZSBmcm9tIFwic2FwL3VpL21kYy9maWVsZC9NdWx0aVZhbHVlRmllbGREZWxlZ2F0ZVwiO1xuY29uc3Qgb011bHRpVmFsdWVGaWVsZERlbGVnYXRlID0gT2JqZWN0LmFzc2lnbih7fSwgTXVsdGlWYWx1ZUZpZWxkRGVsZWdhdGUsIHtcblx0X3RyYW5zZm9ybUNvbmRpdGlvbnM6IGZ1bmN0aW9uKGFDb25kaXRpb25zOiBhbnksIHNLZXlQYXRoOiBhbnksIHNEZXNjcmlwdGlvblBhdGg6IGFueSkge1xuXHRcdGNvbnN0IGFUcmFuc2Zvcm1lZEl0ZW1zID0gW107XG5cdFx0Zm9yIChsZXQgaSA9IDA7IGkgPCBhQ29uZGl0aW9ucy5sZW5ndGg7IGkrKykge1xuXHRcdFx0Y29uc3Qgb0l0ZW06IGFueSA9IHt9O1xuXHRcdFx0Y29uc3Qgb0NvbmRpdGlvbiA9IGFDb25kaXRpb25zW2ldO1xuXHRcdFx0b0l0ZW1bc0tleVBhdGhdID0gb0NvbmRpdGlvbi52YWx1ZXNbMF07XG5cdFx0XHRpZiAoc0Rlc2NyaXB0aW9uUGF0aCkge1xuXHRcdFx0XHRvSXRlbVtzRGVzY3JpcHRpb25QYXRoXSA9IG9Db25kaXRpb24udmFsdWVzWzFdO1xuXHRcdFx0fVxuXHRcdFx0YVRyYW5zZm9ybWVkSXRlbXMucHVzaChvSXRlbSk7XG5cdFx0fVxuXHRcdHJldHVybiBhVHJhbnNmb3JtZWRJdGVtcztcblx0fSxcblx0dXBkYXRlSXRlbXM6IGZ1bmN0aW9uKG9QYXlsb2FkOiBhbnksIGFDb25kaXRpb25zOiBhbnksIG9NdWx0aVZhbHVlRmllbGQ6IGFueSkge1xuXHRcdGNvbnN0IG9MaXN0QmluZGluZyA9IG9NdWx0aVZhbHVlRmllbGQuZ2V0QmluZGluZyhcIml0ZW1zXCIpO1xuXHRcdGNvbnN0IG9CaW5kaW5nSW5mbyA9IG9NdWx0aVZhbHVlRmllbGQuZ2V0QmluZGluZ0luZm8oXCJpdGVtc1wiKTtcblx0XHRjb25zdCBzSXRlbVBhdGggPSBvQmluZGluZ0luZm8ucGF0aDtcblx0XHRjb25zdCBvVGVtcGxhdGUgPSBvQmluZGluZ0luZm8udGVtcGxhdGU7XG5cdFx0Y29uc3Qgb0tleUJpbmRpbmdJbmZvID0gb1RlbXBsYXRlLmdldEJpbmRpbmdJbmZvKFwia2V5XCIpO1xuXHRcdGNvbnN0IHNLZXlQYXRoID0gb0tleUJpbmRpbmdJbmZvICYmIG9LZXlCaW5kaW5nSW5mby5wYXJ0c1swXS5wYXRoO1xuXHRcdGNvbnN0IG9EZXNjcmlwdGlvbkJpbmRpbmdJbmZvID0gb1RlbXBsYXRlLmdldEJpbmRpbmdJbmZvKFwiZGVzY3JpcHRpb25cIik7XG5cdFx0Y29uc3Qgc0Rlc2NyaXB0aW9uUGF0aCA9IG9EZXNjcmlwdGlvbkJpbmRpbmdJbmZvICYmIG9EZXNjcmlwdGlvbkJpbmRpbmdJbmZvLnBhcnRzWzBdLnBhdGg7XG5cdFx0Y29uc3Qgb01vZGVsID0gb0xpc3RCaW5kaW5nLmdldE1vZGVsKCk7XG5cblx0XHRvTW9kZWwuc2V0UHJvcGVydHkoc0l0ZW1QYXRoLCB0aGlzLl90cmFuc2Zvcm1Db25kaXRpb25zKGFDb25kaXRpb25zLCBzS2V5UGF0aCwgc0Rlc2NyaXB0aW9uUGF0aCkpO1xuXHR9XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgb011bHRpVmFsdWVGaWVsZERlbGVnYXRlO1xuIl19

package/packages/sap.fe.core/src/sap/fe/core/controls/MultiValueParameterDelegate.js

@@ -1,6 +1,5 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
 sap.ui.define(["sap/ui/mdc/field/MultiValueFieldDelegate"],function(M){"use strict";var m=Object.assign({},M,{_transformConditions:function(c,k,d){var t=[];for(var i=0;i<c.length;i++){var I={};var C=c[i];I[k]=C.values[0];if(d){I[d]=C.values[1];}t.push(I);}return t;},updateItems:function(p,c,o){var l=o.getBinding("items");var b=o.getBindingInfo("items");var i=b.path;var t=b.template;var k=t.getBindingInfo("key");var K=k&&k.parts[0].path;var d=t.getBindingInfo("description");var D=d&&d.parts[0].path;var a=l.getModel();a.setProperty(i,this._transformConditions(c,K,D));}});return m;},false);

package/packages/sap.fe.core/src/sap/fe/core/controls/MultiValueParameterDelegate.ts

@@ -0,0 +1,31 @@
+import MultiValueFieldDelegate from "sap/ui/mdc/field/MultiValueFieldDelegate";
+const oMultiValueFieldDelegate = Object.assign({}, MultiValueFieldDelegate, {
+	_transformConditions: function(aConditions: any, sKeyPath: any, sDescriptionPath: any) {
+		const aTransformedItems = [];
+		for (let i = 0; i < aConditions.length; i++) {
+			const oItem: any = {};
+			const oCondition = aConditions[i];
+			oItem[sKeyPath] = oCondition.values[0];
+			if (sDescriptionPath) {
+				oItem[sDescriptionPath] = oCondition.values[1];
+			}
+			aTransformedItems.push(oItem);
+		}
+		return aTransformedItems;
+	},
+	updateItems: function(oPayload: any, aConditions: any, oMultiValueField: any) {
+		const oListBinding = oMultiValueField.getBinding("items");
+		const oBindingInfo = oMultiValueField.getBindingInfo("items");
+		const sItemPath = oBindingInfo.path;
+		const oTemplate = oBindingInfo.template;
+		const oKeyBindingInfo = oTemplate.getBindingInfo("key");
+		const sKeyPath = oKeyBindingInfo && oKeyBindingInfo.parts[0].path;
+		const oDescriptionBindingInfo = oTemplate.getBindingInfo("description");
+		const sDescriptionPath = oDescriptionBindingInfo && oDescriptionBindingInfo.parts[0].path;
+		const oModel = oListBinding.getModel();
+
+		oModel.setProperty(sItemPath, this._transformConditions(aConditions, sKeyPath, sDescriptionPath));
+	}
+});
+
+export default oMultiValueFieldDelegate;