@sap-ux/preview-middleware 0.16.155 → 0.16.157

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

@@ -356,6 +356,34 @@ sap.ui.define([
             }
             return result;
         }
+        prepareV2ConfigurationChange(command, fileName, index, inactiveCommandCount) {
+            const {entityPropertyChange, page} = command.getProperty('parameters');
+            const propertyName = Object.keys(entityPropertyChange.propertyValue)[0];
+            const propertyValue = entityPropertyChange.propertyValue[propertyName];
+            const controlId = this.getCommandSelectorId(command) ?? '';
+            const propertyPathSegments = entityPropertyChange.propertyPath.split('/');
+            const key = getConfigMapControlIdMap(page, propertyPathSegments);
+            const isActive = index >= inactiveCommandCount;
+            const controlIds = this.configPropertyControlIdMap?.get(key) || [controlId];
+            const result = {
+                type: PENDING_CHANGE_TYPE,
+                kind: CONFIGURATION_CHANGE_KIND,
+                controlIds,
+                propertyPath: getCompactV4ConfigPath(propertyPathSegments) || page,
+                propertyName,
+                isActive,
+                value: propertyValue,
+                fileName
+            };
+            for (const id of result.controlIds) {
+                if (!this.pendingConfigChangeMap.get(id)) {
+                    this.pendingConfigChangeMap.set(id, []);
+                }
+                const pendingChanges = this.pendingConfigChangeMap.get(id);
+                pendingChanges?.push(result);
+            }
+            return result;
+        }
         async prepareChangeType(command, inactiveCommandCount, index) {
             const change = command?.getPreparedChange?.();
             const selectorId = typeof change?.getSelector === 'function' ? await this.getControlIdByChange(change) : this.getCommandSelectorId(command);
@@ -389,6 +417,8 @@ sap.ui.define([
             } else if (changeType === 'appdescr_fe_changePageConfiguration') {
                 const value = command.getProperty('parameters').entityPropertyChange.propertyValue;
                 return this.prepareV4ConfigurationChange(command, value, fileName, index, inactiveCommandCount);
+            } else if (changeType === 'appdescr_ui_generic_app_changePageConfiguration') {
+                return this.prepareV2ConfigurationChange(command, fileName, index, inactiveCommandCount);
             } else {
                 let result = {
                     type: PENDING_CHANGE_TYPE,

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

@@ -558,6 +558,50 @@ export class ChangeService extends EventTarget {
         return result;
     }
 
+    private prepareV2ConfigurationChange(
+        command: FlexCommand,
+        fileName: string,
+        index: number,
+        inactiveCommandCount: number
+    ): PendingConfigurationChange {
+        const { entityPropertyChange, page } = command.getProperty('parameters') as {
+            entityPropertyChange: {
+                propertyPath: string;
+                propertyValue: Record<string, string>;
+            };
+            page: string;
+        };
+        const propertyName = Object.keys(entityPropertyChange.propertyValue)[0];
+        const propertyValue = entityPropertyChange.propertyValue[propertyName];
+        const controlId = this.getCommandSelectorId(command) ?? '';
+        const propertyPathSegments = entityPropertyChange.propertyPath.split('/');
+
+        const key = getConfigMapControlIdMap(page, propertyPathSegments);
+
+        const isActive = index >= inactiveCommandCount;
+        const controlIds = this.configPropertyControlIdMap?.get(key) || [controlId];
+
+        const result: PendingConfigurationChange = {
+            type: PENDING_CHANGE_TYPE,
+            kind: CONFIGURATION_CHANGE_KIND,
+            controlIds,
+            propertyPath: getCompactV4ConfigPath(propertyPathSegments) || page,
+            propertyName,
+            isActive,
+            value: propertyValue,
+            fileName
+        };
+        for (const id of result.controlIds) {
+            if (!this.pendingConfigChangeMap.get(id)) {
+                this.pendingConfigChangeMap.set(id, []);
+            }
+            const pendingChanges = this.pendingConfigChangeMap.get(id);
+            pendingChanges?.push(result);
+        }
+
+        return result;
+    }
+
     /**
      * Prepares the type of change based on the command and other parameters.
      *
@@ -613,6 +657,8 @@ export class ChangeService extends EventTarget {
                 command.getProperty('parameters') as { entityPropertyChange: { propertyValue: ConfigurationValue } }
             ).entityPropertyChange.propertyValue;
             return this.prepareV4ConfigurationChange(command, value, fileName, index, inactiveCommandCount);
+        } else if (changeType === 'appdescr_ui_generic_app_changePageConfiguration') {
+            return this.prepareV2ConfigurationChange(command, fileName, index, inactiveCommandCount);
         } else {
             let result: PendingChange = {
                 type: PENDING_CHANGE_TYPE,

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