@openui5/sap.m 1.119.1 → 1.120.0

package/src/sap/m/upload/p13n/mediator/FilterMediator.js

@@ -0,0 +1,196 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(
+	[
+		"sap/m/upload/p13n/mediator/BaseMediator",
+		"sap/m/upload/FilterPanel",
+		"sap/m/upload/p13n/modules/CustomDataConfig",
+		"sap/base/util/deepEqual",
+		"sap/ui/model/Filter",
+		"sap/ui/model/FilterType"
+	],
+	function (BaseMediator, FilterPanel, CustomDataConfig, deepEqual, Filter, FilterType) {
+		"use strict";
+
+		 /**
+		 * Constructor for a new <code>FilterMediator</code>.
+		 *
+		 * @param {object} [mSettings] Initial settings for the new control
+     	 * @param {sap.ui.core.Control} mSettings.control The control instance that is personalized by this mediator
+      	 * @param {string} mSettings.targetAggregation The name of the aggregation that is now managed by this mediator
+     	 * @param {string} mSettings.p13nMetadataTarget The name of the personalization metadata target that is now managed by this mediator
+		 *
+		 * @class
+		 * The <code>FilterMediator</code> entity serves as a class which handles filter panel related logic.
+		 *
+		 * @extends sap.m.upload.p13n.mediator.BaseMediator
+		 *
+		 * @author SAP SE
+		 * @version 1.120.0
+		 * @private
+		 * @experimental
+		 * @internal
+		 * @alias sap.m.upload.p13n.mediator.FilterMediator
+		 */
+
+		const FilterMediator = BaseMediator.extend("sap.m.upload.p13n.mediator.FilterMediator", {
+			constructor: function (mSettings) {
+				BaseMediator.call(this, mSettings);
+			}
+		});
+
+		FilterMediator.prototype.createPanel = function () {
+			return Promise.resolve(this.createUi(this.getPanelData()));
+		};
+
+		FilterMediator.prototype.createUi = function (aPanelData) {
+			const oMetadata = this.getControl()._getP13nMetadata();
+			this._oPanel = new FilterPanel({ fields: oMetadata[this.getP13nMetadataTarget()] });
+			this._oPanel.setP13nData(aPanelData);
+			return this._oPanel;
+		};
+
+		FilterMediator.prototype.getPanelData = function () {
+			const aCurrentState = this.getCurrentState(),
+				aPanelState = [],
+				mMetadata = this.getControl()
+					._getP13nMetadata()
+					[this.getP13nMetadataTarget()].reduce((mMap, oProp) => {
+						mMap[oProp.path] = oProp;
+						return mMap;
+					}, {});
+
+			aCurrentState.forEach((oEntry) => {
+				if (!mMetadata[oEntry.path]) {
+					return;
+				}
+				aPanelState.push({
+					name: oEntry.key,
+					path: oEntry.path,
+					operator: oEntry.operator,
+					value: oEntry.value
+				});
+			});
+
+			return aPanelState;
+		};
+
+		FilterMediator.prototype.getCurrentState = function () {
+			const oCustomConfig = CustomDataConfig.read(this.getControl()) || {};
+			const oFilterConditions =
+				oCustomConfig.hasOwnProperty("properties") && oCustomConfig.properties[this.getTargetAggregation()]
+					? oCustomConfig.properties[this.getTargetAggregation()]
+					: {};
+
+			const aState = Object.values(oFilterConditions)
+				// .filter((oItem) => oItem.sorted)
+				.sort((oItem1, oItem2) => {
+					return oItem1.index - oItem2.index;
+				});
+
+			return aState.map((oItem) => ({ key: oItem.key, path: oItem.path, operator: oItem.operator, value: oItem.value }));
+		};
+
+		FilterMediator.prototype.getChanges = function () {
+			const aChanges = [],
+				aCurrentState = this.getCurrentState(),
+				aP13nData = this._getP13nData(),
+				aNextState = aP13nData
+					// .filter((oEntry) => !!oEntry.sorted)
+					.map((oEntry) => ({ key: oEntry.name, path: oEntry.path, operator: oEntry.operator, value: oEntry.value }));
+
+			if (deepEqual(aCurrentState, aNextState)) {
+				return aChanges;
+			}
+
+			const aDeleted = this._getDeletes(aCurrentState, aNextState),
+				aInserted = this._getInserts(aCurrentState, aNextState),
+				aMoved = this._getMove(aCurrentState, aNextState, aDeleted, aInserted);
+
+
+			aChanges.push(
+				this.createChange("uploadSetTableFilterStateChange", { deleted: aDeleted, moved: aMoved, inserted: aInserted })
+			);
+
+			return aChanges;
+		};
+
+		FilterMediator.prototype._getP13nData = function () {
+			return this._oPanel ? this._oPanel.getP13nData() : {};
+		};
+
+		FilterMediator.prototype._getDeletes = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mNextState = this.arrayToMap(aNextState);
+
+			aCurrentState.forEach((oState, iIndex) => {
+				if (!mNextState[oState.key]) {
+					aResult.push({
+						key: oState.key,
+						prevIndex: iIndex,
+						prevPath: oState.path,
+						prevOperator: oState.operator,
+						prevValue: oState.value
+					});
+				}
+			});
+			return aResult;
+		};
+
+		FilterMediator.prototype._getInserts = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mCurrentState = this.arrayToMap(aCurrentState);
+
+			aNextState.forEach((oState, iIndex) => {
+				if (!mCurrentState[oState.key]) {
+					aResult.push({
+						key: oState.key,
+						index: iIndex,
+						path: oState.path,
+						operator: oState.operator,
+						value: oState.value
+					});
+				}
+			});
+			return aResult;
+		};
+
+		FilterMediator.prototype._getMove = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mNextState = this.arrayToMap(aNextState, true),
+				aProperties = ["path", "operator", "value"];
+
+			aCurrentState.forEach((oState, iIndex) => {
+				if (
+					mNextState[oState.key] &&
+					(mNextState[oState.key].index !== iIndex || !aProperties.every((sEntry) => mNextState[oState.key][sEntry] === oState[sEntry]))
+				) {
+					aResult.push({
+						key: oState.key,
+						index: mNextState[oState.key].index,
+						prevIndex: iIndex,
+						path: mNextState[oState.key].path,
+						prevPath: oState.path,
+						operator: mNextState[oState.key].operator,
+						prevOperator: oState.operator,
+						value: mNextState[oState.key].value,
+						prevValue: oState.value
+					});
+				}
+			});
+			return aResult;
+		};
+
+		FilterMediator.prototype.applyStateToTable = function (oSorters = {}) {
+			const aState = this.getCurrentState(),
+				aFilters = aState.map((oEntry) => new Filter(oEntry.path, oEntry.operator, oEntry.value));
+			this.getControl().getBinding("items").filter(aFilters.length ? new Filter(aFilters, true) : null, FilterType.Control);
+		};
+
+		return FilterMediator;
+	}
+);

