@topconsultnpm/sdkui-react-beta 6.15.25 → 6.15.26

package/lib/components/base/TMUserAvatar.js

@@ -1,41 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import TMTooltip from './TMTooltip';
+import { extractInitialsFromName, getAvatarColor } from '../../helper';
 const TMUserAvatar = (props) => {
     const { displayName, nameForColorCalculation, tooltipName, returnType } = props;
-    // Helper function to generate dark color from name
-    const generateDarkColorFromName = (str) => {
-        let hash = 0;
-        for (let i = 0; i < str.length; i++) {
-            hash = str.charCodeAt(i) + ((hash << 5) - hash);
-        }
-        const hue = Math.floor((hash & 0x00FFFFFF) / 0x10000);
-        let colorRange;
-        if (hue >= 0 && hue < 30)
-            colorRange = 0; // Dark red
-        else if (hue >= 30 && hue < 90)
-            colorRange = 60; // Dark orange to yellow
-        else if (hue >= 90 && hue < 150)
-            colorRange = 120; // Dark green
-        else if (hue >= 150 && hue < 210)
-            colorRange = 180; // Dark cyan
-        else if (hue >= 210 && hue < 270)
-            colorRange = 240; // Dark blue
-        else if (hue >= 270 && hue < 330)
-            colorRange = 300; // Dark purple
-        else
-            colorRange = 360; // Dark magenta
-        return `hsl(${colorRange}, 70%, 30%)`; // Dark color
-    };
-    // Helper function to extract initials from name
-    const extractInitialsFromName = (name) => {
-        if (name.length >= 2) {
-            const lettersOnly = name.replace(/[^a-zA-Z]/g, '');
-            return lettersOnly.substring(0, 3).toUpperCase();
-        }
-        return name[0].toUpperCase();
-    };
     const initials = extractInitialsFromName(displayName ?? '-');
-    const bgColor = generateDarkColorFromName(nameForColorCalculation ?? '-');
+    const bgColor = getAvatarColor(nameForColorCalculation ?? '-');
     if (returnType === 'svg') {
         return `
             <svg width="30" height="30" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">

package/lib/components/grids/TMBlogsUtils.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import styled from "styled-components";
 import { SDK_Globals } from "@topconsultnpm/sdk-ts-beta";
-import { formatBytes, getAvatarColor, getFileIcon, IconAttachment, IconCADossier, IconMenuCAWorkingGroups, SDKUI_Localizator } from "../../helper";
+import { extractInitialsFromName, formatBytes, getAvatarColor, getFileIcon, IconAttachment, IconCADossier, IconMenuCAWorkingGroups, SDKUI_Localizator } from "../../helper";
 import TMTooltip from "../base/TMTooltip";
 import { DownloadTypes } from '../../ts';
 import { TMColors } from '../../utils/theme';
@@ -178,18 +178,6 @@ export const AttachmentElement = (attachment, treeFs, draftLatestInfoMap, archiv
         }, children: _jsxs("div", { style: { alignItems: 'center', display: 'flex' }, children: [fileExt ? _jsx("span", { style: { marginRight: "10px" }, children: getFileIcon(fileExt, undefined, tooltipContent) }) : _jsx(IconAttachment, { style: { marginRight: "5px" } }), _jsx("span", { children: nameElement })] }) }, attachment.did);
 };
 export const OwnerInitialsBadge = (blogPost) => {
-    const extractInitialsFromName = (name) => {
-        if (!name)
-            return '';
-        const lettersOnly = name.replace(/[^a-zA-Z]/g, '');
-        if (lettersOnly.length === 0) {
-            return name[0]?.toUpperCase() || '';
-        }
-        if (lettersOnly.toLowerCase() === 'sysadmin') {
-            return 'SYS';
-        }
-        return lettersOnly.substring(0, 2).toUpperCase();
-    };
     return _jsx(TMTooltip, { content: blogPost.ownerName ?? '-', children: _jsx("div", { style: {
                 width: "40px",
                 height: "40px",

package/lib/helper/TMUtils.d.ts

@@ -7,3 +7,4 @@ export interface RowData {
 export declare const associateColumnsToRows: (columns: Array<DataColumnDescriptor> | undefined, rows: Array<Array<string>> | undefined) => Array<RowData>;
 export declare const buildValueToLabelMapFromDataColumns: (columns: Array<DataColumnDescriptor>) => Promise<Map<string, string>>;
 export declare const getAvatarColor: (name: string) => string;
+export declare const extractInitialsFromName: (name: string) => string;

package/lib/helper/TMUtils.js

@@ -142,3 +142,15 @@ export const getAvatarColor = (name) => {
     const hash = name.split('').reduce((acc, char) => char.charCodeAt(0) + acc, 0);
     return colors[hash % colors.length];
 };
+export const extractInitialsFromName = (name) => {
+    if (!name)
+        return '';
+    const lettersOnly = name.replace(/[^a-zA-Z]/g, '');
+    if (lettersOnly.length === 0) {
+        return name[0]?.toUpperCase() || '';
+    }
+    if (lettersOnly.toLowerCase() === 'sysadmin') {
+        return 'SYS';
+    }
+    return lettersOnly.substring(0, 2).toUpperCase();
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.15.25",
+    "version": "6.15.26",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",