@sapui5/sap.suite.ui.generic.template 1.130.2 → 1.131.0

package/src/sap/suite/ui/generic/template/designtime/controls/DynamicPage.designtime.js

@@ -0,0 +1,317 @@
+/*!
+* SAP UI development toolkit for HTML5 (SAPUI5)
+
+		(c) Copyright 2009-2015 SAP SE. All rights reserved
+	
+*/
+sap.ui.define([
+	"sap/base/util/deepClone",
+	"sap/base/util/ObjectPath",
+	"sap/suite/ui/generic/template/designtime/utils/designtimeUtils",
+	"sap/suite/ui/generic/template/genericUtilities/testableHelper"
+],
+	function (deepClone, ObjectPath, designtimeUtils, testableHelper) {
+		"use strict";
+		const { SettingScope } = designtimeUtils;
+
+		/**
+		 * @typedef {Object} DesigntimeSetting
+		 * @property {string} id - The ID of the designtime setting.
+		 * @property {string} name - The name of the designtime setting.
+		 * @property {string} description - The description of the designtime setting.
+		 * @property {PropertyValue} [value] - The default value of the designtime setting.
+		 * @property {string} type - The type of the designtime setting.
+		 * @property {Array.<Enum>} [enums] - The array of possible enum values for the designtime setting.
+		 * @property {(mControlDetails: ControlInfo) => string} [getPath] - The path to the designtime setting in the manifest.
+		 * @property {boolean} [bSupportsGlobalScope] - Indicates if the setting supports global scope. (Default: false)
+		 * @property {string[]} [restrictedTo] - The array of components for which the setting is restricted.
+		 * @property {Partial<DesigntimeSetting>[]} [writeObject] - An array of DesigntimeSetting objects.
+		 * @property {string} [writeObjectFor] - The value for which the writeObject should be applied.
+		 * @property {boolean} [skipChange] - Indicates if the change should be skipped.
+
+		===============================================
+		 * @typedef {Object} ChangeParameters - Descriptor change parameters.
+		 * @property {string} [sScope] - The scope of the manifest setting.
+		 * @property {string} [sChangeType] - Desciptor change type.
+		===============================================
+
+		 * @typedef {Object} ControlInfo
+		 * @property {string} sParentComponentName - The name of the parent component.
+		 * @extends ChangeParameters
+
+		 * @typedef {ChangeParameters & ControlInfo} ControlChangeParams
+
+		 * @typedef {string | boolean | string[] | null } PropertyValue
+
+		 * @typedef {Object} Enum
+		 * @property {string} id - The ID of the enum value.
+		 * @property {string} name - The name of the enum value.
+		 * @property {Object} [value] - The value of the enum value.
+		 */
+
+
+
+		/**
+		 * Retrieves the runtime adaptation properties based on the allowed design-time settings and global settings.
+		 *
+		 * @param {Array} aAllowedDesigntimeSettings - The array of allowed design-time settings.
+		 * @param {Object} mGlobalSettings - The global manifest settings object.
+		 * @returns {Object} - The object containing the runtime adaptation properties.
+		 */
+		function getRuntimeAdapationProperties(aAllowedDesigntimeSettings, mGlobalSettings) {
+			const mPropertyValues = {};
+
+			aAllowedDesigntimeSettings.forEach(oSetting => {
+				const sProperty = oSetting.id;
+				switch (sProperty) {
+					case "statePreservationMode":
+						mPropertyValues[sProperty] = mGlobalSettings[sProperty] || oSetting.value;
+						break;
+					case "flexibleColumnLayout":
+						mPropertyValues[sProperty] = !!mGlobalSettings.flexibleColumnLayout || oSetting.value;
+						break;
+					case "defaultTwoColumnLayoutType":
+						const manifestPath = "flexibleColumnLayout.defaultTwoColumnLayoutType";
+						mPropertyValues[sProperty] = ObjectPath.get(manifestPath, mGlobalSettings) || oSetting.value;
+						break;
+					case "defaultThreeColumnLayoutType":
+						const manifestPathThreeColumns = "flexibleColumnLayout.defaultThreeColumnLayoutType";
+						mPropertyValues[sProperty] = ObjectPath.get(manifestPathThreeColumns, mGlobalSettings) || oSetting.value;
+						break;
+					case "externalNavigationSettings":
+						mPropertyValues[sProperty] = mGlobalSettings[sProperty] || oSetting.value;
+						break;
+					case "inboundParameters":
+						mPropertyValues[sProperty] = mGlobalSettings[sProperty] || oSetting.value;
+						break;
+
+					default:
+						break;
+				}
+			});
+			return mPropertyValues;
+		}
+
+		/**
+		 * Opens the dialog for the table configuration.
+		 * @param {sap.ui.core.Control} oControl - The control for which the dialog should be opened.
+		 * @param {object} mPropertyBag - The property bag.
+		 * @returns {Promise<ControlChangeParams[]>} - The changes.
+		 */
+		async function fnOpenTableConfigurationDialog(oControl, mPropertyBag) {
+			const oResourceModel = oControl.getModel("i18n");
+			const oComponent = designtimeUtils.getOwnerComponentFor(oControl);
+			const oAppComponent = oComponent.getAppComponent();
+			const sComponentName = oComponent.getMetadata().getComponentName();
+
+			const aAllowedDesigntimeSettings = getAllowedDesigntimeSettings(oControl);
+			const mGlobalSettings = designtimeUtils.getSupportedGlobalManifestSettings(oAppComponent);
+
+			// Get the current values of the properties
+			const mRuntimeAdaptationPropertyValues = getRuntimeAdapationProperties(aAllowedDesigntimeSettings, mGlobalSettings);
+			// Save the unchanged data to compare later
+			const mUnchangedData = deepClone(mRuntimeAdaptationPropertyValues);
+			// Get the settings of the dialog from the designtime settings using which the dialog will be created
+			const aItems = designtimeUtils.getSettings(mRuntimeAdaptationPropertyValues, aAllowedDesigntimeSettings);
+			// Add the scope of the changes
+			const oScopeControlData = {
+				type: "string",
+				"enum": [],
+				value: SettingScope.Page,
+				id: "scope",
+				disabled: false
+			};
+			const aChangeScopeOption = [
+				{
+					label: "Scope of the changes",
+					tooltip: "Scope of the changes",
+					control: [
+						oScopeControlData
+					]
+				}
+			];
+
+			// if the allowed designtime settings contain a setting that supports global scope
+			// then add the global scope option
+			const bSupportsGlobalScope = aAllowedDesigntimeSettings.some(oSetting => oSetting.bSupportsGlobalScope);
+			if (bSupportsGlobalScope) {
+				// @ts-ignore
+				oScopeControlData.enum.push({ id: SettingScope.Application, name: SettingScope.Application });
+			}
+			// disable the scope control if there is only one option
+			oScopeControlData.disabled = oScopeControlData.enum.length <= 1;
+
+			const mPropertyValuesEntered = await designtimeUtils.openAdaptionDialog([...aChangeScopeOption, ...aItems], mRuntimeAdaptationPropertyValues, mUnchangedData, "{i18n>RTA_CONFIGURATION_TITLE_LIST_REPORT}", { width: "650px", height: "800px" }, oResourceModel);
+
+			// if the scope is not set, set it to the default is "Application Scope"
+			mPropertyValuesEntered["scope"] = mPropertyValuesEntered["scope"] || SettingScope.Application;
+			mUnchangedData["scope"] = mUnchangedData["scope"] || SettingScope.Application;
+
+			/**
+			 * @type {ControlChangeParams}
+			 */
+			const mPathParameters = {
+				sChangeType: designtimeUtils.ChangeType.ChangePageConfiguration,
+				sParentComponentName: sComponentName,
+				sScope: mPropertyValuesEntered["scope"]
+			};
+			return designtimeUtils.extractChanges(mPropertyValuesEntered, mUnchangedData, aAllowedDesigntimeSettings, oComponent, mPathParameters);
+
+		}
+
+
+		/**
+		 * Retrieves the designtime settings for the Control.
+		 * @param {object} oControl - The Control object.
+		 * @returns {DesigntimeSetting[]} - The designtime settings for the Control.
+		 */
+		let getAllowedDesigntimeSettings = function getAllowedDesigntimeSettings(oControl) {
+
+			/**
+			 * @type {DesigntimeSetting}
+			*/
+			const statePreservationMode = {
+				id: "statePreservationMode",
+				name: "State Preservation Mode",
+				description: "The state preservation mode.",
+				value: "auto",
+				type: "string",
+				//  "auto" - indicates that "persistence" should be used in FCL and "discovery" in non-FCL case
+				enums: [
+					{ id: "auto", name: "Auto" },
+					{ id: "persistence", name: "Persistence" },
+					{ id: "discovery", name: "Discovery" }
+				],
+				bSupportsGlobalScope: true,
+				getPath: (mControlDetails) => {
+					return "settings/statePreservationMode";
+				}
+			};
+
+			/**
+			 * @type {DesigntimeSetting}
+			 */
+			const flexibleColumnLayout = {
+				id: "flexibleColumnLayout",
+				name: "Flexible Column Layout (FCL)",
+				description: "The flexible column layout.",
+				type: "booleanOrString",
+				value: null,
+				bSupportsGlobalScope: true,
+				getPath: (mControlDetails) => {
+					return "settings/flexibleColumnLayout";
+				},
+				enums: [
+					{ id: "null", name: "Standard", value: {} },
+					{ id: "object", name: "Flexible Column Layout" }
+				],
+				writeObject: [
+					{
+						id: "defaultTwoColumnLayoutType",
+						getPath: () => "defaultTwoColumnLayoutType",
+						description: "Select layout for 2 columns"
+					},
+					{
+						id: "defaultThreeColumnLayoutType", getPath: () => "defaultThreeColumnLayoutType",
+						description: "Select layout for 3 columns"
+					}
+				],
+				writeObjectFor: "object"
+			};
+			/**
+			 * @type {DesigntimeSetting}
+			 */
+			const fclDefaultTwoColumnLayoutType = {
+				id: "defaultTwoColumnLayoutType",
+				name: "FCL / Default Two Column Layout Type",
+				description: "The default two column layout type.",
+				type: "string",
+				value: "TwoColumnsBeginExpanded",
+				enums: [
+					{ id: "TwoColumnsBeginExpanded", name: "Begin-Expanded" },
+					{ id: "TwoColumnsMidExpanded", name: "Mid-Expanded" }
+				],
+				skipChange: true
+			};
+
+			/**
+			 * @type {DesigntimeSetting}
+			 */
+			const fclDefaultThreeColumnLayoutType = {
+				id: "defaultThreeColumnLayoutType",
+				name: "FCL / Default Three Column Layout Type",
+				description: "The default three column layout type.",
+				type: "string",
+				value: "ThreeColumnsMidExpanded",
+				enums: [
+					{ id: "ThreeColumnsMidExpanded", name: "Mid-Expanded" },
+					{ id: "ThreeColumnsEndExpanded", name: "End-Expanded" }
+				],
+				skipChange: true
+			};
+
+			/**
+			 * @type {DesigntimeSetting}
+			 */
+			const externalNavigationSettings = {
+				id: "externalNavigationSettings",
+				name: "External Navigation Settings",
+				description: "The external navigation settings.",
+				type: "json",
+				value: undefined
+			};
+
+			/**
+			 * @type {DesigntimeSetting}
+			 */
+			const inboundParameters = {
+				id: "inboundParameters",
+				name: "Inbound Parameters",
+				description: "The inbound parameters.",
+				type: "json",
+				value: undefined
+			};
+
+
+			/**
+			 * @type {DesigntimeSetting[]}
+			 */
+			const designtimeSettings = [
+				statePreservationMode,
+				flexibleColumnLayout,
+				fclDefaultTwoColumnLayoutType,
+				fclDefaultThreeColumnLayoutType,
+				externalNavigationSettings,
+				inboundParameters
+
+			];
+			return designtimeSettings.filter(oSetting => {
+				const sComponentName = designtimeUtils.getOwnerComponentFor(oControl).getMetadata().getComponentName();
+				return !oSetting.restrictedTo || oSetting.restrictedTo.includes(sComponentName);
+			});
+		};
+
+		// Expose the functions for QUnit tests
+
+		testableHelper.testableStatic(getRuntimeAdapationProperties, "getRuntimeAdapationProperties");
+		testableHelper.testableStatic(fnOpenTableConfigurationDialog, "fnOpenTableConfigurationDialog");
+
+
+		const oHelper = {
+			getDesigntime: function (oControl) {
+				return {
+					actions: {
+						settings: {
+							fe: {
+								name: "Configuration",
+								icon: "sap-icon://developer-settings",
+								handler: fnOpenTableConfigurationDialog
+							}
+						}
+					}
+				};
+			}
+		};
+		return oHelper;
+	}
+);

