@sapui5/sap.ushell 1.126.1 → 1.127.1

package/src/main/js/sap/ushell/state/StrategyFactory/SidePaneStrategy.js

@@ -0,0 +1,78 @@
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "sap/base/Log",
+    "sap/ui/core/Element"
+], function (
+    Log,
+    Element
+) {
+    "use strict";
+
+    /**
+     * @alias sap.ushell.state.StrategyFactory.SidePaneStrategy
+     * @namespace
+     * @description Strategy for adding items to the side pane area.
+     *
+     * @since 1.127.0
+     * @private
+     */
+    class SidePaneStrategy {
+        /**
+         * Adds an item to the list.
+         * Does not add the item:
+         *  - if the control doesn't exist
+         * @param {sap.ui.core.ID[]} aList The list.
+         * @param {sap.ui.core.ID} sNewItem The item to add.
+         *
+         * @since 1.127.0
+         * @private
+         * @alias sap.ushell.state.StrategyFactory.SidePaneStrategy#add
+         */
+        add (aList, sNewItem) {
+            if (!Element.getElementById(sNewItem)) {
+                Log.warning(`Failed to find control with id '${sNewItem}'`);
+                return;
+            }
+
+            if (aList.includes(sNewItem)) {
+                this.#removeSidePaneItem(aList, sNewItem);
+            }
+
+            this.#addSidePaneItem(aList, sNewItem);
+        }
+
+        /**
+         * Removes the item from the list.
+         * @param {sap.ui.core.ID[]} aList The list.
+         * @param {sap.ui.core.ID} sItemToRemove The item to remove.
+         *
+         * @since 1.127.0
+         * @private
+         */
+        #removeSidePaneItem (aList, sItemToRemove) {
+            const iIndex = aList.indexOf(sItemToRemove);
+
+            if (iIndex === -1) {
+                return;
+            }
+
+            aList.splice(iIndex, 1);
+        }
+
+        /**
+         * Adds the item to the list.
+         * @param {sap.ui.core.ID[]} aList The list.
+         * @param {sap.ui.core.ID} sNewItem The item to add.
+         *
+         * @since 1.127.0
+         * @private
+         */
+        #addSidePaneItem (aList, sNewItem) {
+            aList.push(sNewItem);
+        }
+    }
+
+    return new SidePaneStrategy();
+
+});

package/src/main/js/sap/ushell/state/StrategyFactory/SubHeaderStrategy.js

@@ -0,0 +1,78 @@
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "sap/base/Log",
+    "sap/ui/core/Element"
+], function (
+    Log,
+    Element
+) {
+    "use strict";
+
+    /**
+     * @alias sap.ushell.state.StrategyFactory.SubHeaderStrategy
+     * @namespace
+     * @description Strategy for adding items to the sub header area.
+     *
+     * @since 1.127.0
+     * @private
+     */
+    class SubHeaderStrategy {
+        /**
+         * Adds an item to the list.
+         * Does not add the item:
+         *  - if the control doesn't exist
+         * @param {sap.ui.core.ID[]} aList The list.
+         * @param {sap.ui.core.ID} sNewItem The item to add.
+         *
+         * @since 1.127.0
+         * @private
+         * @alias sap.ushell.state.StrategyFactory.SubHeaderStrategy#add
+         */
+        add (aList, sNewItem) {
+            if (!Element.getElementById(sNewItem)) {
+                Log.warning(`Failed to find control with id '${sNewItem}'`);
+                return;
+            }
+
+            if (aList.includes(sNewItem)) {
+                this.#removeSubHeader(aList, sNewItem);
+            }
+
+            this.#addSubHeader(aList, sNewItem);
+        }
+
+        /**
+         * Removes the item from the list.
+         * @param {sap.ui.core.ID[]} aList The list.
+         * @param {sap.ui.core.ID} sItemToRemove The item to remove.
+         *
+         * @since 1.127.0
+         * @private
+         */
+        #removeSubHeader (aList, sItemToRemove) {
+            const iIndex = aList.indexOf(sItemToRemove);
+
+            if (iIndex === -1) {
+                return;
+            }
+
+            aList.splice(iIndex, 1);
+        }
+
+        /**
+         * Adds the item to the list.
+         * @param {sap.ui.core.ID[]} aList The list.
+         * @param {sap.ui.core.ID} sNewItem The item to add.
+         *
+         * @since 1.127.0
+         * @private
+         */
+        #addSubHeader (aList, sNewItem) {
+            aList.push(sNewItem);
+        }
+    }
+
+    return new SubHeaderStrategy();
+
+});

