@sapui5/sap.fe.templates 1.100.0 → 1.102.0

package/src/sap/fe/templates/RootContainer/controller/RootContainerBaseController.ts

@@ -0,0 +1,438 @@
+import Log from "sap/base/Log";
+import BaseController from "sap/fe/core/BaseController";
+import Placeholder from "sap/fe/core/controllerextensions/Placeholder";
+import { defineUI5Class, usingExtension } from "sap/fe/core/helpers/ClassSupport";
+import SizeHelper from "sap/fe/macros/SizeHelper";
+import BindingParser from "sap/ui/base/BindingParser";
+import HashChanger from "sap/ui/core/routing/HashChanger";
+import Router from "sap/ui/core/routing/Router";
+import Context from "sap/ui/model/Context";
+import JSONModel from "sap/ui/model/json/JSONModel";
+import AnnotationHelper from "sap/ui/model/odata/v4/AnnotationHelper";
+import ResourceModel from "sap/ui/model/resource/ResourceModel";
+
+@defineUI5Class("sap.fe.templates.RootContainer.controller.RootContainerBaseController")
+class RootContainerBaseController extends BaseController {
+	@usingExtension(Placeholder)
+	oPlaceholder!: Placeholder;
+	private _aHelperModels!: any[];
+	private oRouter?: Router;
+	private _oRouteMatchedPromise: any;
+	private oTitleHierarchyCache: any;
+	private bIsComputingTitleHierachy: boolean = false;
+
+	onInit() {
+		SizeHelper.init();
+
+		this._aHelperModels = [];
+	}
+
+	getPlaceholder() {
+		return this.oPlaceholder;
+	}
+	attachRouteMatchers() {
+		this.oPlaceholder.attachRouteMatchers();
+		this.getAppComponent().getRoutingService().attachAfterRouteMatched(this._onAfterRouteMatched, this);
+	}
+	onExit() {
+		this.getAppComponent().getRoutingService().detachAfterRouteMatched(this._onAfterRouteMatched, this);
+		this.oRouter = undefined;
+
+		SizeHelper.exit();
+
+		// Destroy all JSON models created dynamically for the views
+		this._aHelperModels.forEach(function (oModel: any) {
+			oModel.destroy();
+		});
+	}
+	/**
+	 * Convenience method for getting the resource bundle.
+	 *
+	 * @public
+	 * @returns {sap.ui.model.resource.ResourceModel} The resourceModel of the component
+	 */
+	getResourceBundle() {
+		return (this.getOwnerComponent().getModel("i18n") as ResourceModel).getResourceBundle();
+	}
+	getRouter() {
+		if (!this.oRouter) {
+			this.oRouter = this.getAppComponent().getRouter();
+		}
+
+		return this.oRouter;
+	}
+
+	_createHelperModel() {
+		// We keep a reference on the models created dynamically, as they don't get destroyed
+		// automatically when the view is destroyed.
+		// This is done during onExit
+		const oModel = new JSONModel();
+		this._aHelperModels.push(oModel);
+
+		return oModel;
+	}
+
+	/**
+	 * Function waiting for the Right most view to be ready.
+	 *
+	 * @memberof sap.fe.templates.RootContainer.controller.BaseController
+	 * @param {*} oEvent Reference an Event parameter coming from routeMatched event
+	 * @returns {Promise}
+	 */
+	waitForRightMostViewReady(oEvent: any) {
+		return new Promise(function (resolve: (value: any) => void) {
+			const aContainers = oEvent.getParameter("views"),
+				// There can also be reuse components in the view, remove them before processing.
+				aFEContainers: any[] = [];
+			aContainers.forEach(function (oContainer: any) {
+				let oView = oContainer;
+				if (oContainer && oContainer.getComponentInstance) {
+					const oComponentInstance = oContainer.getComponentInstance();
+					oView = oComponentInstance.getRootControl();
+				}
+				if (oView && oView.getController() && oView.getController().pageReady) {
+					aFEContainers.push(oView);
+				}
+			});
+			const oRightMostFEView = aFEContainers[aFEContainers.length - 1];
+			if (oRightMostFEView && oRightMostFEView.getController().pageReady.isPageReady()) {
+				resolve(oRightMostFEView);
+			} else {
+				oRightMostFEView &&
+					oRightMostFEView.getController().pageReady.attachEventOnce("pageReady", function () {
+						resolve(oRightMostFEView);
+					});
+			}
+		});
+	}
+
+	/**
+	 * Callback when the navigation is done.
+	 *  - update the shell title.
+	 *  - update table scroll.
+	 *  - call onPageReady on the rightMostView.
+	 *
+	 * @param oEvent
+	 * @name sap.fe.templates.RootContainer.controller.BaseController#_onAfterRouteMatched
+	 * @memberof sap.fe.templates.RootContainer.controller.BaseController
+	 */
+	_onAfterRouteMatched(oEvent: any) {
+		if (!this._oRouteMatchedPromise) {
+			this._oRouteMatchedPromise = this.waitForRightMostViewReady(oEvent)
+				.then((oView: any) => {
+					// The autoFocus is initially disabled on the navContainer or the FCL, so that the focus stays on the Shell menu
+					// even if the app takes a long time to launch
+					// The first time the view is displayed, we need to enable the autofocus so that it's managed properly during navigation
+					const oRootControl = this.getView().getContent()[0] as any;
+					if (oRootControl && oRootControl.getAutoFocus && !oRootControl.getAutoFocus()) {
+						oRootControl.setProperty("autoFocus", true, true); // Do not mark the container as invalid, otherwise it's re-rendered
+					}
+
+					const oAppComponent = this.getAppComponent();
+					this._scrollTablesToLastNavigatedItems();
+					if (oAppComponent.getEnvironmentCapabilities().getCapabilities().UShell) {
+						this._computeTitleHierarchy(oView);
+					}
+					const bForceFocus = oAppComponent.getRouterProxy().isFocusForced();
+					oAppComponent.getRouterProxy().setFocusForced(false); // reset
+					if (oView.getController() && oView.getController().onPageReady && oView.getParent().onPageReady) {
+						oView.getParent().onPageReady({ forceFocus: bForceFocus });
+					}
+					if (this.onContainerReady) {
+						this.onContainerReady();
+					}
+				})
+				.catch(function (oError: any) {
+					Log.error("An error occurs while computing the title hierarchy and calling focus method", oError);
+				})
+				.finally(() => {
+					this._oRouteMatchedPromise = null;
+				});
+		}
+	}
+
+	/**
+	 * This function returns the TitleHierarchy cache ( or initializes it if undefined).
+	 *
+	 * @name sap.fe.templates.RootContainer.controller.BaseController#_getTitleHierarchyCache
+	 * @memberof sap.fe.templates.RootContainer.controller.BaseController
+	 *
+	 * @returns {object}  The TitleHierarchy cache
+	 */
+	_getTitleHierarchyCache() {
+		if (!this.oTitleHierarchyCache) {
+			this.oTitleHierarchyCache = {};
+		}
+		return this.oTitleHierarchyCache;
+	}
+
+	/**
+	 * This function returns a titleInfo object.
+	 *
+	 * @memberof sap.fe.templates.RootContainer.controller.BaseController
+	 * @param {*} title
+	 * @param {*} subtitle
+	 * @param {*} sIntent The intent path to be redirected to
+	 * @returns {object} The title information
+	 */
+	_computeTitleInfo(title: any, subtitle: any, sIntent: any) {
+		const aParts = sIntent.split("/");
+		if (aParts[aParts.length - 1].indexOf("?") === -1) {
+			sIntent += "?restoreHistory=true";
+		} else {
+			sIntent += "&restoreHistory=true";
+		}
+		return {
+			title: title,
+			subtitle: subtitle,
+			intent: sIntent,
+			icon: ""
+		};
+	}
+
+	/**
+	 * Fetches the value of the HeaderInfo title for a given path.
+	 *
+	 * @param {string} sPath The path to the entity
+	 * @returns {Promise} A promise containing the value of the title, or an empty string if no HeaderInfo title annotation is available
+	 */
+	_fetchTitleValue(sPath: string) {
+		const oAppComponent = this.getAppComponent(),
+			oModel = this.getView().getModel(),
+			oMetaModel = oAppComponent.getMetaModel(),
+			sMetaPath = oMetaModel.getMetaPath(sPath);
+
+		const sTitleExpression = AnnotationHelper.format(
+			oMetaModel.getObject(sMetaPath + "/@com.sap.vocabularies.UI.v1.HeaderInfo/Title/Value"),
+			{ context: oMetaModel.createBindingContext("/") as Context }
+		);
+		const oTitleExpression = BindingParser.complexParser(sTitleExpression);
+
+		if (oTitleExpression) {
+			const sTitlePath = oTitleExpression.parts ? oTitleExpression.parts[0].path : oTitleExpression.path;
+			const fnTitleFormatter = oTitleExpression.formatter;
+			const oBindingViewContext = oModel.createBindingContext(sPath);
+			const oPropertyBinding = oModel.bindProperty(sTitlePath, oBindingViewContext);
+
+			oPropertyBinding.initialize();
+
+			return new Promise(function (resolve: (value: any) => void) {
+				const fnChange = function (oEvent: any) {
+					const sTargetValue = fnTitleFormatter ? fnTitleFormatter(oEvent.getSource().getValue()) : oEvent.getSource().getValue();
+
+					oPropertyBinding.detachChange(fnChange);
+					resolve(sTargetValue);
+				};
+
+				oPropertyBinding.attachChange(fnChange);
+			});
+		} else {
+			return Promise.resolve("");
+		}
+	}
+
+	_getAppSpecificHash() {
+		// HashChanged isShellNavigationHashChanger
+		return (HashChanger.getInstance() as any).hrefForAppSpecificHash
+			? (HashChanger.getInstance() as any).hrefForAppSpecificHash("")
+			: "";
+	}
+
+	_getHash() {
+		return HashChanger.getInstance().getHash();
+	}
+
+	/**
+	 * This function returns titleInformation from a path.
+	 * It updates the cache to store Title Information if necessary
+	 *
+	 * @name sap.fe.templates.RootContainer.controller.BaseController#getTitleInfoFromPath
+	 * @memberof sap.fe.templates.RootContainer.controller.BaseController
+	 * @param {*} sPath path of the context to retrieve title information from MetaModel
+	 *
+	 * @returns {promise}  oTitleinformation returned as promise
+	 */
+
+	getTitleInfoFromPath(sPath: any) {
+		const oTitleHierarchyCache = this._getTitleHierarchyCache();
+
+		if (oTitleHierarchyCache[sPath]) {
+			// The title info is already stored in the cache
+			return Promise.resolve(oTitleHierarchyCache[sPath]);
+		}
+
+		const oMetaModel = this.getAppComponent().getMetaModel();
+		const sEntityPath = oMetaModel.getMetaPath(sPath);
+		const sTypeName = oMetaModel.getObject(sEntityPath + "/@com.sap.vocabularies.UI.v1.HeaderInfo/TypeName");
+		const sAppSpecificHash = this._getAppSpecificHash();
+		const sIntent = sAppSpecificHash + sPath.slice(1);
+
+		return this._fetchTitleValue(sPath).then((sTitle: any) => {
+			const oTitleInfo = this._computeTitleInfo(sTypeName, sTitle, sIntent);
+			oTitleHierarchyCache[sPath] = oTitleInfo;
+			return oTitleInfo;
+		});
+	}
+	/**
+	 * Ensure that the ushell service receives all elements
+	 * (title, subtitle, intent, icon) as strings.
+	 *
+	 * Annotation HeaderInfo allows for binding of title and description
+	 * (which are used here as title and subtitle) to any element in the entity
+	 * (being possibly types like boolean, timestamp, double, etc.)
+	 *
+	 * Creates a new hierarchy and converts non-string types to string.
+	 *
+	 * @param {*} aHierarchy Shell title hierarchy
+	 * @returns {*} Copy of shell title hierarchy containing all elements as strings
+	 */
+	_ensureHierarchyElementsAreStrings(aHierarchy: any) {
+		const aHierarchyShell = [];
+		for (const level in aHierarchy) {
+			const oHierarchy = aHierarchy[level];
+			const oShellHierarchy: any = {};
+			for (const key in oHierarchy) {
+				oShellHierarchy[key] = typeof oHierarchy[key] !== "string" ? String(oHierarchy[key]) : oHierarchy[key];
+			}
+			aHierarchyShell.push(oShellHierarchy);
+		}
+		return aHierarchyShell;
+	}
+
+	_getTargetTypeFromHash(sHash: any) {
+		const oAppComponent = this.getAppComponent();
+		let sTargetType = "";
+
+		const aRoutes = oAppComponent.getManifestEntry("/sap.ui5/routing/routes");
+		for (let j = 0; j < aRoutes.length; j++) {
+			const oRoute = oAppComponent.getRouter().getRoute(aRoutes[j].name);
+			if (oRoute.match(sHash)) {
+				const sTarget = Array.isArray(aRoutes[j].target) ? aRoutes[j].target[0] : aRoutes[j].target;
+				sTargetType = (oAppComponent.getRouter().getTarget(sTarget) as any)._oOptions.name;
+				break;
+			}
+		}
+
+		return sTargetType;
+	}
+
+	/**
+	 * This function is updating the shell title after each navigation.
+	 *
+	 * @memberof sap.fe.templates.RootContainer.controller.BaseController
+	 * @param {*} oView The current view
+	 * @returns {*} A Promise that is resolved when the menu is filled properly
+	 */
+	_computeTitleHierarchy(oView: any) {
+		const oAppComponent = this.getAppComponent(),
+			oContext = oView.getBindingContext(),
+			oCurrentPage = oView.getParent(),
+			aTitleInformationPromises = [],
+			sAppSpecificHash = this._getAppSpecificHash(),
+			sAppTitle = oAppComponent.getMetadata().getManifestEntry("sap.app").title || "",
+			sAppSubTitle = oAppComponent.getMetadata().getManifestEntry("sap.app").appSubTitle || "";
+		let oPageTitleInformation: any, sNewPath;
+
+		if (oCurrentPage && oCurrentPage._getPageTitleInformation) {
+			if (oContext) {
+				// If the first page of the application is a LR, use the title and subtitle from the manifest
+				if (this._getTargetTypeFromHash("") === "sap.fe.templates.ListReport") {
+					aTitleInformationPromises.push(Promise.resolve(this._computeTitleInfo(sAppTitle, sAppSubTitle, sAppSpecificHash)));
+				}
+
+				// Then manage other pages
+				sNewPath = oContext.getPath();
+				const aPathParts = sNewPath.split("/");
+				let sPath = "";
+
+				aPathParts.shift(); // Remove the first segment (empty string) as it has been managed above
+				aPathParts.pop(); // Remove the last segment as it corresponds to the current page and shouldn't appear in the menu
+
+				aPathParts.forEach((sPathPart: any) => {
+					sPath += "/" + sPathPart;
+					const oMetaModel = oAppComponent.getMetaModel(),
+						sParameterPath = oMetaModel.getMetaPath(sPath),
+						bIsParameterized = oMetaModel.getObject(sParameterPath + "/@com.sap.vocabularies.Common.v1.ResultContext");
+					if (!bIsParameterized) {
+						aTitleInformationPromises.push(this.getTitleInfoFromPath(sPath));
+					}
+				});
+			}
+
+			// Current page
+			oPageTitleInformation = oCurrentPage._getPageTitleInformation();
+			oPageTitleInformation = this._computeTitleInfo(
+				oPageTitleInformation.title,
+				oPageTitleInformation.subtitle,
+				sAppSpecificHash + this._getHash()
+			);
+
+			if (oContext) {
+				this._getTitleHierarchyCache()[sNewPath] = oPageTitleInformation;
+			} else {
+				this._getTitleHierarchyCache()[sAppSpecificHash] = oPageTitleInformation;
+			}
+		} else {
+			aTitleInformationPromises.push(Promise.reject("Title information missing in HeaderInfo"));
+		}
+		return Promise.all(aTitleInformationPromises)
+			.then((aTitleInfoHierarchy: any[]) => {
+				// workaround for shell which is expecting all elements being of type string
+				const aTitleInfoHierarchyShell = this._ensureHierarchyElementsAreStrings(aTitleInfoHierarchy),
+					sTitle = oPageTitleInformation.title;
+				oAppComponent.getShellServices().setHierarchy(aTitleInfoHierarchyShell.reverse());
+				oAppComponent.getShellServices().setTitle(sTitle);
+			})
+			.catch(function (sErrorMessage: any) {
+				Log.error(sErrorMessage);
+			})
+			.finally(() => {
+				this.bIsComputingTitleHierachy = false;
+			})
+			.catch(function (sErrorMessage: any) {
+				Log.error(sErrorMessage);
+			});
+	}
+
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	calculateLayout(iNextFCLLevel: number, sHash: string, sProposedLayout: string | undefined, keepCurrentLayout: boolean | undefined) {
+		return null;
+	}
+
+	/**
+	 * Callback after a view has been bound to a context.
+	 *
+	 * @param {sap.ui.model.odata.v4.Context} oContext The context that has been bound to a view
+	 */
+	onContextBoundToView(oContext: any) {
+		if (oContext) {
+			const sDeepestPath = this.getView().getModel("internal").getProperty("/deepestPath"),
+				sViewContextPath = oContext.getPath();
+
+			if (!sDeepestPath || sDeepestPath.indexOf(sViewContextPath) !== 0) {
+				// There was no previous value for the deepest reached path, or the path
+				// for the view isn't a subpath of the previous deepest path --> update
+				(this.getView().getModel("internal") as JSONModel).setProperty("/deepestPath", sViewContextPath, undefined, true);
+			}
+		}
+	}
+
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	displayMessagePage(sErrorMessage: any, mParameters: any): Promise<boolean> {
+		// To be overridden
+		return Promise.resolve(true);
+	}
+
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	updateUIStateForView(oView: any, FCLLevel: any) {
+		// To be overriden
+	}
+	_scrollTablesToLastNavigatedItems(): void {
+		// To be overriden
+	}
+}
+interface RootContainerBaseController {
+	onContainerReady?(): void;
+}
+
+export default RootContainerBaseController;

