@sapui5/sap.ushell 1.117.1 → 1.118.0

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPage.js

@@ -32,7 +32,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.117.1
+     * @version 1.118.0
      *
      * @private
      * @experimental
@@ -137,12 +137,12 @@ sap.ui.define([
 
         Control.prototype.exit.apply(this, arguments);
     };
-        /**
-     * Checks if the private aggregation "_emptyIllustration" exists.
-     * If not, the control is created and stored in the aggregation.
-     *
-     * @returns {sap.m.IllustratedMessage} The IllustratedMessage control.
-     */
+    /**
+ * Checks if the private aggregation "_emptyIllustration" exists.
+ * If not, the control is created and stored in the aggregation.
+ *
+ * @returns {sap.m.IllustratedMessage} The IllustratedMessage control.
+ */
     WorkPage.prototype.getIllustratedMessage = function () {
         if (!this.getAggregation("_emptyIllustration")) {
             this.setAggregation("_emptyIllustration", this._createIllustratedMessage());
@@ -158,13 +158,13 @@ sap.ui.define([
      * @private
      */
     WorkPage.prototype._createIllustratedMessage = function () {
-        return new IllustratedMessage({
+        return new IllustratedMessage(`${this.getId()}-emptyWorkpageMessage`, {
             illustrationType: IllustratedMessageType.AddColumn,
             illustrationSize: IllustratedMessageSize.Spot,
             title: this.getEmptyIllustrationTitle(),
             description: this.getEmptyIllustrationMessage(),
             additionalContent: [
-                new Button({
+                new Button(`${this.getId()}-addFirstRowButton`, {
                     text: this.getEmptyIllustrationButtonText(),
                     press: function () {
                         this.fireEvent("addFirstRow");
@@ -174,7 +174,5 @@ sap.ui.define([
             visible: "{/editMode}"
         });
     };
-
-
     return WorkPage;
 });

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageButton.js

@@ -22,7 +22,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.117.1
+     * @version 1.118.0
      *
      * @private
      * @experimental
@@ -30,57 +30,57 @@ sap.ui.define([
      */
     var WorkPageButton = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPageButton",
         /** @lends sap.ushell.components.workPageBuilder.controls.WorkPageButton.prototype */ {
-        metadata: {
-            library: "sap.ushell",
-            properties: {
-                /**
-                 * Icon to be displayed on the button.
-                 */
-                icon: { type: "sap.ui.core.URI", defaultValue: "", bindable: true },
-                /**
-                 * Tooltip to show on button hover.
-                 */
-                tooltip: { type: "string", defaultValue: "", bindable: true }
+            metadata: {
+                library: "sap.ushell",
+                properties: {
+                    /**
+                     * Icon to be displayed on the button.
+                     */
+                    icon: { type: "sap.ui.core.URI", defaultValue: "", bindable: true },
+                    /**
+                     * Tooltip to show on button hover.
+                     */
+                    tooltip: { type: "string", defaultValue: "", bindable: true }
+                },
+                aggregations: {
+                    /**
+                     * Private aggregation to store the icon control.
+                     * @private
+                     */
+                    _icon: { type: "sap.ui.core.Icon", multiple: false, defaultValue: null, visibility: "hidden" }
+                },
+                events: {
+                    /**
+                     * Fired if the button is pressed.
+                     */
+                    press: {}
+                }
             },
-            aggregations: {
-                /**
-                 * Private aggregation to store the icon control.
-                 * @private
-                 */
-                _icon: { type: "sap.ui.core.Icon", multiple: false, defaultValue: null, visibility: "hidden" }
-            },
-            events: {
+            renderer: {
+                apiVersion: 2,
+
                 /**
-                 * Fired if the button is pressed.
+                 * Renders the HTML for the WorkPageButton, using the provided {@link sap.ui.core.RenderManager}.
+                 *
+                 * @param {sap.ui.core.RenderManager} rm The RenderManager.
+                 * @param {sap.ushell.components.workPageBuilder.controls.WorkPageButton} workPageButton The WorkPageButton to be rendered.
                  */
-                press: {}
-            }
-        },
-        renderer: {
-            apiVersion: 2,
+                render: function (rm, workPageButton) {
+                    rm.openStart("button", workPageButton);
+                    rm.class("workPageButton");
+                    rm.attr("title", workPageButton.getTooltip());
+                    rm.openEnd(); // button tag
 
-            /**
-             * Renders the HTML for the WorkPageButton, using the provided {@link sap.ui.core.RenderManager}.
-             *
-             * @param {sap.ui.core.RenderManager} rm The RenderManager.
-             * @param {sap.ushell.components.workPageBuilder.controls.WorkPageButton} workPageButton The WorkPageButton to be rendered.
-             */
-            render: function (rm, workPageButton) {
-                rm.openStart("button", workPageButton);
-                rm.class("sapCepAddButton");
-                rm.attr("title", workPageButton.getTooltip());
-                rm.openEnd(); // button tag
+                    rm.openStart("span");
+                    rm.class("workPageButtonInner");
+                    rm.openEnd(); // span tag
+                    rm.renderControl(workPageButton.getIconControl());
+                    rm.close("span");
 
-                rm.openStart("span");
-                rm.class("sapCepAddButtonInner");
-                rm.openEnd(); // span tag
-                rm.renderControl(workPageButton.getIconControl());
-                rm.close("span");
-
-                rm.close("button");
+                    rm.close("button");
+                }
             }
-        }
-    });
+        });
 
     /**
      * Initialize the control and bind the click listener function.
@@ -126,10 +126,10 @@ sap.ui.define([
      */
     WorkPageButton.prototype.getIconControl = function () {
         if (!this.getAggregation("_icon")) {
-            this.setAggregation("_icon", new Icon({
+            this.setAggregation("_icon", new Icon(`${this.getId()}-icon`, {
                 src: this.getIcon(),
                 tooltip: this.getTooltip()
-            }).addStyleClass("sapCepAddButtonIcon"));
+            }).addStyleClass("workPageButtonIcon"));
         }
         return this.getAggregation("_icon");
     };

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageCell.js

@@ -47,7 +47,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.117.1
+     * @version 1.118.0
      *
      * @private
      * @experimental
@@ -155,18 +155,18 @@ sap.ui.define([
                  */
                 render: function (rm, workPageCell) {
                     rm.openStart("div", workPageCell);
-                    rm.class("sapCepWorkPageCell");
+                    rm.class("workPageCell");
                     // To avoid having a padding around cards in the grid container in the cell we need to set an additional class here
                     if (workPageCell.getTileMode()) {
-                        rm.class("sapCepWorkPageCellTileMode");
+                        rm.class("workPageCellTileMode");
                     } else {
-                        rm.class("sapCepWorkPageCellCardMode");
+                        rm.class("workPageCellCardMode");
                     }
                     rm.openEnd(); // div - tag
 
 
                     rm.openStart("div");
-                    rm.class("sapCepWidgetToolbar");
+                    rm.class("workpageCellWidgetToolbar");
                     rm.openEnd(); // div - tag
 
                     rm.renderControl(workPageCell.getHeaderBar());
@@ -277,7 +277,7 @@ sap.ui.define([
                 .attachColumnsChange(function (oEvent) {
                     this.fireEvent("gridColumnsChange", oEvent.getParameters());
                 }.bind(this));
-            this.setAggregation("_gridContainer", oGridContainer.addStyleClass("sapCepWorkPageGridContainer"));
+            this.setAggregation("_gridContainer", oGridContainer.addStyleClass("workPageGridContainer"));
         }
 
         // Prevent drop target if we are not in edit mode, if the widgets contain a card inside or if the cell is empty (in this case an Illustrated Message will be shown in the future)
@@ -325,7 +325,7 @@ sap.ui.define([
      * @private
      */
     WorkPageCell.prototype._createGridContainer = function () {
-        return new GridContainer(this.getId() + "--sapCepWorkPageCellGridContainer", {
+        return new GridContainer(`${this.getId()}--workPageCellGridContainer`, {
             containerQuery: false,
             minHeight: "0",
             borderReached: this.onBorderReached.bind(this)
@@ -370,7 +370,7 @@ sap.ui.define([
      * @private
      */
     WorkPageCell.prototype._createIllustratedMessage = function () {
-        return new IllustratedMessage({
+        return new IllustratedMessage(`${this.getId()}-emptyCellMessage`, {
             illustrationType: IllustratedMessageType.NoColumnsSet,
             illustrationSize: IllustratedMessageSize.Spot,
             title: this.getEmptyIllustrationTitle(),
@@ -384,8 +384,8 @@ sap.ui.define([
      * Adds focused class to control.
      */
     WorkPageCell.prototype.onfocusin = function () {
-        if (!this.hasStyleClass("sapCepWorkPageCellFocused")) {
-            this.addStyleClass("sapCepWorkPageCellFocused");
+        if (!this.hasStyleClass("workPageCellFocused")) {
+            this.addStyleClass("workPageCellFocused");
         }
     };
 
@@ -394,8 +394,8 @@ sap.ui.define([
      * Removes focused class from control.
      */
     WorkPageCell.prototype.onfocusout = function () {
-        if (this.hasStyleClass("sapCepWorkPageCellFocused")) {
-            this.removeStyleClass("sapCepWorkPageCellFocused");
+        if (this.hasStyleClass("workPageCellFocused")) {
+            this.removeStyleClass("workPageCellFocused");
         }
     };
 

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageColumn.js

@@ -34,7 +34,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.117.1
+     * @version 1.118.0
      *
      * @private
      * @experimental
@@ -195,13 +195,13 @@ sap.ui.define([
      * @private
      */
     WorkPageColumn.prototype._createDeleteButton = function () {
-        return new Button({
+        return new Button(`${this.getId()}-deleteColumnButton`, {
             icon: "sap-icon://delete",
             tooltip: this.getDeleteColumnButtonTooltip(),
             press: function () {
                 this.fireEvent("removeColumn");
             }.bind(this)
-        }).addStyleClass("sapCepWorkPageColumnDeleteButton");
+        }).addStyleClass("workPageColumnDeleteButton");
     };
 
     /**
@@ -224,8 +224,8 @@ sap.ui.define([
      * @private
      */
     WorkPageColumn.prototype._createAddButton = function (sPosition) {
-        var sClass = sPosition === "left" ? "sapCepColumnButtonLeft" : "sapCepColumnButtonRight";
-        return new WorkPageButton({
+        var sClass = sPosition === "left" ? "workPageColumnButtonLeft" : "workPageColumnButtonRight";
+        return new WorkPageButton(`${this.getId()}-addColumnButton-${sPosition}`, {
             icon: "sap-icon://add",
             tooltip: this.getAddColumnButtonTooltip(),
             press: function () {
@@ -233,7 +233,7 @@ sap.ui.define([
                     left: sPosition === "left"
                 });
             }.bind(this)
-        }).addStyleClass("sapCepDividerButton " + sClass);
+        }).addStyleClass("workPageDividerButton " + sClass);
     };
 
     /**
@@ -295,13 +295,13 @@ sap.ui.define([
      * @private
      */
     WorkPageColumn.prototype._createAddWidgetButton = function () {
-        return new Button({
+        return new Button(`${this.getId()}-addWidgetButton`, {
             text: this.getAddWidgetButtonText(),
             type: ButtonType.Emphasized,
             press: function () {
                 this.fireEvent("addWidget");
             }.bind(this)
-        }).addStyleClass("sapCepAddWidgetButton");
+        }).addStyleClass("workPageAddWidgetButton");
     };
 
     /**

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageColumnRenderer.js

@@ -40,19 +40,19 @@ sap.ui.define([
             }
 
             if (iIndex === 0) {
-                rm.class("sapCepWorkPageColumnFirst");
+                rm.class("workPageColumnFirst");
             }
             if (iIndex === iColumnCount - 1) {
-                rm.class("sapCepWorkPageColumnLast");
+                rm.class("workPageColumnLast");
             }
             if (bIsEmpty) {
-                rm.class("sapCepWorkPageColumnEmpty");
+                rm.class("workPageColumnEmpty");
             }
-            rm.class("sapCepWorkPageColumn");
+            rm.class("workPageColumn");
             rm.attr("data-index", (iIndex + 1));
             rm.attr("data-count", iColumnCount);
-            rm.class("sapCepWorkPageColumn-" + iColumnCount);
-            rm.class("sapCepColumnWidth" + workPageColumn.getColumnWidth());
+            rm.class("workPageColumn-" + iColumnCount);
+            rm.class("workPageColumnWidth" + workPageColumn.getColumnWidth());
 
             rm.openEnd(); // div - tag
 
@@ -60,8 +60,8 @@ sap.ui.define([
                 // Render one empty cell if the column is empty
                 rm.openStart("div");
 
-                rm.class("sapCepWorkPageCell");
-                rm.class("sapCepWorkPageCellEmpty");
+                rm.class("workPageCell");
+                rm.class("workPageCellEmpty");
                 rm.openEnd(); // div - tag
             } else {
                 for (var i = 0; i < aCells.length; i++) {
@@ -85,7 +85,7 @@ sap.ui.define([
                 }
 
                 rm.openStart("div");
-                rm.class("sapCepColumnToolbar");
+                rm.class("workPageColumnToolbar");
                 rm.openEnd();
 
                 rm.renderControl(workPageColumn.getAddWidgetButton());

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageColumnResizer.js

@@ -19,7 +19,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.117.1
+     * @version 1.118.0
      *
      * @private
      * @experimental
@@ -27,50 +27,50 @@ sap.ui.define([
      */
     var WorkPageColumnResizer = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer",
         /** @lends sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer.prototype */ {
-        metadata: {
-            library: "sap.ushell",
-            events: {
-                /**
-                 * Called if the resizer was dragged.
-                 */
-                resizerMoved: {
-                    parameters: {
-                        /**
-                         * The difference between the currently dragged x-position and the resizer control position.
-                         */
-                        posXDiff: { type: "float" }
-                    }
-                },
+            metadata: {
+                library: "sap.ushell",
+                events: {
+                    /**
+                     * Called if the resizer was dragged.
+                     */
+                    resizerMoved: {
+                        parameters: {
+                            /**
+                             * The difference between the currently dragged x-position and the resizer control position.
+                             */
+                            posXDiff: { type: "float" }
+                        }
+                    },
+                    /**
+                     * Called if the resizer was released.
+                     */
+                    resizerReleased: {}
+                }
+            },
+            renderer: {
+                apiVersion: 2,
+
                 /**
-                 * Called if the resizer was released.
+                 * Renders the HTML for the WorkPageColumnResizer, using the provided {@link sap.ui.core.RenderManager}.
+                 *
+                 * @param {sap.ui.core.RenderManager} rm The RenderManager.
+                 * @param {sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer} workPageColumnResizer The WorkPageColumnResizer to be rendered.
                  */
-                resizerReleased: {}
+                render: function (rm, workPageColumnResizer) {
+                    rm.openStart("div", workPageColumnResizer);
+                    rm.class("workPageDivider");
+                    rm.attr("tabindex", "0");
+                    rm.openEnd(); // div - tag
+
+                    rm.openStart("div");
+                    rm.class("workPageDividerInner");
+                    rm.openEnd(); // div - tag
+
+                    rm.close("div");
+                    rm.close("div");
+                }
             }
-        },
-        renderer: {
-            apiVersion: 2,
-
-            /**
-             * Renders the HTML for the WorkPageColumnResizer, using the provided {@link sap.ui.core.RenderManager}.
-             *
-             * @param {sap.ui.core.RenderManager} rm The RenderManager.
-             * @param {sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer} workPageColumnResizer The WorkPageColumnResizer to be rendered.
-             */
-            render: function (rm, workPageColumnResizer) {
-                rm.openStart("div", workPageColumnResizer);
-                rm.class("sapCepDivider");
-                rm.attr("tabindex", "0");
-                rm.openEnd(); // div - tag
-
-                rm.openStart("div");
-                rm.class("sapCepDividerInner");
-                rm.openEnd(); // div - tag
-
-                rm.close("div");
-                rm.close("div");
-            }
-        }
-    });
+        });
 
     /**
      * Initializes the Resizer control. Binds the required event handlers.
@@ -107,7 +107,7 @@ sap.ui.define([
      */
     WorkPageColumnResizer.prototype.mouseMove = function (event) {
         this.fireEvent("resizerMoved", {
-          posXDiff: event.pageX - this.getXOrigin()
+            posXDiff: event.pageX - this.getXOrigin()
         });
     };
 
@@ -139,7 +139,7 @@ sap.ui.define([
     /**
      * Returns the horizontal center position of the current control instance.
      *
-     * @returns {number} The result.
+     * @returns {int} The result.
      */
     WorkPageColumnResizer.prototype.getXOrigin = function () {
         var oBoundingClientRect = this.$().get(0).getBoundingClientRect();

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageRenderer.js

@@ -18,19 +18,22 @@ sap.ui.define([], function () {
             rm.attr("aria-label", oWorkPage.getTitle().getText());
         }
 
-        rm.class("cepWorkPage");
+        rm.class("workPage");
         rm.class("sapContrastPlus");
-        rm.attr("data-cep-breakpoint", oWorkPage.getBreakpoint());
+        rm.attr("data-wp-breakpoint", oWorkPage.getBreakpoint());
 
         if (oWorkPage.getEditMode()) {
-            rm.class("sapCepEditMode");
+            rm.class("workPageEditMode");
+        }
+        if (oWorkPage.getShowTitle() && oWorkPage.getTitle() !== null && oWorkPage.getTitle().getText() !== "") {
+            rm.class("workPageHasTitle");
         }
 
         rm.openEnd(); // div - tag
 
         if (oWorkPage.getShowTitle()) {
             rm.openStart("div");
-            rm.class("sapCepWorkPageTitle");
+            rm.class("workPageTitle");
             rm.openEnd(); // div - tag
             rm.renderControl(oWorkPage.getTitle());
             rm.close("div");

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageRow.js

@@ -27,7 +27,7 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.117.1
+     * @version 1.118.0
      *
      * @private
      * @experimental
@@ -141,8 +141,8 @@ sap.ui.define([
      * Adds focused class to control.
      */
     WorkPageRow.prototype.onfocusin = function () {
-        if (!this.hasStyleClass("sapCepWorkPageRowFocused")) {
-            this.addStyleClass("sapCepWorkPageRowFocused");
+        if (!this.hasStyleClass("workPageRowFocused")) {
+            this.addStyleClass("workPageRowFocused");
         }
     };
 
@@ -151,8 +151,8 @@ sap.ui.define([
      * Removes focused class from control.
      */
     WorkPageRow.prototype.onfocusout = function () {
-        if (this.hasStyleClass("sapCepWorkPageRowFocused")) {
-            this.removeStyleClass("sapCepWorkPageRowFocused");
+        if (this.hasStyleClass("workPageRowFocused")) {
+            this.removeStyleClass("workPageRowFocused");
         }
     };
 
@@ -163,9 +163,9 @@ sap.ui.define([
      * @private
      */
     WorkPageRow.prototype._createAddButton = function (sPosition) {
-        var sClass = sPosition === "bottom" ? "sapCepRowButtonBottom" : "sapCepRowButtonTop";
+        var sClass = sPosition === "bottom" ? "workPageRowButtonBottom" : "workPageRowButtonTop";
 
-        return new WorkPageButton({
+        return new WorkPageButton(`${this.getId()}-addRowButton-${sPosition}`, {
             icon: "sap-icon://add",
             tooltip: this.getAddRowButtonTooltip(),
             press: function () {
@@ -173,7 +173,7 @@ sap.ui.define([
                     bottom: sPosition === "bottom"
                 });
             }.bind(this)
-        }).addStyleClass("sapCepRowButton " + sClass);
+        }).addStyleClass("workPageRowButton " + sClass);
     };
 
     /**

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageRowRenderer.js

@@ -29,20 +29,21 @@ sap.ui.define(function () {
             rm.openStart("div", workPageRow);
             rm.attr("role", "group");
 
-            if (workPageRow.getTitle() && workPageRow.getTitle().getText()) {
-                rm.attr("aria-label", workPageRow.getTitle().getText());
+            var oRowTitle = workPageRow.getTitle();
+            if (oRowTitle && oRowTitle.getText()) {
+                rm.attr("aria-label", oRowTitle.getText());
             }
 
-            rm.class("sapCepWorkPageRow");
+            rm.class("workPageRow");
 
             if (iIndex === 0) {
-                rm.class("sapCepWorkPageRowFirst");
+                rm.class("workPageRowFirst");
             }
 
             rm.openEnd(); // div - tag
 
             rm.openStart("div");
-            rm.class("sapCepWorkPageRowLimiter");
+            rm.class("workPageRowLimiter");
             rm.openEnd(); // div - tag
 
             if (workPageRow.getEditMode()) {
@@ -50,7 +51,7 @@ sap.ui.define(function () {
 
                 if (aControlButtons.length > 0) {
                     rm.openStart("div");
-                    rm.class("sapCepWorkPageRowControlButtons");
+                    rm.class("workPageRowControlButtons");
                     rm.openEnd(); // div - tag
 
                     for (var j = 0; j < aControlButtons.length; j++) {
@@ -64,7 +65,7 @@ sap.ui.define(function () {
             if (workPageRow.getEditMode()) {
                 rm.renderControl(workPageRow.getHeaderBar());
             } else {
-                rm.renderControl(workPageRow.getTitle());
+                rm.renderControl(oRowTitle);
             }
 
             if (workPageRow.getMessageStrip()) {
@@ -72,7 +73,7 @@ sap.ui.define(function () {
             }
 
             rm.openStart("div");
-            rm.class("sapCepWorkPageRowInner");
+            rm.class("workPageRowInner");
             rm.openEnd(); // div - tag
 
             for (var i = 0; i < iMaxColumns; i++) {

package/src/main/js/sap/ushell/components/workPageBuilder/manifest.json

@@ -3,7 +3,7 @@
     "sap.app": {
         "id": "sap.ushell.components.workPageBuilder",
         "applicationVersion": {
-            "version": "1.117.1"
+            "version": "1.118.0"
         },
         "i18n": "./resources/resources.properties",
         "ach": "CA-FLP-FE-UI",
@@ -29,10 +29,16 @@
         "componentName": "sap.ushell.components.workPageBuilder",
         "componentUsages": {
             "ContentFinderAppSearch": {
+                "settings": {
+                    "id": "contentFinderAppSearch"
+                },
                 "name": "sap.ushell.components.contentFinderAppSearch",
                 "lazy": true
             },
             "ContentFinder": {
+                "settings": {
+                    "id": "contendFinder"
+                },
                 "name": "sap.ushell.components.contentFinder",
                 "lazy": true
             }
@@ -40,6 +46,7 @@
         "rootView": {
             "viewName": "sap.ushell.components.workPageBuilder.view.WorkPageBuilder",
             "type": "XML",
+            "id": "workPageBuilder",
             "async": true
         },
         "dependencies": {