@openui5/sap.ui.mdc 1.110.0 → 1.111.0

package/src/sap/ui/mdc/field/ValueHelpPanel.control.xml

@@ -1,71 +0,0 @@
-<core:FragmentDefinition
-	xmlns="sap.m"
-	xmlns:core="sap.ui.core"
-	xmlns:fl="sap.ui.fl.variants"
-	xmlns:mvc="sap.ui.core.mvc"
-	xmlns:mdc="sap.ui.mdc"
-	xmlns:l="sap.ui.layout">
-	<VBox id="rootVBox" fitContainer= "true" class="sapMdcValueHelpPanel">
-		<IconTabBar id="iconTabBar" expandable="false" upperCase="false" stretchContentHeight="true" class="sapUiNoContentPadding" select="iconTabSelect">
-			<layoutData>
-				<FlexItemData growFactor= "1" shrinkFactor= "1"/>
-			</layoutData>
-			<items>
-				<IconTabFilter id="fromList" text="{parts: ['$i18n>valuehelp.SELECTFROMLIST', '$this>/conditions'], formatter: '._formatListTabTitle'}" key="selectFromList" visible="false">
-					<!-- <ScrollContainer height="100%" width="100%" vertical="true" horizontal="false"> -->
-					<l:FixFlex minFlexSize="200px"> <!-- minHight for the Flex content Items Table -->
-						<l:fixContent>
-							<VBox id="filterbarVBox" visible="{$this>/_filterBarVisible}" class="sapMdcValueHelpPanelFilterbar">
-								<!-- container for the Filterbar / advanced FilterFields -->
-							</VBox>
-						</l:fixContent>
-
-						<l:flexContent>
-							<Panel id="tablePanel" headerText="{parts: ['$i18n>valuehelp.TABLETITLE'], formatter: '._formatTableTitle'}" class="sapMdcTablePanel" expanded="true" height="100%">
-								<layoutData>
-									<FlexItemData growFactor="1" shrinkFactor="1"/>
-								</layoutData>
-								<!-- container for the Table Scrollcontainer / at the moment the Scrollbar around the m.Table doe snot work -->
-							</Panel>
-						</l:flexContent>
-					</l:FixFlex>
-					<!-- </ScrollContainer> -->
-				</IconTabFilter>
-
-				<IconTabFilter id="defineCondition" text="{parts: ['$i18n>valuehelp.DEFINECONDITIONS', '$this>/conditions'], formatter: '._formatDefineTabTitle'}" key="defineCondition" visible="false">
-				 	<ScrollContainer id="defineConditionPanel" height="100%" horizontal="false" vertical="true">
-						<!-- container for the DefineConditionPanel -->
-					</ScrollContainer>
-				</IconTabFilter>
-			</items>
-		</IconTabBar>
-
-		<Panel id="VHPTokenizerPanel" class="sapMdcTokenizerPanel" backgroundDesign="Transparent"
-			expanded="true"
-			headerText="{parts: ['$i18n>valuehelp.TOKENIZERTITLE', '$this>/conditions'], formatter: '._formatTokenizerTitle'}">
-			<HBox fitContainer="true" width="100%">
-				<items>
-					<MultiInput id="VHPTokenizer" width="100%"
-						visible="{path: '$this>/showTokenizer'}"
-						showValueHelp= "false"
-						editable= "true"
-						tokenUpdate="_handleTokenDelete"
-						tokens="{path: '$this>/conditions', filters:[{path:'isEmpty', operator:'NE', value1:true}], templateShareable: false}">
-						<tokens>
-							<Token id="VHPToken" text="{path: '$this>', type: 'sap.ui.mdc.field.ConditionType'}"/>
-						</tokens>
-						<layoutData>
-							<FlexItemData growFactor="1" maxWidth="calc(100% - 2rem)"/>
-						</layoutData>
-					</MultiInput>
-					<Button id="removeAllBtn" press="_onRemoveAllConditions" type="Transparent" icon="sap-icon://decline" tooltip="{$i18n>valuehelp.REMOVEALLTOKEN}" class="sapUiTinyMarginBegin">
-						<layoutData>
-							<FlexItemData growFactor="0" baseSize="2rem"/>
-						</layoutData>
-					</Button>
-				</items>
-			</HBox>
-		</Panel>
-	</VBox>
-
-</core:FragmentDefinition>

