@sap-ux/preview-middleware 0.16.154 → 0.16.156

package/dist/client/adp/quick-actions/fe-v4/lr-enable-table-filtering.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["./table-quick-action-base", "../../../cpe/quick-actions/utils", "../../../utils/fe-v4", "../../../utils/version"], function (___table_quick_action_base, _____cpe_quick_actions_utils, _____utils_fe_v4, _____utils_version) {
+sap.ui.define(["./table-quick-action-base", "../../../cpe/quick-actions/utils", "../../../utils/fe-v4", "../../../utils/version", "../control-types"], function (___table_quick_action_base, _____cpe_quick_actions_utils, _____utils_fe_v4, _____utils_version, ___control_types) {
   "use strict";
 
   const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
@@ -8,14 +8,14 @@ sap.ui.define(["./table-quick-action-base", "../../../cpe/quick-actions/utils",
   const createManifestPropertyChange = _____utils_fe_v4["createManifestPropertyChange"];
   const getUi5Version = _____utils_version["getUi5Version"];
   const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
   const ENABLE_TABLE_FILTERING = 'enable-table-filtering';
-  const CONTROL_TYPE = 'sap.ui.mdc.Table';
   /**
    * Quick Action for enabling table filtering using table personalization settings.
    */
   class EnableTableFilteringQuickAction extends TableQuickActionDefinitionBase {
     constructor(context) {
-      super(ENABLE_TABLE_FILTERING, 'QUICK_ACTION_ENABLE_TABLE_FILTERING', context);
+      super(ENABLE_TABLE_FILTERING, [MDC_TABLE_TYPE], 'QUICK_ACTION_ENABLE_TABLE_FILTERING', context);
     }
     forceRefreshAfterExecution = true;
     async initialize() {
@@ -29,7 +29,7 @@ sap.ui.define(["./table-quick-action-base", "../../../cpe/quick-actions/utils",
       }
       const tooltipText = this.context.resourceBundle.getText('TABLE_FILTERING_CHANGE_HAS_ALREADY_BEEN_MADE');
       let index = 0;
-      for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [CONTROL_TYPE])) {
+      for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [MDC_TABLE_TYPE])) {
         const personalizationData = smartTable.getP13nMode();
         const value = this.context.changeService.getConfigurationPropertyValue(smartTable.getId(), 'personalization');
         const isFilterEnabled = value?.filter === undefined ? personalizationData.includes('Filter') : value.filter;
@@ -52,7 +52,7 @@ sap.ui.define(["./table-quick-action-base", "../../../cpe/quick-actions/utils",
         flexSettings
       } = this.context;
       const index = this.tableMap[path];
-      const smartTables = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [CONTROL_TYPE]);
+      const smartTables = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [MDC_TABLE_TYPE]);
       const modifiedControl = smartTables[index];
       if (!modifiedControl) {
         return [];

package/dist/client/adp/quick-actions/fe-v4/lr-enable-table-filtering.ts

@@ -6,9 +6,9 @@ import { TableQuickActionDefinitionBase } from './table-quick-action-base';
 import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
 import { createManifestPropertyChange } from '../../../utils/fe-v4';
 import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { MDC_TABLE_TYPE } from '../control-types';
 
 export const ENABLE_TABLE_FILTERING = 'enable-table-filtering';
-const CONTROL_TYPE = 'sap.ui.mdc.Table';
 
 type Personalization = {
     sort: boolean;
@@ -26,7 +26,7 @@ export class EnableTableFilteringQuickAction
     implements NestedQuickActionDefinition
 {
     constructor(context: QuickActionContext) {
-        super(ENABLE_TABLE_FILTERING, 'QUICK_ACTION_ENABLE_TABLE_FILTERING', context);
+        super(ENABLE_TABLE_FILTERING, [MDC_TABLE_TYPE], 'QUICK_ACTION_ENABLE_TABLE_FILTERING', context);
     }
     readonly forceRefreshAfterExecution = true;
 
@@ -40,7 +40,7 @@ export class EnableTableFilteringQuickAction
         const tooltipText = this.context.resourceBundle.getText('TABLE_FILTERING_CHANGE_HAS_ALREADY_BEEN_MADE');
         let index = 0;
         for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
-            CONTROL_TYPE
+            MDC_TABLE_TYPE
         ])) {
             const personalizationData = (smartTable as Table).getP13nMode();
             const value = this.context.changeService.getConfigurationPropertyValue(
@@ -70,7 +70,7 @@ export class EnableTableFilteringQuickAction
         const index = this.tableMap[path];
 
         const smartTables = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
-            CONTROL_TYPE
+            MDC_TABLE_TYPE
         ]);
 
         const modifiedControl = smartTables[index];

package/dist/client/adp/quick-actions/fe-v4/op-enable-empty-row-mode.js

@@ -0,0 +1,91 @@
+"use strict";
+
+sap.ui.define(["../../../utils/fe-v4", "../../../utils/version", "../control-types", "../table-quick-action-base", "../../../utils/core", "../common/utils", "../fe-v2/create-table-custom-column"], function (_____utils_fe_v4, _____utils_version, ___control_types, ___table_quick_action_base, _____utils_core, ___common_utils, ___fe_v2_create_table_custom_column) {
+  "use strict";
+
+  const createManifestPropertyChange = _____utils_fe_v4["createManifestPropertyChange"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const ANALYTICAL_TABLE_TYPE = ___control_types["ANALYTICAL_TABLE_TYPE"];
+  const GRID_TABLE_TYPE = ___control_types["GRID_TABLE_TYPE"];
+  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
+  const TREE_TABLE_TYPE = ___control_types["TREE_TABLE_TYPE"];
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const isA = _____utils_core["isA"];
+  const getTooltipsForTableEmptyRowModeAction = ___common_utils["getTooltipsForTableEmptyRowModeAction"];
+  const preprocessActionExecution = ___fe_v2_create_table_custom_column["preprocessActionExecution"];
+  const ENABLE_TABLE_EMPTY_ROW_MODE = 'enable-table-empty-row-mode';
+  const CONTROL_TYPES = [MDC_TABLE_TYPE, GRID_TABLE_TYPE, ANALYTICAL_TABLE_TYPE, TREE_TABLE_TYPE];
+  const UNSUPPORTED_TABLES = [ANALYTICAL_TABLE_TYPE, TREE_TABLE_TYPE];
+  const INLINE_CREATION_ROWS_MODE = 'InlineCreationRows';
+  /**
+   * Quick Action for enabling table filtering using table personalization settings.
+   */
+  class EnableTableEmptyRowModeQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(ENABLE_TABLE_EMPTY_ROW_MODE, CONTROL_TYPES, 'QUICK_ACTION_ENABLE_TABLE_EMPTY_ROW_MODE', context);
+    }
+    forceRefreshAfterExecution = true;
+    async initialize() {
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 131
+      })) {
+        this.isApplicable = false;
+        return;
+      }
+      const {
+        alreadyEnabledTooltip,
+        unsupportedCreationRowsTooltip
+      } = getTooltipsForTableEmptyRowModeAction(this.context.resourceBundle);
+      const processChild = (child, mapKey) => {
+        const table = this.tableMap[mapKey]?.table;
+        if (table) {
+          if (UNSUPPORTED_TABLES.some(t => isA(t, table))) {
+            child.enabled = false;
+            child.tooltip = unsupportedCreationRowsTooltip;
+          } else if (table.data('creationMode') === INLINE_CREATION_ROWS_MODE) {
+            child.enabled = false;
+            child.tooltip = alreadyEnabledTooltip;
+          }
+        }
+        child.children.forEach((nestedChild, idx) => processChild(nestedChild, `${mapKey}/${idx.toFixed(0)}`));
+      };
+      await super.initialize();
+
+      // disable nested actions based on conditions
+      this.children.forEach((nestedChild, idx) => processChild(nestedChild, `${idx.toFixed(0)}`));
+    }
+    async execute(path) {
+      const {
+        flexSettings
+      } = this.context;
+      const {
+        table,
+        sectionInfo,
+        iconTabBarFilterKey
+      } = this.tableMap[path];
+      if (!table) {
+        return [];
+      }
+      preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
+      this.selectOverlay(table);
+      const command = await createManifestPropertyChange(table, flexSettings, {
+        name: INLINE_CREATION_ROWS_MODE
+      }, ['creationMode']);
+      if (command) {
+        return [command];
+      } else {
+        return [];
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_TABLE_EMPTY_ROW_MODE = ENABLE_TABLE_EMPTY_ROW_MODE;
+  __exports.EnableTableEmptyRowModeQuickAction = EnableTableEmptyRowModeQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=op-enable-empty-row-mode.js.map

package/dist/client/adp/quick-actions/fe-v4/op-enable-empty-row-mode.ts

@@ -0,0 +1,85 @@
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { NestedQuickActionDefinition, QuickActionContext } from '../../../cpe/quick-actions/quick-action-definition';
+import { createManifestPropertyChange } from '../../../utils/fe-v4';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { ANALYTICAL_TABLE_TYPE, GRID_TABLE_TYPE, MDC_TABLE_TYPE, TREE_TABLE_TYPE } from '../control-types';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { isA } from '../../../utils/core';
+import { getTooltipsForTableEmptyRowModeAction } from '../common/utils';
+import { NestedQuickActionChild } from '@sap-ux-private/control-property-editor-common';
+import { preprocessActionExecution } from '../fe-v2/create-table-custom-column';
+
+export const ENABLE_TABLE_EMPTY_ROW_MODE = 'enable-table-empty-row-mode';
+const CONTROL_TYPES = [MDC_TABLE_TYPE, GRID_TABLE_TYPE, ANALYTICAL_TABLE_TYPE, TREE_TABLE_TYPE];
+const UNSUPPORTED_TABLES = [ANALYTICAL_TABLE_TYPE, TREE_TABLE_TYPE];
+
+const INLINE_CREATION_ROWS_MODE = 'InlineCreationRows';
+/**
+ * Quick Action for enabling table filtering using table personalization settings.
+ */
+export class EnableTableEmptyRowModeQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ENABLE_TABLE_EMPTY_ROW_MODE, CONTROL_TYPES, 'QUICK_ACTION_ENABLE_TABLE_EMPTY_ROW_MODE', context);
+    }
+    readonly forceRefreshAfterExecution = true;
+
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 131 })) {
+            this.isApplicable = false;
+            return;
+        }
+
+        const { alreadyEnabledTooltip, unsupportedCreationRowsTooltip } = getTooltipsForTableEmptyRowModeAction(
+            this.context.resourceBundle
+        );
+
+        const processChild = (child: NestedQuickActionChild, mapKey: string) => {
+            const table = this.tableMap[mapKey]?.table;
+            if (table) {
+                if (UNSUPPORTED_TABLES.some((t) => isA(t, table))) {
+                    child.enabled = false;
+                    child.tooltip = unsupportedCreationRowsTooltip;
+                } else if (table.data('creationMode') === INLINE_CREATION_ROWS_MODE) {
+                    child.enabled = false;
+                    child.tooltip = alreadyEnabledTooltip;
+                }
+            }
+            child.children.forEach((nestedChild, idx) => processChild(nestedChild, `${mapKey}/${idx.toFixed(0)}`));
+        };
+
+        await super.initialize();
+
+        // disable nested actions based on conditions
+        this.children.forEach((nestedChild, idx) => processChild(nestedChild, `${idx.toFixed(0)}`));
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { flexSettings } = this.context;
+        const { table, sectionInfo, iconTabBarFilterKey } = this.tableMap[path];
+        if (!table) {
+            return [];
+        }
+
+        preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
+        this.selectOverlay(table);
+
+        const command = await createManifestPropertyChange(
+            table,
+            flexSettings,
+            {
+                name: INLINE_CREATION_ROWS_MODE
+            },
+            ['creationMode']
+        );
+        if (command) {
+            return [command];
+        } else {
+            return [];
+        }
+    }
+}

