@widergy/energy-ui 3.180.2 → 3.180.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [3.180.3](https://github.com/widergy/energy-ui/compare/v3.180.2...v3.180.3) (2026-08-28)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * [AXCH-2209] fix UTStatusMessage ([#849](https://github.com/widergy/energy-ui/issues/849)) ([3c958a1](https://github.com/widergy/energy-ui/commit/3c958a1a4f5d81c7ffb5caf6c02792da76bb5751))
7
+
1
8
  ## [3.180.2](https://github.com/widergy/energy-ui/compare/v3.180.1...v3.180.2) (2026-08-25)
2
9
 
3
10
 
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_constants=require("./constants"),_theme=require("./theme"),_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(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)({}).hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},_extends.apply(null,arguments)}const{statusMessage:statusMessage}=_testIds.TEST_IDS,UTStatusMessage=e=>{let{area:t,children:a,classes:s,colorTheme:r=_constants.COLOR_THEMES.DEFAULT,contentMaxWidth:o=_constants.DEFAULT_CONTENT_MAX_WIDTH,description:n,descriptionProps:l,flag:c,HeaderComponent:p,helpText:i,helpTextProps:d,icon:u="IconInfoCircle",iconProps:_={size:40},loading:T,primaryAction:y,primaryActionProps:f,primaryActionText:m,secondaryAction:g,secondaryActionProps:h,secondaryActionText:M,showHeader:b=!0,title:x,titleProps:E}=e;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.root," ").concat(t?_stylesModule.default.area:""," ").concat(s.root||"")},c&&_react.default.createElement("div",{className:s.flag||"","data-testid":statusMessage.flag}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(s.container," ").concat(t?_stylesModule.default.areaPadding:"")},T?_react.default.createElement(_UTLoading.default,{loading:!0,text:null}):b?_react.default.createElement("div",{className:s.banner},p?_react.default.createElement(p,null):_react.default.createElement("div",{className:s.iconContainer},_react.default.createElement(_UTIcon.default,_extends({name:u,colorTheme:_constants.ICON_COLOR_THEMES[r],dataTestId:statusMessage.icon},_)))):null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(s.content),style:{"--statusMessage-content-max-width":"number"==typeof o?"".concat(o,"px"):o}},(x||n||i)&&_react.default.createElement("div",{className:_stylesModule.default.section},x&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,dataTestId:statusMessage.title,variant:"title3",weight:"medium"},E),x),n&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.description,withMarkdown:!0,variant:"body"},l),n),i&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},d),i)),a,(y||g)&&_react.default.createElement("div",{className:_stylesModule.default.section},y&&_react.default.createElement(_UTButton.default,_extends({onClick:y},f),m),g&&_react.default.createElement(_UTButton.default,_extends({onClick:g,variant:"text"},h),M)))))};UTStatusMessage.propTypes={area:_propTypes.bool,children:_propTypes.element,classes:_propTypes.object,colorTheme:_propTypes.string,contentMaxWidth:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),description:_propTypes.string,descriptionProps:_propTypes.object,flag:_propTypes.bool,flagColor:_propTypes.string,HeaderComponent:_propTypes.element,helpText:_propTypes.string,helpTextProps:_propTypes.object,icon:_propTypes.string,iconBackgroundColor:_propTypes.string,iconProps:_propTypes.object,loading:_propTypes.bool,primaryAction:_propTypes.func,primaryActionProps:_propTypes.object,primaryActionText:_propTypes.string,secondaryAction:_propTypes.func,secondaryActionProps:_propTypes.object,secondaryActionText:_propTypes.string,showBanner:_propTypes.bool,showHeader:_propTypes.bool,title:_propTypes.string,titleProps:_propTypes.object};const UTStatusMessageWithTheme=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";var _default=exports.default=UTStatusMessageWithTheme;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_constants=require("./constants"),_theme=require("./theme"),_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(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)({}).hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},_extends.apply(null,arguments)}const{statusMessage:statusMessage}=_testIds.TEST_IDS,UTStatusMessage=e=>{let{area:t,children:a,classes:s,colorTheme:r=_constants.COLOR_THEMES.DEFAULT,contentMaxWidth:o=_constants.DEFAULT_CONTENT_MAX_WIDTH,description:n,descriptionProps:l,flag:c,HeaderComponent:p,helpText:i,helpTextProps:d,icon:u="IconInfoCircle",iconProps:_={size:40},loading:T,primaryAction:y,primaryActionProps:f,primaryActionText:m,secondaryAction:g,secondaryActionProps:h,secondaryActionText:M,showHeader:x=!0,title:b,titleProps:E}=e;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.root," ").concat(t?_stylesModule.default.area:""," ").concat(s.root||"")},c&&_react.default.createElement("div",{className:s.flag||"","data-testid":statusMessage.flag}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(s.container," ").concat(t?_stylesModule.default.areaPadding:"")},T?_react.default.createElement(_UTLoading.default,{loading:!0,text:null}):x?_react.default.createElement("div",{className:s.banner},p?_react.default.createElement(p,null):_react.default.createElement("div",{className:s.iconContainer},_react.default.createElement(_UTIcon.default,_extends({name:u,colorTheme:_constants.ICON_COLOR_THEMES[r],dataTestId:statusMessage.icon},_)))):null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(s.content),style:{"--statusMessage-content-max-width":"number"==typeof o?"".concat(o,"px"):o}},(b||n||i)&&_react.default.createElement("div",{className:_stylesModule.default.section},b&&_react.default.createElement(_UTLabel.default,_extends({align:"center",dataTestId:statusMessage.title,variant:"title3",weight:"medium"},E),b),n&&_react.default.createElement(_UTLabel.default,_extends({align:"center",colorTheme:"gray",dataTestId:statusMessage.description,variant:"body",withMarkdown:!0},l),n),i&&_react.default.createElement(_UTLabel.default,_extends({align:"center",colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},d),i)),a,(y||g)&&_react.default.createElement("div",{className:_stylesModule.default.section},y&&_react.default.createElement(_UTButton.default,_extends({onClick:y},f),m),g&&_react.default.createElement(_UTButton.default,_extends({onClick:g,variant:"text"},h),M)))))};UTStatusMessage.propTypes={area:_propTypes.bool,children:_propTypes.element,classes:_propTypes.object,colorTheme:_propTypes.string,contentMaxWidth:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),description:_propTypes.string,descriptionProps:_propTypes.object,flag:_propTypes.bool,flagColor:_propTypes.string,HeaderComponent:_propTypes.element,helpText:_propTypes.string,helpTextProps:_propTypes.object,icon:_propTypes.string,iconBackgroundColor:_propTypes.string,iconProps:_propTypes.object,loading:_propTypes.bool,primaryAction:_propTypes.func,primaryActionProps:_propTypes.object,primaryActionText:_propTypes.string,secondaryAction:_propTypes.func,secondaryActionProps:_propTypes.object,secondaryActionText:_propTypes.string,showBanner:_propTypes.bool,showHeader:_propTypes.bool,title:_propTypes.string,titleProps:_propTypes.object};const UTStatusMessageWithTheme=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";var _default=exports.default=UTStatusMessageWithTheme;
@@ -58,10 +58,6 @@ $default-area-border-color: #E4E6EA;
58
58
  justify-content: center;