package/src/sap/fe/templates/RootContainer/overrides/EditFlow.js

@@ -1,18 +1,20 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-sap.ui.define([], function() {
-	"use strict";
+sap.ui.define([], function () {
+  "use strict";
 
-	return {
-		setCreationMode: function(bCreationMode) {
-			var oUIModelContext = this.base.getView().getBindingContext("ui");
-			oUIModelContext.getModel().setProperty("createMode", bCreationMode, oUIModelContext, true);
-			if (this.getProgrammingModel() === "Sticky") {
-				oUIModelContext.getModel().setProperty("createModeSticky", this.getTransactionHelper()._bCreateMode, oUIModelContext, true);
-			}
-		}
-	};
-});
+  var EditFLowExtensionOverride = {
+    setCreationMode: function (bCreationMode) {
+      var oUIModelContext = this.base.getView().getBindingContext("ui");
+      oUIModelContext.getModel().setProperty("createMode", bCreationMode, oUIModelContext, true);
+
+      if (this.getProgrammingModel() === "Sticky") {
+        oUIModelContext.getModel().setProperty("createModeSticky", this.getTransactionHelper()._bCreateMode, oUIModelContext, true);
+      }
+    }
+  };
+  return EditFLowExtensionOverride;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVkaXRGbG93LnRzIl0sIm5hbWVzIjpbIkVkaXRGTG93RXh0ZW5zaW9uT3ZlcnJpZGUiLCJzZXRDcmVhdGlvbk1vZGUiLCJiQ3JlYXRpb25Nb2RlIiwib1VJTW9kZWxDb250ZXh0IiwiYmFzZSIsImdldFZpZXciLCJnZXRCaW5kaW5nQ29udGV4dCIsImdldE1vZGVsIiwic2V0UHJvcGVydHkiLCJnZXRQcm9ncmFtbWluZ01vZGVsIiwiZ2V0VHJhbnNhY3Rpb25IZWxwZXIiLCJfYkNyZWF0ZU1vZGUiXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBO0FBQ0E7Ozs7QUFFQSxNQUFNQSx5QkFBeUIsR0FBRztBQUNqQ0MsSUFBQUEsZUFBZSxFQUFFLFVBQWtDQyxhQUFsQyxFQUFzRDtBQUN0RSxVQUFNQyxlQUFlLEdBQUcsS0FBS0MsSUFBTCxDQUFVQyxPQUFWLEdBQW9CQyxpQkFBcEIsQ0FBc0MsSUFBdEMsQ0FBeEI7QUFDQ0gsTUFBQUEsZUFBZSxDQUFDSSxRQUFoQixFQUFELENBQTBDQyxXQUExQyxDQUFzRCxZQUF0RCxFQUFvRU4sYUFBcEUsRUFBbUZDLGVBQW5GLEVBQW9HLElBQXBHOztBQUNBLFVBQUksS0FBS00sbUJBQUwsT0FBK0IsUUFBbkMsRUFBNkM7QUFDM0NOLFFBQUFBLGVBQWUsQ0FBQ0ksUUFBaEIsRUFBRCxDQUEwQ0MsV0FBMUMsQ0FDQyxrQkFERCxFQUVDLEtBQUtFLG9CQUFMLEdBQTRCQyxZQUY3QixFQUdDUixlQUhELEVBSUMsSUFKRDtBQU1BO0FBQ0Q7QUFaZ0MsR0FBbEM7U0FlZUgseUIiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBJbnRlcm5hbEVkaXRGbG93IGZyb20gXCJzYXAvZmUvY29yZS9jb250cm9sbGVyZXh0ZW5zaW9ucy9JbnRlcm5hbEVkaXRGbG93XCI7XG5pbXBvcnQgQ29udGV4dCBmcm9tIFwic2FwL3VpL21vZGVsL0NvbnRleHRcIjtcbmltcG9ydCBKU09OTW9kZWwgZnJvbSBcInNhcC91aS9tb2RlbC9qc29uL0pTT05Nb2RlbFwiO1xuXG5jb25zdCBFZGl0Rkxvd0V4dGVuc2lvbk92ZXJyaWRlID0ge1xuXHRzZXRDcmVhdGlvbk1vZGU6IGZ1bmN0aW9uICh0aGlzOiBJbnRlcm5hbEVkaXRGbG93LCBiQ3JlYXRpb25Nb2RlOiBhbnkpIHtcblx0XHRjb25zdCBvVUlNb2RlbENvbnRleHQgPSB0aGlzLmJhc2UuZ2V0VmlldygpLmdldEJpbmRpbmdDb250ZXh0KFwidWlcIikgYXMgQ29udGV4dDtcblx0XHQob1VJTW9kZWxDb250ZXh0LmdldE1vZGVsKCkgYXMgSlNPTk1vZGVsKS5zZXRQcm9wZXJ0eShcImNyZWF0ZU1vZGVcIiwgYkNyZWF0aW9uTW9kZSwgb1VJTW9kZWxDb250ZXh0LCB0cnVlKTtcblx0XHRpZiAodGhpcy5nZXRQcm9ncmFtbWluZ01vZGVsKCkgPT09IFwiU3RpY2t5XCIpIHtcblx0XHRcdChvVUlNb2RlbENvbnRleHQuZ2V0TW9kZWwoKSBhcyBKU09OTW9kZWwpLnNldFByb3BlcnR5KFxuXHRcdFx0XHRcImNyZWF0ZU1vZGVTdGlja3lcIixcblx0XHRcdFx0dGhpcy5nZXRUcmFuc2FjdGlvbkhlbHBlcigpLl9iQ3JlYXRlTW9kZSxcblx0XHRcdFx0b1VJTW9kZWxDb250ZXh0LFxuXHRcdFx0XHR0cnVlXG5cdFx0XHQpO1xuXHRcdH1cblx0fVxufTtcblxuZXhwb3J0IGRlZmF1bHQgRWRpdEZMb3dFeHRlbnNpb25PdmVycmlkZTtcbiJdfQ==

package/src/sap/fe/templates/RootContainer/overrides/EditFlow.ts

@@ -0,0 +1,20 @@
+import InternalEditFlow from "sap/fe/core/controllerextensions/InternalEditFlow";
+import Context from "sap/ui/model/Context";
+import JSONModel from "sap/ui/model/json/JSONModel";
+
+const EditFLowExtensionOverride = {
+	setCreationMode: function (this: InternalEditFlow, bCreationMode: any) {
+		const oUIModelContext = this.base.getView().getBindingContext("ui") as Context;
+		(oUIModelContext.getModel() as JSONModel).setProperty("createMode", bCreationMode, oUIModelContext, true);
+		if (this.getProgrammingModel() === "Sticky") {
+			(oUIModelContext.getModel() as JSONModel).setProperty(
+				"createModeSticky",
+				this.getTransactionHelper()._bCreateMode,
+				oUIModelContext,
+				true
+			);
+		}
+	}
+};
+
+export default EditFLowExtensionOverride;

package/src/sap/fe/templates/TableScroller.js

@@ -1,62 +1,54 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-sap.ui.define(
-	[],
-	function() {
-		"use strict";
+sap.ui.define([], function () {
+  "use strict";
 
-		var TableScroller = {
-			/**
-			 * Scrolls an MDC table to a given row, identified by its context path.
-			 * If the row with the path can't be found, the table stays unchanged.
-			 *
-			 * @param {sap.ui.mdc.Table} oTable The table to be scrolled
-			 * @param {string} sRowPath The path identifying the row to scroll to
-			 */
-			scrollTableToRow: function(oTable, sRowPath) {
-				var oTableRowBinding = oTable.getRowBinding();
+  var TableScroller = {
+    /**
+     * Scrolls an MDC table to a given row, identified by its context path.
+     * If the row with the path can't be found, the table stays unchanged.
+     *
+     * @param {sap.ui.mdc.Table} oTable The table to be scrolled
+     * @param {string} sRowPath The path identifying the row to scroll to
+     */
+    scrollTableToRow: function (oTable, sRowPath) {
+      var oTableRowBinding = oTable.getRowBinding();
 
-				var getTableContexts = function() {
-					if (oTable.data().tableType === "GridTable") {
-						return oTableRowBinding.getContexts(0);
-					} else {
-						return oTableRowBinding.getCurrentContexts();
-					}
-				};
+      var getTableContexts = function () {
+        if (oTable.data().tableType === "GridTable") {
+          return oTableRowBinding.getContexts(0);
+        } else {
+          return oTableRowBinding.getCurrentContexts();
+        }
+      };
 
-				var findAndScroll = function() {
-					var oTableRow = getTableContexts().find(function(item) {
-						return item && item.getPath() === sRowPath;
-					});
-					if (oTableRow) {
-						oTable.scrollToIndex(oTableRow.getIndex());
-					}
-				};
+      var findAndScroll = function () {
+        var oTableRow = getTableContexts().find(function (item) {
+          return item && item.getPath() === sRowPath;
+        });
 
-				if (oTableRowBinding) {
-					var oTableRowBindingContexts = getTableContexts();
+        if (oTableRow) {
+          oTable.scrollToIndex(oTableRow.getIndex());
+        }
+      };
 
-					if (
-						(oTableRowBindingContexts.length === 0 && oTableRowBinding.getLength() > 0) ||
-						oTableRowBindingContexts.some(function(context) {
-							return context === undefined;
-						})
-					) {
-						// The contexts are not loaded yet --> wait for a change event before scrolling
-						oTableRowBinding.attachEventOnce("dataReceived", findAndScroll);
-					} else {
-						// Contexts are already loaded --> we can try to scroll immediately
-						findAndScroll();
-					}
-				}
-			}
-		};
+      if (oTableRowBinding) {
+        var oTableRowBindingContexts = getTableContexts();
 
-		return TableScroller;
-	},
-	/* bExport= */
-	true
-);
+        if (oTableRowBindingContexts.length === 0 && oTableRowBinding.getLength() > 0 || oTableRowBindingContexts.some(function (context) {
+          return context === undefined;
+        })) {
+          // The contexts are not loaded yet --> wait for a change event before scrolling
+          oTableRowBinding.attachEventOnce("dataReceived", findAndScroll);
+        } else {
+          // Contexts are already loaded --> we can try to scroll immediately
+          findAndScroll();
+        }
+      }
+    }
+  };
+  return TableScroller;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlU2Nyb2xsZXIudHMiXSwibmFtZXMiOlsiVGFibGVTY3JvbGxlciIsInNjcm9sbFRhYmxlVG9Sb3ciLCJvVGFibGUiLCJzUm93UGF0aCIsIm9UYWJsZVJvd0JpbmRpbmciLCJnZXRSb3dCaW5kaW5nIiwiZ2V0VGFibGVDb250ZXh0cyIsImRhdGEiLCJ0YWJsZVR5cGUiLCJnZXRDb250ZXh0cyIsImdldEN1cnJlbnRDb250ZXh0cyIsImZpbmRBbmRTY3JvbGwiLCJvVGFibGVSb3ciLCJmaW5kIiwiaXRlbSIsImdldFBhdGgiLCJzY3JvbGxUb0luZGV4IiwiZ2V0SW5kZXgiLCJvVGFibGVSb3dCaW5kaW5nQ29udGV4dHMiLCJsZW5ndGgiLCJnZXRMZW5ndGgiLCJzb21lIiwiY29udGV4dCIsInVuZGVmaW5lZCIsImF0dGFjaEV2ZW50T25jZSJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7OztBQUZBLE1BQU1BLGFBQWEsR0FBRztBQUNyQjtBQUNEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNDQyxJQUFBQSxnQkFBZ0IsRUFBRSxVQUFVQyxNQUFWLEVBQXVCQyxRQUF2QixFQUF5QztBQUMxRCxVQUFNQyxnQkFBZ0IsR0FBR0YsTUFBTSxDQUFDRyxhQUFQLEVBQXpCOztBQUVBLFVBQU1DLGdCQUFnQixHQUFHLFlBQVk7QUFDcEMsWUFBSUosTUFBTSxDQUFDSyxJQUFQLEdBQWNDLFNBQWQsS0FBNEIsV0FBaEMsRUFBNkM7QUFDNUMsaUJBQU9KLGdCQUFnQixDQUFDSyxXQUFqQixDQUE2QixDQUE3QixDQUFQO0FBQ0EsU0FGRCxNQUVPO0FBQ04saUJBQU9MLGdCQUFnQixDQUFDTSxrQkFBakIsRUFBUDtBQUNBO0FBQ0QsT0FORDs7QUFRQSxVQUFNQyxhQUFhLEdBQUcsWUFBWTtBQUNqQyxZQUFNQyxTQUFTLEdBQUdOLGdCQUFnQixHQUFHTyxJQUFuQixDQUF3QixVQUFVQyxJQUFWLEVBQXFCO0FBQzlELGlCQUFPQSxJQUFJLElBQUlBLElBQUksQ0FBQ0MsT0FBTCxPQUFtQlosUUFBbEM7QUFDQSxTQUZpQixDQUFsQjs7QUFHQSxZQUFJUyxTQUFKLEVBQWU7QUFDZFYsVUFBQUEsTUFBTSxDQUFDYyxhQUFQLENBQXFCSixTQUFTLENBQUNLLFFBQVYsRUFBckI7QUFDQTtBQUNELE9BUEQ7O0FBU0EsVUFBSWIsZ0JBQUosRUFBc0I7QUFDckIsWUFBTWMsd0JBQXdCLEdBQUdaLGdCQUFnQixFQUFqRDs7QUFFQSxZQUNFWSx3QkFBd0IsQ0FBQ0MsTUFBekIsS0FBb0MsQ0FBcEMsSUFBeUNmLGdCQUFnQixDQUFDZ0IsU0FBakIsS0FBK0IsQ0FBekUsSUFDQUYsd0JBQXdCLENBQUNHLElBQXpCLENBQThCLFVBQVVDLE9BQVYsRUFBd0I7QUFDckQsaUJBQU9BLE9BQU8sS0FBS0MsU0FBbkI7QUFDQSxTQUZELENBRkQsRUFLRTtBQUNEO0FBQ0FuQixVQUFBQSxnQkFBZ0IsQ0FBQ29CLGVBQWpCLENBQWlDLGNBQWpDLEVBQWlEYixhQUFqRDtBQUNBLFNBUkQsTUFRTztBQUNOO0FBQ0FBLFVBQUFBLGFBQWE7QUFDYjtBQUNEO0FBQ0Q7QUE1Q29CLEdBQXRCO1NBK0NlWCxhIiwic291cmNlUm9vdCI6Ii4iLCJzb3VyY2VzQ29udGVudCI6WyJjb25zdCBUYWJsZVNjcm9sbGVyID0ge1xuXHQvKipcblx0ICogU2Nyb2xscyBhbiBNREMgdGFibGUgdG8gYSBnaXZlbiByb3csIGlkZW50aWZpZWQgYnkgaXRzIGNvbnRleHQgcGF0aC5cblx0ICogSWYgdGhlIHJvdyB3aXRoIHRoZSBwYXRoIGNhbid0IGJlIGZvdW5kLCB0aGUgdGFibGUgc3RheXMgdW5jaGFuZ2VkLlxuXHQgKlxuXHQgKiBAcGFyYW0ge3NhcC51aS5tZGMuVGFibGV9IG9UYWJsZSBUaGUgdGFibGUgdG8gYmUgc2Nyb2xsZWRcblx0ICogQHBhcmFtIHtzdHJpbmd9IHNSb3dQYXRoIFRoZSBwYXRoIGlkZW50aWZ5aW5nIHRoZSByb3cgdG8gc2Nyb2xsIHRvXG5cdCAqL1xuXHRzY3JvbGxUYWJsZVRvUm93OiBmdW5jdGlvbiAob1RhYmxlOiBhbnksIHNSb3dQYXRoOiBzdHJpbmcpIHtcblx0XHRjb25zdCBvVGFibGVSb3dCaW5kaW5nID0gb1RhYmxlLmdldFJvd0JpbmRpbmcoKTtcblxuXHRcdGNvbnN0IGdldFRhYmxlQ29udGV4dHMgPSBmdW5jdGlvbiAoKSB7XG5cdFx0XHRpZiAob1RhYmxlLmRhdGEoKS50YWJsZVR5cGUgPT09IFwiR3JpZFRhYmxlXCIpIHtcblx0XHRcdFx0cmV0dXJuIG9UYWJsZVJvd0JpbmRpbmcuZ2V0Q29udGV4dHMoMCk7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRyZXR1cm4gb1RhYmxlUm93QmluZGluZy5nZXRDdXJyZW50Q29udGV4dHMoKTtcblx0XHRcdH1cblx0XHR9O1xuXG5cdFx0Y29uc3QgZmluZEFuZFNjcm9sbCA9IGZ1bmN0aW9uICgpIHtcblx0XHRcdGNvbnN0IG9UYWJsZVJvdyA9IGdldFRhYmxlQ29udGV4dHMoKS5maW5kKGZ1bmN0aW9uIChpdGVtOiBhbnkpIHtcblx0XHRcdFx0cmV0dXJuIGl0ZW0gJiYgaXRlbS5nZXRQYXRoKCkgPT09IHNSb3dQYXRoO1xuXHRcdFx0fSk7XG5cdFx0XHRpZiAob1RhYmxlUm93KSB7XG5cdFx0XHRcdG9UYWJsZS5zY3JvbGxUb0luZGV4KG9UYWJsZVJvdy5nZXRJbmRleCgpKTtcblx0XHRcdH1cblx0XHR9O1xuXG5cdFx0aWYgKG9UYWJsZVJvd0JpbmRpbmcpIHtcblx0XHRcdGNvbnN0IG9UYWJsZVJvd0JpbmRpbmdDb250ZXh0cyA9IGdldFRhYmxlQ29udGV4dHMoKTtcblxuXHRcdFx0aWYgKFxuXHRcdFx0XHQob1RhYmxlUm93QmluZGluZ0NvbnRleHRzLmxlbmd0aCA9PT0gMCAmJiBvVGFibGVSb3dCaW5kaW5nLmdldExlbmd0aCgpID4gMCkgfHxcblx0XHRcdFx0b1RhYmxlUm93QmluZGluZ0NvbnRleHRzLnNvbWUoZnVuY3Rpb24gKGNvbnRleHQ6IGFueSkge1xuXHRcdFx0XHRcdHJldHVybiBjb250ZXh0ID09PSB1bmRlZmluZWQ7XG5cdFx0XHRcdH0pXG5cdFx0XHQpIHtcblx0XHRcdFx0Ly8gVGhlIGNvbnRleHRzIGFyZSBub3QgbG9hZGVkIHlldCAtLT4gd2FpdCBmb3IgYSBjaGFuZ2UgZXZlbnQgYmVmb3JlIHNjcm9sbGluZ1xuXHRcdFx0XHRvVGFibGVSb3dCaW5kaW5nLmF0dGFjaEV2ZW50T25jZShcImRhdGFSZWNlaXZlZFwiLCBmaW5kQW5kU2Nyb2xsKTtcblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdC8vIENvbnRleHRzIGFyZSBhbHJlYWR5IGxvYWRlZCAtLT4gd2UgY2FuIHRyeSB0byBzY3JvbGwgaW1tZWRpYXRlbHlcblx0XHRcdFx0ZmluZEFuZFNjcm9sbCgpO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufTtcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVTY3JvbGxlcjtcbiJdfQ==

package/src/sap/fe/templates/TableScroller.ts

@@ -0,0 +1,48 @@
+const TableScroller = {
+	/**
+	 * Scrolls an MDC table to a given row, identified by its context path.
+	 * If the row with the path can't be found, the table stays unchanged.
+	 *
+	 * @param {sap.ui.mdc.Table} oTable The table to be scrolled
+	 * @param {string} sRowPath The path identifying the row to scroll to
+	 */
+	scrollTableToRow: function (oTable: any, sRowPath: string) {
+		const oTableRowBinding = oTable.getRowBinding();
+
+		const getTableContexts = function () {
+			if (oTable.data().tableType === "GridTable") {
+				return oTableRowBinding.getContexts(0);
+			} else {
+				return oTableRowBinding.getCurrentContexts();
+			}
+		};
+
+		const findAndScroll = function () {
+			const oTableRow = getTableContexts().find(function (item: any) {
+				return item && item.getPath() === sRowPath;
+			});
+			if (oTableRow) {
+				oTable.scrollToIndex(oTableRow.getIndex());
+			}
+		};
+
+		if (oTableRowBinding) {
+			const oTableRowBindingContexts = getTableContexts();
+
+			if (
+				(oTableRowBindingContexts.length === 0 && oTableRowBinding.getLength() > 0) ||
+				oTableRowBindingContexts.some(function (context: any) {
+					return context === undefined;
+				})
+			) {
+				// The contexts are not loaded yet --> wait for a change event before scrolling
+				oTableRowBinding.attachEventOnce("dataReceived", findAndScroll);
+			} else {
+				// Contexts are already loaded --> we can try to scroll immediately
+				findAndScroll();
+			}
+		}
+	}
+};
+
+export default TableScroller;