@sap/ux-ui5-tooling 1.20.4 → 1.22.0

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/add-new-subpage.js

@@ -0,0 +1,140 @@
+"use strict";
+
+sap.ui.define(["../../../utils/fe-v4", "../add-new-subpage-quick-action-base", "../../../utils/core", "../../../utils/version"], function (_____utils_fe_v4, ___add_new_subpage_quick_action_base, _____utils_core, _____utils_version) {
+  "use strict";
+
+  const getV4AppComponent = _____utils_fe_v4["getV4AppComponent"];
+  const getV4ApplicationPages = _____utils_fe_v4["getV4ApplicationPages"];
+  const AddNewSubpageBase = ___add_new_subpage_quick_action_base["AddNewSubpageBase"];
+  const isA = _____utils_core["isA"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const OBJECT_PAGE_COMPONENT_NAME_V4 = 'sap.fe.templates.ObjectPage.ObjectPage';
+  /**
+   * Quick Action for adding a custom page action.
+   */
+  class AddNewSubpage extends AddNewSubpageBase {
+    get currentPageDescriptor() {
+      if (!this.pageId) {
+        throw new Error('pageId is not defined');
+      }
+      if (!this.routePattern) {
+        throw new Error('routePattern is not defined');
+      }
+      if (!this.appComponent) {
+        throw new Error('appComponent is not defined');
+      }
+      return {
+        appType: 'fe-v4',
+        appComponent: this.appComponent,
+        pageId: this.pageId,
+        routePattern: this.routePattern
+      };
+    }
+    getApplicationPages() {
+      return getV4ApplicationPages(this.context.manifest);
+    }
+    async resolveContextPathTargetName(contextPath, metaModel) {
+      let result;
+      const segments = contextPath.split('/').filter(s => !!s);
+      if (segments.length === 1) {
+        // one segment - assumed it is the direct name of entitySet
+        result = segments[0];
+      } else {
+        // resolve segment by segment
+        let targetObject = await metaModel.requestObject(`/${segments[0]}`); // NO SONAR;
+
+        let idx = 1;
+        let targetSetName = '';
+        while (targetObject && idx < segments.length) {
+          const navProp = segments[idx];
+          targetSetName = targetObject.$NavigationPropertyBinding[navProp];
+          if (!targetSetName) {
+            targetObject = undefined;
+          } else {
+            targetObject = await metaModel.requestObject(`/${targetSetName}`); // NO SONAR;
+            idx++;
+          }
+        }
+        if (targetObject) {
+          result = targetSetName;
+        }
+      }
+      return result;
+    }
+    async isPageExists(targetEntitySet, metaModel) {
+      let pageFound = false;
+      let entitySetName;
+      for (const page of this.existingPages) {
+        if (page.contextPath) {
+          // resolve contextPath to target entitySet
+          entitySetName = await this.resolveContextPathTargetName(page.contextPath, metaModel);
+        } else {
+          entitySetName = page.entitySet;
+        }
+        if (entitySetName === targetEntitySet) {
+          pageFound = true;
+          break;
+        }
+      }
+      return pageFound;
+    }
+    isCurrentObjectPage() {
+      return this.pageType === OBJECT_PAGE_COMPONENT_NAME_V4;
+    }
+    getODataMetaModel() {
+      return this.context.rta.getRootControlInstance().getModel()?.getMetaModel();
+    }
+    async getEntitySetNameFromPageComponent(component, metaModel) {
+      if (!isA('sap.fe.templates.ListReport.Component', component) && !isA('sap.fe.templates.ObjectPage.Component', component)) {
+        throw new Error('Unexpected type of page owner component');
+      }
+      let entitySet = component.getEntitySet();
+      const contextPath = component.getContextPath();
+      if (contextPath) {
+        entitySet = await this.resolveContextPathTargetName(contextPath, metaModel);
+      }
+      return entitySet;
+    }
+    async prepareNavigationData(metaModel) {
+      const entitySet = await metaModel.requestObject(`/${this.entitySet}`); // NO SONAR;
+      if (!entitySet) {
+        return;
+      }
+      const entityTypePath = entitySet.$Type;
+      const entitySetNavigationKeys = Object.keys(entitySet.$NavigationPropertyBinding);
+      for (const navigationProperty of entitySetNavigationKeys) {
+        const associationEnd = await metaModel.requestObject(`/${entityTypePath}/${navigationProperty}`);
+        if (associationEnd?.$isCollection) {
+          const targetEntitySet = entitySet.$NavigationPropertyBinding[navigationProperty];
+          await this.addNavigationOptionIfAvailable(metaModel, targetEntitySet, navigationProperty);
+        }
+      }
+    }
+    async initialize() {
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 135
+      })) {
+        return;
+      }
+      await super.initialize();
+      this.appComponent = getV4AppComponent(this.context.view);
+      this.pageId = this.context.view.getViewData()?.stableId.split('::').pop();
+      // remember current page route pattern (used in dialog controller for new page change)
+      const currentPageRoute = (this.context.manifest['sap.ui5'].routing?.routes ?? []).find(r => r.name === this.pageId);
+      if (!currentPageRoute) {
+        throw new Error('Current page navigation route not found in manifest');
+      }
+      this.routePattern = currentPageRoute.pattern;
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.OBJECT_PAGE_COMPONENT_NAME_V4 = OBJECT_PAGE_COMPONENT_NAME_V4;
+  __exports.AddNewSubpage = AddNewSubpage;
+  return __exports;
+});
+//# sourceMappingURL=add-new-subpage.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/add-new-subpage.ts

