@sap/ux-ui5-tooling 1.20.3 → 1.21.0

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

@@ -0,0 +1,92 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { getUi5Version } from '../../../utils/version';
+import { getControllerInfoForControl, getReuseComponentChecker, checkForExistingChange } from '../../utils';
+import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
+import type {
+    QuickActionContext,
+    SimpleQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+import { getTextBundle } from '../../../i18n';
+import { getExistingController } from '../../api-handler';
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { isControllerExtensionEnabledForControl } from '../../init-dialogs';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import type { EnablementValidatorResult } from '../enablement-validator';
+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
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ADD_CONTROLLER_TO_PAGE_TYPE, CONTROL_TYPES, '', context, [
+            DIALOG_ENABLEMENT_VALIDATOR,
+            {
+                run: async (): Promise<EnablementValidatorResult> => {
+                    const controllerName = getControllerInfoForControl(this.context.view).controllerName;
+                    const i18n = await getTextBundle();
+                    if (
+                        checkForExistingChange(this.context.rta, 'codeExt', 'selector.controllerName', controllerName)
+                    ) {
+                        return {
+                            type: 'error',
+                            message: i18n.getText('ADP_QUICK_ACTION_CONTROLLER_PENDING_CHANGE_EXISTS')
+                        };
+                    }
+                }
+            }
+        ]);
+    }
+
+    private controllerExists = false;
+    forceRefreshAfterExecution = true;
+
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        const isReuseComponent = await getReuseComponentChecker(version);
+
+        const control = getRelevantControlFromActivePage(
+            this.context.controlIndex,
+            this.context.view,
+            CONTROL_TYPES
+        )[0];
+        if (control) {
+            const controlInfo = getControllerInfoForControl(control);
+            const data = await getExistingController(controlInfo.controllerName);
+            this.controllerExists = data?.controllerExists;
+            const isActiveAction = isControllerExtensionEnabledForControl(
+                control,
+                isReuseComponent,
+                this.context.flexSettings.isCloud
+            );
+            this.control = isActiveAction ? control : undefined;
+        }
+    }
+
+    protected get textKey() {
+        return this.controllerExists ? 'QUICK_ACTION_SHOW_PAGE_CONTROLLER' : 'QUICK_ACTION_ADD_PAGE_CONTROLLER';
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        if (this.control) {
+            const overlay = OverlayRegistry.getOverlay(this.control) || [];
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.CONTROLLER_EXTENSION,
+                undefined,
+                {},
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/common/add-new-annotation-file.js

@@ -0,0 +1,171 @@
+"use strict";
+
+sap.ui.define(["open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common", "sap/ui/dt/OverlayRegistry", "sap/ui/rta/command/CommandFactory", "../../../utils/application", "../../../utils/fe-v4", "../../../utils/version", "../../api-handler", "../../dialog-factory", "../dialog-enablement-validator", "../fe-v2/utils", "../quick-action-base"], function (___sap_ux_private_control_property_editor_common, OverlayRegistry, CommandFactory, _____utils_application, _____utils_fe_v4, _____utils_version, ____api_handler, ____dialog_factory, ___dialog_enablement_validator, ___fe_v2_utils, ___quick_action_base) {
+  "use strict";
+
+  const NESTED_QUICK_ACTION_KIND = ___sap_ux_private_control_property_editor_common["NESTED_QUICK_ACTION_KIND"];
+  const getApplicationType = _____utils_application["getApplicationType"];
+  const getV4AppComponent = _____utils_fe_v4["getV4AppComponent"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const getDataSourceAnnotationFileMap = ____api_handler["getDataSourceAnnotationFileMap"];
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const getV2AppComponent = ___fe_v2_utils["getV2AppComponent"];
+  const QuickActionDefinitionBase = ___quick_action_base["QuickActionDefinitionBase"];
+  const ADD_NEW_ANNOTATION_FILE = 'add-new-annotation-file';
+  const ADD_NEW_ANNOTATION_FILE_TITLE = 'QUICK_ACTION_ADD_NEW_ANNOTATION_FILE';
+
+  /**
+   * Add New Annotation File.
+   */
+  class AddNewAnnotationFile extends QuickActionDefinitionBase {
+    children = [];
+    get quickActionSteps() {
+      return 1;
+    }
+    kind = NESTED_QUICK_ACTION_KIND;
+    type = ADD_NEW_ANNOTATION_FILE;
+    forceRefreshAfterExecution = true;
+    isApplicable = true;
+    get id() {
+      return `${this.context.key}-${this.type}`;
+    }
+    constructor(context) {
+      super(ADD_NEW_ANNOTATION_FILE, NESTED_QUICK_ACTION_KIND, '', context, [DIALOG_ENABLEMENT_VALIDATOR]);
+      this.context = context;
+    }
+    async initialize() {
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 108,
+        patch: 27
+      })) {
+        this.isApplicable = false;
+        return;
+      }
+      this.annotationDataSourceData = await getDataSourceAnnotationFileMap();
+      const {
+        annotationDataSourceMap
+      } = this.annotationDataSourceData;
+      if (!Object.keys(this.annotationDataSourceData.annotationDataSourceMap).length) {
+        throw new Error('No data sources found in the manifest');
+      }
+      for (const key in annotationDataSourceMap) {
+        if (Object.prototype.hasOwnProperty.call(annotationDataSourceMap, key)) {
+          const source = annotationDataSourceMap[key];
+          const {
+            annotationExistsInWS
+          } = source.annotationDetails;
+          if (source.metadataReadErrorMsg) {
+            this.children.push({
+              path: this.children.length.toString(),
+              enabled: false,
+              tooltip: source.metadataReadErrorMsg,
+              label: this.context.resourceBundle.getText('ADD_ANNOTATION_FILE', [key]),
+              children: []
+            });
+          } else {
+            this.children.push({
+              path: this.children.length.toString(),
+              enabled: true,
+              label: annotationExistsInWS ? this.context.resourceBundle.getText('SHOW_ANNOTATION_FILE', [key]) : this.context.resourceBundle.getText('ADD_ANNOTATION_FILE', [key]),
+              children: []
+            });
+          }
+        }
+      }
+    }
+    get textKey() {
+      let result = ADD_NEW_ANNOTATION_FILE_TITLE;
+      const dataSourceIds = Object.keys(this.annotationDataSourceData.annotationDataSourceMap);
+      if (dataSourceIds.length === 1) {
+        const details = this.annotationDataSourceData.annotationDataSourceMap[dataSourceIds[0]];
+        if (details.annotationDetails.annotationExistsInWS) {
+          result = 'QUICK_ACTION_SHOW_ANNOTATION_FILE';
+        }
+      }
+      return result;
+    }
+    async execute(path) {
+      const {
+        annotationDataSourceMap,
+        isRunningInBAS
+      } = this.annotationDataSourceData;
+      const appType = getApplicationType(this.context.rta.getRootControlInstance().getManifest());
+      const index = Number(path);
+      if (index >= 0) {
+        const dataSourceId = Object.keys(annotationDataSourceMap)[index];
+        const dataSource = annotationDataSourceMap[dataSourceId];
+        if (dataSource?.annotationDetails.annotationExistsInWS) {
+          const annotationFileDetails = dataSource.annotationDetails;
+          const {
+            annotationPath,
+            annotationPathFromRoot
+          } = annotationFileDetails;
+          await DialogFactory.createDialog(OverlayRegistry.getOverlay(this.context.view),
+          // this passed only because, for method param is required.
+          this.context.rta,
+          // same as above
+          DialogNames.FILE_EXISTS, undefined, {
+            fileName: annotationPathFromRoot,
+            filePath: annotationPath,
+            isRunningInBAS: isRunningInBAS
+          });
+        }
+        // Create annotation file only, if no file exists already for datasource id or if the change file exist and but no annotation file exists in file system.
+        else if (dataSource) {
+          const timestamp = Date.now();
+          const annotationFileNameWithoutExtension = `annotation_${timestamp}`;
+          const annotationFileName = `${annotationFileNameWithoutExtension}.xml`;
+          const annotationNameSpace = this.context.flexSettings.layer === 'CUSTOMER_BASE' ? `customer.annotation.${annotationFileNameWithoutExtension}` : `annotation.${annotationFileNameWithoutExtension}`;
+          const parameters = {
+            dataSourceId: dataSourceId,
+            annotations: [annotationNameSpace],
+            annotationsInsertPosition: 'END',
+            dataSource: {
+              [annotationNameSpace]: {
+                uri: `annotations/${annotationFileName}`,
+                type: 'ODataAnnotation'
+              }
+            }
+          };
+          const modifiedValue = {
+            changeType: 'appdescr_app_addAnnotationsToOData',
+            appComponent: appType === 'fe-v4' ? getV4AppComponent(this.context.view) : getV2AppComponent(this.context.view),
+            generator: this.context.flexSettings.generator,
+            reference: this.context.flexSettings.projectId,
+            parameters,
+            serviceUrl: dataSource.serviceUrl
+          };
+          const command = await CommandFactory.getCommandFor(this.context.view, 'appDescriptor', modifiedValue, null, this.context.flexSettings);
+          return [command];
+        }
+      }
+      return [];
+    }
+
+    /**
+     * Prepares nested quick action object
+     * @returns action instance
+     */
+    getActionObject() {
+      return {
+        kind: NESTED_QUICK_ACTION_KIND,
+        id: this.id,
+        enabled: this.isApplicable,
+        title: this.context.resourceBundle.getText(this.textKey),
+        children: this.children
+      };
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ADD_NEW_ANNOTATION_FILE = ADD_NEW_ANNOTATION_FILE;
+  __exports.AddNewAnnotationFile = AddNewAnnotationFile;
+  return __exports;
+});
+//# sourceMappingURL=add-new-annotation-file.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/common/add-new-annotation-file.ts

@@ -0,0 +1,174 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import {
+    NESTED_QUICK_ACTION_KIND,
+    NestedQuickAction,
+    NestedQuickActionChild
+} from '@sap-ux-private/control-property-editor-common';
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import CommandFactory from 'sap/ui/rta/command/CommandFactory';
+import { NestedQuickActionDefinition, QuickActionContext } from '../../../cpe/quick-actions/quick-action-definition';
+import { getApplicationType } from '../../../utils/application';
+import { getV4AppComponent } from '../../../utils/fe-v4';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import type { AnnotationDataSourceResponse } from '../../api-handler';
+import { getDataSourceAnnotationFileMap } from '../../api-handler';
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import { getV2AppComponent } from '../fe-v2/utils';
+import { QuickActionDefinitionBase } from '../quick-action-base';
+
+export const ADD_NEW_ANNOTATION_FILE = 'add-new-annotation-file';
+const ADD_NEW_ANNOTATION_FILE_TITLE = 'QUICK_ACTION_ADD_NEW_ANNOTATION_FILE';
+
+/**
+ * Add New Annotation File.
+ */
+export class AddNewAnnotationFile
+    extends QuickActionDefinitionBase<typeof NESTED_QUICK_ACTION_KIND>
+    implements NestedQuickActionDefinition
+{
+    public children: NestedQuickActionChild[] = [];
+    public get quickActionSteps(): number {
+        return 1;
+    }
+    readonly kind = NESTED_QUICK_ACTION_KIND;
+    readonly type = ADD_NEW_ANNOTATION_FILE;
+    readonly forceRefreshAfterExecution = true;
+    public isApplicable = true;
+    public get id(): string {
+        return `${this.context.key}-${this.type}`;
+    }
+    private annotationDataSourceData: AnnotationDataSourceResponse;
+    constructor(protected readonly context: QuickActionContext) {
+        super(ADD_NEW_ANNOTATION_FILE, NESTED_QUICK_ACTION_KIND, '', context, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 108, patch: 27 })) {
+            this.isApplicable = false;
+            return;
+        }
+        this.annotationDataSourceData = await getDataSourceAnnotationFileMap();
+        const { annotationDataSourceMap } = this.annotationDataSourceData;
+        if (!Object.keys(this.annotationDataSourceData.annotationDataSourceMap).length) {
+            throw new Error('No data sources found in the manifest');
+        }
+
+        for (const key in annotationDataSourceMap) {
+            if (Object.prototype.hasOwnProperty.call(annotationDataSourceMap, key)) {
+                const source = annotationDataSourceMap[key];
+                const { annotationExistsInWS } = source.annotationDetails;
+                if (source.metadataReadErrorMsg) {
+                    this.children.push({
+                        path: this.children.length.toString(),
+                        enabled: false,
+                        tooltip: source.metadataReadErrorMsg,
+                        label: this.context.resourceBundle.getText('ADD_ANNOTATION_FILE', [key]),
+                        children: []
+                    });
+                } else {
+                    this.children.push({
+                        path: this.children.length.toString(),
+                        enabled: true,
+                        label: annotationExistsInWS
+                            ? this.context.resourceBundle.getText('SHOW_ANNOTATION_FILE', [key])
+                            : this.context.resourceBundle.getText('ADD_ANNOTATION_FILE', [key]),
+                        children: []
+                    });
+                }
+            }
+        }
+    }
+    protected get textKey() {
+        let result = ADD_NEW_ANNOTATION_FILE_TITLE;
+        const dataSourceIds = Object.keys(this.annotationDataSourceData.annotationDataSourceMap);
+        if (dataSourceIds.length === 1) {
+            const details = this.annotationDataSourceData.annotationDataSourceMap[dataSourceIds[0]];
+            if (details.annotationDetails.annotationExistsInWS) {
+                result = 'QUICK_ACTION_SHOW_ANNOTATION_FILE';
+            }
+        }
+        return result;
+    }
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { annotationDataSourceMap, isRunningInBAS } = this.annotationDataSourceData;
+        const appType = getApplicationType(this.context.rta.getRootControlInstance().getManifest());
+        const index = Number(path);
+        if (index >= 0) {
+            const dataSourceId = Object.keys(annotationDataSourceMap)[index];
+            const dataSource = annotationDataSourceMap[dataSourceId];
+            if (dataSource?.annotationDetails.annotationExistsInWS) {
+                const annotationFileDetails = dataSource.annotationDetails;
+                const { annotationPath, annotationPathFromRoot } = annotationFileDetails;
+                await DialogFactory.createDialog(
+                    OverlayRegistry.getOverlay(this.context.view), // this passed only because, for method param is required.
+                    this.context.rta, // same as above
+                    DialogNames.FILE_EXISTS,
+                    undefined,
+                    {
+                        fileName: annotationPathFromRoot,
+                        filePath: annotationPath,
+                        isRunningInBAS: isRunningInBAS
+                    }
+                );
+            }
+            // Create annotation file only, if no file exists already for datasource id or if the change file exist and but no annotation file exists in file system.
+            else if (dataSource) {
+                const timestamp = Date.now();
+                const annotationFileNameWithoutExtension = `annotation_${timestamp}`;
+                const annotationFileName = `${annotationFileNameWithoutExtension}.xml`;
+                const annotationNameSpace =
+                    this.context.flexSettings.layer === 'CUSTOMER_BASE'
+                        ? `customer.annotation.${annotationFileNameWithoutExtension}`
+                        : `annotation.${annotationFileNameWithoutExtension}`;
+                const parameters = {
+                    dataSourceId: dataSourceId,
+                    annotations: [annotationNameSpace],
+                    annotationsInsertPosition: 'END',
+                    dataSource: {
+                        [annotationNameSpace]: {
+                            uri: `annotations/${annotationFileName}`,
+                            type: 'ODataAnnotation'
+                        }
+                    }
+                };
+                const modifiedValue = {
+                    changeType: 'appdescr_app_addAnnotationsToOData',
+                    appComponent:
+                        appType === 'fe-v4'
+                            ? getV4AppComponent(this.context.view)
+                            : getV2AppComponent(this.context.view),
+                    generator: this.context.flexSettings.generator,
+                    reference: this.context.flexSettings.projectId,
+                    parameters,
+                    serviceUrl: dataSource.serviceUrl
+                };
+                const command = await CommandFactory.getCommandFor<FlexCommand>(
+                    this.context.view,
+                    'appDescriptor',
+                    modifiedValue,
+                    null,
+                    this.context.flexSettings
+                );
+                return [command];
+            }
+        }
+        return [];
+    }
+
+    /**
+     * Prepares nested quick action object
+     * @returns action instance
+     */
+    getActionObject(): NestedQuickAction {
+        return {
+            kind: NESTED_QUICK_ACTION_KIND,
+            id: this.id,
+            enabled: this.isApplicable,
+            title: this.context.resourceBundle.getText(this.textKey),
+            children: this.children
+        };
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/common/create-page-action.js

@@ -0,0 +1,56 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../dialog-factory", "../simple-quick-action-base", "../../../utils/application", "../../../utils/version", "../dialog-enablement-validator"], function (OverlayRegistry, ____dialog_factory, ___simple_quick_action_base, _____utils_application, _____utils_version, ___dialog_enablement_validator) {
+  "use strict";
+
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const getApplicationType = _____utils_application["getApplicationType"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const ADD_PAGE_ACTION = 'add-page-action';
+  const CONTROL_TYPES = ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageHeader', 'sap.uxap.ObjectPageDynamicHeaderTitle'];
+
+  /**
+   * Quick Action for adding a custom page action.
+   */
+  class AddPageActionQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ADD_PAGE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION', context, [DIALOG_ENABLEMENT_VALIDATOR]);
+      this.appType = getApplicationType(this.context.rta.getRootControlInstance().getManifest());
+    }
+    async initialize() {
+      const version = await getUi5Version();
+      if (this.appType === 'fe-v4' && isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 130
+      })) {
+        return;
+      }
+      await super.initialize();
+    }
+    async execute() {
+      if (this.control) {
+        const overlay = OverlayRegistry.getOverlay(this.control) || [];
+        await DialogFactory.createDialog(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+          aggregation: 'actions',
+          title: 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION',
+          defaultAggregationArrayIndex: 1
+        }, {
+          actionName: this.type,
+          telemetryEventIdentifier: this.getTelemetryIdentifier()
+        });
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ADD_PAGE_ACTION = ADD_PAGE_ACTION;
+  __exports.AddPageActionQuickAction = AddPageActionQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-page-action.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/common/create-page-action.ts

@@ -0,0 +1,56 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import type {
+    QuickActionContext,
+    SimpleQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+import type { ApplicationType } from '../../../utils/application';
+import { getApplicationType } from '../../../utils/application';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+
+export const ADD_PAGE_ACTION = 'add-page-action';
+const CONTROL_TYPES = ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageHeader', 'sap.uxap.ObjectPageDynamicHeaderTitle'];
+
+/**
+ * Quick Action for adding a custom page action.
+ */
+export class AddPageActionQuickAction extends SimpleQuickActionDefinitionBase implements SimpleQuickActionDefinition {
+    private readonly appType: ApplicationType;
+    constructor(context: QuickActionContext) {
+        super(ADD_PAGE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION', context, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+        this.appType = getApplicationType(this.context.rta.getRootControlInstance().getManifest());
+    }
+
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        if (this.appType === 'fe-v4' && isLowerThanMinimalUi5Version(version, { major: 1, minor: 130 })) {
+            return;
+        }
+        await super.initialize();
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        if (this.control) {
+            const overlay = OverlayRegistry.getOverlay(this.control) || [];
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.ADD_FRAGMENT,
+                undefined,
+                {
+                    aggregation: 'actions',
+                    title: 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION',
+                    defaultAggregationArrayIndex: 1
+                },
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../dialog-factory", "../../../cpe/quick-actions/utils", "../simple-quick-action-base", "../dialog-enablement-validator"], function (OverlayRegistry, ____dialog_factory, _____cpe_quick_actions_utils, ___simple_quick_action_base, ___dialog_enablement_validator) {
+  "use strict";
+
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  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, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async execute() {
+      const objectPageLayout = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)[0];
+      const overlay = OverlayRegistry.getOverlay(objectPageLayout) || [];
+      await DialogFactory.createDialog(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+        aggregation: 'sections',
+        title: 'QUICK_ACTION_OP_ADD_CUSTOM_SECTION'
+      }, {
+        actionName: this.type,
+        telemetryEventIdentifier: this.getTelemetryIdentifier()
+      });
+      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/preview-middleware/dist/client/adp/quick-actions/common/op-add-custom-section.ts

@@ -0,0 +1,51 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import type ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
+
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
+import type {
+    QuickActionContext,
+    SimpleQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+
+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, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        const objectPageLayout = getRelevantControlFromActivePage(
+            this.context.controlIndex,
+            this.context.view,
+            CONTROL_TYPES
+        )[0] as ObjectPageLayout;
+
+        const overlay = OverlayRegistry.getOverlay(objectPageLayout) || [];
+        await DialogFactory.createDialog(
+            overlay,
+            this.context.rta,
+            DialogNames.ADD_FRAGMENT,
+            undefined,
+            {
+                aggregation: 'sections',
+                title: 'QUICK_ACTION_OP_ADD_CUSTOM_SECTION'
+            },
+            { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+        );
+        return [];
+    }
+}