package/src/main/js/sap/ushell/state/StrategyFactory/UserActionsStrategy.js

@@ -0,0 +1,60 @@
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
+
+sap.ui.define([
+], function (
+) {
+    "use strict";
+
+    /**
+     * @alias sap.ushell.state.StrategyFactory.UserActionsStrategy
+     * @namespace
+     * @description Strategy for adding user actions to the list.
+     *
+     * @since 1.127.0
+     * @private
+     */
+    class UserActionsStrategy {
+        /**
+         * Adds an item to the list.
+         * Does not add the item if it is already in the list.
+         * Applies a custom sorting.
+         * @param {sap.ui.core.ID[]} aList The list.
+         * @param {sap.ui.core.ID} sNewItem The item to add.
+         *
+         * @since 1.127.0
+         * @private
+         * @alias sap.ushell.state.StrategyFactory.UserActionsStrategy#add
+         */
+        add (aList, sNewItem) {
+            if (aList.includes(sNewItem)) {
+                return;
+            }
+
+            aList.push(sNewItem);
+
+            /* eslint-disable quote-props */
+            const oScale = {
+                "recentActivitiesBtn": -7,
+                "frequentActivitiesBtn": -6,
+                "openCatalogBtn": -5,
+                "userSettingsBtn": -4,
+                "ActionModeBtn": -3,
+                "EditModeBtn": -2,
+                "ContactSupportBtn": -1,
+                //0 custom items
+                "logoutBtn": 1
+            };
+            /* eslint-enable quote-props */
+
+            aList.sort((sItem1, sItem2) => {
+                const iPriority1 = oScale[sItem1] || 0;
+                const iPriority2 = oScale[sItem2] || 0;
+
+                return iPriority1 - iPriority2;
+            });
+        }
+    }
+
+    return new UserActionsStrategy();
+
+});

package/src/main/js/sap/ushell/state/StrategyFactory.js

