@sapui5/sap.rules.ui 1.120.1 → 1.122.0

package/src/sap/rules/ui/ast/autoCompleteContent/AutoSuggestionVocabularyPanel.js

@@ -4,14 +4,34 @@ sap.ui.define([
 	"sap/ui/core/Control",
 	"sap/m/List",
 	"sap/ui/model/json/JSONModel",
-	"sap/m/ListMode",
+	"sap/m/library",
 	"sap/ui/core/CustomData",
 	"sap/ui/model/Sorter",
-	"sap/rules/ui/parser/infrastructure/util/utilsBase",
+	"sap/rules/ui/ast/util/utilsBase",
+	"sap/m/Panel",
+	"sap/ui/layout/HorizontalLayout",
+	"sap/m/Label",
+	"sap/m/Link",
+	"sap/m/Select",
+	"sap/m/TextArea",
+	"sap/m/Dialog",
+	"sap/m/Button",
+	"sap/m/CustomListItem",
+	"sap/m/DisplayListItem",
+	"sap/ui/layout/VerticalLayout",
+	"sap/m/SegmentedButton",
+	"sap/m/SegmentedButtonItem",
+	"sap/ui/model/Filter",
+	"sap/ui/model/FilterOperator",
+	"sap/m/SearchField",
+	"sap/ui/core/Lib",
+	"sap/ui/core/Element",
 	"./AutoSuggestionVocabularyPanelRenderer"
-], function (jQuery, library, Control, List, JSONModel, ListMode, CustomData, Sorter, infraUtils, AutoSuggestionVocabularyPanelRenderer) {
+], function (jQuery, library, Control, List, JSONModel, mobileLibrary, CustomData, Sorter, infraUtils, Panel, HorizontalLayout, Label, Link, Select, TextArea, Dialog, Button, CustomListItem, DisplayListItem, VerticalLayout, SegButton,
+SegButtonItem, Filter, FilterOperator, SearchField, coreLib, Element, AutoSuggestionVocabularyPanelRenderer) {
 	"use strict";
 
+    var ListMode = mobileLibrary.ListMode;
 	var autoSuggestionVocabularyPanel = Control.extend("sap.rules.ui.ast.autoCompleteContent.AutoSuggestionVocabularyPanel", {
 		metadata: {
 			library: "sap.rules.ui",
@@ -43,8 +63,8 @@ sap.ui.define([
 		},
 
 		init: function () {
-			this.oBundle = sap.ui.getCore().getLibraryResourceBundle("sap.rules.ui.i18n");
-			this.infraUtils = new sap.rules.ui.parser.infrastructure.util.utilsBase.utilsBaseLib();
+			this.oBundle = coreLib.getResourceBundleFor("sap.rules.ui.i18n");
+			this.infraUtils = new infraUtils.utilsBaseLib();
 			this.needCreateLayout = true;
 			this.AttributeSegmentSelected = true;
 			this.dataObjectName = "";
@@ -64,27 +84,27 @@ sap.ui.define([
 		},
 
 		_createAggregateFunctionSection: function () {
-			var AggregateFunctionsPanel = new sap.m.Panel({
+			var AggregateFunctionsPanel = new Panel({
 				expandable: false,
 				expanded: true,
 				width: "auto",
-				content: [new sap.m.Link({
+				content: [new Link({
 					wrapping: true,
 					text: this.oBundle.getText("aggregateFunctionPanelTitle"),
 					press: function (oEvent) {
-						var functionAndOfLayout = new sap.ui.layout.HorizontalLayout({
+						var functionAndOfLayout = new  HorizontalLayout({
 							content: [
-								new sap.m.Label({
+								new Label({
 									text: this.oBundle.getText("function") + ": "
 								}),
-								new sap.m.Select({
+								new Select({
 									width: "200px",
 									height: "60px"
 								}),
-								new sap.m.Label({
+								new Label({
 									text: " " + this.oBundle.getText("oflabel") + " "
 								}),
-								new sap.m.TextArea({
+								new TextArea({
 									value: "",
 									showExceededText: true,
 									width: "150%",
@@ -93,12 +113,12 @@ sap.ui.define([
 							]
 						});
 
-						var whereLayout = new sap.ui.layout.HorizontalLayout({
+						var whereLayout = new HorizontalLayout({
 							content: [
-								new sap.m.Label({
+								new Label({
 									text: this.oBundle.getText("where_label") + ":"
 								}),
-								new sap.m.TextArea({
+								new TextArea({
 									value: "",
 									showExceededText: true,
 									width: "300px"
@@ -106,12 +126,12 @@ sap.ui.define([
 							]
 						});
 
-						var GroupByLayout = new sap.ui.layout.HorizontalLayout({
+						var GroupByLayout = new HorizontalLayout({
 							content: [
-								new sap.m.Label({
+								new Label({
 									text: this.oBundle.getText("group_by") + ": "
 								}),
-								new sap.m.TextArea({
+								new TextArea({
 									value: "",
 									showExceededText: true,
 									width: "300px"
@@ -119,12 +139,12 @@ sap.ui.define([
 							]
 						});
 
-						var FunctionLabelLayout = new sap.ui.layout.HorizontalLayout({
+						var FunctionLabelLayout = new HorizontalLayout({
 							content: [
-								new sap.m.Label({
+								new Label({
 									text: this.oBundle.getText("function_label") + ":",
 								}),
-								new sap.m.TextArea({
+								new TextArea({
 									value: "",
 									enabled: false,
 									width: "300px"
@@ -132,11 +152,11 @@ sap.ui.define([
 							]
 						});
 
-						var verticalLayoutForAggregateFunction = new sap.ui.layout.VerticalLayout({
+						var verticalLayoutForAggregateFunction = new VerticalLayout({
 							content: [functionAndOfLayout, whereLayout, GroupByLayout, FunctionLabelLayout]
 						});
 						var that = this;
-						var aggregateFunctionsDialog = new sap.m.Dialog({
+						var aggregateFunctionsDialog = new Dialog({
 							title: this.oBundle.getText("configure_aggr_title"),
 							contentWidth: "800px",
 							contentHeight: "500px",
@@ -146,14 +166,14 @@ sap.ui.define([
 								that._dialogOpenedCallbackReference(false);
 							},
 							buttons: [
-								new sap.m.Button({
+								new Button({
 									text: this.oBundle.getText("applyChangesBtn"),
 									tooltip: this.oBundle.getText("applyChangesBtn"),
 									press: function (event) {
 										aggregateFunctionsDialog.close();
 									}
 								}),
-								new sap.m.Button({
+								new Button({
 									text: this.oBundle.getText("cancelBtn"),
 									tooltip: this.oBundle.getText("cancelBtn"),
 									press: function (event) {
@@ -168,7 +188,7 @@ sap.ui.define([
 				})]
 			})
 
-			var AggregateFunctionsItem = new sap.m.CustomListItem({
+			var AggregateFunctionsItem = new CustomListItem({
 				content: AggregateFunctionsPanel
 			})
 			return AggregateFunctionsItem;
@@ -178,7 +198,7 @@ sap.ui.define([
 			var that = this;
 			this.VocabularyTerms = this.getData();
 			// create a Model with this data
-			var model = new sap.ui.model.json.JSONModel();
+			var model = new JSONModel();
 
 			/*Setting growing shows the growing trigger button with text as 2/14 which we do not need
 			Hence, setting to top 5 and the rest will be shown in More link */
@@ -189,7 +209,7 @@ sap.ui.define([
 			model.setData(topFiveVocabularyData);
 
 			// create a list 
-			this.vocabularylist = new sap.m.List({
+			this.vocabularylist = new List({
 				growingScrollToLoad: true,
 				enableBusyIndicator: true
 			});
@@ -198,10 +218,10 @@ sap.ui.define([
 			// bind the List items to the data collection
 			this.vocabularylist.bindItems({
 				path: "/",
-				sorter: new sap.ui.model.Sorter("label"),
+				sorter: new Sorter("label"),
 				rememberSelections: false,
 				mode: ListMode.SingleSelectMaster,
-				template: new sap.m.DisplayListItem({
+				template: new DisplayListItem({
 					label: "{label}",
 					type: "Active",
 					press: function (oEvent) {
@@ -216,7 +236,7 @@ sap.ui.define([
 			var moreVocabularyLink = this.getMoreVocabulariesLink();
 
 			// add list to the panel
-			var vocabularyListPanel = new sap.m.Panel({
+			var vocabularyListPanel = new Panel({
 				headerText: this.oBundle.getText("vocabularyPanelTitle"),
 				expandable: true,
 				expanded: true,
@@ -232,7 +252,7 @@ sap.ui.define([
 		},
 
 		_setModal: function (value) {
-			var pop = sap.ui.getCore().byId("popover");
+			var pop = Element.getElementById("popover");
 			if (pop) {
 				pop.setModal(value);
 			}
@@ -240,7 +260,7 @@ sap.ui.define([
 
 		getMoreVocabulariesLink: function () {
 			var that = this;
-			var moreVocabularyLink = new sap.m.Link({
+			var moreVocabularyLink = new Link({
 				text: this.oBundle.getText("more_link"),
 				tooltip: this.oBundle.getText("more_link_tooltip"),
 				enabled: true,
@@ -281,11 +301,11 @@ sap.ui.define([
 			var searchField = this.getSearchField(searchFieldText);
 			this.detailedVocabularyList = this.initializeVocabularyList(this.VocabularyTerms);
 			this.bindFilteredTermsToList(this.detailedVocabularyList, "DataObjects", "", false);
-			var verticalLayoutForVocabularyFunction = new sap.ui.layout.VerticalLayout({
+			var verticalLayoutForVocabularyFunction = new VerticalLayout({
 				content: [searchField, that.detailedVocabularyList]
 			}).addStyleClass("sapAstVocabularyPanel");
 
-			this.dataObjectsDialog = new sap.m.Dialog({
+			this.dataObjectsDialog = new Dialog({
 				title: this.oBundle.getText("selectVocabularyTitle"),
 				contentWidth: "500px",
 				contentHeight: "500px",
@@ -295,7 +315,7 @@ sap.ui.define([
 					that._dialogOpenedCallbackReference(false);
 				},
 				buttons: [
-					new sap.m.Button({
+					new Button({
 						text: this.oBundle.getText("cancelBtn"),
 						tooltip: this.oBundle.getText("cancelBtn"),
 						press: function (event) {
@@ -324,10 +344,10 @@ sap.ui.define([
 			this.detailedVocabularyList = this.initializeVocabularyList(this.VocabularyTerms);
 			this.bindFilteredAttributesAndAssociationsToList(this.detailedVocabularyList, "Attributes", "E", false);
 
-			var verticalLayoutForAttributesFunction = new sap.ui.layout.VerticalLayout({
+			var verticalLayoutForAttributesFunction = new VerticalLayout({
 				content: [segmentedButton, searchField, that.detailedVocabularyList]
 			}).addStyleClass("sapAstVocabularyPanel");
-			that.attributesDialog = new sap.m.Dialog({
+			that.attributesDialog = new Dialog({
 				title: this.oBundle.getText("selectAttrAssocTitle"),
 				contentWidth: "500px",
 				contentHeight: "500px",
@@ -337,7 +357,7 @@ sap.ui.define([
 					that._dialogOpenedCallbackReference(false);
 				},
 				buttons: [
-					new sap.m.Button({
+					new Button({
 						text: this.oBundle.getText("cancelBtn"),
 						tooltip: this.oBundle.getText("cancelBtn"),
 						press: function (event) {
@@ -354,8 +374,8 @@ sap.ui.define([
 
 		getAttributesSegmentedButtons: function () {
 			var that = this;
-			var SegmentedButton = new sap.m.SegmentedButton({
-				items: [new sap.m.SegmentedButtonItem({
+			var SegmentedButton = new SegButton({
+				items: [new SegButtonItem({
 						text: this.oBundle.getText("attributes"),
 						width: "230px",
 						press: function () {
@@ -367,7 +387,7 @@ sap.ui.define([
 							that.bindFilteredAttributesAndAssociationsToList(that.detailedVocabularyList, "Attributes", "E", false);
 						}
 					}),
-					new sap.m.SegmentedButtonItem({
+					new SegButtonItem({
 						text: this.oBundle.getText("associations"),
 						width: "230px",
 						press: function () {
@@ -385,7 +405,7 @@ sap.ui.define([
 		},
 
 		bindFilteredTermsToList: function (oList, objectPath, searchText, requireSearch) {
-			var model = new sap.ui.model.json.JSONModel(this.VocabularyTerms);
+			var model = new JSONModel(this.VocabularyTerms);
 			for (var entry in model.oData) {
 				if (model.oData[entry].type === "T") {
 					model.oData[entry].displayType = "Table";
@@ -410,13 +430,13 @@ sap.ui.define([
 			var that = this;
 			var datapath = "/";
 			if (!oList) {
-				oList = new sap.m.List({});
+				oList = new List({});
 			}
 			oList.setModel(model);
 			oList.bindItems({
 				path: datapath,
-				sorter: new sap.ui.model.Sorter("type"),
-				template: new sap.m.DisplayListItem({
+				sorter: new Sorter("type"),
+				template: new DisplayListItem({
 					label: "{label}",
 					value: "{displayType}",
 					type: "Active",
@@ -441,18 +461,18 @@ sap.ui.define([
 			if (requireSearch) {
 				var filterArray = [];
 				var filterProperty = "label";
-				filterArray.push(new sap.ui.model.Filter(filterProperty, sap.ui.model.FilterOperator.Contains, searchText));
+				filterArray.push(new Filter(filterProperty, FilterOperator.Contains, searchText));
 				oList.getBinding("items").filter(filterArray);
 				oList.getModel().refresh(true);
 			}
 		},
 
 		bindFilteredAttributesAndAssociationsToList: function (oList, objectPath, searchText, requireSearch) {
-			var model = new sap.ui.model.json.JSONModel(this.VocabularyTerms);
+			var model = new JSONModel(this.VocabularyTerms);
 			var that = this;
 			var datapath = "/";
 			if (!oList) {
-				oList = new sap.m.List({});
+				oList = new List({});
 			}
 			if(model && model.oData){
 				for (var entry in model.oData) {
@@ -469,8 +489,8 @@ sap.ui.define([
 			oList.setModel(model);
 			oList.bindItems({
 				path: datapath,
-				sorter: new sap.ui.model.Sorter("label"),
-				template: new sap.m.DisplayListItem({
+				sorter: new Sorter("label"),
+				template: new DisplayListItem({
 					label: "{label}",
 					value: "{displayType}",
 					type: "Active",
@@ -486,14 +506,14 @@ sap.ui.define([
 
 			if (requireSearch) {
 				if(objectPath === "AO") {
-					oList.getBinding("items").filter(new sap.ui.model.Filter({
+					oList.getBinding("items").filter(new Filter({
 						filters: [
 							this.getSearchFiltersAttributesAssociation(searchText,objectPath)
 						],
 						and: true
 					}));
 				} else {
-					oList.getBinding("items").filter(new sap.ui.model.Filter({
+					oList.getBinding("items").filter(new Filter({
 						filters: [
 							this.getSearchFiltersReference(searchText),
 							this.getSearchFiltersAttributesAssociation(searchText,objectPath)
@@ -505,12 +525,12 @@ sap.ui.define([
 				var filterArray = [];
 				var filterProperty = "type";
 				if (searchText === "E") {
-					filterArray.push(new sap.ui.model.Filter(filterProperty, sap.ui.model.FilterOperator.Contains, searchText));
-					filterArray.push(new sap.ui.model.Filter(filterProperty, sap.ui.model.FilterOperator.Contains, "R"));
+					filterArray.push(new Filter(filterProperty, FilterOperator.Contains, searchText));
+					filterArray.push(new Filter(filterProperty, FilterOperator.Contains, "R"));
 				} else {
-					filterArray.push(new sap.ui.model.Filter(filterProperty, sap.ui.model.FilterOperator.Contains, searchText));
+					filterArray.push(new Filter(filterProperty, FilterOperator.Contains, searchText));
 				}
-				oList.getBinding("items").filter(new sap.ui.model.Filter({
+				oList.getBinding("items").filter(new Filter({
 					filters: filterArray,
 					and: false
 				}));
@@ -519,20 +539,20 @@ sap.ui.define([
 		},
 
 		getSearchFiltersReference: function(searchText) {
-            return new sap.ui.model.Filter({
+            return new Filter({
             	filters: [
-            		new sap.ui.model.Filter("type", sap.ui.model.FilterOperator.Contains, "R"),
-            		new sap.ui.model.Filter("label", sap.ui.model.FilterOperator.Contains, searchText)
+            		new Filter("type",  FilterOperator.Contains, "R"),
+            		new Filter("label", FilterOperator.Contains, searchText)
             		],
             	and: true,
             });
 		},
 
 		getSearchFiltersAttributesAssociation: function(searchText,type) {
-            return new sap.ui.model.Filter({
+            return new Filter({
             	filters: [
-            		new sap.ui.model.Filter("type", sap.ui.model.FilterOperator.Contains, type),
-            		new sap.ui.model.Filter("label", sap.ui.model.FilterOperator.Contains, searchText)
+            		new Filter("type", FilterOperator.Contains, type),
+            		new Filter("label", FilterOperator.Contains, searchText)
             		],
             	and: true,
             });
@@ -540,18 +560,18 @@ sap.ui.define([
 		
 		getDataObjectFilter: function () {
 			if (this.AttributeSegmentSelected) {
-				return new sap.ui.model.Filter("DataObjectId", sap.ui.model.FilterOperator.Contains, this.dataObjectId)
+				return new Filter("DataObjectId", FilterOperator.Contains, this.dataObjectId)
 			}
 			if (this.AssociationSegmentSelected) {
-				return new sap.ui.model.Filter("SourceDataObjectId", sap.ui.model.FilterOperator.Contains, this.dataObjectId)
+				return new Filter("SourceDataObjectId", FilterOperator.Contains, this.dataObjectId)
 			}
 		},
 
 		getSearchFilters: function (searchText) {
-			return new sap.ui.model.Filter({
+			return new Filter({
 				filters: [
-					new sap.ui.model.Filter("name", sap.ui.model.FilterOperator.Contains, searchText),
-					new sap.ui.model.Filter("label", sap.ui.model.FilterOperator.Contains, searchText)
+					new Filter("name", FilterOperator.Contains, searchText),
+					new Filter("label", FilterOperator.Contains, searchText)
 				],
 				and: false
 			});
@@ -559,7 +579,7 @@ sap.ui.define([
 
 		getSearchField: function (placeHolderText) {
 			var that = this;
-			this.searchField = new sap.m.SearchField({
+			this.searchField = new SearchField({
 				showSearchButton: false,
 				width: "462px",
 				placeholder: placeHolderText, //searchType,
@@ -600,16 +620,16 @@ sap.ui.define([
 		},
 
 		initializeVocabularyList: function (vocabularyData) {
-			var model = new sap.ui.model.json.JSONModel(vocabularyData);
+			var model = new JSONModel(vocabularyData);
 			var datapath = "/";
-			var vocabularylist = new sap.m.List({
+			var vocabularylist = new List({
 				headerText: this.oBundle.getText("vocabulary")
 			});
 			vocabularylist.setModel(model);
 			vocabularylist.bindItems({
 				path: datapath,
-				sorter: new sap.ui.model.Sorter("label"),
-				template: new sap.m.DisplayListItem({
+				sorter: new Sorter("label"),
+				template: new DisplayListItem({
 					label: "{label}",
 					value: "{type}",
 					type: "Active",