@sap/ux-ui5-tooling 1.20.3 → 1.21.0

package/dist/preview-middleware/dist/client/adp/init-dialogs.ts

@@ -0,0 +1,178 @@
+/** sap.ui.core */
+import type UI5Element from 'sap/ui/core/Element';
+
+/** sap.ui.rta */
+import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
+import hasStableId from 'sap/ui/rta/util/hasStableId';
+
+/** sap.ui.fl */
+import FlUtils from 'sap/ui/fl/Utils';
+
+/** sap.ui.dt */
+import type ElementOverlay from 'sap/ui/dt/ElementOverlay';
+
+import ManagedObject from 'sap/ui/base/ManagedObject';
+import { DialogFactory, DialogNames } from './dialog-factory';
+import type { IsReuseComponentApi } from '../cpe/types';
+import { getTextBundle, type TextBundle } from '../i18n';
+import { getReuseComponentChecker } from './utils';
+import type { Ui5VersionInfo } from '../utils/version';
+import { getSyncViewIds } from './sync-views-utils';
+
+/**
+ * Handler for enablement of Extend With Controller context menu entry
+ *
+ * @param control UI5 control.
+ * @param isReuseComponent Function to check if the control is a reuse component.
+ * @param isCloud Whether the application is running in the cloud
+ * @returns boolean whether menu item is enabled or not
+ */
+export function isControllerExtensionEnabledForControl(
+    control: ManagedObject,
+    isReuseComponent: IsReuseComponentApi,
+    isCloud: boolean
+): boolean {
+    const viewId = FlUtils.getViewForControl(control).getId();
+    const syncViewsIds = getSyncViewIds();
+    const isControlInSyncView = syncViewsIds.has(viewId);
+
+    if (isCloud) {
+        const isClickedControlReuseComponent = isReuseComponent(control.getId());
+        return !isControlInSyncView && !isClickedControlReuseComponent;
+    }
+    return !isControlInSyncView;
+}
+
+/**
+ * Handler for enablement of Extend With Controller context menu entry
+ *
+ * @param overlays Control overlays
+ * @param isReuseComponent Function to check if the control is a reuse component.
+ * @param isCloud Whether the application is running in the cloud
+ * @returns boolean whether menu item is enabled or not
+ */
+export const isControllerExtensionEnabled = (
+    overlays: ElementOverlay[],
+    isReuseComponent: IsReuseComponentApi,
+    isCloud: boolean
+): boolean => {
+    if (overlays.length === 0 || overlays.length > 1) {
+        return false;
+    }
+    return isControllerExtensionEnabledForControl(overlays[0].getElement(), isReuseComponent, isCloud);
+};
+
+/**
+ * Determines whether the fragment command should be enabled based on the provided overlays.
+ *
+ * @param {ElementOverlay[]} overlays - An array of ElementOverlay objects representing the UI overlays.
+ * @param {isReuseComponentApi} isReuseComponent - Function to check if the control is a reuse component.
+ * @param {boolean} isCloud - Whether the application is running in the cloud.
+ * @returns {boolean} True if the fragment command is enabled, false otherwise.
+ */
+export const isFragmentCommandEnabled = (
+    overlays: ElementOverlay[],
+    isReuseComponent: IsReuseComponentApi,
+    isCloud: boolean
+): boolean => {
+    if (overlays.length === 0 || overlays.length > 1) {
+        return false;
+    }
+
+    const control = overlays[0].getElement();
+    const stableId = hasStableId(overlays[0]);
+    if (isCloud) {
+        return stableId && !isReuseComponent(control.getId());
+    }
+
+    return stableId;
+};
+
+/**
+ * Determines the text that should be displayed for the Add Fragment context menu item.
+ *
+ * @param {ElementOverlay} overlay - An ElementOverlay object representing the UI overlay.
+ * @param {isReuseComponentApi} isReuseComponentChecker - Function to check if the control is a reuse component.
+ * @param {boolean} isCloud - Whether the application is running in the cloud.
+ * @param {TextBundle} resources - The text bundle.
+ * @returns {string} The text of the Add Fragment context menu item.
+ */
+export const getAddFragmentItemText = (
+    overlay: ElementOverlay,
+    isReuseComponentChecker: IsReuseComponentApi,
+    isCloud: boolean,
+    resources: TextBundle
+) => {
+    if (isCloud && isReuseComponentChecker(overlay.getElement().getId())) {
+        return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM_REUSE_COMPONENT');
+    }
+    if (!hasStableId(overlay)) {
+        return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM_UNSTABLE_ID');
+    }
+
+    return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM');
+};
+
+/**
+ * Determines the text that should be displayed for Controller Extension context menu item.
+ *
+ * @param {ElementOverlay} overlay - An ElementOverlay object representing the UI overlay.
+ * @param {isReuseComponentApi} isReuseComponentChecker - Function to check if the control is a reuse component.
+ * @param {boolean} isCloud - Whether the application is running in the cloud.
+ * @param {TextBundle} resources - The text bundle.
+ * @returns {string} The text of the Add Fragment context menu item.
+ */
+export const getExtendControllerItemText = (
+    overlay: ElementOverlay,
+    isReuseComponentChecker: IsReuseComponentApi,
+    isCloud: boolean,
+    resources: TextBundle
+) => {
+    const viewId = FlUtils.getViewForControl(overlay.getElement()).getId();
+    const syncViewsIds = getSyncViewIds();
+    if (syncViewsIds.has(viewId)) {
+        return resources.getText('ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM_SYNC_VIEW');
+    }
+
+    if (isCloud && isReuseComponentChecker(overlay.getElement().getId())) {
+        return resources.getText('ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM_REUSE_COMPONENT');
+    }
+
+    return resources.getText('ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM');
+};
+
+/**
+ * Adds a new item to the context menu
+ *
+ * @param rta Runtime Authoring
+ * @param ui5VersionInfo UI5 version information
+ */
+export const initDialogs = async (
+    rta: RuntimeAuthoring,
+    ui5VersionInfo: Ui5VersionInfo
+): Promise<void> => {
+    const contextMenu = rta.getDefaultPlugins().contextMenu;
+    const isCloud = rta.getFlexSettings().isCloud;
+    const resources = await getTextBundle();
+    const isReuseComponentChecker = await getReuseComponentChecker(ui5VersionInfo);
+
+    contextMenu.addMenuItem({
+        id: 'ADD_FRAGMENT',
+        text: (overlay: ElementOverlay) => getAddFragmentItemText(overlay, isReuseComponentChecker, isCloud, resources),
+        handler: async (overlays: UI5Element[]) =>
+            await DialogFactory.createDialog(overlays[0], rta, DialogNames.ADD_FRAGMENT),
+        icon: 'sap-icon://attachment-html',
+        enabled: (overlays: ElementOverlay[]) => isFragmentCommandEnabled(overlays, isReuseComponentChecker, isCloud)
+    });
+
+    contextMenu.addMenuItem({
+        id: 'EXTEND_CONTROLLER',
+        text: (overlay: ElementOverlay) =>
+            getExtendControllerItemText(overlay, isReuseComponentChecker, isCloud, resources),
+        handler: async (overlays: UI5Element[]) =>
+            await DialogFactory.createDialog(overlays[0], rta, DialogNames.CONTROLLER_EXTENSION),
+        icon: 'sap-icon://create-form',
+        enabled: (overlays: ElementOverlay[]) =>
+            isControllerExtensionEnabled(overlays, isReuseComponentChecker, isCloud)
+    });
+};

