@sap/ux-ui5-tooling 1.20.4 → 1.21.0

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

@@ -0,0 +1,149 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { NestedQuickActionDefinition, QuickActionContext } from '../../../cpe/quick-actions/quick-action-definition';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import { getExistingController } from '../../api-handler';
+import { getControllerInfoForControl } from '../../utils';
+import { getV4AppComponent } from '../../../utils/fe-v4';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { MDC_TABLE_TYPE } from '../control-types';
+import { isA } from '../../../utils/core';
+import Table from 'sap/ui/mdc/Table';
+import XMLView from 'sap/ui/core/mvc/XMLView';
+import ActionToolbarAction from 'sap/ui/mdc/actiontoolbar/ActionToolbarAction';
+import { getPropertyPath } from './utils';
+
+export const CREATE_TABLE_ACTION = 'create-table-action';
+
+interface ViewDataType {
+    stableId: string;
+}
+const regexForAnnotationPath =
+    /controlConfiguration\/(?:[^@]+\/)?@com\.sap\.vocabularies\.UI\.v1\.LineItem(?:#[^/]+)?\/actions\//;
+
+/**
+ * Quick Action for adding a custom page action.
+ */
+export class AddTableActionQuickAction extends TableQuickActionDefinitionBase implements NestedQuickActionDefinition {
+    protected pageId: string | undefined;
+    constructor(context: QuickActionContext) {
+        super(CREATE_TABLE_ACTION, [MDC_TABLE_TYPE], 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context, undefined, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async initialize(): Promise<void> {
+        this.pageId = (this.context.view.getViewData() as ViewDataType)?.stableId.split('::').pop() as string;
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 120 })) {
+            return;
+        }
+        await super.initialize();
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table } = this.tableMap[path];
+        const propertyPath = `${getPropertyPath(table)}`;
+        if (!table || !propertyPath) {
+            return [];
+        }
+        if (table) {
+            const overlay = OverlayRegistry.getOverlay(table) || [];
+            const controlInfo = getControllerInfoForControl(table);
+            const data = await getExistingController(controlInfo.controllerName);
+            const controllerPath = data.controllerPathFromRoot.replaceAll('/', '.').replace(/\.[^.]+$/, '');
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.ADD_ACTION,
+                undefined,
+                {
+                    title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION',
+                    controllerReference: controllerPath
+                        ? `.extension.${controllerPath}.<methodName>`
+                        : '.extension.<ApplicationId.FolderName.ScriptFilename.methodName>',
+                    actionType: 'tableAction',
+                    appDescriptor: {
+                        appComponent: getV4AppComponent(this.context.view)!,
+                        appType: 'fe-v4',
+                        pageId: this.pageId!,
+                        projectId: this.context.flexSettings.projectId
+                    },
+                    validateActionId: (actionId) => {
+                        const actionPaths = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(
+                            (path) => regexForAnnotationPath.test(path)
+                        );
+                        const idInPendingChanges = actionPaths.includes(`${propertyPath}${actionId}`);
+                        if (idInPendingChanges) {
+                            return false;
+                        }
+                        if (
+                            isA(MDC_TABLE_TYPE, table) &&
+                            (table as Table).getActions().every(
+                                (action) =>
+                                    !(action as ActionToolbarAction)
+                                        .getAction()
+                                        .getId()
+                                        .endsWith(`CustomAction::${actionId}`)
+                            )
+                        ) {
+                            return true;
+                        }
+                        return false;
+                    },
+                    position: calculatePosition(table as Table, this.context.view),
+                    propertyPath
+                },
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+}
+
+function calculatePosition(table: Table, view: XMLView): { placement: 'Before' | 'After'; anchor: string } | undefined {
+    const actions = table.getActions() as ActionToolbarAction[];
+    if (!actions.length) {
+        return undefined;
+    }
+    const annotationAction = actions.findIndex((action) =>
+        action.getAction().getId().includes('::DataFieldForAction::')
+    );
+    const customAction = actions.findIndex((action) => action.getAction().getId().includes('::CustomAction::'));
+    if (annotationAction === -1 && customAction === -1) {
+        return undefined;
+    }
+    // determine the least index of either annotation or custom action
+    let actionIndex: number;
+    if (annotationAction === -1) {
+        actionIndex = customAction;
+    } else if (customAction === -1) {
+        actionIndex = annotationAction;
+    } else {
+        actionIndex = Math.min(annotationAction, customAction);
+    }
+    const actionToolBarAction = actions[actionIndex];
+    let anchor;
+    let action = actionToolBarAction?.getAction();
+
+    if (action) {
+        const localId = view.getLocalId(action.getId()) ?? '';
+        if (localId.includes('CustomAction::')) {
+            const str = localId.substring(Math.max(0, localId.lastIndexOf('CustomAction::')));
+            anchor = str.split('::').pop();
+        } else {
+            anchor = localId.substring(localId.lastIndexOf('DataFieldForAction::'));
+        }
+    }
+    if (!anchor) {
+        return undefined;
+    }
+
+    return {
+        placement: 'Before',
+        anchor
+    };
+}

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

@@ -0,0 +1,142 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../dialog-factory", "../control-types", "../table-quick-action-base", "../dialog-enablement-validator", "../../../utils/fe-v4", "./utils", "../../../utils/version", "../../../utils/core"], function (OverlayRegistry, ____dialog_factory, ___control_types, ___table_quick_action_base, ___dialog_enablement_validator, _____utils_fe_v4, ___utils, _____utils_version, _____utils_core) {
+  "use strict";
+
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const SMART_TABLE_TYPE = ___control_types["SMART_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 DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const getV4AppComponent = _____utils_fe_v4["getV4AppComponent"];
+  const isMacroTable = _____utils_fe_v4["isMacroTable"];
+  const getLineItemAnnotation = ___utils["getLineItemAnnotation"];
+  const getPropertyPath = ___utils["getPropertyPath"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const isA = _____utils_core["isA"];
+  const CREATE_TABLE_CUSTOM_COLUMN = 'create-table-custom-column';
+  const regexForAnnotationPath = /controlConfiguration\/(?:entity\/)?@com\.sap\.vocabularies\.UI\.v1\.LineItem(?:#[^/]+)?\/columns\//;
+  const CONTROL_TYPES = [SMART_TABLE_TYPE, MDC_TABLE_TYPE, TREE_TABLE_TYPE, GRID_TABLE_TYPE];
+  class AddTableCustomColumnQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(CREATE_TABLE_CUSTOM_COLUMN, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN', context, {
+        validateTableColumns: true
+      }, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async initialize() {
+      this.pageId = this.context.view.getViewData()?.stableId.split('::').pop();
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 120
+      })) {
+        return;
+      }
+      await super.initialize();
+    }
+    async execute(path) {
+      const {
+        table
+      } = this.tableMap[path];
+      if (!table) {
+        return [];
+      }
+      if (table) {
+        const overlay = OverlayRegistry.getOverlay(table) || [];
+        const propertyPath = `${getPropertyPath(table, 'columns')}`;
+        const anchor = findAnchor(table);
+        await DialogFactory.createDialog(overlay, this.context.rta, DialogNames.ADD_CUSTOM_FRAGMENT, undefined, {
+          title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN',
+          type: 'tableColumn',
+          appDescriptor: {
+            appComponent: getV4AppComponent(this.context.view),
+            appType: 'fe-v4',
+            pageId: this.pageId,
+            projectId: this.context.flexSettings.projectId,
+            anchor
+          },
+          validateId: columnId => {
+            const customColumnInPending = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(path => regexForAnnotationPath.test(path));
+            const idInPendingChanges = customColumnInPending.includes(`${propertyPath}${columnId}`);
+            if (idInPendingChanges) {
+              return false;
+            }
+            if (isA(MDC_TABLE_TYPE, table) && table.getColumns().every(col => !col.getId().endsWith(`CustomColumn::${columnId}`))) {
+              return true;
+            }
+            return false;
+          },
+          propertyPath
+        }, {
+          actionName: this.type,
+          telemetryEventIdentifier: this.getTelemetryIdentifier()
+        });
+      }
+      return [];
+    }
+  }
+  function findAnchor(table) {
+    const macroTable = table.getParent();
+    let anchor = '';
+    if (isMacroTable(macroTable)) {
+      let metaPath = '';
+      if (macroTable.metaPath.includes('LineItem')) {
+        metaPath = macroTable.metaPath;
+      } else {
+        const segments = macroTable.metaPath.split('/');
+        segments.pop();
+        const path = segments.join('/');
+        metaPath = `${path}/${getLineItemAnnotation(macroTable)}`;
+      }
+      if (!metaPath) {
+        return '';
+      }
+      const columns = macroTable.getModel()?.getMetaModel()?.getObject(metaPath);
+      const filteredColumns = columns.filter(col => ['com.sap.vocabularies.UI.v1.DataField', 'com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation', 'com.sap.vocabularies.UI.v1.DataFieldForAnnotation'].includes(col.$Type) || 'com.sap.vocabularies.UI.v1.DataFieldForAction' === col.$Type && col.Inline);
+      const lastColumn = filteredColumns.at(-1);
+      if (!lastColumn) {
+        return '';
+      }
+      anchor = buildColumnAnchor(lastColumn);
+    }
+    return anchor;
+  }
+
+  /**
+   * Builds anchor string for different column types
+   * @param column - The column object from metadata
+   * @returns The anchor string for the column
+   */
+  function buildColumnAnchor(column) {
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForAction') {
+      return `DataFieldForAction::${column.Action}`;
+    }
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataField') {
+      return `DataField::${column.Value?.$Path}`;
+    }
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation') {
+      return `DataFieldForIntentBasedNavigation::${column.SemanticObject}::${column.Action}`;
+    }
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForAnnotation') {
+      const annotationPath = column.Target?.$AnnotationPath;
+      if (!annotationPath) {
+        return '';
+      }
+      const annotation = annotationPath.split('.').pop();
+      return `DataFieldForAnnotation::${annotation?.split('#').join('::')}`;
+    }
+    return '';
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CREATE_TABLE_CUSTOM_COLUMN = CREATE_TABLE_CUSTOM_COLUMN;
+  __exports.CONTROL_TYPES = CONTROL_TYPES;
+  __exports.AddTableCustomColumnQuickAction = AddTableCustomColumnQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-table-custom-column-config-change.js.map

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

