@widergy/energy-ui 3.139.1 → 3.141.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.141.0](https://github.com/widergy/energy-ui/compare/v3.140.0...v3.141.0) (2026-03-18)
+
+
+### Features
+
+* [AXCH-1339] abbreviations in avatar component ([#769](https://github.com/widergy/energy-ui/issues/769)) ([1604f31](https://github.com/widergy/energy-ui/commit/1604f313981bcdbf64ea23fac687943e30dbefc5))
+
+# [3.140.0](https://github.com/widergy/energy-ui/compare/v3.139.1...v3.140.0) (2026-03-11)
+
+
+### Features
+
+* add index to test id ([#768](https://github.com/widergy/energy-ui/issues/768)) ([7331fa1](https://github.com/widergy/energy-ui/commit/7331fa1bfeb8d6f1523253d930b6eea69f9f0ca6))
+
 ## [3.139.1](https://github.com/widergy/energy-ui/compare/v3.139.0...v3.139.1) (2026-02-27)
 
 

package/dist/components/UTAvatar/index.js

@@ -17,6 +17,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const UTAvatar = _ref => {
   var _iconProps$name;
   let {
+    abbreviation,
     areaShape = _constants.SHAPE.CIRCLE,
     className,
     iconProps,
@@ -32,12 +33,12 @@ const UTAvatar = _ref => {
     getFirstLetter,
     getAvatarColors
   } = _componentUtils.default;
-  const firstNameLetter = getFirstLetter(userName);
   const {
     colorTheme,
     ...styles
-  } = getAvatarColors(type === _constants.TYPE.LETTER ? userName : (_iconProps$name = iconProps === null || iconProps === void 0 ? void 0 : iconProps.name) !== null && _iconProps$name !== void 0 ? _iconProps$name : _constants.DEFAULT_ICON, palette || _constants.defaultPalette);
+  } = getAvatarColors(type === _constants.TYPE.LETTER ? userName || abbreviation : (_iconProps$name = iconProps === null || iconProps === void 0 ? void 0 : iconProps.name) !== null && _iconProps$name !== void 0 ? _iconProps$name : _constants.DEFAULT_ICON, palette || _constants.defaultPalette);
   const sizeVariant = _constants.SIZE_VARIANTS[size][type];
+  const textToShow = abbreviation || getFirstLetter(userName);
   return /*#__PURE__*/_react.default.createElement(_Avatar.default, {
     className: "".concat(className !== null && className !== void 0 ? className : '', " ").concat(size ? _stylesModule.default[size] : ''),
     style: manualColors ? {} : styles,
@@ -47,13 +48,14 @@ const UTAvatar = _ref => {
     colorTheme: colorTheme,
     variant: sizeVariant,
     weight: "medium"
-  }, labelProps), firstNameLetter) : /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+  }, labelProps), textToShow) : /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
     colorTheme: colorTheme,
     name: _constants.DEFAULT_ICON,
     size: sizeVariant
   }, iconProps)));
 };
 UTAvatar.propTypes = {
+  abbreviation: _propTypes.string,
   className: _propTypes.string,
   iconProps: (0, _propTypes.shape)({
     className: _propTypes.string,

package/dist/components/UTAvatar/stories/UTAvatarTypes.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LetterVsIcon = exports.Letter = exports.Icon = void 0;
+exports.default = exports.WithAbbreviation = exports.LetterVsIcon = exports.Letter = exports.Icon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../index"));
 var _constants = require("../constants");
@@ -28,6 +28,14 @@ const Letter = exports.Letter = {
     type: _constants.TYPE.LETTER
   }
 };
+const WithAbbreviation = exports.WithAbbreviation = {
+  args: {
+    userName: 'John Doe',
+    abbreviation: 'JD',
+    type: _constants.TYPE.LETTER
+  },
+  name: 'With Abbreviation'
+};
 const Icon = exports.Icon = {
   args: {
     userName: 'Icon Avatar',

package/dist/components/UTAvatar/stories/storiesConstants.js

@@ -7,6 +7,18 @@ exports.COMMON_PARAMETERS = exports.COMMON_ARG_TYPES = exports.COMMON_ARGS = voi
 var _constants = require("../constants");
 // Common argTypes used across multiple stories files
 const COMMON_ARG_TYPES = exports.COMMON_ARG_TYPES = {
+  abbreviation: {
+    control: 'text',
+    description: 'The abbreviation to display instead of the initial letter',
+    table: {
+      defaultValue: {
+        summary: 'undefined'
+      },
+      type: {
+        summary: 'string'
+      }
+    }
+  },
   userName: {
     control: 'text',
     description: 'The name of the user to display (first letter will be shown)',

package/dist/components/UTRadioGroup/versions/V0/index.js

@@ -65,7 +65,7 @@ class UTRadioGroup extends _react.PureComponent {
             checked: "".concat(classes.checked, " ").concat(classes.checkedIconRoot)
           },
           inputProps: {
-            'data-testid': dataTestId ? "".concat(dataTestId, ".input") : null
+            'data-testid': dataTestId ? "".concat(dataTestId, ".input.").concat(index) : null
           }
         }),
         className: "".concat(classes.formControlLabel, " \n              ").concat(this.props.divider && index === 0 && classes.topDivider, " \n              ").concat(this.props.divider && classes.divider, "\n              ").concat(className)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.139.1",
+  "version": "3.141.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",