@sap/open.fe 1.94.0

package/packages/sap.fe.macros/src/sap/fe/macros/field/FieldTemplating.js

@@ -0,0 +1,5 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/core/templating/UIFormatters","sap/fe/core/templating/DataModelPathHelper","sap/fe/core/converters/helpers/BindingHelper","sap/fe/core/helpers/BindingExpression","sap/fe/core/templating/PropertyHelper","sap/fe/core/formatters/ValueFormatter","sap/fe/core/templating/FieldControlHelper"],function(U,D,B,a,P,v,F){"use strict";var _={};var b=F.isReadOnlyExpression;var g=P.getAssociatedTextPropertyPath;var h=P.hasValueHelp;var c=P.getAssociatedCurrencyPropertyPath;var d=P.getAssociatedUnitPropertyPath;var e=P.isProperty;var f=P.getAssociatedCurrencyProperty;var j=P.getAssociatedUnitProperty;var k=P.isPathExpression;var n=a.not;var l=a.equal;var m=a.ifElse;var o=a.or;var p=a.and;var q=a.bindingExpression;var r=a.constant;var s=a.compileBinding;var t=a.transformRecursively;var u=a.formatResult;var w=a.annotationExpression;var x=B.UI;var y=D.getContextRelativeTargetObjectPath;var z=D.getPathRelativeLocation;var A=D.enhanceDataModelPath;var C=U.formatWithTypeInformation;var E=U.getBindingWithUnitOrCurrency;var G=U.getDisplayMode;function H(i,X){var Y=Object.keys(i);if(Object.getOwnPropertySymbols){var Z=Object.getOwnPropertySymbols(i);if(X){Z=Z.filter(function($){return Object.getOwnPropertyDescriptor(i,$).enumerable;});}Y.push.apply(Y,Z);}return Y;}function I(X){for(var i=1;i<arguments.length;i++){var Y=arguments[i]!=null?arguments[i]:{};if(i%2){H(Object(Y),true).forEach(function(Z){J(X,Z,Y[Z]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(X,Object.getOwnPropertyDescriptors(Y));}else{H(Object(Y)).forEach(function(Z){Object.defineProperty(X,Z,Object.getOwnPropertyDescriptor(Y,Z));});}}return X;}function J(i,X,Y){if(X in i){Object.defineProperty(i,X,{value:Y,enumerable:true,configurable:true,writable:true});}else{i[X]=Y;}return i;}var K=function(q,i){return t(q,"Binding",function(X){var Y=X;if(X.modelName===undefined){var Z=A(i,X.path);Y=L(Z,X);}return Y;});};_.addTextArrangementToBindingExpression=K;var L=function(i,X,Y){var Z,$;var a1=Y===null||Y===void 0?void 0:Y.displayMode;var b1=X;var c1=i.targetObject.type==="PropertyPath"?i.targetObject.$target:i.targetObject;var d1=a1||G(c1,i);var e1=(Z=c1.annotations)===null||Z===void 0?void 0:($=Z.Common)===null||$===void 0?void 0:$.Text;var f1=z(i.contextLocation,i.navigationProperties).map(function(np){return np.name;});X=C(c1,X);if(d1!=="Value"&&e1){switch(d1){case"Description":b1=w(e1,f1);break;case"DescriptionValue":b1=u([w(e1,f1),X],v.formatWithBrackets);break;case"ValueDescription":b1=u([X,w(e1,f1)],v.formatWithBrackets);break;}}return b1;};_.getBindingWithTextArrangement=L;var M=function(q,i){return t(q,"Binding",function(X){var Y=X;if(X.modelName===undefined){var Z=A(i,X.path);Y=C(Z.targetObject,X);}return Y;});};_.formatValueRecursively=M;var N=function(i,X){var Y,Z,$,a1,b1,c1,d1,e1,f1,g1;var h1=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;if(((Y=i.targetObject)===null||Y===void 0?void 0:Y.$Type)==="com.sap.vocabularies.UI.v1.DataField"||((Z=i.targetObject)===null||Z===void 0?void 0:Z.$Type)==="com.sap.vocabularies.UI.v1.DataPointType"||(($=i.targetObject)===null||$===void 0?void 0:$.$Type)==="com.sap.vocabularies.UI.v1.DataFieldWithNavigationPath"||((a1=i.targetObject)===null||a1===void 0?void 0:a1.$Type)==="com.sap.vocabularies.UI.v1.DataFieldWithUrl"){var i1=i.targetObject.Value||"";return s(r(i1));}if(k(i.targetObject)&&i.targetObject.$target){var j1=i.targetEntityType.resolvePath(i.targetObject.path,true);i.targetObject=j1.target;j1.visitedObjects.forEach(function(m1){if(m1&&m1._type==="NavigationProperty"){i.navigationProperties.push(m1);}});}var k1=q(y(i));var l1;if((b1=i.targetObject)!==null&&b1!==void 0&&(c1=b1.annotations)!==null&&c1!==void 0&&(d1=c1.Measures)!==null&&d1!==void 0&&d1.Unit||(e1=i.targetObject)!==null&&e1!==void 0&&(f1=e1.annotations)!==null&&f1!==void 0&&(g1=f1.Measures)!==null&&g1!==void 0&&g1.ISOCurrency){l1=E(i,k1);if((X===null||X===void 0?void 0:X.measureDisplayMode)==="Hidden"){l1.formatOptions=I(I({},l1.formatOptions),{},{showMeasure:false});}}else{l1=L(i,k1,X);}if(h1){return l1;}return s(l1);};_.getTextBinding=N;var O=function(i,X){var Y=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;var Z=arguments.length>3&&arguments[3]!==undefined?arguments[3]:false;var $=arguments.length>4?arguments[4]:undefined;var a1=arguments.length>5?arguments[5]:undefined;if(k(i.targetObject)&&i.targetObject.$target){var b1=i.targetEntityType.resolvePath(i.targetObject.path,true);i.targetObject=b1.target;b1.visitedObjects.forEach(function(i1){if(i1&&i1._type==="NavigationProperty"){i.navigationProperties.push(i1);}});}var c1=i.targetObject;if(e(c1)){var d1,e1;var f1=q(y(i));if((d1=c1.annotations)!==null&&d1!==void 0&&(e1=d1.Communication)!==null&&e1!==void 0&&e1.IsEmailAddress){f1.type="sap.fe.core.type.Email";}else{var g1=j(i.targetObject);var h1=f(i.targetObject);if(!Y&&(g1||h1)){f1=E(i,f1);if(g1&&!h(g1)||h1&&!h(h1)||(X===null||X===void 0?void 0:X.measureDisplayMode)==="Hidden"){if(!f1.formatOptions){f1.formatOptions={};}f1.formatOptions.showMeasure=false;}}else{f1=C(c1,f1);if(f1.type==="sap.ui.model.odata.type.String"){f1.formatOptions={parseKeepsEmptyString:true};}}}if(Z){delete f1.formatOptions;delete f1.constraints;delete f1.type;}if($){f1.parameters=$;}if(a1){f1.targetType="any";}return s(f1);}else{if(c1&&c1.$Type==="com.sap.vocabularies.UI.v1.DataFieldWithUrl"){return s(w(c1.Value));}else{return"";}}};_.getValueBinding=O;var Q=function(i,X){var Y=d(i.targetObject);var Z=c(i.targetObject);if(Y||Z){var $=Y||Z;var a1=A(i,$);return O(a1,X);}return undefined;};_.getUnitBinding=Q;var R=function(i,X){var Y=g(i.targetObject);if(Y){var Z=A(i,Y);var $=O(Z,X,true,true,{$$noPatch:true});return $;}return undefined;};_.getAssociatedTextBinding=R;var S=function(i,X,Y,Z,$){var a1,b1,c1,d1,e1,f1,g1,h1,i1,j1,k1,l1,m1,n1,o1,p1,q1,r1,s1,t1,u1,v1,w1,x1,y1,z1;var A1=k(i)&&i.$target||i;if($&&!((a1=A1.annotations)!==null&&a1!==void 0&&(b1=a1.UI)!==null&&b1!==void 0&&b1.IsImageURL)&&!(A1.type==="Edm.Stream")&&!((c1=A1.annotations)!==null&&c1!==void 0&&(d1=c1.Communication)!==null&&d1!==void 0&&d1.IsEmailAddress||(e1=A1.annotations)!==null&&e1!==void 0&&(f1=e1.Communication)!==null&&f1!==void 0&&f1.IsPhoneNumber)){return"LinkWithQuickViewForm";}if(!i||typeof i==="string"){return"Text";}if(A1.type==="Edm.Stream"){return"File";}if((g1=A1.annotations)!==null&&g1!==void 0&&(h1=g1.UI)!==null&&h1!==void 0&&h1.IsImageURL){return"Avatar";}switch(X.$Type){case"com.sap.vocabularies.UI.v1.DataPointType":return"DataPoint";case"com.sap.vocabularies.UI.v1.DataFieldForAnnotation":if(((i1=X.Target)===null||i1===void 0?void 0:(j1=i1.$target)===null||j1===void 0?void 0:j1.$Type)==="com.sap.vocabularies.UI.v1.DataPointType"){return"DataPoint";}else if(((k1=X.Target)===null||k1===void 0?void 0:(l1=k1.$target)===null||l1===void 0?void 0:l1.$Type)==="com.sap.vocabularies.Communication.v1.ContactType"){return"Contact";}break;case"com.sap.vocabularies.UI.v1.DataFieldForAction":case"com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation":return"Button";case"com.sap.vocabularies.UI.v1.DataFieldWithNavigationPath":return"Link";}if(Y!==null&&Y!==void 0&&(m1=Y.targetEntityType)!==null&&m1!==void 0&&(n1=m1.annotations)!==null&&n1!==void 0&&(o1=n1.Common)!==null&&o1!==void 0&&o1.SemanticKey){var B1=Y.targetEntityType.annotations.Common.SemanticKey;var C1=!B1.every(function(I1){var J1;return(I1===null||I1===void 0?void 0:(J1=I1.$target)===null||J1===void 0?void 0:J1.name)!==A1.name;});if(C1&&Z.semanticKeyStyle){var D1,E1,F1;if((D1=Y.targetEntitySet)!==null&&D1!==void 0&&(E1=D1.annotations)!==null&&E1!==void 0&&(F1=E1.Common)!==null&&F1!==void 0&&F1.DraftRoot){return"SemanticKeyWithDraftIndicator";}return Z.semanticKeyStyle==="ObjectIdentifier"?"ObjectIdentifier":"LabelSemanticKey";}}if(X.Criticality){return"ObjectStatus";}if((p1=A1.annotations)!==null&&p1!==void 0&&(q1=p1.Measures)!==null&&q1!==void 0&&q1.ISOCurrency){if(Z.measureDisplayMode==="Hidden"){return"Text";}return"AmountWithCurrency";}if((r1=A1.annotations)!==null&&r1!==void 0&&(s1=r1.Communication)!==null&&s1!==void 0&&s1.IsEmailAddress||(t1=A1.annotations)!==null&&t1!==void 0&&(u1=t1.Communication)!==null&&u1!==void 0&&u1.IsPhoneNumber){return"Link";}if((v1=A1.annotations)!==null&&v1!==void 0&&(w1=v1.UI)!==null&&w1!==void 0&&w1.MultiLineText){return"ExpandableText";}var G1=(Y===null||Y===void 0?void 0:(x1=Y.targetEntityType)===null||x1===void 0?void 0:x1.navigationProperties)||[];var H1=false;G1.forEach(function(I1){if(I1.referentialConstraint&&I1.referentialConstraint.length){I1.referentialConstraint.forEach(function(J1){if((J1===null||J1===void 0?void 0:J1.sourceProperty)===A1.name){var K1,L1,M1;if(I1!==null&&I1!==void 0&&(K1=I1.targetType)!==null&&K1!==void 0&&(L1=K1.annotations)!==null&&L1!==void 0&&(M1=L1.UI)!==null&&M1!==void 0&&M1.QuickViewFacets){H1=true;}}});}});if(H1){return"LinkWithQuickViewForm";}if((y1=A1.annotations)!==null&&y1!==void 0&&(z1=y1.Common)!==null&&z1!==void 0&&z1.SemanticObject){return"LinkWrapper";}if(X.$Type==="com.sap.vocabularies.UI.v1.DataFieldWithUrl"){return"Link";}return"Text";};_.getDisplayStyle=S;var T=function(i,X,Y){var Z,$,a1,b1,c1,d1,e1,f1,g1,h1,i1;if(!i||typeof i==="string"){return null;}var j1=k(i)&&i.$target||i;if(j1.type==="Edm.Stream"){return"File";}switch(X.$Type){case"com.sap.vocabularies.UI.v1.DataFieldForAnnotation":if(((Z=X.Target)===null||Z===void 0?void 0:($=Z.$target)===null||$===void 0?void 0:$.$Type)==="com.sap.vocabularies.Communication.v1.ContactType"){return null;}else if(((a1=X.Target)===null||a1===void 0?void 0:(b1=a1.$target)===null||b1===void 0?void 0:b1.Visualization)==="UI.VisualizationType/Rating"){return"RatingIndicator";}break;case"com.sap.vocabularies.UI.v1.DataPointType":if((X===null||X===void 0?void 0:X.Visualization)==="UI.VisualizationType/Rating"){return"RatingIndicator";}break;case"com.sap.vocabularies.UI.v1.DataFieldForAction":case"com.sap.vocabularies.UI.v1.DataFieldWithNavigationPath":case"com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation":return null;}var k1=j(j1);var l1=f(j1);if(P.hasValueHelp(j1)||k1&&P.hasValueHelp(k1)||l1&&P.hasValueHelp(l1)){if((Y===null||Y===void 0?void 0:Y.measureDisplayMode)==="Hidden"){return"Input";}return"InputWithValueHelp";}if((c1=j1.annotations)!==null&&c1!==void 0&&(d1=c1.UI)!==null&&d1!==void 0&&(e1=d1.MultiLineText)!==null&&e1!==void 0&&e1.valueOf()&&j1.type==="Edm.String"){return"TextArea";}switch(j1.type){case"Edm.Date":return"DatePicker";case"Edm.Time":case"Edm.TimeOfDay":return"TimePicker";case"Edm.DateTime":case"Edm.DateTimeOffset":return"DateTimePicker";case"Edm.Boolean":return"CheckBox";}if((f1=j1.annotations)!==null&&f1!==void 0&&(g1=f1.Measures)!==null&&g1!==void 0&&g1.ISOCurrency||(h1=j1.annotations)!==null&&h1!==void 0&&(i1=h1.Measures)!==null&&i1!==void 0&&i1.Unit){return"InputWithUnit";}return"Input";};_.getEditStyle=T;var V=function(i,X){var Y,Z,$,a1,b1,c1;var d1=i.targetObject;var e1;if(d1){switch(d1.$Type){case"com.sap.vocabularies.UI.v1.DataField":case"com.sap.vocabularies.UI.v1.DataFieldWithUrl":case"com.sap.vocabularies.UI.v1.DataFieldWithNavigationPath":case"com.sap.vocabularies.UI.v1.DataFieldWithIntentBasedNavigation":case"com.sap.vocabularies.UI.v1.DataFieldWithAction":case"com.sap.vocabularies.UI.v1.DataPointType":e1=d1.Value.$target;break;case"com.sap.vocabularies.UI.v1.DataFieldForAnnotation":if((d1===null||d1===void 0?void 0:(Y=d1.Target)===null||Y===void 0?void 0:(Z=Y.$target)===null||Z===void 0?void 0:Z.$Type)==="com.sap.vocabularies.UI.v1.DataPointType"){var f1;e1=(f1=d1.Target.$target)===null||f1===void 0?void 0:f1.Value.$target;break;}case"com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation":case"com.sap.vocabularies.UI.v1.DataFieldForAction":default:e1=undefined;}}var g1=X!==null&&X!==void 0&&X.isAnalytics?x.IsExpanded:r(false);var h1=X!==null&&X!==void 0&&X.isAnalytics?l(x.NodeLevel,0):r(false);return s(p.apply(void 0,[n(l(w(d1===null||d1===void 0?void 0:($=d1.annotations)===null||$===void 0?void 0:(a1=$.UI)===null||a1===void 0?void 0:a1.Hidden),true)),m(!!e1,e1&&n(l(w((b1=e1.annotations)===null||b1===void 0?void 0:(c1=b1.UI)===null||c1===void 0?void 0:c1.Hidden),true)),true),o(n(g1),h1)]));};_.getVisibleExpression=V;var W=function(i,X,Y){var Z=k(i)&&i.$target||i;var $=f(Z)||j(Z);if(!$){return s("");}var a1=A(X,i);var b1=Q(a1,Y);var c1=p(n(b($)),n(P.isComputed($)));return s(m(c1,"",b1));};_.getInputDescription=W;return _;},false);