@@ -0,0 +1,178 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+
+import { QuickActionContext, NestedQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { SMART_TABLE_TYPE, GRID_TABLE_TYPE, MDC_TABLE_TYPE, TREE_TABLE_TYPE } from '../control-types';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import Table from 'sap/ui/mdc/Table';
+import { getV4AppComponent, isMacroTable } from '../../../utils/fe-v4';
+import { getLineItemAnnotation, getPropertyPath } from './utils';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { isA } from '../../../utils/core';
+import UI5Element from 'sap/ui/core/Element';
+
+interface ViewDataType {
+    stableId: string;
+}
+export const CREATE_TABLE_CUSTOM_COLUMN = 'create-table-custom-column';
+const regexForAnnotationPath =
+    /controlConfiguration\/(?:entity\/)?@com\.sap\.vocabularies\.UI\.v1\.LineItem(?:#[^/]+)?\/columns\//;
+
+export const CONTROL_TYPES = [SMART_TABLE_TYPE, MDC_TABLE_TYPE, TREE_TABLE_TYPE, GRID_TABLE_TYPE];
+
+export class AddTableCustomColumnQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    protected pageId: string | undefined;
+    constructor(context: QuickActionContext) {
+        super(
+            CREATE_TABLE_CUSTOM_COLUMN,
+            CONTROL_TYPES,
+            'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN',
+            context,
+            {
+                validateTableColumns: true
+            },
+            [DIALOG_ENABLEMENT_VALIDATOR]
+        );
+    }
+    async initialize(): Promise<void> {
+        this.pageId = (this.context.view.getViewData() as ViewDataType)?.stableId.split('::').pop() as string;
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 120 })) {
+            return;
+        }
+        await super.initialize();
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table } = this.tableMap[path];
+        if (!table) {
+            return [];
+        }
+        if (table) {
+            const overlay = OverlayRegistry.getOverlay(table) || [];
+            const propertyPath = `${getPropertyPath(table, 'columns')}`;
+            const anchor = findAnchor(table);
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.ADD_CUSTOM_FRAGMENT,
+                undefined,
+                {
+                    title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN',
+                    type: 'tableColumn',
+                    appDescriptor: {
+                        appComponent: getV4AppComponent(this.context.view)!,
+                        appType: 'fe-v4',
+                        pageId: this.pageId!,
+                        projectId: this.context.flexSettings.projectId,
+                        anchor
+                    },
+                    validateId: (columnId) => {
+                        const customColumnInPending = [
+                            ...this.context.changeService.getAllPendingConfigPropertyPath()
+                        ].filter((path) => regexForAnnotationPath.test(path));
+                        const idInPendingChanges = customColumnInPending.includes(`${propertyPath}${columnId}`);
+                        if (idInPendingChanges) {
+                            return false;
+                        }
+                        if (
+                            isA(MDC_TABLE_TYPE, table) &&
+                            (table as Table)
+                                .getColumns()
+                                .every((col) => !col.getId().endsWith(`CustomColumn::${columnId}`))
+                        ) {
+                            return true;
+                        }
+                        return false;
+                    },
+                    propertyPath
+                },
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+}
+function findAnchor(table: UI5Element): string {
+    const macroTable = table.getParent();
+    let anchor: string = '';
+    if (isMacroTable(macroTable)) {
+        let metaPath = '';
+        if (macroTable.metaPath.includes('LineItem')) {
+            metaPath = macroTable.metaPath;
+        } else {
+            const segments = macroTable.metaPath.split('/');
+            segments.pop();
+            const path = segments.join('/');
+            metaPath = `${path}/${getLineItemAnnotation(macroTable)}`;
+        }
+        if (!metaPath) {
+            return '';
+        }
+        const columns = macroTable.getModel()?.getMetaModel()?.getObject(metaPath);
+        const filteredColumns = columns.filter(
+            (col: { $Type: string; Inline?: boolean; SemanticObject?: string; Action?: string }) =>
+                [
+                    'com.sap.vocabularies.UI.v1.DataField',
+                    'com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation',
+                    'com.sap.vocabularies.UI.v1.DataFieldForAnnotation'
+                ].includes(col.$Type) ||
+                ('com.sap.vocabularies.UI.v1.DataFieldForAction' === col.$Type && col.Inline)
+        ) as {
+            $Type: string;
+            Inline?: boolean;
+            Value: { $Path: string };
+            Action: string;
+            SemanticObject?: string;
+            Target?: { $AnnotationPath: string };
+        }[];
+        const lastColumn = filteredColumns.at(-1);
+        if (!lastColumn) {
+            return '';
+        }
+        anchor = buildColumnAnchor(lastColumn);
+    }
+    return anchor;
+}
+
+/**
+ * Builds anchor string for different column types
+ * @param column - The column object from metadata
+ * @returns The anchor string for the column
+ */
+function buildColumnAnchor(column: {
+    $Type: string;
+    Value?: { $Path: string };
+    Action?: string;
+    SemanticObject?: string;
+    Target?: { $AnnotationPath: string };
+}): string {
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForAction') {
+        return `DataFieldForAction::${column.Action}`;
+    }
+    
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataField') {
+        return `DataField::${column.Value?.$Path}`;
+    }
+    
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation') {
+        return `DataFieldForIntentBasedNavigation::${column.SemanticObject}::${column.Action}`;
+    }
+    
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForAnnotation') {
+        const annotationPath = column.Target?.$AnnotationPath;
+        if (!annotationPath) {
+            return '';
+        }
+        const annotation = annotationPath.split('.').pop();
+        return `DataFieldForAnnotation::${annotation?.split('#').join('::')}`;
+    }
+    
+    return '';
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/enable-variant-management.js

