@widergy/energy-ui 3.57.0 → 3.58.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.58.1](https://github.com/widergy/energy-ui/compare/v3.58.0...v3.58.1) (2025-02-05)
+
+
+### Bug Fixes
+
+* product item discount ([#567](https://github.com/widergy/energy-ui/issues/567)) ([9e5091d](https://github.com/widergy/energy-ui/commit/9e5091db2efaa054e37e1e4718aa28e6880ae019))
+
+# [3.58.0](https://github.com/widergy/energy-ui/compare/v3.57.0...v3.58.0) (2025-02-04)
+
+
+### Features
+
+* [AUT-422] digital bill adherence test ids ([#566](https://github.com/widergy/energy-ui/issues/566)) ([cfcb190](https://github.com/widergy/energy-ui/commit/cfcb1908cc2a3696372754066e2105891f8176ab))
+
 # [3.57.0](https://github.com/widergy/energy-ui/compare/v3.56.0...v3.57.0) (2025-01-28)
 
 

package/dist/components/UTIcon/README.md

@@ -10,13 +10,13 @@ The icon name must be with the first letter of each word in uppercase.
 
 ### Props
 
-
 | Name       | Description                                                                                                                                         |
-| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
 | area       | padding around the icon is shown when it is true. (Default: false).                                                                                 |
 | name       | The name of the icon in TablerIcons                                                                                                                 |
 | classname  | The classname to aplied to the Icon                                                                                                                 |
 | colorTheme | The icon color                                                                                                                                      |
+| dataTestId | Icon's data-testid                                                                                                                                  |
 | shade      | The icon color shade                                                                                                                                |
 | size       | The icon size in px                                                                                                                                 |
 | variant    | It depends on the `area` property and defines whether it should be displayed filled (`default`) or just with a border (`outlined`) around the icon. |

package/dist/components/UTIcon/index.js

@@ -21,6 +21,7 @@ const UTIcon = _ref => {
     className,
     color,
     colorTheme,
+    dataTestId,
     fillShade,
     fillTheme,
     name,
@@ -51,7 +52,8 @@ const UTIcon = _ref => {
   const IconComponent = _constants.ENERGY_ICONS[name] || TablerIcons[name];
   if (!IconComponent) return null;
   return /*#__PURE__*/_react.default.createElement(IconComponent, _extends({
-    className: classNames
+    className: classNames,
+    "data-testid": dataTestId
   }, iconProps));
 };
 UTIcon.propTypes = {
@@ -63,6 +65,7 @@ UTIcon.propTypes = {
    */
   color: _propTypes.string,
   colorTheme: _propTypes.string,
+  dataTestId: _propTypes.string,
   fillShade: _propTypes.string,
   fillTheme: _propTypes.string,
   name: _propTypes.string,

package/dist/components/UTMenu/index.js

@@ -119,6 +119,7 @@ const UTMenu = _ref => {
       };
       return ItemComponent ? withMenuItem ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({
         className: "".concat(classes.menuItemContainer, " ").concat(item.menuItemClassName),
+        "data-testid": item.dataTestId,
         disabled: item.disabled,
         divider: withDivider && index < lastItem,
         key: item.key,
@@ -129,6 +130,7 @@ const UTMenu = _ref => {
         className: classes.menuItem
       }, itemProps, item)) : /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({
         className: "".concat(classes.menuItemContainer, " ").concat(item.menuItemClassName),
+        "data-testid": item.dataTestId,
         disabled: item.disabled,
         divider: withDivider && index < lastItem,
         key: item.key,

package/dist/components/UTProductItem/index.js

@@ -58,7 +58,7 @@ const UTProductItem = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     colorTheme: "light",
     variant: discountSize
-  }, "".concat(discount, "% OFF"))), !!previousAmount && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  }, discount)), !!previousAmount && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     colorTheme: "gray",
     className: classes.previousAmount
   }, "$ ".concat(previousAmount))), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {

package/dist/components/UTProductItem/theme.js

@@ -42,6 +42,7 @@ const retrieveStyle = _ref => {
       gridGap: '16px'
     },
     mainInfo: {
+      alignItems: 'flex-start',
       display: 'flex',
       flexDirection: 'column',
       gridGap: '4px',

package/dist/components/UTStatusMessage/index.js

@@ -11,11 +11,18 @@ var _UTIcon = _interopRequireDefault(require("../UTIcon"));
 var _UTLabel = _interopRequireDefault(require("../UTLabel"));
 var _UTLoading = _interopRequireDefault(require("../UTLoading"));
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _testIds = require("../../constants/testIds");
 var _constants = require("./constants");
 var _theme = require("./theme");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const {
+  descriptionId,
+  helpTextId,
+  iconId,
+  titleId
+} = _testIds.COMPONENT_IDS.statusMessageIds;
 const UTStatusMessage = _ref => {
   let {
     children,
@@ -50,22 +57,26 @@ const UTStatusMessage = _ref => {
     className: classes.iconContainer
   }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
     name: icon,
-    colorTheme: _constants.ICON_COLOR_THEMES[colorTheme]
+    colorTheme: _constants.ICON_COLOR_THEMES[colorTheme],
+    dataTestId: iconId
   }, iconProps)))) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.content, " ").concat(classes.content)
   }, (title || description || helpText) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.section
   }, title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     className: _stylesModule.default.label,
