@sap/open.fe 1.94.0

package/packages/sap.fe.macros/src/sap/fe/macros/DelegateUtil-dbg.js

@@ -0,0 +1,286 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+
+// ---------------------------------------------------------------------------------------
+// Util class used to help create the table/column delegates and fill relevant metadata
+// ---------------------------------------------------------------------------------------
+// ---------------------------------------------------------------------------------------
+sap.ui.define(
+	[
+		"sap/ui/mdc/TableDelegate",
+		"sap/ui/mdc/FilterBarDelegate",
+		"sap/ui/core/XMLTemplateProcessor",
+		"sap/ui/core/util/XMLPreprocessor",
+		"sap/ui/core/Fragment",
+		"sap/ui/core/Element",
+		"sap/ui/model/json/JSONModel",
+		"sap/fe/macros/CommonHelper",
+		"sap/fe/core/helpers/StableIdHelper",
+		"sap/fe/core/CommonUtils",
+		"sap/fe/macros/field/FieldHelper",
+		"sap/fe/macros/internal/valuehelp/ValueHelpTemplating"
+	],
+	function(
+		TableDelegate,
+		FilterBarDelegate,
+		XMLTemplateProcessor,
+		XMLPreprocessor,
+		Fragment,
+		CoreElement,
+		JSONModel,
+		CommonHelper,
+		StableIdHelper,
+		CommonUtils,
+		FieldHelper,
+		ValueHelpTemplating
+	) {
+		"use strict";
+
+		var oDelegateUtil = {},
+			NS_MACRODATA = "http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1",
+			mDefaultTypeForEdmType = {
+				"Edm.Boolean": {
+					modelType: "Bool"
+				},
+				"Edm.Byte": {
+					modelType: "Int"
+				},
+				"Edm.Date": {
+					modelType: "Date"
+				},
+				"Edm.DateTime": {
+					modelType: "Date"
+				},
+				"Edm.DateTimeOffset": {
+					modelType: "DateTimeOffset"
+				},
+				"Edm.Decimal": {
+					modelType: "Decimal"
+				},
+				"Edm.Double": {
+					modelType: "Float"
+				},
+				"Edm.Float": {
+					modelType: "Float"
+				},
+				"Edm.Guid": {
+					modelType: "Guid"
+				},
+				"Edm.Int16": {
+					modelType: "Int"
+				},
+				"Edm.Int32": {
+					modelType: "Int"
+				},
+				"Edm.Int64": {
+					modelType: "Int"
+				},
+				"Edm.SByte": {
+					modelType: "Int"
+				},
+				"Edm.Single": {
+					modelType: "Float"
+				},
+				"Edm.String": {
+					modelType: "String"
+				},
+				"Edm.Time": {
+					modelType: "TimeOfDay"
+				},
+				"Edm.TimeOfDay": {
+					modelType: "TimeOfDay"
+				},
+				"Edm.Stream": {
+					//no corresponding modelType - ignore for filtering
+				}
+			};
+
+		function _retrieveModel() {
+			this.control.detachModelContextChange(_retrieveModel, this);
+			var sModelName = this.modelName,
+				oModel = this.control.getModel(sModelName);
+
+			if (oModel) {
+				this.resolve(oModel);
+			} else {
+				this.control.attachModelContextChange(_retrieveModel, this);
+			}
+		}
+
+		/**
+		 * This is an intermediate fix for missing functionality on MDC site. Once MDC controls are supporting i18n this shall be taken out.
+		 * Takes in i18n Keys and makes them.
+		 *
+		 * @param {string} sTextOrToken String to check and in case of an i18n string transform to proper translation
+		 * @param {object} oControl Needed to get the view and the connected resource bundle
+		 * @returns {string} Returns either the translated string or if the string never was an i18n string the original input string.
+		 * @private
+		 */
+		oDelegateUtil.getLocalizedText = function(sTextOrToken, oControl) {
+			var aMatch = /{([A-Za-z0-9_.|@]+)>([A-Za-z0-9_.|]+)}/.exec(sTextOrToken);
+			if (aMatch) {
+				var oResourceBundle = oControl.getModel(aMatch[1]).getResourceBundle();
+				return oResourceBundle.getText(aMatch[2]);
+			}
+			return sTextOrToken;
+		};
+
+		oDelegateUtil.getCustomData = function(oControl, sProperty, oModifier) {
+			// If Modifier is given, the method must execute asynchronously and return a Promise
+			if (oModifier) {
+				var aCustomData = [];
+				return Promise.resolve()
+					.then(oModifier.getAggregation.bind(oModifier, oControl, "customData"))
+					.then(function(aRetrievedCustomData) {
+						return aRetrievedCustomData.reduce(function(oPreviousPromise, oCustomData) {
+							return oPreviousPromise.then(oModifier.getProperty.bind(oModifier, oCustomData, "key")).then(function(sKey) {
+								if (sKey === sProperty) {
+									aCustomData.push(oCustomData);
+								}
+							});
+						}, Promise.resolve());
+					})
+					.then(function() {
+						if (aCustomData.length === 1) {
+							return oModifier.getProperty(aCustomData[0], "value");
+						}
+					});
+			} else {
+				// Delegate invoked from a non-flex change - FilterBarDelegate._addP13nItem for OP table filtering, FilterBarDelegate.fetchProperties etc.
+				if (oControl && sProperty) {
+					if (oControl instanceof window.Element) {
+						return oControl.getAttributeNS(NS_MACRODATA, sProperty);
+					}
+					if (oControl.data instanceof Function) {
+						return oControl.data(sProperty);
+					}
+				}
+				return undefined;
+			}
+		};
+
+		oDelegateUtil.setCustomData = function(oControl, sProperty, vValue) {
+			if (oControl && sProperty) {
+				if (oControl instanceof window.Element) {
+					return oControl.setAttributeNS(NS_MACRODATA, "customData:" + sProperty, vValue);
+				}
+				if (oControl.data instanceof Function) {
+					return oControl.data(sProperty, vValue);
+				}
+			}
+		};
+
+		oDelegateUtil.fetchPropertiesForEntity = function(sEntitySet, oMetaModel) {
+			return oMetaModel.requestObject(sEntitySet + "/");
+		};
+
+		oDelegateUtil.fetchAnnotationsForEntity = function(sEntitySet, oMetaModel) {
+			return oMetaModel.requestObject(sEntitySet + "@");
+		};
+
+		oDelegateUtil.fetchModel = function(oControl) {
+			return new Promise(function(resolve, reject) {
+				var sModelName = oControl.getDelegate().payload && oControl.getDelegate().payload.modelName,
+					oContext = { modelName: sModelName, control: oControl, resolve: resolve };
+				_retrieveModel.call(oContext);
+			});
+		};
+
+		oDelegateUtil.loadMacroLibrary = function() {
+			return new Promise(function(resolve, reject) {
+				sap.ui.require(["sap/fe/macros/macroLibrary"], function(/*macroLibrary*/) {
+					resolve();
+				});
+			});
+		};
+
+		oDelegateUtil.templateControlFragment = function(sFragmentName, oPreprocessorSettings, oOptions, oModifier) {
+			return CommonUtils.templateControlFragment(sFragmentName, oPreprocessorSettings, oOptions, oModifier);
+		};
+
+		oDelegateUtil.doesValueHelpExist = function(mParameters) {
+			var sPropertyName = mParameters.sPropertyName || "",
+				sValueHelpType = mParameters.sValueHelpType || "",
+				oMetaModel = mParameters.oMetaModel,
+				oModifier = mParameters.oModifier,
+				sOriginalProperty = mParameters.sBindingPath + "/" + sPropertyName,
+				oPropertyContext = oMetaModel.createBindingContext(sOriginalProperty),
+				sValueHelpProperty = FieldHelper.valueHelpProperty(oPropertyContext);
+
+			// unit/currency
+			if (sValueHelpProperty.indexOf("$Path") > -1) {
+				sValueHelpProperty = oMetaModel.getObject(sValueHelpProperty);
+			}
+			var sGeneratedId = ValueHelpTemplating.generateID(
+				mParameters.flexId,
+				StableIdHelper.generate([oModifier ? oModifier.getId(mParameters.oControl) : mParameters.oControl.getId(), sValueHelpType]),
+				CommonHelper.getNavigationPath(sOriginalProperty, true),
+				CommonHelper.getNavigationPath(sValueHelpProperty, true)
+			);
+
+			return Promise.resolve()
+				.then(function() {
+					if (oModifier) {
+						return oModifier.getAggregation(mParameters.oControl, "dependents");
+					}
+					return mParameters.oControl.getAggregation("dependents");
+				})
+				.then(function(aDependents) {
+					return Promise.resolve(
+						aDependents &&
+							aDependents.some(function(oDependent) {
+								return oModifier ? oModifier.getId(oDependent) === sGeneratedId : oDependent.getId() === sGeneratedId;
+							})
+					);
+				});
+		};
+
+		oDelegateUtil.isValueHelpRequired = function(mParameters, bInFilterField) {
+			var sPropertyName = mParameters.sPropertyName || "",
+				oMetaModel = mParameters.oMetaModel,
+				sProperty = mParameters.sBindingPath + "/" + sPropertyName,
+				oPropertyContext = oMetaModel.createBindingContext(sProperty),
+				sValueHelpProperty = FieldHelper.valueHelpProperty(oPropertyContext, bInFilterField);
+			// TODO use PropertyFormatter.hasValueHelp () => if doing so, QUnit tests fail due to mocked model implementation
+			return Promise.all([
+				oMetaModel.requestObject(sValueHelpProperty + "@com.sap.vocabularies.Common.v1.ValueListWithFixedValues"),
+				oMetaModel.requestObject(sValueHelpProperty + "@com.sap.vocabularies.Common.v1.ValueListReferences"),
+				oMetaModel.requestObject(sValueHelpProperty + "@com.sap.vocabularies.Common.v1.ValueListMapping"),
+				oMetaModel.requestObject(sValueHelpProperty + "@com.sap.vocabularies.Common.v1.ValueList")
+			]).then(function(aResults) {
+				return aResults[0] || aResults[1] || aResults[2] || aResults[3];
+			});
+		};
+
+		oDelegateUtil.isTypeFilterable = function(sType) {
+			return sType && sType in mDefaultTypeForEdmType && !!mDefaultTypeForEdmType[sType].modelType;
+		};
+
+		oDelegateUtil.getModelType = function(sType) {
+			return sType && sType in mDefaultTypeForEdmType && mDefaultTypeForEdmType[sType].modelType;
+		};
+
+		oDelegateUtil.isMultiValue = function(oProperty) {
+			var bIsMultiValue = true;
+			//SingleValue | MultiValue | SingleRange | MultiRange | SearchExpression | MultiRangeOrSearchExpression
+			switch (oProperty.filterExpression) {
+				case "SearchExpression":
+				case "SingleRange":
+				case "SingleValue":
+					bIsMultiValue = false;
+					break;
+				default:
+					break;
+			}
+			if (oProperty.type && oProperty.type.indexOf("Boolean") > 0) {
+				bIsMultiValue = false;
+			}
+			return bIsMultiValue;
+		};
+
+		return oDelegateUtil;
+	}
+);