package/src/sap/m/upload/p13n/mediator/GroupMediator.js

@@ -0,0 +1,192 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(
+	[
+		"sap/m/upload/p13n/mediator/BaseMediator",
+		"sap/m/p13n/GroupPanel",
+		"sap/m/upload/p13n/modules/CustomDataConfig",
+		"sap/ui/core/Configuration",
+		"sap/base/util/deepEqual",
+		"sap/ui/model/Sorter"
+	],
+	function (BaseMediator, GroupPanel, CustomDataConfig, Configuration, deepEqual, Sorter) {
+		"use strict";
+
+		 /**
+		 * Constructor for a new <code>GroupMediator</code>.
+		 *
+		 * @param {object} [mSettings] Initial settings for the new control
+     	 * @param {sap.ui.core.Control} mSettings.control The control instance that is personalized by this mediator
+      	 * @param {string} mSettings.targetAggregation The name of the aggregation that is now managed by this mediator
+     	 * @param {string} mSettings.p13nMetadataTarget The name of the personalization metadata target that is now managed by this mediator
+		 *
+		 * @class
+		 * The <code>GroupMediator</code> entity serves as a class which handles grouping panel related logic.
+		 *
+		 * @extends sap.m.upload.p13n.mediator.BaseMediator
+		 *
+		 * @author SAP SE
+		 * @version 1.120.0
+		 * @private
+		 * @experimental
+		 * @internal
+		 * @alias sap.m.upload.p13n.mediator.GroupMediator
+		 */
+
+		const GroupMediator = BaseMediator.extend("sap.m.upload.p13n.mediator.GroupMediator", {
+			constructor: function (mSettings) {
+				BaseMediator.call(this, mSettings);
+			}
+		});
+
+		GroupMediator.prototype.createPanel = function () {
+			return Promise.resolve(this.createUi(this.getPanelData()));
+		};
+
+		GroupMediator.prototype.createUi = function (aPanelData) {
+			this._oPanel = new GroupPanel();
+			this._oPanel.setP13nData(aPanelData);
+			return this._oPanel;
+		};
+
+		GroupMediator.prototype.getPanelData = function () {
+			const mCurrentState = this.arrayToMap(this.getCurrentState(), true);
+			const aPanelState = [],
+				oMetadata = this.getControl()._getP13nMetadata();
+			oMetadata[this.getP13nMetadataTarget()].forEach((oMetadataItem) => {
+				aPanelState.push({
+					name: oMetadataItem.key,
+					label: oMetadataItem.label || oMetadataItem.key,
+					tooltip: oMetadataItem.tooltip,
+					index: mCurrentState[oMetadataItem.key] ? mCurrentState[oMetadataItem.key].index : undefined,
+					grouped: !!mCurrentState[oMetadataItem.key]
+				});
+			});
+
+			// Sort panel config
+			const sLocale = Configuration.getLocale().toString(),
+				oCollator = window.Intl.Collator(sLocale, {});
+			aPanelState.sort((mItem1, mItem2) => {
+				if (mItem1.grouped && mItem2.sorted) {
+					return (mItem1.index || 0) - (mItem2.index || 0);
+				}
+				if (mItem1.grouped) {
+					return -1;
+				}
+				if (mItem2.grouped) {
+					return 1;
+				}
+				return oCollator.compare(mItem1.label, mItem2.label);
+			});
+			aPanelState.forEach((oItem) => delete oItem.index);
+			return aPanelState;
+		};
+
+		GroupMediator.prototype.getCurrentState = function () {
+			const oCustomConfig = CustomDataConfig.read(this.getControl()) || {};
+			const oSortConditions =
+				oCustomConfig.hasOwnProperty("properties") && oCustomConfig.properties[this.getTargetAggregation()]
+					? oCustomConfig.properties[this.getTargetAggregation()]
+					: {};
+
+			const aState = Object.values(oSortConditions)
+				.filter((oItem) => oItem.grouped)
+				.sort((oItem1, oItem2) => {
+					return oItem1.index - oItem2.index;
+				});
+
+			return aState.map((oItem) => ({ key: oItem.key }));
+		};
+
+		GroupMediator.prototype.getChanges = function () {
+			const aChanges = [],
+				aCurrentState = this.getCurrentState(),
+				aP13nData = this._getP13nData(),
+				aNextState = aP13nData.filter((oEntry) => !!oEntry.grouped).map((oEntry) => ({ key: oEntry.name }));
+
+			if (deepEqual(aCurrentState, aNextState)) {
+				return aChanges;
+			}
+
+			const aDeleted = this._getDeletes(aCurrentState, aNextState),
+				aInserted = this._getInserts(aCurrentState, aNextState),
+				aMoved = this._getMove(aCurrentState, aNextState, aDeleted, aInserted);
+
+
+			aChanges.push(
+				this.createChange("uploadSetTableGroupStateChange", { deleted: aDeleted, moved: aMoved, inserted: aInserted })
+			);
+
+			return aChanges;
+		};
+
+		GroupMediator.prototype._getP13nData = function () {
+			return this._oPanel ? this._oPanel.getP13nData() : {};
+		};
+
+		GroupMediator.prototype._getDeletes = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mNextState = this.arrayToMap(aNextState);
+
+			aCurrentState.forEach((oState, iIndex) => {
+				if (!mNextState[oState.key]) {
+					aResult.push({ key: oState.key, prevIndex: iIndex });
+				}
+			});
+			return aResult;
+		};
+
+		GroupMediator.prototype._getInserts = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mCurrentState = this.arrayToMap(aCurrentState);
+
+			aNextState.forEach((oState, iIndex) => {
+				if (!mCurrentState[oState.key]) {
+					aResult.push({ key: oState.key, index: iIndex });
+				}
+			});
+			return aResult;
+		};
+
+		GroupMediator.prototype._getMove = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mNextState = this.arrayToMap(aNextState, true);
+
+			aCurrentState.forEach((oState, iIndex) => {
+				if (mNextState[oState.key] && mNextState[oState.key].index !== iIndex) {
+					aResult.push({
+						key: oState.key,
+						index: mNextState[oState.key].index,
+						prevIndex: iIndex
+					});
+				}
+			});
+			return aResult;
+		};
+
+		GroupMediator.prototype.applyStateToTable = function (oSorters = {}) {
+			const aState = this.getCurrentState();
+			if (aState.length) {
+				const aSortMetadata = this.getControl()._getP13nMetadata()[this.getP13nMetadataTarget()] ?? [],
+					mSortMetadata = this.arrayToMap(aSortMetadata);
+
+				aState.forEach((oEntry) => {
+					if (!mSortMetadata[oEntry.key]) {
+						return;
+					}
+					if (oSorters[oEntry.key]) {
+						oSorters[oEntry.key].vGroup = true;
+					} else {
+						oSorters[oEntry.key] = new Sorter(mSortMetadata[oEntry.key].path, false, true);
+					}
+				});
+			}
+		};
+
+		return GroupMediator;
+	}
+);

