@sapui5/sap.cux.home 1.138.0 → 1.140.0

package/src/sap/cux/home/TilesPanel.ts

@@ -109,8 +109,8 @@ const Gap = 16;
  * @version 0.0.1
  * @since 1.122.0
  *
- * @internal
- * @public
+ * @private
+ * @ui5-restricted ux.eng.s4producthomes1
  *
  * @alias sap.cux.home.TilesPanel
  */
@@ -135,7 +135,7 @@ export default class TilesPanel extends BasePanel {
 	private tilesContainer!: GridContainer;
 	private tilesMobileContainer!: HeaderContainer;
 	private _tilesWrapper!: VBox;
-	private aInsightsApps!: ICustomVisualization[] | GenericTile[];
+	private aInsightsApps: ICustomVisualization[] | GenericTile[] = [];
 	private _controlModel!: JSONModel;
 	public _controlMap!: Map<string, Control | Element | UI5Element>;
 	private _containerMenuItems!: MenuItem[];
@@ -162,6 +162,10 @@ export default class TilesPanel extends BasePanel {
 		},
 		defaultAggregation: "tiles",
 		aggregations: {
+			/**
+			 * Specifies the content aggregation of the panel.
+			 */
+			content: { multiple: true, singularName: "content", visibility: "hidden" },
 			/**
 			 * Aggregation of tiles available within the tiles Panel
 			 */
@@ -319,7 +323,7 @@ export default class TilesPanel extends BasePanel {
 				})
 			);
 		});
-		this._controlModel.setProperty("/tiles", this.aInsightsApps);
+		this._controlModel.setProperty("/tiles", this.aInsightsApps, undefined, true);
 	}
 
 	/**
@@ -341,6 +345,7 @@ export default class TilesPanel extends BasePanel {
 	public async renderPanel(): Promise<void> {
 		try {
 			const container = this.getParent() as BaseContainer;
+			this._showPlaceHolders();
 			if (checkPanelExists(container, appsConatinerlName, favAppPanelName)) {
 				const addFromFavAppMenuItem = this._createAddFromFavMenuItem(tilesMenuItems.ADD_APPS, "smartAppsDialog");
 				this.addAggregation("menuItems", addFromFavAppMenuItem);
@@ -394,12 +399,9 @@ export default class TilesPanel extends BasePanel {
 				const dynamicTiles = (container.getAggregation(sDefaultAggreName) as ManagedObject[]) || [];
 				dynamicTiles.forEach((tiles) => (tiles as ICustomVisualization).refresh?.());
 			}
-			this._getInsightsContainer().updatePanelsItemCount(this.aInsightsApps.length, panelName);
+			this._getInsightsContainer()?.updatePanelsItemCount(this.aInsightsApps.length, panelName);
 			if (this._headerVisible) {
-				this.setProperty(
-					"title",
-					`${this._i18nBundle?.getText("insights")} ${this._i18nBundle.getText("insightsTilesTitle")} (${this.aInsightsApps.length})`
-				);
+				this.setProperty("title", `${this._i18nBundle?.getText("insightsTiles")} (${this.aInsightsApps.length})`);
 			}
 		} else {
 			this.fireHandleHidePanel();
@@ -420,9 +422,8 @@ export default class TilesPanel extends BasePanel {
 				width: "100%",
 				items: [this._createMobileFlexWrapper(), this._createWrapperFlexBox()]
 			});
-			this._showPlaceHolders();
 			this._tilesWrapper.setModel(this._controlModel);
-			this._addContent(this._tilesWrapper);
+			this.addContent(this._tilesWrapper);
 		}
 	}
 
@@ -443,7 +444,7 @@ export default class TilesPanel extends BasePanel {
 				scrollTime: 1000,
 				showDividers: false,
 				visible: "{/isPhone}"
-			}).addStyleClass("sectionMarginTopTilesInsight sapMHeaderContainerAlign sapMHeaderContainerMarginBottom tilesBoxShadow");
+			}).addStyleClass("sectionMarginTopTilesInsight sapMHeaderContainerMarginBottom");
 
 			// Attach aggregation to the container
 			this._attachAggregationToContainer(this.tilesMobileContainer);
@@ -532,21 +533,25 @@ export default class TilesPanel extends BasePanel {
 	 */
 	private _setDropAreaRectFunction(oVisualization: ManagedObject) {
 		const tilesDropAreaOffset = 8;
-		Object.defineProperty(oVisualization, "getDropAreaRect", {
-			value: function (this: Control) {
-				const domRef = this.getDomRef();
-				if (!domRef) return null;
-				const mDropRect = domRef.getBoundingClientRect();
-				return {
-					left: mDropRect.left - tilesDropAreaOffset,
-					right: mDropRect.right + tilesDropAreaOffset,
-					top: mDropRect.top,
-					bottom: mDropRect.bottom,
-					width: mDropRect.width,
-					height: mDropRect.height
-				};
-			}
-		});
+		const vizObj = oVisualization as { getDropAreaRect?: () => void };
+
+		if (typeof vizObj.getDropAreaRect !== "function") {
+			Object.defineProperty(oVisualization, "getDropAreaRect", {
+				value: function (this: Control) {
+					const domRef = this.getDomRef();
+					if (!domRef) return null;
+					const mDropRect = domRef.getBoundingClientRect();
+					return {
+						left: mDropRect.left - tilesDropAreaOffset,
+						right: mDropRect.right + tilesDropAreaOffset,
+						top: mDropRect.top,
+						bottom: mDropRect.bottom,
+						width: mDropRect.width,
+						height: mDropRect.height
+					};
+				}
+			});
+		}
 	}
 
 	/**
@@ -638,10 +643,7 @@ export default class TilesPanel extends BasePanel {
 	 */
 	public handleAddHeader() {
 		this._headerVisible = true;
-		this.setProperty(
-			"title",
-			`${this._i18nBundle?.getText("insights")} ${this._i18nBundle.getText("insightsTilesTitle")} (${this.aInsightsApps.length})`
-		);
+		this.setProperty("title", `${this._i18nBundle?.getText("insightsTiles")} (${this.aInsightsApps.length})`);
 		this._toggleHeaderActions(true);
 	}
 