package/packages/sap.fe.macros/src/sap/fe/macros/DelegateUtil.js

@@ -0,0 +1,6 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["sap/ui/mdc/TableDelegate","sap/ui/mdc/FilterBarDelegate","sap/ui/core/XMLTemplateProcessor","sap/ui/core/util/XMLPreprocessor","sap/ui/core/Fragment","sap/ui/core/Element","sap/ui/model/json/JSONModel","sap/fe/macros/CommonHelper","sap/fe/core/helpers/StableIdHelper","sap/fe/core/CommonUtils","sap/fe/macros/field/FieldHelper","sap/fe/macros/internal/valuehelp/ValueHelpTemplating"],function(T,F,X,a,b,C,J,c,S,d,e,V){"use strict";var D={},N="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1",m={"Edm.Boolean":{modelType:"Bool"},"Edm.Byte":{modelType:"Int"},"Edm.Date":{modelType:"Date"},"Edm.DateTime":{modelType:"Date"},"Edm.DateTimeOffset":{modelType:"DateTimeOffset"},"Edm.Decimal":{modelType:"Decimal"},"Edm.Double":{modelType:"Float"},"Edm.Float":{modelType:"Float"},"Edm.Guid":{modelType:"Guid"},"Edm.Int16":{modelType:"Int"},"Edm.Int32":{modelType:"Int"},"Edm.Int64":{modelType:"Int"},"Edm.SByte":{modelType:"Int"},"Edm.Single":{modelType:"Float"},"Edm.String":{modelType:"String"},"Edm.Time":{modelType:"TimeOfDay"},"Edm.TimeOfDay":{modelType:"TimeOfDay"},"Edm.Stream":{}};function _(){this.control.detachModelContextChange(_,this);var M=this.modelName,o=this.control.getModel(M);if(o){this.resolve(o);}else{this.control.attachModelContextChange(_,this);}}D.getLocalizedText=function(t,o){var M=/{([A-Za-z0-9_.|@]+)>([A-Za-z0-9_.|]+)}/.exec(t);if(M){var r=o.getModel(M[1]).getResourceBundle();return r.getText(M[2]);}return t;};D.getCustomData=function(o,p,M){if(M){var f=[];return Promise.resolve().then(M.getAggregation.bind(M,o,"customData")).then(function(r){return r.reduce(function(P,g){return P.then(M.getProperty.bind(M,g,"key")).then(function(k){if(k===p){f.push(g);}});},Promise.resolve());}).then(function(){if(f.length===1){return M.getProperty(f[0],"value");}});}else{if(o&&p){if(o instanceof window.Element){return o.getAttributeNS(N,p);}if(o.data instanceof Function){return o.data(p);}}return undefined;}};D.setCustomData=function(o,p,v){if(o&&p){if(o instanceof window.Element){return o.setAttributeNS(N,"customData:"+p,v);}if(o.data instanceof Function){return o.data(p,v);}}};D.fetchPropertiesForEntity=function(E,M){return M.requestObject(E+"/");};D.fetchAnnotationsForEntity=function(E,M){return M.requestObject(E+"@");};D.fetchModel=function(o){return new Promise(function(r,f){var M=o.getDelegate().payload&&o.getDelegate().payload.modelName,g={modelName:M,control:o,resolve:r};_.call(g);});};D.loadMacroLibrary=function(){return new Promise(function(r,f){sap.ui.require(["sap/fe/macros/macroLibrary"],function(){r();});});};D.templateControlFragment=function(f,p,o,M){return d.templateControlFragment(f,p,o,M);};D.doesValueHelpExist=function(p){var P=p.sPropertyName||"",v=p.sValueHelpType||"",M=p.oMetaModel,o=p.oModifier,O=p.sBindingPath+"/"+P,f=M.createBindingContext(O),s=e.valueHelpProperty(f);if(s.indexOf("$Path")>-1){s=M.getObject(s);}var g=V.generateID(p.flexId,S.generate([o?o.getId(p.oControl):p.oControl.getId(),v]),c.getNavigationPath(O,true),c.getNavigationPath(s,true));return Promise.resolve().then(function(){if(o){return o.getAggregation(p.oControl,"dependents");}return p.oControl.getAggregation("dependents");}).then(function(h){return Promise.resolve(h&&h.some(function(i){return o?o.getId(i)===g:i.getId()===g;}));});};D.isValueHelpRequired=function(p,i){var P=p.sPropertyName||"",M=p.oMetaModel,s=p.sBindingPath+"/"+P,o=M.createBindingContext(s),v=e.valueHelpProperty(o,i);return Promise.all([M.requestObject(v+"@com.sap.vocabularies.Common.v1.ValueListWithFixedValues"),M.requestObject(v+"@com.sap.vocabularies.Common.v1.ValueListReferences"),M.requestObject(v+"@com.sap.vocabularies.Common.v1.ValueListMapping"),M.requestObject(v+"@com.sap.vocabularies.Common.v1.ValueList")]).then(function(r){return r[0]||r[1]||r[2]||r[3];});};D.isTypeFilterable=function(t){return t&&t in m&&!!m[t].modelType;};D.getModelType=function(t){return t&&t in m&&m[t].modelType;};D.isMultiValue=function(p){var i=true;switch(p.filterExpression){case"SearchExpression":case"SingleRange":case"SingleValue":i=false;break;default:break;}if(p.type&&p.type.indexOf("Boolean")>0){i=false;}return i;};return D;});

