@topconsultnpm/sdkui-react-beta 6.12.70 → 6.12.72

package/lib/components/base/TMUserAvatar.d.ts

@@ -1,5 +1,6 @@
 interface TMUserAvatarProps {
-    name: string;
+    displayName: string;
+    nameForColorCalculation: string;
     tooltipName?: string;
     returnType?: 'jsx' | 'svg';
 }

package/lib/components/base/TMUserAvatar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import TMTooltip from './TMTooltip';
 const TMUserAvatar = (props) => {
-    const { name, tooltipName, returnType } = props;
+    const { displayName, nameForColorCalculation, tooltipName, returnType } = props;
     // Helper function to generate dark color from name
     const generateDarkColorFromName = (str) => {
         let hash = 0;
@@ -34,8 +34,8 @@ const TMUserAvatar = (props) => {
         }
         return name[0].toUpperCase();
     };
-    const initials = extractInitialsFromName(name ?? '-');
-    const bgColor = generateDarkColorFromName(name ?? '-');
+    const initials = extractInitialsFromName(displayName ?? '-');
+    const bgColor = generateDarkColorFromName(nameForColorCalculation ?? '-');
     if (returnType === 'svg') {
         return `
             <svg width="30" height="30" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
@@ -46,7 +46,7 @@ const TMUserAvatar = (props) => {
             </svg>
         `.trim();
     }
-    return (_jsx(TMTooltip, { content: tooltipName ?? name, children: _jsx("div", { style: {
+    return (_jsx(TMTooltip, { content: tooltipName ?? displayName, children: _jsx("div", { style: {
                 width: "40px",
                 height: "40px",
                 borderRadius: "50%",

package/lib/components/index.d.ts

@@ -31,6 +31,8 @@ export { default as TMCheckBox } from './editors/TMCheckBox';
 export { default as TMRadioButton } from './editors/TMRadioButton';
 export { default as TMDateBox } from './editors/TMDateBox';
 export { default as TMMetadataEditor } from './editors/TMMetadataEditor';
+export { default as TMHtmlContentDisplay } from './editors/TMHtmlContentDisplay';
+export { default as TMHtmlEditor } from './editors/TMHtmlEditor';
 export * from './editors/TMFormulaEditor';
 export * from './editors/TMMetadataValues';
 export { editorColorManager } from './editors/TMEditorStyled';

package/lib/components/index.js

@@ -33,6 +33,8 @@ export { default as TMCheckBox } from './editors/TMCheckBox';
 export { default as TMRadioButton } from './editors/TMRadioButton';
 export { default as TMDateBox } from './editors/TMDateBox';
 export { default as TMMetadataEditor } from './editors/TMMetadataEditor';
+export { default as TMHtmlContentDisplay } from './editors/TMHtmlContentDisplay';
+export { default as TMHtmlEditor } from './editors/TMHtmlEditor';
 export * from './editors/TMFormulaEditor';
 export * from './editors/TMMetadataValues';
 export { editorColorManager } from './editors/TMEditorStyled';

package/lib/stories/TMUserAvatar.stories.js

@@ -7,13 +7,14 @@ const meta = {
     decorators: [(Story) => (_jsxs(TMDeviceProvider, { children: [" ", _jsx(Story, {}), " "] })),],
     tags: ['autodocs'],
     args: {
-        name: 'Test User',
+        displayName: 'Test User',
+        nameForColorCalculation: 'Test User',
     },
 };
 export default meta;
 export const MultipleAvatars = {
     render: () => {
         const names = ['Luca', 'Claudio', 'Marco', 'Alessia', 'Giorgio', 'Ashkan', 'Joele', 'Alessandro'];
-        return (_jsx("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap' }, children: names.map((name, index) => (_jsx(TMUserAvatar, { name: name }, index))) }));
+        return (_jsx("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap' }, children: names.map((name, index) => (_jsx(TMUserAvatar, { displayName: name, nameForColorCalculation: name }, index))) }));
     },
 };

package/package.json

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