@@ -0,0 +1,168 @@
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "sap/base/util/ObjectPath",
+    "sap/ushell/state/StateManager/Operation",
+    "sap/ushell/state/StrategyFactory/DefaultStrategy",
+    "sap/ushell/state/StrategyFactory/FloatingActionsStrategy",
+    "sap/ushell/state/StrategyFactory/HeadItemsStrategy",
+    "sap/ushell/state/StrategyFactory/HeadEndItemsStrategy",
+    "sap/ushell/state/StrategyFactory/SidePaneStrategy",
+    "sap/ushell/state/StrategyFactory/SubHeaderStrategy",
+    "sap/ushell/state/StrategyFactory/UserActionsStrategy"
+], function (
+    ObjectPath,
+    Operation,
+    DefaultStrategy,
+    FloatingActionsStrategy,
+    HeadItemsStrategy,
+    HeadEndItemsStrategy,
+    SidePaneStrategy,
+    SubHeaderStrategy,
+    UserActionsStrategy
+) {
+    "use strict";
+
+    /**
+     * @alias sap.ushell.state.StrategyFactory
+     * @namespace
+     * @description This class provides strategies for adding, removing, and setting properties on the state object.
+     * The strategies ensure that the state object is updated consistently.
+     * Default strategies are provided for properties that do not have a specific strategy.
+     *
+     * @since 1.127.0
+     * @private
+     */
+    class StrategyFactory {
+        /**
+         * Performs the operation on the state data.
+         * The operation is done in place.
+         * @param {object} oStateData The state data.
+         * @param {sap.ushell.state.StateManager.Path} sPath The path to the property that should be updated.
+         * @param {sap.ushell.state.StateManager.Operation} sOperation The operation that should be performed.
+         * @param {any} vValue The value that should be set.
+         *
+         * @since 1.127.0
+         * @private
+         * @alias sap.ushell.state.StrategyFactory#perform
+         */
+        perform (oStateData, sPath, sOperation, vValue) {
+            const fnStrategy = this.#getStrategy(sPath, sOperation);
+
+            if (sOperation === Operation.Add || sOperation === Operation.Remove) {
+                this.#performListOperation(oStateData, sPath, vValue, fnStrategy);
+                return;
+            }
+
+            this.#performPropertyOperation(oStateData, sPath, vValue, fnStrategy);
+        }
+
+        /**
+         * Performs the operation on a list.
+         * The operation is done in place.
+         * Ensures that the handler is called with the correct values.
+         * @param {object} oStateData The state data.
+         * @param {sap.ushell.state.StateManager.Path} sPath The path to the property that should be updated.
+         * @param {any} vValue The value that should be set.
+         * @param {function} fnStrategy The strategy function that should be used to perform the operation.
+         *
+         * @since 1.127.0
+         * @private
+         */
+        #performListOperation (oStateData, sPath, vValue, fnStrategy) {
+            const aList = ObjectPath.get(sPath, oStateData);
+            if (!aList) {
+                throw new Error(`Invalid path: ${sPath}`);
+            }
+            if (!Array.isArray(aList)) {
+                throw new Error(`The path ${sPath} does not point to an array.`);
+            }
+            fnStrategy(aList, vValue);
+        }
+
+        /**
+         * Performs the operation on a property.
+         * The operation is done in place.
+         * Ensures that the handler is called with the correct values.
+         * @param {object} oStateData The state data.
+         * @param {sap.ushell.state.StateManager.Path} sPath The path to the property that should be updated.
+         * @param {any} vValue The value that should be set.
+         * @param {function} fnStrategy The strategy function that should be used to perform the operation.
+         *
+         * @since 1.127.0
+         * @private
+         */
+        #performPropertyOperation (oStateData, sPath, vValue, fnStrategy) {
+            let sKey;
+            let oParentNode;
+            if (sPath.lastIndexOf(".") < 0) {
+                // root node: e.g. "application"
+                sKey = sPath;
+                oParentNode = oStateData;
+            } else {
+                // nested path: e.g. "application.title"
+
+                sKey = sPath.substring(sPath.lastIndexOf(".") + 1);
+                const sParentNodePath = sPath.substring(0, sPath.lastIndexOf("."));
+                oParentNode = ObjectPath.get(sParentNodePath, oStateData);
+            }
+
+            if (!oParentNode || !Object.hasOwn(oParentNode, sKey)) {
+                throw new Error(`Invalid path: ${sPath}`);
+            }
+
+            fnStrategy(oParentNode, sKey, vValue);
+        }
+
+        /**
+         * Returns the strategy function that should be used to perform the operation.
+         * Provides a default strategy if no specific strategy is available.
+         * @param {sap.ushell.state.StateManager.Path} sPath The path to the property that should be updated.
+         * @param {sap.ushell.state.StateManager.Operation} sOperation The operation that should be performed.
+         * @returns {function} The strategy function.
+         *
+         * @since 1.127.0
+         * @private
+         */
+        #getStrategy (sPath, sOperation) {
+            let fnStrategy;
+            switch (sPath) {
+                case "header.headItems":
+                    fnStrategy = HeadItemsStrategy[sOperation]?.bind(HeadItemsStrategy);
+                    break;
+
+                case "header.headEndItems":
+                    fnStrategy = HeadEndItemsStrategy[sOperation]?.bind(HeadEndItemsStrategy);
+                    break;
+
+                case "userActions.items":
+                    fnStrategy = UserActionsStrategy[sOperation]?.bind(UserActionsStrategy);
+                    break;
+
+                case "floatingActions.items":
+                    fnStrategy = FloatingActionsStrategy[sOperation]?.bind(FloatingActionsStrategy);
+                    break;
+
+                case "sidePane.items":
+                    fnStrategy = SidePaneStrategy[sOperation]?.bind(SidePaneStrategy);
+                    break;
+
+                case "subHeader.items":
+                    fnStrategy = SubHeaderStrategy[sOperation]?.bind(SubHeaderStrategy);
+                    break;
+
+                default:
+                    // default strategy is set below
+            }
+
+            if (!fnStrategy) {
+                fnStrategy = DefaultStrategy[sOperation]?.bind(DefaultStrategy);
+            }
+
+            return fnStrategy;
+        }
+    }
+
+    return new StrategyFactory();
+
+});

package/src/main/js/sap/ushell/support/plugins/flpConfig/FlpConfigurationPlugin.js

@@ -9,7 +9,7 @@
  * Fiori launchpad in a tree table separated by IconTabFilters for the first level properties of the configuration object.
  * Also it provides a search for last level properties.
  *
- * @version 1.126.1
+ * @version 1.127.1
  */
 sap.ui.define([
     "sap/ui/core/Element",

package/src/main/js/sap/ushell/themes/base/UserSettings.less

@@ -87,10 +87,6 @@
   border-bottom: none !important;
 }
 
-.sapUshellUserSettingMaster .sapUshellUserSettingMasterListItem {
-  height: 4rem;
-}
-
 .sapUshellUserSettingDetailHeader .sapMOHIcon {
   margin-top: 0rem;
 }
@@ -110,4 +106,4 @@
 }
 .sapUshellCalendarWeek > .sapMRb {
   overflow: inherit;
-}
+}