package/packages/sap.fe.macros/src/sap/fe/macros/DraftIndicator.fragment.xml

@@ -0,0 +1,37 @@
+<core:FragmentDefinition
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:core="sap.ui.core"
+	xmlns="sap.m"
+	template:require="{
+		FIELD: 'sap/fe/macros/field/FieldHelper'
+	}"
+>
+<!--	{IsActiveEntity} true when there are unsaved changes by other users.
+		{HasDraftEntity} true when entity has draft state.
+-->
+	<template:if test="{= ${this>DraftIndicatorType} === 'IconAndText'}">
+		<template:then>
+			<ObjectMarker
+				core:require="{DraftIndicator: 'sap/fe/macros/DraftIndicatorRuntime'}"
+				type="{= !%{IsActiveEntity} ? 'Draft' : (%{HasDraftEntity} ? (%{DraftAdministrativeData/InProcessByUser} ? 'LockedBy' : (%{DraftAdministrativeData/LastChangedByUser} ? 'UnsavedBy' : 'Unsaved')) : 'Flagged') }"
+				press="DraftIndicator.onDraftLinkPressed($event, '{entitySet>@sapui.name}','{this>indicatorType}')"
+				visibility="{= !%{HasDraftEntity} ? 'TextOnly' : 'IconAndText' }"
+				visible="{= !${IsActiveEntity} || ${HasDraftEntity}}"
+				additionalInfo="{path: 'entitySet>$Type', formatter: 'FIELD.getBindingForDraftAdminBlockInline'}"
+				ariaLabelledBy="{= ${this>ariaLabelledBy}}"
+			/>
+	</template:then>
+	<template:else>
+		<ObjectMarker
+				core:require="{DraftIndicator: 'sap/fe/macros/DraftIndicatorRuntime'}"
+				type="{= !%{IsActiveEntity} ? 'Draft' : (%{HasDraftEntity} ? (%{DraftAdministrativeData/InProcessByUser} ? 'Locked' : 'Unsaved') : 'Flagged') }"
+				press="DraftIndicator.onDraftLinkPressed($event, '{entitySet>@sapui.name}','{this>indicatorType}')"
+				visibility="IconOnly"
+				visible="{= !(${ui>/editMode} === 'Editable') &amp;&amp; ${HasDraftEntity} }"
+				class="${this>class}"
+				ariaLabelledBy="{= ${this>ariaLabelledBy}}"
+			/>
+	</template:else>
+</template:if>
+
+</core:FragmentDefinition>

