feat: add className property to text ellipsis

Author: vladzabolotnyi

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tyk-technologies/tyk-ui",
-  "version": "4.4.26-alpha1",
+  "version": "4.4.26-alpha2",
   "description": "Tyk UI - ui reusable components",
   "main": "src/index.js",
   "scripts": {

src/components/TextEllipsis/index.js

@@ -7,7 +7,7 @@ import Tooltip from "../Tooltip";
  * The entire text is displayed with the help of Tooltip component
  */
 
-function TextEllipsis({ text, limit, position, truncateFrom = "end" }) {
+function TextEllipsis({ className, text, limit, position, truncateFrom = "end" }) {
   if (text.length <= limit) {
     return text;
   }
@@ -21,13 +21,14 @@ function TextEllipsis({ text, limit, position, truncateFrom = "end" }) {
   }
 
   return (
-    <Tooltip render={text} position={position}>
+    <Tooltip className={className} render={text} position={position}>
       {displayText}
     </Tooltip>
   );
 }
 
 TextEllipsis.propTypes = {
+  className: PropTypes.string,
   /** Text to be shrinked by TextEllipsis */
   text: PropTypes.string,
   /** Number of characters that TextEllipsis would leave visible */