@@ -0,0 +1,83 @@
+"use strict";
+
+sap.ui.define(["../simple-quick-action-base", "sap/ui/core/Component", "../../../utils/version", "../../../utils/fe-v4"], function (___simple_quick_action_base, Component, _____utils_version, _____utils_fe_v4) {
+  "use strict";
+
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const createManifestPropertyChange = _____utils_fe_v4["createManifestPropertyChange"];
+  const ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS = 'enable-variant-management-in-tables-charts';
+
+  // sap.f.DynamicPage for list report and sap.uxap.ObjectPageLayout for object page.
+  const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
+
+  /**
+   * Quick Action for enabling table filtering using table personalization settings.
+   */
+  class EnableVariantManagementQuickAction extends SimpleQuickActionDefinitionBase {
+    pageSmartVariantManagementMode = '';
+    constructor(context) {
+      super(ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS, CONTROL_TYPES, 'QUICK_ACTION_ENABLE_TABLES_AND_CHARTS_VARIANT_MANAGEMENT', context, [{
+        run: () => {
+          if (this.control) {
+            if (this.pageSmartVariantManagementMode === 'Control') {
+              return {
+                type: 'error',
+                message: this.context.resourceBundle.getText('VARIANT_MANAGEMENT_FOR_PAGE_CONTROLS_IS_ALREADY_ENABLED')
+              };
+            }
+          }
+          return undefined;
+        }
+      }]);
+    }
+    forceRefreshAfterExecution = true;
+    async initialize() {
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 131
+      })) {
+        return;
+      }
+      await super.initialize();
+      if (this.control) {
+        this.ownerComponent = Component.getOwnerComponentFor(this.control);
+        if (!this.ownerComponent?.isA('sap.fe.templates.ListReport.Component') && !this.ownerComponent?.isA('sap.fe.templates.ObjectPage.Component') && !this.ownerComponent?.isA('sap.fe.templates.AnalyticalListPage.Component')) {
+          this.control = undefined;
+        } else {
+          const id = this.control.getId();
+          if (typeof id !== 'string') {
+            throw new Error('Could not retrieve configuration property because control id is not valid!');
+          }
+          const value = this.context.changeService.getConfigurationPropertyValue(id, 'variantManagement');
+          this.pageSmartVariantManagementMode = value === undefined ? this.ownerComponent.getVariantManagement() : value;
+        }
+      }
+    }
+    async execute() {
+      if (!this.control) {
+        return [];
+      }
+      const {
+        flexSettings
+      } = this.context;
+      const command = await createManifestPropertyChange(this.control, flexSettings, {
+        variantManagement: 'Control'
+      });
+      if (command) {
+        return [command];
+      } else {
+        return [];
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS = ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS;
+  __exports.EnableVariantManagementQuickAction = EnableVariantManagementQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=enable-variant-management.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/enable-variant-management.ts

@@ -0,0 +1,96 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import type {
+    QuickActionContext,
+    SimpleQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+import Component from 'sap/ui/core/Component';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { createManifestPropertyChange } from '../../../utils/fe-v4';
+import type ListReportComponent from 'sap/suite/ui/generic/template/ListReport';
+
+export const ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS = 'enable-variant-management-in-tables-charts';
+
+// sap.f.DynamicPage for list report and sap.uxap.ObjectPageLayout for object page.
+const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
+
+/**
+ * Quick Action for enabling table filtering using table personalization settings.
+ */
+export class EnableVariantManagementQuickAction
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    private pageSmartVariantManagementMode = '';
+    private ownerComponent: ListReportComponent;
+    constructor(context: QuickActionContext) {
+        super(
+            ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS,
+            CONTROL_TYPES,
+            'QUICK_ACTION_ENABLE_TABLES_AND_CHARTS_VARIANT_MANAGEMENT',
+            context,
+            [
+                {
+                    run: () => {
+                        if (this.control) {
+                            if (this.pageSmartVariantManagementMode === 'Control') {
+                                return {
+                                    type: 'error',
+                                    message: this.context.resourceBundle.getText(
+                                        'VARIANT_MANAGEMENT_FOR_PAGE_CONTROLS_IS_ALREADY_ENABLED'
+                                    )
+                                };
+                            }
+                        }
+                        return undefined;
+                    }
+                }
+            ]
+        );
+    }
+
+    readonly forceRefreshAfterExecution = true;
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 131 })) {
+            return;
+        }
+        await super.initialize();
+        if (this.control) {
+            this.ownerComponent = Component.getOwnerComponentFor(this.control) as unknown as ListReportComponent;
+            if (
+                !this.ownerComponent?.isA('sap.fe.templates.ListReport.Component') &&
+                !this.ownerComponent?.isA('sap.fe.templates.ObjectPage.Component') &&
+                !this.ownerComponent?.isA('sap.fe.templates.AnalyticalListPage.Component')
+            ) {
+                this.control = undefined;
+            } else {
+                const id = this.control.getId();
+                if (typeof id !== 'string') {
+                    throw new Error('Could not retrieve configuration property because control id is not valid!');
+                }
+                const value = this.context.changeService.getConfigurationPropertyValue(id, 'variantManagement');
+                this.pageSmartVariantManagementMode =
+                    value === undefined ? this.ownerComponent.getVariantManagement() : (value as string);
+            }
+        }
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        if (!this.control) {
+            return [];
+        }
+        const { flexSettings } = this.context;
+
+        const command = await createManifestPropertyChange(this.control, flexSettings, {
+            variantManagement: 'Control'
+        });
+        if (command) {
+            return [command];
+        } else {
+            return [];
+        }
+    }
+}