@sap-ux/preview-middleware 0.16.161 → 0.16.164

package/dist/client/adp/ui/FileExistsDialog.fragment.xml

@@ -0,0 +1,33 @@
+<Dialog
+    id="fileExistsDialog"
+    xmlns:mvc="sap.ui.core.mvc"
+    xmlns="sap.m"
+    xmlns:core="sap.ui.core"
+    xmlns:f="sap.ui.layout.form"
+    title="{i18n>ANNOTATION_FILE_EXISTS}"
+    contentWidth="450px"
+    class="sapUiRTABorder"
+    type="Message"
+>
+    <content>
+        <Text text="{i18n>ANNOTATION_FILE_HAS_BEEN_FOUND}" />
+        <Text text="{/filePathFromRoot}" />
+    </content>
+    <beginButton>
+        <Button
+            id="showFileInVscodeBtn"
+            text="{i18n>SHOW_FILE_IN_VSCODE}"
+            press="onShowFileInVscodeBtn"
+            enabled="true"
+            type="Emphasized"
+        />
+    </beginButton>
+    <endButton>
+        <Button
+            id="closeShowFileInVsCodeBtn"
+            text="{i18n>CANCEL_BUTTON_LABEL}"
+            press="handleDialogClose"
+            type="Reject"
+        />
+    </endButton>
+</Dialog>

package/dist/client/adp/utils.js