package/dist/client/adp/quick-actions/fe-v4/registry.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field", "../common/op-add-custom-section", "./create-table-custom-column", "../common/create-page-action", "./create-table-action", "./lr-enable-table-filtering", "./lr-enable-semantic-date-range-filter-bar"], function (_____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field, ___common_op_add_custom_section, ___create_table_custom_column, ___common_create_page_action, ___create_table_action, ___lr_enable_table_filtering, ___lr_enable_semantic_date_range_filter_bar) {
+sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field", "../common/op-add-custom-section", "./create-table-custom-column", "../common/create-page-action", "./create-table-action", "./lr-enable-table-filtering", "./lr-enable-semantic-date-range-filter-bar", "./op-enable-empty-row-mode"], function (_____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field, ___common_op_add_custom_section, ___create_table_custom_column, ___common_create_page_action, ___create_table_action, ___lr_enable_table_filtering, ___lr_enable_semantic_date_range_filter_bar, ___op_enable_empty_row_mode) {
   "use strict";
 
   const QuickActionDefinitionRegistry = _____cpe_quick_actions_registry["QuickActionDefinitionRegistry"];
@@ -14,6 +14,7 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
   const AddTableActionQuickAction = ___create_table_action["AddTableActionQuickAction"];
   const EnableTableFilteringQuickAction = ___lr_enable_table_filtering["EnableTableFilteringQuickAction"];
   const ToggleSemanticDateRangeFilterBar = ___lr_enable_semantic_date_range_filter_bar["ToggleSemanticDateRangeFilterBar"];
