@openui5/sap.ui.mdc 1.93.3 → 1.96.1

package/src/sap/ui/mdc/Table.js

@@ -38,7 +38,8 @@ sap.ui.define([
 	"sap/ui/mdc/p13n/subcontroller/AggregateController",
 	"sap/m/ColumnPopoverSelectListItem",
 	"sap/m/ColumnPopoverActionItem",
-	"sap/ui/mdc/p13n/subcontroller/ColumnWidthController"
+	"sap/ui/mdc/p13n/subcontroller/ColumnWidthController",
+	"sap/ui/mdc/actiontoolbar/ActionToolbarAction"
 ], function(
 	Control,
 	ActionToolbar,
@@ -73,7 +74,8 @@ sap.ui.define([
 	AggregateController,
 	ColumnPopoverSelectListItem,
 	ColumnPopoverActionItem,
-	ColumnWidthController
+	ColumnWidthController,
+	ActionToolbarAction
 ) {
 	"use strict";
 
@@ -119,7 +121,6 @@ sap.ui.define([
 	 *        <b>Note:</b> The control is experimental and the API/behavior is not finalized and hence this should not be used for productive usage.
 	 * @extends sap.ui.mdc.Control
 	 * @author SAP SE
-	 * @constructor The API/behavior is not finalized and hence this control should not be used for productive usage.
 	 * @private
 	 * @experimental
 	 * @since 1.58
@@ -354,6 +355,16 @@ sap.ui.define([
 					group: "Behavior",
 					defaultValue: false
 				},
+				/**
+				 * Determines whether the Paste button is enabled.
+				 *
+				 * @since 1.96
+				 */
+				enablePaste: {
+					type: "boolean",
+					group: "Behavior",
+					defaultValue: true
+				},
 				/**
 				 * Defines the multi-selection mode for the control.
 				 * If this property is set to the <code>Default</code> value, the <code>ResponsiveTable</code> type control renders
@@ -366,6 +377,24 @@ sap.ui.define([
 					type: "sap.ui.mdc.MultiSelectMode",
 					group: "Behavior",
 					defaultValue: MultiSelectMode.Default
+				},
+
+				/**
+				 * Enables automatic column width calculation based on metadata information if set to <code>true</code>.
+				 * The column width calculation takes the type, column label, referenced properties, and many other metadata parameters into account.
+				 * Providing a more precise <code>maxLength</code> value for the <code>String</code> type or <code>precision</code> value for numeric types can help this algorithm to produce better results.
+				 * The calculated column widths can have a minimum of 3rem and a maximum of 20rem.
+				 *
+				 * <b>Note:</b> To customize the automatic column width calculation the <code>visualSettings.widthSettings</code> key of the <code>PropertyInfo</code> can be used.
+				 * To avoid the heuristic column width calculation for a particular column, the <code>visualSettings.widthSettings</code> key of the <code>PropertyInfo</code> must be set to <code>null</code>.
+				 * This feature has no effect if the <code>width</code> property of the column is bound or its value is set.
+				 *
+				 * @since 1.95
+				 */
+				enableAutoColumnWidth: {
+					type: "boolean",
+					group: "Behavior",
+					defaultValue: false
 				}
 			},
 			aggregations: {
@@ -635,10 +664,44 @@ sap.ui.define([
 	};
 
 	Table.prototype.getDataStateIndicatorPluginOwner = function(oDataStateIndicator) {
-		oDataStateIndicator.setEnableFiltering(false);
 		return this._oTable || this._oFullInitialize.promise;
 	};
 
+	Table.prototype.setDataStateIndicator = function(oDataStateIndicator) {
+		this._handleDataStateEvents(this.getDataStateIndicator(), "detach");
+		this.setAggregation("dataStateIndicator", oDataStateIndicator, true);
+		this._handleDataStateEvents(this.getDataStateIndicator(), "attach");
+		return this;
+	};
+
+	Table.prototype._handleDataStateEvents = function(oDataStateIndicator, sAction) {
+		if (oDataStateIndicator) {
+			oDataStateIndicator[sAction + "ApplyFilter"](this._onApplyMessageFilter, this);
+			oDataStateIndicator[sAction + "ClearFilter"](this._onClearMessageFilter, this);
+			oDataStateIndicator[sAction + "Event"]("filterInfoPress", onShowFilterDialog, this);
+		}
+	};
+
+	/**
+	 * This gets called from the DataStateIndicator plugin when data state message filter is applied
+	 * @private
+	 */
+	 Table.prototype._onApplyMessageFilter = function(oEvent) {
+		this._oMessageFilter = oEvent.getParameter("filter");
+		oEvent.preventDefault();
+		this.rebind();
+	};
+
+	/**
+	 * This gets called from the DataStateIndicator plugin when the data state message filter is cleared
+	 * @private
+	 */
+	Table.prototype._onClearMessageFilter = function(oEvent) {
+		this._oMessageFilter = null;
+		oEvent.preventDefault();
+		this.rebind();
+	};
+
 	// ----Type----
 	Table.prototype._getStringType = function(oTypeInput) {
 		var sType, oType = sType = oTypeInput || this.getType();
@@ -890,7 +953,7 @@ sap.ui.define([
 		var bOldEnableColumnResize = this.getEnableColumnResize();
 		this.setProperty("enableColumnResize", bEnableColumnResize, true);
 
-		if (bEnableColumnResize !== bOldEnableColumnResize) {
+		if (this.getEnableColumnResize() !== bOldEnableColumnResize) {
 			this._updateColumnResizer();
 			this._updateAdaptation(this.getP13nMode());
 		}
@@ -1105,9 +1168,7 @@ sap.ui.define([
 					wrapping: false
 				})
 			],
-			press: function() {
-				TableSettings.showPanel(oTable, "Filter", oFilterInfoToolbar);
-			}
+			press: [onShowFilterDialog, oTable]
 		});
 
 		// If the toolbar is hidden while it has the focus, the focus moves to the body. This can happen, for example, when all filters are removed in
@@ -1359,18 +1420,31 @@ sap.ui.define([
 		if ((bShowPasteButton = !!bShowPasteButton) == this.getShowPasteButton()) {
 			return this;
 		}
-
 		this.setProperty("showPasteButton", bShowPasteButton, true);
 		if (bShowPasteButton && !this._oPasteButton && this._oToolbar) {
 			this._oToolbar.insertEnd(this._getPasteButton(), 0);
+			this._oPasteButton.setEnabled(this.getEnablePaste());
 		} else if (this._oPasteButton) {
 			this._oPasteButton.setVisible(bShowPasteButton);
+			this._oPasteButton.setEnabled(this.getEnablePaste());
 		}
 
 		return this;
 	};
 
+	Table.prototype.setEnablePaste = function(bEnablePaste) {
+		this.setProperty("enablePaste", bEnablePaste, true);
+		if (this._oPasteButton) {
+			this._oPasteButton.setEnabled(this.getEnablePaste());
+		}
+		return this;
+	};
+
 	Table.prototype._createToolbar = function() {
+		if (this.isDestroyStarted() || this.isDestroyed()) {
+			return;
+		}
+
 		if (!this._oToolbar) {
 			// Create Title
 			this._oTitle = new Title(this.getId() + "-title", {
@@ -1527,12 +1601,10 @@ sap.ui.define([
 		var aP13nMode = this.getP13nMode();
 		var aButtons = [];
 
-		//Note: 'Aggregate' does not have a p13n UI, if only 'Aggregate' is enabled no settings icon is necessary
+		// Note: 'Aggregate' does not have a p13n UI, if only 'Aggregate' is enabled no settings icon is necessary
 		var bAggregateP13nOnly = aP13nMode.length === 1 && aP13nMode[0] === "Aggregate";
 		if (aP13nMode.length > 0 && !bAggregateP13nOnly) {
-			aButtons.push(TableSettings["createSettingsButton"](this.getId(), [
-				this._showSettings, this
-			]));
+			aButtons.push(TableSettings.createSettingsButton(this.getId(), [onShowSettingsDialog, this]));
 		}
 
 		return aButtons;
@@ -1631,6 +1703,7 @@ sap.ui.define([
 	 * @private
 	 */
 	Table.prototype._onExport = function(mCustomConfig) {
+		var that = this;
 		return this._createExportColumnConfiguration(mCustomConfig).then(function(aResult) {
 			var aSheetColumns = aResult[0];
 			var oPropertyHelper = aResult[1];
@@ -1641,21 +1714,22 @@ sap.ui.define([
 					MessageBox.error(Core.getLibraryResourceBundle("sap.ui.mdc").getText("table.NO_COLS_EXPORT"), {
 						styleClass: (this.$() && this.$().closest(".sapUiSizeCompact").length) ? "sapUiSizeCompact" : ""
 					});
-				}.bind(this));
+				}.bind(that));
 				return;
 			}
 
-			var oRowBinding = this._getRowBinding();
+			var oRowBinding = that._getRowBinding();
 			var mExportSettings = {
 				workbook: {
 					columns: aSheetColumns
 				},
 				dataSource: oRowBinding,
-				fileName: mCustomConfig ? mCustomConfig.fileName : this.getHeader()
+				fileType: mCustomConfig.selectedFileType == "pdf" ? "PDF" : "XLSX",
+				fileName: mCustomConfig ? mCustomConfig.fileName : that.getHeader()
 			};
 
-			this._loadExportLibrary().then(function() {
-				sap.ui.require(["sap/ui/export/ExportUtils", "sap/ui/export/Spreadsheet"], function(ExportUtils, Spreadsheet) {
+			that._loadExportLibrary().then(function() {
+				sap.ui.require(["sap/ui/export/ExportUtils"], function(ExportUtils) {
 					var oProcessor = Promise.resolve();
 
 					if (mCustomConfig.includeFilterSettings) {
@@ -1684,22 +1758,23 @@ sap.ui.define([
 							mUserSettings.includeFilterSettings = mCustomConfig.includeFilterSettings;
 						}
 
-						var oSheet = new Spreadsheet(mExportSettings);
-						oSheet.attachBeforeExport(function(oEvent) {
+						ExportUtils.getExportInstance(mExportSettings).then(function(oSheet){
+							oSheet.attachBeforeExport(function(oEvent) {
 							var oExportSettings = oEvent.getParameter("exportSettings");
 
-							this.fireBeforeExport({
+							that.fireBeforeExport({
 								exportSettings: oExportSettings,
 								userExportSettings: mUserSettings
+							  });
+						    }, that);
+							oSheet.build().finally(function() {
+								oSheet.destroy();
 							});
-						}, this);
-						oSheet.build().finally(function() {
-							oSheet.destroy();
 						});
-					}.bind(this));
-				}.bind(this));
-			}.bind(this));
-		}.bind(this));
+					});
+				});
+			});
+		});
 	};
 
 	/**
@@ -1707,12 +1782,13 @@ sap.ui.define([
 	 *
 	 * @private
 	 */
-	Table.prototype._onExportAs = function() {
+	Table.prototype._onExportAs = function(mCustomConfig) {
 		var that = this;
 
 		this._loadExportLibrary().then(function() {
 			sap.ui.require(['sap/ui/export/ExportUtils'], function(ExportUtils) {
-				ExportUtils.getExportSettingsViaDialog(that._cachedExportSettings, that).then(function(oUserInput) {
+				var bEnablePDFExport = new URL(window.location.href).search.indexOf("sap-ui-xx-enablePDFExport=true");
+				ExportUtils.getExportSettingsViaDialog(that._cachedExportSettings, that, undefined, bEnablePDFExport).then(function(oUserInput) {
 					that._cachedExportSettings = oUserInput;
 					that._onExport(oUserInput);
 				});
@@ -1873,6 +1949,11 @@ sap.ui.define([
 		} else {
 			oTableType.disableColumnResizer(this, this._oTable);
 		}
+
+		var aMDCColumns = this.getColumns();
+		aMDCColumns.forEach(function(oColumn) {
+			oColumn.updateColumnResizing(bEnableColumnResizer);
+		}, this);
 	};
 
 	Table.prototype._updateSelectionBehavior = function() {
@@ -1901,14 +1982,10 @@ sap.ui.define([
 	};
 
 	Table.prototype._onColumnPress = function(oColumn) {
-		var iIndex,
-			oParent = oColumn.getParent(),
-			oMDCColumn,
-			bResizeButton = window.matchMedia("(hover:none)").matches && this._bMobileTable && this.getEnableColumnResize();
-
-		iIndex = oParent.indexOfColumn(oColumn);
-
-		oMDCColumn = this.getColumns()[iIndex];
+		var oParent = oColumn.getParent(),
+			iIndex = oParent.indexOfColumn(oColumn),
+			oMDCColumn = this.getColumns()[iIndex],
+			bResizeButton = this._bMobileTable && this.getEnableColumnResize();
 
 		this._fullyInitialized().then(function() {
 			var oResourceBundle = Core.getLibraryResourceBundle("sap.ui.mdc");
@@ -1966,25 +2043,19 @@ sap.ui.define([
 				var oFilter = new ColumnPopoverSelectListItem({
 					label: oResourceBundle.getText("table.SETTINGS_FILTER"),
 					icon: "sap-icon://filter",
-					action: [this._showFilter, this]
+					action: [onShowFilterDialog, this]
 				});
 				aHeaderItems.unshift(oFilter);
 			}
 
 			if (bResizeButton) {
-				var oColumnResize = new ColumnPopoverActionItem({
-					text: oResourceBundle.getText("table.SETTINGS_RP_RESIZE"),
-					icon: "sap-icon://resize-horizontal",
-					press: [function() {
-						ResponsiveTableType.startColumnResize(this._oTable, oColumn);
-					}, this]
-				});
-				aHeaderItems.push(oColumnResize);
+				var oColumnResize = ResponsiveTableType.startColumnResize(this._oTable, oColumn);
+				oColumnResize && aHeaderItems.push(oColumnResize);
 			}
 
-			aHeaderItems && aHeaderItems.forEach(function(item) {
-				item && this._createPopover(item, oColumn);
-			}.bind(this));
+			aHeaderItems.forEach(function(oItem) {
+				this._createPopover(oItem, oColumn);
+			}, this);
 			this._oPopover && this._oPopover.openBy(oColumn);
 		}.bind(this));
 	};
@@ -2024,11 +2095,26 @@ sap.ui.define([
 		TableSettings.createAggregation(this, sSortProperty);
 	};
 
+	Table.prototype._setColumnWidth = function(oMDCColumn) {
+		if (!this.getEnableAutoColumnWidth() || oMDCColumn.getWidth() || oMDCColumn.isBound("width")) {
+			return;
+		}
+
+		var oPropertyHelper = this._oPropertyHelper;
+		if (oPropertyHelper) {
+			oPropertyHelper.setColumnWidth(oMDCColumn);
+		} else {
+			this.awaitPropertyHelper().then(this._setColumnWidth.bind(this, oMDCColumn));
+		}
+	};
+
 	Table.prototype._insertInnerColumn = function(oMDCColumn, iIndex) {
 		if (!this._oTable) {
 			return;
 		}
 
+		this._setColumnWidth(oMDCColumn);
+
 		var oColumn = this._createColumn(oMDCColumn);
 		setColumnTemplate(this, oMDCColumn, oColumn, iIndex);
 		this._bForceRebind = true;
@@ -2108,7 +2194,7 @@ sap.ui.define([
 			width: oMDCColumn.getWidth(),
 			minWidth: Math.round(oMDCColumn.getMinWidth() * parseFloat(MLibrary.BaseFontSize)),
 			hAlign: oMDCColumn.getHAlign(),
-			label: oMDCColumn.getColumnHeaderControl(this._bMobileTable),
+			label: oMDCColumn.getColumnHeaderControl(this._bMobileTable, this.getEnableColumnResize()),
 			resizable: this.getEnableColumnResize(),
 			autoResizable: this.getEnableColumnResize()
 		});
@@ -2126,7 +2212,7 @@ sap.ui.define([
 			width: oMDCColumn.getWidth(),
 			autoPopinWidth: oMDCColumn.getMinWidth(),
 			hAlign: oMDCColumn.getHAlign(),
-			header: oMDCColumn.getColumnHeaderControl(this._bMobileTable),
+			header: oMDCColumn.getColumnHeaderControl(this._bMobileTable, this.getEnableColumnResize()),
 			importance: oMDCColumn.getImportance(),
 			popinDisplay: "Inline"
 		});
@@ -2160,7 +2246,7 @@ sap.ui.define([
 		oMDCColumn = this.removeAggregation("columns", oMDCColumn, true);
 		if (this._oTable) {
 			var oColumn = this._oTable.removeColumn(oMDCColumn.getId() + "-innerColumn");
-			oColumn.destroy(); // TODO: avoid destroy
+			oColumn.destroy("KeepDom");
 
 			// update template for ResponsiveTable
 			if (this._bMobileTable) {
@@ -2350,12 +2436,7 @@ sap.ui.define([
 			return;
 		}
 
-		// TODO: Temporary, until the FE delegate calls updateBindingInfo on the the base delegate. See sap.ui.mdc.TableDelegate.updateBindingInfo
-		var oBindingInfo = {
-			parameters: {},
-			filters: [],
-			sorter: this._getSorters()
-		};
+		var oBindingInfo = {};
 
 		this.getControlDelegate().updateBindingInfo(this, this.getPayload(), oBindingInfo);
 
@@ -2577,6 +2658,7 @@ sap.ui.define([
 		}
 	};
 
+	// TODO: Delete!
 	Table.prototype.rebindTable = function() {
 		this.rebind();
 	};
@@ -2590,27 +2672,13 @@ sap.ui.define([
 		}
 	};
 
-	/**
-	 * Just for test purpose --> has to be finalised
-	 *
-	 * @param {object} oEvt Event object that gets processed
-	 * @experimental
-	 */
-	Table.prototype._showSettings = function(oEvt) {
-		TableSettings.showPanel(this, "Columns", oEvt.getSource());
-	};
-
-	Table.prototype._showSort = function(oEvt) {
-		TableSettings.showPanel(this, "Sort", oEvt.getSource());
-	};
-
-	Table.prototype._showFilter = function(oEvt) {
-		TableSettings.showPanel(this, "Filter", oEvt.getSource());
-	};
+	function onShowSettingsDialog(oEvent) {
+		TableSettings.showPanel(this, "Columns", oEvent.getSource());
+	}
 
-	Table.prototype._showGroup = function (oEvt) {
-		TableSettings.showPanel(this, "Group", oEvt.getSource());
-	};
+	function onShowFilterDialog(oEvent) {
+		TableSettings.showPanel(this, "Filter", oEvent.getSource());
+	}
 
 	// TODO: move to a base util that can be used by most aggregations
 	Table.prototype._getSorters = function() {
@@ -2630,6 +2698,9 @@ sap.ui.define([
 	// Called when a paste event is fired from the inner table
 	// Fires the MDCTable paste event
 	Table.prototype._onInnerTablePaste = function(oEvent) {
+		if (!this.getEnablePaste()) {
+			return;
+		}
 		this.firePaste({
 			data: oEvent.getParameter("data")
 		});
@@ -2664,6 +2735,16 @@ sap.ui.define([
 		Control.prototype.exit.apply(this, arguments);
 	};
 
+	Table.prototype.addAction = function(oControl) {
+		if (oControl.getMetadata().getName() !== "sap.ui.mdc.actiontoolbar.ActionToolbarAction") {
+			oControl = new ActionToolbarAction(oControl.getId() + "-action", {
+				action: oControl
+			});
+		}
+
+		return Control.prototype.addAggregation.apply(this, ["actions", oControl]);
+	};
+
 	return Table;
 
 });

package/src/sap/ui/mdc/TableDelegate.js

@@ -9,8 +9,8 @@
 // ---------------------------------------------------------------------------------------
 // ---------------------------------------------------------------------------------------
 sap.ui.define([
-	"sap/ui/mdc/AggregationBaseDelegate"
-], function(AggregationBaseDelegate) {
+	"sap/ui/mdc/AggregationBaseDelegate", "sap/ui/core/library", "sap/ui/core/Core"
+], function(AggregationBaseDelegate, coreLibrary, Core) {
 	"use strict";
 
 	/**
@@ -35,7 +35,12 @@ sap.ui.define([
 	 */
 	TableDelegate.updateBindingInfo = function(oMDCTable, oDelegatePayload, oBindingInfo) {
 		oBindingInfo.parameters = {};
-		oBindingInfo.filters = [];
+
+		if (oMDCTable._oMessageFilter) {
+			oBindingInfo.filters = [oMDCTable._oMessageFilter];
+		} else {
+			oBindingInfo.filters = [];
+		}
 		oBindingInfo.sorter = oMDCTable._getSorters();
 	};
 
@@ -53,6 +58,18 @@ sap.ui.define([
 		this.rebindTable(oMDCTable, oBindingInfo);
 	};
 
+	TableDelegate.validateState = function(oControl, oState, sKey) {
+		if (sKey == "Filter" && oControl._oMessageFilter) {
+			var oResourceBundle = Core.getLibraryResourceBundle("sap.ui.mdc");
+			return {
+				validation: coreLibrary.MessageType.Information,
+				message: oResourceBundle.getText("table.PERSONALIZATION_DIALOG_FILTER_MESSAGESTRIP")
+			};
+		}
+
+		return  AggregationBaseDelegate.validateState.apply(this, arguments);
+	};
+
 	/**
 	 * Rebinds the table.
 	 *