package/packages/sap.fe.macros/src/sap/fe/macros/DraftIndicator.metadata-dbg.js

@@ -0,0 +1,91 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+
+sap.ui.define(["./MacroMetadata"], function(MacroMetadata) {
+	"use strict";
+
+	/**
+	 * @classdesc
+	 * Macro for creating a DraftIndicator based on the metadata provided by OData V4.
+	 *
+	 *
+	 * Usage example:
+	 * <pre>
+	 * &lt;macro:DraftIndicator
+	 *   id="SomeID"
+	 * /&gt;
+	 * </pre>
+	 *
+	 * @class sap.fe.macros.DraftIndicator
+	 * @hideconstructor
+	 * @private
+	 */
+	var DraftIndicator = MacroMetadata.extend("sap.fe.macros.DraftIndicator", {
+		/**
+		 * Name of the macro control.
+		 */
+		name: "DraftIndicator",
+		/**
+		 * Namespace of the macro control
+		 */
+		namespace: "sap.fe.macros",
+		/**
+		 * Fragment source of the macro (optional) - if not set, fragment is generated from namespace and name
+		 */
+		fragment: "sap.fe.macros.DraftIndicator",
+
+		/**
+		 * The metadata describing the macro control.
+		 */
+		metadata: {
+			/**
+			 * Define macro stereotype for documentation
+			 */
+			stereotype: "xmlmacro",
+			/**
+			 * Properties.
+			 */
+			properties: {
+				/**
+				 * ID of the DraftIndicator
+				 */
+				id: {
+					type: "string"
+				},
+				/**
+				 * Property added to associate the label with the DraftIndicator
+				 */
+				ariaLabelledBy: {
+					type: "string"
+				},
+				/**
+				 * Manadatory field DraftIndicator
+				 */
+				DraftIndicatorType: {
+					type: "sap.ui.mdc.DraftIndicatorType",
+					required: true,
+					defaultValue: "IconAndText"
+				},
+				/**
+				 * Mandatory context to the EntitySet
+				 */
+				entitySet: {
+					type: "sap.ui.model.Context",
+					required: true,
+					$kind: "EntitySet"
+				},
+				indicatorType: {
+					type: "string"
+				},
+				"class": {
+					type: "string"
+				}
+			}
+		}
+	});
+
+	return DraftIndicator;
+});