+  const EnableTableEmptyRowModeQuickAction = ___op_enable_empty_row_mode["EnableTableEmptyRowModeQuickAction"];
   const LIST_REPORT_TYPE = 'sap.fe.templates.ListReport.ListReport';
   const OBJECT_PAGE_TYPE = 'sap.fe.templates.ObjectPage.ObjectPage';
 
@@ -43,7 +44,7 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
         } else if (name === 'objectPage') {
           definitionGroups.push({
             title: 'OBJECT PAGE',
-            definitions: [AddControllerToPageQuickAction, AddPageActionQuickAction, AddHeaderFieldQuickAction, AddCustomSectionQuickAction, ChangeTableColumnsQuickAction, AddTableActionQuickAction, AddTableCustomColumnQuickAction],
+            definitions: [AddControllerToPageQuickAction, AddPageActionQuickAction, AddHeaderFieldQuickAction, AddCustomSectionQuickAction, ChangeTableColumnsQuickAction, AddTableActionQuickAction, AddTableCustomColumnQuickAction, EnableTableEmptyRowModeQuickAction],
             view,
             key: name + index
           });

package/dist/client/adp/quick-actions/fe-v4/registry.ts

@@ -14,6 +14,7 @@ import { AddPageActionQuickAction } from '../common/create-page-action';
 import { AddTableActionQuickAction } from './create-table-action';
 import { EnableTableFilteringQuickAction } from './lr-enable-table-filtering';
 import { ToggleSemanticDateRangeFilterBar } from './lr-enable-semantic-date-range-filter-bar';
+import { EnableTableEmptyRowModeQuickAction } from './op-enable-empty-row-mode';
 
 type PageName = 'listReport' | 'objectPage';
 
@@ -60,7 +61,8 @@ export default class FEV4QuickActionRegistry extends QuickActionDefinitionRegist
                         AddCustomSectionQuickAction,
                         ChangeTableColumnsQuickAction,
                         AddTableActionQuickAction,
-                        AddTableCustomColumnQuickAction
+                        AddTableCustomColumnQuickAction,
+                        EnableTableEmptyRowModeQuickAction
                     ],
                     view,
                     key: name + index