package/dist/preview-middleware/dist/client/adp/init.js

@@ -0,0 +1,102 @@
+"use strict";
+
+sap.ui.define(["sap/base/Log", "open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common", "../utils/version", "../cpe/init", "./sync-views-utils", "../utils/application", "./quick-actions/load", "./init-dialogs", "../utils/info-center-message", "../cpe/communication-service"], function (log, ___sap_ux_private_control_property_editor_common, ___utils_version, __init, ___sync_views_utils, ___utils_application, ___quick_actions_load, ___init_dialogs, ___utils_info_center_message, ___cpe_communication_service) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  function __ui5_require_async(path) {
+    return new Promise(function (resolve, reject) {
+      sap.ui.require([path], function (module) {
+        if (!(module && module.__esModule)) {
+          module = module === null || !(typeof module === "object" && path.endsWith("/library")) ? {
+            default: module
+          } : module;
+          Object.defineProperty(module, "__esModule", {
+            value: true
+          });
+        }
+        resolve(module);
+      }, function (err) {
+        reject(err);
+      });
+    });
+  }
+  const enableTelemetry = ___sap_ux_private_control_property_editor_common["enableTelemetry"];
+  const MessageBarType = ___sap_ux_private_control_property_editor_common["MessageBarType"];
+  const toggleAppPreviewVisibility = ___sap_ux_private_control_property_editor_common["toggleAppPreviewVisibility"];
+  const getFullyQualifiedUi5Version = ___utils_version["getFullyQualifiedUi5Version"];
+  const getUi5Version = ___utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = ___utils_version["isLowerThanMinimalUi5Version"];
+  const minVersionInfo = ___utils_version["minVersionInfo"];
+  const init = _interopRequireDefault(__init);
+  const updateSyncViewsIds = ___sync_views_utils["updateSyncViewsIds"];
+  const showSyncViewsWarning = ___sync_views_utils["showSyncViewsWarning"];
+  const getApplicationType = ___utils_application["getApplicationType"];
+  const loadDefinitions = ___quick_actions_load["loadDefinitions"];
+  const initDialogs = ___init_dialogs["initDialogs"];
+  const sendInfoCenterMessage = ___utils_info_center_message["sendInfoCenterMessage"];
+  const CommunicationService = ___cpe_communication_service["CommunicationService"];
+  var __exports = async function (rta) {
+    const flexSettings = rta.getFlexSettings();
+    if (flexSettings.telemetry === true) {
+      enableTelemetry();
+    }
+    const ui5VersionInfo = await getUi5Version();
+
+    // Plugins need to be set before adding additional plugins to prevent overriding with the default
+    // and allow usage of getPlugins later in the flow
+    const defaultPlugins = rta.getDefaultPlugins();
+    rta.setPlugins(defaultPlugins);
+    if (isLowerThanMinimalUi5Version(ui5VersionInfo, {
+      major: 1,
+      minor: 136,
+      patch: 2
+    })) {
+      await initDialogs(rta, ui5VersionInfo);
+    } else {
+      (await __ui5_require_async('open/ux/preview/client/adp/add-fragment')).initAddXMLPlugin(rta);
+      (await __ui5_require_async('open/ux/preview/client/adp/extend-controller')).initExtendControllerPlugin(rta);
+    }
+    if (!isLowerThanMinimalUi5Version(ui5VersionInfo, {
+      major: 1,
+      minor: 78
+    })) {
+      const ExtensionPointService = (await __ui5_require_async('open/ux/preview/client/adp/extension-point')).default;
+      const extPointService = new ExtensionPointService(rta);
+      extPointService.init();
+    }
+    const applicationType = getApplicationType(rta.getRootControlInstance().getManifest());
+    const quickActionRegistries = await loadDefinitions(applicationType);
+    await init(rta, quickActionRegistries);
+
+    // Register synchronious views detection and warning
+    // This is not awaited to prevent deadlock in the initialization
+    rta.getService('outline').then(outlineService => {
+      outlineService.attachEvent('update', async () => {
+        await updateSyncViewsIds(ui5VersionInfo);
+        await showSyncViewsWarning();
+      });
+    }).catch(error => {
+      log.error('Failed to attach update event to outline service', error);
+    });
+    if (isLowerThanMinimalUi5Version(ui5VersionInfo)) {
+      await sendInfoCenterMessage({
+        title: {
+          key: 'FLP_UI5_VERSION_WARNING_TITLE'
+        },
+        description: {
+          key: 'FLP_UI5_VERSION_WARNING_DESCRIPTION',
+          params: [getFullyQualifiedUi5Version(ui5VersionInfo), getFullyQualifiedUi5Version(minVersionInfo)]
+        },
+        type: MessageBarType.error
+      });
+      CommunicationService.sendAction(toggleAppPreviewVisibility(false));
+      return;
+    }
+    log.debug('ADP init executed.');
+  };
+  return __exports;
+});
+//# sourceMappingURL=init.js.map