package/packages/sap.fe.macros/src/sap/fe/macros/field/FieldTemplating.ts

@@ -0,0 +1,541 @@
+import { getDisplayMode, PropertyOrPath, DisplayMode } from "sap/fe/core/templating/UIFormatters";
+import { getBindingWithUnitOrCurrency, formatWithTypeInformation } from "sap/fe/core/templating/UIFormatters";
+import {
+	DataModelObjectPath,
+	enhanceDataModelPath,
+	getPathRelativeLocation,
+	getContextRelativeTargetObjectPath
+} from "sap/fe/core/templating/DataModelPathHelper";
+import { Property } from "@sap-ux/annotation-converter";
+import { UI } from "sap/fe/core/converters/helpers/BindingHelper";
+import {
+	Expression,
+	annotationExpression,
+	formatResult,
+	transformRecursively,
+	BindingExpressionExpression,
+	BindingExpression,
+	compileBinding,
+	constant,
+	bindingExpression,
+	and,
+	or,
+	ifElse,
+	equal,
+	not,
+	ComplexTypeExpression
+} from "sap/fe/core/helpers/BindingExpression";
+import {
+	isPathExpression,
+	getAssociatedUnitProperty,
+	getAssociatedCurrencyProperty,
+	isProperty,
+	getAssociatedUnitPropertyPath,
+	getAssociatedCurrencyPropertyPath,
+	hasValueHelp,
+	getAssociatedTextPropertyPath
+} from "sap/fe/core/templating/PropertyHelper";
+import valueFormatters from "sap/fe/core/formatters/ValueFormatter";
+import * as PropertyHelper from "sap/fe/core/templating/PropertyHelper";
+import { isReadOnlyExpression } from "sap/fe/core/templating/FieldControlHelper";
+import { DataFieldAbstractTypes, DataFieldWithUrl, DataPointTypeTypes, UIAnnotationTypes } from "@sap-ux/vocabularies-types";
+
+export type FieldFormatOptions = Partial<{
+	valueFormat: String;
+	textAlignMode: String;
+	displayMode: DisplayMode;
+	measureDisplayMode: String;
+	textLinesEdit: String;
+	textMaxLines: String;
+	showEmptyIndicator: boolean;
+	semanticKeyStyle: String;
+	showIconUrl: boolean;
+	isAnalytics: boolean;
+}>;
+
+export type EditStyle =
+	| "InputWithValueHelp"
+	| "TextArea"
+	| "File"
+	| "DatePicker"
+	| "TimePicker"
+	| "DateTimePicker"
+	| "CheckBox"
+	| "InputWithUnit"
+	| "Input"
+	| "RatingIndicator";
+
+export type DisplayStyle =
+	| "Text"
+	| "Avatar"
+	| "File"
+	| "DataPoint"
+	| "Contact"
+	| "Button"
+	| "Link"
+	| "ObjectStatus"
+	| "AmountWithCurrency"
+	| "SemanticKeyWithDraftIndicator"
+	| "ObjectIdentifier"
+	| "LabelSemanticKey"
+	| "LinkWithQuickViewForm"
+	| "LinkWrapper"
+	| "ExpandableText";
+
+/**
+ * Recursively add the text arrangement to a binding expression.
+ *
+ * @param bindingExpression The binding expression to be enhanced
+ * @param fullContextPath The current context path we're on (to properly resolve the text arrangement properties)
+ * @returns An updated expression containing the text arrangement binding.
+ */
+export const addTextArrangementToBindingExpression = function(
+	bindingExpression: Expression<any>,
+	fullContextPath: DataModelObjectPath
+): Expression<any> {
+	return transformRecursively(bindingExpression, "Binding", (expression: BindingExpressionExpression<any>) => {
+		let outExpression: Expression<any> = expression;
+		if (expression.modelName === undefined) {
+			// In case of default model we then need to resolve the text arrangement property
+			const oPropertyDataModelPath = enhanceDataModelPath(fullContextPath, expression.path);
+			outExpression = getBindingWithTextArrangement(oPropertyDataModelPath, expression);
+		}
+		return outExpression;
+	});
+};
+
+export const getBindingWithTextArrangement = function(
+	oPropertyDataModelPath: DataModelObjectPath,
+	propertyBindingExpression: Expression<string>,
+	fieldFormatOptions?: FieldFormatOptions
+): Expression<string> {
+	const targetDisplayModeOverride = fieldFormatOptions?.displayMode;
+	let outExpression = propertyBindingExpression;
+	const oPropertyDefinition =
+		oPropertyDataModelPath.targetObject.type === "PropertyPath"
+			? (oPropertyDataModelPath.targetObject.$target as Property)
+			: (oPropertyDataModelPath.targetObject as Property);
+	const targetDisplayMode = targetDisplayModeOverride || getDisplayMode(oPropertyDefinition, oPropertyDataModelPath);
+	const commonText = oPropertyDefinition.annotations?.Common?.Text;
+	const relativeLocation = getPathRelativeLocation(
+		oPropertyDataModelPath.contextLocation,
+		oPropertyDataModelPath.navigationProperties
+	).map(np => np.name);
+	propertyBindingExpression = formatWithTypeInformation(oPropertyDefinition, propertyBindingExpression);
+	if (targetDisplayMode !== "Value" && commonText) {
+		switch (targetDisplayMode) {
+			case "Description":
+				outExpression = annotationExpression(commonText, relativeLocation) as Expression<string>;
+				break;
+			case "DescriptionValue":
+				outExpression = formatResult(
+					[annotationExpression(commonText, relativeLocation) as Expression<string>, propertyBindingExpression],
+					valueFormatters.formatWithBrackets
+				);
+				break;
+			case "ValueDescription":
+				outExpression = formatResult(
+					[propertyBindingExpression, annotationExpression(commonText, relativeLocation) as Expression<string>],
+					valueFormatters.formatWithBrackets
+				);
+				break;
+		}
+	}
+	return outExpression;
+};
+
+export const formatValueRecursively = function(bindingExpression: Expression<any>, fullContextPath: DataModelObjectPath): Expression<any> {
+	return transformRecursively(bindingExpression, "Binding", (expression: BindingExpressionExpression<any>) => {
+		let outExpression: Expression<any> = expression;
+		if (expression.modelName === undefined) {
+			// In case of default model we then need to resolve the text arrangement property
+			const oPropertyDataModelPath = enhanceDataModelPath(fullContextPath, expression.path);
+			outExpression = formatWithTypeInformation(oPropertyDataModelPath.targetObject, expression);
+		}
+		return outExpression;
+	});
+};
+
+export const getTextBinding = function(
+	oPropertyDataModelObjectPath: DataModelObjectPath,
+	fieldFormatOptions: FieldFormatOptions,
+	asObject: boolean = false
+): Expression<string> | BindingExpression<string> {
+	if (
+		oPropertyDataModelObjectPath.targetObject?.$Type === "com.sap.vocabularies.UI.v1.DataField" ||
+		oPropertyDataModelObjectPath.targetObject?.$Type === "com.sap.vocabularies.UI.v1.DataPointType" ||
+		oPropertyDataModelObjectPath.targetObject?.$Type === "com.sap.vocabularies.UI.v1.DataFieldWithNavigationPath" ||
+		oPropertyDataModelObjectPath.targetObject?.$Type === "com.sap.vocabularies.UI.v1.DataFieldWithUrl"
+	) {
+		// If there is no resolved property, the value is returned as a constant
+		const fieldValue = oPropertyDataModelObjectPath.targetObject.Value || "";
+		return compileBinding(constant(fieldValue));
+	}
+	if (isPathExpression(oPropertyDataModelObjectPath.targetObject) && oPropertyDataModelObjectPath.targetObject.$target) {
+		const oNavPath = oPropertyDataModelObjectPath.targetEntityType.resolvePath(oPropertyDataModelObjectPath.targetObject.path, true);
+		oPropertyDataModelObjectPath.targetObject = oNavPath.target;
+		oNavPath.visitedObjects.forEach((oNavObj: any) => {
+			if (oNavObj && oNavObj._type === "NavigationProperty") {
+				oPropertyDataModelObjectPath.navigationProperties.push(oNavObj);
+			}
+		});
+	}
+	const oBindingExpression = bindingExpression(getContextRelativeTargetObjectPath(oPropertyDataModelObjectPath));
+	let oTargetBinding;
+	if (
+		oPropertyDataModelObjectPath.targetObject?.annotations?.Measures?.Unit ||
+		oPropertyDataModelObjectPath.targetObject?.annotations?.Measures?.ISOCurrency
+	) {
+		oTargetBinding = getBindingWithUnitOrCurrency(oPropertyDataModelObjectPath, oBindingExpression);
+		if (fieldFormatOptions?.measureDisplayMode === "Hidden") {
+			// TODO: Refactor once types are less generic here
+			(oTargetBinding as ComplexTypeExpression<String>).formatOptions = {
+				...(oTargetBinding as ComplexTypeExpression<String>).formatOptions,
+				showMeasure: false
+			};
+		}
+	} else {
+		oTargetBinding = getBindingWithTextArrangement(oPropertyDataModelObjectPath, oBindingExpression, fieldFormatOptions);
+	}
+	if (asObject) {
+		return oTargetBinding;
+	}
+	// We don't include $$nopatch and parseKeepEmptyString as they make no sense in the text binding case
+	return compileBinding(oTargetBinding);
+};
+
+export const getValueBinding = function(
+	oPropertyDataModelObjectPath: DataModelObjectPath,
+	fieldFormatOptions: FieldFormatOptions,
+	ignoreUnit: boolean = false,
+	ignoreFormatting: boolean = false,
+	bindingParameters?: object,
+	targetTypeAny?: boolean
+): BindingExpression<string> {
+	if (isPathExpression(oPropertyDataModelObjectPath.targetObject) && oPropertyDataModelObjectPath.targetObject.$target) {
+		const oNavPath = oPropertyDataModelObjectPath.targetEntityType.resolvePath(oPropertyDataModelObjectPath.targetObject.path, true);
+		oPropertyDataModelObjectPath.targetObject = oNavPath.target;
+		oNavPath.visitedObjects.forEach((oNavObj: any) => {
+			if (oNavObj && oNavObj._type === "NavigationProperty") {
+				oPropertyDataModelObjectPath.navigationProperties.push(oNavObj);
+			}
+		});
+	}
+
+	const targetObject = oPropertyDataModelObjectPath.targetObject;
+	if (isProperty(targetObject)) {
+		let oBindingExpression: BindingExpressionExpression<string> = bindingExpression(
+			getContextRelativeTargetObjectPath(oPropertyDataModelObjectPath)
+		) as BindingExpressionExpression<string>;
+		if (targetObject.annotations?.Communication?.IsEmailAddress) {
+			oBindingExpression.type = "sap.fe.core.type.Email";
+		} else {
+			const oPropertyUnit = getAssociatedUnitProperty(oPropertyDataModelObjectPath.targetObject);
+			const oPropertyCurrency = getAssociatedCurrencyProperty(oPropertyDataModelObjectPath.targetObject);
+			if (!ignoreUnit && (oPropertyUnit || oPropertyCurrency)) {
+				oBindingExpression = getBindingWithUnitOrCurrency(oPropertyDataModelObjectPath, oBindingExpression) as any;
+				if (
+					(oPropertyUnit && !hasValueHelp(oPropertyUnit)) ||
+					(oPropertyCurrency && !hasValueHelp(oPropertyCurrency)) ||
+					fieldFormatOptions?.measureDisplayMode === "Hidden"
+				) {
+					// If there is a unit or currency without a value help, or in case the currency should be explicitly hidden,
+					// we need to configure the binding to not show the measure, otherwise it's needed for the mdc field
+					if (!oBindingExpression.formatOptions) {
+						oBindingExpression.formatOptions = {};
+					}
+					oBindingExpression.formatOptions.showMeasure = false;
+				}
+			} else {
+				oBindingExpression = formatWithTypeInformation(targetObject, oBindingExpression) as BindingExpressionExpression<string>;
+				if (oBindingExpression.type === "sap.ui.model.odata.type.String") {
+					oBindingExpression.formatOptions = {
+						parseKeepsEmptyString: true
+					};
+				}
+			}
+		}
+		if (ignoreFormatting) {
+			delete oBindingExpression.formatOptions;
+			delete oBindingExpression.constraints;
+			delete oBindingExpression.type;
+		}
+		if (bindingParameters) {
+			oBindingExpression.parameters = bindingParameters;
+		}
+		if (targetTypeAny) {
+			oBindingExpression.targetType = "any";
+		}
+		return compileBinding(oBindingExpression);
+	} else {
+		if (targetObject && targetObject.$Type === UIAnnotationTypes.DataFieldWithUrl) {
+			return compileBinding(annotationExpression((targetObject as DataFieldWithUrl).Value));
+		} else {
+			return "";
+		}
+	}
+};
+
+export const getUnitBinding = function(
+	oPropertyDataModelObjectPath: DataModelObjectPath,
+	fieldFormatOptions: FieldFormatOptions
+): BindingExpression<string> {
+	const sUnitPropertyPath = getAssociatedUnitPropertyPath(oPropertyDataModelObjectPath.targetObject);
+	const sCurrencyPropertyPath = getAssociatedCurrencyPropertyPath(oPropertyDataModelObjectPath.targetObject);
+	if (sUnitPropertyPath || sCurrencyPropertyPath) {
+		const targetPropertyPath = sUnitPropertyPath || sCurrencyPropertyPath;
+		const oUOMPropertyDataModelObjectPath = enhanceDataModelPath(oPropertyDataModelObjectPath, targetPropertyPath);
+		return getValueBinding(oUOMPropertyDataModelObjectPath, fieldFormatOptions);
+	}
+	return undefined;
+};
+
+export const getAssociatedTextBinding = function(
+	oPropertyDataModelObjectPath: DataModelObjectPath,
+	fieldFormatOptions: FieldFormatOptions
+): BindingExpression<string> {
+	const textPropertyPath = getAssociatedTextPropertyPath(oPropertyDataModelObjectPath.targetObject);
+	if (textPropertyPath) {
+		const oTextPropertyPath = enhanceDataModelPath(oPropertyDataModelObjectPath, textPropertyPath);
+		const oValueBinding = getValueBinding(oTextPropertyPath, fieldFormatOptions, true, true, { $$noPatch: true });
+		return oValueBinding;
+	}
+	return undefined;
+};
+
+export const getDisplayStyle = function(
+	oPropertyPath: PropertyOrPath<Property>,
+	oDataField: any,
+	oDataModelPath: DataModelObjectPath,
+	fieldFormatOptions: FieldFormatOptions,
+	semanticObject: string
+): DisplayStyle {
+	// algorithm to determine the field fragment to use
+	const oProperty: Property = (isPathExpression(oPropertyPath) && oPropertyPath.$target) || (oPropertyPath as Property);
+	if (
+		semanticObject &&
+		!oProperty.annotations?.UI?.IsImageURL &&
+		!(oProperty.type === "Edm.Stream") &&
+		!(oProperty.annotations?.Communication?.IsEmailAddress || oProperty.annotations?.Communication?.IsPhoneNumber)
+	) {
+		return "LinkWithQuickViewForm";
+	}
+	if (!oPropertyPath || typeof oPropertyPath === "string") {
+		return "Text";
+	}
+	if (oProperty.type === "Edm.Stream") {
+		return "File";
+	}
+	if (oProperty.annotations?.UI?.IsImageURL) {
+		return "Avatar";
+	}
+	switch (oDataField.$Type) {
+		case "com.sap.vocabularies.UI.v1.DataPointType":
+			return "DataPoint";
+		case "com.sap.vocabularies.UI.v1.DataFieldForAnnotation":
+			if (oDataField.Target?.$target?.$Type === "com.sap.vocabularies.UI.v1.DataPointType") {
+				return "DataPoint";
+			} else if (oDataField.Target?.$target?.$Type === "com.sap.vocabularies.Communication.v1.ContactType") {
+				return "Contact";
+			}
+			break;
+		case "com.sap.vocabularies.UI.v1.DataFieldForAction":
+		case "com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation":
+			return "Button";
+		case "com.sap.vocabularies.UI.v1.DataFieldWithNavigationPath":
+			return "Link";
+	}
+	if (oDataModelPath?.targetEntityType?.annotations?.Common?.SemanticKey) {
+		const aSemanticKeys = oDataModelPath.targetEntityType.annotations.Common.SemanticKey;
+		const bIsSemanticKey = !aSemanticKeys.every(function(oKey) {
+			return oKey?.$target?.name !== oProperty.name;
+			// need to check if it works also for direct properties
+		});
+		if (bIsSemanticKey && fieldFormatOptions.semanticKeyStyle) {
+			if (oDataModelPath.targetEntitySet?.annotations?.Common?.DraftRoot) {
+				// we then still check whether this is available at designtime on the entityset
+				return "SemanticKeyWithDraftIndicator";
+			}
+			return fieldFormatOptions.semanticKeyStyle === "ObjectIdentifier" ? "ObjectIdentifier" : "LabelSemanticKey";
+		}
+	}
+	if (oDataField.Criticality) {
+		return "ObjectStatus";
+	}
+	if (oProperty.annotations?.Measures?.ISOCurrency) {
+		if (fieldFormatOptions.measureDisplayMode === "Hidden") {
+			return "Text";
+		}
+		return "AmountWithCurrency";
+	}
+	if (oProperty.annotations?.Communication?.IsEmailAddress || oProperty.annotations?.Communication?.IsPhoneNumber) {
+		return "Link";
+	}
+	if (oProperty.annotations?.UI?.MultiLineText) {
+		return "ExpandableText";
+	}
+	const aNavigationProperties = oDataModelPath?.targetEntityType?.navigationProperties || [];
+	let bIsUsedInNavigationWithQuickViewFacets = false;
+	aNavigationProperties.forEach(oNavProp => {
+		if (oNavProp.referentialConstraint && oNavProp.referentialConstraint.length) {
+			oNavProp.referentialConstraint.forEach(oRefConstraint => {
+				if (oRefConstraint?.sourceProperty === oProperty.name) {
+					if (oNavProp?.targetType?.annotations?.UI?.QuickViewFacets) {
+						bIsUsedInNavigationWithQuickViewFacets = true;
+					}
+				}
+			});
+		}
+	});
+	if (bIsUsedInNavigationWithQuickViewFacets) {
+		return "LinkWithQuickViewForm";
+	}
+	if (oProperty.annotations?.Common?.SemanticObject) {
+		return "LinkWrapper";
+	}
+	if (oDataField.$Type === "com.sap.vocabularies.UI.v1.DataFieldWithUrl") {
+		return "Link";
+	}
+	return "Text";
+};
+
+export const getEditStyle = function(
+	oPropertyPath: PropertyOrPath<Property>,
+	oDataField: any,
+	oFieldFormatOptions: FieldFormatOptions
+): EditStyle | null {
+	// algorithm to determine the field fragment to use
+	if (!oPropertyPath || typeof oPropertyPath === "string") {
+		return null;
+	}
+	const oProperty: Property = (isPathExpression(oPropertyPath) && oPropertyPath.$target) || (oPropertyPath as Property);
+	if (oProperty.type === "Edm.Stream") {
+		return "File";
+	}
+	switch (oDataField.$Type) {
+		case "com.sap.vocabularies.UI.v1.DataFieldForAnnotation":
+			if (oDataField.Target?.$target?.$Type === "com.sap.vocabularies.Communication.v1.ContactType") {
+				return null;
+			} else if (oDataField.Target?.$target?.Visualization === "UI.VisualizationType/Rating") {
+				return "RatingIndicator";
+			}
+			break;
+		case "com.sap.vocabularies.UI.v1.DataPointType":
+			if (oDataField?.Visualization === "UI.VisualizationType/Rating") {
+				return "RatingIndicator";
+			}
+			break;
+
+		case "com.sap.vocabularies.UI.v1.DataFieldForAction":
+		case "com.sap.vocabularies.UI.v1.DataFieldWithNavigationPath":
+		case "com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation":
+			return null;
+	}
+	const oPropertyUnit = getAssociatedUnitProperty(oProperty);
+	const oPropertyCurrency = getAssociatedCurrencyProperty(oProperty);
+	if (
+		PropertyHelper.hasValueHelp(oProperty) ||
+		(oPropertyUnit && PropertyHelper.hasValueHelp(oPropertyUnit)) ||
+		(oPropertyCurrency && PropertyHelper.hasValueHelp(oPropertyCurrency))
+	) {
+		if (oFieldFormatOptions?.measureDisplayMode === "Hidden") {
+			return "Input";
+		}
+		return "InputWithValueHelp";
+	}
+	if (oProperty.annotations?.UI?.MultiLineText?.valueOf() && oProperty.type === "Edm.String") {
+		return "TextArea";
+	}
+	switch (oProperty.type) {
+		case "Edm.Date":
+			return "DatePicker";
+		case "Edm.Time":
+		case "Edm.TimeOfDay":
+			return "TimePicker";
+		case "Edm.DateTime":
+		case "Edm.DateTimeOffset":
+			return "DateTimePicker";
+		case "Edm.Boolean":
+			return "CheckBox";
+	}
+	if (oProperty.annotations?.Measures?.ISOCurrency || oProperty.annotations?.Measures?.Unit) {
+		return "InputWithUnit";
+	}
+	return "Input";
+};
+
+/**
+ * Returns the binding expression to evaluate the visibility of a DataField or DataPoint annotation.
+ *
+ * SAP Fiori elements will evaluate either the UI.Hidden annotation defined on the annotation itself or on the target property.
+ *
+ * @param {DataModelObjectPath} dataFieldModelPath The metapath referring to the annotation we are evaluating.
+ * @param {FieldFormatOptions} [formatOptions] FormatOptions optional.
+ * @returns {BindingExpression<string>} An expression that you can bind to the UI.
+ */
+export const getVisibleExpression = function(
+	dataFieldModelPath: DataModelObjectPath,
+	formatOptions?: FieldFormatOptions
+): BindingExpression<string> {
+	const targetObject: DataFieldAbstractTypes | DataPointTypeTypes = dataFieldModelPath.targetObject;
+	let propertyValue;
+	if (targetObject) {
+		switch (targetObject.$Type) {
+			case UIAnnotationTypes.DataField:
+			case UIAnnotationTypes.DataFieldWithUrl:
+			case UIAnnotationTypes.DataFieldWithNavigationPath:
+			case UIAnnotationTypes.DataFieldWithIntentBasedNavigation:
+			case UIAnnotationTypes.DataFieldWithAction:
+			case UIAnnotationTypes.DataPointType:
+				propertyValue = targetObject.Value.$target;
+				break;
+			case UIAnnotationTypes.DataFieldForAnnotation:
+				// if it is a DataFieldForAnnotation pointing to a DataPoint we look at the dataPoint's value
+				if (targetObject?.Target?.$target?.$Type === UIAnnotationTypes.DataPointType) {
+					propertyValue = targetObject.Target.$target?.Value.$target;
+					break;
+				}
+			// eslint-disable-next-line no-fallthrough
+			case UIAnnotationTypes.DataFieldForIntentBasedNavigation:
+			case UIAnnotationTypes.DataFieldForAction:
+			default:
+				propertyValue = undefined;
+		}
+	}
+	const isAnalyticalGroupHeaderExpanded = formatOptions?.isAnalytics ? UI.IsExpanded : constant(false);
+	const isAnalyticalLeaf = formatOptions?.isAnalytics ? equal(UI.NodeLevel, 0) : constant(false);
+
+	// A data field is visible if:
+	// - the UI.Hidden expression in the original annotation does not evaluate to 'true'
+	// - the UI.Hidden expression in the target property does not evaluate to 'true'
+	// - in case of Analytics it's not visible for an expanded GroupHeader
+	return compileBinding(
+		and(
+			...[
+				not(equal(annotationExpression(targetObject?.annotations?.UI?.Hidden), true)),
+				ifElse(
+					!!propertyValue,
+					propertyValue && not(equal(annotationExpression(propertyValue.annotations?.UI?.Hidden), true)),
+					true
+				),
+				or(not(isAnalyticalGroupHeaderExpanded), isAnalyticalLeaf)
+			]
+		)
+	);
+};
+
+export const getInputDescription = function(
+	oPropertyPath: PropertyOrPath<Property>,
+	oDataModelObjectPath: DataModelObjectPath,
+	fieldFormatOptions: FieldFormatOptions
+): BindingExpression<string> {
+	const oProperty = (isPathExpression(oPropertyPath) && oPropertyPath.$target) || (oPropertyPath as Property);
+	const unitProperty = getAssociatedCurrencyProperty(oProperty) || getAssociatedUnitProperty(oProperty);
+	if (!unitProperty) {
+		return compileBinding("");
+	}
+	const oPropertyDataModelObjectPath = enhanceDataModelPath(oDataModelObjectPath, oPropertyPath);
+	const oNonEditableValue = getUnitBinding(oPropertyDataModelObjectPath, fieldFormatOptions);
+	const editableExpression = and(not(isReadOnlyExpression(unitProperty)), not(PropertyHelper.isComputed(unitProperty)));
+	return compileBinding(ifElse(editableExpression, "", oNonEditableValue));
+};