package/packages/sap.fe.macros/src/sap/fe/macros/DraftIndicator.metadata.js

@@ -0,0 +1,6 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["./MacroMetadata"],function(M){"use strict";var D=M.extend("sap.fe.macros.DraftIndicator",{name:"DraftIndicator",namespace:"sap.fe.macros",fragment:"sap.fe.macros.DraftIndicator",metadata:{stereotype:"xmlmacro",properties:{id:{type:"string"},ariaLabelledBy:{type:"string"},DraftIndicatorType:{type:"sap.ui.mdc.DraftIndicatorType",required:true,defaultValue:"IconAndText"},entitySet:{type:"sap.ui.model.Context",required:true,$kind:"EntitySet"},indicatorType:{type:"string"},"class":{type:"string"}}}});return D;});

package/packages/sap.fe.macros/src/sap/fe/macros/DraftIndicatorRuntime-dbg.js

@@ -0,0 +1,138 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+
+// ---------------------------------------------------------------------------------------
+// Static class used by DraftIndicator used during runtime
+// ---------------------------------------------------------------------------------------
+// ---------------------------------------------------------------------------------------
+sap.ui.define(
+	[
+		"sap/ui/core/XMLTemplateProcessor",
+		"sap/ui/core/util/XMLPreprocessor",
+		"sap/ui/core/Fragment",
+		"sap/fe/macros/ResourceModel",
+		"sap/base/Log",
+		"sap/ui/model/json/JSONModel",
+		"sap/fe/macros/library"
+	],
+	function(XMLTemplateProcessor, XMLPreprocessor, Fragment, ResourceModel, Log, JSONModel, library) {
+		"use strict";
+		var DraftIndicatorState = library.DraftIndicatorState;
+		function _getParentViewOfControl(oControl) {
+			while (oControl && !(oControl.getMetadata().getName() === "sap.ui.core.mvc.XMLView")) {
+				oControl = oControl.getParent();
+			}
+			return oControl;
+		}
+		var DraftIndicatorHelper = {
+			/**
+			 *
+			 * @function to be executed on click of the close button of the draft admin data popover
+			 * @name closeDraftAdminPopover
+			 * @param {object} oEvent Event instance
+			 */
+			closeDraftAdminPopover: function(oEvent) {
+				// for now go up two levels to get the popover instance
+				oEvent
+					.getSource()
+					.getParent()
+					.getParent()
+					.close();
+			},
+
+			/**
+			 * @function
+			 * @name onDraftLinkPressed
+			 * @param {Event} oEvent Event object passed from the click event
+			 * @param {string} sEntitySet Name of the entity set for on the fly templating
+			 * @param {string} pType Name of the page on which popup is being created
+			 */
+			onDraftLinkPressed: function(oEvent, sEntitySet, pType) {
+				var that = this,
+					oSource = oEvent.getSource(),
+					oView = _getParentViewOfControl(oSource),
+					oBindingContext = oSource.getBindingContext(),
+					oMetaModel = oBindingContext.getModel().getMetaModel(),
+					sViewId = oView.getId(),
+					oDraftPopover;
+
+				this.mDraftPopovers = this.mDraftPopovers || {};
+				this.mDraftPopovers[sViewId] = this.mDraftPopovers[sViewId] || {};
+				oDraftPopover = this.mDraftPopovers[sViewId][sEntitySet];
+
+				if (oDraftPopover) {
+					oDraftPopover.setBindingContext(oBindingContext);
+					oDraftPopover.openBy(oSource);
+				} else {
+					var oModel = new JSONModel({
+						bIndicatorType: pType
+					});
+					// oDraftPopover.
+					var sFragmentName = "sap.fe.macros.field.DraftPopOverAdminData",
+						oPopoverFragment = XMLTemplateProcessor.loadTemplate(sFragmentName, "fragment");
+
+					Promise.resolve(
+						XMLPreprocessor.process(
+							oPopoverFragment,
+							{ name: sFragmentName },
+							{
+								bindingContexts: {
+									entityType: oMetaModel.createBindingContext("/" + sEntitySet + "/$Type"),
+									prop: oModel.createBindingContext("/")
+								},
+								models: {
+									entityType: oMetaModel,
+									metaModel: oMetaModel,
+									prop: oModel
+								}
+							}
+						)
+					)
+						.then(function(oFragment) {
+							return Fragment.load({ definition: oFragment, controller: that });
+						})
+						.then(function(oPopover) {
+							oPopover.setModel(ResourceModel.getModel(), "i18n");
+							oView.addDependent(oPopover);
+							oPopover.setBindingContext(oBindingContext);
+							oPopover.setModel(oModel, "prop");
+							that.mDraftPopovers[sViewId][sEntitySet] = oPopover;
+							oPopover.openBy(oSource);
+							// ensure to remove the reference to the draft popover as it would be destroyed on exit
+							oView.attachEventOnce("beforeExit", function() {
+								delete that.mDraftPopovers;
+							});
+						})
+						.catch(function(oError) {
+							Log.error("Error while opening the draft popup", oError);
+						});
+				}
+			},
+			/**
+			 * @function
+			 * @name getVisible
+			 * @param {boolean} bIsActiveEntity A boolean to check if the entry is active or not
+			 * @param {object} oLastChangedDateTime The last change time stamp info
+			 * @param {string} sIndicatorType The type of draft indicator to be rendered
+			 * @returns {boolean} Whether a text or vbox to be rendered
+			 */
+			getVisible: function(bIsActiveEntity, oLastChangedDateTime, sIndicatorType) {
+				if (!bIsActiveEntity && !oLastChangedDateTime && sIndicatorType == DraftIndicatorState.NoChanges) {
+					return true;
+				} else if (!bIsActiveEntity && oLastChangedDateTime && sIndicatorType == DraftIndicatorState.WithChanges) {
+					return true;
+				} else if (bIsActiveEntity && oLastChangedDateTime && sIndicatorType == DraftIndicatorState.Active) {
+					return true;
+				} else {
+					return false;
+				}
+			}
+		};
+
+		return DraftIndicatorHelper;
+	},
+	/* bExport= */ false
+);