package/dist/preview-middleware/dist/client/adp/init.ts

@@ -0,0 +1,85 @@
+import log from 'sap/base/Log';
+import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
+import type RTAOutlineService from 'sap/ui/rta/command/OutlineService';
+
+import {
+    enableTelemetry,
+    MessageBarType,
+    toggleAppPreviewVisibility
+} from '@sap-ux-private/control-property-editor-common';
+
+import {
+    getFullyQualifiedUi5Version,
+    getUi5Version,
+    isLowerThanMinimalUi5Version,
+    minVersionInfo
+} from '../utils/version';
+
+import init from '../cpe/init';
+import { updateSyncViewsIds, showSyncViewsWarning } from './sync-views-utils';
+import { getApplicationType } from '../utils/application';
+
+import { loadDefinitions } from './quick-actions/load';
+import { initDialogs } from './init-dialogs';
+import { sendInfoCenterMessage } from '../utils/info-center-message';
+import { CommunicationService } from '../cpe/communication-service';
+
+export default async function (rta: RuntimeAuthoring) {
+    const flexSettings = rta.getFlexSettings();
+    if (flexSettings.telemetry === true) {
+        enableTelemetry();
+    }
+
+    const ui5VersionInfo = await getUi5Version();
+
+    // Plugins need to be set before adding additional plugins to prevent overriding with the default
+    // and allow usage of getPlugins later in the flow
+    const defaultPlugins = rta.getDefaultPlugins();
+    rta.setPlugins(defaultPlugins);
+
+    if (isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 136, patch: 2 })) {
+        await initDialogs(rta, ui5VersionInfo);
+    } else {
+        (await import('open/ux/preview/client/adp/add-fragment')).initAddXMLPlugin(rta);
+        (await import('open/ux/preview/client/adp/extend-controller')).initExtendControllerPlugin(rta);
+    }
+
+    if (!isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 78 })) {
+        const ExtensionPointService = (await import('open/ux/preview/client/adp/extension-point')).default;
+        const extPointService = new ExtensionPointService(rta);
+        extPointService.init();
+    }
+
+    const applicationType = getApplicationType(rta.getRootControlInstance().getManifest());
+    const quickActionRegistries = await loadDefinitions(applicationType);
+
+    await init(rta, quickActionRegistries);
+
+    // Register synchronious views detection and warning
+    // This is not awaited to prevent deadlock in the initialization
+    rta.getService<RTAOutlineService>('outline')
+        .then((outlineService) => {
+            outlineService.attachEvent('update', async () => {
+                await updateSyncViewsIds(ui5VersionInfo);
+                await showSyncViewsWarning();
+            });
+        })
+        .catch((error) => {
+            log.error('Failed to attach update event to outline service', error);
+        });
+
+    if (isLowerThanMinimalUi5Version(ui5VersionInfo)) {
+        await sendInfoCenterMessage({
+            title: { key: 'FLP_UI5_VERSION_WARNING_TITLE' },
+            description: {
+                key: 'FLP_UI5_VERSION_WARNING_DESCRIPTION',
+                params: [getFullyQualifiedUi5Version(ui5VersionInfo), getFullyQualifiedUi5Version(minVersionInfo)]
+            },
+            type: MessageBarType.error
+        });
+        CommunicationService.sendAction(toggleAppPreviewVisibility(false));
+        return;
+    }
+
+    log.debug('ADP init executed.');
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/add-new-subpage-quick-action-base.js