package/packages/sap.fe.macros/src/sap/fe/macros/field/QuickViewLinkContactContent.fragment.xml

@@ -0,0 +1,95 @@
+<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="{
+						 CONTACT: 'sap/fe/macros/ContactHelper'
+	}"
+>
+	<QuickViewGroup heading="{= CONTACT.getContactTitle(${contact>fn}) }">
+		<QuickViewGroupElement
+			label="{= CONTACT.computeLabel('role', ${contact>role})}"
+			value="{contact>role@@MODEL.format}"
+			type="text"
+			visible="{= !!${contact>role}}"
+		/>
+		<QuickViewGroupElement
+			label="{= CONTACT.computeLabel('title', ${contact>title}) }"
+			value="{contact>title@@MODEL.format}"
+			type="text"
+			visible="{= !!${contact>title}}"
+		/>
+		<QuickViewGroupElement
+			label="{= CONTACT.computeLabel('org', ${contact>org}) }"
+			value="{contact>org@@MODEL.format}"
+			type="text"
+			visible="{= !!${contact>org}}"
+		/>
+		<template:if test="{contact>tel}">
+			<template:with path="contact>tel" var="tels">
+				<template:repeat list="{path:'tels>', filters: { path: 'type/$EnumMember', operator: 'EndsWith', value1: 'preferred'}}" var="tel">
+					<QuickViewGroupElement
+						label="{= CONTACT.computeLabel('phone', ${tel>type/$EnumMember})}"
+						value="{tel>uri/@@MODEL.format}"
+						target="{= CONTACT.formatUri('phone', ${tel>uri/@@MODEL.format})}"
+						type="phone"
+					/>
+				</template:repeat>
+				<template:repeat list="{path:'tels>', filters: { path: 'type/$EnumMember', operator: 'EndsWith', value1: 'work'}}" var="tel">
+					<QuickViewGroupElement
+						label="{= CONTACT.computeLabel('phone', ${tel>type/$EnumMember})}"
+						value="{tel>uri/@@MODEL.format}"
+						target="{= CONTACT.formatUri('phone', ${tel>uri/@@MODEL.format})}"
+						type="phone"
+					/>
+				</template:repeat>
+				<template:repeat list="{path:'tels>', filters: { path: 'type/$EnumMember', operator: 'EndsWith', value1: 'cell'}}" var="tel">
+					<QuickViewGroupElement
+						label="{= CONTACT.computeLabel('phone', ${tel>type/$EnumMember})}"
+						value="{tel>uri/@@MODEL.format}"
+						target="{= CONTACT.formatUri('phone', ${tel>uri/@@MODEL.format})}"
+						type="phone"
+					/>
+				</template:repeat>
+				<template:repeat list="{path:'tels>', filters: { path: 'type/$EnumMember', operator: 'EndsWith', value1: 'fax'}}" var="tel">
+					<QuickViewGroupElement
+						label="{= CONTACT.computeLabel('phone', ${tel>type/$EnumMember})}"
+						value="{tel>uri/@@MODEL.format}"
+						target="{= CONTACT.formatUri('phone', ${tel>uri/@@MODEL.format})}"
+						type="phone"
+					/>
+				</template:repeat>
+			</template:with>
+		</template:if>
+		<template:if test="{contact>email}">
+			<template:with path="contact>email" var="emails">
+				<template:repeat list="{path:'emails>', filters: { path: 'type/$EnumMember', operator: 'EndsWith', value1: 'preferred'}}" var="mail">
+					<QuickViewGroupElement
+						label="{= CONTACT.computeLabel('mail', ${mail>type/$EnumMember})}"
+						value="{mail>address/@@MODEL.format}"
+						target="{= CONTACT.formatUri('mail', ${mail>address/@@MODEL.format})}"
+						type="email"
+					/>
+				</template:repeat>
+				<template:repeat list="{path:'emails>', filters: { path: 'type/$EnumMember', operator: 'EndsWith', value1: 'work'}}" var="mail">
+					<QuickViewGroupElement
+						label="{= CONTACT.computeLabel('mail', ${mail>type/$EnumMember})}"
+						value="{mail>address/@@MODEL.format}"
+						target="{= CONTACT.formatUri('mail', ${mail>address/@@MODEL.format})}"
+						type="email"
+					/>
+				</template:repeat>
+			</template:with>
+		</template:if>
+		<template:if test="{contact>adr}">
+			<template:with path="contact>adr" var="adrs">
+				<template:repeat list="{adrs>}" var="adr">
+					<QuickViewGroupElement
+						label="{= CONTACT.computeLabel('address', ${adr>type/$EnumMember})}"
+						value="{= CONTACT.formatAddress(${adr>street/@@MODEL.format}, ${adr>code/@@MODEL.format}, ${adr>locality/@@MODEL.format}, ${adr>region/@@MODEL.format}, ${adr>country/@@MODEL.format})}"
+					/>
+				</template:repeat>
+			</template:with>
+		</template:if>
+	</QuickViewGroup>
+</core:FragmentDefinition>