package/src/sap/suite/ui/generic/template/designtime/controls/SmartTable.designtime.js

@@ -14,6 +14,7 @@ sap.ui.define([
 		"use strict";
 
 		const sObjectPageComponentName = "sap.suite.ui.generic.template.ObjectPage";
+		const sListReportComponentName = "sap.suite.ui.generic.template.ListReport";
 		const { SettingScope } = designtimeUtils;
 
 		/**
@@ -27,6 +28,7 @@ sap.ui.define([
 		 * @property {(mSmartTableDetails: SmartTableInfo) => string=} getPath - The path to the designtime setting in the manifest.
 		 * @property {boolean=} bSupportsGlobalScope - Indicates if the setting supports global scope. (Default: false)
 		 * @property {string[]=} restrictedTo - The array of components for which the setting is restricted.
+		 * @property {boolean=} bGlobalSettingsOnly - Indicates if the setting is only available in global settings. (Default: false)
 		 */
 
 		/**
@@ -48,7 +50,7 @@ sap.ui.define([
 		 */
 
 		/**
-		 * @typedef {string | boolean | string[] } PropertyValue
+		 * @typedef {number | string | boolean | string[] } PropertyValue
 		 */
 
 		/**
@@ -81,7 +83,7 @@ sap.ui.define([
 		}
 
 		function getManifestTableSettings(oSmartTable) {
-			const oComponent = designtimeUtils.getComponent(oSmartTable);
+			const oComponent = designtimeUtils.getOwnerComponentFor(oSmartTable);
 			const oAppComponent = oComponent.getAppComponent();
 			const oSupportedGlobalTableSettings = designtimeUtils.getSupportedGlobalManifestSettings(oAppComponent)?.["tableSettings"] || {};
 
@@ -106,7 +108,7 @@ sap.ui.define([
 		}
 
 		function getSectionKey(oSmartTable) {
-			const sSmartTableId = designtimeUtils.getLocalId(oSmartTable.getId());
+			const sSmartTableId = designtimeUtils.getLocalId(oSmartTable);
 			// ID must not be of the inner table
 			return sSmartTableId.split("::Table")[0];
 		}
@@ -138,6 +140,18 @@ sap.ui.define([
 					case "selectAll":
 						mPropertyValues[sProperty] = oTableSettings.selectAll || oSetting.value;
 						break;
+					case "condensedTableLayout":
+						mPropertyValues[sProperty] = oTableSettings.condensedTableLayout || oSetting.value;
+						break;
+					case "widthIncludingColumnHeader":
+						mPropertyValues[sProperty] = oTableSettings.widthIncludingColumnHeader || oSetting.value;
+						break;
+					case "addCardtoInsightsHidden":
+						mPropertyValues[sProperty] = oTableSettings.addCardtoInsightsHidden || oSetting.value;
+						break;
+					case "selectionLimit":
+						mPropertyValues[sProperty] = oTableSettings.selectionLimit || oSetting.value;
+						break;
 					default:
 						break;
 				}
@@ -146,16 +160,26 @@ sap.ui.define([
 		}
 
 		async function fnOpenTableConfigurationDialog(oSmartTable, mPropertyBag) {
-			const oComponent = designtimeUtils.getComponent(oSmartTable);
+			const oResourceModel = oSmartTable.getModel("i18n");
+			const oComponent = designtimeUtils.getOwnerComponentFor(oSmartTable);
 			const sComponentName = oComponent.getMetadata().getComponentName();
 			// Get the allowed designtime settings for the SmartTable
 			const aAllowedDesigntimeSettings = getAllowedDesigntimeSettings(oSmartTable);
 
+			// Get the other table properties outside of the tableSettings Eg: settings/condensedTableLayout
+			const aOtherTableProperties = ["condensedTableLayout"];
+
+			const mOtherTableSettings = aOtherTableProperties.reduce((mSettings, sProperty) => {
+				mSettings[sProperty] = oComponent.getProperty(sProperty);
+				return mSettings;
+			}, {});
+
 			// Get the table settings from the manifest
-			const oTableSettings = getManifestTableSettings(oSmartTable);
+			const mTableSettings = getManifestTableSettings(oSmartTable);
 
 			// Get the current values of the properties
-			const mRuntimeAdaptationPropertyValues = getRuntimeAdapationProperties(aAllowedDesigntimeSettings, oTableSettings);
+			const mRuntimeAdaptationPropertyValues = getRuntimeAdapationProperties(aAllowedDesigntimeSettings, Object.assign(mOtherTableSettings, mTableSettings));
+
 			// Save the unchanged data to compare later
 			const mUnchangedData = deepClone(mRuntimeAdaptationPropertyValues);
 			// Get the settings of the dialog from the designtime settings using which the dialog will be created
@@ -186,16 +210,17 @@ sap.ui.define([
 				oScopeControlData.enum.push({ id: SettingScope.Control, name: SettingScope.Control });
 			}
 
-			// if the allowed designtime settings contain a setting that supports global scope
+			// if the allowed designtime settings contain a setting that supports global scope which is not a global settings only
 			// then add the global scope option
-			const bSupportsGlobalScope = aAllowedDesigntimeSettings.some(oSetting => oSetting.bSupportsGlobalScope);
-			if (bSupportsGlobalScope) {
+			const bShowGlobalScopeOption = aAllowedDesigntimeSettings.some(oSetting => oSetting.bSupportsGlobalScope && !oSetting.bGlobalSettingsOnly);
+
+			if (bShowGlobalScopeOption) {
 				oScopeControlData.enum.push({ id: SettingScope.Application, name: SettingScope.Application });
 			}
 			// disable the scope control if there is only one option
 			oScopeControlData.disabled = oScopeControlData.enum.length <= 1;
 
-			const mPropertyValuesEntered = await designtimeUtils.openAdaptionDialog([...aChangeScopeOption, ...aItems], mRuntimeAdaptationPropertyValues, mUnchangedData, "Change Table Configuration", { width: "650px", height: "800px" });
+			const mPropertyValuesEntered = await designtimeUtils.openAdaptionDialog([...aChangeScopeOption, ...aItems], mRuntimeAdaptationPropertyValues, mUnchangedData, "{i18n>RTA_CONFIGURATION_TITLE_TABLE}", { width: "650px", height: "800px" }, oResourceModel);
 
 			const sSelectedTabKey = getSelectedTabKey(oSmartTable);
 			const sSelectedVariantKey = sSelectedTabKey ? getVariantInfo(oComponent, sSelectedTabKey)[0] : null;
@@ -294,14 +319,19 @@ sap.ui.define([
 			/**
 			 * @type {DesigntimeSetting}
 			 */
-			const multiSelect = {
+
+			const selectionMode = {
 				id: "multiSelect",
-				name: "Multi Select",
-				description: "Define if the table should support multi selection",
+				name: "Selection Mode",
+				description: "Define the selection mode",
 				value: false,
-				type: "boolean",
+				type: "booleanOrString",
 				getPath: getPathForTableSettings("multiSelect"),
-				bSupportsGlobalScope: false
+				bSupportsGlobalScope: false,
+				enums: [
+					{ id: "false", name: "Single" },
+					{ id: "true", name: "Multi" }
+				]
 			};
 
 			/**
@@ -309,7 +339,7 @@ sap.ui.define([
 			 */
 			const selectAll = {
 				id: "selectAll",
-				name: "Select All",
+				name: "Enable Select All",
 				description: "Define if the table should support select all",
 				value: false,
 				type: "boolean",
@@ -317,34 +347,93 @@ sap.ui.define([
 				bSupportsGlobalScope: false
 			};
 
+			// /**
+			//  * @type {DesigntimeSetting}
+			//  */
+			// const createMode = {
+			// 	id: "createMode",
+			// 	name: "Create Mode",
+			// 	description: "Define the create mode",
+			// 	value: "creationRows",
+			// 	type: "string",
+			// 	getPath: getPathForTableSettings("createMode", true),
+			// 	enums: [
+			// 		{ id: "creationRows", name: "creationRows" },
+			// 		{ id: "NewPage", name: "NewPage" },
+			// 		{ id: "Inline", name: "Inline" }
+			// 	],
+			// 	bSupportsGlobalScope: true,
+			// 	restrictedTo: [sObjectPageComponentName]
+			// };
 
 			/**
 			 * @type {DesigntimeSetting}
 			 */
-			const createMode = {
-				id: "createMode",
-				name: "Create Mode",
-				description: "Define the create mode",
-				value: "creationRows",
-				type: "string",
-				getPath: getPathForTableSettings("createMode", true),
-				enums: [
-					{ id: "creationRows", name: "creationRows" },
-					{ id: "NewPage", name: "NewPage" },
-					{ id: "Inline", name: "Inline" }
-				],
+			const condensedTableLayout = {
+				id: "condensedTableLayout",
+				name: "Condensed Table Layout",
+				description: "Define if the table should have a condensed layout",
+				value: false,
+				type: "boolean",
+				getPath: () => "component/settings/condensedTableLayout",
+				bSupportsGlobalScope: false
+			};
+
+			/**
+			 * @type {DesigntimeSetting}
+			 */
+			const widthIncludingColumnHeader = {
+				id: "widthIncludingColumnHeader",
+				name: "Width Including Column Header",
+				description: "Define if the table should have a width including column header",
+				value: false,
+				type: "boolean",
+				getPath: getPathForTableSettings("widthIncludingColumnHeader"),
 				bSupportsGlobalScope: true,
-				restrictedTo: [sObjectPageComponentName]
+				restrictedTo: [sListReportComponentName],
+				bGlobalSettingsOnly: true
+			};
+
+			/**
+			 * @type {DesigntimeSetting}
+			 */
+			const addCardtoInsightsHidden = {
+				id: "addCardtoInsightsHidden",
+				name: "Disable Insights",
+				description: "Define if the table should have a insights button",
+				value: false,
+				type: "boolean",
+				getPath: getPathForTableSettings("addCardtoInsightsHidden"),
+				restrictedTo: [sListReportComponentName]
+			};
+
+			/**
+			 * @type {DesigntimeSetting}
+			 */
+			const selectionLimit = {
+				id: "selectionLimit",
+				name: "Selection Limit",
+				description: "Define the selection limit",
+				value: 300,
+				type: "number",
+				getPath: getPathForTableSettings("selectionLimit")
 			};
 
+
+
 			const designtimeSettings = [
 				tableType,
-				multiSelect,
+				condensedTableLayout,
+				widthIncludingColumnHeader,
+				selectionMode,
 				selectAll,
-				createMode
+				// createMode,
+				selectionLimit,
+				addCardtoInsightsHidden
 			];
+
 			return designtimeSettings.filter(oSetting => {
-				const sComponentName = designtimeUtils.getComponent(oSmartTable).getMetadata().getComponentName();
+				const sComponentName = designtimeUtils.getOwnerComponentFor(oSmartTable).getMetadata().getComponentName();
 				return !oSetting.restrictedTo || oSetting.restrictedTo.includes(sComponentName);
 			});
 		};

package/src/sap/suite/ui/generic/template/designtime/floorplans/AnalyticalListPage.designtime.js

@@ -49,6 +49,15 @@ sap.ui.define(["sap/suite/ui/generic/template/designtime/utils/designtimeHelper"
 				},
 				"sap.ui.table.Column": {
 					properties: ["width", "hAlign"]
+				},
+				"sap.ui.table.Table": {
+					properties: ["scrollThreshold"]
+				},
+				"sap.ui.table.AnalyticalTable": {
+					properties: ["scrollThreshold"]
+				},
+				"sap.ui.table.TreeTable": {
+					properties: ["scrollThreshold"]
 				}
 			};
 		
@@ -111,17 +120,15 @@ sap.ui.define(["sap/suite/ui/generic/template/designtime/utils/designtimeHelper"
 			"sap.ui.comp.smartchart.SmartChart": {
 				actions: ["compVariant"]		// allows table personalization (same as for end user)
 			},
-			"sap.ui.comp.navpopover.SmartLink" : {
+			"sap.ui.comp.navpopover.SmartLink": {
 				actions: ["settings"]
 			}
 		};
 		// there's no reliable way to differentiate designtime adaptation and key user adaptation. However
 		// - property changes are possible only in designtime adaptation
 		// - for any other changes (using change handlers), we anyway need to be prepared for the change if it is allowed in one mode, so it shouldn't matter if it's also possible in the other mode
-		return designtimeHelper.getRtaModeValue()
-			.then(function (sRtaModeValue) {
-				var mAllow = sRtaModeValue === designtimeHelper.FioriToolsRtaMode.True ? mAllowVariantManagement : designtimeHelper.getMergedAllowList([mAllowLevel0, mGreyLevel0, mAllowKeyUser]);
+		const sRtaModeValue = designtimeHelper.getRtaModeValue();
+		const mAllow = sRtaModeValue === designtimeHelper.FioriToolsRtaMode.True ? mAllowVariantManagement : designtimeHelper.getMergedAllowList([mAllowLevel0, mGreyLevel0, mAllowKeyUser]);
 				return designtimeHelper.getViewDesignTime(mAllow, sRtaModeValue);
-			});
 });
 		

package/src/sap/suite/ui/generic/template/designtime/floorplans/ListReport.designtime.js

@@ -51,6 +51,15 @@ sap.ui.define(["sap/suite/ui/generic/template/designtime/utils/designtimeHelper"
 				},
 				"sap.m.IconTabFilter": {
 					properties: ["text"]
+				},
+				"sap.ui.table.Table": {
+					properties: ["scrollThreshold"]
+				},
+				"sap.ui.table.AnalyticalTable": {
+					properties: ["scrollThreshold"]
+				},
+				"sap.ui.table.TreeTable": {
+					properties: ["scrollThreshold"]
 				}
 			};
 		
@@ -180,10 +189,8 @@ sap.ui.define(["sap/suite/ui/generic/template/designtime/utils/designtimeHelper"
 		// there's no reliable way to differentiate designtime adaptation and key user adaptation. However
 		// - property changes are possible only in designtime adaptation
 		// - for any other changes (using change handlers), we anyway need to be prepared for the change if it is allowed in one mode, so it shouldn't matter if it's also possible in the other mode
-		return designtimeHelper.getRtaModeValue()
-			.then(function (sRtaModeValue) {
-				var mAllow = sRtaModeValue === designtimeHelper.FioriToolsRtaMode.True ? mAllowVariantManagement : designtimeHelper.getMergedAllowList([mAllowLevel0, mGreyLevel0, mAllowKeyUser]);
+		const sRtaModeValue = designtimeHelper.getRtaModeValue();
+		const mAllow = sRtaModeValue === designtimeHelper.FioriToolsRtaMode.True ? mAllowVariantManagement : designtimeHelper.getMergedAllowList([mAllowLevel0, mGreyLevel0, mAllowKeyUser]);
 				return designtimeHelper.getViewDesignTime(mAllow, sRtaModeValue);
 			});
-});
 		

package/src/sap/suite/ui/generic/template/designtime/floorplans/ObjectPage.designtime.js

@@ -61,6 +61,15 @@ sap.ui.define(["sap/suite/ui/generic/template/designtime/utils/designtimeHelper"
 							actions: ["move"]
 						}
 					}
+				},
+				"sap.ui.table.Table": {
+					properties: ["scrollThreshold"]
+				},
+				"sap.ui.table.AnalyticalTable": {
+					properties: ["scrollThreshold"]
+				},
+				"sap.ui.table.TreeTable": {
+					properties: ["scrollThreshold"]
 				}
 			};
 
@@ -258,16 +267,15 @@ sap.ui.define(["sap/suite/ui/generic/template/designtime/utils/designtimeHelper"
 			"sap.ui.comp.smartchart.SmartChart": {
 				actions: ["compVariant"]		// allows table personalization (same as for end user)
 			},
-			"sap.ui.comp.navpopover.SmartLink" : {
+			"sap.ui.comp.navpopover.SmartLink": {
 				actions: ["settings"]
 			}
 		};
 		// there's no reliable way to differentiate designtime adaptation and key user adaptation. However
 		// - property changes are possible only in designtime adaptation
 		// - for any other changes (using change handlers), we anyway need to be prepared for the change if it is allowed in one mode, so it shouldn't matter if it's also possible in the other mode
-		return designtimeHelper.getRtaModeValue()
-			.then(function (sRtaModeValue) {
-				var mAllow = sRtaModeValue === designtimeHelper.FioriToolsRtaMode.True ? mAllowVariantManagement : designtimeHelper.getMergedAllowList([mAllowLevel0, mGreyLevel0, mAllowKeyUser]);
+		const sRtaModeValue = designtimeHelper.getRtaModeValue();
+		const mAllow = sRtaModeValue === designtimeHelper.FioriToolsRtaMode.True ? mAllowVariantManagement : designtimeHelper.getMergedAllowList([mAllowLevel0, mGreyLevel0, mAllowKeyUser]);
 				return designtimeHelper.getViewDesignTime(mAllow, sRtaModeValue);
+
 			});
-});