@devtron-labs/devtron-fe-common-lib 0.0.42-beta-4 → 0.0.42-beta-5

package/dist/Common/Helper.d.ts

@@ -11,7 +11,7 @@ export declare function sortCallback(key: string, a: any, b: any, isCaseSensitiv
 export declare const stopPropagation: (event: any) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;
 export declare function getRandomColor(email: string): string;
-export declare const getAlphabetIcon: (str: string) => JSX.Element;
+export declare const getAlphabetIcon: (str: string, intialAlphabetClassName?: string) => JSX.Element;
 export declare const getEmptyArrayOfLength: (length: number) => unknown[];
 export declare function noop(...args: any[]): any;
 export declare function not(e: any): boolean;

package/dist/index.js

@@ -9953,10 +9953,10 @@ function getRandomColor(email) {
     }
     return colors$1[sum % colors$1.length];
 }
-var getAlphabetIcon = function (str) {
+var getAlphabetIcon = function (str, intialAlphabetClassName) {
     if (!str)
         return null;
-    return (jsxRuntime.jsx("span", __assign({ className: "alphabet-icon__initial fs-13 icon-dim-20 flex cn-0 mr-8", style: { backgroundColor: getRandomColor(str) } }, { children: str[0] })));
+    return (jsxRuntime.jsx("span", __assign({ className: "alphabet-icon__initial fs-13 icon-dim-20 flex cn-0 mr-8 ".concat(intialAlphabetClassName), style: { backgroundColor: getRandomColor(str) } }, { children: str[0] })));
 };
 var getEmptyArrayOfLength = function (length) {
     return Array.from({ length: length });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.42-beta-4",
+    "version": "0.0.42-beta-5",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/Helper.tsx

@@ -116,11 +116,11 @@ export function getRandomColor(email: string): string {
     return colors[sum % colors.length]
 }
 
-export const getAlphabetIcon = (str: string) => {
+export const getAlphabetIcon = (str: string, intialAlphabetClassName?: string) => {
     if (!str) return null
     return (
         <span
-            className="alphabet-icon__initial fs-13 icon-dim-20 flex cn-0 mr-8"
+            className={`alphabet-icon__initial fs-13 icon-dim-20 flex cn-0 mr-8 ${intialAlphabetClassName}`}
             style={{ backgroundColor: getRandomColor(str) }}
         >
             {str[0]}