@@ -0,0 +1,181 @@
+import ODataModelV4 from 'sap/ui/model/odata/v4/ODataModel';
+import ODataMetaModelV4 from 'sap/ui/model/odata/v4/ODataMetaModel';
+import Component from 'sap/ui/core/Component';
+import AppComponent from 'sap/fe/core/AppComponent';
+
+import { getV4AppComponent, getV4ApplicationPages } from '../../../utils/fe-v4';
+import { AddNewSubpageBase, ApplicationPageData } from '../add-new-subpage-quick-action-base';
+import { isA } from '../../../utils/core';
+import FEObjectPageComponent from 'sap/fe/templates/ObjectPage/Component';
+import FEListReportComponent from 'sap/fe/templates/ListReport/Component';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { PageDescriptorV4 } from '../../controllers/types';
+
+export const OBJECT_PAGE_COMPONENT_NAME_V4 = 'sap.fe.templates.ObjectPage.ObjectPage';
+
+interface ViewDataType {
+    stableId: string;
+}
+
+/**
+ * Quick Action for adding a custom page action.
+ */
+export class AddNewSubpage extends AddNewSubpageBase<ODataMetaModelV4> {
+    protected pageId: string | undefined;
+    protected routePattern: string | undefined;
+    protected appComponent: AppComponent | undefined;
+
+    protected get currentPageDescriptor(): PageDescriptorV4 {
+        if (!this.pageId) {
+            throw new Error('pageId is not defined');
+        }
+        if (!this.routePattern) {
+            throw new Error('routePattern is not defined');
+        }
+        if (!this.appComponent) {
+            throw new Error('appComponent is not defined');
+        }
+        return {
+            appType: 'fe-v4',
+            appComponent: this.appComponent,
+            pageId: this.pageId,
+            routePattern: this.routePattern
+        };
+    }
+
+    protected getApplicationPages(): ApplicationPageData[] {
+        return getV4ApplicationPages(this.context.manifest);
+    }
+
+    private async resolveContextPathTargetName(
+        contextPath: string,
+        metaModel: ODataMetaModelV4
+    ): Promise<string | undefined> {
+        let result: string | undefined;
+        const segments = contextPath.split('/').filter((s) => !!s);
+        if (segments.length === 1) {
+            // one segment - assumed it is the direct name of entitySet
+            result = segments[0];
+        } else {
+            // resolve segment by segment
+            let targetObject = (await metaModel.requestObject(`/${segments[0]}`)) as
+                | {
+                      $Type: string;
+                      $NavigationPropertyBinding: { [key: string]: string };
+                  }
+                | undefined; // NO SONAR;
+
+            let idx = 1;
+            let targetSetName = '';
+            while (targetObject && idx < segments.length) {
+                const navProp = segments[idx];
+                targetSetName = targetObject.$NavigationPropertyBinding[navProp];
+                if (!targetSetName) {
+                    targetObject = undefined;
+                } else {
+                    targetObject = (await metaModel.requestObject(`/${targetSetName}`)) as
+                        | {
+                              $Type: string;
+                              $NavigationPropertyBinding: { [key: string]: string };
+                          }
+                        | undefined; // NO SONAR;
+                    idx++;
+                }
+            }
+            if (targetObject) {
+                result = targetSetName;
+            }
+        }
+        return result;
+    }
+
+    protected async isPageExists(targetEntitySet: string, metaModel: ODataMetaModelV4): Promise<boolean> {
+        let pageFound = false;
+        let entitySetName: string | undefined;
+        for (const page of this.existingPages) {
+            if (page.contextPath) {
+                // resolve contextPath to target entitySet
+                entitySetName = await this.resolveContextPathTargetName(page.contextPath, metaModel);
+            } else {
+                entitySetName = page.entitySet;
+            }
+
+            if (entitySetName === targetEntitySet) {
+                pageFound = true;
+                break;
+            }
+        }
+
+        return pageFound;
+    }
+
+    protected isCurrentObjectPage(): boolean {
+        return this.pageType === OBJECT_PAGE_COMPONENT_NAME_V4;
+    }
+
+    protected getODataMetaModel(): ODataMetaModelV4 | undefined {
+        return (this.context.rta.getRootControlInstance().getModel() as ODataModelV4)?.getMetaModel();
+    }
+
+    protected async getEntitySetNameFromPageComponent(
+        component: Component | undefined,
+        metaModel: ODataMetaModelV4
+    ): Promise<string | undefined> {
+        if (
+            !isA<FEObjectPageComponent>('sap.fe.templates.ListReport.Component', component) &&
+            !isA<FEListReportComponent>('sap.fe.templates.ObjectPage.Component', component)
+        ) {
+            throw new Error('Unexpected type of page owner component');
+        }
+        let entitySet: string | undefined = component.getEntitySet();
+        const contextPath = component.getContextPath();
+        if (contextPath) {
+            entitySet = await this.resolveContextPathTargetName(contextPath, metaModel);
+        }
+        return entitySet;
+    }
+
+    protected async prepareNavigationData(metaModel: ODataMetaModelV4) {
+        const entitySet = (await metaModel.requestObject(`/${this.entitySet}`)) as {
+            $Type: string;
+            $NavigationPropertyBinding: { [key: string]: string };
+        }; // NO SONAR;
+        if (!entitySet) {
+            return;
+        }
+        const entityTypePath = entitySet.$Type;
+        const entitySetNavigationKeys = Object.keys(entitySet.$NavigationPropertyBinding);
+
+        for (const navigationProperty of entitySetNavigationKeys) {
+            const associationEnd = (await metaModel.requestObject(`/${entityTypePath}/${navigationProperty}`)) as {
+                $Type: string;
+                $isCollection: boolean;
+                $kind: 'NavigationProperty';
+            };
+            if (associationEnd?.$isCollection) {
+                const targetEntitySet = entitySet.$NavigationPropertyBinding[navigationProperty];
+                await this.addNavigationOptionIfAvailable(metaModel, targetEntitySet, navigationProperty);
+            }
+        }
+    }
+
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 135 })) {
+            return;
+        }
+        await super.initialize();
+
+        this.appComponent = getV4AppComponent(this.context.view);
+
+        this.pageId = (this.context.view.getViewData() as ViewDataType)?.stableId.split('::').pop() as string;
+        // remember current page route pattern (used in dialog controller for new page change)
+        const currentPageRoute = (this.context.manifest['sap.ui5'].routing?.routes ?? []).find(
+            (r) => r.name === this.pageId
+        );
+        if (!currentPageRoute) {
+            throw new Error('Current page navigation route not found in manifest');
+        }
+        this.routePattern = currentPageRoute.pattern;
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/change-table-actions.js