package/src/main/js/sap/ushell/themes/base/WorkPageCell.less

@@ -68,55 +68,6 @@
   }
 }
 
-.workPageCell.workPageCellTileMode {
-  box-shadow: @sapUiContentShadow0;
-
-  .workPageGridContainer {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-}
-
-.workPageCell.workPageCellTileMode {
-  .workPageGridContainer {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-}
-
-[data-wp-breakpoint="lt-lp-1"],
-[data-wp-breakpoint="st-lp-1"],
-[data-wp-breakpoint="lt-lp-2"],
-[data-wp-breakpoint="st-lp-2"],
-[data-wp-breakpoint="lt-lp-3"],
-[data-wp-breakpoint="st-lp-3"],
-[data-wp-breakpoint="lt-lp-4"],
-[data-wp-breakpoint="st-lp-4"] {
-  .workPageCell.workPageCellTileMode {
-    .workPageGridContainer {
-      padding-left: 1rem;
-      padding-right: 1rem;
-    }
-  }
-}
-
-[data-wp-breakpoint="lt-sp-1"],
-[data-wp-breakpoint="st-sp-1"],
-[data-wp-breakpoint="st-sp-0"],
-[data-wp-breakpoint="lt-sp-2"],
-[data-wp-breakpoint="st-sp-2"],
-[data-wp-breakpoint="lt-sp-3"],
-[data-wp-breakpoint="st-sp-3"],
-[data-wp-breakpoint="lt-sp-4"],
-[data-wp-breakpoint="st-sp-4"] {
-  .workPageCell.workPageCellTileMode {
-    .workPageGridContainer {
-      padding-left: 0.5rem;
-      padding-right: 0.5rem;
-    }
-  }
-}
-
 /* EDIT MODE */
 .workPageEditMode {
 
@@ -127,6 +78,17 @@
     }
 
     &.workPageCellTileMode {
+      box-shadow: @sapUiContentShadow0;
+      .workPageGridContainer {
+        padding-top: 1rem;
+        padding-bottom: 1rem;
+      }
+
+      .workPageGridContainer {
+        padding-left: 1.25rem;
+        padding-right: 1.25rem;
+      }
+      
 
       &:hover,
       &.workPageCellFocused {
@@ -134,6 +96,40 @@
       }
     }
 
+  [data-wp-breakpoint="lt-lp-1"],
+  [data-wp-breakpoint="st-lp-1"],
+  [data-wp-breakpoint="lt-lp-2"],
+  [data-wp-breakpoint="st-lp-2"],
+  [data-wp-breakpoint="lt-lp-3"],
+  [data-wp-breakpoint="st-lp-3"],
+  [data-wp-breakpoint="lt-lp-4"],
+  [data-wp-breakpoint="st-lp-4"] {
+    .workPageCell.workPageCellTileMode {
+      .workPageGridContainer {
+        padding-left: 1rem;
+        padding-right: 1rem;
+      }
+    }
+  }
+
+  [data-wp-breakpoint="lt-sp-1"],
+  [data-wp-breakpoint="st-sp-1"],
+  [data-wp-breakpoint="st-sp-0"],
+  [data-wp-breakpoint="lt-sp-2"],
+  [data-wp-breakpoint="st-sp-2"],
+  [data-wp-breakpoint="lt-sp-3"],
+  [data-wp-breakpoint="st-sp-3"],
+  [data-wp-breakpoint="lt-sp-4"],
+  [data-wp-breakpoint="st-sp-4"] {
+    .workPageCell.workPageCellTileMode {
+      .workPageGridContainer {
+        padding-left: 0.5rem;
+        padding-right: 0.5rem;
+      }
+    }
+  }
+
+
     &:hover,
     &.workPageCellFocused {
       .workPageCellControlButtons {

package/src/main/js/sap/ushell/themes/sap_belize_base/UserSettings.less

@@ -87,10 +87,6 @@
   border-bottom: none !important;
 }
 
-.sapUshellUserSettingMaster .sapUshellUserSettingMasterListItem {
-  height: 4rem;
-}
-
 .sapUshellUserSettingDetailHeader .sapMOHIcon {
   margin-top: 0rem;
 }
@@ -110,4 +106,4 @@
 }
 .sapUshellCalendarWeek > .sapMRb {
   overflow: inherit;
-}
+}

package/src/main/js/sap/ushell/themes/sap_bluecrystal_base/UserSettings.less

@@ -87,10 +87,6 @@
   border-bottom: none !important;
 }
 
