@sap-ux/preview-middleware 0.13.47 → 0.13.49

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

@@ -112,6 +112,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "../api-hand
      * @param key Selected extension point key
      * @param list All of the extension points that are under a view
      * @param enabled Enables the select control
+     * @param hasDefaultContent Whether there is default content associated with the extension name
      */
     updateModel: function _updateModel(name, key, list, enabled, hasDefaultContent) {
       this.model.setProperty('/extensionPointName', name);

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

@@ -144,6 +144,7 @@ export default class ExtensionPoint extends BaseDialog {
      * @param key Selected extension point key
      * @param list All of the extension points that are under a view
      * @param enabled Enables the select control
+     * @param hasDefaultContent Whether there is default content associated with the extension name
      */
     private updateModel(
         name: string,

package/dist/client/adp/init-dialogs.js

@@ -59,7 +59,9 @@ sap.ui.define(["sap/ui/core/Fragment", "sap/ui/fl/Utils", "./controllers/AddFrag
    * @returns {boolean} True if the fragment command is enabled, false otherwise.
    */
   const isFragmentCommandEnabled = overlays => {
-    if (overlays.length === 0) return false;
+    if (overlays.length === 0) {
+      return false;
+    }
     const control = overlays[0].getElement();
     const hasStableId = FlUtils.checkControlId(control);
     return hasStableId && overlays.length <= 1;

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

@@ -74,7 +74,7 @@ export const isControllerExtensionEnabled = (overlays: ElementOverlay[], syncVie
  * @returns {boolean} True if the fragment command is enabled, false otherwise.
  */
 export const isFragmentCommandEnabled = (overlays: ElementOverlay[]): boolean => {
-    if (overlays.length === 0) return false;
+    if (overlays.length === 0) {return false;}
 
     const control = overlays[0].getElement();
     const hasStableId = FlUtils.checkControlId(control);

package/dist/client/cpe/changes/service.js

@@ -2,8 +2,9 @@
 sap.ui.define([
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
     './flex-change',
-    'sap/base/Log'
-], function (___sap_ux_private_control_property_editor_common, ___flex_change, Log) {
+    'sap/base/Log',
+    '../rta-service'
+], function (___sap_ux_private_control_property_editor_common, ___flex_change, Log, ___rta_service) {
     'use strict';
     const changeProperty = ___sap_ux_private_control_property_editor_common['changeProperty'];
     const changeStackModified = ___sap_ux_private_control_property_editor_common['changeStackModified'];
@@ -12,6 +13,7 @@ sap.ui.define([
     const FlexChangesEndPoints = ___sap_ux_private_control_property_editor_common['FlexChangesEndPoints'];
     const reloadApplication = ___sap_ux_private_control_property_editor_common['reloadApplication'];
     const applyChange = ___flex_change['applyChange'];
+    const modeAndStackChangeHandler = ___rta_service['modeAndStackChangeHandler'];
     function assertProperties(properties, target) {
         for (const property of properties) {
             const value = target[property];
@@ -137,6 +139,7 @@ sap.ui.define([
             this.updateStack();
         }
         createOnStackChangeHandler() {
+            const handleStackChange = modeAndStackChangeHandler(this.sendAction, this.options.rta);
             return async () => {
                 const stack = this.options.rta.getCommandStack();
                 const allCommands = stack.getCommands();
@@ -168,6 +171,7 @@ sap.ui.define([
                     await this.fetchSavedChanges();
                 }
                 this.updateStack(activeChanges);
+                handleStackChange();
             };
         }
         prepareChangeType(command, inactiveCommandCount, index) {

package/dist/client/cpe/changes/service.ts

@@ -19,6 +19,7 @@ import type { ActionSenderFunction, SubscribeFunction, UI5AdaptationOptions } fr
 import type Event from 'sap/ui/base/Event';
 import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
 import Log from 'sap/base/Log';
+import { modeAndStackChangeHandler } from '../rta-service';
 
 interface ChangeContent {
     property: string;
@@ -248,6 +249,7 @@ export class ChangeService {
      * @returns (event: sap.ui.base.Event) => Promise<void>
      */
     private createOnStackChangeHandler(): (event: Event) => Promise<void> {
+        const handleStackChange = modeAndStackChangeHandler(this.sendAction, this.options.rta);
         return async (): Promise<void> => {
             const stack = this.options.rta.getCommandStack();
             const allCommands = stack.getCommands();
@@ -282,6 +284,7 @@ export class ChangeService {
             }
 
             this.updateStack(activeChanges);
+            handleStackChange();
         };
     }
 

package/dist/client/cpe/init.js

@@ -8,12 +8,14 @@ sap.ui.define([
     'sap/base/Log',
     './logger',
     './ui5-utils',
-    './connector-service'
-], function (___sap_ux_private_control_property_editor_common, ___outline_index, ___selection, ___changes_service, ___documentation, Log, ___logger, ___ui5_utils, ___connector_service) {
+    './connector-service',
+    './rta-service'
+], function (___sap_ux_private_control_property_editor_common, ___outline_index, ___selection, ___changes_service, ___documentation, Log, ___logger, ___ui5_utils, ___connector_service, ___rta_service) {
     'use strict';
     const startPostMessageCommunication = ___sap_ux_private_control_property_editor_common['startPostMessageCommunication'];
     const iconsLoaded = ___sap_ux_private_control_property_editor_common['iconsLoaded'];
     const enableTelemetry = ___sap_ux_private_control_property_editor_common['enableTelemetry'];
+    const appLoaded = ___sap_ux_private_control_property_editor_common['appLoaded'];
     const initOutline = ___outline_index['initOutline'];
     const SelectionService = ___selection['SelectionService'];
     const ChangeService = ___changes_service['ChangeService'];
@@ -21,6 +23,7 @@ sap.ui.define([
     const logger = ___logger['logger'];
     const getIcons = ___ui5_utils['getIcons'];
     const WorkspaceConnectorService = ___connector_service['WorkspaceConnectorService'];
+    const RtaService = ___rta_service['RtaService'];
     function init(rta) {
         Log.info('Initializing Control Property Editor');
         const flexSettings = rta.getFlexSettings();
@@ -34,10 +37,12 @@ sap.ui.define([
         const selectionService = new SelectionService(rta);
         const changesService = new ChangeService({ rta }, selectionService);
         const connectorService = new WorkspaceConnectorService();
+        const rtaService = new RtaService(rta);
         const services = [
             selectionService,
             changesService,
-            connectorService
+            connectorService,
+            rtaService
         ];
         try {
             loadDefaultLibraries();
@@ -56,6 +61,7 @@ sap.ui.define([
             initOutline(rta, sendAction).catch(error => Log.error('Error during initialization of Control Property Editor', error));
             const icons = getIcons();
             sendAction(iconsLoaded(icons));
+            sendAction(appLoaded());
         } catch (error) {
             Log.error('Error during initialization of Control Property Editor', error);
         }

package/dist/client/cpe/init.ts

@@ -2,7 +2,8 @@ import type { ExternalAction } from '@sap-ux-private/control-property-editor-com
 import {
     startPostMessageCommunication,
     iconsLoaded,
-    enableTelemetry
+    enableTelemetry,
+    appLoaded
 } from '@sap-ux-private/control-property-editor-common';
 import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 
@@ -15,6 +16,7 @@ import Log from 'sap/base/Log';
 import { logger } from './logger';
 import { getIcons } from './ui5-utils';
 import { WorkspaceConnectorService } from './connector-service';
+import { RtaService } from './rta-service';
 
 export default function init(rta: RuntimeAuthoring): Promise<void> {
     Log.info('Initializing Control Property Editor');
@@ -38,8 +40,8 @@ export default function init(rta: RuntimeAuthoring): Promise<void> {
 
     const changesService = new ChangeService({ rta }, selectionService);
     const connectorService = new WorkspaceConnectorService();
-
-    const services: Service[] = [selectionService, changesService, connectorService];
+    const rtaService = new RtaService(rta);
+    const services: Service[] = [selectionService, changesService, connectorService, rtaService];
     try {
         loadDefaultLibraries();
         const { sendAction } = startPostMessageCommunication<ExternalAction>(
@@ -67,6 +69,7 @@ export default function init(rta: RuntimeAuthoring): Promise<void> {
         const icons = getIcons();
 
         sendAction(iconsLoaded(icons));
+        sendAction(appLoaded());
     } catch (error) {
         Log.error('Error during initialization of Control Property Editor', error);
     }

package/dist/client/cpe/rta-service.js

@@ -0,0 +1,53 @@
+'use strict';
+sap.ui.define(['open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common'], function (___sap_ux_private_control_property_editor_common) {
+    'use strict';
+    const setAppMode = ___sap_ux_private_control_property_editor_common['setAppMode'];
+    const setUndoRedoEnablement = ___sap_ux_private_control_property_editor_common['setUndoRedoEnablement'];
+    const setSaveEnablement = ___sap_ux_private_control_property_editor_common['setSaveEnablement'];
+    const undo = ___sap_ux_private_control_property_editor_common['undo'];
+    const redo = ___sap_ux_private_control_property_editor_common['redo'];
+    const save = ___sap_ux_private_control_property_editor_common['save'];
+    class RtaService {
+        constructor(rta) {
+            this.rta = rta;
+        }
+        init(sendAction, subscribe) {
+            subscribe(async action => {
+                if (setAppMode.match(action)) {
+                    this.rta.setMode(action.payload);
+                }
+                if (undo.match(action)) {
+                    this.rta.undo();
+                }
+                if (redo.match(action)) {
+                    this.rta.redo();
+                }
+                if (save.match(action)) {
+                    if (this.rta.save) {
+                        this.rta.save();
+                    } else {
+                        this.rta?._serializeToLrep();
+                    }
+                }
+                return Promise.resolve();
+            });
+            this.rta.attachModeChanged(modeAndStackChangeHandler(sendAction, this.rta));
+        }
+    }
+    function modeAndStackChangeHandler(sendAction, rta) {
+        return () => {
+            const canUndo = rta.canUndo();
+            const canRedo = rta.canRedo();
+            const saveAllowed = rta?.canSave ? rta?.canSave() : canUndo;
+            sendAction(setUndoRedoEnablement({
+                canUndo,
+                canRedo
+            }));
+            sendAction(setSaveEnablement(saveAllowed));
+        };
+    }
+    var __exports = { __esModule: true };
+    __exports.RtaService = RtaService;
+    __exports.modeAndStackChangeHandler = modeAndStackChangeHandler;
+    return __exports;
+});

package/dist/client/cpe/rta-service.ts

@@ -0,0 +1,63 @@
+import {
+    setAppMode,
+    setUndoRedoEnablement,
+    setSaveEnablement,
+    undo,
+    redo,
+    save,
+    ExternalAction
+} from '@sap-ux-private/control-property-editor-common';
+import { ActionSenderFunction, SubscribeFunction } from './types';
+import RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
+/**
+ * A Class of RtaService
+ */
+export class RtaService {
+    /**
+     *
+     * @param options ui5 adaptation options.
+     */
+    constructor(private readonly rta: RuntimeAuthoring) {}
+
+    /**
+     * Initializes rta service.
+     *
+     * @param sendAction action sender function
+     * @param subscribe subscriber function
+     */
+    public init(sendAction: ActionSenderFunction, subscribe: SubscribeFunction): void {
+        subscribe(async (action): Promise<void> => {
+            if (setAppMode.match(action)) {
+                this.rta.setMode(action.payload);
+            }
+            if (undo.match(action)) {
+                this.rta.undo();
+            }
+            if (redo.match(action)) {
+                this.rta.redo();
+            }
+
+            if (save.match(action)) {
+                if (this.rta.save) {
+                    // v1.107.x and above
+                    this.rta.save();
+                } else {
+                    // v1.71.x and above
+                    this.rta?._serializeToLrep();
+                }
+            }
+            return Promise.resolve();
+        });
+        this.rta.attachModeChanged(modeAndStackChangeHandler(sendAction, this.rta));
+    }
+}
+
+export function modeAndStackChangeHandler(sendAction: (action: ExternalAction) => void, rta: RuntimeAuthoring) {
+    return () => {
+        const canUndo = rta.canUndo();
+        const canRedo = rta.canRedo();
+        const saveAllowed = rta?.canSave ? rta?.canSave() : canUndo; /* canSave v1.112.x and above only*/
+        sendAction(setUndoRedoEnablement({ canUndo, canRedo }));
+        sendAction(setSaveEnablement(saveAllowed));
+    };
+}

package/dist/client/thirdparty/@sap-ux-private/control-property-editor-common.js

@@ -8,7 +8,7 @@ sap.ui.define((function () { 'use strict';
 
 	(function (exports) {
 		Object.defineProperty(exports, "__esModule", { value: true });
-		exports.storageFileChanged = exports.reloadApplication = exports.showMessage = exports.changeStackModified = exports.propertyChangeFailed = exports.propertyChanged = exports.changeProperty = exports.outlineChanged = exports.deletePropertyChanges = exports.addExtensionPoint = exports.selectControl = exports.controlSelected = exports.iconsLoaded = exports.EXTERNAL_ACTION_PREFIX = exports.scenario = exports.CHECKBOX_EDITOR_TYPE = exports.DROPDOWN_EDITOR_TYPE = exports.INPUT_EDITOR_TYPE = exports.STRING_VALUE_TYPE = exports.FLOAT_VALUE_TYPE = exports.INTEGER_VALUE_TYPE = exports.BOOLEAN_VALUE_TYPE = void 0;
+		exports.save = exports.redo = exports.undo = exports.appLoaded = exports.setSaveEnablement = exports.setUndoRedoEnablement = exports.setAppMode = exports.storageFileChanged = exports.reloadApplication = exports.showMessage = exports.changeStackModified = exports.propertyChangeFailed = exports.propertyChanged = exports.changeProperty = exports.outlineChanged = exports.deletePropertyChanges = exports.addExtensionPoint = exports.selectControl = exports.controlSelected = exports.iconsLoaded = exports.EXTERNAL_ACTION_PREFIX = exports.scenario = exports.CHECKBOX_EDITOR_TYPE = exports.DROPDOWN_EDITOR_TYPE = exports.INPUT_EDITOR_TYPE = exports.STRING_VALUE_TYPE = exports.FLOAT_VALUE_TYPE = exports.INTEGER_VALUE_TYPE = exports.BOOLEAN_VALUE_TYPE = void 0;
 		exports.BOOLEAN_VALUE_TYPE = 'boolean';
 		exports.INTEGER_VALUE_TYPE = 'integer';
 		exports.FLOAT_VALUE_TYPE = 'float';
@@ -74,6 +74,13 @@ sap.ui.define((function () { 'use strict';
 		exports.showMessage = createExternalAction('show-dialog-message');
 		exports.reloadApplication = createExternalAction('reload-application');
 		exports.storageFileChanged = createExternalAction('storage-file-changed');
+		exports.setAppMode = createExternalAction('set-app-mode');
+		exports.setUndoRedoEnablement = createExternalAction('set-undo-redo-enablement');
+		exports.setSaveEnablement = createExternalAction('set-save-enablement');
+		exports.appLoaded = createExternalAction('app-loaded');
+		exports.undo = createExternalAction('undo');
+		exports.redo = createExternalAction('redo');
+		exports.save = createExternalAction('save');
 		
 	} (api));
 

package/package.json

@@ -9,7 +9,7 @@
   "bugs": {
     "url": "https://github.com/SAP/open-ux-tools/issues?q=is%3Aopen+is%3Aissue+label%3Abug+label%3Apreview-middleware"
   },
-  "version": "0.13.47",
+  "version": "0.13.49",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -27,8 +27,8 @@
     "mem-fs-editor": "9.4.0",
     "@sap-ux/logger": "0.5.1",
     "@sap-ux/btp-utils": "0.14.4",
-    "@sap-ux/adp-tooling": "0.10.10",
-    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.4.22",
+    "@sap-ux/adp-tooling": "0.10.11",
+    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.4.23",
     "@sap-ux/project-access": "1.20.1"
   },
   "devDependencies": {
@@ -45,8 +45,8 @@
     "supertest": "6.3.3",
     "@sap-ux-private/playwright": "0.0.3",
     "dotenv": "16.3.1",
-    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.9.13",
-    "@sap-ux/axios-extension": "1.12.4",
+    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.9.14",
+    "@sap-ux/axios-extension": "1.12.5",
     "@sap-ux/store": "0.5.0",
     "@sap-ux/ui5-info": "0.5.0",
     "@sap-ux/i18n": "0.0.6"

package/templates/flp/sandbox.html

@@ -65,13 +65,18 @@
         (() => sap.ui.require(['open/ux/preview/client/flp/initConnectors']))()
     </script>
 
-<% if (locals.flex && flex?.scenario === 'ADAPTATION_PROJECT') { %>
-        <!-- Temporary fix until RTA provides api for enable/disable buttons in main RTA navigation menu -->
+<% if (locals.flex && ['ADAPTATION_PROJECT', 'FE_FROM_SCRATCH'].includes(flex?.scenario)) { %>
+        <!-- Hides Rta native toolbar  -->
     <style>
-        .sapUiRtaToolbarActionsSection button[aria-label="Exit"],
-        .sapUiRtaToolbarActionsSection button[id$="fragment--sapUiRta_feedback"],
-        .sapUiRtaToolbarActionsSection button[id$="fragment--sapUiRta_actionsToolbar-overflowButton"] {
-        display:none;
+        #shell-header, .sapUiRtaToolbar {
+            visibility: hidden;
+            height: 1px;
+        } 
+        .sapUshellShellCanvas {
+            top: 0 !important;
+        }
+        .sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG {
+            background-color: transparent !important;
         }
     </style><% } %>
 </head>