@sap-ux/preview-middleware 0.16.131 → 0.16.132

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

@@ -0,0 +1,96 @@
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { NestedQuickActionDefinition, QuickActionContext } from '../../../cpe/quick-actions/quick-action-definition';
+import Table from 'sap/ui/mdc/Table';
+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';
+
+export const ENABLE_TABLE_FILTERING = 'enable-table-filtering';
+const CONTROL_TYPE = 'sap.ui.mdc.Table';
+
+type Personalization = {
+    sort: boolean;
+    column: boolean;
+    filter: boolean;
+    group: boolean;
+    aggregate: boolean;
+};
+
+/**
+ * Quick Action for enabling table filtering using table personalization settings.
+ */
+export class EnableTableFilteringQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ENABLE_TABLE_FILTERING, 'QUICK_ACTION_ENABLE_TABLE_FILTERING', context);
+    }
+    readonly forceRefreshAfterExecution = true;
+
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 131 })) {
+            this.isApplicable = false;
+            return;
+        }
+
+        const tooltipText = this.context.resourceBundle.getText('THE_CHANGE_HAS_ALREADY_BEEN_MADE');
+        let index = 0;
+        for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
+            CONTROL_TYPE
+        ])) {
+            const personalizationData = (smartTable as Table).getP13nMode();
+            const value = this.context.changeService.getConfigurationPropertyValue(
+                smartTable.getId(),
+                'personalization'
+            ) as Personalization;
+            const isFilterEnabled = value?.filter === undefined ? personalizationData.includes('Filter') : value.filter;
+            this.children.push({
+                label: `'${(smartTable as Table).getHeader()}' table`,
+                enabled: !isFilterEnabled,
+                tooltip: isFilterEnabled ? tooltipText : undefined,
+                children: []
+            });
+            this.tableMap[`${this.children.length - 1}`] = index;
+            index++;
+        }
+
+        if (this.children.length > 0) {
+            this.isApplicable = true;
+        }
+
+        return Promise.resolve();
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { flexSettings } = this.context;
+        const index = this.tableMap[path];
+
+        const smartTables = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
+            CONTROL_TYPE
+        ]);
+
+        const modifiedControl = smartTables[index];
+        if (!modifiedControl) {
+            return [];
+        }
+        const propertyChange = {
+            personalization: {
+                sort: true,
+                column: true,
+                filter: true,
+                group: true,
+                aggregate: true
+            }
+        };
+        const command = await createManifestPropertyChange(modifiedControl, flexSettings, propertyChange);
+        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-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_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"], 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) {
   "use strict";
 
   const QuickActionDefinitionRegistry = _____cpe_quick_actions_registry["QuickActionDefinitionRegistry"];
@@ -12,6 +12,7 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
   const AddTableCustomColumnQuickAction = ___create_table_custom_column["AddTableCustomColumnQuickAction"];
   const AddPageActionQuickAction = ___common_create_page_action["AddPageActionQuickAction"];
   const AddTableActionQuickAction = ___create_table_action["AddTableActionQuickAction"];
+  const EnableTableFilteringQuickAction = ___lr_enable_table_filtering["EnableTableFilteringQuickAction"];
   const ToggleSemanticDateRangeFilterBar = ___lr_enable_semantic_date_range_filter_bar["ToggleSemanticDateRangeFilterBar"];
   const LIST_REPORT_TYPE = 'sap.fe.templates.ListReport.ListReport';
   const OBJECT_PAGE_TYPE = 'sap.fe.templates.ObjectPage.ObjectPage';