-.sapUshellUserSettingMaster .sapUshellUserSettingMasterListItem {
-  height: 4rem;
-}
-
 .sapUshellUserSettingDetailHeader .sapMOHIcon {
   margin-top: 0rem;
 }
@@ -110,4 +106,4 @@
 }
 .sapUshellCalendarWeek > .sapMRb {
   overflow: inherit;
-}
+}

package/src/main/js/sap/ushell/themes/sap_hcb/base_ActionMode.less

@@ -0,0 +1,107 @@
+/* ========================================================== */
+/* CSS for "sap.ushell.components.homepage.ActionMode" (base) */
+/* ========================================================== */
+
+.sapUshellTileActionLayerDiv {
+  width: inherit;
+  height: inherit;
+  position: absolute;
+  z-index: 2;
+  border-radius: 0.25rem;
+}
+
+.sapUshellTileActionLayerDivSelected {
+  opacity: 1;
+  border-radius: 0;
+}
+
+.sapUshellTileActionIconDivBottom {
+  position: absolute;
+  left: 2px;
+  right: 0.25rem;
+  bottom: 0.125rem;
+  font-size: 1.5rem;
+  text-align: right;
+  background: transparent;
+  border-radius: @sapUiTileBorderCornerRadius;
+  height: 2rem;
+
+  .sapUshellTileActionIconDivBottomInnerDiv {
+    height: 100%;
+    position: relative;
+  }
+}
+
+html[dir=rtl] .sapUshellTileActionIconDivBottom {
+  text-align: left;
+}
+
+.sapUshellTileDeleteClickArea {
+  text-align: right;
+  vertical-align: middle;
+  height : 2rem;
+  width : 2rem;
+  margin-right: 1px;
+  position: absolute;
+  top: -0.375rem;
+  right: -0.375rem;
+  z-index: 1;
+}
+
+html[dir=rtl] .sapUshellTileDeleteClickArea {
+  text-align: left;
+}
+
+.sapUshellTileDeleteIconOuterClass {
+  display: inline-block;
+  box-sizing: border-box;
+  text-align: center;
+  border-radius: 50%;
+  border : 2px solid white;
+  cursor: pointer;
+  z-index: 1;
+  opacity: 1;
+  width: 1.375rem;
+  height: 1.375rem;
+}
+
+.sapUshellTileActionDivCenter {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 0.7;
+  border-bottom-left-radius: @sapUiTileBorderCornerRadius;
+  border-bottom-right-radius: @sapUiTileBorderCornerRadius;
+}
+
+.sapUshellTileDeleteIconInnerClass {
+  font-size: 0.75rem;
+  line-height: 1.25rem;
+  cursor: pointer;
+  z-index: 1;
+  opacity: 1;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.sapUshellVizInstanceEdit {
+  /* Hide more icon for GenericTile in Action mode - The vizInstance renders its own icon */
+  .sapMGTMoreIcon {
+    display: none !important;
+  }
+}
+
+html[dir=rtl] .sapUshellTileActionDivCenter {
+  text-align: left;
+}
+
+.sapUshellTileActionIconDivBottomInner {
+  margin-right: 1.2rem;
+  font-size: 1rem;
+  z-index: 1;
+  position: relative;
+  color: @sapUiButtonIconColor;
+}

package/src/main/js/sap/ushell/themes/sap_hcb/base_AddBookmarkButton.less

@@ -0,0 +1,37 @@
+
+/* ============================================= */
+/* CSS for control sap.ushell/AddBookmarkButton.control theme base */
+/* ============================================= */
+
+.sapUshellAddBookmarkForm{
+    padding: 0.5rem;
+    #saveAsTileHBox, .sapUshellSaveAsTileHBox {
+        position: relative;
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+        &:after {
+            content: " ";
+            position: absolute;
+            top:0;
+            left:0;
+            right: 0;
+            bottom: 0;
+        }
+    }
+    label ~ label {
+        padding-top: 0.5rem;
+    }
+
+    .sapMInputBase, .sapMSlt{
+        margin: 0;
+    }
+
+    .sapUshellTileBase {
+        position: relative;
+    }
+
+    .sapUshellTile {
+        float: none;
+        list-style-type: none;
+    }
+}