@sapui5/sap.fe.core 1.97.0 → 1.100.0

package/src/sap/fe/core/controls/filterbar/FilterContainer.ts

@@ -0,0 +1,98 @@
+import MdcFilterContainer from "sap/ui/mdc/filterbar/aligned/FilterContainer";
+/**
+ * Constructor for a new FE filter container
+ *
+ * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+ * @extends sap.ui.mdc.filterbar.aligned.FilterContainer
+ * @class
+ * @private
+ * @alias sap.fe.core.controls.filterbar.FilterContainer
+ */
+const FilterContainer = MdcFilterContainer.extend("sap.fe.core.controls.filterbar.FilterContainer");
+FilterContainer.prototype.init = function(...args: any[]) {
+	this.aAllFilterFields = [];
+	this.aAllVisualFilters = {};
+	MdcFilterContainer.prototype.init.apply(this, args);
+};
+FilterContainer.prototype.exit = function(...args: any[]) {
+	// destroy layout
+	MdcFilterContainer.prototype.exit.apply(this, args);
+	// destroy all filter fields which are not in the layout
+	this.aAllFilterFields.forEach(function(oFilterField: any) {
+		oFilterField.destroy();
+	});
+	Object.keys(this.aAllVisualFilters).forEach((sKey: string) => {
+		this.aAllVisualFilters[sKey].destroy();
+	});
+};
+FilterContainer.prototype.insertFilterField = function(oControl: any, iIndex: number) {
+	const oFilterItemLayoutEventDelegate = {
+		onBeforeRendering: function() {
+			// For compact filters the item layout needs to render both label and filter field.
+			// hence use the original getContent of the FilterItemLayout
+			if (oControl._fnGetContentCopy) {
+				oControl.getContent = oControl._fnGetContentCopy;
+			}
+			oControl.removeEventDelegate(oFilterItemLayoutEventDelegate);
+		}
+	};
+	oControl.addEventDelegate(oFilterItemLayoutEventDelegate);
+
+	// In this layout there is no need to render visual filter
+	// hence find the filter field from the layout and remove it's content aggregation
+	oControl.getContent().forEach((oInnerControl: any) => {
+		const oContent = oInnerControl.getContent && oInnerControl.getContent();
+		if (oInnerControl.isA("sap.ui.mdc.FilterField") && oContent && oContent.isA("sap.fe.core.controls.filterbar.VisualFilter")) {
+			// store the visual filter for later use.
+			const oVFId = oInnerControl.getId();
+			this.aAllVisualFilters[oVFId] = oContent;
+			// remove the content aggregation to render internal content of the field
+			oInnerControl.setContent(null);
+		}
+	});
+
+	// store filter fields to refer to when switching between layout
+	this.aAllFilterFields.push(oControl);
+	MdcFilterContainer.prototype.insertFilterField.apply(this, [oControl, iIndex]);
+};
+FilterContainer.prototype.removeFilterField = function(oControl: any) {
+	const oFilterFieldIndex = this.aAllFilterFields.findIndex(function(oFilterField: any) {
+		return oFilterField.getId() === oControl.getId();
+	});
+
+	// Setting VF content for Fillterfield before removing
+	oControl.getContent().forEach((oInnerControl: any) => {
+		if (oInnerControl.isA("sap.ui.mdc.FilterField") && !oInnerControl.getContent()) {
+			const oVFId = oInnerControl.getId();
+			if (this.aAllVisualFilters[oVFId]) {
+				oInnerControl.setContent(this.aAllVisualFilters[oVFId]);
+			}
+		}
+	});
+
+	this.aAllFilterFields.splice(oFilterFieldIndex, 1);
+
+	MdcFilterContainer.prototype.removeFilterField.apply(this, [oControl]);
+};
+FilterContainer.prototype.removeAllFilterFields = function() {
+	this.aAllFilterFields = [];
+	this.aAllVisualFilters = {};
+	this.oLayout.removeAllContent();
+};
+FilterContainer.prototype.getAllButtons = function() {
+	return this.oLayout.getEndContent();
+};
+FilterContainer.prototype.removeButton = function(oControl: any) {
+	this.oLayout.removeEndContent(oControl);
+};
+FilterContainer.prototype.getAllFilterFields = function() {
+	return this.aAllFilterFields.slice();
+};
+FilterContainer.prototype.getAllVisualFilterFields = function() {
+	return this.aAllVisualFilters;
+};
+FilterContainer.prototype.setAllFilterFields = function(aFilterFields: any) {
+	this.aAllFilterFields = aFilterFields;
+};
+
+export default FilterContainer;