59
59
  }
60
60
 
61
- .label {
62
- text-align: center;
63
- }
64
-
65
61
  .image {
66
62
  height: 200px;
67
63
  width: 200px;
@@ -1 +1 @@
1
- function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)({}).hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},_extends.apply(null,arguments)}import{bool,element,func,number,object,oneOfType,string}from"prop-types";import React from"react";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import UTLoading from"../UTLoading";import WithTheme from"../WithTheme";import{TEST_IDS}from"../../constants/testIds";import{ICON_COLOR_THEMES,COLOR_THEMES,DEFAULT_CONTENT_MAX_WIDTH}from"./constants";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const{statusMessage:statusMessage}=TEST_IDS,UTStatusMessage=e=>{let{area:t,children:a,classes:s,colorTheme:o=COLOR_THEMES.DEFAULT,contentMaxWidth:n=DEFAULT_CONTENT_MAX_WIDTH,description:r,descriptionProps:c,flag:i,HeaderComponent:l,helpText:m,helpTextProps:T,icon:d="IconInfoCircle",iconProps:p={size:40},loading:g,primaryAction:u,primaryActionProps:y,primaryActionText:h,secondaryAction:E,secondaryActionProps:b,secondaryActionText:f,showHeader:x=!0,title:U,titleProps:M}=e;return React.createElement("div",{className:"".concat(styles.root," ").concat(t?styles.area:""," ").concat(s.root||"")},i&&React.createElement("div",{className:s.flag||"","data-testid":statusMessage.flag}),React.createElement("div",{className:"".concat(styles.container," ").concat(s.container," ").concat(t?styles.areaPadding:"")},g?React.createElement(UTLoading,{loading:!0,text:null}):x?React.createElement("div",{className:s.banner},l?React.createElement(l,null):React.createElement("div",{className:s.iconContainer},React.createElement(UTIcon,_extends({name:d,colorTheme:ICON_COLOR_THEMES[o],dataTestId:statusMessage.icon},p)))):null,React.createElement("div",{className:"".concat(styles.content," ").concat(s.content),style:{"--statusMessage-content-max-width":"number"==typeof n?"".concat(n,"px"):n}},(U||r||m)&&React.createElement("div",{className:styles.section},U&&React.createElement(UTLabel,_extends({className:styles.label,dataTestId:statusMessage.title,variant:"title3",weight:"medium"},M),U),r&&React.createElement(UTLabel,_extends({className:styles.label,colorTheme:"gray",dataTestId:statusMessage.description,withMarkdown:!0,variant:"body"},c),r),m&&React.createElement(UTLabel,_extends({className:styles.label,colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},T),m)),a,(u||E)&&React.createElement("div",{className:styles.section},u&&React.createElement(UTButton,_extends({onClick:u},y),h),E&&React.createElement(UTButton,_extends({onClick:E,variant:"text"},b),f)))))};UTStatusMessage.propTypes={area:bool,children:element,classes:object,colorTheme:string,contentMaxWidth:oneOfType([number,string]),description:string,descriptionProps:object,flag:bool,flagColor:string,HeaderComponent:element,helpText:string,helpTextProps:object,icon:string,iconBackgroundColor:string,iconProps:object,loading:bool,primaryAction:func,primaryActionProps:object,primaryActionText:string,secondaryAction:func,secondaryActionProps:object,secondaryActionText:string,showBanner:bool,showHeader:bool,title:string,titleProps:object};const UTStatusMessageWithTheme=WithTheme(retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";export default UTStatusMessageWithTheme;
1
+ function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}import{bool,element,func,number,object,oneOfType,string}from"prop-types";import React from"react";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import UTLoading from"../UTLoading";import WithTheme from"../WithTheme";import{TEST_IDS}from"../../constants/testIds";import{ICON_COLOR_THEMES,COLOR_THEMES,DEFAULT_CONTENT_MAX_WIDTH}from"./constants";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const{statusMessage:statusMessage}=TEST_IDS,UTStatusMessage=e=>{let{area:t,children:a,classes:n,colorTheme:s=COLOR_THEMES.DEFAULT,contentMaxWidth:o=DEFAULT_CONTENT_MAX_WIDTH,description:r,descriptionProps:c,flag:i,HeaderComponent:l,helpText:m,helpTextProps:T,icon:d="IconInfoCircle",iconProps:p={size:40},loading:g,primaryAction:u,primaryActionProps:h,primaryActionText:y,secondaryAction:E,secondaryActionProps:f,secondaryActionText:b,showHeader:x=!0,title:U,titleProps:M}=e;return React.createElement("div",{className:"".concat(styles.root," ").concat(t?styles.area:""," ").concat(n.root||"")},i&&React.createElement("div",{className:n.flag||"","data-testid":statusMessage.flag}),React.createElement("div",{className:"".concat(styles.container," ").concat(n.container," ").concat(t?styles.areaPadding:"")},g?React.createElement(UTLoading,{loading:!0,text:null}):x?React.createElement("div",{className:n.banner},l?React.createElement(l,null):React.createElement("div",{className:n.iconContainer},React.createElement(UTIcon,_extends({name:d,colorTheme:ICON_COLOR_THEMES[s],dataTestId:statusMessage.icon},p)))):null,React.createElement("div",{className:"".concat(styles.content," ").concat(n.content),style:{"--statusMessage-content-max-width":"number"==typeof o?"".concat(o,"px"):o}},(U||r||m)&&React.createElement("div",{className:styles.section},U&&React.createElement(UTLabel,_extends({align:"center",dataTestId:statusMessage.title,variant:"title3",weight:"medium"},M),U),r&&React.createElement(UTLabel,_extends({align:"center",colorTheme:"gray",dataTestId:statusMessage.description,variant:"body",withMarkdown:!0},c),r),m&&React.createElement(UTLabel,_extends({align:"center",colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},T),m)),a,(u||E)&&React.createElement("div",{className:styles.section},u&&React.createElement(UTButton,_extends({onClick:u},h),y),E&&React.createElement(UTButton,_extends({onClick:E,variant:"text"},f),b)))))};UTStatusMessage.propTypes={area:bool,children:element,classes:object,colorTheme:string,contentMaxWidth:oneOfType([number,string]),description:string,descriptionProps:object,flag:bool,flagColor:string,HeaderComponent:element,helpText:string,helpTextProps:object,icon:string,iconBackgroundColor:string,iconProps:object,loading:bool,primaryAction:func,primaryActionProps:object,primaryActionText:string,secondaryAction:func,secondaryActionProps:object,secondaryActionText:string,showBanner:bool,showHeader:bool,title:string,titleProps:object};const UTStatusMessageWithTheme=WithTheme(retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";export default UTStatusMessageWithTheme;
@@ -58,10 +58,6 @@ $default-area-border-color: #E4E6EA;
58
58
  justify-content: center;
59
59
  }
60
60
 
61
- .label {
62
- text-align: center;
63
- }
64
-
65
61
  .image {
66
62
  height: 200px;
67
63
  width: 200px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.180.2",
3
+ "version": "3.180.3",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",