package/src/sap/ui/mdc/field/ValueHelpPanel.js

@@ -1,525 +0,0 @@
-/*!
- * OpenUI5
- * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-sap.ui.define([
-	'sap/ui/core/XMLComposite',
-	'sap/ui/model/json/JSONModel',
-	'sap/ui/model/Filter',
-	'sap/ui/base/ManagedObjectObserver',
-	'sap/base/strings/formatMessage',
-	'sap/ui/model/resource/ResourceModel',
-	'sap/m/MultiInput',
-	'sap/ui/mdc/enum/ConditionValidated'
-	], function(
-			XMLComposite,
-			JSONModel,
-			Filter,
-			ManagedObjectObserver,
-			formatMessage,
-			ResourceModel,
-			MUltiInput,
-			ConditionValidated
-		) {
-	"use strict";
-
-	/**
-	 * Constructor for a new <code>ValueHelpPanel</code>.
-	 *
-	 * @param {string} [sId] ID for the new control, generated automatically if no ID is given
-	 * @param {object} [mSettings] Initial settings for the new control
-	 *
-	 * @class
-	 * A <code>ValueHelpPanel</code> control is used inside the <code>FieldValueHelp</code> element to show a complex dialog
-	 * for entering multiple kinds of conditions.
-	 *
-	 * @extends sap.ui.core.XMLComposite
-	 *
-	 * @author SAP SE
-	 * @version 1.110.0
-	 *
-	 * @constructor
-	 * @alias sap.ui.mdc.field.ValueHelpPanel
-	 * @since 1.58.0
-	 * @abstract
-	 *
-	 * @private
-	 * @deprecated As of version 1.110, replaced by {@link sap.ui.mdc.valuehelp.Dialog Dialog}
-	 * @ui5-restricted sap.ui.mdc.field.FieldValueHelp
-	 */
-	var ValueHelpPanel = XMLComposite.extend("sap.ui.mdc.field.ValueHelpPanel", {
-		metadata: {
-			library: "sap.ui.mdc",
-			properties: {
-				/**
-				 * If set to <code>true</code>, a tokenizer is shown.
-				 */
-				showTokenizer: {
-					type: "boolean",
-					group: "Data",
-					defaultValue: true
-				},
-				/**
-				 * If set to <code>true</code>, the <code>FilterBar</code> area is shown.
-				 * The <code>FilterBar</code> must be assigned using <code>setFilterBar</code>.
-				 */
-				showFilterbar: {
-					type: "boolean",
-					group: "Data",
-					defaultValue: true
-				},
-
-				/**
-				 * Sets the conditions that represent the selected values of the help.
-				 *
-				 * @since 1.62.0
-				 */
-				conditions: {
-					type: "object[]",
-					group: "Data",
-					defaultValue: [],
-					byValue: true
-				},
-
-				/**
-				 * The <code>formatOptions</code> for the <code>ConditionType</code> used to format tokens.
-				 *
-				 * @since 1.62.0
-				 */
-				formatOptions: {
-					type: "object",
-					defaultValue: {}
-				},
-
-				/**
-				 * If set, there has been no invalid user input.
-				 *
-				 * <b>Note:</b> This property must not be set from outside. It is a property because that way it can be bound to the
-				 * <code>ManagedObjectModel</code> of the calling field help and automatically update it.
-				 *
-				 * @since 1.87.0
-				 */
-				inputOK: {
-					type: "boolean",
-					defaultValue: true
-				},
-
-				/**
-				 * Internal property to bind corresponding controls to the visibility of the <code>FilterBar</code> section
-				 */
-				_filterBarVisible: {
-					type: "boolean",
-					group: "Appearance",
-					defaultValue: false,
-					visibility: "hidden"
-				}
-			}
-
-		},
-		fragment: "sap.ui.mdc.field.ValueHelpPanel",
-
-		init: function() {
-			var oManagedObjectModel = this._getManagedObjectModel();
-			oManagedObjectModel.setSizeLimit(1000000); // TOTO: better solution to allow more than 100 Tokens
-
-			if (!this._oTokenizer) {
-				this._oTokenizer = this.byId("VHPTokenizer"); // the VHPTokenizer is a MultiInput
-
-				// Overwrite the setValueVisible to make the input part not visible (transparent).
-				// Problem: you can still enter a value into the $input dom ref and this will be shown when you remove all tokens. this can be solved inside the afterRender handler.
-				// ACC issue: the screenreader is still reading this control as input field and that the user can enter a value - which is not correct.
-				this._oTokenizer._setValueVisible = function (bVisible) {
-					this.$("inner").css("opacity", "0");
-				};
-
-				var org = this._oTokenizer.onAfterRendering;
-				this._oTokenizer.onAfterRendering = function() {
-					org.apply(this._oTokenizer, arguments);
-
-					this._oTokenizer._setValueVisible();  // make the input always invisible
-					this._oTokenizer.setValue(""); // set the value to empty string
-				}.bind(this);
-
-			}
-			this._oTokenizerPanel = this.byId("VHPTokenizerPanel");
-
-			this._oFilterVBox = this.byId("filterbarVBox");
-			this._oFilterVBox._oValueHelpPanel = this;
-			this._oFilterVBox.getItemsOriginal = this._oFilterVBox.getItems;
-			this._oFilterVBox.getItems = function() {
-				var aItems = this.getItemsOriginal();
-				if (this._oValueHelpPanel._oFilterbar && this._oValueHelpPanel.getProperty("_filterBarVisible")) {
-					aItems.push(this._oValueHelpPanel._oFilterbar);
-				}
-				return aItems;
-			};
-
-			this._oTablePanel = this.byId("tablePanel");
-			this._oTablePanel._oValueHelpPanel = this;
-			this._oTablePanel.getContentOriginal = this._oTablePanel.getContent;
-			this._oTablePanel.getContent = function () {
-				var aContent = this.getContentOriginal();
-				if (this._oValueHelpPanel._oTable) {
-					aContent.push(this._oValueHelpPanel._oTable);
-				}
-				return aContent;
-			};
-
-			this._oObserver = new ManagedObjectObserver(_observeChanges.bind(this));
-
-			this._oObserver.observe(this, {
-				properties: ["formatOptions", "showFilterbar", "showTokenizer", "_filterBarVisible"]
-			});
-
-			this._oResourceBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.mdc");
-
-		},
-
-		exit: function() {
-			// if tokenizer is not part of the VHP content
-			if (!this.getShowTokenizer()) {
-				this._oTokenizerPanel.destroy();
-			}
-
-			if (this._oDefineConditionPanel && !this._oDefineConditionPanel.getParent()) {
-				//DefineConditionPanel never displayed -> destroy it now
-				this._oDefineConditionPanel.destroy();
-			}
-
-			this._oObserver.disconnect();
-			this._oObserver = undefined;
-
-			this._oTablePanel = null;
-			this._oFilterVBox = null;
-			this._oResourceBundle = null;
-		},
-
-		onBeforeRendering: function() {
-
-			if (!this.getModel("$i18n")) {
-				// if ResourceModel not provided from outside create own one
-				this.setModel(new ResourceModel({ bundleName: "sap/ui/mdc/messagebundle", async: false }), "$i18n");
-			}
-
-		},
-
-		/**
-		 * Adds a <code>FilterBar</code> control to the <code>ValueHelpPanel</code> control.
-		 *
-		 * The <code>showFilterbar</code> property must be set to show the <code>FilterBar</code> control.
-		 *
-		 * @param {sap.ui.mdc.FilterBar} oFilterbar <code>FilterBar</code> control
-		 *
-		 * @private
-		 * @ui5-restricted sap.ui.mdc.field.FieldValueHelp
-		 */
-		setFilterbar: function(oFilterbar) {
-
-			var bShowFilterBar = this.getShowFilterbar();
-
-			if (this._oFilterbar) {
-				if (this._bFilterbarParentSet) {
-					this._oFilterbar.setParent();
-					delete this._bFilterbarParentSet;
-				}
-			}
-			this._oFilterbar = oFilterbar;
-
-			if (oFilterbar) {
-
-				if (!oFilterbar.getParent()) {
-					// if not in control tree set as child
-					oFilterbar.setParent(this);
-					this._bFilterbarParentSet = true;
-				}
-
-				// TODO: hack for FlexBoxStylingHelper.writeStyle in IE11
-				oFilterbar.getParent().getDirection = this._oFilterVBox.getDirection.bind(this._oFilterVBox);
-
-			}
-
-
-			//update the IconTabbar header visibility
-			var oITBar = this.byId("iconTabBar");
-			oITBar.getItems()[0].setVisible(oITBar.getItems()[0].getContent().length > 0);
-			oITBar.setSelectedKey("selectFromList");
-			this._updateITBHeaderVisiblity();
-
-			this.setProperty("_filterBarVisible", bShowFilterBar && !!this._oFilterbar, true);
-
-		},
-
-		/**
-		 * Adds a content control (for example, <code>sap.m.Table</code>) to the <code>ValueHelpPanel</code> control.
-		 *
-		 * @param {sap.ui.core.Control} oTable Content control
-		 *
-		 * @private
-		 * @ui5-restricted sap.ui.mdc.field.FieldValueHelp
-		 */
-		setTable: function(oTable) {
-			if (this._oTable) {
-				if (this._bTableParentSet && this._oTable.getParent()) {
-					this._oTable.setParent();
-				}
-				delete this._bTableParentSet;
-			}
-			this._oTable = oTable;
-
-			if (oTable) { //If a new table exist, set the parent to this
-
-				if (!oTable.getParent()) {
-					// if not in control tree set as child
-					oTable.setParent(this);
-					this._bTableParentSet = true;
-				}
-			}
-			this._oTablePanel.invalidate();
-
-			//update the IconTabbar header visibility
-			var oITBar = this.byId("iconTabBar");
-			oITBar.getItems()[0].setVisible(oITBar.getItems()[0].getContent().length > 0);
-			oITBar.setSelectedKey("selectFromList");
-			this._updateITBHeaderVisiblity();
-		},
-
-		/**
-		 * Returns the content control (for example, <code>sap.m.Table</code>) of the <code>ValueHelpPanel</code> control.
-		 *
-		 * @returns {sap.ui.core.Control} Content control
-		 *
-		 * @private
-		 * @ui5-restricted sap.ui.mdc.field.FieldValueHelp
-		 */
-		getTable: function() {
-			if (this._oTable) {
-				return this._oTable;
-			} else {
-				return undefined;
-			}
-		},
-
-		/**
-		 * Adds a <code>DefineConditionPanel</code> control to the <code>ValueHelpPanel</code> control.
-		 *
-		 * @param {sap.ui.mdc.field.DefineConditionPanel} oDefineConditionPanel <code>DefineConditionPanel</code> control
-		 *
-		 * @private
-		 * @ui5-restricted sap.ui.mdc.field.FieldValueHelp
-		 */
-		setDefineConditions: function(oDefineConditionPanel) {
-			var oITBar = this.byId("iconTabBar");
-			var oPanel = this.byId("defineConditionPanel");
-
-			if (this._oDefineConditionPanel) {
-				oPanel.removeContent(this._oDefineConditionPanel);
-				this._oDefineConditionPanel.destroy();
-			}
-			this._oDefineConditionPanel = oDefineConditionPanel;
-
-			//update the IconTabbar header visibility
-			oITBar.getItems()[1].setVisible(!!this._oDefineConditionPanel);
-			this._updateITBHeaderVisiblity();
-		},
-
-		_updateITBHeaderVisiblity: function() {
-			var oITBar = this.byId("iconTabBar");
-			if (oITBar.getItems()[0].getVisible() && oITBar.getItems()[1].getVisible()) {
-				oITBar.removeStyleClass("sapMdcNoHeader");
-			} else {
-				oITBar.addStyleClass("sapMdcNoHeader");
-			}
-
-			if (oITBar.getItems()[1].getVisible() && oITBar.getSelectedKey() !== "selectFromList") {
-				_bindDefineConditionPanel.call(this);
-			}
-
-		},
-
-		_handleTokenDelete: function(oEvent) {
-
-			if (oEvent.getParameter("removedTokens")) {
-				var aRemovedTokens = oEvent.getParameter("removedTokens");
-				var aConditions = this.getConditions();
-				var i;
-
-				for (i = 0; i < aRemovedTokens.length; i++) {
-					var oRemovedToken = aRemovedTokens[i];
-					var sPath = oRemovedToken.getBindingContext("$this").sPath;
-					var iIndex = parseInt(sPath.slice(sPath.lastIndexOf("/") + 1));
-					aConditions[iIndex].delete = true;
-				}
-
-				for (i = aConditions.length - 1; i >= 0; i--) {
-					if (aConditions[i].delete) {
-						aConditions.splice(i, 1);
-					}
-				}
-
-				this.setProperty("conditions", aConditions, true); // do not invalidate whole panel
-			}
-
-		},
-
-		_onRemoveAllConditions: function(oEvent) {
-			this.setProperty("conditions", [], true);
-		},
-
-		iconTabSelect: function(oEvent) {
-
-			var sKey = oEvent.getParameter("key");
-			if (sKey === "defineCondition") {
-				_bindDefineConditionPanel.call(this);
-			}
-
-		},
-
-		_formatListTabTitle: function(sText, aConditions) {
-
-			var iCount = 0;
-
-			for (var i = 0; i < aConditions.length; i++) {
-				var oCondition = aConditions[i];
-				if (oCondition.isEmpty !== true && oCondition.validated === ConditionValidated.Validated) {
-					iCount++;
-				}
-			}
-
-			if (iCount === 0) {
-				// in case of no items do not show a number
-				sText = this._oResourceBundle.getText("valuehelp.SELECTFROMLISTNONUMBER");
-			}
-
-			return formatMessage(sText, iCount);
-
-		},
-
-		_formatDefineTabTitle: function(sText, aConditions) {
-
-			var iCount = 0;
-
-			for (var i = 0; i < aConditions.length; i++) {
-				var oCondition = aConditions[i];
-				if (oCondition.isEmpty !== true && oCondition.validated !== ConditionValidated.Validated) {
-					iCount++;
-				}
-			}
-
-			if (iCount === 0) {
-				// in case of no items do not show a number
-				sText = this._oResourceBundle.getText("valuehelp.DEFINECONDITIONSNONUMBER");
-			}
-
-			return formatMessage(sText, iCount);
-
-		},
-
-		_formatTableTitle: function(sText) {
-
-			var iItems = 0;
-			//TODO fetch the count of the table binding
-			// if (this._oTable) {
-			// 	var oTable = this._oTable.getContent()[0];
-			// 	if (oTable && oTable.getBinding("items") && oTable.getBinding("items").bLengthFinal) {
-			// 		iItems = 123;
-			// 	}
-
-			// 	if (iItems === 0) {
-			// 		// in case of no items do not show a number
-			// 		sText = this._oResourceBundle.getText("valuehelp.TABLETITLENONUMBER");
-			// 	}
-			// }
-
-			sText = this._oResourceBundle.getText("valuehelp.TABLETITLENONUMBER");
-			return formatMessage(sText, iItems);
-
-		},
-
-		_formatTokenizerTitle: function(sText, aConditions) {
-
-			var iCount = 0;
-
-			for (var i = 0; i < aConditions.length; i++) {
-				var oCondition = aConditions[i];
-				if (oCondition.isEmpty !== true) {
-					iCount++;
-				}
-			}
-
-			if (iCount === 0) {
-				// in case of no items do not show a number
-				sText = this._oResourceBundle.getText("valuehelp.TOKENIZERTITLENONUMBER");
-			}
-
-			return formatMessage(sText, iCount);
-
-		}
-
-	});
-
-	function _observeChanges(oChanges) {
-
-		if (oChanges.name === "formatOptions") {
-			var oBindingInfo = this._oTokenizer.getBindingInfo("tokens");
-			if (oBindingInfo && oBindingInfo.template) {
-				oBindingInfo = oBindingInfo.template.getBindingInfo("text");
-				if (oBindingInfo && oBindingInfo.type) {
-					oBindingInfo.type.setFormatOptions(oChanges.current);
-				}
-			}
-		}
-
-		if (oChanges.name === "showTokenizer") {
-			var oVBox = this.byId("rootVBox");
-			var oListBinding = this._oTokenizer.getBinding("tokens");
-			if (oChanges.current) {
-				if (oListBinding) {
-					oListBinding.resume();
-				}
-				oVBox.insertItem(this._oTokenizerPanel, 1);
-			} else {
-				if (oListBinding) {
-					oListBinding.suspend(); // don't create Tokens
-				}
-				oVBox.removeItem(this._oTokenizerPanel);
-			}
-		}
-
-		if (oChanges.name === "showFilterbar") {
-			this.setProperty("_filterBarVisible", oChanges.current && !!this._oFilterbar, true);
-		}
-
-		if (oChanges.name === "_filterBarVisible") {
-			this._oTablePanel.invalidate();
-		}
-
-	}
-
-	function _bindDefineConditionPanel() {
-
-		if (this._oDefineConditionPanel) {
-			if (!this._oDefineConditionPanel.getModel("$VHP")) {
-				var oManagedObjectModel = this._getManagedObjectModel();
-				this._oDefineConditionPanel.setModel(oManagedObjectModel, "$VHP");
-				var oMetadata = this._oDefineConditionPanel.getMetadata();
-				if (oMetadata.hasProperty("formatOptions") && !this._oDefineConditionPanel.getBindingPath("formatOptions") && this._oDefineConditionPanel.isPropertyInitial("formatOptions")) {
-					this._oDefineConditionPanel.bindProperty("formatOptions", {path: "$VHP>/formatOptions"});
-				}
-				if (oMetadata.hasProperty("conditions") && !this._oDefineConditionPanel.getBindingPath("conditions") && this._oDefineConditionPanel.isPropertyInitial("conditions")) {
-					this._oDefineConditionPanel.bindProperty("conditions", {path: "$VHP>/conditions"});
-				}
-				if (oMetadata.hasProperty("inputOK") && !this._oDefineConditionPanel.getBindingPath("inputOK") && this._oDefineConditionPanel.isPropertyInitial("inputOK")) {
-					this._oDefineConditionPanel.bindProperty("inputOK", {path: "$VHP>/inputOK"});
-				}
-			}
-			// add content only after binding, otherwise onBeforeRendering type is missing
-			var oPanel = this.byId("defineConditionPanel");
-			oPanel.addContent(this._oDefineConditionPanel);
-		}
-
-	}
-
-	return ValueHelpPanel;
-
-});