package/packages/sap.fe.macros/src/sap/fe/macros/DraftIndicatorRuntime.js

@@ -0,0 +1,6 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["sap/ui/core/XMLTemplateProcessor","sap/ui/core/util/XMLPreprocessor","sap/ui/core/Fragment","sap/fe/macros/ResourceModel","sap/base/Log","sap/ui/model/json/JSONModel","sap/fe/macros/library"],function(X,a,F,R,L,J,l){"use strict";var D=l.DraftIndicatorState;function _(c){while(c&&!(c.getMetadata().getName()==="sap.ui.core.mvc.XMLView")){c=c.getParent();}return c;}var b={closeDraftAdminPopover:function(e){e.getSource().getParent().getParent().close();},onDraftLinkPressed:function(e,E,p){var t=this,s=e.getSource(),v=_(s),B=s.getBindingContext(),m=B.getModel().getMetaModel(),V=v.getId(),d;this.mDraftPopovers=this.mDraftPopovers||{};this.mDraftPopovers[V]=this.mDraftPopovers[V]||{};d=this.mDraftPopovers[V][E];if(d){d.setBindingContext(B);d.openBy(s);}else{var M=new J({bIndicatorType:p});var f="sap.fe.macros.field.DraftPopOverAdminData",P=X.loadTemplate(f,"fragment");Promise.resolve(a.process(P,{name:f},{bindingContexts:{entityType:m.createBindingContext("/"+E+"/$Type"),prop:M.createBindingContext("/")},models:{entityType:m,metaModel:m,prop:M}})).then(function(o){return F.load({definition:o,controller:t});}).then(function(o){o.setModel(R.getModel(),"i18n");v.addDependent(o);o.setBindingContext(B);o.setModel(M,"prop");t.mDraftPopovers[V][E]=o;o.openBy(s);v.attachEventOnce("beforeExit",function(){delete t.mDraftPopovers;});}).catch(function(o){L.error("Error while opening the draft popup",o);});}},getVisible:function(i,o,I){if(!i&&!o&&I==D.NoChanges){return true;}else if(!i&&o&&I==D.WithChanges){return true;}else if(i&&o&&I==D.Active){return true;}else{return false;}}};return b;},false);