@@ -0,0 +1,97 @@
+"use strict";
+
+sap.ui.define(["sap/ui/core/Component", "sap/ui/dt/OverlayRegistry", "../../cpe/quick-actions/utils", "../../utils/core", "../dialog-factory", "../../i18n", "./simple-quick-action-base", "./dialog-enablement-validator"], function (Component, OverlayRegistry, ____cpe_quick_actions_utils, ____utils_core, ___dialog_factory, ____i18n, ___simple_quick_action_base, ___dialog_enablement_validator) {
+  "use strict";
+
+  const pageHasControlId = ____cpe_quick_actions_utils["pageHasControlId"];
+  const getControlById = ____utils_core["getControlById"];
+  const DialogFactory = ___dialog_factory["DialogFactory"];
+  const DialogNames = ___dialog_factory["DialogNames"];
+  const getTextBundle = ____i18n["getTextBundle"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const ADD_NEW_OBJECT_PAGE_ACTION = 'add-new-subpage';
+  const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
+  /**
+   * Base Quick Action class for adding a custom page action.
+   */
+  class AddNewSubpageBase extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ADD_NEW_OBJECT_PAGE_ACTION, [], 'QUICK_ACTION_ADD_NEW_SUB_PAGE', context, [{
+        run: async () => {
+          const i18n = await getTextBundle();
+          if (this.navProperties.length === 0) {
+            return {
+              type: 'error',
+              message: i18n.getText('NO_SUB_PAGES_TO_ADD')
+            };
+          }
+          return undefined;
+        }
+      }, DIALOG_ENABLEMENT_VALIDATOR]);
+      this.appReference = context.flexSettings.projectId ?? '';
+      this.existingPages = this.getApplicationPages();
+    }
+    async addNavigationOptionIfAvailable(metaModel, targetEntitySet, navProperty) {
+      if (!targetEntitySet) {
+        return;
+      }
+      const pageExists = await this.isPageExists(targetEntitySet, metaModel);
+      if (!pageExists) {
+        this.navProperties.push({
+          entitySet: targetEntitySet,
+          navProperty: navProperty ?? targetEntitySet
+        });
+      }
+    }
+    async initialize() {
+      if (!this.appReference) {
+        throw new Error('App reference not defined');
+      }
+      const allControls = CONTROL_TYPES.flatMap(item => this.context.controlIndex[item] ?? []);
+      const control = allControls.find(c => pageHasControlId(this.context.view, c.controlId));
+      this.pageType = this.context.view.getViewName().split('.view.')[0];
+      const metaModel = this.getODataMetaModel();
+      if (!metaModel || !control) {
+        return;
+      }
+      const modifiedControl = getControlById(control.controlId);
+      if (!modifiedControl) {
+        return;
+      }
+      const component = Component.getOwnerComponentFor(modifiedControl);
+      const entitySetName = await this.getEntitySetNameFromPageComponent(component, metaModel);
+      if (!entitySetName) {
+        return;
+      }
+      this.entitySet = entitySetName;
+      this.navProperties = [];
+      if (!this.isCurrentObjectPage()) {
+        await this.addNavigationOptionIfAvailable(metaModel, this.entitySet);
+      } else {
+        await this.prepareNavigationData(metaModel);
+      }
+      this.control = modifiedControl;
+    }
+    async execute() {
+      const overlay = OverlayRegistry.getOverlay(this.control);
+      await DialogFactory.createDialog(overlay, this.context.rta, DialogNames.ADD_SUBPAGE, undefined, {
+        appReference: this.appReference,
+        navProperties: this.navProperties,
+        title: 'ADD_SUB_PAGE_DIALOG_TITLE',
+        pageDescriptor: this.currentPageDescriptor
+      }, {
+        actionName: this.type,
+        telemetryEventIdentifier: this.getTelemetryIdentifier()
+      });
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ADD_NEW_OBJECT_PAGE_ACTION = ADD_NEW_OBJECT_PAGE_ACTION;
+  __exports.AddNewSubpageBase = AddNewSubpageBase;
+  return __exports;
+});
+//# sourceMappingURL=add-new-subpage-quick-action-base.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/add-new-subpage-quick-action-base.ts