package/src/sap/m/upload/p13n/mediator/SortMediator.js

@@ -0,0 +1,200 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(
+	[
+		"sap/m/upload/p13n/mediator/BaseMediator",
+		"sap/m/p13n/SortPanel",
+		"sap/m/upload/p13n/modules/CustomDataConfig",
+		"sap/ui/core/Configuration",
+		"sap/base/util/deepEqual",
+		"sap/ui/model/Sorter"
+	],
+	function (BaseMediator, SortPanel, CustomDataConfig, Configuration, deepEqual, Sorter) {
+		"use strict";
+
+		 /**
+		 * Constructor for a new <code>SortMediator</code>.
+		 *
+		 * @param {object} [mSettings] Initial settings for the new control
+     	 * @param {sap.ui.core.Control} mSettings.control The control instance that is personalized by this mediator
+      	 * @param {string} mSettings.targetAggregation The name of the aggregation that is now managed by this mediator
+     	 * @param {string} mSettings.p13nMetadataTarget The name of the personalization metadata target that is now managed by this mediator
+		 *
+		 * @class
+		 * The <code>SortMediator</code> entity serves as a class which handles sort panel related logic.
+		 *
+		 * @extends sap.m.upload.p13n.mediator.BaseMediator
+		 *
+		 * @author SAP SE
+		 * @version 1.120.0
+		 * @private
+		 * @experimental
+		 * @internal
+		 * @alias sap.m.upload.p13n.mediator.SortMediator
+		 */
+
+		const SortMediator = BaseMediator.extend("sap.m.upload.p13n.mediator.SortMediator", {
+			constructor: function (mSettings) {
+				BaseMediator.call(this, mSettings);
+			}
+		});
+
+		SortMediator.prototype.createPanel = function () {
+			return Promise.resolve(this.createUi(this.getPanelData()));
+		};
+
+		SortMediator.prototype.createUi = function (aPanelData) {
+			this._oPanel = new SortPanel();
+			this._oPanel.setP13nData(aPanelData);
+			return this._oPanel;
+		};
+
+		SortMediator.prototype.getPanelData = function () {
+			const mCurrentState = this.arrayToMap(this.getCurrentState(), true);
+			const aPanelState = [],
+				oMetadata = this.getControl()._getP13nMetadata();
+			oMetadata[this.getP13nMetadataTarget()].forEach((oMetadataItem) => {
+				aPanelState.push({
+					name: oMetadataItem.key,
+					label: oMetadataItem.label || oMetadataItem.key,
+					tooltip: oMetadataItem.tooltip,
+					index: mCurrentState[oMetadataItem.key] ? mCurrentState[oMetadataItem.key].index : undefined,
+					sorted: !!mCurrentState[oMetadataItem.key],
+					descending: mCurrentState[oMetadataItem.key] ? mCurrentState[oMetadataItem.key].descending : undefined
+				});
+			});
+
+			// Sort panel config
+			const sLocale = Configuration.getLocale().toString(),
+				oCollator = window.Intl.Collator(sLocale, {});
+			aPanelState.sort((mItem1, mItem2) => {
+				if (mItem1.sorted && mItem2.sorted) {
+					return (mItem1.index || 0) - (mItem2.index || 0);
+				}
+				if (mItem1.sorted) {
+					return -1;
+				}
+				if (mItem2.sorted) {
+					return 1;
+				}
+				return oCollator.compare(mItem1.label, mItem2.label);
+			});
+			aPanelState.forEach((oItem) => delete oItem.index);
+			return aPanelState;
+		};
+
+		SortMediator.prototype.getCurrentState = function () {
+			const oCustomConfig = CustomDataConfig.read(this.getControl()) || {};
+			const oSortConditions =
+				oCustomConfig.hasOwnProperty("properties") && oCustomConfig.properties[this.getTargetAggregation()]
+					? oCustomConfig.properties[this.getTargetAggregation()]
+					: {};
+
+			const aState = Object.values(oSortConditions)
+				.filter((oItem) => oItem.sorted)
+				.sort((oItem1, oItem2) => {
+					return oItem1.index - oItem2.index;
+				});
+
+			return aState.map((oItem) => ({ key: oItem.key, descending: oItem.descending }));
+		};
+
+		SortMediator.prototype.getChanges = function () {
+			const aChanges = [],
+				aCurrentState = this.getCurrentState(),
+				aP13nData = this._getP13nData(),
+				aNextState = aP13nData
+					.filter((oEntry) => !!oEntry.sorted)
+					.map((oEntry) => ({ key: oEntry.name, descending: oEntry.descending }));
+
+			if (deepEqual(aCurrentState, aNextState)) {
+				return aChanges;
+			}
+
+			const aDeleted = this._getDeletes(aCurrentState, aNextState),
+				aInserted = this._getInserts(aCurrentState, aNextState),
+				aMoved = this._getMove(aCurrentState, aNextState, aDeleted, aInserted);
+
+
+			aChanges.push(
+				this.createChange("uploadSetTableSortStateChange", { deleted: aDeleted, moved: aMoved, inserted: aInserted })
+			);
+
+			return aChanges;
+		};
+
+		SortMediator.prototype._getP13nData = function () {
+			return this._oPanel ? this._oPanel.getP13nData() : {};
+		};
+
+		SortMediator.prototype._getDeletes = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mNextState = this.arrayToMap(aNextState);
+
+			aCurrentState.forEach((oState, iIndex) => {
+				if (!mNextState[oState.key]) {
+					aResult.push({ key: oState.key, prevIndex: iIndex, prevDescending: oState.descending });
+				}
+			});
+			return aResult;
+		};
+
+		SortMediator.prototype._getInserts = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mCurrentState = this.arrayToMap(aCurrentState);
+
+			aNextState.forEach((oState, iIndex) => {
+				if (!mCurrentState[oState.key]) {
+					aResult.push({ key: oState.key, index: iIndex, descending: oState.descending });
+				}
+			});
+			return aResult;
+		};
+
+		SortMediator.prototype._getMove = function (aCurrentState, aNextState) {
+			const aResult = [],
+				mNextState = this.arrayToMap(aNextState, true);
+
+			aCurrentState.forEach((oState, iIndex) => {
+				if (
+					mNextState[oState.key] &&
+					(mNextState[oState.key].index !== iIndex || mNextState[oState.key].descending !== oState.descending)
+				) {
+					aResult.push({
+						key: oState.key,
+						index: mNextState[oState.key].index,
+						prevIndex: iIndex,
+						descending: mNextState[oState.key].descending,
+						prevDescending: oState.descending
+					});
+				}
+			});
+			return aResult;
+		};
+
+		SortMediator.prototype.applyStateToTable = function (oSorters = {}) {
+			const aState = this.getCurrentState();
+			if (aState.length) {
+				const aSortMetadata = this.getControl()._getP13nMetadata()[this.getP13nMetadataTarget()] ?? [],
+					mSortMetadata = this.arrayToMap(aSortMetadata);
+
+				aState.forEach((oEntry) => {
+					if (!mSortMetadata[oEntry.key]) {
+						return;
+					}
+					if (oSorters[oEntry.key]) {
+						oSorters[oEntry.key].bDescending = oEntry.descending;
+					} else {
+						oSorters[oEntry.key] = new Sorter(mSortMetadata[oEntry.key].path, oEntry.descending);
+					}
+				});
+			}
+		};
+
+		return SortMediator;
+	}
+);