@@ -1,162 +1,162 @@
-"use strict";
-
-sap.ui.define(["sap/m/MessageToast", "sap/ui/core/Element", "sap/base/Log", "sap/ui/fl/Utils", "../utils/error", "../utils/version"], function (MessageToast, Element, Log, FlexUtils, ___utils_error, ___utils_version) {
-  "use strict";
-
-  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 getError = ___utils_error["getError"];
-  const isLowerThanMinimalUi5Version = ___utils_version["isLowerThanMinimalUi5Version"];
-  /**
-   * Defers the resolution of the promise, stores resolve/reject functions so that they can be accessed at a later stage.
-   *
-   * @description A Deferred object contains an unresolved promise along with the functions to resolve or reject that promise.
-   *
-   * @returns {Deferred} Deferred object
-   */
-  function createDeferred() {
-    let resolve = null;
-    let reject = null;
-    const promise = new Promise((res, rej) => {
-      resolve = res;
-      reject = rej;
-    });
-    if (resolve === null || reject === null) {
-      throw new Error('Failed to initialize resolve and reject functions.');
-    }
-    return {
-      promise,
-      resolve,
-      reject
-    };
-  }
-
-  /**
-   * Checks if the fragment name associated with a command matches the specified fragment name.
-   *
-   * @param {FlexCommand} command - The command object containing the prepared change to be examined.
-   * @param {string} fragmentName - The name of the fragment to match against the command's change.
-   * @returns {boolean} Returns true if the command's change contains a fragment path that matches
-   *                    the specified fragment name; otherwise, returns false.
-   */
-  function matchesFragmentName(command, fragmentName) {
-    if (typeof command.getPreparedChange !== 'function') {
-      return false;
-    }
-    const change = command.getPreparedChange().getDefinition();
-    return change.content?.fragmentPath?.includes(`${fragmentName}.fragment.xml`) || false;
-  }
-
-  /**
-   * Displays a message to the user indicating that an XML fragment will be created upon saving a change.
-   *
-   * @param {string} message - The message to be shown in the message toast.
-   * @param {number} duration - The duration during which message toast will be active.
-   */
-  function notifyUser(message) {
-    let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5000;
-    MessageToast.show(message, {
-      duration
-    });
-  }
-
-  /**
-   * Check if element is sync view
-   *
-   * @param element Design time Element
-   * @returns boolean if element is sync view or not
-   */
-  function isSyncView(element) {
-    return element?.getMetadata()?.getName()?.includes('XMLView') && element?.oAsyncState === undefined;
-  }
-
-  /**
-   * Get Ids for all sync views
-   *
-   * @param ui5VersionInfo UI5 Version Information
-   *
-   * @returns array of Ids for application sync views
-   */
-  async function getAllSyncViewsIds(ui5VersionInfo) {
-    const syncViewIds = [];
-    try {
-      if (isLowerThanMinimalUi5Version(ui5VersionInfo, {
-        major: 1,
-        minor: 120
-      })) {
-        const elements = Element.registry.filter(() => true);
-        elements.forEach(ui5Element => {
-          if (isSyncView(ui5Element)) {
-            syncViewIds.push(ui5Element.getId());
-          }
-        });
-      } else {
-        const ElementRegistry = (await __ui5_require_async('sap/ui/core/ElementRegistry')).default;
-        const elements = ElementRegistry.all();
-        Object.entries(elements).forEach(_ref => {
-          let [key, ui5Element] = _ref;
-          if (isSyncView(ui5Element)) {
-            syncViewIds.push(key);
-          }
-        });
-      }
-    } catch (error) {
-      Log.error('Could not get application sync views', getError(error));
-    }
-    return syncViewIds;
-  }
-  /**
-   * Gets controller name and view ID for the given UI5 control.
-   *
-   * @param control UI5 control.
-   * @returns The controller name and view ID.
-   */
-
-  function getControllerInfoForControl(control) {
-    const view = FlexUtils.getViewForControl(control);
-    const controllerName = view.getController().getMetadata().getName();
-    const viewId = view.getId();
-    return {
-      controllerName,
-      viewId
-    };
-  }
-
-  /**
-   * Gets controller name and view ID for the given overlay control.
-   *
-   * @param overlayControl The overlay control.
-   * @returns The controller name and view ID.
-   */
-
-  function getControllerInfo(overlayControl) {
-    const control = overlayControl.getElement();
-    return getControllerInfoForControl(control);
-  }
-  var __exports = {
-    __esModule: true
-  };
-  __exports.createDeferred = createDeferred;
-  __exports.matchesFragmentName = matchesFragmentName;
-  __exports.notifyUser = notifyUser;
-  __exports.getAllSyncViewsIds = getAllSyncViewsIds;
-  __exports.getControllerInfoForControl = getControllerInfoForControl;
-  __exports.getControllerInfo = getControllerInfo;
-  return __exports;
+"use strict";
+
+sap.ui.define(["sap/m/MessageToast", "sap/ui/core/Element", "sap/base/Log", "sap/ui/fl/Utils", "../utils/error", "../utils/version"], function (MessageToast, Element, Log, FlexUtils, ___utils_error, ___utils_version) {
+  "use strict";
+
+  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 getError = ___utils_error["getError"];
+  const isLowerThanMinimalUi5Version = ___utils_version["isLowerThanMinimalUi5Version"];
+  /**
+   * Defers the resolution of the promise, stores resolve/reject functions so that they can be accessed at a later stage.
+   *
+   * @description A Deferred object contains an unresolved promise along with the functions to resolve or reject that promise.
+   *
+   * @returns {Deferred} Deferred object
+   */
+  function createDeferred() {
+    let resolve = null;
+    let reject = null;
+    const promise = new Promise((res, rej) => {
+      resolve = res;
+      reject = rej;
+    });
+    if (resolve === null || reject === null) {
+      throw new Error('Failed to initialize resolve and reject functions.');
+    }
+    return {
+      promise,
+      resolve,
+      reject
+    };
+  }
+
+  /**
+   * Checks if the fragment name associated with a command matches the specified fragment name.
+   *
+   * @param {FlexCommand} command - The command object containing the prepared change to be examined.
+   * @param {string} fragmentName - The name of the fragment to match against the command's change.
+   * @returns {boolean} Returns true if the command's change contains a fragment path that matches
+   *                    the specified fragment name; otherwise, returns false.
+   */
+  function matchesFragmentName(command, fragmentName) {
+    if (typeof command.getPreparedChange !== 'function') {
+      return false;
+    }
+    const change = command.getPreparedChange().getDefinition();
+    return change.content?.fragmentPath?.includes(`${fragmentName}.fragment.xml`) || false;
+  }
+
+  /**
+   * Displays a message to the user indicating that an XML fragment will be created upon saving a change.
+   *
+   * @param {string} message - The message to be shown in the message toast.
+   * @param {number} duration - The duration during which message toast will be active.
+   */
+  function notifyUser(message) {
+    let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5000;
+    MessageToast.show(message, {
+      duration
+    });
+  }
+
+  /**
+   * Check if element is sync view
+   *
+   * @param element Design time Element
+   * @returns boolean if element is sync view or not
+   */
+  function isSyncView(element) {
+    return element?.getMetadata()?.getName()?.includes('XMLView') && element?.oAsyncState === undefined;
+  }
+
+  /**
+   * Get Ids for all sync views
+   *
+   * @param ui5VersionInfo UI5 Version Information
+   *
+   * @returns array of Ids for application sync views
+   */
+  async function getAllSyncViewsIds(ui5VersionInfo) {
+    const syncViewIds = [];
+    try {
+      if (isLowerThanMinimalUi5Version(ui5VersionInfo, {
+        major: 1,
+        minor: 120
+      })) {
+        const elements = Element.registry.filter(() => true);
+        elements.forEach(ui5Element => {
+          if (isSyncView(ui5Element)) {
+            syncViewIds.push(ui5Element.getId());
+          }
+        });
+      } else {
+        const ElementRegistry = (await __ui5_require_async('sap/ui/core/ElementRegistry')).default;
+        const elements = ElementRegistry.all();
+        Object.entries(elements).forEach(_ref => {
+          let [key, ui5Element] = _ref;
+          if (isSyncView(ui5Element)) {
+            syncViewIds.push(key);
+          }
+        });
+      }
+    } catch (error) {
+      Log.error('Could not get application sync views', getError(error));
+    }
+    return syncViewIds;
+  }
+  /**
+   * Gets controller name and view ID for the given UI5 control.
+   *
+   * @param control UI5 control.
+   * @returns The controller name and view ID.
+   */
+
+  function getControllerInfoForControl(control) {
+    const view = FlexUtils.getViewForControl(control);
+    const controllerName = view.getController().getMetadata().getName();
+    const viewId = view.getId();
+    return {
+      controllerName,
+      viewId
+    };
+  }
+
+  /**
+   * Gets controller name and view ID for the given overlay control.
+   *
+   * @param overlayControl The overlay control.
+   * @returns The controller name and view ID.
+   */
+
+  function getControllerInfo(overlayControl) {
+    const control = overlayControl.getElement();
+    return getControllerInfoForControl(control);
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.createDeferred = createDeferred;
+  __exports.matchesFragmentName = matchesFragmentName;
+  __exports.notifyUser = notifyUser;
+  __exports.getAllSyncViewsIds = getAllSyncViewsIds;
+  __exports.getControllerInfoForControl = getControllerInfoForControl;
+  __exports.getControllerInfo = getControllerInfo;
+  return __exports;
 });
 //# sourceMappingURL=utils.js.map

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

@@ -1,12 +1,12 @@
-"use strict";
-
-sap.ui.define(["./service"], function (___service) {
-  "use strict";
-
-  var __exports = {
-    __esModule: true
-  };
-  __exports.ChangeService = ___service.ChangeService;
-  return __exports;
+"use strict";
+
+sap.ui.define(["./service"], function (___service) {
+  "use strict";
+
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ChangeService = ___service.ChangeService;
+  return __exports;
 });
 //# sourceMappingURL=index.js.map

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

@@ -48,6 +48,7 @@ sap.ui.define([
     const getControlById = ____utils_core['getControlById'];
     const isA = ____utils_core['isA'];
     const getConfigMapControlIdMap = ____utils_fe_v4['getConfigMapControlIdMap'];
+    const TITLE_MAP = { appdescr_app_addAnnotationsToOData: 'Add New Annotation File' };
     const STACK_CHANGE_EVENT = 'STACK_CHANGED';
     const PROPRTY_CHANGE = 'propertyChange';
     const PROPRTY_BINDING_CHANGE = 'propertyBindingChange';
@@ -202,6 +203,7 @@ sap.ui.define([
                         };
                     }
                 } catch (error) {
+                    const title = TITLE_MAP[change.changeType] ?? '';
                     if (change.fileName) {
                         this.changedFiles[change.fileName] = change;
                         const unknownChange = {
@@ -209,7 +211,8 @@ sap.ui.define([
                             kind: 'unknown',
                             changeType: change.changeType,
                             fileName: change.fileName,
-                            timestamp: new Date(change.creation).getTime()
+                            timestamp: new Date(change.creation).getTime(),
+                            ...title && { title }
                         };
                         if (change.creation) {
                             unknownChange.timestamp = new Date(change.creation).getTime();
@@ -282,7 +285,7 @@ sap.ui.define([
                 const eventIndex = this.eventStack.indexOf(event);
                 if (this.eventStack.length - 1 === eventIndex) {
                     this.pendingChanges = pendingChanges.filter(change => !!change);
-                    const changesRequiringReload = this.pendingChanges.reduce((sum, change) => change.kind === CONFIGURATION_CHANGE_KIND || change.changeType === 'appdescr_ui_generic_app_changePageConfiguration' ? sum + 1 : sum, 0);
+                    const changesRequiringReload = this.pendingChanges.reduce((sum, change) => change.kind === CONFIGURATION_CHANGE_KIND || change.changeType === 'appdescr_ui_generic_app_changePageConfiguration' || change.changeType === 'appdescr_app_addAnnotationsToOData' ? sum + 1 : sum, 0);
                     if (changesRequiringReload > this.changesRequiringReload) {
                         MessageToast.show(resourceBundle.getText('CPE_CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_MESSAGE'), { duration: 8000 });
                         this.sendAction(setApplicationRequiresReload(changesRequiringReload > 0));
@@ -391,7 +394,7 @@ sap.ui.define([
             if (!changeType) {
                 return undefined;
             }
-            const {fileName} = change.getDefinition();
+            const {fileName} = change.getDefinition ? change.getDefinition() : change.getJson();
             if ((changeType === 'propertyChange' || changeType === 'propertyBindingChange') && selectorId) {
                 let value = '';
                 switch (changeType) {
@@ -420,9 +423,11 @@ sap.ui.define([
             } else if (changeType === 'appdescr_ui_generic_app_changePageConfiguration') {
                 return this.prepareV2ConfigurationChange(command, fileName, index, inactiveCommandCount);
             } else {
+                const title = TITLE_MAP[changeType] ?? '';
                 let result = {
                     type: PENDING_CHANGE_TYPE,
                     kind: UNKNOWN_CHANGE_KIND,
+                    ...title && { title },
                     changeType,
                     isActive: index >= inactiveCommandCount,
                     fileName

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

@@ -39,6 +39,10 @@ import { getControlById, isA } from '../../utils/core';
 import UI5Element from 'sap/ui/core/Element';
 import { getConfigMapControlIdMap } from '../../utils/fe-v4';
 
+const TITLE_MAP: { [key: string]: string } = {
+    appdescr_app_addAnnotationsToOData: 'Add New Annotation File'
+};
+
 interface ChangeContent {
     property: string;
     newValue: string;
@@ -317,6 +321,7 @@ export class ChangeService extends EventTarget {
                                 }
                             } catch (error) {
                                 // Gracefully handle change files with invalid content
+                                const title = TITLE_MAP[change.changeType] ?? '';
                                 if (change.fileName) {
                                     this.changedFiles[change.fileName] = change;
                                     const unknownChange: UnknownSavedChange = {
@@ -324,7 +329,8 @@ export class ChangeService extends EventTarget {
                                         kind: 'unknown',
                                         changeType: change.changeType,
                                         fileName: change.fileName,
-                                        timestamp: new Date(change.creation).getTime()
+                                        timestamp: new Date(change.creation).getTime(),
+                                        ...(title && { title })
                                     };
                                     if (change.creation) {
                                         unknownChange.timestamp = new Date(change.creation).getTime();
@@ -431,7 +437,8 @@ export class ChangeService extends EventTarget {
                 const changesRequiringReload = this.pendingChanges.reduce(
                     (sum, change) =>
                         change.kind === CONFIGURATION_CHANGE_KIND ||
-                        change.changeType === 'appdescr_ui_generic_app_changePageConfiguration'
+                        change.changeType === 'appdescr_ui_generic_app_changePageConfiguration' ||
+                        change.changeType === 'appdescr_app_addAnnotationsToOData'
                             ? sum + 1
                             : sum,
                     0
@@ -628,7 +635,9 @@ export class ChangeService extends EventTarget {
             return undefined;
         }
 
-        const { fileName } = change.getDefinition();
+        const { fileName } = change.getDefinition
+            ? change.getDefinition()
+            : (change.getJson() as { fileName: string });
         if ((changeType === 'propertyChange' || changeType === 'propertyBindingChange') && selectorId) {
             let value = '';
             switch (changeType) {
@@ -660,9 +669,11 @@ export class ChangeService extends EventTarget {
         } else if (changeType === 'appdescr_ui_generic_app_changePageConfiguration') {
             return this.prepareV2ConfigurationChange(command, fileName, index, inactiveCommandCount);
         } else {
+            const title = TITLE_MAP[changeType] ?? '';
             let result: PendingChange = {
                 type: PENDING_CHANGE_TYPE,
                 kind: UNKNOWN_CHANGE_KIND,
+                ...(title && { title }),
                 changeType,
                 isActive: index >= inactiveCommandCount,
                 fileName

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

@@ -1,36 +1,36 @@
-"use strict";
-
-sap.ui.define([], function () {
-  "use strict";
-
-  /**
-   * Function to validate if a given value is a valid binding model.
-   *
-   * @param modifiedControl control to be modified.
-   * @param value value to be checked.
-   */
-  function validateBindingModel(modifiedControl, value) {
-    const bindingValue = value.replace(/[{}]/gi, '').trim();
-    const bindingParts = bindingValue.split('>').filter(el => el !== '');
-    if (!bindingParts.length) {
-      throw new SyntaxError('Invalid binding string.');
-    }
-    if (bindingParts[0].trim() === 'i18n') {
-      if (bindingParts.length === 2) {
-        const resourceKey = bindingParts[1].trim();
-        const resourceBundle = modifiedControl.getModel('i18n').getResourceBundle();
-        if (!resourceBundle.getText(resourceKey, undefined, true)) {
-          throw new SyntaxError('Invalid key in the binding string. Supported value pattern is {i18n>YOUR_KEY}. Check if the key already exists in i18n.properties.' + 'If not, add the key in the i18n.properties file and reload the editor for the new key to take effect.');
-        }
-      } else {
-        throw new SyntaxError('Invalid binding string. Supported value pattern is {i18n>YOUR_KEY}');
-      }
-    }
-  }
-  var __exports = {
-    __esModule: true
-  };
-  __exports.validateBindingModel = validateBindingModel;
-  return __exports;
+"use strict";
+
+sap.ui.define([], function () {
+  "use strict";
+
+  /**
+   * Function to validate if a given value is a valid binding model.
+   *
+   * @param modifiedControl control to be modified.
+   * @param value value to be checked.
+   */
+  function validateBindingModel(modifiedControl, value) {
+    const bindingValue = value.replace(/[{}]/gi, '').trim();
+    const bindingParts = bindingValue.split('>').filter(el => el !== '');
+    if (!bindingParts.length) {
+      throw new SyntaxError('Invalid binding string.');
+    }
+    if (bindingParts[0].trim() === 'i18n') {
+      if (bindingParts.length === 2) {
+        const resourceKey = bindingParts[1].trim();
+        const resourceBundle = modifiedControl.getModel('i18n').getResourceBundle();
+        if (!resourceBundle.getText(resourceKey, undefined, true)) {
+          throw new SyntaxError('Invalid key in the binding string. Supported value pattern is {i18n>YOUR_KEY}. Check if the key already exists in i18n.properties.' + 'If not, add the key in the i18n.properties file and reload the editor for the new key to take effect.');
+        }
+      } else {
+        throw new SyntaxError('Invalid binding string. Supported value pattern is {i18n>YOUR_KEY}');
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.validateBindingModel = validateBindingModel;
+  return __exports;
 });
 //# sourceMappingURL=validator.js.map