+    dataTestId: titleId,
     variant: "title3",
     weight: "medium"
   }, titleProps), title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     className: _stylesModule.default.label,
     colorTheme: "gray",
+    dataTestId: descriptionId,
     variant: "body"
   }, descriptionProps), description), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     className: _stylesModule.default.label,
     colorTheme: "gray",
+    dataTestId: helpTextId,
     variant: "small"
   }, helpTextProps), helpText)), children, (primaryAction || secondaryAction) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.section

package/dist/constants/testIds.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TABLE_ROW = exports.TABLE = exports.SELECTION_COMPONENT = exports.HEADER = exports.COMPONENT_IDS = exports.CELL = exports.ACTIONS = void 0;
+exports.TABLE_ROW = exports.TABLE = exports.STATUS_MESSAGE = exports.SELECTION_COMPONENT = exports.HEADER = exports.COMPONENT_IDS = exports.CELL = exports.ACTIONS = void 0;
 const BOTTOM_NAV = 'bottomNav';
 const DIALOG = 'dialog';
 const WORKFLOW_CONTAINER = 'workflowContainer';
@@ -11,6 +11,7 @@ const ACTIONS = exports.ACTIONS = 'actions';
 const CELL = exports.CELL = 'cell';
 const HEADER = exports.HEADER = 'header';
 const SELECTION_COMPONENT = exports.SELECTION_COMPONENT = 'selectionComponent';
+const STATUS_MESSAGE = exports.STATUS_MESSAGE = 'statusMessage';
 const TABLE = exports.TABLE = 'table';
 const TABLE_ROW = exports.TABLE_ROW = 'tableRow';
 const COMPONENT_IDS = exports.COMPONENT_IDS = {
@@ -27,6 +28,12 @@ const COMPONENT_IDS = exports.COMPONENT_IDS = {
     closeButtonId: 'snackbar.closeButton',
     labelId: 'snackbar.label'
   },
+  statusMessageIds: {
+    descriptionId: "".concat(STATUS_MESSAGE, ".description"),
+    helpTextId: "".concat(STATUS_MESSAGE, ".helperText"),
+    iconId: "".concat(STATUS_MESSAGE, ".icon"),
+    titleId: "".concat(STATUS_MESSAGE, ".title")
+  },
   tableIds: {
     actionsId: "".concat(TABLE, ".actions"),
     cellId: "".concat(TABLE, ".tableRow.cell"),

package/package.json

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