package/src/sap/m/upload/p13n/modules/CustomDataConfig.js

@@ -0,0 +1,100 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+
+/**
+ * Handles custom data for UploadSetWithTable control based on the flexibility provided data
+ *
+ * @private
+ *
+ */
+
+
+sap.ui.define(
+	[
+		"sap/base/util/merge",
+		"sap/ui/core/util/reflection/JsControlTreeModifier",
+		"sap/m/upload/p13n/handlers/ColumnConfigHandler",
+		"sap/m/upload/p13n/handlers/SortConfigHandler",
+		"sap/m/upload/p13n/handlers/GroupConfigHandler",
+		"sap/m/upload/p13n/handlers/FilterConfigHandler"
+	],
+	function (merge, JsControlTreeModifier, ColumnConfigHandler, SortConfigHandler, GroupConfigHandler, FilterConfigHandler) {
+		"use strict";
+
+		const CUSTOM_DATA_P13N_KEY = "p13nManagerData";
+
+		const EVENT_HANDLERS = {
+			[ColumnConfigHandler.getEventName()]: new ColumnConfigHandler(),
+			[SortConfigHandler.getEventName()]: new SortConfigHandler(),
+			[GroupConfigHandler.getEventName()]: new GroupConfigHandler(),
+			[FilterConfigHandler.getEventName()]: new FilterConfigHandler()
+		};
+
+		const CustomDataConfig = {};
+
+		CustomDataConfig.read = function (oControl) {
+			if (!oControl || typeof oControl.getCustomData !== "function") {
+				return undefined;
+			}
+			const aCustomData = oControl.getCustomData().filter((oEntry) => oEntry.getKey() === CUSTOM_DATA_P13N_KEY);
+			return aCustomData.length ? merge({}, JSON.parse(aCustomData[0].getValue().replaceAll(/\\/g, ""))) : undefined;
+		};
+
+		CustomDataConfig.update = async function (oControl, oPayload) {
+			const mPropertyBag = oPayload.propertyBag,
+				oModifier = mPropertyBag.modifier ? mPropertyBag.modifier : JsControlTreeModifier;
+
+			const oRawConfig = await CustomDataConfig.getRawConfig(oControl, oModifier, oPayload);
+			let oExistingConfig = {};
+			let oConfig = {};
+			if (oRawConfig) {
+				oExistingConfig = await oModifier
+					.getProperty(oRawConfig, "value")
+					.then((sConfig) => merge({}, JSON.parse(sConfig.replace(/\\/g, ""))));
+			}
+
+			if (EVENT_HANDLERS[oPayload.changeType]) {
+				oConfig = EVENT_HANDLERS[oPayload.changeType].modifyState(oPayload, oExistingConfig);
+			}
+
+			let pDelete = Promise.resolve();
+			if (oRawConfig && oControl.isA) {
+				pDelete = oModifier.removeAggregation(oControl, "customData", oRawConfig).then(function () {
+					return oModifier.destroy(oRawConfig);
+				});
+			}
+			const oAppComponent = mPropertyBag ? mPropertyBag.appComponent : undefined;
+			return pDelete.then(() => {
+				return oModifier
+					.createAndAddCustomData(oControl, CUSTOM_DATA_P13N_KEY, JSON.stringify(oConfig), oAppComponent)
+					.then(function () {
+						return merge({}, oConfig);
+					});
+			});
+		};
+
+		CustomDataConfig.getRawConfig = function (oControl, oModifier, oPayload) {
+			return oModifier
+				.getControlMetadata(oControl)
+				.then((oControlMetadata) => {
+					oPayload.controlMetadata = oControlMetadata;
+					return oModifier.getAggregation(oControl, "customData");
+				})
+				.then((aCustomData) => {
+					return Promise.all(
+						aCustomData.map((oCustomDataEntry) => oModifier.getProperty(oCustomDataEntry, "key"))
+					).then((aCustomDataKeys) =>
+						aCustomData.reduce((oResult, mCustomData, iIndex) => {
+							return aCustomDataKeys[iIndex] === CUSTOM_DATA_P13N_KEY ? mCustomData : oResult;
+						}, undefined)
+					);
+				});
+		};
+
+		return CustomDataConfig;
+	}
+);