@@ -0,0 +1,81 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayUtil", "../../../utils/core", "../table-quick-action-base", "../control-types", "../../../cpe/quick-actions/utils", "../fe-v2/create-table-custom-column", "../dialog-enablement-validator"], function (OverlayUtil, _____utils_core, ___table_quick_action_base, ___control_types, _____cpe_quick_actions_utils, ___fe_v2_create_table_custom_column, ___dialog_enablement_validator) {
+  "use strict";
+
+  const getControlById = _____utils_core["getControlById"];
+  const findNestedElements = _____utils_core["findNestedElements"];
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const MDC_ACTION_TOOLBAR_TYPE = ___control_types["MDC_ACTION_TOOLBAR_TYPE"];
+  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const preprocessActionExecution = ___fe_v2_create_table_custom_column["preprocessActionExecution"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const CHANGE_TABLE_ACTIONS = 'change-table-actions';
+  const ACTION_ID = 'CTX_SETTINGS';
+
+  /**
+   * Quick Action for changing table columns.
+   */
+  class ChangeTableActionsQuickAction extends TableQuickActionDefinitionBase {
+    toolbarsMap = {};
+    constructor(context) {
+      super(CHANGE_TABLE_ACTIONS, [MDC_TABLE_TYPE], 'V4_QUICK_ACTION_CHANGE_TABLE_ACTIONS', context, undefined, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async initialize() {
+      const toolbars = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [MDC_ACTION_TOOLBAR_TYPE]);
+      const processChild = async (child, mapKey) => {
+        const mapEntry = this.tableMap[mapKey];
+        if (mapEntry) {
+          const tableToolbar = findNestedElements(mapEntry.table, toolbars)[0];
+          this.toolbarsMap[mapKey] = tableToolbar;
+          const actions = tableToolbar ? await this.context.actionService.get(tableToolbar.getId()) : [];
+          const changeToolbarContentAction = actions.find(action => action.id === ACTION_ID);
+          child.enabled = !!changeToolbarContentAction?.enabled;
+          let tooltip;
+          if (!tableToolbar) {
+            tooltip = this.context.resourceBundle.getText('TABLE_HEADER_TOOLBAR_NOT_AVAILABLE');
+          } else if (!child.enabled) {
+            tooltip = this.context.resourceBundle.getText('TABLE_HEADER_TOOLBAR_NOT_CHANGEABLE');
+          }
+          child.tooltip = tooltip ?? child.tooltip;
+        }
+        for (let idx = 0; idx < child.children.length; idx++) {
+          await processChild(child.children[idx], `${mapKey}/${idx}`);
+        }
+      };
+      await super.initialize();
+
+      // disable nested actions based on conditions
+      for (let idx = 0; idx < this.children.length; idx++) {
+        await processChild(this.children[idx], `${idx}`);
+      }
+    }
+    async execute(path) {
+      const {
+        table,
+        sectionInfo,
+        iconTabBarFilterKey
+      } = this.tableMap[path];
+      const toolbar = this.toolbarsMap[path];
+      if (!table || !toolbar) {
+        return [];
+      }
+      preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
+      const toolbarControl = getControlById(toolbar.getId());
+      const controlOverlay = OverlayUtil.getClosestOverlayFor(toolbarControl);
+      if (controlOverlay) {
+        controlOverlay.setSelected(true);
+        await this.context.actionService.execute(toolbar.getId(), ACTION_ID);
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CHANGE_TABLE_ACTIONS = CHANGE_TABLE_ACTIONS;
+  __exports.ChangeTableActionsQuickAction = ChangeTableActionsQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=change-table-actions.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/change-table-actions.ts

@@ -0,0 +1,81 @@
+import OverlayUtil from 'sap/ui/dt/OverlayUtil';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import UI5Element from 'sap/ui/core/Element';
+import { QuickActionContext, NestedQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { getControlById, findNestedElements } from '../../../utils/core';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { MDC_ACTION_TOOLBAR_TYPE, MDC_TABLE_TYPE } from '../control-types';
+import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
+import { NestedQuickActionChild } from '@sap-ux-private/control-property-editor-common';
+import { preprocessActionExecution } from '../fe-v2/create-table-custom-column';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+
+export const CHANGE_TABLE_ACTIONS = 'change-table-actions';
+const ACTION_ID = 'CTX_SETTINGS';
+
+/**
+ * Quick Action for changing table columns.
+ */
+export class ChangeTableActionsQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    public toolbarsMap: Record<string, UI5Element | undefined> = {};
+
+    constructor(context: QuickActionContext) {
+        super(CHANGE_TABLE_ACTIONS, [MDC_TABLE_TYPE], 'V4_QUICK_ACTION_CHANGE_TABLE_ACTIONS', context, undefined, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async initialize(): Promise<void> {
+        const toolbars = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
+            MDC_ACTION_TOOLBAR_TYPE
+        ]);
+
+        const processChild = async (child: NestedQuickActionChild, mapKey: string) => {
+            const mapEntry = this.tableMap[mapKey];
+            if (mapEntry) {
+                const tableToolbar = findNestedElements(mapEntry.table, toolbars)[0];
+                this.toolbarsMap[mapKey] = tableToolbar;
+                const actions = tableToolbar ? await this.context.actionService.get(tableToolbar.getId()) : [];
+                const changeToolbarContentAction = actions.find((action) => action.id === ACTION_ID);
+
+                child.enabled = !!changeToolbarContentAction?.enabled;
+                let tooltip: string | undefined;
+                if (!tableToolbar) {
+                    tooltip = this.context.resourceBundle.getText('TABLE_HEADER_TOOLBAR_NOT_AVAILABLE');
+                } else if (!child.enabled) {
+                    tooltip = this.context.resourceBundle.getText('TABLE_HEADER_TOOLBAR_NOT_CHANGEABLE');
+                }
+                child.tooltip = tooltip ?? child.tooltip;
+            }
+            for (let idx = 0; idx < child.children.length; idx++) {
+                await processChild(child.children[idx], `${mapKey}/${idx}`);
+            }
+        };
+
+        await super.initialize();
+
+        // disable nested actions based on conditions
+        for (let idx = 0; idx < this.children.length; idx++) {
+            await processChild(this.children[idx], `${idx}`);
+        }
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table, sectionInfo, iconTabBarFilterKey } = this.tableMap[path];
+        const toolbar = this.toolbarsMap[path];
+        if (!table || !toolbar) {
+            return [];
+        }
+        preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
+        const toolbarControl = getControlById(toolbar.getId());
+        const controlOverlay = OverlayUtil.getClosestOverlayFor(toolbarControl);
+        if (controlOverlay) {
+            controlOverlay.setSelected(true);
+            await this.context.actionService.execute(toolbar.getId(), ACTION_ID);
+        }
+        return [];
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/change-table-columns.js

@@ -0,0 +1,90 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayUtil", "sap/ui/fl/apply/api/FlexRuntimeInfoAPI", "../../../utils/core", "../table-quick-action-base", "../control-types", "../dialog-enablement-validator", "../../../cpe/quick-actions/utils"], function (OverlayUtil, FlexRuntimeInfoAPI, _____utils_core, ___table_quick_action_base, ___control_types, ___dialog_enablement_validator, _____cpe_quick_actions_utils) {
+  "use strict";
+
+  const getControlById = _____utils_core["getControlById"];
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const CHANGE_TABLE_COLUMNS = 'change-table-columns';
+  const ACTION_ID = 'CTX_SETTINGS0';
+
+  /**
+   * Quick Action for changing table columns.
+   */
+  class ChangeTableColumnsQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(CHANGE_TABLE_COLUMNS, [MDC_TABLE_TYPE], 'V4_QUICK_ACTION_CHANGE_TABLE_COLUMNS', context, undefined, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async initialize() {
+      for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, this.controlTypes)) {
+        const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({
+          element: smartTable
+        });
+        const path = this.children.length.toString();
+        const tableHeader = smartTable.getHeader() || 'Unnamed';
+        const tableLabel = `'${tableHeader}' table`;
+        if (!hasVariantManagement) {
+          this.children.push({
+            path,
+            label: tableLabel,
+            enabled: false,
+            tooltip: this.context.resourceBundle.getText('TABLE_ACTION_DISABLED_VARIANT_MANAGEMENT_NOT_AVAILABLE'),
+            children: []
+          });
+          this.tableMap[path] = {
+            table: smartTable,
+            tableUpdateEventAttachedOnce: false
+          };
+          continue;
+        }
+        const actions = await this.context.actionService.get(smartTable.getId());
+        const changeColumnAction = actions.find(action => action.id === ACTION_ID);
+        if (changeColumnAction) {
+          this.children.push({
+            path,
+            label: tableLabel,
+            enabled: true,
+            children: []
+          });
+          this.tableMap[path] = {
+            table: smartTable,
+            tableUpdateEventAttachedOnce: false
+          };
+        }
+      }
+      if (this.children.length > 0) {
+        this.isApplicable = true;
+      }
+    }
+    async execute(path) {
+      const {
+        table
+      } = this.tableMap[path];
+      if (!table) {
+        return [];
+      }
+      const tableControl = getControlById(table.getId());
+      const controlOverlay = OverlayUtil.getClosestOverlayFor(tableControl);
+      if (controlOverlay) {
+        controlOverlay.setSelected(true);
+      }
+      const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({
+        element: table
+      });
+      if (hasVariantManagement) {
+        await this.context.actionService.execute(table.getId(), ACTION_ID);
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CHANGE_TABLE_COLUMNS = CHANGE_TABLE_COLUMNS;
+  __exports.ChangeTableColumnsQuickAction = ChangeTableColumnsQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=change-table-columns.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/change-table-columns.ts

@@ -0,0 +1,97 @@
+import OverlayUtil from 'sap/ui/dt/OverlayUtil';
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import FlexRuntimeInfoAPI from 'sap/ui/fl/apply/api/FlexRuntimeInfoAPI';
+import type {
+    QuickActionContext,
+    NestedQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+import { getControlById } from '../../../utils/core';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { MDC_TABLE_TYPE } from '../control-types';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
+import type Table from 'sap/ui/mdc/Table';
+
+export const CHANGE_TABLE_COLUMNS = 'change-table-columns';
+const ACTION_ID = 'CTX_SETTINGS0';
+
+/**
+ * Quick Action for changing table columns.
+ */
+export class ChangeTableColumnsQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(CHANGE_TABLE_COLUMNS, [MDC_TABLE_TYPE], 'V4_QUICK_ACTION_CHANGE_TABLE_COLUMNS', context, undefined, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async initialize(): Promise<void> {
+        for (const smartTable of getRelevantControlFromActivePage(
+            this.context.controlIndex,
+            this.context.view,
+            this.controlTypes
+        )) {
+            const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({ element: smartTable });
+            const path = this.children.length.toString();
+            const tableHeader = (smartTable as Table).getHeader() || 'Unnamed';
+            const tableLabel = `'${tableHeader}' table`;
+
+            if (!hasVariantManagement) {
+                this.children.push({
+                    path,
+                    label: tableLabel,
+                    enabled: false,
+                    tooltip: this.context.resourceBundle.getText(
+                        'TABLE_ACTION_DISABLED_VARIANT_MANAGEMENT_NOT_AVAILABLE'
+                    ),
+                    children: []
+                });
+                this.tableMap[path] = {
+                    table: smartTable,
+                    tableUpdateEventAttachedOnce: false
+                };
+                continue;
+            }
+
+            const actions = await this.context.actionService.get(smartTable.getId());
+            const changeColumnAction = actions.find((action) => action.id === ACTION_ID);
+            if (changeColumnAction) {
+                this.children.push({
+                    path,
+                    label: tableLabel,
+                    enabled: true,
+                    children: []
+                });
+                this.tableMap[path] = {
+                    table: smartTable,
+                    tableUpdateEventAttachedOnce: false
+                };
+            }
+        }
+
+        if (this.children.length > 0) {
+            this.isApplicable = true;
+        }
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table } = this.tableMap[path];
+        if (!table) {
+            return [];
+        }
+        const tableControl = getControlById(table.getId());
+        const controlOverlay = OverlayUtil.getClosestOverlayFor(tableControl);
+        if (controlOverlay) {
+            controlOverlay.setSelected(true);
+        }
+        const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({ element: table });
+        if (hasVariantManagement) {
+            await this.context.actionService.execute(table.getId(), ACTION_ID);
+        }
+
+        return [];
+    }
+}