@@ -35,7 +36,7 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
         if (name === 'listReport') {
           definitionGroups.push({
             title: 'LIST REPORT',
-            definitions: [AddControllerToPageQuickAction, AddPageActionQuickAction, ToggleClearFilterBarQuickAction, ToggleSemanticDateRangeFilterBar, ChangeTableColumnsQuickAction, AddTableActionQuickAction, AddTableCustomColumnQuickAction],
+            definitions: [AddControllerToPageQuickAction, AddPageActionQuickAction, ToggleClearFilterBarQuickAction, ToggleSemanticDateRangeFilterBar, ChangeTableColumnsQuickAction, AddTableActionQuickAction, AddTableCustomColumnQuickAction, EnableTableFilteringQuickAction],
             view,
             key: name + index
           });

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

@@ -12,6 +12,7 @@ import { AddCustomSectionQuickAction } from '../common/op-add-custom-section';
 import { AddTableCustomColumnQuickAction } from './create-table-custom-column';
 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';
 
 type PageName = 'listReport' | 'objectPage';
@@ -43,7 +44,8 @@ export default class FEV4QuickActionRegistry extends QuickActionDefinitionRegist
                         ToggleSemanticDateRangeFilterBar,
                         ChangeTableColumnsQuickAction,
                         AddTableActionQuickAction,
-                        AddTableCustomColumnQuickAction
+                        AddTableCustomColumnQuickAction,
+                        EnableTableFilteringQuickAction
                     ],
                     view,
                     key: name + index

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

