@sapui5/sap.ushell 1.138.1 → 1.139.0

package/src/main/js/sap/ushell/components/factsheet/annotation/Mapping.js

@@ -5,23 +5,58 @@
  * @deprecated
  */
 sap.ui.define([
+    "sap/ui/thirdparty/jquery",
     "sap/ui/Device"
-], function (Device) {
+], (
+    jQuery,
+    Device
+) => {
     "use strict";
 
     /* global ActiveXObject */
 
-    var Mapping = {};
+    const Mapping = {};
     Mapping.initialized = [];
 
     Mapping.parse = function (oMetadata, sAnnotationUri) {
-        var xPath = {}, oAlias = {}, oSchema = {}, oAnnotations = {}, mappingList = {},
-            sAnnoNameSpace = "",
-            i, j,
-            xmlDoc, schemaNodes, sAlias, schemaNode, refNode, refNodes, aliasNode, aliasNodes, annoNode, annoNodes, termNode, termNodes,
-            oTerms, nodeIndex, sTermType, oMetadataProperties, annotationNode, annotationNodes, annotationTarget, annotationNamespace,
-            annotation, propertyAnnotation, propertyAnnotationNodes, nodeIndexValue, propertyAnnotationNode, sTermValue, targetAnnotation,
-            nodeIndexAnnotation, annotationQualifier, annotationTerm, valueAnnotation, expandNode, expandNodes, pathValues, path, expandNodesApplFunc;
+        let xPath = {};
+        const oAlias = {};
+        const oSchema = {};
+        const oAnnotations = {};
+        const mappingList = {};
+        let sAnnoNameSpace = "";
+        let i;
+        let j;
+        let xmlDoc;
+        let sAlias;
+        let schemaNode;
+        let refNode;
+        let aliasNode;
+        let aliasNodes;
+        let annoNode;
+        let termNode;
+        let oTerms;
+        let nodeIndex;
+        let sTermType;
+        let annotationNode;
+        let annotationTarget;
+        let annotationNamespace;
+        let annotation;
+        let propertyAnnotation;
+        let propertyAnnotationNodes;
+        let nodeIndexValue;
+        let propertyAnnotationNode;
+        let sTermValue;
+        let targetAnnotation;
+        let nodeIndexAnnotation;
+        let annotationQualifier;
+        let annotationTerm;
+        let valueAnnotation;
+        let expandNode;
+        let expandNodes;
+        let pathValues;
+        let path;
+        let expandNodesApplFunc;
 
         if (Device.browser.internet_explorer) {
             xPath = {
@@ -40,15 +75,15 @@ sap.ui.define([
                     return node.text;
                 }
             };
-        } else { //Chrome, Firefox, Opera, etc.
+        } else { // Chrome, Firefox, Opera, etc.
             xPath = {
                 setNameSpace: function (outNode) { return outNode; },
                 nsResolver: function (prefix) {
-                    var ns = { edmx: "http://docs.oasis-open.org/odata/ns/edmx", d: "http://docs.oasis-open.org/odata/ns/edm" };
+                    const ns = { edmx: "http://docs.oasis-open.org/odata/ns/edmx", d: "http://docs.oasis-open.org/odata/ns/edm" };
                     return ns[prefix] || null;
                 },
                 selectNodes: function (outNode, sPath, inNode) {
-                    var xmlNodes = outNode.evaluate(sPath, inNode, this.nsResolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
+                    const xmlNodes = outNode.evaluate(sPath, inNode, this.nsResolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
                     xmlNodes.length = xmlNodes.snapshotLength;
                     return xmlNodes;
                 },
@@ -57,8 +92,8 @@ sap.ui.define([
             };
         }
 
-        var getHttpResponseXML = function (uri) {
-            var oXHRResponse;
+        function getHttpResponseXML (uri) {
+            let oXHRResponse;
             if (Device.browser.internet_explorer) {
                 oXHRResponse = new ActiveXObject("Microsoft.XMLHTTP");
                 oXHRResponse.open("GET", uri, false);
@@ -69,13 +104,13 @@ sap.ui.define([
             if (oXHRResponse.success) {
                 return oXHRResponse.data;
             }
-        };
+        }
 
-        var getAllPropertiesMetadata = function (oMetadata) {
-            var oMetadataSchema = {}, oPropertyTypes = {}, oPropertyExtensions = {}, bPropertyExtensions = false,
-                i, sNamespace, aEntityTypes, aComplexTypes, oEntityType = {}, j, oProperties = {}, oExtensions = {},
-                bExtensions = false, oProperty, l, k, oComplexTypeProp, sPropertyName, sType, oPropExtension, p,
-                oReturn;
+        function getAllPropertiesMetadata (oMetadata) {
+            let oMetadataSchema = {}; const oPropertyTypes = {}; const oPropertyExtensions = {}; let bPropertyExtensions = false;
+            let i; let sNamespace; let aEntityTypes; let aComplexTypes; let oEntityType = {}; let j; let oProperties = {}; let oExtensions = {};
+            let bExtensions = false; let oProperty; let l; let k; let oComplexTypeProp; let sPropertyName; let sType; let oPropExtension; let p;
+            let oReturn;
             for (i = oMetadata.dataServices.schema.length - 1; i >= 0; i -= 1) {
                 oMetadataSchema = oMetadata.dataServices.schema[i];
                 if (oMetadataSchema.entityType) {
@@ -97,7 +132,7 @@ sap.ui.define([
                                         if (aComplexTypes[l].name === oProperty.type.substring(sNamespace.length + 1)) {
                                             for (k in aComplexTypes[l].property) {
                                                 oComplexTypeProp = aComplexTypes[l].property[k];
-                                                oProperties[aComplexTypes[l].name + "/" + oComplexTypeProp.name] = oComplexTypeProp.type;
+                                                oProperties[`${aComplexTypes[l].name}/${oComplexTypeProp.name}`] = oComplexTypeProp.type;
                                             }
                                         }
                                     }
@@ -122,16 +157,16 @@ sap.ui.define([
                                     oProperties[sPropertyName] = sType;
                                 }
                             }
-                            if (!oPropertyTypes[sNamespace + "." + oEntityType.name]) {
-                                oPropertyTypes[sNamespace + "." + oEntityType.name] = {};
+                            if (!oPropertyTypes[`${sNamespace}.${oEntityType.name}`]) {
+                                oPropertyTypes[`${sNamespace}.${oEntityType.name}`] = {};
                             }
-                            oPropertyTypes[sNamespace + "." + oEntityType.name] = oProperties;
+                            oPropertyTypes[`${sNamespace}.${oEntityType.name}`] = oProperties;
                             if (bExtensions) {
-                                if (!oPropertyExtensions[sNamespace + "." + oEntityType.name]) {
+                                if (!oPropertyExtensions[`${sNamespace}.${oEntityType.name}`]) {
                                     bPropertyExtensions = true;
                                 }
-                                oPropertyExtensions[sNamespace + "." + oEntityType.name] = {};
-                                oPropertyExtensions[sNamespace + "." + oEntityType.name] = oExtensions;
+                                oPropertyExtensions[`${sNamespace}.${oEntityType.name}`] = {};
+                                oPropertyExtensions[`${sNamespace}.${oEntityType.name}`] = oExtensions;
                             }
                         }
                     }
@@ -143,10 +178,30 @@ sap.ui.define([
                 oReturn = { types: oPropertyTypes };
             }
             return oReturn;
-        };
+        }
 
-        var setEdmTypes = function (aPropertyValues, oProperties, sTarget, oSchema) {
-            var pValueIndex, oPropertyValue, sEdmType = "";
+        function getEdmType (sPath, oProperties, sTarget, oSchema) {
+            let pIndex;
+            if ((sPath.charAt(0) === "@") && (sPath.indexOf(oSchema.Alias) === 1)) {
+                sPath = sPath.slice(oSchema.Alias.length + 2);
+            }
+            if (sPath.indexOf("/") >= 0) {
+                if (oProperties[sPath.slice(0, sPath.indexOf("/"))]) {
+                    sTarget = sPath.slice(0, sPath.indexOf("/"));
+                    sPath = sPath.slice(sPath.indexOf("/") + 1);
+                }
+            }
+            for (pIndex in oProperties[sTarget]) {
+                if (oProperties[sTarget].hasOwnProperty(pIndex)) {
+                    if (sPath === pIndex) {
+                        return oProperties[sTarget][pIndex];
+                    }
+                }
+            }
+        }
+
+        function setEdmTypes (aPropertyValues, oProperties, sTarget, oSchema) {
+            let pValueIndex; let oPropertyValue; let sEdmType = "";
             for (pValueIndex in aPropertyValues) {
                 if (aPropertyValues.hasOwnProperty(pValueIndex)) {
                     if (aPropertyValues[pValueIndex]) {
@@ -191,30 +246,22 @@ sap.ui.define([
                 }
             }
             return aPropertyValues;
-        };
+        }
 
-        var getEdmType = function (sPath, oProperties, sTarget, oSchema) {
-            var pIndex;
-            if ((sPath.charAt(0) === "@") && (sPath.indexOf(oSchema.Alias) === 1)) {
-                sPath = sPath.slice(oSchema.Alias.length + 2);
-            }
-            if (sPath.indexOf("/") >= 0) {
-                if (oProperties[sPath.slice(0, sPath.indexOf("/"))]) {
-                    sTarget = sPath.slice(0, sPath.indexOf("/"));
-                    sPath = sPath.slice(sPath.indexOf("/") + 1);
-                }
-            }
-            for (pIndex in oProperties[sTarget]) {
-                if (oProperties[sTarget].hasOwnProperty(pIndex)) {
-                    if (sPath === pIndex) {
-                        return oProperties[sTarget][pIndex];
+        function replaceWithAlias (sValue) {
+            for (sAlias in oAlias) {
+                if (oAlias.hasOwnProperty(sAlias)) {
+                    if (sValue.indexOf(`${sAlias}.`) >= 0) {
+                        sValue = sValue.replace(`${sAlias}.`, `${oAlias[sAlias]}.`);
+                        return sValue;
                     }
                 }
             }
-        };
+            return sValue;
+        }
 
-        var getPropertyValueAttributes = function (documentNode) {
-            var attrName = "", attrValue = "", i, propertyValueAttributes = {};
+        function getPropertyValueAttributes (documentNode) {
+            let attrName = ""; let attrValue = ""; let i; const propertyValueAttributes = {};
             for (i = 0; i < documentNode.attributes.length; i += 1) {
                 if ((documentNode.attributes[i].name !== "Property") && (documentNode.attributes[i].name !== "Term")) {
                     attrName = documentNode.attributes[i].name;
@@ -225,10 +272,36 @@ sap.ui.define([
                 propertyValueAttributes[attrName] = replaceWithAlias(attrValue);
             }
             return propertyValueAttributes;
-        };
+        }
 
-        var getSimpleNodeValue = function (xmlDoc, documentNode) {
-            var oValue = {}, stringValueNodes, stringValueNode, pathValueNodes, pathValueNode, applyValueNodes, applyValueNode;
+        function getApplyFunctions (xmlDoc, applyNode) {
+            const apply = {};
+            let paraNode = null;
+            const parameters = [];
+            let i;
+            const parameterNodes = xPath.selectNodes(xmlDoc, "./d:*", applyNode);
+            for (i = 0; i < parameterNodes.length; i += 1) {
+                paraNode = xPath.nextNode(parameterNodes, i);
+                switch (paraNode.nodeName) {
+                    case "Apply":
+                        parameters.push({ Type: "Apply", Value: getApplyFunctions(xmlDoc, paraNode) });
+                        break;
+                    case "LabeledElement":
+                        // eslint-disable-next-line no-use-before-define
+                        parameters.push({ Name: paraNode.getAttribute("Name"), Value: getSimpleNodeValue(xmlDoc, paraNode) });
+                        break;
+                    default:
+                        parameters.push({ Type: paraNode.nodeName, Value: xPath.getNodeText(paraNode) });
+                        break;
+                }
+            }
+            apply.Name = applyNode.getAttribute("Function");
+            apply.Parameters = parameters;
+            return apply;
+        }
+
+        function getSimpleNodeValue (xmlDoc, documentNode) {
+            const oValue = {}; let stringValueNodes; let stringValueNode; let pathValueNodes; let pathValueNode; let applyValueNodes; let applyValueNode;
             if (documentNode.hasChildNodes()) {
                 stringValueNodes = xPath.selectNodes(xmlDoc, "./d:String", documentNode);
                 if (stringValueNodes.length > 0) {
@@ -249,17 +322,18 @@ sap.ui.define([
                 }
             }
             return oValue;
-        };
+        }
 
-        var getPropertyValue = function (xmlDoc, documentNode, target) {
-            var propertyValue = {}, recordNodes, recordNodeCnt, nodeIndex, recordNode, propertyValues, urlValueNodes, urlValueNode,
-                pathNode, oPath = {}, annotationNodes, annotationNode, nodeIndexValue, termValue, collectionNodes;
+        function getPropertyValue (xmlDoc, documentNode, target) {
+            let propertyValue = {}; let recordNodes; let recordNodeCnt; let nodeIndex; let recordNode; let propertyValues; let urlValueNodes; let urlValueNode;
+            let pathNode; let oPath = {}; let annotationNodes; let annotationNode; let nodeIndexValue; let termValue; let collectionNodes;
             if (documentNode.hasChildNodes()) {
                 recordNodes = xPath.selectNodes(xmlDoc, "./d:Record | ./d:Collection/d:Record | ./d:Collection/d:If/d:Record", documentNode);
                 if (recordNodes.length) {
                     recordNodeCnt = 0;
                     for (nodeIndex = 0; nodeIndex < recordNodes.length; nodeIndex += 1) {
                         recordNode = xPath.nextNode(recordNodes, nodeIndex);
+                        // eslint-disable-next-line no-use-before-define
                         propertyValues = getPropertyValues(xmlDoc, recordNode, target);
                         if (recordNode.getAttribute("Type")) {
                             propertyValues.RecordType = replaceWithAlias(recordNode.getAttribute("Type"));
@@ -319,12 +393,20 @@ sap.ui.define([
                 propertyValue = getPropertyValueAttributes(documentNode);
             }
             return propertyValue;
-        };
+        }
 
-        var getPropertyValues = function (xmlDoc, documentNode, target) {
-            var properties = {}, annotationNode = {}, annotationNodes, nodeIndexValue, termValue, propertyValueNodes, nodeIndex,
-                propertyValueNode, propertyName, applyNodes, applyNode, applyNodeIndex;
-            annotationNodes = xPath.selectNodes(xmlDoc, "./d:Annotation", documentNode);
+        function getPropertyValues (xmlDoc, documentNode, target) {
+            let properties = {};
+            let annotationNode = {};
+            let nodeIndexValue;
+            let termValue;
+            let nodeIndex;
+            let propertyValueNode;
+            let propertyName;
+            let applyNodes;
+            let applyNode;
+            let applyNodeIndex;
+            const annotationNodes = xPath.selectNodes(xmlDoc, "./d:Annotation", documentNode);
             for (nodeIndexValue = 0; nodeIndexValue < annotationNodes.length; nodeIndexValue += 1) {
                 annotationNode = xPath.nextNode(annotationNodes, nodeIndexValue);
                 if (annotationNode.hasChildNodes() === false) {
@@ -332,7 +414,7 @@ sap.ui.define([
                     properties[termValue] = getPropertyValueAttributes(annotationNode);
                 }
             }
-            propertyValueNodes = xPath.selectNodes(xmlDoc, "./d:PropertyValue", documentNode);
+            const propertyValueNodes = xPath.selectNodes(xmlDoc, "./d:PropertyValue", documentNode);
             if (propertyValueNodes.length > 0) {
                 for (nodeIndex = 0; nodeIndex < propertyValueNodes.length; nodeIndex += 1) {
                     propertyValueNode = xPath.nextNode(propertyValueNodes, nodeIndex);
@@ -352,36 +434,14 @@ sap.ui.define([
                 properties = getPropertyValue(xmlDoc, documentNode, target);
             }
             return properties;
-        };
-
-        var getApplyFunctions = function (xmlDoc, applyNode) {
-            var apply = {}, parameterNodes, paraNode = null, parameters = [], i;
-            parameterNodes = xPath.selectNodes(xmlDoc, "./d:*", applyNode);
-            for (i = 0; i < parameterNodes.length; i += 1) {
-                paraNode = xPath.nextNode(parameterNodes, i);
-                switch (paraNode.nodeName) {
-                    case "Apply":
-                        parameters.push({ Type: "Apply", Value: getApplyFunctions(xmlDoc, paraNode) });
-                        break;
-                    case "LabeledElement":
-                        parameters.push({ Name: paraNode.getAttribute("Name"), Value: getSimpleNodeValue(xmlDoc, paraNode) });
-                        break;
-                    default:
-                        parameters.push({ Type: paraNode.nodeName, Value: xPath.getNodeText(paraNode) });
-                        break;
-                }
-            }
-            apply.Name = applyNode.getAttribute("Function");
-            apply.Parameters = parameters;
-            return apply;
-        };
+        }
 
-        var isNavProperty = function (sEntityType, sPathValue/*, metadata*/) {
-            var oMetadataSchema, i, namespace, aEntityTypes, j, k;
+        function isNavProperty (sEntityType, sPathValue/* , metadata */) {
+            let oMetadataSchema; let i; let namespace; let aEntityTypes; let j; let k;
             for (i = oMetadata.dataServices.schema.length - 1; i >= 0; i -= 1) {
                 oMetadataSchema = oMetadata.dataServices.schema[i];
                 if (oMetadataSchema.entityType) {
-                    namespace = oMetadataSchema.namespace + ".";
+                    namespace = `${oMetadataSchema.namespace}.`;
                     aEntityTypes = oMetadataSchema.entityType;
                     for (k = aEntityTypes.length - 1; k >= 0; k -= 1) {
                         if (namespace + aEntityTypes[k].name === sEntityType && aEntityTypes[k].navigationProperty) {
@@ -395,36 +455,24 @@ sap.ui.define([
                 }
             }
             return false;
-        };
-
-        var replaceWithAlias = function (sValue) {
-            for (sAlias in oAlias) {
-                if (oAlias.hasOwnProperty(sAlias)) {
-                    if (sValue.indexOf(sAlias + ".") >= 0) {
-                        sValue = sValue.replace(sAlias + ".", oAlias[sAlias] + ".");
-                        return sValue;
-                    }
-                }
-            }
-            return sValue;
-        };
+        }
 
         if (this.initialized[sAnnotationUri]) {
             return this.initialized[sAnnotationUri];
         }
         // Read Annotation File
         xmlDoc = getHttpResponseXML(sAnnotationUri);
-        //Set XPath namespace
+        // Set XPath namespace
         xmlDoc = xPath.setNameSpace(xmlDoc);
-        //Schema Alias
-        schemaNodes = xPath.selectNodes(xmlDoc, "//d:Schema", xmlDoc);
+        // Schema Alias
+        const schemaNodes = xPath.selectNodes(xmlDoc, "//d:Schema", xmlDoc);
         for (i = 0; i < schemaNodes.length; i += 1) {
             schemaNode = xPath.nextNode(schemaNodes, i);
             oSchema.Alias = schemaNode.getAttribute("Alias");
             oSchema.Namespace = schemaNode.getAttribute("Namespace");
         }
-        //Alias nodes
-        refNodes = xPath.selectNodes(xmlDoc, "//edmx:Reference", xmlDoc);
+        // Alias nodes
+        const refNodes = xPath.selectNodes(xmlDoc, "//edmx:Reference", xmlDoc);
         for (i = 0; i < refNodes.length; i += 1) {
             refNode = xPath.nextNode(refNodes, i);
             aliasNodes = xPath.selectNodes(xmlDoc, "./edmx:Include", refNode);
@@ -436,7 +484,7 @@ sap.ui.define([
                     oAlias[aliasNode.getAttribute("Namespace")] = aliasNode.getAttribute("Namespace");
                 }
             }
-            annoNodes = xPath.selectNodes(xmlDoc, "./edmx:IncludeAnnotations", refNode);
+            const annoNodes = xPath.selectNodes(xmlDoc, "./edmx:IncludeAnnotations", refNode);
             if (annoNodes.length > 0) {
                 for (j = 0; j < annoNodes.length; j += 1) {
                     annoNode = xPath.nextNode(annoNodes, j);
@@ -456,24 +504,24 @@ sap.ui.define([
             mappingList.annotationReferences = oAnnotations;
         }
         mappingList.aliasDefinitions = oAlias;
-        //Term nodes
-        termNodes = xPath.selectNodes(xmlDoc, "//d:Term", xmlDoc);
+        // Term nodes
+        const termNodes = xPath.selectNodes(xmlDoc, "//d:Term", xmlDoc);
         if (termNodes.length > 0) {
             oTerms = {};
             for (nodeIndex = 0; nodeIndex < termNodes.length; nodeIndex += 1) {
                 termNode = xPath.nextNode(termNodes, nodeIndex);
                 sTermType = replaceWithAlias(termNode.getAttribute("Type"));
-                oTerms["@" + oSchema.Alias + "." + termNode.getAttribute("Name")] = sTermType;
+                oTerms[`@${oSchema.Alias}.${termNode.getAttribute("Name")}`] = sTermType;
             }
             mappingList.termDefinitions = oTerms;
         }
-        //Metadata information of all properties
-        oMetadataProperties = getAllPropertiesMetadata(oMetadata);
+        // Metadata information of all properties
+        const oMetadataProperties = getAllPropertiesMetadata(oMetadata);
         if (oMetadataProperties.extensions) {
             mappingList.propertyExtensions = oMetadataProperties.extensions;
         }
-        //Annotations
-        annotationNodes = xPath.selectNodes(xmlDoc, "//d:Annotations ", xmlDoc);
+        // Annotations
+        const annotationNodes = xPath.selectNodes(xmlDoc, "//d:Annotations ", xmlDoc);
         for (nodeIndex = 0; nodeIndex < annotationNodes.length; nodeIndex += 1) {
             annotationNode = xPath.nextNode(annotationNodes, nodeIndex);
             if (annotationNode.hasChildNodes() === false) {
@@ -488,7 +536,7 @@ sap.ui.define([
             propertyAnnotation = null;
             if (annotationTarget.indexOf("/") > 0) {
                 annotation = annotationTarget.split("/")[0];
-                propertyAnnotation = annotationTarget.replace(annotation + "/", "");
+                propertyAnnotation = annotationTarget.replace(`${annotation}/`, "");
             }
             if (!mappingList[annotation]) {
                 mappingList[annotation] = {};
@@ -519,14 +567,14 @@ sap.ui.define([
                     annotationQualifier = propertyAnnotationNode.getAttribute("Qualifier");
                     annotationTerm = replaceWithAlias(propertyAnnotationNode.getAttribute("Term"));
                     if (annotationQualifier) {
-                        annotationTerm += "#" + annotationQualifier;
+                        annotationTerm += `#${annotationQualifier}`;
                     }
                     valueAnnotation = getPropertyValue(xmlDoc, propertyAnnotationNode, targetAnnotation);
                     valueAnnotation = setEdmTypes(valueAnnotation, oMetadataProperties.types, annotation, oSchema);
                     mappingList[annotation][annotationTerm] = valueAnnotation;
                 }
                 // --- Setup of Expand nodes. ---
-                expandNodes = xPath.selectNodes(xmlDoc, "//d:Annotations[contains(@Target, '" + targetAnnotation + "')]//d:PropertyValue[contains(@Path, '/')]//@Path", xmlDoc);
+                expandNodes = xPath.selectNodes(xmlDoc, `//d:Annotations[contains(@Target, '${targetAnnotation}')]//d:PropertyValue[contains(@Path, '/')]//@Path`, xmlDoc);
                 for (i = 0; i < expandNodes.length; i += 1) {
                     expandNode = xPath.nextNode(expandNodes, i);
                     path = expandNode.value;
@@ -548,7 +596,7 @@ sap.ui.define([
                         mappingList.expand[annotation][pathValues[0]] = pathValues[0];
                     }
                 }
-                expandNodesApplFunc = xPath.selectNodes(xmlDoc, "//d:Annotations[contains(@Target, '" + targetAnnotation + "')]//d:Path[contains(., '/')]", xmlDoc);
+                expandNodesApplFunc = xPath.selectNodes(xmlDoc, `//d:Annotations[contains(@Target, '${targetAnnotation}')]//d:Path[contains(., '/')]`, xmlDoc);
                 for (i = 0; i < expandNodesApplFunc.length; i += 1) {
                     expandNode = xPath.nextNode(expandNodesApplFunc, i);
                     path = xPath.getNodeText(expandNode);

package/src/main/js/sap/ushell/components/factsheet/controls/PictureTile.js

@@ -5,24 +5,26 @@
  * @deprecated since 1.22. Please use {@link sap.m.Carousel} instead.
  */
 sap.ui.define([
+    "sap/ui/thirdparty/jquery",
     "sap/m/CustomTile",
     "sap/m/Button",
     "sap/m/library",
     "sap/ui/Device",
     "sap/ushell/library", // css style dependency
     "./PictureTileRenderer"
-], function (
+], (
+    jQuery,
     CustomTile,
     Button,
     mobileLibrary,
     Device
     // ushellLibrary
     // PictureTileRenderer
-) {
+) => {
     "use strict";
 
     // shortcut for sap.m.ButtonType
-    var ButtonType = mobileLibrary.ButtonType;
+    const ButtonType = mobileLibrary.ButtonType;
 
     /**
      * Constructor for a new components/factsheet/controls/PictureTile.
@@ -40,7 +42,7 @@ sap.ui.define([
      * @name sap.ushell.components.factsheet.controls.PictureTile
      * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
      */
-    var PictureTile = CustomTile.extend("sap.ushell.components.factsheet.controls.PictureTile", /** @lends sap.ushell.components.factsheet.controls.PictureTile.prototype */ {
+    const PictureTile = CustomTile.extend("sap.ushell.components.factsheet.controls.PictureTile", /** @lends sap.ushell.components.factsheet.controls.PictureTile.prototype */ {
         metadata: {
             deprecated: true,
             library: "sap.ushell",
@@ -61,7 +63,7 @@ sap.ui.define([
         }
     });
 
-    PictureTile.prototype.init = function (/*oTileContent*/) {
+    PictureTile.prototype.init = function (/* oTileContent */) {
         this._oDeletePictureButton = new Button({
             icon: "sap-icon://sys-cancel",
             press: this._deletePictureRequestHandler.bind(this),
@@ -87,16 +89,18 @@ sap.ui.define([
      * @name sap.ushell.components.factsheet.controls.PictureTile#setTileContent
      * @function
      */
-    PictureTile.prototype.setTileContent = function (oTileContent) {
+    PictureTile.prototype.setTileContent = function (vTileContent) {
         this.setContent(null);
-        if (oTileContent) {
-            var image = oTileContent.getImage();
+        if (vTileContent) {
+            const image = vTileContent.getImage();
 
             this.setContent(image);
         } else {
             this.setContent(null);
         }
-        this.setAssociation("tileContent", oTileContent);
+        this.setAssociation("tileContent", vTileContent);
+
+        return this;
     };
 
     /**
@@ -109,21 +113,21 @@ sap.ui.define([
         this._width = iWidth;
         this._height = iHeight;
 
-        var $this = this.$();
+        const $this = this.$();
         if ($this) {
-            $this.css({ width: iWidth + "px", height: iHeight + "px" });
+            $this.css({ width: `${iWidth}px`, height: `${iHeight}px` });
 
             // adding this class later because display: inline-block is causing issue for width/height calculation
-            jQuery.sap.byId(this.getId() + "-wrapper").addClass("sapCaUiPTWrapper");
+            jQuery.sap.byId(`${this.getId()}-wrapper`).addClass("sapCaUiPTWrapper");
         }
     };
 
-    PictureTile.prototype._tilePressedHandler = function (/*oEvent*/) {
+    PictureTile.prototype._tilePressedHandler = function (/* oEvent */) {
         this.switchVisibility();
     };
 
     PictureTile.prototype.switchVisibility = function (bVisible) {
-        var $delBtn = this._oDeletePictureButton.$();
+        const $delBtn = this._oDeletePictureButton.$();
         if (bVisible === undefined) {
             $delBtn.toggleClass("hide");
         } else {
@@ -131,8 +135,8 @@ sap.ui.define([
         }
     };
 
-    PictureTile.prototype._tileSwipedHandler = function (/*oEvent*/) {
-        var $deleteBtn = this._oDeletePictureButton.$();
+    PictureTile.prototype._tileSwipedHandler = function (/* oEvent */) {
+        const $deleteBtn = this._oDeletePictureButton.$();
         if ($deleteBtn && !$deleteBtn.hasClass("hide")) {
             $deleteBtn.addClass("hide");
         }

package/src/main/js/sap/ushell/components/factsheet/controls/PictureTileRenderer.js

@@ -2,7 +2,7 @@
 
 sap.ui.define([
     "jquery.sap.global", "sap/m/CustomTileRenderer", "sap/ui/core/Renderer"
-], function (jQuery, CustomTileRenderer, Renderer) {
+], (jQuery, CustomTileRenderer, Renderer) => {
     "use strict";
 
     /**
@@ -11,7 +11,7 @@ sap.ui.define([
      * @static
      */
 
-    var PictureTileRenderer = Renderer.extend(CustomTileRenderer);
+    const PictureTileRenderer = Renderer.extend(CustomTileRenderer);
 
     /**
      * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
@@ -36,7 +36,7 @@ sap.ui.define([
         oRm.writeClasses();
         oRm.write(">");
 
-        oRm.write("<div id='" + oControl.getId() + "-wrapper'>");
+        oRm.write(`<div id='${oControl.getId()}-wrapper'>`);
 
         oRm.renderControl(oControl._oDeletePictureButton);