package/dist/client/adp/quick-actions/fe-v4/table-quick-action-base.js

@@ -8,7 +8,6 @@ sap.ui.define([
     const NESTED_QUICK_ACTION_KIND = ___sap_ux_private_control_property_editor_common['NESTED_QUICK_ACTION_KIND'];
     const getRelevantControlFromActivePage = _____cpe_quick_actions_utils['getRelevantControlFromActivePage'];
     const ACTION_ID = 'CTX_SETTINGS0';
-    const CONTROL_TYPE = 'sap.ui.mdc.Table';
     class TableQuickActionDefinitionBase {
         kind = NESTED_QUICK_ACTION_KIND;
         get id() {
@@ -25,15 +24,16 @@ sap.ui.define([
         isClearButtonEnabled = false;
         children = [];
         tableMap = {};
-        constructor(type, defaultTextKey, context, isSkipVariantManagementCheck) {
+        constructor(type, controlTypes, defaultTextKey, context, isSkipVariantManagementCheck) {
             this.type = type;
+            this.controlTypes = controlTypes;
             this.defaultTextKey = defaultTextKey;
             this.context = context;
             this.isSkipVariantManagementCheck = isSkipVariantManagementCheck;
         }
         async initialize() {
             let index = 0;
-            for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [CONTROL_TYPE])) {
+            for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, this.controlTypes)) {
                 if (!this.isSkipVariantManagementCheck) {
                     const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({ element: smartTable });
                     if (!hasVariantManagement) {

package/dist/client/adp/quick-actions/fe-v4/table-quick-action-base.ts

@@ -8,7 +8,7 @@ import { QuickActionContext } from '../../../cpe/quick-actions/quick-action-defi
 import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
 
 const ACTION_ID = 'CTX_SETTINGS0';
-const CONTROL_TYPE = 'sap.ui.mdc.Table';
+
 export abstract class TableQuickActionDefinitionBase {
     readonly kind = NESTED_QUICK_ACTION_KIND;
     public get id(): string {
@@ -28,6 +28,7 @@ export abstract class TableQuickActionDefinitionBase {
     tableMap: Record<string, number> = {};
     constructor(
         public readonly type: string,
+        protected readonly controlTypes: string[],
         protected readonly defaultTextKey: string,
         protected readonly context: QuickActionContext,
         protected readonly isSkipVariantManagementCheck?: boolean
@@ -35,9 +36,11 @@ export abstract class TableQuickActionDefinitionBase {
 
     async initialize(): Promise<void> {
         let index = 0;
-        for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
-            CONTROL_TYPE
-        ])) {
+        for (const smartTable of getRelevantControlFromActivePage(
+            this.context.controlIndex,
+            this.context.view,
+            this.controlTypes
+        )) {
             if (!this.isSkipVariantManagementCheck) {
                 const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({ element: smartTable });
                 if (!hasVariantManagement) {

package/dist/client/adp/quick-actions/table-quick-action-base.js

@@ -4,8 +4,9 @@ sap.ui.define([
     'sap/ui/dt/OverlayUtil',
     '../../cpe/quick-actions/utils',
     '../../utils/core',
-    '../../utils/version'
-], function (___sap_ux_private_control_property_editor_common, OverlayUtil, ____cpe_quick_actions_utils, ____utils_core, ____utils_version) {
+    '../../utils/version',
+    './control-types'
+], function (___sap_ux_private_control_property_editor_common, OverlayUtil, ____cpe_quick_actions_utils, ____utils_core, ____utils_version, ___control_types) {
     'use strict';
     const NESTED_QUICK_ACTION_KIND = ___sap_ux_private_control_property_editor_common['NESTED_QUICK_ACTION_KIND'];
     const getParentContainer = ____cpe_quick_actions_utils['getParentContainer'];
@@ -15,16 +16,16 @@ sap.ui.define([
     const isManagedObject = ____utils_core['isManagedObject'];
     const getUi5Version = ____utils_version['getUi5Version'];
     const isLowerThanMinimalUi5Version = ____utils_version['isLowerThanMinimalUi5Version'];
+    const ANALYTICAL_TABLE_TYPE = ___control_types['ANALYTICAL_TABLE_TYPE'];
+    const GRID_TABLE_TYPE = ___control_types['GRID_TABLE_TYPE'];
+    const M_TABLE_TYPE = ___control_types['M_TABLE_TYPE'];
+    const MDC_TABLE_TYPE = ___control_types['MDC_TABLE_TYPE'];
+    const SMART_TABLE_TYPE = ___control_types['SMART_TABLE_TYPE'];
+    const TREE_TABLE_TYPE = ___control_types['TREE_TABLE_TYPE'];
     const SMART_TABLE_ACTION_ID = 'CTX_COMP_VARIANT_CONTENT';
     const M_TABLE_ACTION_ID = 'CTX_ADD_ELEMENTS_AS_CHILD';
     const SETTINGS_ID = 'CTX_SETTINGS';
     const ICON_TAB_BAR_TYPE = 'sap.m.IconTabBar';
-    const SMART_TABLE_TYPE = 'sap.ui.comp.smarttable.SmartTable';
-    const M_TABLE_TYPE = 'sap.m.Table';
-    const MDC_TABLE_TYPE = 'sap.ui.mdc.Table';
-    const TREE_TABLE_TYPE = 'sap.ui.table.TreeTable';
-    const GRID_TABLE_TYPE = 'sap.ui.table.Table';
-    const ANALYTICAL_TABLE_TYPE = 'sap.ui.table.AnalyticalTable';
     async function getActionId(table) {
         const {major, minor} = await getUi5Version();
         if (isA(SMART_TABLE_TYPE, table)) {
@@ -160,20 +161,20 @@ sap.ui.define([
                         layout
                     });
                 } else if (subSections.length > 1) {
-                    const sectionChild = this.children.find(val => val.label === `${ section.getTitle() } section`);
-                    let tableMapIndex = `${ this.children.length - 1 }`;
+                    const existingChildIdx = this.children.findIndex(val => val.label === `'${ section.getTitle() }' section`);
+                    let tableMapIndex;
                     const label = this.getTableLabel(table);
                     const child = this.createChild(label, table);
-                    if (!sectionChild) {
-                        tableMapIndex = `${ tableMapIndex }/0`;
+                    if (existingChildIdx < 0) {
                         this.children.push({
                             label: `'${ section?.getTitle() }' section`,
                             enabled: true,
                             children: [child]
                         });
+                        tableMapIndex = `${ this.children.length - 1 }/0`;
                     } else {
-                        tableMapIndex = `${ tableMapIndex }/${ sectionChild.children.length - 1 }`;
-                        sectionChild.children.push(child);
+                        this.children[existingChildIdx].children.push(child);
+                        tableMapIndex = `${ existingChildIdx.toFixed(0) }/${ this.children[existingChildIdx].children.length - 1 }`;
                     }
                     this.tableMap[tableMapIndex] = {
                         table,
@@ -192,7 +193,9 @@ sap.ui.define([
                     SMART_TABLE_TYPE,
                     M_TABLE_TYPE,
                     MDC_TABLE_TYPE,
-                    TREE_TABLE_TYPE
+                    TREE_TABLE_TYPE,
+                    GRID_TABLE_TYPE,
+                    ANALYTICAL_TABLE_TYPE
                 ].some(type => isA(type, table))) {
                 const label = this.getTableLabel(table);
                 const child = this.createChild(label, table);
@@ -239,12 +242,6 @@ sap.ui.define([
         }
     }
     var __exports = { __esModule: true };
-    __exports.SMART_TABLE_TYPE = SMART_TABLE_TYPE;
-    __exports.M_TABLE_TYPE = M_TABLE_TYPE;
-    __exports.MDC_TABLE_TYPE = MDC_TABLE_TYPE;
-    __exports.TREE_TABLE_TYPE = TREE_TABLE_TYPE;
-    __exports.GRID_TABLE_TYPE = GRID_TABLE_TYPE;
-    __exports.ANALYTICAL_TABLE_TYPE = ANALYTICAL_TABLE_TYPE;
     __exports.TableQuickActionDefinitionBase = TableQuickActionDefinitionBase;
     return __exports;
 });

package/dist/client/adp/quick-actions/table-quick-action-base.ts

@@ -15,17 +15,19 @@ import ObjectPageSection from 'sap/uxap/ObjectPageSection';
 import ObjectPageSubSection from 'sap/uxap/ObjectPageSubSection';
 import ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
 import ManagedObject from 'sap/ui/base/ManagedObject';
+import {
+    ANALYTICAL_TABLE_TYPE,
+    GRID_TABLE_TYPE,
+    M_TABLE_TYPE,
+    MDC_TABLE_TYPE,
+    SMART_TABLE_TYPE,
+    TREE_TABLE_TYPE
+} from './control-types';
 
 const SMART_TABLE_ACTION_ID = 'CTX_COMP_VARIANT_CONTENT';
 const M_TABLE_ACTION_ID = 'CTX_ADD_ELEMENTS_AS_CHILD';
 const SETTINGS_ID = 'CTX_SETTINGS';
 const ICON_TAB_BAR_TYPE = 'sap.m.IconTabBar';
-export const SMART_TABLE_TYPE = 'sap.ui.comp.smarttable.SmartTable';
-export const M_TABLE_TYPE = 'sap.m.Table';
-export const MDC_TABLE_TYPE = 'sap.ui.mdc.Table';
-export const TREE_TABLE_TYPE = 'sap.ui.table.TreeTable';
-export const GRID_TABLE_TYPE = 'sap.ui.table.Table';
-export const ANALYTICAL_TABLE_TYPE = 'sap.ui.table.AnalyticalTable';
 
 async function getActionId(table: UI5Element): Promise<string[]> {
     const { major, minor } = await getUi5Version();
@@ -229,21 +231,25 @@ export abstract class TableQuickActionDefinitionBase {
             if (subSections?.length === 1) {
                 this.processTable(table, { section, subSection: subSections[0], layout });
             } else if (subSections.length > 1) {
-                const sectionChild = this.children.find((val) => val.label === `${section.getTitle()} section`);
-                let tableMapIndex = `${this.children.length - 1}`;
+                const existingChildIdx = this.children.findIndex(
+                    (val) => val.label === `'${section.getTitle()}' section`
+                );
+                let tableMapIndex;
                 const label = this.getTableLabel(table);
                 const child = this.createChild(label, table);
-                if (!sectionChild) {
-                    tableMapIndex = `${tableMapIndex}/0`;
-
+                if (existingChildIdx < 0) {
                     this.children.push({
                         label: `'${section?.getTitle()}' section`,
                         enabled: true,
                         children: [child]
                     });
+
+                    tableMapIndex = `${this.children.length - 1}/0`;
                 } else {
-                    tableMapIndex = `${tableMapIndex}/${sectionChild.children.length - 1}`;
-                    sectionChild.children.push(child);
+                    this.children[existingChildIdx].children.push(child);
+                    tableMapIndex = `${existingChildIdx.toFixed(0)}/${
+                        this.children[existingChildIdx].children.length - 1
+                    }`;
                 }
 
                 this.tableMap[tableMapIndex] = {
@@ -264,7 +270,16 @@ export abstract class TableQuickActionDefinitionBase {
         table: UI5Element,
         sectionInfo?: { section: ObjectPageSection; subSection: ObjectPageSubSection; layout?: ObjectPageLayout }
     ): void {
-        if ([SMART_TABLE_TYPE, M_TABLE_TYPE, MDC_TABLE_TYPE, TREE_TABLE_TYPE].some((type) => isA(type, table))) {
+        if (
+            [
+                SMART_TABLE_TYPE,
+                M_TABLE_TYPE,
+                MDC_TABLE_TYPE,
+                TREE_TABLE_TYPE,
+                GRID_TABLE_TYPE,
+                ANALYTICAL_TABLE_TYPE
+            ].some((type) => isA(type, table))
+        ) {
             const label = this.getTableLabel(table);
             const child = this.createChild(label, table);
             this.children.push(child);

package/dist/client/messagebundle.properties

@@ -6,9 +6,9 @@ QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION=Add Custom Page Action
 QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION=Add Custom Table Action
 QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN=Add Custom Table Column
 QUICK_ACTION_ENABLE_TABLE_FILTERING=Enable Table Filtering for Page Variants
+QUICK_ACTION_ENABLE_TABLE_EMPTY_ROW_MODE=Enable Empty Row Mode for Tables
 
 V2_QUICK_ACTION_CHANGE_TABLE_COLUMNS=Change Table Columns
-
 V2_QUICK_ACTION_LR_ENABLE_CLEAR_FILTER_BAR=Enable "Clear" Button in Filter Bar
 V2_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR=Disable "Clear" Button in Filter Bar
 
@@ -16,7 +16,6 @@ QUICK_ACTION_LR_ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR=Enable Semantic Date Range
 QUICK_ACTION_LR_DISABLE_SEMANTIC_DATE_RANGE_FILTER_BAR=Disable Semantic Date Range in Filter Bar
 
 V4_QUICK_ACTION_CHANGE_TABLE_COLUMNS=Change Table Columns
-
 V4_QUICK_ACTION_LR_ENABLE_CLEAR_FILTER_BAR=Enable "Clear" Button in Filter Bar
 V4_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR=Disable "Clear" Button in Filter Bar
 
@@ -31,7 +30,7 @@ ADP_ADD_FRAGMENT_NOTIFICATION = Note: The "{0}.fragment.xml" fragment will be cr
 ADP_ADD_FRAGMENT_WITH_TEMPLATE_NOTIFICATION = Note: The "{0}.fragment.xml" fragment will be created once you save the changes.
 ADP_ADD_TWO_FRAGMENTS_WITH_TEMPLATE_NOTIFICATION = Note: The "{0}.fragment.xml" and "{1}.fragment.xml" fragments will be created once you save the changes.
 ADP_SYNC_VIEWS_MESSAGE = Synchronous views are detected for this application. Controller extensions are not supported for such views and will be disabled.
-ADP_REUSE_COMPONENTS_MESSAGE = Reuse components are detected for some views in this application. Controller extensions and adding fragments are not supported for such views and will be disabled.
+ADP_REUSE_COMPONENTS_MESSAGE = Reuse components are detected for some views in this application. Controller extensions, adding fragments and manifest changes are not supported for such views and will be disabled.
 
 CPE_CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_MESSAGE = Note: The change will be visible after save and reload. 
 
@@ -41,3 +40,5 @@ HIGHER_LAYER_CHANGES_INFO_MESSAGE=The preview of the project was reloaded due to
 
 TABLE_CUSTOM_COLUMN_ACTION_NOT_AVAILABLE=This action has been disabled because the table rows are not available. Please load the table data and try again
 TABLE_FILTERING_CHANGE_HAS_ALREADY_BEEN_MADE=This option is disabled because table filtering for page variants is already enabled
+EMPTY_ROW_MODE_IS_ALREADY_ENABLED=This option has been disabled because empty row mode is already enabled for this table
+EMPTY_ROW_MODE_IS_NOT_SUPPORTED=This action is disabled because empty row mode is not supported for analytical and tree tables

package/dist/client/utils/fe-v4.js

@@ -77,20 +77,24 @@ sap.ui.define(["sap/ui/core/Component", "./core", "sap/ui/rta/command/CommandFac
   }
 
   /**
-  * Get the modified value for a control.
-  * @param modifiedControl - The modified control.
-  * @param flexSettings - Flex Settings of the control.
-  * @param propertyChanges - The change object
-  * 
-  * @returns  A Promise resolving to an array of FlexCommand objects.
-  */
-  async function createManifestPropertyChange(modifiedControl, flexSettings, propertyChanges) {
+   * Get the modified value for a control.
+   * @param modifiedControl - The modified control.
+   * @param flexSettings - Flex Settings of the control.
+   * @param propertyChanges - The change object
+   * @param propertyPathExtraSegments - optional path segments which are added to the default modified control manifest path
+   *
+   * @returns  A Promise resolving to an array of FlexCommand objects.
+   */
+  async function createManifestPropertyChange(modifiedControl, flexSettings, propertyChanges, propertyPathExtraSegments) {
     const overlay = getOverlay(modifiedControl);
     if (!overlay) {
       return undefined;
     }
     const overlayData = overlay?.getDesignTimeMetadata().getData();
-    const manifestPropertyPath = overlayData.manifestPropertyPath(modifiedControl);
+    let manifestPropertyPath = overlayData.manifestPropertyPath(modifiedControl);
+    if (propertyPathExtraSegments) {
+      manifestPropertyPath += '/' + propertyPathExtraSegments.join('/');
+    }
     const [manifestPropertyChange] = overlayData.manifestPropertyChange(propertyChanges, manifestPropertyPath, modifiedControl);
     const modifiedValue = {
       reference: getReference(modifiedControl),

package/dist/client/utils/fe-v4.ts

@@ -10,7 +10,6 @@ import { getOverlay } from '../cpe/utils';
 import UI5Element from 'sap/ui/core/Element';
 import FlexCommand from 'sap/ui/rta/command/FlexCommand';
 
-
 /**
  * Gets app component of a v4 project.
  *
@@ -85,20 +84,29 @@ export function getConfigMapControlIdMap(page: string | undefined, propertyPathS
 }
 
 /**
-* Get the modified value for a control.
-* @param modifiedControl - The modified control.
-* @param flexSettings - Flex Settings of the control.
-* @param propertyChanges - The change object
-* 
-* @returns  A Promise resolving to an array of FlexCommand objects.
-*/
-export async function createManifestPropertyChange(modifiedControl: UI5Element, flexSettings: FlexSettings, propertyChanges: Record<string, string | string[] | boolean | number | object | undefined>): Promise<FlexCommand | undefined> {
+ * Get the modified value for a control.
+ * @param modifiedControl - The modified control.
+ * @param flexSettings - Flex Settings of the control.
+ * @param propertyChanges - The change object
+ * @param propertyPathExtraSegments - optional path segments which are added to the default modified control manifest path
+ *
+ * @returns  A Promise resolving to an array of FlexCommand objects.
+ */
+export async function createManifestPropertyChange(
+    modifiedControl: UI5Element,
+    flexSettings: FlexSettings,
+    propertyChanges: Record<string, string | string[] | boolean | number | object | undefined>,
+    propertyPathExtraSegments?: string[]
+): Promise<FlexCommand | undefined> {
     const overlay = getOverlay(modifiedControl);
     if (!overlay) {
         return undefined;
     }
     const overlayData = overlay?.getDesignTimeMetadata().getData();
-    const manifestPropertyPath = overlayData.manifestPropertyPath(modifiedControl);
+    let manifestPropertyPath = overlayData.manifestPropertyPath(modifiedControl);
+    if (propertyPathExtraSegments) {
+        manifestPropertyPath += '/' + propertyPathExtraSegments.join('/');
+    }
     const [manifestPropertyChange] = overlayData.manifestPropertyChange(
         propertyChanges,
         manifestPropertyPath,
@@ -122,4 +130,4 @@ export async function createManifestPropertyChange(modifiedControl: UI5Element,
     );
 
     return command;
-}
+}