@@ -17,7 +17,11 @@ sap.ui.define([
         get textKey() {
             return this.defaultTextKey;
         }
-        isActive = false;
+        isApplicable = false;
+        isDisabled = false;
+        get tooltip() {
+            return undefined;
+        }
         isClearButtonEnabled = false;
         children = [];
         tableMap = {};
@@ -41,6 +45,7 @@ sap.ui.define([
                 if (changeColumnAction) {
                     this.children.push({
                         label: `'${ smartTable.getHeader() }' table`,
+                        enabled: true,
                         children: []
                     });
                     this.tableMap[`${ this.children.length - 1 }`] = index;
@@ -48,14 +53,15 @@ sap.ui.define([
                 }
             }
             if (this.children.length > 0) {
-                this.isActive = true;
+                this.isApplicable = true;
             }
         }
         getActionObject() {
             return {
                 kind: NESTED_QUICK_ACTION_KIND,
                 id: this.id,
-                enabled: this.isActive,
+                enabled: !this.isDisabled,
+                tooltip: this.tooltip,
                 title: this.context.resourceBundle.getText(this.textKey),
                 children: this.children
             };

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

@@ -17,7 +17,12 @@ export abstract class TableQuickActionDefinitionBase {
     protected get textKey(): string {
         return this.defaultTextKey;
     }
-    isActive = false;
+    isApplicable = false;
+    protected isDisabled = false;
+    public get tooltip(): string | undefined {
+        return undefined;
+    }
+
     isClearButtonEnabled = false;
     children: NestedQuickActionChild[] = [];
     tableMap: Record<string, number> = {};
@@ -45,6 +50,7 @@ export abstract class TableQuickActionDefinitionBase {
             if (changeColumnAction) {
                 this.children.push({
                     label: `'${(smartTable as Table).getHeader()}' table`,
+                    enabled: true,
                     children: []
                 });
                 this.tableMap[`${this.children.length - 1}`] = index;
@@ -53,7 +59,7 @@ export abstract class TableQuickActionDefinitionBase {
         }
 
         if (this.children.length > 0) {
-            this.isActive = true;
+            this.isApplicable = true;
         }
     }
 
@@ -61,7 +67,8 @@ export abstract class TableQuickActionDefinitionBase {
         return {
             kind: NESTED_QUICK_ACTION_KIND,
             id: this.id,
-            enabled: this.isActive,
+            enabled: !this.isDisabled,
+            tooltip: this.tooltip,
             title: this.context.resourceBundle.getText(this.textKey),
             children: this.children
         };

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

@@ -11,9 +11,12 @@ sap.ui.define([
         get id() {
             return `${ this.context.key }-${ this.type }`;
         }
-        get isActive() {
+        get isApplicable() {
             return this.control !== undefined;
         }
+        get tooltip() {
+            return undefined;
+        }
         get textKey() {
             return this.defaultTextKey;
         }
@@ -33,7 +36,8 @@ sap.ui.define([
             return {
                 kind: SIMPLE_QUICK_ACTION_KIND,
                 id: this.id,
-                enabled: this.isActive,
+                enabled: !this.isDisabled,
+                tooltip: this.tooltip,
                 title: this.context.resourceBundle.getText(this.textKey)
             };
         }

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

@@ -14,10 +14,16 @@ export abstract class SimpleQuickActionDefinitionBase {
         return `${this.context.key}-${this.type}`;
     }
 
-    public get isActive(): boolean {
+    public get isApplicable(): boolean {
         return this.control !== undefined;
     }
 
+    protected isDisabled: boolean | undefined;
+
+    public get tooltip(): string | undefined {
+        return undefined;
+    }
+
     protected get textKey(): string {
         return this.defaultTextKey;
     }
@@ -46,7 +52,8 @@ export abstract class SimpleQuickActionDefinitionBase {
         return {
             kind: SIMPLE_QUICK_ACTION_KIND,
             id: this.id,
-            enabled: this.isActive,
+            enabled: !this.isDisabled,
+            tooltip: this.tooltip,
             title: this.context.resourceBundle.getText(this.textKey)
         };
     }

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

@@ -44,7 +44,10 @@ sap.ui.define([
         get id() {
             return `${ this.context.key }-${ this.type }`;
         }
-        isActive = false;
+        isApplicable = false;
+        get tooltip() {
+            return undefined;
+        }
         children = [];
         tableMap = {};
         get textKey() {
@@ -63,7 +66,7 @@ sap.ui.define([
                     major: 1,
                     minor: 96
                 })) {
-                this.isActive = false;
+                this.isApplicable = false;
                 return;
             }
             const iconTabBarfilterMap = this.buildIconTabBarFilterMap();
@@ -75,6 +78,7 @@ sap.ui.define([
                 } else if (this.iconTabBar && tabKey) {
                     this.children.push({
                         label: `'${ iconTabBarfilterMap[tabKey] }' table`,
+                        enabled: true,
                         children: []
                     });
                     this.tableMap[`${ this.children.length - 1 }`] = {
@@ -95,7 +99,7 @@ sap.ui.define([
                 }
             }
             if (this.children.length > 0) {
-                this.isActive = true;
+                this.isApplicable = true;
             }
         }
         getTableLabel(table) {
@@ -146,8 +150,10 @@ sap.ui.define([
                         tableMapIndex = `${ tableMapIndex }/0`;
                         this.children.push({
                             label: `'${ section?.getTitle() }' section`,
+                            enabled: true,
                             children: [{
                                     label: this.getTableLabel(table),
+                                    enabled: true,
                                     children: []
                                 }]
                         });
@@ -155,6 +161,7 @@ sap.ui.define([
                         tableMapIndex = `${ tableMapIndex }/${ sectionChild.children.length - 1 }`;
                         sectionChild.children.push({
                             label: this.getTableLabel(table),
+                            enabled: true,
                             children: []
                         });
                     }
@@ -179,6 +186,7 @@ sap.ui.define([
                 ].some(type => isA(type, table))) {
                 this.children.push({
                     label: this.getTableLabel(table),
+                    enabled: true,
                     children: []
                 });
             }
@@ -198,7 +206,8 @@ sap.ui.define([
             return {
                 kind: NESTED_QUICK_ACTION_KIND,
                 id: this.id,
-                enabled: this.isActive,
+                enabled: !this.isDisabled,
+                tooltip: this.tooltip,
                 title: this.context.resourceBundle.getText(this.textKey),
                 children: this.children
             };

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

@@ -49,7 +49,13 @@ export abstract class TableQuickActionDefinitionBase {
         return `${this.context.key}-${this.type}`;
     }
 
-    public isActive = false;
+    public isApplicable = false;
+
+    protected isDisabled: boolean | undefined;
+
+    public get tooltip(): string | undefined {
+        return undefined;
+    }
 
     public children: NestedQuickActionChild[] = [];
     public tableMap: Record<
@@ -89,7 +95,7 @@ export abstract class TableQuickActionDefinitionBase {
         // 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;
+            this.isApplicable = false;
             return;
         }
         const iconTabBarfilterMap = this.buildIconTabBarFilterMap();
@@ -105,6 +111,7 @@ export abstract class TableQuickActionDefinitionBase {
             } else if (this.iconTabBar && tabKey) {
                 this.children.push({
                     label: `'${iconTabBarfilterMap[tabKey]}' table`,
+                    enabled: true,
                     children: []
                 });
                 this.tableMap[`${this.children.length - 1}`] = {
@@ -131,7 +138,7 @@ export abstract class TableQuickActionDefinitionBase {
             }
         }
         if (this.children.length > 0) {
-            this.isActive = true;
+            this.isApplicable = true;
         }
     }
 
@@ -160,7 +167,7 @@ export abstract class TableQuickActionDefinitionBase {
      * Builds a map kay/tab_name for ICON_TAB_BAR control of the active page, if such exists
      * @returns built map
      */
-    private buildIconTabBarFilterMap(): { [key: string]: string } {
+    protected buildIconTabBarFilterMap(): { [key: string]: string } {
         const iconTabBarFilterMap: { [key: string]: string } = {};
 
         // Assumption only a tab bar control per page.
@@ -201,9 +208,11 @@ export abstract class TableQuickActionDefinitionBase {
                     tableMapIndex = `${tableMapIndex}/0`;
                     this.children.push({
                         label: `'${section?.getTitle()}' section`,
+                        enabled: true,
                         children: [
                             {
                                 label: this.getTableLabel(table),
+                                enabled: true,
                                 children: []
                             }
                         ]
@@ -212,6 +221,7 @@ export abstract class TableQuickActionDefinitionBase {
                     tableMapIndex = `${tableMapIndex}/${sectionChild.children.length - 1}`;
                     sectionChild.children.push({
                         label: this.getTableLabel(table),
+                        enabled: true,
                         children: []
                     });
                 }
@@ -237,6 +247,7 @@ export abstract class TableQuickActionDefinitionBase {
         if ([SMART_TABLE_TYPE, M_TABLE_TYPE, MDC_TABLE_TYPE, TREE_TABLE_TYPE].some((type) => isA(type, table))) {
             this.children.push({
                 label: this.getTableLabel(table),
+                enabled: true,
                 children: []
             });
         }
@@ -267,7 +278,8 @@ export abstract class TableQuickActionDefinitionBase {
         return {
             kind: NESTED_QUICK_ACTION_KIND,
             id: this.id,
-            enabled: this.isActive,
+            enabled: !this.isDisabled,
+            tooltip: this.tooltip,
             title: this.context.resourceBundle.getText(this.textKey),
             children: this.children
         };

package/dist/client/cpe/changes/flex-change.js

@@ -3,14 +3,12 @@ sap.ui.define([
     'sap/ui/rta/command/CommandFactory',
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
     './validator',
-    '../../utils/fe-v4',
-    '../utils'
-], function (CommandFactory, ___sap_ux_private_control_property_editor_common, ___validator, ____utils_fe_v4, ___utils) {
+    '../../utils/fe-v4'
+], function (CommandFactory, ___sap_ux_private_control_property_editor_common, ___validator, ____utils_fe_v4) {
     'use strict';
     const PropertyType = ___sap_ux_private_control_property_editor_common['PropertyType'];
     const validateBindingModel = ___validator['validateBindingModel'];
-    const getReference = ____utils_fe_v4['getReference'];
-    const getOverlay = ___utils['getOverlay'];
+    const createManifestPropertyChange = ____utils_fe_v4['createManifestPropertyChange'];
     function isBindingExpression(value) {
         return value.includes('{') && value.includes('}') && value.indexOf('{') < value.indexOf('}');
     }
@@ -38,22 +36,12 @@ sap.ui.define([
             const command = await CommandFactory.getCommandFor(modifiedControl, changeType, modifiedValue, null, flexSettings);
             await rta.getCommandStack().pushAndExecute(command);
         } else if (change.propertyType === PropertyType.Configuration) {
-            const overlay = getOverlay(modifiedControl);
-            if (!overlay) {
+            const command = await createManifestPropertyChange(modifiedControl, flexSettings, { [change.propertyName]: change.value });
+            if (command) {
+                await rta.getCommandStack().pushAndExecute(command);
+            } else {
                 return;
             }
-            const overlayData = overlay?.getDesignTimeMetadata().getData();
-            const manifestPropertyPath = overlayData.manifestPropertyPath(modifiedControl);
-            const [manifestPropertyChange] = overlayData.manifestPropertyChange({ [change.propertyName]: change.value }, manifestPropertyPath, modifiedControl);
-            const modifiedValue = {
-                reference: getReference(modifiedControl),
-                appComponent: manifestPropertyChange.appComponent,
-                changeType: manifestPropertyChange.changeSpecificData.appDescriptorChangeType,
-                parameters: manifestPropertyChange.changeSpecificData.content.parameters,
-                selector: manifestPropertyChange.selector
-            };
-            const command = await CommandFactory.getCommandFor(modifiedControl, 'appDescriptor', modifiedValue, null, flexSettings);
-            await rta.getCommandStack().pushAndExecute(command);
         }
     }
     var __exports = { __esModule: true };

package/dist/client/cpe/changes/flex-change.ts

@@ -3,9 +3,7 @@ import CommandFactory from 'sap/ui/rta/command/CommandFactory';
 import { PropertyType, type PropertyChange } from '@sap-ux-private/control-property-editor-common';
 import type { UI5AdaptationOptions } from '../types';
 import { validateBindingModel } from './validator';
-import { getReference } from '../../utils/fe-v4';
-import { getOverlay } from '../utils';
-
+import { createManifestPropertyChange } from '../../utils/fe-v4';
 /**
  * Function to check a give value is a binding expression.
  *
@@ -56,33 +54,11 @@ export async function applyChange(options: UI5AdaptationOptions, change: Propert
         );
         await rta.getCommandStack().pushAndExecute(command);
     } else if (change.propertyType === PropertyType.Configuration) {
-        const overlay = getOverlay(modifiedControl);
-        if (!overlay) {
+        const command = await createManifestPropertyChange(modifiedControl, flexSettings, { [change.propertyName]: change.value });
+        if (command) {
+            await rta.getCommandStack().pushAndExecute(command);
+        } else {
             return;
         }
-        const overlayData = overlay?.getDesignTimeMetadata().getData();
-        const manifestPropertyPath = overlayData.manifestPropertyPath(modifiedControl);
-        const [manifestPropertyChange] = overlayData.manifestPropertyChange(
-            { [change.propertyName]: change.value },
-            manifestPropertyPath,
-            modifiedControl
-        );
-
-        const modifiedValue = {
-            reference: getReference(modifiedControl),
-            appComponent: manifestPropertyChange.appComponent,
-            changeType: manifestPropertyChange.changeSpecificData.appDescriptorChangeType,
-            parameters: manifestPropertyChange.changeSpecificData.content.parameters,
-            selector: manifestPropertyChange.selector
-        };
-
-        const command = await CommandFactory.getCommandFor(
-            modifiedControl,
-            'appDescriptor',
-            modifiedValue,
-            null,
-            flexSettings
-        );
-        await rta.getCommandStack().pushAndExecute(command);
     }
 }

package/dist/client/cpe/quick-actions/quick-action-definition.ts

@@ -42,11 +42,6 @@ export interface QuickActionContext {
     changeService: ChangeService;
 }
 
-export type QuickActionActivationData = {
-    isActive: boolean;
-    title: string;
-};
-
 interface QuickActionDefinitionBase {
     /**
      * Used to identify between different Quick Action definitions.
@@ -65,7 +60,7 @@ interface QuickActionDefinitionBase {
     /**
      * Indicates that the Quick Action is applicable to the given context and should be displayed.
      */
-    isActive: boolean;
+    isApplicable: boolean;
     /**
      * Initializes the action and checks if it should be enabled in current context.
      */

package/dist/client/cpe/quick-actions/quick-action-service.js

@@ -85,7 +85,7 @@ sap.ui.define([
             this.sendAction(quickActionListChanged(groups));
         }
         addAction(group, instance) {
-            if (instance.isActive) {
+            if (instance.isApplicable) {
                 const quickAction = instance.getActionObject();
                 group.actions.push(quickAction);
                 this.actions.push(instance);

package/dist/client/cpe/quick-actions/quick-action-service.ts

@@ -132,7 +132,7 @@ export class QuickActionService implements Service {
     }
 
     private addAction(group: QuickActionGroup, instance: QuickActionDefinition): void {
-        if (instance.isActive) {
+        if (instance.isApplicable) {
             const quickAction = instance.getActionObject();
             group.actions.push(quickAction);
             this.actions.push(instance);

package/dist/client/messagebundle.properties

@@ -5,6 +5,7 @@ QUICK_ACTION_OP_ADD_CUSTOM_SECTION=Add Custom Section
 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
 
 V2_QUICK_ACTION_CHANGE_TABLE_COLUMNS=Change Table Columns
 
@@ -14,7 +15,6 @@ V2_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR=Disable "Clear" Button in Filter Bar
 QUICK_ACTION_LR_ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR=Enable Semantic Date Range in Filter Bar
 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
@@ -38,3 +38,4 @@ CPE_CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_MESSAGE = Note: The change will be vis
 TABLE_ROWS_NEEDED_TO_CREATE_CUSTOM_COLUMN=At least one table row is required to create new custom column. Make sure the table data is loaded and try again.
 
 HIGHER_LAYER_CHANGES_INFO_MESSAGE=The preview of the project was reloaded due to detected changes in higher layer than the one used in your project.
+THE_CHANGE_HAS_ALREADY_BEEN_MADE=This option has been disabled because the change has already been made

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

@@ -1,9 +1,10 @@
 "use strict";
 
-sap.ui.define(["sap/ui/core/Component", "./core"], function (Component, ___core) {
+sap.ui.define(["sap/ui/core/Component", "./core", "sap/ui/rta/command/CommandFactory", "../cpe/utils"], function (Component, ___core, CommandFactory, ___cpe_utils) {
   "use strict";
 
   const isA = ___core["isA"];
+  const getOverlay = ___cpe_utils["getOverlay"];
   /**
    * Gets app component of a v4 project.
    *
@@ -74,6 +75,33 @@ sap.ui.define(["sap/ui/core/Component", "./core"], function (Component, ___core)
     }
     return propertyPathSegments.join('/');
   }
+
+  /**
+  * 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) {
+    const overlay = getOverlay(modifiedControl);
+    if (!overlay) {
+      return undefined;
+    }
+    const overlayData = overlay?.getDesignTimeMetadata().getData();
+    const manifestPropertyPath = overlayData.manifestPropertyPath(modifiedControl);
+    const [manifestPropertyChange] = overlayData.manifestPropertyChange(propertyChanges, manifestPropertyPath, modifiedControl);
+    const modifiedValue = {
+      reference: getReference(modifiedControl),
+      appComponent: manifestPropertyChange.appComponent,
+      changeType: manifestPropertyChange.changeSpecificData.appDescriptorChangeType,
+      parameters: manifestPropertyChange.changeSpecificData.content.parameters,
+      selector: manifestPropertyChange.selector
+    };
+    const command = await CommandFactory.getCommandFor(modifiedControl, 'appDescriptor', modifiedValue, null, flexSettings);
+    return command;
+  }
   var __exports = {
     __esModule: true
   };
@@ -82,6 +110,7 @@ sap.ui.define(["sap/ui/core/Component", "./core"], function (Component, ___core)
   __exports.getV4PageType = getV4PageType;
   __exports.getPageName = getPageName;
   __exports.getConfigMapControlIdMap = getConfigMapControlIdMap;
+  __exports.createManifestPropertyChange = createManifestPropertyChange;
   return __exports;
 });
 //# sourceMappingURL=fe-v4.js.map