@sapui5/sap.ushell 1.138.1 → 1.139.0

package/src/main/js/sap/ushell/components/workPageBuilder/controller/WorkPageBuilder.layout.js

@@ -11,7 +11,7 @@ sap.ui.define([
     "sap/ushell/Config",
     "sap/ushell/EventHub",
     "sap/ushell/utils"
-], function (
+], (
     mLibrary,
     ResizeHandler,
     Log,
@@ -19,22 +19,21 @@ sap.ui.define([
     Config,
     EventHub,
     ushellUtils
-) {
+) => {
     "use strict";
 
-    var TileSizeBehavior = mLibrary.TileSizeBehavior;
-
+    const TileSizeBehavior = mLibrary.TileSizeBehavior;
 
     /**
      * Creates a new LayoutHelper, which exposes a model instance, in which the current breakpoint is updated according
      * to the width of the registered control.
      * @private
      */
-    var LayoutHelper = function () {
+    function LayoutHelper () {
         this._oLayoutModel = new JSONModel({
             currentBreakpoint: {}
         });
-    };
+    }
 
     /**
      * Called if the layout parameters, such as theme change or sizeBehavior change.
@@ -44,7 +43,7 @@ sap.ui.define([
      * @since 1.116.0
      */
     LayoutHelper.prototype._onLayoutChange = function () {
-        var oDomElement;
+        let oDomElement;
 
         if (!this._oControl) {
             return;
@@ -67,7 +66,6 @@ sap.ui.define([
         });
     };
 
-
     /**
      * Registers a ResizeHandler on the given control. Skips if a resizeHandlerId already exists.
      * When the browser is resized, the current breakpoint config is set to the model.
@@ -122,7 +120,7 @@ sap.ui.define([
             return;
         }
         this.iWidth = oEvent.size.width;
-        var oBreakpoint = await this._getBreakpointSettingsForWidth(oEvent.size.width);
+        const oBreakpoint = await this._getBreakpointSettingsForWidth(oEvent.size.width);
         this._oLayoutModel.setProperty("/currentBreakpoint", oBreakpoint);
     };
 
@@ -135,8 +133,8 @@ sap.ui.define([
      * @since 1.116.0
      */
     LayoutHelper.prototype._getBreakpointSettingsForWidth = async function (iWidth) {
-        var aBreakpoints = await this._getBreakpointSettings();
-        for (var i in aBreakpoints) {
+        const aBreakpoints = await this._getBreakpointSettings();
+        for (const i in aBreakpoints) {
             if (iWidth <= aBreakpoints[i].high && iWidth >= aBreakpoints[i].low) {
                 return aBreakpoints[i];
             }
@@ -153,7 +151,7 @@ sap.ui.define([
      */
     LayoutHelper.prototype._formatNumericThemeParam = function (sValue) {
         if (sValue && sValue.indexOf(".") === 0) {
-            sValue = "0" + sValue;
+            sValue = `0${sValue}`;
         }
         return sValue;
     };
@@ -201,20 +199,20 @@ sap.ui.define([
      * @since 1.116.0
      */
     LayoutHelper.prototype._getBreakpointSettings = async function () {
-        var sCurrentConfigSizeBehavior = Config.last("/core/home/sizeBehavior");
-        var sSizeBehaviorResponsive = sCurrentConfigSizeBehavior === TileSizeBehavior.Small
+        const sCurrentConfigSizeBehavior = Config.last("/core/home/sizeBehavior");
+        const sSizeBehaviorResponsive = sCurrentConfigSizeBehavior === TileSizeBehavior.Small
             ? TileSizeBehavior.Small
             : TileSizeBehavior.Responsive;
 
-        var sSpacingParamResponsive = sCurrentConfigSizeBehavior === TileSizeBehavior.Small
+        const sSpacingParamResponsive = sCurrentConfigSizeBehavior === TileSizeBehavior.Small
             ? "_sap_ushell_Tile_SpacingXS"
             : "_sap_ushell_Tile_Spacing";
 
-        var sTileWidthParamResponsive = sCurrentConfigSizeBehavior === TileSizeBehavior.Small
+        const sTileWidthParamResponsive = sCurrentConfigSizeBehavior === TileSizeBehavior.Small
             ? "_sap_ushell_Tile_WidthXS"
             : "_sap_ushell_Tile_Width";
 
-        var mColumnMinFlex = {
+        const mColumnMinFlex = {
             "lt-lp": this._getWorkPageColumnMinFlex(416),
             "lt-sp": this._getWorkPageColumnMinFlex(400),
             "st-lp": this._getWorkPageColumnMinFlex(352),
@@ -223,14 +221,14 @@ sap.ui.define([
 
         const [sSpacing, sSpacingXS] = await ushellUtils.getThemingParameters([sSpacingParamResponsive, "_sap_ushell_Tile_SpacingXS"]);
 
-        var mGap = {
+        const mGap = {
             lt: this._formatNumericThemeParam(sSpacing),
             st: this._formatNumericThemeParam(sSpacingXS)
         };
 
         const [sWidth, sWidthXS] = await ushellUtils.getThemingParameters([sTileWidthParamResponsive, "_sap_ushell_Tile_WidthXS"]);
 
-        var mRowSize = {
+        const mRowSize = {
             lt: this._formatNumericThemeParam(sWidth),
             st: this._formatNumericThemeParam(sWidthXS)
         };
@@ -339,7 +337,8 @@ sap.ui.define([
                 name: "st-sp-3",
                 maxColumnsPerRow: 3,
                 columnMinFlex: mColumnMinFlex["st-sp"]
-            }, {
+            },
+            {
                 /**
                  * Large Tiles, Large Padding, 2 columns max
                  */

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

@@ -8,7 +8,7 @@ sap.ui.define([
     "sap/m/library",
     "sap/ushell/utils",
     "sap/ushell/ui/launchpad/ExtendedChangeDetection"
-], function (
+], (
     Control,
     Renderer,
     IllustratedMessage,
@@ -16,14 +16,14 @@ sap.ui.define([
     mobileLibrary,
     Utils,
     ExtendedChangeDetection
-) {
+) => {
     "use strict";
 
     // shortcut for sap.m.IllustratedMessageSize
-    var IllustratedMessageSize = mobileLibrary.IllustratedMessageSize;
+    const IllustratedMessageSize = mobileLibrary.IllustratedMessageSize;
 
     // shortcut for sap.m.IllustratedMessageType
-    var IllustratedMessageType = mobileLibrary.IllustratedMessageType;
+    const IllustratedMessageType = mobileLibrary.IllustratedMessageType;
 
     /**
      * Constructor for a new WorkPage.
@@ -36,13 +36,13 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.138.1
+     * @version 1.139.0
      *
      * @private
      * @experimental
      * @alias sap.ushell.components.workPageBuilder.controls.WorkPage
      */
-    var WorkPage = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPage", /** @lends sap.ushell.components.workPageBuilder.controls.WorkPage.prototype */ {
+    const WorkPage = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPage", /** @lends sap.ushell.components.workPageBuilder.controls.WorkPage.prototype */ {
         metadata: {
             library: "sap.ushell",
             properties: {

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

@@ -3,10 +3,10 @@
 sap.ui.define([
     "sap/ui/core/Control",
     "sap/ui/core/Icon"
-], function (
+], (
     Control,
     Icon
-) {
+) => {
     "use strict";
 
     /**
@@ -20,64 +20,64 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.138.1
+     * @version 1.139.0
      *
      * @private
      * @experimental
      * @alias sap.ushell.components.workPageBuilder.controls.WorkPageButton
      */
-    var WorkPageButton = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPageButton", /** @lends sap.ushell.components.workPageBuilder.controls.WorkPageButton.prototype */ {
-            metadata: {
-                library: "sap.ushell",
-                properties: {
-                    /**
+    const 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 },
-                    /**
+                icon: { type: "sap.ui.core.URI", defaultValue: "", bindable: true },
+                /**
                      * Tooltip to show on button hover.
                      */
-                    tooltip: { type: "string", defaultValue: "", bindable: true }
-                },
-                aggregations: {
-                    /**
+                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: {
-                    /**
+                _icon: { type: "sap.ui.core.Icon", multiple: false, defaultValue: null, visibility: "hidden" }
+            },
+            events: {
+                /**
                      * Fired if the button is pressed.
                      */
-                    press: {}
-                }
-            },
-            renderer: {
-                apiVersion: 2,
+                press: {}
+            }
+        },
+        renderer: {
+            apiVersion: 2,
 
-                /**
+            /**
                  * 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("workPageButton");
-                    rm.attr("title", workPageButton.getTooltip());
-                    rm.openEnd(); // button tag
+            render: function (rm, workPageButton) {
+                rm.openStart("button", workPageButton);
+                rm.class("workPageButton");
+                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("workPageButtonInner");
+                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.
@@ -132,5 +132,4 @@ sap.ui.define([
     };
 
     return WorkPageButton;
-
 });

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

@@ -11,7 +11,7 @@ sap.ui.define([
     "sap/ui/core/library",
     "sap/ui/core/ResizeHandler",
     "sap/ushell/ui/launchpad/ExtendedChangeDetection"
-], function (
+], (
     GridContainer,
     GridContainerSettings,
     GridDropInfo,
@@ -22,20 +22,20 @@ sap.ui.define([
     coreLibrary,
     ResizeHandler,
     ExtendedChangeDetection
-) {
+) => {
     "use strict";
 
     // shortcut for sap.m.IllustratedMessageSize
-    var IllustratedMessageSize = mobileLibrary.IllustratedMessageSize;
+    const IllustratedMessageSize = mobileLibrary.IllustratedMessageSize;
 
     // shortcut for sap.m.IllustratedMessageType
-    var IllustratedMessageType = mobileLibrary.IllustratedMessageType;
+    const IllustratedMessageType = mobileLibrary.IllustratedMessageType;
 
     // shortcut for sap.ui.core.dnd.DropLayout
-    var DropLayout = coreLibrary.dnd.DropLayout;
+    const DropLayout = coreLibrary.dnd.DropLayout;
 
     // shortcut for sap.ui.core.dnd.DropPosition
-    var DropPosition = coreLibrary.dnd.DropPosition;
+    const DropPosition = coreLibrary.dnd.DropPosition;
 
     /**
      * Constructor for a new WorkPageCell.
@@ -48,144 +48,141 @@ sap.ui.define([
      * @extends sap.ui.core.Control
      *
      *
-     * @version 1.138.1
+     * @version 1.139.0
      *
      * @private
      * @experimental
      * @alias sap.ushell.components.workPageBuilder.controls.WorkPageCell
      */
-    var WorkPageCell = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPageCell", /** @lends sap.ushell.components.workPageBuilder.controls.WorkPageCell.prototype */ {
-            metadata: {
-                library: "sap.ushell",
-                properties: {
-                    /**
+    const WorkPageCell = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPageCell", /** @lends sap.ushell.components.workPageBuilder.controls.WorkPageCell.prototype */ {
+        metadata: {
+            library: "sap.ushell",
+            properties: {
+                /**
                      * Tooltip to display for the "Delete Widget" button
                      */
-                    deleteWidgetTooltip: { type: "string", defaultValue: "", bindable: true },
-                    /**
+                deleteWidgetTooltip: { type: "string", defaultValue: "", bindable: true },
+                /**
                      * The button text to display
                      */
-                    addApplicationButtonText: { type: "string", defaultValue: "", bindable: true },
-                    /**
+                addApplicationButtonText: { type: "string", defaultValue: "", bindable: true },
+                /**
                      * Flag to show / hide the edit mode controls.
                      */
-                    editMode: { type: "boolean", defaultValue: false, bindable: true },
-                    /**
+                editMode: { type: "boolean", defaultValue: false, bindable: true },
+                /**
                      * Flag to enable / disable Drag and Drop of Widgets in the widgets aggregation.
                      */
-                    tileMode: { type: "boolean", defaultValue: false, bindable: true },
-                    /**
+                tileMode: { type: "boolean", defaultValue: false, bindable: true },
+                /**
                      * Specifies the default value for the grid container's gap property for different screen sizes
                      */
-                    gridContainerGap: { type: "string", group: "Appearance", defaultValue: "0.5rem", bindable: true },
+                gridContainerGap: { type: "string", group: "Appearance", defaultValue: "0.5rem", bindable: true },
 
-                    /**
+                /**
                      * Specifies the default value for the row size for different screen sizes
                      */
-                    gridContainerRowSize: { type: "string", group: "Appearance", defaultValue: "5.25rem", bindable: true },
+                gridContainerRowSize: { type: "string", group: "Appearance", defaultValue: "5.25rem", bindable: true },
 
-                    /**
+                /**
                      * Title to display in the empty cell illustration
                      */
-                    emptyIllustrationTitle: { type: "string", group: "Misc", defaultValue: "", bindable: true },
-                    /**
+                emptyIllustrationTitle: { type: "string", group: "Misc", defaultValue: "", bindable: true },
+                /**
                      * Message to display in the empty cell illustration
                      */
-                    emptyIllustrationMessage: { type: "string", group: "Misc", defaultValue: "", bindable: true }
-                },
-                defaultAggregation: "widgets",
-                aggregations: {
-                    /**
+                emptyIllustrationMessage: { type: "string", group: "Misc", defaultValue: "", bindable: true }
+            },
+            defaultAggregation: "widgets",
+            aggregations: {
+                /**
                      * A set of widgets.
                      */
-                    widgets: {
-                        type: "sap.ui.core.Control",
-                        multiple: true,
-                        singularName: "widget",
-                        bindable: true,
-                        dnd: true,
-                        forwarding: {
-                            getter: "getGridContainer",
-                            aggregation: "items"
-                        }
-                    },
-                    /**
+                widgets: {
+                    type: "sap.ui.core.Control",
+                    multiple: true,
+                    singularName: "widget",
+                    bindable: true,
+                    dnd: true,
+                    forwarding: {
+                        getter: "getGridContainer",
+                        aggregation: "items"
+                    }
+                },
+                /**
                      * Internal aggregation to hold the grid container
                      */
-                    _gridContainer: {
-                        type: "sap.f.GridContainer",
-                        multiple: false,
-                        visibility: "hidden"
-                    },
-                    /**
+                _gridContainer: {
+                    type: "sap.f.GridContainer",
+                    multiple: false,
+                    visibility: "hidden"
+                },
+                /**
                      * The header toolbar that contains the delete and add buttons of the WorkPageCell.
                      */
-                    headerBar: { type: "sap.m.OverflowToolbar", multiple: false },
+                headerBar: { type: "sap.m.OverflowToolbar", multiple: false },
 
-                    /**
+                /**
                      * Private aggregation for the Illustrated Message that is displayed if the WorkPageCell is empty.
                      * @private
                      */
-                    _emptyIllustration: { type: "sap.m.IllustratedMessage", multiple: false, visibility: "hidden" }
-                },
-                events: {
-                    /**
+                _emptyIllustration: { type: "sap.m.IllustratedMessage", multiple: false, visibility: "hidden" }
+            },
+            events: {
+                /**
                      * Fired when a viz is moved via drag and drop
                      */
-                    moveVisualization: {},
-                    /**
+                moveVisualization: {},
+                /**
                      * Fired when the gridContainer adds or removes grid columns (the grid is resized)
                      */
-                    gridColumnsChange: {},
-                    /**
+                gridColumnsChange: {},
+                /**
                      * Fired when the border of a GridContainer is reached when using keyboard navigation
                      */
-                    gridContainerBorderReached: {}
-                }
-            },
+                gridContainerBorderReached: {}
+            }
+        },
 
-            renderer: {
-                apiVersion: 2,
+        renderer: {
+            apiVersion: 2,
 
-                /**
+            /**
                  * Renders the HTML for the WorkPageCell, using the provided {@link sap.ui.core.RenderManager}.
                  *
                  * @param {sap.ui.core.RenderManager} rm The RenderManager.
                  * @param {sap.ushell.components.workPageBuilder.controls.WorkPageCell} workPageCell The WorkPageCell to be rendered.
                  */
-                render: function (rm, workPageCell) {
-                    rm.openStart("div", workPageCell);
-                    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("workPageCellTileMode");
-                    } else {
-                        rm.class("workPageCellCardMode");
-                    }
-                    rm.openEnd(); // div - tag
-
-
-                    rm.openStart("div");
-                    rm.class("workpageCellWidgetToolbar");
-                    rm.openEnd(); // div - tag
-
-                    rm.renderControl(workPageCell.getHeaderBar());
+            render: function (rm, workPageCell) {
+                rm.openStart("div", workPageCell);
+                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("workPageCellTileMode");
+                } else {
+                    rm.class("workPageCellCardMode");
+                }
+                rm.openEnd(); // div - tag
 
-                    rm.close("div");
+                rm.openStart("div");
+                rm.class("workpageCellWidgetToolbar");
+                rm.openEnd(); // div - tag
 
+                rm.renderControl(workPageCell.getHeaderBar());
 
+                rm.close("div");
 
-                    var aWidgets = workPageCell.getAggregation("widgets");
-                    if (aWidgets.length <= 0) {
-                        rm.renderControl(workPageCell.getIllustratedMessage());
-                    } else {
-                        rm.renderControl(workPageCell.getGridContainer());
-                    }
-
-                    rm.close("div");
+                const aWidgets = workPageCell.getAggregation("widgets");
+                if (aWidgets.length <= 0) {
+                    rm.renderControl(workPageCell.getIllustratedMessage());
+                } else {
+                    rm.renderControl(workPageCell.getGridContainer());
                 }
+
+                rm.close("div");
             }
-        });
+        }
+    });
 
     /**
      * Initializes the control
@@ -216,7 +213,7 @@ sap.ui.define([
      */
     WorkPageCell.prototype._deregisterResizeHandles = function () {
         if (this._aRegistrationIds.length > 0) {
-            this._aRegistrationIds.forEach(function (sRegistrationId) {
+            this._aRegistrationIds.forEach((sRegistrationId) => {
                 ResizeHandler.deregister(sRegistrationId);
             });
             this._aRegistrationIds = [];
@@ -250,17 +247,17 @@ sap.ui.define([
      * @since 1.116.0
      */
     WorkPageCell.prototype._resizeCard = function (oCard, oEvent) {
-        var oDomRef = this.getAggregation("_gridContainer") &&
+        const oDomRef = this.getAggregation("_gridContainer") &&
             this.getAggregation("_gridContainer").getDomRef();
 
         if (!oDomRef) {
             return;
         }
 
-        var iWidth = parseFloat(window.getComputedStyle(oDomRef).width);
+        const iWidth = parseFloat(window.getComputedStyle(oDomRef).width);
 
         if (iWidth) {
-            oCard.setWidth(iWidth + "px");
+            oCard.setWidth(`${iWidth}px`);
         }
     };
 
@@ -271,12 +268,12 @@ sap.ui.define([
      * @returns {sap.f.GridContainer} The GridContainer control instance.
      */
     WorkPageCell.prototype.getGridContainer = function () {
-        var oGridContainer = this.getAggregation("_gridContainer");
+        let oGridContainer = this.getAggregation("_gridContainer");
         if (!oGridContainer) {
             oGridContainer = this._createGridContainer()
-                .attachColumnsChange(function (oEvent) {
+                .attachColumnsChange((oEvent) => {
                     this.fireEvent("gridColumnsChange", oEvent.getParameters());
-                }.bind(this));
+                });
             this.setAggregation("_gridContainer", oGridContainer.addStyleClass("workPageGridContainer"));
         }
 
@@ -293,7 +290,7 @@ sap.ui.define([
                     groupName: "CellGridContainer",
                     targetAggregation: "items",
                     dropIndicatorSize: function (oDraggedControl) {
-                        var iColumns = 2;
+                        let iColumns = 2;
                         if (oDraggedControl.getLayoutData() && oDraggedControl.getLayoutData().getColumns()) {
                             iColumns = oDraggedControl.getLayoutData().getColumns();
                         }