@@ -660,17 +662,13 @@ export default class TilesPanel extends BasePanel {
 	 * Navigates to the App Finder with optional group Id.
 	 * @async
 	 * @private
-	 * @param {string} [groupId] - Optional group Id
 	 */
-	private async navigateToAppFinder(groupId?: string) {
+	private async navigateToAppFinder() {
 		const navigationService = await Container.getServiceAsync<Navigation>("Navigation");
 		const navigationObject: { pageID: string; sectionID?: string } = {
 			pageID: MYHOME_PAGE_ID,
 			sectionID: MYINSIGHT_SECTION_ID
 		};
-		if (groupId) {
-			navigationObject.sectionID = groupId;
-		}
 		await navigationService.navigate({
 			target: {
 				shellHash: `Shell-appfinder?&/catalog/${JSON.stringify(navigationObject)}`
@@ -845,49 +843,48 @@ export default class TilesPanel extends BasePanel {
 					visible: true
 				}).addStyleClass("sapUiLargeMarginTop")
 			);
-			this._controlMap.set(
-				id,
-				new Dialog(id, {
-					title: this._i18nBundle.getText("addSmartApps"),
-					content: [
-						new Label({
-							id: `${id}-label`,
-							text: this._i18nBundle.getText("suggTileDialogLabel"),
-							wrapping: true
-						}).addStyleClass("sapMTitleAlign sapUiTinyMarginTopBottom sapUiSmallMarginBeginEnd"),
-						new HBox({
-							id: `${id}-textContainer`,
-							justifyContent: "SpaceBetween",
-							alignItems: "Center",
-							items: [
-								new Title({
-									id: `${id}-text`,
-									text: this._i18nBundle.getText("suggTileDialogTitle")
-								}),
-								getAppFinderBtn(`${id}-addAppsBtn`, ButtonType.Transparent)
-							]
-						}).addStyleClass("sapUiTinyMarginTop dialogHeader sapUiSmallMarginBeginEnd"),
-						this._controlMap.get(`${id}-list`) as List,
-						this._controlMap.get(`${id}-errorMessage`) as IllustratedMessage
-					],
-					contentWidth: "42.75rem",
-					contentHeight: "32.5rem",
-					endButton: new Button({
-						id: `${id}-addFromFavDialogCloseBtn`,
-						text: this._i18nBundle.getText("XBUT_CLOSE"),
+			const dialog = new Dialog(id, {
+				title: this._i18nBundle.getText("addSmartApps"),
+				content: [
+					new Label({
+						id: `${id}-label`,
+						text: this._i18nBundle.getText("suggTileDialogLabel"),
+						wrapping: true
+					}).addStyleClass("sapMTitleAlign sapUiTinyMarginTopBottom sapUiSmallMarginBeginEnd"),
+					new HBox({
+						id: `${id}-textContainer`,
+						justifyContent: "SpaceBetween",
+						alignItems: "Center",
+						items: [
+							new Title({
+								id: `${id}-text`,
+								text: this._i18nBundle.getText("suggTileDialogTitle")
+							}),
+							getAppFinderBtn(`${id}-addAppsBtn`, ButtonType.Transparent)
+						]
+					}).addStyleClass("sapUiTinyMarginTop dialogHeader sapUiSmallMarginBeginEnd"),
+					this._controlMap.get(`${id}-list`) as List,
+					this._controlMap.get(`${id}-errorMessage`) as IllustratedMessage
+				],
+				contentWidth: "42.75rem",
+				contentHeight: "32.5rem",
+				endButton: new Button({
+					id: `${id}-addFromFavDialogCloseBtn`,
+					text: this._i18nBundle.getText("XBUT_CLOSE"),
+					press: this._closeAddFromFavDialog.bind(this)
+				}),
+				escapeHandler: this._closeAddFromFavDialog.bind(this),
+				buttons: [
+					this._controlMap.get(`${id}-addBtn`) as Button,
+					new Button({
+						id: `${id}-cancelBtn`,
+						text: this._i18nBundle.getText("cancelBtn"),
 						press: this._closeAddFromFavDialog.bind(this)
-					}),
-					escapeHandler: this._closeAddFromFavDialog.bind(this),
-					buttons: [
-						this._controlMap.get(`${id}-addBtn`) as Button,
-						new Button({
-							id: `${id}-cancelBtn`,
-							text: this._i18nBundle.getText("cancelBtn"),
-							press: this._closeAddFromFavDialog.bind(this)
-						})
-					]
-				}).addStyleClass("sapContrastPlus sapCuxAddFromInsightsDialog")
-			);
+					})
+				]
+			}).addStyleClass("sapContrastPlus sapCuxAddFromInsightsDialog");
+			this.addDependent(dialog);
+			this._controlMap.set(id, dialog);
 		}
 		setAddBtnEnabled();
 		return this._controlMap.get(id) as Dialog;
@@ -904,6 +901,7 @@ export default class TilesPanel extends BasePanel {
 		const dialog = this._controlMap.get(this._addFromFavDialogId) as Dialog;
 		dialog.setBusy(true);
 		const selectedItems = this._getSelectedInsights();
+		const sections = await this.appManagerInstance._getSections();
 		await selectedItems.reduce(async (promise, oApp) => {
 			await promise;
 			const app = oApp.data("app") as ISectionAndVisualization;
@@ -914,10 +912,29 @@ export default class TilesPanel extends BasePanel {
 				targetSectionIndex: this.appManagerInstance.insightsSectionIndex,
 				targetVisualizationIndex: -1
 			};
+
+			/**
+			 * If the app is a bookmark, we need to update the source and target section indices accordingly.
+			 * This is because bookmarks are added to the "Recent Apps" section,
+			 * which is always at the top of the list, and the insights section index is shifted by one.
+			 */
+			if (app.visualization?.isBookmark) {
+				const recentAppSectionIndex = sections.findIndex((section) => section.default);
+
+				if (recentAppSectionIndex === -1) {
+					oMovingConfig.sourceSectionIndex = 0;
+					oMovingConfig.sourceVisualizationIndex = 0;
+					oMovingConfig.targetSectionIndex = this.appManagerInstance.insightsSectionIndex + 1;
+				} else {
+					oMovingConfig.sourceSectionIndex = recentAppSectionIndex;
+					oMovingConfig.sourceVisualizationIndex = sections[recentAppSectionIndex]?.visualizations?.length || 0;
+					oMovingConfig.targetSectionIndex = this.appManagerInstance.insightsSectionIndex;
+				}
+			}
 			if (app.visualization?.displayFormatHint !== "standard" && app.visualization?.displayFormatHint !== "standardWide") {
-				if (app.visualization?.supportedDisplayFormats?.includes("standard")) {
+				if (app.visualization?.supportedDisplayFormats === "standard") {
 					app.visualization.displayFormatHint = "standard";
-				} else if (app.visualization?.supportedDisplayFormats?.includes("standardWide")) {
+				} else if (app.visualization?.supportedDisplayFormats === "standardWide") {
 					app.visualization.displayFormatHint = "standardWide";
 				}
 			}

package/src/sap/cux/home/ToDoPanel.d.ts

@@ -58,8 +58,8 @@ declare module "sap/cux/home/ToDoPanel" {
      * @since 1.121
      *
      * @abstract
-     * @internal
-     * @public
+     * @private
+     * @ui5-restricted ux.eng.s4producthomes1
      *
      * @alias sap.cux.home.ToDoPanel
      */

package/src/sap/cux/home/ToDoPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToDoPanel.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/ToDoPanel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToDoPanel.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/ToDoPanel.ts"],"names":[],"mappings":"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"}

package/src/sap/cux/home/ToDoPanel.js

@@ -219,8 +219,8 @@ sap.ui.define(["sap/base/Log", "sap/f/Card", "sap/f/GridContainer", "sap/f/GridC
    * @since 1.121
    *
    * @abstract
-   * @internal
-   * @public
+   * @private
+   * @ui5-restricted ux.eng.s4producthomes1
    *
    * @alias sap.cux.home.ToDoPanel
    */
@@ -305,6 +305,16 @@ sap.ui.define(["sap/base/Log", "sap/f/Card", "sap/f/GridContainer", "sap/f/GridC
           defaultValue: true,
           visibility: "hidden"
         }
+      },
+      aggregations: {
+        /**
+         * Specifies the content aggregation of the panel.
+         */
+        content: {
+          multiple: true,
+          singularName: "content",
+          visibility: "hidden"
+        }
       }
     },
     /**
@@ -361,7 +371,7 @@ sap.ui.define(["sap/base/Log", "sap/f/Card", "sap/f/GridContainer", "sap/f/GridC
         items: [this._generateCardContainer(), this._generateMobileCardContainer(), this._generateErrorMessage()]
       });
       this._toDoWrapper.setModel(this._controlModel);
-      this._addContent(this._toDoWrapper);
+      this.addContent(this._toDoWrapper);
 
       //Setup Common Menu Items
       const menuItem = new MenuItem(`${this.getId()}-refresh`, {
@@ -432,8 +442,7 @@ sap.ui.define(["sap/base/Log", "sap/f/Card", "sap/f/GridContainer", "sap/f/GridC
           scrollTime: 1000,
           showDividers: false,
           snapToRow: true
-        });
-        this._mobileCardContainer.addStyleClass("sapMHeaderContainerAlign sapMHeaderContainerToDoAlign toDoCardHeight");
+        }).addStyleClass("sapCuxToDoMobileCardsContainer");
       }
       return this._mobileCardContainer;
     },
@@ -500,14 +509,7 @@ sap.ui.define(["sap/base/Log", "sap/f/Card", "sap/f/GridContainer", "sap/f/GridC
                   onlyCount: selectedKey !== _this2.getProperty("key")
                 }));
                 _this2.requests = _this2.requests.concat(requests);
-                /**
-                 * removing the class first if the wrapper already has class
-                 * This is temporary code (to be removed later), this will be handled by GenericTile.
-                 */
-                const toDosWrapper = _this2._getContent()?.[0];
-                if (toDosWrapper && toDosWrapper.hasStyleClass("sapUiGridTaskLayout")) {
-                  toDosWrapper.removeStyleClass("sapUiGridTaskLayout");
-                }
+
                 //Submit Batch Requests
                 _this2._submitBatch().then(function () {
                   try {
@@ -531,13 +533,6 @@ sap.ui.define(["sap/base/Log", "sap/f/Card", "sap/f/GridContainer", "sap/f/GridC
                 }).finally(() => {
                   _this2._controlModel.refresh();
                   _this2._adjustLayout();
-                  /**
-                   * This class is initially added for Desktop and Tablet. If not added (In case of Mobile) add it.
-                   * This is temporary code (to be removed later), this will be handled by GenericTile.
-                   * */
-                  if (toDosWrapper && !toDosWrapper.hasStyleClass("sapUiGridTaskLayout")) {
-                    toDosWrapper.addStyleClass("sapUiGridTaskLayout");
-                  }
                   resolve();
                 });
               });