@sap-ux/preview-middleware 0.16.64 → 0.16.66

package/dist/client/adp/command-executor.ts

@@ -28,13 +28,13 @@ export default class CommandExecutor {
      * @param designMetadata Design time metadata
      * @param flexSettings Additional flex settings
      */
-    public async getCommand(
+    public async getCommand<T>(
         runtimeControl: ManagedObject,
         commandName: CommandNames,
         modifiedValue: object,
         designMetadata: DesignTimeMetadata,
         flexSettings: FlexSettings
-    ): Promise<FlexCommand> {
+    ): Promise<FlexCommand<T>> {
         try {
             return await CommandFactory.getCommandFor(
                 runtimeControl,

package/dist/client/adp/controllers/AddFragment.controller.js

@@ -214,7 +214,20 @@ sap.ui.define(["sap/ui/model/json/JSONModel", "sap/ui/dt/OverlayRegistry", "../c
         targetAggregation: targetAggregation ?? 'content'
       };
       const command = await this.commandExecutor.getCommand(this.runtimeControl, 'addXML', modifiedValue, designMetadata, flexSettings);
+      const templateName = this.getFragmentTemplateName(modifiedValue.targetAggregation);
+      if (templateName) {
+        const preparedChange = command.getPreparedChange();
+        const content = preparedChange.getContent();
+        preparedChange.setContent({
+          ...content,
+          templateName
+        });
+      }
       await this.commandExecutor.pushAndExecuteCommand(command);
+    },
+    getFragmentTemplateName: function _getFragmentTemplateName(targetAggregation) {
+      const currentControlName = this.runtimeControl.getMetadata().getName();
+      return currentControlName === 'sap.uxap.ObjectPageLayout' && targetAggregation === 'sections' ? 'OBJECT_PAGE_CUSTOM_SECTION' : '';
     }
   });
   return AddFragment;

package/dist/client/adp/controllers/AddFragment.controller.ts

@@ -20,6 +20,9 @@ import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
 import type ElementOverlay from 'sap/ui/dt/ElementOverlay';
 
+/** sap.ui.fl */
+import {type AddFragmentChangeContentType} from 'sap/ui/fl/Change';
+
 import ControlUtils from '../control-utils';
 import CommandExecutor from '../command-executor';
 import { getFragments } from '../api-handler';
@@ -274,7 +277,7 @@ export default class AddFragment extends BaseDialog<AddFragmentModel> {
             targetAggregation: targetAggregation ?? 'content'
         };
 
-        const command = await this.commandExecutor.getCommand(
+        const command = await this.commandExecutor.getCommand<AddFragmentChangeContentType>(
             this.runtimeControl,
             'addXML',
             modifiedValue,
@@ -282,6 +285,19 @@ export default class AddFragment extends BaseDialog<AddFragmentModel> {
             flexSettings
         );
 
+        const templateName = this.getFragmentTemplateName(modifiedValue.targetAggregation);
+        if (templateName) {
+            const preparedChange = command.getPreparedChange();
+            const content = preparedChange.getContent();
+            preparedChange.setContent({ ...content, templateName });
+        }
         await this.commandExecutor.pushAndExecuteCommand(command);
     }
+
+    private getFragmentTemplateName(targetAggregation: string): string {
+        const currentControlName = this.runtimeControl.getMetadata().getName();
+        return currentControlName === 'sap.uxap.ObjectPageLayout' && targetAggregation === 'sections'
+            ? 'OBJECT_PAGE_CUSTOM_SECTION'
+            : '';
+    }
 }

package/dist/client/adp/quick-actions/common/add-controller-to-page.js

@@ -1,70 +1,56 @@
-'use strict';
-sap.ui.define([
-    'sap/ui/dt/OverlayRegistry',
-    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
-    '../../../utils/version',
-    '../../utils',
-    '../../../cpe/quick-actions/utils',
-    '../../init-dialogs',
-    '../../api-handler'
-], function (OverlayRegistry, ___sap_ux_private_control_property_editor_common, _____utils_version, ____utils, _____cpe_quick_actions_utils, ____init_dialogs, ____api_handler) {
-    'use strict';
-    const SIMPLE_QUICK_ACTION_KIND = ___sap_ux_private_control_property_editor_common['SIMPLE_QUICK_ACTION_KIND'];
-    const getUi5Version = _____utils_version['getUi5Version'];
-    const getAllSyncViewsIds = ____utils['getAllSyncViewsIds'];
-    const getControllerInfoForControl = ____utils['getControllerInfoForControl'];
-    const getRelevantControlFromActivePage = _____cpe_quick_actions_utils['getRelevantControlFromActivePage'];
-    const DialogNames = ____init_dialogs['DialogNames'];
-    const handler = ____init_dialogs['handler'];
-    const isControllerExtensionEnabledForControl = ____init_dialogs['isControllerExtensionEnabledForControl'];
-    const getExistingController = ____api_handler['getExistingController'];
-    const ADD_CONTROLLER_TO_PAGE_TYPE = 'add-controller-to-page';
-    const CONTROL_TYPES = [
-        'sap.f.DynamicPage',
-        'sap.uxap.ObjectPageLayout'
-    ];
-    class AddControllerToPageQuickAction {
-        kind = SIMPLE_QUICK_ACTION_KIND;
-        type = ADD_CONTROLLER_TO_PAGE_TYPE;
-        get id() {
-            return `${ this.context.key }-${ this.type }`;
-        }
-        isActive = false;
-        controllerExists = false;
-        constructor(context) {
-            this.context = context;
-        }
-        async initialize() {
-            for (const control of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)) {
-                const version = await getUi5Version();
-                const syncViewsIds = await getAllSyncViewsIds(version);
-                const controlInfo = getControllerInfoForControl(control);
-                const data = await getExistingController(controlInfo.controllerName);
-                this.isActive = isControllerExtensionEnabledForControl(control, syncViewsIds, version);
-                this.controllerExists = data?.controllerExists;
-                this.control = control;
-                break;
-            }
-        }
-        getActionObject() {
-            const key = this.controllerExists ? 'QUICK_ACTION_SHOW_PAGE_CONTROLLER' : 'QUICK_ACTION_ADD_PAGE_CONTROLLER';
-            return {
-                kind: SIMPLE_QUICK_ACTION_KIND,
-                id: this.id,
-                enabled: this.isActive,
-                title: this.context.resourceBundle.getText(key)
-            };
-        }
-        async execute() {
-            if (this.control) {
-                const overlay = OverlayRegistry.getOverlay(this.control) || [];
-                await handler(overlay, this.context.rta, DialogNames.CONTROLLER_EXTENSION);
-            }
-            return [];
-        }
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../utils/version", "../../utils", "../../../cpe/quick-actions/utils", "../../init-dialogs", "../../api-handler", "../simple-quick-action-base"], function (OverlayRegistry, _____utils_version, ____utils, _____cpe_quick_actions_utils, ____init_dialogs, ____api_handler, ___simple_quick_action_base) {
+  "use strict";
+
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const getAllSyncViewsIds = ____utils["getAllSyncViewsIds"];
+  const getControllerInfoForControl = ____utils["getControllerInfoForControl"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const DialogNames = ____init_dialogs["DialogNames"];
+  const handler = ____init_dialogs["handler"];
+  const isControllerExtensionEnabledForControl = ____init_dialogs["isControllerExtensionEnabledForControl"];
+  const getExistingController = ____api_handler["getExistingController"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const ADD_CONTROLLER_TO_PAGE_TYPE = 'add-controller-to-page';
+  const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
+
+  /**
+   * Quick Action for adding controller to a page.
+   */
+  class AddControllerToPageQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ADD_CONTROLLER_TO_PAGE_TYPE, CONTROL_TYPES, '', context);
     }
-    var __exports = { __esModule: true };
-    __exports.ADD_CONTROLLER_TO_PAGE_TYPE = ADD_CONTROLLER_TO_PAGE_TYPE;
-    __exports.AddControllerToPageQuickAction = AddControllerToPageQuickAction;
-    return __exports;
-});
+    controllerExists = false;
+    async initialize() {
+      for (const control of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)) {
+        const version = await getUi5Version();
+        const syncViewsIds = await getAllSyncViewsIds(version);
+        const controlInfo = getControllerInfoForControl(control);
+        const data = await getExistingController(controlInfo.controllerName);
+        this.controllerExists = data?.controllerExists;
+        const isActiveAction = isControllerExtensionEnabledForControl(control, syncViewsIds, version);
+        this.control = isActiveAction ? control : undefined;
+        break;
+      }
+    }
+    get textKey() {
+      return this.controllerExists ? 'QUICK_ACTION_SHOW_PAGE_CONTROLLER' : 'QUICK_ACTION_ADD_PAGE_CONTROLLER';
+    }
+    async execute() {
+      if (this.control) {
+        const overlay = OverlayRegistry.getOverlay(this.control) || [];
+        await handler(overlay, this.context.rta, DialogNames.CONTROLLER_EXTENSION);
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ADD_CONTROLLER_TO_PAGE_TYPE = ADD_CONTROLLER_TO_PAGE_TYPE;
+  __exports.AddControllerToPageQuickAction = AddControllerToPageQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=add-controller-to-page.js.map

package/dist/client/adp/quick-actions/common/add-controller-to-page.ts

@@ -1,8 +1,5 @@
 import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
 import FlexCommand from 'sap/ui/rta/command/FlexCommand';
-import UI5Element from 'sap/ui/core/Element';
-
-import { SIMPLE_QUICK_ACTION_KIND, SimpleQuickAction } from '@sap-ux-private/control-property-editor-common';
 
 import { getUi5Version } from '../../../utils/version';
 import { getAllSyncViewsIds, getControllerInfoForControl } from '../../utils';
@@ -11,28 +8,25 @@ import type {
     QuickActionContext,
     SimpleQuickActionDefinition
 } from '../../../cpe/quick-actions/quick-action-definition';
-
 import { DialogNames, handler, isControllerExtensionEnabledForControl } from '../../init-dialogs';
 import { getExistingController } from '../../api-handler';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
 
 export const ADD_CONTROLLER_TO_PAGE_TYPE = 'add-controller-to-page';
 const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
 
-
 /**
  * Quick Action for adding controller to a page.
  */
-export class AddControllerToPageQuickAction implements SimpleQuickActionDefinition {
-    readonly kind = SIMPLE_QUICK_ACTION_KIND;
-    readonly type = ADD_CONTROLLER_TO_PAGE_TYPE;
-    public get id(): string {
-        return `${this.context.key}-${this.type}`;
+export class AddControllerToPageQuickAction
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ADD_CONTROLLER_TO_PAGE_TYPE, CONTROL_TYPES, '', context);
     }
 
-    isActive = false;
     private controllerExists = false;
-    private control: UI5Element | undefined;
-    constructor(private context: QuickActionContext) {}
 
     async initialize(): Promise<void> {
         for (const control of getRelevantControlFromActivePage(
@@ -44,21 +38,15 @@ export class AddControllerToPageQuickAction implements SimpleQuickActionDefiniti
             const syncViewsIds = await getAllSyncViewsIds(version);
             const controlInfo = getControllerInfoForControl(control);
             const data = await getExistingController(controlInfo.controllerName);
-            this.isActive = isControllerExtensionEnabledForControl(control, syncViewsIds, version);
             this.controllerExists = data?.controllerExists;
-            this.control = control;
+            const isActiveAction = isControllerExtensionEnabledForControl(control, syncViewsIds, version);
+            this.control = isActiveAction ? control : undefined;
             break;
         }
     }
 
-    getActionObject(): SimpleQuickAction {
-        const key = this.controllerExists ? 'QUICK_ACTION_SHOW_PAGE_CONTROLLER' : 'QUICK_ACTION_ADD_PAGE_CONTROLLER';
-        return {
-            kind: SIMPLE_QUICK_ACTION_KIND,
-            id: this.id,
-            enabled: this.isActive,
-            title: this.context.resourceBundle.getText(key)
-        };
+    protected get textKey() {
+        return this.controllerExists ? 'QUICK_ACTION_SHOW_PAGE_CONTROLLER' : 'QUICK_ACTION_ADD_PAGE_CONTROLLER';
     }
 
     async execute(): Promise<FlexCommand[]> {

package/dist/client/adp/quick-actions/common/op-add-custom-section.js

@@ -0,0 +1,34 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../init-dialogs", "../../../cpe/quick-actions/utils", "../simple-quick-action-base"], function (OverlayRegistry, ____init_dialogs, _____cpe_quick_actions_utils, ___simple_quick_action_base) {
+  "use strict";
+
+  const DialogNames = ____init_dialogs["DialogNames"];
+  const handler = ____init_dialogs["handler"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const OP_ADD_CUSTOM_SECTION = 'op-add-custom-section';
+  const CONTROL_TYPES = ['sap.uxap.ObjectPageLayout'];
+
+  /**
+   * Quick Action for adding a Header Field to an Object Page.
+   */
+  class AddCustomSectionQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(OP_ADD_CUSTOM_SECTION, CONTROL_TYPES, 'QUICK_ACTION_OP_ADD_CUSTOM_SECTION', context);
+    }
+    async execute() {
+      const objectPageLayout = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)[0];
+      const overlay = OverlayRegistry.getOverlay(objectPageLayout) || [];
+      await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'sections');
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.OP_ADD_CUSTOM_SECTION = OP_ADD_CUSTOM_SECTION;
+  __exports.AddCustomSectionQuickAction = AddCustomSectionQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=op-add-custom-section.js.map

package/dist/client/adp/quick-actions/common/op-add-custom-section.ts

@@ -0,0 +1,35 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
+
+import { DialogNames, handler } from '../../init-dialogs';
+import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
+import { QuickActionContext, SimpleQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+
+export const OP_ADD_CUSTOM_SECTION = 'op-add-custom-section';
+const CONTROL_TYPES = ['sap.uxap.ObjectPageLayout'];
+
+/**
+ * Quick Action for adding a Header Field to an Object Page.
+ */
+export class AddCustomSectionQuickAction
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(OP_ADD_CUSTOM_SECTION, CONTROL_TYPES, 'QUICK_ACTION_OP_ADD_CUSTOM_SECTION', context);
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        const objectPageLayout = getRelevantControlFromActivePage(
+            this.context.controlIndex,
+            this.context.view,
+            CONTROL_TYPES
+        )[0] as ObjectPageLayout;
+
+        const overlay = OverlayRegistry.getOverlay(objectPageLayout) || [];
+        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'sections');
+        return [];
+    }
+}

package/dist/client/adp/quick-actions/common/op-add-header-field.js

@@ -1,59 +1,43 @@
-'use strict';
-sap.ui.define([
-    'sap/ui/dt/OverlayRegistry',
-    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
-    '../../../adp/init-dialogs',
-    '../../../cpe/quick-actions/utils',
-    '../../../utils/core'
-], function (OverlayRegistry, ___sap_ux_private_control_property_editor_common, _____adp_init_dialogs, _____cpe_quick_actions_utils, _____utils_core) {
-    'use strict';
-    const SIMPLE_QUICK_ACTION_KIND = ___sap_ux_private_control_property_editor_common['SIMPLE_QUICK_ACTION_KIND'];
-    const DialogNames = _____adp_init_dialogs['DialogNames'];
-    const handler = _____adp_init_dialogs['handler'];
-    const getRelevantControlFromActivePage = _____cpe_quick_actions_utils['getRelevantControlFromActivePage'];
-    const isA = _____utils_core['isA'];
-    const OP_ADD_HEADER_FIELD_TYPE = 'op-add-header-field';
-    const CONTROL_TYPES = ['sap.uxap.ObjectPageLayout'];
-    class AddHeaderFieldQuickAction {
-        kind = SIMPLE_QUICK_ACTION_KIND;
-        type = OP_ADD_HEADER_FIELD_TYPE;
-        get id() {
-            return `${ this.context.key }-${ this.type }`;
-        }
-        isActive = false;
-        constructor(context) {
-            this.context = context;
-        }
-        initialize() {
-            for (const control of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)) {
-                this.isActive = true;
-                this.control = control;
-                break;
-            }
-        }
-        getActionObject() {
-            return {
-                kind: SIMPLE_QUICK_ACTION_KIND,
-                id: this.id,
-                enabled: this.isActive,
-                title: this.context.resourceBundle.getText('QUICK_ACTION_OP_ADD_HEADER_FIELD')
-            };
-        }
-        async execute() {
-            const objectPageLayout = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)[0];
-            const headerContent = objectPageLayout.getHeaderContent();
-            if (headerContent.length === 1 && isA('sap.m.FlexBox', headerContent[0])) {
-                const overlay = OverlayRegistry.getOverlay(headerContent[0]) || [];
-                await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'items');
-            } else if (this.control) {
-                const overlay = OverlayRegistry.getOverlay(this.control) || [];
-                await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'headerContent');
-            }
-            return [];
-        }
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../adp/init-dialogs", "../../../cpe/quick-actions/utils", "../../../utils/core", "../simple-quick-action-base"], function (OverlayRegistry, _____adp_init_dialogs, _____cpe_quick_actions_utils, _____utils_core, ___simple_quick_action_base) {
+  "use strict";
+
+  const DialogNames = _____adp_init_dialogs["DialogNames"];
+  const handler = _____adp_init_dialogs["handler"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const isA = _____utils_core["isA"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const OP_ADD_HEADER_FIELD_TYPE = 'op-add-header-field';
+  const CONTROL_TYPES = ['sap.uxap.ObjectPageLayout'];
+
+  /**
+   * Quick Action for adding a Header Field to an Object Page.
+   */
+  class AddHeaderFieldQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(OP_ADD_HEADER_FIELD_TYPE, CONTROL_TYPES, 'QUICK_ACTION_OP_ADD_HEADER_FIELD', context);
     }
-    var __exports = { __esModule: true };
-    __exports.OP_ADD_HEADER_FIELD_TYPE = OP_ADD_HEADER_FIELD_TYPE;
-    __exports.AddHeaderFieldQuickAction = AddHeaderFieldQuickAction;
-    return __exports;
-});
+    async execute() {
+      const objectPageLayout = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)[0];
+      const headerContent = objectPageLayout.getHeaderContent();
+
+      // check if only flex box exist in the headerContent.
+      if (headerContent.length === 1 && isA('sap.m.FlexBox', headerContent[0])) {
+        const overlay = OverlayRegistry.getOverlay(headerContent[0]) || [];
+        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'items');
+      } else if (this.control) {
+        const overlay = OverlayRegistry.getOverlay(this.control) || [];
+        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'headerContent');
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.OP_ADD_HEADER_FIELD_TYPE = OP_ADD_HEADER_FIELD_TYPE;
+  __exports.AddHeaderFieldQuickAction = AddHeaderFieldQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=op-add-header-field.js.map

package/dist/client/adp/quick-actions/common/op-add-header-field.ts

@@ -1,52 +1,23 @@
 import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
 import FlexCommand from 'sap/ui/rta/command/FlexCommand';
-import UI5Element from 'sap/ui/core/Element';
 import ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
 import FlexBox from 'sap/m/FlexBox';
 
-import { SIMPLE_QUICK_ACTION_KIND, SimpleQuickAction } from '@sap-ux-private/control-property-editor-common';
-
 import { DialogNames, handler } from '../../../adp/init-dialogs';
-
 import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
 import { QuickActionContext, SimpleQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
 import { isA } from '../../../utils/core';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+
 export const OP_ADD_HEADER_FIELD_TYPE = 'op-add-header-field';
 const CONTROL_TYPES = ['sap.uxap.ObjectPageLayout'];
 
 /**
  * Quick Action for adding a Header Field to an Object Page.
  */
-export class AddHeaderFieldQuickAction implements SimpleQuickActionDefinition {
-    readonly kind = SIMPLE_QUICK_ACTION_KIND;
-    readonly type = OP_ADD_HEADER_FIELD_TYPE;
-    public get id(): string {
-        return `${this.context.key}-${this.type}`;
-    }
-
-    isActive = false;
-    private control: UI5Element | undefined;
-    constructor(private context: QuickActionContext) {}
-
-    initialize(): void {
-        for (const control of getRelevantControlFromActivePage(
-            this.context.controlIndex,
-            this.context.view,
-            CONTROL_TYPES
-        )) {
-            this.isActive = true;
-            this.control = control;
-            break;
-        }
-    }
-
-    getActionObject(): SimpleQuickAction {
-        return {
-            kind: SIMPLE_QUICK_ACTION_KIND,
-            id: this.id,
-            enabled: this.isActive,
-            title: this.context.resourceBundle.getText('QUICK_ACTION_OP_ADD_HEADER_FIELD')
-        };
+export class AddHeaderFieldQuickAction extends SimpleQuickActionDefinitionBase implements SimpleQuickActionDefinition {
+    constructor(context: QuickActionContext) {
+        super(OP_ADD_HEADER_FIELD_TYPE, CONTROL_TYPES, 'QUICK_ACTION_OP_ADD_HEADER_FIELD', context);
     }
 
     async execute(): Promise<FlexCommand[]> {

package/dist/client/adp/quick-actions/fe-v2/lr-toggle-clear-filter-bar.js

@@ -1,67 +1,59 @@
-'use strict';
-sap.ui.define([
-    'sap/ui/rta/command/CommandFactory',
-    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
-    '../../../cpe/quick-actions/utils',
-    '../../../utils/core'
-], function (CommandFactory, ___sap_ux_private_control_property_editor_common, _____cpe_quick_actions_utils, _____utils_core) {
-    'use strict';
-    const SIMPLE_QUICK_ACTION_KIND = ___sap_ux_private_control_property_editor_common['SIMPLE_QUICK_ACTION_KIND'];
-    const pageHasControlId = _____cpe_quick_actions_utils['pageHasControlId'];
-    const getControlById = _____utils_core['getControlById'];
-    const ENABLE_CLEAR_FILTER_BAR_TYPE = 'enable-clear-filter-bar';
-    const PROPERTY_NAME = 'showClearOnFB';
-    const CONTROL_TYPE = 'sap.ui.comp.smartfilterbar.SmartFilterBar';
-    class ToggleClearFilterBarQuickAction {
-        kind = SIMPLE_QUICK_ACTION_KIND;
-        type = ENABLE_CLEAR_FILTER_BAR_TYPE;
-        get id() {
-            return `${ this.context.key }-${ this.type }`;
-        }
-        get isActive() {
-            return !!this.filterBar;
-        }
-        isClearButtonEnabled = false;
-        constructor(context) {
-            this.context = context;
-        }
-        initialize() {
-            const controls = this.context.controlIndex[CONTROL_TYPE] ?? [];
-            for (const control of controls) {
-                const isActionApplicable = pageHasControlId(this.context.view, control.controlId);
-                const modifiedControl = getControlById(control.controlId);
-                if (isActionApplicable && modifiedControl) {
-                    this.isClearButtonEnabled = modifiedControl.getShowClearOnFB();
-                    this.filterBar = modifiedControl;
-                }
-            }
-        }
-        getActionObject() {
-            const key = this.isClearButtonEnabled ? 'V2_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR' : 'V2_QUICK_ACTION_LR_ENABLE_CLEAR_FILTER_BAR';
-            return {
-                kind: SIMPLE_QUICK_ACTION_KIND,
-                id: this.id,
-                enabled: this.isActive,
-                title: this.context.resourceBundle.getText(key)
-            };
-        }
-        async execute() {
-            if (this.filterBar) {
-                const {flexSettings} = this.context;
-                const modifiedValue = {
-                    generator: flexSettings.generator,
-                    propertyName: PROPERTY_NAME,
-                    newValue: !this.isClearButtonEnabled
-                };
-                const command = await CommandFactory.getCommandFor(this.filterBar, 'Property', modifiedValue, null, flexSettings);
-                this.isClearButtonEnabled = !this.isClearButtonEnabled;
-                return [command];
-            }
-            return [];
+"use strict";
+
+sap.ui.define(["sap/ui/rta/command/CommandFactory", "../../../cpe/quick-actions/utils", "../../../utils/core", "../simple-quick-action-base"], function (CommandFactory, _____cpe_quick_actions_utils, _____utils_core, ___simple_quick_action_base) {
+  "use strict";
+
+  const pageHasControlId = _____cpe_quick_actions_utils["pageHasControlId"];
+  const getControlById = _____utils_core["getControlById"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const ENABLE_CLEAR_FILTER_BAR_TYPE = 'enable-clear-filter-bar';
+  const PROPERTY_NAME = 'showClearOnFB';
+  const CONTROL_TYPE = 'sap.ui.comp.smartfilterbar.SmartFilterBar';
+
+  /**
+   * Quick Action for toggling the visibility of "clear filter bar" button in List Report page.
+   */
+  class ToggleClearFilterBarQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ENABLE_CLEAR_FILTER_BAR_TYPE, [], '', context);
+    }
+    isClearButtonEnabled = false;
+    initialize() {
+      const controls = this.context.controlIndex[CONTROL_TYPE] ?? [];
+      for (const control of controls) {
+        const isActionApplicable = pageHasControlId(this.context.view, control.controlId);
+        const modifiedControl = getControlById(control.controlId);
+        if (isActionApplicable && modifiedControl) {
+          this.isClearButtonEnabled = modifiedControl.getShowClearOnFB();
+          this.control = modifiedControl;
         }
+      }
+    }
+    get textKey() {
+      return this.isClearButtonEnabled ? 'V2_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR' : 'V2_QUICK_ACTION_LR_ENABLE_CLEAR_FILTER_BAR';
+    }
+    async execute() {
+      if (this.control) {
+        const {
+          flexSettings
+        } = this.context;
+        const modifiedValue = {
+          generator: flexSettings.generator,
+          propertyName: PROPERTY_NAME,
+          newValue: !this.isClearButtonEnabled
+        };
+        const command = await CommandFactory.getCommandFor(this.control, 'Property', modifiedValue, null, flexSettings);
+        this.isClearButtonEnabled = !this.isClearButtonEnabled;
+        return [command];
+      }
+      return [];
     }
-    var __exports = { __esModule: true };
-    __exports.ENABLE_CLEAR_FILTER_BAR_TYPE = ENABLE_CLEAR_FILTER_BAR_TYPE;
-    __exports.ToggleClearFilterBarQuickAction = ToggleClearFilterBarQuickAction;
-    return __exports;
-});
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_CLEAR_FILTER_BAR_TYPE = ENABLE_CLEAR_FILTER_BAR_TYPE;
+  __exports.ToggleClearFilterBarQuickAction = ToggleClearFilterBarQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=lr-toggle-clear-filter-bar.js.map