@sap-ux/preview-middleware 0.16.76 → 0.16.78

package/dist/client/adp/quick-actions/fe-v2/change-table-columns.ts

@@ -1,237 +1,24 @@
-import OverlayUtil from 'sap/ui/dt/OverlayUtil';
 import FlexCommand from 'sap/ui/rta/command/FlexCommand';
-import UI5Element from 'sap/ui/core/Element';
-import type IconTabBar from 'sap/m/IconTabBar';
-import type IconTabFilter from 'sap/m/IconTabFilter';
 import type Table from 'sap/m/Table';
 import type SmartTable from 'sap/ui/comp/smarttable/SmartTable';
 
-import type { NestedQuickAction, NestedQuickActionChild } from '@sap-ux-private/control-property-editor-common';
-import { NESTED_QUICK_ACTION_KIND } from '@sap-ux-private/control-property-editor-common';
-
 import { QuickActionContext, NestedQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
-import { getParentContainer, getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
-import { getControlById, isA, isManagedObject } from '../../../utils/core';
-import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
-import ObjectPageSection from 'sap/uxap/ObjectPageSection';
-import ObjectPageSubSection from 'sap/uxap/ObjectPageSubSection';
-import TreeTable from 'sap/ui/table/TreeTable';
-import ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
+import { getControlById, isA } from '../../../utils/core';
 import ManagedObject from 'sap/ui/base/ManagedObject';
+import { TableQuickActionDefinitionBase } from './table-quick-action-base';
 
 export const CHANGE_TABLE_COLUMNS = 'change-table-columns';
-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';
 // maintain order if action id
 const CONTROL_TYPES = [SMART_TABLE_TYPE, M_TABLE_TYPE, 'sap.ui.table.TreeTable', 'sap.ui.table.Table'];
 
-async function getActionId(table: UI5Element): Promise<string[]> {
-    const { major, minor } = await getUi5Version();
-
-    if (isA(SMART_TABLE_TYPE, table)) {
-        if (major === 1 && minor === 96) {
-            return [SETTINGS_ID];
-        } else {
-            return [SMART_TABLE_ACTION_ID];
-        }
-    }
-
-    return [M_TABLE_ACTION_ID, SETTINGS_ID];
-}
-
-export class ChangeTableColumnsQuickAction implements NestedQuickActionDefinition {
-    readonly kind = NESTED_QUICK_ACTION_KIND;
-    readonly type = CHANGE_TABLE_COLUMNS;
-    public get id(): string {
-        return `${this.context.key}-${this.type}`;
-    }
-    isActive = false;
-    isClearButtonEnabled = false;
-    children: NestedQuickActionChild[] = [];
-    tableMap: Record<
-        string,
-        {
-            table: UI5Element;
-            tableUpdateEventAttachedOnce: boolean;
-            iconTabBarFilterKey?: string;
-            changeColumnActionId: string;
-            sectionInfo?: {
-                section: ObjectPageSection;
-                subSection: ObjectPageSubSection;
-                layout?: ObjectPageLayout;
-            };
-        }
-    > = {};
-    private iconTabBar: IconTabBar | undefined;
-    constructor(private context: QuickActionContext) {}
-
-    async initialize(): Promise<void> {
-        // No action found in control design time for version < 1.96
-        const version = await getUi5Version();
-        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 96 })) {
-            this.isActive = false;
-            return;
-        }
-        const iconTabBarfilterMap = this.buildIconTabBarFilterMap();
-        for (const table of getRelevantControlFromActivePage(
-            this.context.controlIndex,
-            this.context.view,
-            CONTROL_TYPES
-        )) {
-            const actions = await this.context.actionService.get(table.getId());
-            const actionsIds = await getActionId(table);
-            const changeColumnAction = actionsIds.find(
-                (actionId) => actions.findIndex((action) => action.id === actionId) > -1
-            );
-            const tabKey = Object.keys(iconTabBarfilterMap).find((key) => table.getId().endsWith(key));
-            if (changeColumnAction) {
-                const section = getParentContainer<ObjectPageSection>(table, 'sap.uxap.ObjectPageSection');
-                if (section) {
-                    this.collectChildrenInSection(section, table, changeColumnAction);
-                } else if (this.iconTabBar && tabKey) {
-                    this.children.push({
-                        label: `'${iconTabBarfilterMap[tabKey]}' table`,
-                        children: []
-                    });
-                    this.tableMap[`${this.children.length - 1}`] = {
-                        table,
-                        iconTabBarFilterKey: tabKey,
-                        changeColumnActionId: changeColumnAction,
-                        tableUpdateEventAttachedOnce: false
-                    };
-                } else {
-                    this.processTable(table, changeColumnAction);
-                }
-            }
-        }
-        if (this.children.length > 0) {
-            this.isActive = true;
-        }
-    }
-
-    private getTableLabel(table: UI5Element): string {
-        if (isA<SmartTable>(SMART_TABLE_TYPE, table)) {
-            const header = table.getHeader();
-            if (header) {
-                return `'${header}' table`;
-            }
-        }
-        if (isA<Table>(M_TABLE_TYPE, table)) {
-            const tilte = table?.getHeaderToolbar()?.getTitleControl()?.getText();
-            if (tilte) {
-                return `'${tilte}' table`;
-            }
-        }
-
-        return 'Unnamed table';
-    }
-
-    private buildIconTabBarFilterMap(): { [key: string]: string } {
-        const iconTabBarfilterMap: { [key: string]: string } = {};
-
-        // Assumption only a tab bar control per page.
-        const tabBar = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
-            ICON_TAB_BAR_TYPE
-        ])[0];
-        if (tabBar) {
-            const control = getControlById(tabBar.getId());
-            if (isA<IconTabBar>(ICON_TAB_BAR_TYPE, control)) {
-                this.iconTabBar = control;
-                for (const item of control.getItems()) {
-                    if (isManagedObject(item) && isA<IconTabFilter>('sap.m.IconTabFilter', item)) {
-                        iconTabBarfilterMap[item.getKey()] = item.getText();
-                    }
-                }
-            }
-        }
-
-        return iconTabBarfilterMap;
-    }
-
-    private collectChildrenInSection(section: ObjectPageSection, table: UI5Element, changeColumnAction: string): void {
-        const layout = getParentContainer<ObjectPageLayout>(table, 'sap.uxap.ObjectPageLayout');
-        const subSections = section.getSubSections();
-        const subSection = getParentContainer<ObjectPageSubSection>(table, 'sap.uxap.ObjectPageSubSection');
-        if (subSection) {
-            if (subSections?.length === 1) {
-                this.processTable(table, changeColumnAction, { 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}`;
-                if (!sectionChild) {
-                    tableMapIndex = `${tableMapIndex}/0`;
-                    this.children.push({
-                        label: `'${section?.getTitle()}' section`,
-                        children: [
-                            {
-                                label: this.getTableLabel(table),
-                                children: []
-                            }
-                        ]
-                    });
-                } else {
-                    tableMapIndex = `${tableMapIndex}/${sectionChild.children.length - 1}`;
-                    sectionChild.children.push({
-                        label: this.getTableLabel(table),
-                        children: []
-                    });
-                }
-
-                this.tableMap[tableMapIndex] = {
-                    table,
-                    changeColumnActionId: changeColumnAction,
-                    sectionInfo: { section, subSection, layout },
-                    tableUpdateEventAttachedOnce: false
-                };
-            }
-        }
-    }
-
-    private processTable(
-        table: UI5Element,
-        changeColumnActionId: string,
-        sectionInfo?: { section: ObjectPageSection; subSection: ObjectPageSubSection; layout?: ObjectPageLayout }
-    ): void {
-        if (isA<SmartTable>(SMART_TABLE_TYPE, table) || isA<TreeTable>('sap.ui.table.TreeTable', table)) {
-            this.children.push({
-                label: this.getTableLabel(table),
-                children: []
-            });
-        }
-        if (isA<Table>(M_TABLE_TYPE, table)) {
-            this.children.push({
-                label: this.getTableLabel(table),
-                children: []
-            });
-        }
-        this.tableMap[`${this.children.length - 1}`] = {
-            table,
-            changeColumnActionId,
-            sectionInfo: sectionInfo,
-            tableUpdateEventAttachedOnce: false
-        };
-    }
-
-    getActionObject(): NestedQuickAction {
-        return {
-            kind: NESTED_QUICK_ACTION_KIND,
-            id: this.id,
-            enabled: this.isActive,
-            title:
-                this.context.resourceBundle.getText('V2_QUICK_ACTION_CHANGE_TABLE_COLUMNS') ?? 'Change table columns',
-            children: this.children
-        };
-    }
-
-    private selectOverlay(table: UI5Element): void {
-        const controlOverlay = OverlayUtil.getClosestOverlayFor(table);
-        if (controlOverlay) {
-            controlOverlay.setSelected(true);
-        }
+export class ChangeTableColumnsQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(CHANGE_TABLE_COLUMNS, CONTROL_TYPES, 'V2_QUICK_ACTION_CHANGE_TABLE_COLUMNS', context, true);
     }
 
     async execute(path: string): Promise<FlexCommand[]> {
@@ -253,17 +40,19 @@ export class ChangeTableColumnsQuickAction implements NestedQuickActionDefinitio
         if (this.iconTabBar && iconTabBarFilterKey) {
             this.iconTabBar.setSelectedKey(iconTabBarFilterKey);
         }
-
-        const executeAction = async () => await this.context.actionService.execute(table.getId(), changeColumnActionId);
-        if (isA<SmartTable>(SMART_TABLE_TYPE, table)) {
-            await executeAction();
-        } else if (isA<Table>(M_TABLE_TYPE, table)) {
-            // if table is busy, i.e. lazy loading, then we subscribe to 'updateFinished' event and call action service when loading is done
-            // to avoid reopening the dialog after close
-            if (this.isTableLoaded(table)) {
+        if (changeColumnActionId) {
+            const executeAction = async () =>
+                await this.context.actionService.execute(table.getId(), changeColumnActionId);
+            if (isA<SmartTable>(SMART_TABLE_TYPE, table)) {
                 await executeAction();
-            } else {
-                table.attachEventOnce('updateFinished', executeAction, this);
+            } else if (isA<Table>(M_TABLE_TYPE, table)) {
+                // if table is busy, i.e. lazy loading, then we subscribe to 'updateFinished' event and call action service when loading is done
+                // to avoid reopening the dialog after close
+                if (this.isTableLoaded(table)) {
+                    await executeAction();
+                } else {
+                    table.attachEventOnce('updateFinished', executeAction, this);
+                }
             }
         }
 
@@ -302,4 +91,4 @@ export class ChangeTableColumnsQuickAction implements NestedQuickActionDefinitio
             return !!bindingContext;
         }
     }
-}
+}

package/dist/client/adp/quick-actions/fe-v2/create-page-action.js

@@ -0,0 +1,37 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../init-dialogs", "../simple-quick-action-base"], function (OverlayRegistry, ____init_dialogs, ___simple_quick_action_base) {
+  "use strict";
+
+  const DialogNames = ____init_dialogs["DialogNames"];
+  const handler = ____init_dialogs["handler"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const ADD_PAGE_ACTION = 'add-page-action';
+  const CONTROL_TYPES = ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageHeader'];
+
+  /**
+   * Quick Action for adding a custom page action.
+   */
+  class AddPageActionQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ADD_PAGE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION', context);
+    }
+    async execute() {
+      if (this.control) {
+        const overlay = OverlayRegistry.getOverlay(this.control) || [];
+        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+          aggregation: 'actions',
+          title: 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION'
+        });
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ADD_PAGE_ACTION = ADD_PAGE_ACTION;
+  __exports.AddPageActionQuickAction = AddPageActionQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-page-action.js.map

package/dist/client/adp/quick-actions/fe-v2/create-page-action.ts

@@ -0,0 +1,29 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { DialogNames, handler } from '../../init-dialogs';
+import { QuickActionContext, SimpleQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+
+export const ADD_PAGE_ACTION = 'add-page-action';
+const CONTROL_TYPES = ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageHeader'];
+
+/**
+ * Quick Action for adding a custom page action.
+ */
+export class AddPageActionQuickAction extends SimpleQuickActionDefinitionBase implements SimpleQuickActionDefinition {
+    constructor(context: QuickActionContext) {
+        super(ADD_PAGE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION', context);
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        if (this.control) {
+            const overlay = OverlayRegistry.getOverlay(this.control) || [];
+            await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+                aggregation: 'actions',
+                title: 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION'
+            });
+        }
+        return [];
+    }
+}

package/dist/client/adp/quick-actions/fe-v2/create-table-action.js

@@ -0,0 +1,71 @@
+"use strict";
+
+sap.ui.define(["../../../utils/core", "sap/ui/dt/OverlayRegistry", "../../init-dialogs", "./table-quick-action-base"], function (_____utils_core, OverlayRegistry, ____init_dialogs, ___table_quick_action_base) {
+  "use strict";
+
+  const getControlById = _____utils_core["getControlById"];
+  const isA = _____utils_core["isA"];
+  const DialogNames = ____init_dialogs["DialogNames"];
+  const handler = ____init_dialogs["handler"];
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const CREATE_TABLE_ACTION = 'create-table-action';
+  const SMART_TABLE_TYPE = 'sap.ui.comp.smarttable.SmartTable';
+  const M_TABLE_TYPE = 'sap.m.Table';
+  // maintain order if action id
+
+  const CONTROL_TYPES = [SMART_TABLE_TYPE, M_TABLE_TYPE, 'sap.ui.table.TreeTable', 'sap.ui.table.Table'];
+  class AddTableActionQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(CREATE_TABLE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context);
+    }
+    async execute(path) {
+      const {
+        table,
+        iconTabBarFilterKey,
+        sectionInfo
+      } = this.tableMap[path];
+      if (!table) {
+        return [];
+      }
+      if (sectionInfo) {
+        const {
+          layout,
+          section,
+          subSection
+        } = sectionInfo;
+        layout?.setSelectedSection(section);
+        section.setSelectedSubSection(subSection);
+        this.selectOverlay(table);
+      } else {
+        getControlById(table.getId())?.getDomRef()?.scrollIntoView();
+        this.selectOverlay(table);
+      }
+      if (this.iconTabBar && iconTabBarFilterKey) {
+        this.iconTabBar.setSelectedKey(iconTabBarFilterKey);
+      }
+      let headerToolbar;
+      if (isA(SMART_TABLE_TYPE, table)) {
+        headerToolbar = table.getAggregation('items')[0].getAggregation('headerToolbar');
+      } else if (isA(M_TABLE_TYPE, table)) {
+        headerToolbar = table.getAggregation('headerToolbar');
+      }
+
+      // open dialogBox to add, and content is selected ByDefault
+      if (headerToolbar) {
+        const overlay = OverlayRegistry.getOverlay(headerToolbar) || [];
+        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+          aggregation: 'content',
+          title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION'
+        });
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CREATE_TABLE_ACTION = CREATE_TABLE_ACTION;
+  __exports.AddTableActionQuickAction = AddTableActionQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-table-action.js.map

package/dist/client/adp/quick-actions/fe-v2/create-table-action.ts

@@ -0,0 +1,62 @@
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import type Table from 'sap/m/Table';
+import type SmartTable from 'sap/ui/comp/smarttable/SmartTable';
+
+import { QuickActionContext, NestedQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { getControlById, isA } from '../../../utils/core';
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import { DialogNames, handler } from '../../init-dialogs';
+import { TableQuickActionDefinitionBase } from './table-quick-action-base';
+import ManagedObject from 'sap/ui/base/ManagedObject';
+import UI5Element from 'sap/ui/core/Element';
+
+export const CREATE_TABLE_ACTION = 'create-table-action';
+const SMART_TABLE_TYPE = 'sap.ui.comp.smarttable.SmartTable';
+const M_TABLE_TYPE = 'sap.m.Table';
+// maintain order if action id
+
+const CONTROL_TYPES = [SMART_TABLE_TYPE, M_TABLE_TYPE, 'sap.ui.table.TreeTable', 'sap.ui.table.Table'];
+
+export class AddTableActionQuickAction extends TableQuickActionDefinitionBase implements NestedQuickActionDefinition {
+    constructor(context: QuickActionContext) {
+        super(CREATE_TABLE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context);
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table, iconTabBarFilterKey, sectionInfo } = this.tableMap[path];
+        if (!table) {
+            return [];
+        }
+
+        if (sectionInfo) {
+            const { layout, section, subSection } = sectionInfo;
+            layout?.setSelectedSection(section);
+            section.setSelectedSubSection(subSection);
+            this.selectOverlay(table);
+        } else {
+            getControlById(table.getId())?.getDomRef()?.scrollIntoView();
+            this.selectOverlay(table);
+        }
+
+        if (this.iconTabBar && iconTabBarFilterKey) {
+            this.iconTabBar.setSelectedKey(iconTabBarFilterKey);
+        }
+
+        let headerToolbar;
+        if (isA<SmartTable>(SMART_TABLE_TYPE, table)) {
+            headerToolbar = (table.getAggregation('items') as ManagedObject[])[0].getAggregation('headerToolbar');
+        } else if (isA<Table>(M_TABLE_TYPE, table)) {
+            headerToolbar = table.getAggregation('headerToolbar');
+        }
+
+        // open dialogBox to add, and content is selected ByDefault
+        if (headerToolbar) {
+            const overlay = OverlayRegistry.getOverlay(headerToolbar as UI5Element) || [];
+            await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+                aggregation: 'content',
+                title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION'
+            });
+        }
+        return [];
+    }
+}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/ComponentContainer", "../../../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"], function (XMLView, ComponentContainer, _____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) {
+sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/ComponentContainer", "../../../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", "../fe-v2/create-table-action", "../fe-v2/create-page-action"], function (XMLView, ComponentContainer, _____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, ___fe_v2_create_table_action, ___fe_v2_create_page_action) {
   "use strict";
 
   const QuickActionDefinitionRegistry = _____cpe_quick_actions_registry["QuickActionDefinitionRegistry"];
@@ -9,6 +9,8 @@ sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/ComponentContainer", "../
   const ChangeTableColumnsQuickAction = ___change_table_columns["ChangeTableColumnsQuickAction"];
   const AddHeaderFieldQuickAction = ___common_op_add_header_field["AddHeaderFieldQuickAction"];
   const AddCustomSectionQuickAction = ___common_op_add_custom_section["AddCustomSectionQuickAction"];
+  const AddTableActionQuickAction = ___fe_v2_create_table_action["AddTableActionQuickAction"];
+  const AddPageActionQuickAction = ___fe_v2_create_page_action["AddPageActionQuickAction"];
   const OBJECT_PAGE_TYPE = 'sap.suite.ui.generic.template.ObjectPage.view.Details';
   const LIST_REPORT_TYPE = 'sap.suite.ui.generic.template.ListReport.view.ListReport';
 
@@ -31,14 +33,14 @@ sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/ComponentContainer", "../
         if (name === 'listReport') {
           definitionGroups.push({
             title: 'LIST REPORT',
-            definitions: [ToggleClearFilterBarQuickAction, AddControllerToPageQuickAction, ChangeTableColumnsQuickAction],
+            definitions: [ToggleClearFilterBarQuickAction, AddControllerToPageQuickAction, ChangeTableColumnsQuickAction, AddTableActionQuickAction, AddPageActionQuickAction],
             view,
             key: name + index
           });
         } else if (name === 'objectPage') {
           definitionGroups.push({
             title: 'OBJECT PAGE',
-            definitions: [AddControllerToPageQuickAction, ChangeTableColumnsQuickAction, AddHeaderFieldQuickAction, AddCustomSectionQuickAction],
+            definitions: [AddControllerToPageQuickAction, ChangeTableColumnsQuickAction, AddHeaderFieldQuickAction, AddCustomSectionQuickAction, AddTableActionQuickAction, AddPageActionQuickAction],
             view,
             key: name + index
           });

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

@@ -14,7 +14,8 @@ import { ToggleClearFilterBarQuickAction } from './lr-toggle-clear-filter-bar';
 import { ChangeTableColumnsQuickAction } from './change-table-columns';
 import { AddHeaderFieldQuickAction } from '../common/op-add-header-field';
 import { AddCustomSectionQuickAction } from '../common/op-add-custom-section';
-
+import { AddTableActionQuickAction } from '../fe-v2/create-table-action';
+import { AddPageActionQuickAction } from '../fe-v2/create-page-action';
 type PageName = 'listReport' | 'objectPage';
 
 const OBJECT_PAGE_TYPE = 'sap.suite.ui.generic.template.ObjectPage.view.Details';
@@ -40,7 +41,9 @@ export default class FEV2QuickActionRegistry extends QuickActionDefinitionRegist
                     definitions: [
                         ToggleClearFilterBarQuickAction,
                         AddControllerToPageQuickAction,
-                        ChangeTableColumnsQuickAction
+                        ChangeTableColumnsQuickAction,
+                        AddTableActionQuickAction,
+                        AddPageActionQuickAction
                     ],
                     view,
                     key: name + index
@@ -52,7 +55,9 @@ export default class FEV2QuickActionRegistry extends QuickActionDefinitionRegist
                         AddControllerToPageQuickAction,
                         ChangeTableColumnsQuickAction,
                         AddHeaderFieldQuickAction,
-                        AddCustomSectionQuickAction
+                        AddCustomSectionQuickAction,
+                        AddTableActionQuickAction,
+                        AddPageActionQuickAction
                     ],
                     view,
                     key: name + index