@sapui5/sap.fe.templates 1.100.0 → 1.102.0

package/src/sap/fe/templates/ObjectPage/ObjectPageTemplating.ts

@@ -0,0 +1,837 @@
+// Formatters for the Object Page
+import { DataField, HeaderInfoType, UIAnnotationTerms, UIAnnotationTypes } from "@sap-ux/vocabularies-types";
+import { DataFieldTypes } from "@sap-ux/vocabularies-types/dist/generated/UI";
+import ResourceBundle from "sap/base/i18n/ResourceBundle";
+import CommonUtils from "sap/fe/core/CommonUtils";
+import { ConverterAction } from "sap/fe/core/converters/controls/Common/Action";
+import { Draft, Entity, UI } from "sap/fe/core/converters/helpers/BindingHelper";
+import { ManifestAction } from "sap/fe/core/converters/ManifestSettings";
+import {
+	and,
+	annotationExpression,
+	BindingExpression,
+	compileBinding,
+	concat,
+	Expression,
+	ifElse,
+	isEmpty,
+	or,
+	resolveBindingString
+} from "sap/fe/core/helpers/BindingExpression";
+import { DataModelObjectPath } from "sap/fe/core/templating/DataModelPathHelper";
+import CommonHelper from "sap/fe/macros/CommonHelper";
+import { addTextArrangementToBindingExpression, formatValueRecursively } from "sap/fe/macros/field/FieldTemplating";
+import mLibrary from "sap/m/library";
+import ManagedObject from "sap/ui/base/ManagedObject";
+import ODataModelAnnotationHelper from "sap/ui/model/odata/v4/AnnotationHelper";
+import Context from "sap/ui/model/odata/v4/Context";
+const ButtonType = mLibrary.ButtonType;
+
+type ViewData = {
+	resourceBundle: ResourceBundle;
+	entitySet: string;
+};
+
+//```mermaid
+// graph TD
+// A[Object Page Title] -->|Get DataField Value| C{Evaluate Create Mode}
+// C -->|In Create Mode| D{Is DataField Value empty}
+// D -->|Yes| F{Is there a TypeName}
+// F -->|Yes| G[Is there an custom title]
+// G -->|Yes| G1[Show the custom title + 'TypeName']
+// G -->|No| G2[Display the default title 'New + TypeName']
+// F -->|No| H[Is there a custom title]
+// H -->|Yes| I[Show the custom title]
+// H -->|No| J[Show the default 'Unamned Object']
+// D -->|No| E
+// C -->|Not in create mode| E[Show DataField Value]
+// ```
+/**
+ * Compute the title for the object page.
+ * @param oHeaderInfo The @UI.HeaderInfo annotation content
+ * @param oViewData The view data object we're currently on
+ * @param fullContextPath The full context path used to reach that object page
+ * @param oDraftRoot
+ * @returns The binding expression for the object page title
+ */
+export const getExpressionForTitle = function (
+	oHeaderInfo: HeaderInfoType | undefined,
+	oViewData: ViewData,
+	fullContextPath: DataModelObjectPath,
+	oDraftRoot: Object | undefined
+): BindingExpression<string> {
+	const titleNoHeaderInfo = CommonUtils.getTranslatedText("T_NEW_OBJECT", oViewData.resourceBundle, undefined, oViewData.entitySet);
+
+	const titleWithHeaderInfo = CommonUtils.getTranslatedText(
+		"T_ANNOTATION_HELPER_DEFAULT_OBJECT_PAGE_HEADER_TITLE",
+		oViewData.resourceBundle,
+		undefined,
+		oViewData.entitySet
+	);
+
+	const oEmptyHeaderInfoTitle =
+		oHeaderInfo?.Title === undefined || (oHeaderInfo?.Title as any) === "" || (oHeaderInfo?.Title as DataFieldTypes)?.Value === "";
+
+	const titleForActiveHeaderNoHeaderInfo = !oEmptyHeaderInfoTitle
+		? CommonUtils.getTranslatedText("T_ANNOTATION_HELPER_DEFAULT_OBJECT_PAGE_HEADER_TITLE_NO_HEADER_INFO", oViewData.resourceBundle)
+		: "";
+
+	let titleValueExpression = annotationExpression((oHeaderInfo?.Title as DataFieldTypes)?.Value);
+	if ((oHeaderInfo?.Title as DataFieldTypes)?.Value?.$target?.annotations?.Common?.Text?.annotations?.UI?.TextArrangement) {
+		// In case an explicit text arrangement was set we make use of it in the description as well
+		titleValueExpression = addTextArrangementToBindingExpression(titleValueExpression, fullContextPath);
+	}
+
+	titleValueExpression = formatValueRecursively(titleValueExpression, fullContextPath);
+
+	// If there is a TypeName defined, show the default title 'New + TypeName', otherwise show the custom title or the default 'New object'
+	const createModeTitle = oHeaderInfo?.TypeName
+		? concat(titleWithHeaderInfo, ": ", annotationExpression(oHeaderInfo.TypeName.toString()))
+		: titleNoHeaderInfo;
+	const activeExpression = oDraftRoot ? Entity.IsActive : true;
+
+	return compileBinding(
+		ifElse(
+			// If Create Mode && Empty expression
+			and(or(UI.IsCreateModeSticky, UI.IsCreateMode), titleValueExpression && isEmpty(titleValueExpression)),
+
+			createModeTitle,
+			// Otherwise show the default expression
+			ifElse(
+				and(activeExpression, titleValueExpression && isEmpty(titleValueExpression)),
+				titleForActiveHeaderNoHeaderInfo,
+				titleValueExpression
+			)
+		)
+	);
+};
+
+/**
+ * Retrieves the expression for the description of an object page.
+ *
+ * @param oHeaderInfo The @UI.HeaderInfo annotation content
+ * @param fullContextPath The full context path used to reach that object page
+ * @returns The binding expression for the object page description
+ */
+export const getExpressionForDescription = function (
+	oHeaderInfo: HeaderInfoType | undefined,
+	fullContextPath: DataModelObjectPath
+): BindingExpression<string> {
+	let bindingExpression = annotationExpression((oHeaderInfo?.Description as DataFieldTypes)?.Value);
+	if ((oHeaderInfo?.Description as DataFieldTypes)?.Value?.$target?.annotations?.Common?.Text?.annotations?.UI?.TextArrangement) {
+		// In case an explicit text arrangement was set we make use of it in the description as well
+		bindingExpression = addTextArrangementToBindingExpression(bindingExpression, fullContextPath);
+	}
+
+	return compileBinding(formatValueRecursively(bindingExpression, fullContextPath));
+};
+
+/**
+ * Return the expression for the save button.
+ *
+ * @param oViewData The current view data
+ * @param fullContextPath The path used up until here
+ * @returns The binding expression that shows the right save button text
+ */
+export const getExpressionForSaveButton = function (oViewData: ViewData, fullContextPath: DataModelObjectPath): BindingExpression<string> {
+	const saveButtonText = CommonUtils.getTranslatedText("T_OP_OBJECT_PAGE_SAVE", oViewData.resourceBundle);
+	const createButtonText = CommonUtils.getTranslatedText("T_OP_OBJECT_PAGE_CREATE", oViewData.resourceBundle);
+	let saveExpression;
+
+	if (fullContextPath.startingEntitySet.annotations.Session?.StickySessionSupported) {
+		// If we're in sticky mode AND the ui is in create mode, show Create, else show Save
+		saveExpression = ifElse(UI.IsCreateModeSticky, createButtonText, saveButtonText);
+	} else {
+		// If we're in draft AND the draft is a new object (!IsActiveEntity && !HasActiveEntity), show create, else show save
+		saveExpression = ifElse(Draft.IsNewObject, createButtonText, saveButtonText);
+	}
+	return compileBinding(saveExpression);
+};
+
+/**
+ * Method returns whether footer is visible or not on object / subobject page.
+ *
+ * @function
+ * @name getFooterVisible
+ * @param {ConverterAction[]} footerActions The footer action object coming from the converter
+ * @param {DataField[]} dataFields Data field array for normal footer visibility processing
+ * @returns {boolean | BindingExpression<string>} `true` if any action is true, otherwise compiled Binding or `false`
+ */
+export const getFooterVisible = function (footerActions: ConverterAction[], dataFields: DataField[]): boolean | BindingExpression<string> {
+	const manifestActions = footerActions.filter((action) => isManifestAction(action)) as ManifestAction[];
+	let customActionVisibility: Expression<boolean>;
+	if (manifestActions.length) {
+		// If we have manifest actions
+		const customActionIndividualVisibility = manifestActions.map((action) => {
+			return resolveBindingString<boolean>(action.visible as string | boolean, "boolean");
+		});
+		// construct the footer's visibility-binding out of all actions' visibility-bindings, first the binding of all custom actions ...
+		customActionVisibility = or(...customActionIndividualVisibility);
+		// and then the binding of all annotation actions inside the footer ...
+		const annotationActionVisibility = getDataFieldBasedFooterVisibility(dataFields, true);
+		// finally, return everything.
+		return compileBinding(or(customActionVisibility, resolveBindingString<boolean>(annotationActionVisibility, "boolean")));
+	}
+	return getDataFieldBasedFooterVisibility(dataFields, true);
+};
+
+/**
+ * Checks if the footer is visible or not.
+ *
+ * @function
+ * @static
+ * @name sap.fe.templates.ObjectPage.ObjectPageTemplating.getDataFieldBasedFooterVisibility
+ * @memberof sap.fe.templates.ObjectPage.ObjectPageTemplating
+ * @param {Array} aDataFields Array of DataFields in the identification
+ * @param {boolean} bConsiderEditable Whether the edit mode binding is required or not
+ * @returns {string} An expression if all the actions are ui.hidden, true otherwise
+ * @private
+ * @ui5-restricted
+ **/
+export const getDataFieldBasedFooterVisibility = function (aDataFields: any[], bConsiderEditable: boolean) {
+	let sHiddenExpression = "";
+	let sSemiHiddenExpression;
+	const aHiddenActionPath = [];
+
+	for (const i in aDataFields) {
+		const oDataField = aDataFields[i];
+		if (oDataField.$Type === UIAnnotationTypes.DataFieldForAction && oDataField.Determining === true) {
+			const hiddenExpression = oDataField[`@${UIAnnotationTerms.Hidden}`];
+			if (!hiddenExpression) {
+				return true;
+			} else if (hiddenExpression.$Path) {
+				if (aHiddenActionPath.indexOf(hiddenExpression.$Path) === -1) {
+					aHiddenActionPath.push(hiddenExpression.$Path);
+				}
+			}
+		}
+	}
+
+	if (aHiddenActionPath.length) {
+		for (let index = 0; index < aHiddenActionPath.length; index++) {
+			if (aHiddenActionPath[index]) {
+				sSemiHiddenExpression = "(%{" + aHiddenActionPath[index] + "} === true ? false : true )";
+			}
+			if (index == aHiddenActionPath.length - 1) {
+				sHiddenExpression = sHiddenExpression + sSemiHiddenExpression;
+			} else {
+				sHiddenExpression = sHiddenExpression + sSemiHiddenExpression + "||";
+			}
+		}
+		return (
+			"{= " +
+			(bConsiderEditable ? "(" : "") +
+			sHiddenExpression +
+			(bConsiderEditable ? " || ${ui>/isEditable}) " : " ") +
+			"&& ${internal>isCreateDialogOpen} !== true}"
+		);
+	} else {
+		return "{= " + (bConsiderEditable ? "${ui>/isEditable} && " : "") + "${internal>isCreateDialogOpen} !== true}";
+	}
+};
+
+/**
+ * Method returns Whether the action type is manifest or not.
+ *
+ * @function
+ * @name isManifestActionVisible
+ * @param {object} oAction The action object
+ * @returns {boolean} `true` if action is coming from manifest, `false` otherwise
+ */
+export const isManifestAction = function (oAction: any) {
+	const aActions = [
+		"Primary",
+		"DefaultApply",
+		"Secondary",
+		"ForAction",
+		"ForNavigation",
+		"SwitchToActiveObject",
+		"SwitchToDraftObject",
+		"DraftActions"
+	];
+	return aActions.indexOf(oAction.type) < 0;
+};
+
+/**
+ * Returns an expression to determine Emphasized  button type based on Criticality across all actions
+ * If critical action is rendered, its considered to be the primary action. Hence template's default primary action is set back to Default.
+ *
+ * @function
+ * @static
+ * @name sap.fe.templates.ObjectPage.ObjectPageTemplating.buildEmphasizedButtonExpression
+ * @memberof sap.fe.templates.ObjectPage.ObjectPageTemplating
+ * @param {Array} aIdentification Array of all the DataFields in Identification
+ * @returns {string} An expression to deduce if button type is Default or Emphasized
+ * @private
+ * @ui5-restricted
+ **/
+export const buildEmphasizedButtonExpression = function (aIdentification?: any[]) {
+	if (!aIdentification) {
+		return ButtonType.Emphasized;
+	}
+	let sFormatEmphasizedExpression: string | undefined;
+	let bIsAlwaysDefault: boolean,
+		sHiddenSimplePath,
+		sHiddenExpression = "";
+	aIdentification.forEach(function (oDataField: any) {
+		const oCriticalityProperty = oDataField.Criticality;
+		const oDataFieldHidden = oDataField["@com.sap.vocabularies.UI.v1.Hidden"];
+		if (oDataField.$Type === "com.sap.vocabularies.UI.v1.DataFieldForAction" && !bIsAlwaysDefault && oCriticalityProperty) {
+			if (!sFormatEmphasizedExpression && oDataFieldHidden === true) {
+				// if DataField is set to hidden, we can skip other checks and return Default button type
+				sFormatEmphasizedExpression = ButtonType.Emphasized;
+				return;
+			}
+			if (oDataFieldHidden && oDataFieldHidden.$Path) {
+				// when visibility of critical button is based on path, collect all paths for expression
+				sHiddenSimplePath = oDataFieldHidden.$Path;
+				if (sHiddenExpression) {
+					sHiddenExpression = sHiddenExpression + " && ";
+				}
+				sHiddenExpression = sHiddenExpression + "%{" + sHiddenSimplePath + "} === true";
+				sFormatEmphasizedExpression = "{= (" + sHiddenExpression + ") ? 'Emphasized' : 'Default' }";
+			}
+			switch (oCriticalityProperty.$EnumMember) {
+				// supported criticality are [Positive/3/'3'] and [Negative/1/'1']
+				case "com.sap.vocabularies.UI.v1.CriticalityType/Negative":
+				case "com.sap.vocabularies.UI.v1.CriticalityType/Positive":
+				case "1":
+				case 1:
+				case "3":
+				case 3:
+					if (!oDataFieldHidden) {
+						sFormatEmphasizedExpression = ButtonType.Default;
+						bIsAlwaysDefault = true;
+					}
+					sFormatEmphasizedExpression = sFormatEmphasizedExpression || ButtonType.Default;
+					break;
+				default:
+					sFormatEmphasizedExpression = ButtonType.Emphasized;
+			}
+			if (oCriticalityProperty.$Path) {
+				// when Criticality is set using a path, use the path for deducing the Emphsized type for default Primary Action
+				const sCombinedHiddenExpression = sHiddenExpression ? "!(" + sHiddenExpression + ") && " : "";
+				sFormatEmphasizedExpression =
+					"{= " +
+					sCombinedHiddenExpression +
+					"((${" +
+					oCriticalityProperty.$Path +
+					"} === 'com.sap.vocabularies.UI.v1.CriticalityType/Negative') || (${" +
+					oCriticalityProperty.$Path +
+					"} === '1') || (${" +
+					oCriticalityProperty.$Path +
+					"} === 1) " +
+					"|| (${" +
+					oCriticalityProperty.$Path +
+					"} === 'com.sap.vocabularies.UI.v1.CriticalityType/Positive') || (${" +
+					oCriticalityProperty.$Path +
+					"} === '3') || (${" +
+					oCriticalityProperty.$Path +
+					"} === 3)) ? " +
+					"'Default'" +
+					" : " +
+					"'Emphasized'" +
+					" }";
+			}
+		}
+	});
+	return sFormatEmphasizedExpression || ButtonType.Emphasized;
+};
+
+export const getElementBinding = function (sPath: any) {
+	const sNavigationPath = ODataModelAnnotationHelper.getNavigationPath(sPath);
+	if (sNavigationPath) {
+		return "{path:'" + sNavigationPath + "'}";
+	} else {
+		//no navigation property needs empty object
+		return "{path: ''}";
+	}
+};
+
+/**
+ * Function to check if draft pattern is supported.
+ *
+ * @param {object} oAnnotations Annotations of the current entity set.
+ * @returns {string} Returns the Boolean value based on draft state
+ */
+export const checkDraftState = function (oAnnotations: any) {
+	if (
+		oAnnotations["@com.sap.vocabularies.Common.v1.DraftRoot"] &&
+		oAnnotations["@com.sap.vocabularies.Common.v1.DraftRoot"]["EditAction"]
+	) {
+		return true;
+	} else {
+		return false;
+	}
+};
+
+/**
+ * Function to get the visibility for the SwitchToActive button in the object page or subobject page.
+ *
+ * @param {object} oAnnotations Annotations of the current entity set.
+ * @returns {string} Returns expression binding or Boolean value based on the draft state
+ */
+export const getSwitchToActiveVisibility = function (oAnnotations: any): any {
+	if (checkDraftState(oAnnotations)) {
+		return "{= (%{DraftAdministrativeData/DraftIsCreatedByMe}) ? ( ${ui>/isEditable} && !${ui>createMode} && %{DraftAdministrativeData/DraftIsCreatedByMe} ) : false }";
+	} else {
+		return false;
+	}
+};
+
+/**
+ * Function to get the visibility for the SwitchToDraft button in the object page or subobject page.
+ *
+ * @param {object} oAnnotations Annotations of the current entity set.
+ * @returns {string} Returns expression binding or Boolean value based on the draft state
+ */
+export const getSwitchToDraftVisibility = function (oAnnotations: any): any {
+	if (checkDraftState(oAnnotations)) {
+		return "{= (%{DraftAdministrativeData/DraftIsCreatedByMe}) ? ( !(${ui>/isEditable}) && !${ui>createMode} && ${HasDraftEntity} && %{DraftAdministrativeData/DraftIsCreatedByMe} ) : false }";
+	} else {
+		return false;
+	}
+};
+
+/**
+ * Function to get the visibility for the SwitchDraftAndActive button in the object page or subobject page.
+ *
+ * @param {object} oAnnotations Annotations of the current entity set.
+ * @returns {string} Returns expression binding or Boolean value based on the draft state
+ */
+export const getSwitchDraftAndActiveVisibility = function (oAnnotations: any): any {
+	if (checkDraftState(oAnnotations)) {
+		return "{= (%{DraftAdministrativeData/DraftIsCreatedByMe}) ? ( !${ui>createMode} && %{DraftAdministrativeData/DraftIsCreatedByMe} ) : false }";
+	} else {
+		return false;
+	}
+};
+
+/**
+ * Function to find an action from the array of header actions in the converter context.
+ *
+ * @param {object[]} aConverterContextHeaderActions Array of 'header' actions on the object page.
+ * @param {string} sActionType The action type
+ * @returns {object | undefined} The action with the matching action type
+ * @private
+ */
+export const _findAction = function (aConverterContextHeaderActions: any[], sActionType: string) {
+	let oAction;
+	if (aConverterContextHeaderActions && aConverterContextHeaderActions.length) {
+		oAction = aConverterContextHeaderActions.find(function (oHeaderAction: any) {
+			return oHeaderAction.type === sActionType;
+		});
+	}
+	return oAction;
+};
+
+/**
+ * Function to format the 'enabled' property for the Delete button on the object page or subobject page in case of a Command Execution.
+ *
+ * @param {Array} aConverterContextHeaderActions Array of header actions on the object page
+ * @returns {string} Returns expression binding or Boolean value from the converter output
+ */
+export const getDeleteCommandExecutionEnabled = function (aConverterContextHeaderActions: any[]) {
+	const oDeleteAction = _findAction(aConverterContextHeaderActions, "Secondary");
+	return oDeleteAction ? oDeleteAction.enabled : "true";
+};
+
+/**
+ * Function to format the 'visible' property for the Delete button on the object page or subobject page in case of a Command Execution.
+ *
+ * @param {Array} aConverterContextHeaderActions Array of header actions on the object page
+ * @returns {string} Returns expression binding or Boolean value from the converter output
+ */
+export const getDeleteCommandExecutionVisible = function (aConverterContextHeaderActions: any[]) {
+	const oDeleteAction = _findAction(aConverterContextHeaderActions, "Secondary");
+	return oDeleteAction ? oDeleteAction.visible : "true";
+};
+
+/**
+ * Function to format the 'visible' property for the Edit button on the object page or subobject page in case of a Command Execution.
+ *
+ * @param {Array} aConverterContextHeaderActions Array of header actions on the object page
+ * @returns {string} Returns expression binding or Boolean value from the converter output
+ */
+export const getEditCommandExecutionVisible = function (aConverterContextHeaderActions: any[]) {
+	const oEditAction = _findAction(aConverterContextHeaderActions, "Primary");
+	return oEditAction ? oEditAction.visible : "true";
+};
+
+/**
+ * Function to format the 'enabled' property for the Edit button on the object page or subobject page in case of a Command Execution.
+ *
+ * @param {Array} aConverterContextHeaderActions Array of header actions on the object page
+ * @returns {string} Returns expression binding or Boolean value from the converter output
+ */
+export const getEditCommandExecutionEnabled = function (aConverterContextHeaderActions: any[]) {
+	const oEditAction = _findAction(aConverterContextHeaderActions, "Primary");
+	return oEditAction ? oEditAction.enabled : "true";
+};
+
+/**
+ * Function to get the EditAction from the Entityset based on Draft or sticky based application.
+ *
+ * @param {object} [oEntitySet] The value from the expression.
+ * @returns {string} Returns expression binding or boolean value based on vRawValue & oDraftNode
+ */
+export const getEditAction = function (oEntitySet: Context) {
+	const sPath = oEntitySet.getPath(),
+		oAnnotations = oEntitySet.getObject(sPath + "@");
+	const bDraftRoot = oAnnotations.hasOwnProperty("@com.sap.vocabularies.Common.v1.DraftRoot");
+	const bStickySession = oAnnotations.hasOwnProperty("@com.sap.vocabularies.Session.v1.StickySessionSupported");
+	let sActionName;
+	if (bDraftRoot) {
+		sActionName = oEntitySet.getObject(sPath + "@com.sap.vocabularies.Common.v1.DraftRoot/EditAction");
+	} else if (bStickySession) {
+		sActionName = oEntitySet.getObject(sPath + "@com.sap.vocabularies.Session.v1.StickySessionSupported/EditAction");
+	}
+	return !sActionName ? sActionName : sPath + "/" + sActionName;
+};
+
+export const isReadOnlyFromStaticAnnotations = function (oAnnotations: any, oFieldControl: any) {
+	let bComputed, bImmutable, bReadOnly;
+	if (oAnnotations["@Org.OData.Core.V1.Computed"]) {
+		bComputed = oAnnotations["@Org.OData.Core.V1.Computed"].Bool ? oAnnotations["@Org.OData.Core.V1.Computed"].Bool == "true" : true;
+	}
+	if (oAnnotations["@Org.OData.Core.V1.Immutable"]) {
+		bImmutable = oAnnotations["@Org.OData.Core.V1.Immutable"].Bool ? oAnnotations["@Org.OData.Core.V1.Immutable"].Bool == "true" : true;
+	}
+	bReadOnly = bComputed || bImmutable;
+
+	if (oFieldControl) {
+		bReadOnly = bReadOnly || oFieldControl == "com.sap.vocabularies.Common.v1.FieldControlType/ReadOnly";
+	}
+	if (bReadOnly) {
+		return true;
+	} else {
+		return false;
+	}
+};
+
+export const readOnlyExpressionFromDynamicAnnotations = function (oFieldControl: any) {
+	let sIsFieldControlPathReadOnly;
+	if (oFieldControl) {
+		if ((ManagedObject as any).bindingParser(oFieldControl)) {
+			sIsFieldControlPathReadOnly = "%" + oFieldControl + " === 1 ";
+		}
+	}
+	if (sIsFieldControlPathReadOnly) {
+		return "{= " + sIsFieldControlPathReadOnly + "? false : true }";
+	} else {
+		return;
+	}
+};
+
+/*
+ * Function to get the expression for chart Title Press
+ *
+ * @function
+ * @param {oConfiguration} [oConfigurations] control configuration from manifest
+ *  @param {oManifest} [oManifest] Outbounds from manifest
+ * returns {String} [sCollectionName] Collection Name of the Micro Chart
+ *
+ * returns {String} [Expression] Handler Expression for the title press
+ *
+ */
+export const getExpressionForMicroChartTitlePress = function (oConfiguration: any, oManifestOutbound: any, sCollectionName: any) {
+	if (oConfiguration) {
+		if (
+			(oConfiguration["targetOutbound"] && oConfiguration["targetOutbound"]["outbound"]) ||
+			(oConfiguration["targetOutbound"] && oConfiguration["targetOutbound"]["outbound"] && oConfiguration["targetSections"])
+		) {
+			return (
+				".handlers.onDataPointTitlePressed($controller, ${$source>/},'" +
+				JSON.stringify(oManifestOutbound) +
+				"','" +
+				oConfiguration["targetOutbound"]["outbound"] +
+				"','" +
+				sCollectionName +
+				"' )"
+			);
+		} else if (oConfiguration["targetSections"]) {
+			return ".handlers.navigateToSubSection($controller, '" + JSON.stringify(oConfiguration["targetSections"]) + "')";
+		} else {
+			return undefined;
+		}
+	}
+};
+
+/*
+ * Function to render Chart Title as Link
+ *
+ * @function
+ * @param {oControlConfiguration} [oConfigurations] control configuration from manifest
+ * returns {String} [sKey] For the TargetOutbound and TargetSection
+ *
+ */
+export const getMicroChartTitleAsLink = function (oControlConfiguration: any) {
+	if (
+		oControlConfiguration &&
+		(oControlConfiguration["targetOutbound"] || (oControlConfiguration["targetOutbound"] && oControlConfiguration["targetSections"]))
+	) {
+		return "External";
+	} else if (oControlConfiguration && oControlConfiguration["targetSections"]) {
+		return "InPage";
+	} else {
+		return "None";
+	}
+};
+
+/* Get groupId from control configuration
+ *
+ * @function
+ * @param {Object} [oConfigurations] control configuration from manifest
+ * @param {String} [sAnnotationPath] Annotation Path for the configuration
+ * @description Used to get the groupId for DataPoints and MicroCharts in the Header.
+ *
+ */
+export const getGroupIdFromConfig = function (oConfigurations: any, sAnnotationPath: any, sDefaultGroupId?: any) {
+	const oConfiguration = oConfigurations[sAnnotationPath],
+		aAutoPatterns = ["Heroes", "Decoration", "Workers", "LongRunners"];
+	let sGroupId = sDefaultGroupId;
+	if (
+		oConfiguration &&
+		oConfiguration.requestGroupId &&
+		aAutoPatterns.some(function (autoPattern: string) {
+			return autoPattern === oConfiguration.requestGroupId;
+		})
+	) {
+		sGroupId = "$auto." + oConfiguration.requestGroupId;
+	}
+	return sGroupId;
+};
+
+/*
+ * Get Context Binding with groupId from control configuration
+ *
+ * @function
+ * @param {Object} [oConfigurations] control configuration from manifest
+ * @param {String} [sKey] Annotation Path for of the configuration
+ * @description Used to get the binding for DataPoints in the Header.
+ *
+ */
+export const getBindingWithGroupIdFromConfig = function (oConfigurations: any, sKey: any) {
+	const sGroupId = getGroupIdFromConfig(oConfigurations, sKey);
+	let sBinding;
+	if (sGroupId) {
+		sBinding = "{ path : '', parameters : { $$groupId : '" + sGroupId + "' } }";
+	}
+	return sBinding;
+};
+
+/**
+ * Method to check whether a FieldGroup consists of only 1 DataField with MultiLine Text annotation.
+ *
+ * @param {DataFieldAbstractTypes[]} aFormElements A collection of form elements used in the current field group
+ * @returns {boolean} Returns true if only 1 data field with Multiline Text annotation exists.
+ */
+export const doesFieldGroupContainOnlyOneMultiLineDataField = function (aFormElements: any[]) {
+	return aFormElements && aFormElements.length === 1 && !!aFormElements[0].isValueMultilineText;
+};
+
+/*
+ * Get Visiblity of breadcrumbs.
+ *
+ * @function
+ * @param {Object} [oViewData] ViewData model
+ * returns {*} Expression or boolean
+ */
+export const getVisibleExpressionForBreadcrumbs = function (oViewData: any) {
+	return oViewData.showBreadCrumbs && oViewData.fclEnabled !== undefined ? "{fclhelper>/breadCrumbIsVisible}" : oViewData.showBreadCrumbs;
+};
+
+export const getShareButtonVisibility = function (viewData: any) {
+	let sShareButtonVisibilityExp = "!${ui>createMode}";
+	if (viewData.fclEnabled) {
+		sShareButtonVisibilityExp = "${fclhelper>/showShareIcon} && " + sShareButtonVisibilityExp;
+	}
+	return "{= " + sShareButtonVisibilityExp + " }";
+};
+
+/*
+ * Get visiblity for editable header facet.
+ *
+ * If either the title or description field from the header annotations are editable, then the
+ * editable header facet is visible.
+ *
+ * @function
+ * @param {object} [oAnnotations] Annotations object for given entity set
+ * @param {object} [oFieldControl] field control
+ * returns {*}  binding expression or boolean value resolved form funcitons isReadOnlyFromStaticAnnotations and isReadOnlyFromDynamicAnnotations
+ */
+export const getVisiblityOfHeaderFacet = function (
+	oTitleAnnotations: any,
+	oDescriptionAnnotations: any,
+	oFieldTitleFieldControl: any,
+	oFieldDescriptionFieldControl: any
+) {
+	// Check Annotations for Title Field
+	const bIsTitleReadOnly = isReadOnlyFromStaticAnnotations(oTitleAnnotations, oFieldTitleFieldControl);
+	const titleExpression = readOnlyExpressionFromDynamicAnnotations(oFieldTitleFieldControl);
+	// There is no expression and the title is not ready only, this is sufficient for an editable header
+	if (!bIsTitleReadOnly && !titleExpression) {
+		return true;
+	}
+
+	// Check Annotations for Description Field
+	const bIsDescriptionReadOnly = isReadOnlyFromStaticAnnotations(oDescriptionAnnotations, oFieldDescriptionFieldControl);
+	const descriptionExpression = readOnlyExpressionFromDynamicAnnotations(oFieldDescriptionFieldControl);
+	// There is no expression and the description is not ready only, this is sufficient for an editable header
+	if (!bIsDescriptionReadOnly && !descriptionExpression) {
+		return true;
+	}
+
+	// Both title and description are not editable and there are no dynamic annotations
+	if (bIsTitleReadOnly && bIsDescriptionReadOnly && !titleExpression && !descriptionExpression) {
+		return false;
+	}
+
+	// Now combine expressions
+	if (titleExpression && !descriptionExpression) {
+		return titleExpression;
+	} else if (!titleExpression && descriptionExpression) {
+		return descriptionExpression;
+	} else {
+		return combineTitleAndDescriptionExpression(oFieldTitleFieldControl, oFieldDescriptionFieldControl);
+	}
+};
+
+export const combineTitleAndDescriptionExpression = function (oTitleFieldControl: any, oDescriptionFieldControl: any) {
+	// If both header and title field are based on dynmaic field control, the editable header
+	// is visible if at least one of these is not ready only
+	return "{= %" + oTitleFieldControl + " === 1 ? ( %" + oDescriptionFieldControl + " === 1 ? false : true ) : true }";
+};
+
+/*
+ * Get Expression of press event of delete button.
+ *
+ * @function
+ * @param {string} [sEntitySetName] Entity set name
+ * returns {string}  binding expression / function string generated from commanhelper's function generateFunction
+ */
+export const getPressExpressionForDelete = function (sEntitySetName: any) {
+	const sDeletableContexts = "${$view>/getBindingContext}",
+		sTitle = "${$view>/#fe::ObjectPage/getHeaderTitle/getExpandedHeading/getItems/1/getText}",
+		sDescription = "${$view>/#fe::ObjectPage/getHeaderTitle/getExpandedContent/0/getItems/0/getText}";
+	const oParams = {
+		title: sTitle,
+		entitySetName: CommonHelper.addSingleQuotes(sEntitySetName),
+		description: sDescription
+	};
+	return CommonHelper.generateFunction(".editFlow.deleteDocument", sDeletableContexts, CommonHelper.objectToString(oParams));
+};
+
+/*
+ * Get Expression of press event of Edit button.
+ *
+ * @function
+ * @param {object} [oDataField] Data field object
+ * @param {string} [sEntitySetName] Entity set name
+ * @param {object} [oHeaderAction] Header action object
+ * returns {string}  binding expression / function string generated from commanhelper's function generateFunction
+ */
+export const getPressExpressionForEdit = function (oDataField: any, sEntitySetName: any, oHeaderAction: any) {
+	const sEditableContexts = CommonHelper.addSingleQuotes(oDataField && oDataField.Action),
+		sDataFieldEnumMember = oDataField && oDataField.InvocationGrouping && oDataField.InvocationGrouping["$EnumMember"],
+		sInvocationGroup = sDataFieldEnumMember === "com.sap.vocabularies.UI.v1.OperationGroupingType/ChangeSet" ? "ChangeSet" : "Isolated";
+	const oParams = {
+		contexts: "${$view>/getBindingContext}",
+		entitySetName: CommonHelper.addSingleQuotes(sEntitySetName),
+		invocationGrouping: CommonHelper.addSingleQuotes(sInvocationGroup),
+		model: "${$source>/}.getModel()",
+		label: CommonHelper.addSingleQuotes(oDataField && oDataField.Label, true),
+		isNavigable: oHeaderAction && oHeaderAction.isNavigable,
+		defaultValuesExtensionFunction:
+			oHeaderAction && oHeaderAction.defaultValuesExtensionFunction
+				? "'" + oHeaderAction.defaultValuesExtensionFunction + "'"
+				: undefined
+	};
+	return CommonHelper.generateFunction(".handlers.onCallAction", "${$view>/}", sEditableContexts, CommonHelper.objectToString(oParams));
+};
+
+/*
+ * Method to get the expression for the 'press' event for footer annotation actions
+ *
+ * @function
+ * @param {object} [oDataField] Data field object
+ * @param {string} [sEntitySetName] Entity set name
+ * @param {object} [oHeaderAction] Header action object
+ * returns {string}  Binding expression or function string that is generated from the Commonhelper's function generateFunction
+ */
+export const getPressExpressionForFooterAnnotationAction = function (oDataField: any, sEntitySetName: any, oHeaderAction: any) {
+	const sActionContexts = CommonHelper.addSingleQuotes(oDataField && oDataField.Action),
+		sDataFieldEnumMember = oDataField && oDataField.InvocationGrouping && oDataField.InvocationGrouping["$EnumMember"],
+		sInvocationGroup = sDataFieldEnumMember === "com.sap.vocabularies.UI.v1.OperationGroupingType/ChangeSet" ? "ChangeSet" : "Isolated";
+	const oParams = {
+		contexts: "${$view>/#fe::ObjectPage/}.getBindingContext()",
+		entitySetName: CommonHelper.addSingleQuotes(sEntitySetName),
+		invocationGrouping: CommonHelper.addSingleQuotes(sInvocationGroup),
+		model: "${$source>/}.getModel()",
+		label: CommonHelper.addSingleQuotes(oDataField && oDataField.Label, true),
+		isNavigable: oHeaderAction && oHeaderAction.isNavigable,
+		defaultValuesExtensionFunction:
+			oHeaderAction && oHeaderAction.defaultValuesExtensionFunction
+				? "'" + oHeaderAction.defaultValuesExtensionFunction + "'"
+				: undefined
+	};
+	return CommonHelper.generateFunction(".handlers.onCallAction", "${$view>/}", sActionContexts, CommonHelper.objectToString(oParams));
+};
+
+/*
+ * Gets the binding of the container HBox for the header facet.
+ *
+ * @function
+ * @param {object} [oControlConfiguration] The control configuration form of the viewData model
+ * @param {object} [oHeaderFacet] The object of the header facet
+ * returns {*}  The binding expression from function getBindingWithGroupIdFromConfig or undefined.
+ */
+export const getStashableHBoxBinding = function (oControlConfiguration: any, oHeaderFacet: any) {
+	if (oHeaderFacet && oHeaderFacet.Facet && oHeaderFacet.Facet.targetAnnotationType === "DataPoint") {
+		return getBindingWithGroupIdFromConfig(oControlConfiguration, oHeaderFacet.Facet.targetAnnotationValue);
+	}
+};
+
+/*
+ * Gets the 'Press' event expression for the external and internal data point link.
+ *
+ * @function
+ * @param {object} [oConfiguration] Control configuration from manifest
+ * @param {object} [oManifestOutbound] Outbounds from manifest
+ * returns {string} The runtime binding of the 'Press' event
+ */
+export const getPressExpressionForLink = function (oConfiguration: any, oManifestOutbound: any) {
+	if (oConfiguration) {
+		if (oConfiguration["targetOutbound"] && oConfiguration["targetOutbound"]["outbound"]) {
+			return (
+				".handlers.onDataPointTitlePressed($controller, ${$source>}, " +
+				JSON.stringify(oManifestOutbound) +
+				"," +
+				JSON.stringify(oConfiguration["targetOutbound"]["outbound"]) +
+				")"
+			);
+		} else if (oConfiguration["targetSections"]) {
+			return ".handlers.navigateToSubSection($controller, '" + JSON.stringify(oConfiguration["targetSections"]) + "')";
+		} else {
+			return undefined;
+		}
+	}
+};
+
+export const isSubSectionTitleVisible = function (sSubSectionvisible: any, sSubSectiontitle: any, sSubSectionshowTitle: any) {
+	if (sSubSectionvisible.indexOf("{=") === 0) {
+		// Dynamic expression
+		const sExpressionResult = sSubSectionvisible.substring(sSubSectionvisible.indexOf("{=") + 2, sSubSectionvisible.lastIndexOf("}"));
+		return (
+			"{= (" +
+			sExpressionResult +
+			") && ('" +
+			sSubSectiontitle +
+			"' !=='undefined') && (" +
+			sSubSectionshowTitle +
+			" ? true : false) }"
+		);
+	} else {
+		return sSubSectionvisible && sSubSectiontitle !== "undefined" && (sSubSectionshowTitle ? "true" : "false");
+	}
+};