@topconsultnpm/sdkui-react-beta 6.15.24 → 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, 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,57 +178,11 @@ 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 generateDarkColorFromName = (str) => {
-        // Create a hash of the string
-        let hash = 0;
-        for (let i = 0; i < str.length; i++) {
-            hash = str.charCodeAt(i) + ((hash << 5) - hash);
-        }
-        // Convert the hash to a color (ensure it's within RGB range)
-        const hue = Math.floor((hash & 0x00FFFFFF) / 0x10000);
-        // Define color ranges for dark red, green, yellow, and others
-        let colorRange;
-        if (hue >= 0 && hue < 30) { // Dark red
-            colorRange = 0; // Red hue
-        }
-        else if (hue >= 30 && hue < 90) { // Dark orange to yellow
-            colorRange = 60; // Yellow hue
-        }
-        else if (hue >= 90 && hue < 150) { // Dark green
-            colorRange = 120; // Green hue
-        }
-        else if (hue >= 150 && hue < 210) { // Dark cyan
-            colorRange = 180; // Cyan hue
-        }
-        else if (hue >= 210 && hue < 270) { // Dark blue
-            colorRange = 240; // Blue hue
-        }
-        else if (hue >= 270 && hue < 330) { // Dark purple
-            colorRange = 300; // Purple hue
-        }
-        else { // Dark magenta
-            colorRange = 360; // Magenta hue
-        }
-        // Use a low lightness value to keep the color dark
-        return `hsl(${colorRange}, 70%, 30%)`; // Low lightness for dark colors
-    };
-    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",
                 borderRadius: "50%",
-                backgroundColor: generateDarkColorFromName(blogPost.ownerName ?? '-'),
+                backgroundColor: getAvatarColor(blogPost.ownerName ?? '-'),
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",

package/lib/components/sidebar/TMHeader.d.ts

@@ -27,7 +27,6 @@ interface ITMHeader {
     onSettingsClick?: () => void;
 }
 export declare const getInitials: (name: string) => string;
-export declare const getAvatarColor: (name: string) => string;
 export declare const getCultureFlag: (cultureId: CultureIDs) => string;
 export declare const getCultureDisplayName: (cultureId: CultureIDs) => string;
 export declare const copyUserInfoToClipboard: (userName: string, cultureId: string, archiveId: string, archiveDesc: string, endpoint: string, domain?: string) => void;

package/lib/components/sidebar/TMHeader.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useMemo } from 'react';
 import six from '../../assets/six.png';
-import { IconCloseOutline, IconCopy, IconSearch, openApps, SDKUI_Localizator } from '../../helper';
+import { getAvatarColor, IconCloseOutline, IconCopy, IconSearch, openApps, SDKUI_Localizator } from '../../helper';
 import styled, { keyframes } from 'styled-components';
 import { SDK_Globals, AuthenticationModes, AppModules, UserLevels, CultureIDs } from '@topconsultnpm/sdk-ts-beta';
 import { TMColors } from '../../utils/theme';
@@ -36,15 +36,6 @@ export const getInitials = (name) => {
     }
     return (words[0][0] + words[words.length - 1][0]).toUpperCase();
 };
-export const getAvatarColor = (name) => {
-    const colors = [
-        '#6264A7', '#8C6BAD', '#C239B3', '#E33B9A', '#F2707C',
-        '#FF8C00', '#CA5010', '#8E562E', '#498205', '#107C10',
-        '#0078D4', '#038387', '#8764B8', '#881798', '#C50E20'
-    ];
-    const hash = name.split('').reduce((acc, char) => char.charCodeAt(0) + acc, 0);
-    return colors[hash % colors.length];
-};
 export const getCultureFlag = (cultureId) => {
     switch (cultureId) {
         case 'it_IT': return it;

package/lib/helper/TMUtils.d.ts

@@ -6,3 +6,5 @@ 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

@@ -133,3 +133,24 @@ export const buildValueToLabelMapFromDataColumns = async (columns) => {
     }
     return valueToNameMap;
 };
+export const getAvatarColor = (name) => {
+    const colors = [
+        '#6264A7', '#8C6BAD', '#C239B3', '#E33B9A', '#F2707C',
+        '#FF8C00', '#CA5010', '#8E562E', '#498205', '#107C10',
+        '#0078D4', '#038387', '#8764B8', '#881798', '#C50E20'
+    ];
+    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.24",
+    "version": "6.15.26",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",