package/packages/sap.fe.macros/src/sap/fe/macros/Field.fragment.xml

@@ -0,0 +1,37 @@
+<core:FragmentDefinition
+	xmlns="sap.m"
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:core="sap.ui.core"
+	xmlns:macro="sap.fe.macros"
+	xmlns:internalMacro="sap.fe.macros.internal"
+	template:require="{
+		ID: 'sap/fe/core/helpers/StableIdHelper',
+		FIELD: 'sap/fe/macros/field/FieldHelper',
+		UI: 'sap/fe/core/templating/UIFormatters'
+	}"
+>
+	<template:with path="contextPath>" var="_entitySet" helper="UI.getTargetEntitySet">
+		<internalMacro:Field
+			entitySet="{_entitySet>}"
+			dataField="{metaPath>}"
+			editMode="{this>editModeExpression}"
+			onChange="{this>change}"
+			_flexId="{this>id}"
+			semanticObject="{this>semanticObject}"
+		>
+			<internalMacro:formatOptions
+				textAlignMode="Form"
+				showEmptyIndicator="true"
+				displayMode="{this>formatOptions/displayMode}"
+				measureDisplayMode="{this>formatOptions/measureDisplayMode}"
+			/>
+			<template:with path="metaPath>" helper="FIELD.valueHelpProperty" var="vhProperty">
+				<template:if test="{=FIELD.hasValueHelpAnnotation(${vhProperty>@})}">
+					<macro:dependents>
+						<macro:ValueHelp _flexId="{this>id}-content_FieldValueHelp" property="{vhProperty>}" />
+					</macro:dependents>
+				</template:if>
+			</template:with>
+		</internalMacro:Field>
+	</template:with>
+</core:FragmentDefinition>