@@ -0,0 +1,140 @@
+import Component from 'sap/ui/core/Component';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+
+import { QuickActionContext, SimpleQuickActionDefinition } from '../../cpe/quick-actions/quick-action-definition';
+import { pageHasControlId } from '../../cpe/quick-actions/utils';
+import { getControlById } from '../../utils/core';
+import { DialogFactory, DialogNames } from '../dialog-factory';
+import { EnablementValidatorResult } from './enablement-validator';
+import { getTextBundle } from '../../i18n';
+import { SimpleQuickActionDefinitionBase } from './simple-quick-action-base';
+import { DIALOG_ENABLEMENT_VALIDATOR } from './dialog-enablement-validator';
+import { PageDescriptorV2 } from '../controllers/AddSubpage.controller';
+import { PageDescriptorV4 } from '../controllers/types';
+
+export const ADD_NEW_OBJECT_PAGE_ACTION = 'add-new-subpage';
+const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
+
+export interface ApplicationPageData {
+    id: string;
+    entitySet?: string;
+    contextPath?: string;
+}
+
+/**
+ * Base Quick Action class for adding a custom page action.
+ */
+export abstract class AddNewSubpageBase<ODataMetaModelType>
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    protected appReference: string;
+    protected abstract readonly currentPageDescriptor: PageDescriptorV2 | PageDescriptorV4;
+    protected entitySet: string | undefined;
+    protected navProperties: { navProperty: string; entitySet: string }[];
+    protected existingPages: ApplicationPageData[];
+    protected pageType: string | undefined;
+
+    constructor(context: QuickActionContext) {
+        super(ADD_NEW_OBJECT_PAGE_ACTION, [], 'QUICK_ACTION_ADD_NEW_SUB_PAGE', context, [
+            {
+                run: async (): Promise<EnablementValidatorResult> => {
+                    const i18n = await getTextBundle();
+                    if (this.navProperties.length === 0) {
+                        return {
+                            type: 'error',
+                            message: i18n.getText('NO_SUB_PAGES_TO_ADD')
+                        };
+                    }
+                    return undefined;
+                }
+            },
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+
+        this.appReference = context.flexSettings.projectId ?? '';
+        this.existingPages = this.getApplicationPages();
+    }
+
+    protected abstract getApplicationPages(): ApplicationPageData[];
+    protected abstract isPageExists(targetEntitySet: string, metaModel: ODataMetaModelType): boolean | Promise<boolean>;
+    protected abstract isCurrentObjectPage(): boolean;
+    protected abstract getEntitySetNameFromPageComponent(
+        component: Component | undefined,
+        metaModel: ODataMetaModelType
+    ): Promise<string | undefined>;
+    protected abstract prepareNavigationData(metaModel: ODataMetaModelType): Promise<void>;
+    protected abstract getODataMetaModel(): ODataMetaModelType | undefined;
+
+    protected async addNavigationOptionIfAvailable(
+        metaModel: ODataMetaModelType,
+        targetEntitySet?: string,
+        navProperty?: string
+    ) {
+        if (!targetEntitySet) {
+            return;
+        }
+        const pageExists = await this.isPageExists(targetEntitySet, metaModel);
+        if (!pageExists) {
+            this.navProperties.push({
+                entitySet: targetEntitySet,
+                navProperty: navProperty ?? targetEntitySet
+            });
+        }
+    }
+
+    async initialize(): Promise<void> {
+        if (!this.appReference) {
+            throw new Error('App reference not defined');
+        }
+        const allControls = CONTROL_TYPES.flatMap((item) => this.context.controlIndex[item] ?? []);
+        const control = allControls.find((c) => pageHasControlId(this.context.view, c.controlId));
+
+        this.pageType = this.context.view.getViewName().split('.view.')[0];
+
+        const metaModel = this.getODataMetaModel();
+        if (!metaModel || !control) {
+            return;
+        }
+
+        const modifiedControl = getControlById<ObjectPageLayout>(control.controlId);
+        if (!modifiedControl) {
+            return;
+        }
+
+        const component = Component.getOwnerComponentFor(modifiedControl);
+        const entitySetName = await this.getEntitySetNameFromPageComponent(component, metaModel);
+        if (!entitySetName) {
+            return;
+        }
+        this.entitySet = entitySetName;
+
+        this.navProperties = [];
+        if (!this.isCurrentObjectPage()) {
+            await this.addNavigationOptionIfAvailable(metaModel, this.entitySet);
+        } else {
+            await this.prepareNavigationData(metaModel);
+        }
+        this.control = modifiedControl;
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        const overlay = OverlayRegistry.getOverlay(this.control!);
+        await DialogFactory.createDialog(
+            overlay,
+            this.context.rta,
+            DialogNames.ADD_SUBPAGE,
+            undefined,
+            {
+                appReference: this.appReference,
+                navProperties: this.navProperties,
+                title: 'ADD_SUB_PAGE_DIALOG_TITLE',
+                pageDescriptor: this.currentPageDescriptor
+            },
+            { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+        );
+        return [];
+    }
+}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../utils/version", "../../utils", "../../../cpe/quick-actions/utils", "../../../i18n", "../../api-handler", "../../dialog-factory", "../../init-dialogs", "../dialog-enablement-validator", "../simple-quick-action-base"], function (OverlayRegistry, _____utils_version, ____utils, _____cpe_quick_actions_utils, _____i18n, ____api_handler, ____dialog_factory, ____init_dialogs, ___dialog_enablement_validator, ___simple_quick_action_base) {
+  "use strict";
+
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const getControllerInfoForControl = ____utils["getControllerInfoForControl"];
+  const getReuseComponentChecker = ____utils["getReuseComponentChecker"];
+  const checkForExistingChange = ____utils["checkForExistingChange"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const getTextBundle = _____i18n["getTextBundle"];
+  const getExistingController = ____api_handler["getExistingController"];
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const isControllerExtensionEnabledForControl = ____init_dialogs["isControllerExtensionEnabledForControl"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  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, [DIALOG_ENABLEMENT_VALIDATOR, {
+        run: async () => {
+          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')
+            };
+          }
+        }
+      }]);
+    }
+    controllerExists = false;
+    forceRefreshAfterExecution = true;
+    async initialize() {
+      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;
+      }
+    }
+    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 DialogFactory.createDialog(overlay, this.context.rta, DialogNames.CONTROLLER_EXTENSION, undefined, {}, {
+          actionName: this.type,
+          telemetryEventIdentifier: this.getTelemetryIdentifier()
+        });
+      }
+      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